https://snappyit.ai/assets/generation-BdPz1vRW.js

1import{i as a,r as l,c as e,o as t,a3 as s,D as o,E as i,I as n,P as r,F as c,a1 as u,K as d,Q as p,u as f,M as m,w as _,a7 as y,j as v,V as g,W as b,a as h,an as j,v as k}from"./vue-vendor-BSQQ1aTI.js";import{S as x}from"./Select-DJE6X4KQ.js";import{H as L,G as I,a as $,D as w}from"./GenerationActions-DjOAHqLb.js";import{u as C}from"./vue.f36acd1f-ZtcdgcS8.js";import{_ as P,i as V,M as A}from"./index-BT1P8caP.js";import{u as F}from"./useDevice-Cx2i0f-t.js";import"./magicFix-DJ9xzVw8.js";import"./index-pc4sby8r.js";import"./index-Dw7ymR7j.js";import"./utils-Beq21L_M.js";import"./el-checkbox-cRfYA0yv.js";import"./constants-DLrtbKxA.js";import"./event-BwRzfsZt.js";import"./use-form-common-props-C5ElKonT.js";import"./i18n-DQCH20XC.js";import"./el-popper-BzK1fDKt.js";import"./el-popover-D4fmoB8L.js";import"./dropdown-7-A0bM3J.js";import"./date-6TcIxm53.js";import"./generate-DIgYsUV3.js";import"./promise-poller-DQ7_5qNL.js";import"./_commonjsHelpers-lGe4XDVY.js";import"./index-BJhmuWAi.js";import"./clothing-B-Gf25L-.js";import"./contentReport-CsXfu7xX.js";import"./tryOnVideo-DoX_we2r.js";import"./download-CkoaFixh.js";import"./common-ChY3txKM.js";import"./batchConstants-DTtdOxz0.js";import"./removeWrinklesContract-Dg-8Rh9_.js";import"./failureCode-Bwms-3Ba.js";import"./navigation-Dzj3XpM-.js";import"./UploadSourceDropdown-DWPjo2gi.js";import"./auth0-DcUFmssv.js";const M={class:"flex-col items-center justify-center ghost-introduction-carousel"},S={class:"ghost-introduction-carousel__title"},G={class:"ghost-introduction-carousel__subtitle"},O={class:"flex-col items-center"},T=["src","alt"],U={class:"ghost-introduction-carousel__image-text"},D=["src"],H={class:"flex-col items-center"},R=["src","alt"],Q={class:"ghost-introduction-carousel__image-text"},E={class:"ghost-introduction-carousel__dots"},W=["onClick"],B=P({__name:"carousel",setup(_){const y=a("studioManager"),{categories:v}=y,g=l(0),b=e(()=>v?.length||0);let h=null;function j(){k(),b.value<=1||(h=window.setInterval(()=>{b.value&&(g.value=(g.value+1)%b.value)},3e3))}function k(){h&&(window.clearInterval(h),h=null)}return t(()=>{j()}),s(()=>{k()}),(a,l)=>(i(),o("div",M,[n("div",S,[n("span",null,r(a.$t("flatLay.carousel.title")),1)]),n("div",G,[n("span",null,r(a.$t("flatLay.carousel.subtitle")),1)]),n("div",{class:"ghost-introduction-carousel__slider",onMouseenter:k,onMouseleave:j},[(i(!0),o(c,null,u(f(v),(l,e)=>d((i(),o("div",{key:l.id||e,class:"flex-row items-center ghost-introduction-carousel__images"},[n("div",O,[n("img",{class:"ghost-introduction-carousel__image",src:a.$cdn(l.before),alt:l.beforeAlt},null,8,T),n("span",U,r(a.$t("flatLay.carousel.originalImage")),1)]),n("img",{class:"ghost-introduction-carousel__arrow",src:a.$cdn("FlatLay/carousel"),alt:""},null,8,D),n("div",H,[n("img",{class:"ghost-introduction-carousel__image",src:a.$cdn(l.after),alt:l.AfterAlt},null,8,R),n("span",Q,r(a.$t("flatLay.carousel.flatLayResult")),1)])])),[[p,g.value===e]])),128))],32),n("div",E,[(i(!0),o(c,null,u(f(v),(a,l)=>(i(),o("span",{key:l,class:m(["ghost-introduction-carousel__dot",{"ghost-introduction-carousel__dot--active":g.value===l}]),onClick:a=>function(a){b.value&&(g.value=a)}(l)},null,10,W))),128))])]))}},[["__scopeId","data-v-b3d98e38"]]),J={key:0},K={class:"flex-col relative flat-lay-panel"},Z={class:"flex-col justify-start items-center self-stretch flat-lay-panel__body"},q={key:0,class:"flex-col justify-start items-center self-stretch relative flat-lay-panel__block"},z={class:"self-start flat-lay-panel__label"},N={class:"self-stretch"},X={key:1,class:"flex-col justify-start items-center self-stretch flat-lay-panel__block"},Y={class:"self-start flat-lay-panel__label"},aa={class:"flat-lay-panel__textarea-wrapper"},la=["disabled","placeholder"],ea={class:"flat-lay-panel__char-count"},ta={key:2,class:"flex-col justify-start items-center self-stretch flat-lay-panel__block"},sa={class:"self-start flat-lay-panel__label"},oa={class:"flat-lay-panel__count-tabs"},ia=["onClick"],na={key:1},ra={class:"flex-col relative flat-lay-mobile__panel"},ca={key:0,class:"flat-lay-mobile__tab-toggle"},ua={key:1,class:"flex-col justify-start items-center self-stretch flat-lay-mobile__panel-body"}

1,da={class:"self-start flat-lay-mobile__label"},pa={class:"self-start flat-lay-mobile__label"},fa=["disabled","aria-label","aria-expanded"],ma={class:"flat-lay-mobile__char-count"},_a={class:"self-start flat-lay-mobile__label"},ya={class:"flat-lay-mobile__count-tabs"},va=["onClick"],ga={key:3,class:"flat-lay-mobile__submit-tip"},ba={class:"flat-lay-mobile__submit-tip-content"},ha={class:"flat-lay-mobile__submit-tip-banner"},ja={class:"flat-lay-mobile__submit-tip-text"},ka=["src"],xa=["src"],La=["src"],Ia=P({__name:"generation",setup(p){C({title:"AI Flat Lay Generator for Professional Product Photography | Snappyit",meta:[{name:"description",content:"Generate professional flat lay photography for clothing with AI. Ideal for fashion brands, resellers, and online stores to create clean, consistent product images fast."}],link:[{rel:"canonical",href:"https://snappyit.ai/flat-lay"}]});const P=a("studioManager"),{photoOptions:M,selectedSelectType:S,selectedPhotos:G,switchPhoto:O,isLoadImage:T,isLoginAndHasHistory:U,skeletonLoading:D,switchShowInputs:H,isShowInputs:R,isLoading:Q,additionalPrompt:E,disabledInput:W,getTargetCategoryListApi:Ia,targetCategoryList:$a,handleTargetCategoryChange:wa,detailInfo:Ca,historyList:Pa}=P,{isPC:Va}=F(),Aa=l(null),Fa=l(!1),Ma=()=>{const a=Aa.value;a&&(a.style.height="auto",a.style.height=a.scrollHeight+"px")},Sa=()=>{E.value.length>300&&(E.value=E.value.slice(0,300)),Ma()},Ga=()=>{W.value||(Fa.value=!0)};_([()=>E.value],()=>{k(Ma)});const Oa=e(()=>T.value&&V());return t(async()=>{V()&&P.continuePendingGeneration&&await P.continuePendingGeneration(),await Ia()}),s(()=>{P.clearData()}),(a,l)=>{const e=y("skeleton-item"),t=y("skeleton");return f(Va)?(i(),o("div",J,[d((i(),o("div",{class:m(["flex-row flat-lay-generation relative",{"justify-center items-center":!f(U)}]),key:f(U)?"full-layout":"center-layout"},[v(L),n("div",K,[n("div",Z,[v(I),f(T)?d((i(),o("div",q,[n("span",z,r(a.$t("flatLay.generation.targetItem")),1),n("div",N,[v(x,{modelValue:f(S),"onUpdate:modelValue":l[0]||(l[0]=a=>h(S)?S.value=a:null),options:f($a),disabled:f(W),onChange:f(wa)},null,8,["modelValue","options","disabled","onChange"])])])),[[e]]):b("",!0),f(T)?(i(),o("div",X,[n("span",Y,r(a.$t("flatLay.generation.additionalInfoOptional")),1),d((i(),o("div",aa,[d(n("textarea",{ref_key:"promptTextareaRef",ref:Aa,class:"flat-lay-panel__textarea","onUpdate:modelValue":l[1]||(l[1]=a=>h(E)?E.value=a:null),disabled:f(W),maxlength:"300",placeholder:a.$t("flatLay.generation.additionalInfoPlaceholder"),onInput:Sa},null,40,la),[[j,f(E)]]),n("span",ea,r(f(E).length)+" / 300",1)])),[[e]])])):b("",!0),Oa.value?(i(),o("div",ta,[n("span",sa,r(a.$t("flatLay.generation.imageCount")),1),n("div",oa,[(i(!0),o(c,null,u(f(M),a=>d((i(),o("div",{class:m(["flat-lay-panel__count-tabs__option",{"is-active":f(G)===a.value}]),key:a.value,onClick:l=>f(O)(a.value)},[n("span",null,r(a.label),1)],10,ia)),[[e]])),128))])])):b("",!0)]),v($)]),0!==f(Ca).list.length||f(D).loading?(i(),g(w,{key:1})):(i(),g(B,{key:0}))],2)),[[t,f(D),void 0,{animated:!0}]])])):(i(),o("div",na,[d((i(),o("div",{class:m(["flex-row relative flat-lay-mobile",{"center-layout-mobile":!f(U)}]),key:f(U)?"full-layout":"center-layout"},[v(L),n("div",ra,[f(T)?(i(),o("div",ca,[n("div",{class:m(["flat-lay-mobile__tab-toggle__option",{"is-active":f(R)}]),onClick:l[2]||(l[2]=a=>f(H)(!0))},[n("span",null,r(a.$t("flatLay.generation.inputs")),1)],2),n("div",{class:m(["flat-lay-mobile__tab-toggle__option",{"is-active":!f(R)}]),onClick:l[3]||(l[3]=a=>f(H)(!1))},[n("span",null,r(a.$t("flatLay.generation.outputs")),1)],2)])):b("",!0),f(R)?(i(),o("div",ua,[v(I),f(T)?d((i(),o("div",{key:0,class:m(["flex-col justify-start items-center self-stretch flat-lay-mobile__block",{"is-disabled":f(W)}])},[n("span",da,r(a.$t("flatLay.generation.targetItem")),1),v(x,{modelValue:f(S),"onUpdate:modelValue":l[4]||(l[4]=a=>h(S)?S.value=a:null),options:f($a),disabled:f(W),onChange:f(wa)},null,8,["modelValue","options","disabled","onChange"])],2)),[[e]]):b("",!0),f(T)?(i(),o("div",{key:1,class:m(["flex-col justify-start items-center self-stretch relative flat-lay-mobile__block",{"is-disabled":f(Q)}])},[n("span",pa,r(a.$t("flatLay.generation.additionalInfoOptional")),1),n("button",{class:"flat-lay-mobile__textarea-wrapper flat-lay-mobile__textarea-wrapper--trigger",type:"button",disabled:f(W),"aria-label":a.$t("flatLay.generation.additionalInfoOptional"),"aria-expanded":Fa.value,onClick:Ga},[n("span",{class:m(["flat-lay-mobile__textarea flat-lay-mobile__textarea--preview",{"is-placeholder":!f(E)}])},r(f(E)||a.$t("flatLay.generation.additionalInfoPlaceholder")),3),n("span",ma,r(f(E).length)+" / 300",1)],8,fa)],2)):b("",!0),Oa.value?(i(),o("div",{key:2,class:m(["flex-col justify-start items-center self-stretch flat-lay-mobile__block",{"is-disabled":f(Q)}])},[n("span",_a,r(a.$t("flatLay.generation.imageCount")),1),n("div",ya,[(i(!0),o(c,null,u(f(M),a=>(i(),o("div",{class:m(["flat-lay-mobile__count-tabs__option",{"is-active":f(G)===a.value,"pointer-events-none":f(Q)}]),key:a.value,onClick:l=>!f(Q)&&f(O)(a.value)},[n("span",null,r(a.label),1)],10,va))),128))])],2)):b("",!0),l[7]||(l[7]=n("div",{class:"flat-lay-mobile__placeholder"},null,-1)),f(T)&&!f(Q)&&0===f(Pa).length?(i(),o("div",ga,[n("div",ba,[n("div",ha,[n("span",ja,r(a.$t("flatLay.generation.submitTip")),1),n("img",{class:"flat-lay-mobile__submit-tip-arrow",src:a.$cdn("FlatLay/generate_star")},null,8,ka)]),n("img",{class:"flat-lay-mobile__submit-tip-illustration",src:a.$cdn("FlatLay/generate_image")},null,8,xa),n("img",{class:"flat-lay-mobile__submit-tip-icon",src:a.$cdn("FlatLay/generate_star")},null,8,La)])])):b("",!0),v($)])):b("",!0),v(w)])],2)),[[t,f(D),void 0,{animated:!0}]]),v(A,{visible:Fa.value,"model-value":f(E),title:a.$t("flatLay.generation.additionalInfoOptional"),placeholder:a.$t("flatLay.generation.additionalInfoPlaceholder"),limit:300,"close-label":a.$t("modal.ghostQualityInfo.close"),"onUpdate:modelValue":l[5]||(l[5]=a=>E.value=a),"onUpdate:visible":l[6]||(l[6]=a=>Fa.value=a)},null,8,["visible","model-value","title","placeholder","close-label"])]))}}},[["__scopeId","data-v-5c52048d"]]);export{Ia as default};