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

1import{_ as e,i as l,V as a}from"./index-CsrWnaU6.js";import{E as i}from"./magicFix-BDigRNcb.js";import{i as o,r as s,c as t,w as n,o as r,a7 as c,K as d,D as m,E as u,u as v,I as p,M as y,W as b,F as h,a1 as f,L as g,Y as k,j as V,Q as L,P as w,a as C,a3 as O,V as T}from"./vue-vendor-Bw9FB4GB.js";import{j}from"./tryOnVideo-DPNVq8Iu.js";import{u as $}from"./useDevice-CG4K0oq9.js";import{G as _,H as x,a as M,D as F}from"./GenerationActions-BB5dQLv4.js";import{u as I}from"./vue.f36acd1f-BAKef-bi.js";import{F as H}from"./FormFieldError-JAbNWlP6.js";import{S as U}from"./Select-CdF37jcn.js";import{u as W}from"./i18n-BHrxWlsI.js";import"./auth0-1J-6ldl2.js";import"./utils-C7MzJQS2.js";import"./index-BnbpZYIS.js";import"./index-vmmgAv_J.js";import"./el-checkbox-CWsZty6l.js";import"./constants-0EFMbEs_.js";import"./event-BwRzfsZt.js";import"./use-form-common-props-DhtBerAj.js";import"./el-popper-BDCswERc.js";import"./el-popover-Cu5HoJVw.js";import"./dropdown-Da3jlaSw.js";import"./date-fZG-MuD1.js";import"./generate-C_uO8-Eq.js";import"./promise-poller-DQ7_5qNL.js";import"./_commonjsHelpers-lGe4XDVY.js";import"./index-BJhmuWAi.js";import"./clothing-B-Gf25L-.js";import"./contentReport-DmEr1orj.js";import"./download-xa7RH0aO.js";import"./common-Gpu7r0jD.js";import"./batchConstants-DTtdOxz0.js";import"./removeWrinklesContract-Dg-8Rh9_.js";import"./failureCode-Ck5OY3kz.js";import"./navigation-DYb7TmO2.js";import"./UploadSourceDropdown-DWWQq1bB.js";/* empty css                                                                       */const S={class:"model-library"},A={key:0,class:"model-library-modal"},z={class:"modal-header"},P=["src"],R={class:"modal-tabs"},D={class:"modal-tab-content"},E={class:"modal-tab-content-header"},G=["infinite-scroll-disabled"],N=["onClick"],Y={class:"model-card-check"},B={key:0,class:"tick-icon",src:"https://static.snappyit.ai/webp/tick.webp"},Q={key:1,class:"loading-more-data"},q={key:2,class:"no-more-data"},J={class:"modal-tab-content"},K={class:"custom-upload-card"},X=["src"],Z={class:"custom-upload-title"},ee=["innerHTML"],le=["disabled"],ae={key:0,class:"custom-upload-votes"},ie={key:1,class:"custom-upload-votes-info"},oe={class:"model-library-mobile-modal"},se={class:"modal-header-mobile"},te=["src"],ne={class:"modal-tab-content-mobile"},re={class:"modal-tabs-mobile"},ce={class:"tab-panel-mobile"},de={class:"modal-tab-content-header-mobile"},me=["infinite-scroll-disabled"],ue=["onClick"],ve={class:"model-card-check-mobile"},pe={key:0,class:"tick-icon-mobile",src:"https://static.snappyit.ai/webp/tick.webp"},ye={key:0,class:"loading-more-data-mobile"},be={key:1,class:"no-more-data-mobile"},he={class:"tab-panel-mobile custom-panel-mobile"},fe={class:"custom-upload-card-mobile"},ge=["src"],ke={class:"custom-upload-title-mobile"},Ve=["innerHTML"],Le=["disabled"],we={key:0,class:"custom-upload-votes-mobile"},Ce={key:1,class:"custom-upload-votes-info-mobile"},Oe=e({__name:"VideoLibrary",setup(e){const C=o("studioManager")||{},{selectVideoTemplate:O,isVideoTemplateSelected:T,isTemplateLibraryVisible:_,videoTemplateInfoVertical:x,videoTemplateInfoHorizontal:M,isVideoTemplateListLoading:F,isVideoTemplateListLoadingHorizontal:I,fetchVideoTemplateList:H,tryOnVideoWishInfo:U,fetchTryOnVideoWishInfo:W,tryOnVideoAddWish:Oe}=C,{isPC:Te}=$(),je=s({loading:!0,loadingClass:"loadingClass",class:"my-item"}),$e=s("Recommended"),_e=s("Vertical"),xe=s(!1),Me=t(()=>l()),Fe=t(()=>U?.value?.inWishList?{title:"Added to Wishlist",subtitle:"Thanks for your input!<br />Your feedback helps us prioritize future updates.",buttonText:"Request Received!"}:{title:"Upload Your Own Video Template",subtitle:"Want to recreate a specific video?<br />Tell us if you'd like to upload your own reference video and use it as a template.",buttonText:"Add to Wishlist"}),Ie=t(()=>"Horizontal"===_e.value?M?.value:x?.value),He=t(()=>"Horizontal"===_e.value?I?.value:F?.value),Ue=t(()=>Ie.value?.list||[]),We=()=>{!He.value&&Ie.value?.hasMore&&H({type:_e.value})},Se=s(l());n(()=>l(),e=>{e&&!Se.value&&W?(Se.value=!0,xe.value=!0,W()):e||(Se.value=!1)},{immediate:!1});const Ae=()=>{$e.value="Custom"},ze=async()=>{Me.value?(!xe.value&&W&&(xe.value=!0,await W()),Oe&&await Oe()):!xe.value&&W&&(xe.value=!0,await W())};return r(async()=>{const e=[];

1if(H){const l=!x?.value?.list?.length,a=!M?.value?.list?.length;(l||a)&&(je.value.loading=!0,l&&e.push(H({reset:!0,type:"Vertical"})),a&&e.push(H({reset:!0,type:"Horizontal"})))}l()&&W&&(xe.value=!0,e.push(W())),j&&e.push(j().then(e=>{U?.value&&void 0!==e?.count&&(U.value.count=Number(e.count??0))}).catch(e=>{console.error("getTryOnVideoWishCountApi error",e)})),e.length&&await Promise.all(e),je.value.loading=!1}),(e,l)=>{const o=c("skeleton-item"),s=i,t=c("skeleton");return d((u(),m("div",S,[v(Te)?(u(),m("div",A,[p("div",z,[l[9]||(l[9]=p("h2",{class:"modal-title"},"Video Template Library",-1)),p("img",{class:"modal-close",src:e.$cdn("blackClose"),onClick:l[0]||(l[0]=e=>_.value=!1)},null,8,P)]),p("div",R,[p("button",{class:y(["tab-btn",{active:"Recommended"===$e.value}]),onClick:l[1]||(l[1]=e=>$e.value="Recommended")}," Recommended ",2),p("button",{class:y(["tab-btn",{active:"Custom"===$e.value}]),onClick:Ae}," Custom ",2)]),d(p("div",D,[p("div",E,[p("button",{class:y(["orientation-btn",{active:"Vertical"===_e.value}]),onClick:l[2]||(l[2]=e=>_e.value="Vertical")}," Vertical ",2),p("button",{class:y(["orientation-btn",{active:"Horizontal"===_e.value}]),onClick:l[3]||(l[3]=e=>_e.value="Horizontal")}," Horizontal ",2)]),d((u(),m("div",{class:"modal-grid","infinite-scroll-disabled":!Ie.value?.hasMore||He.value,"infinite-scroll-distance":100,"infinite-scroll-immediate":!1},[je.value.loading?(u(),m(h,{key:0},f(8,e=>d(p("div",{key:"skeleton-"+e,class:"model-card"},[p("div",{class:"model-card-placeholder",style:g({width:(_e.value,"18.61vw"),height:"Horizontal"===_e.value?"18.61vw":"24.79vw"})},null,4)]),[[o]])),64)):b("",!0),(u(!0),m(h,null,f(Ue.value,e=>d((u(),m("div",{key:e.id,class:y(["model-card",{selected:v(T)(e.id)}]),onClick:k(l=>v(O)(e),["stop"])},[p("div",{class:y(["model-card-border",{active:v(T)(e.id)}])},null,2),V(a,{src:e.videoUrl,poster:e.coverUrl,name:e.description,duration:e.timeLength+"s",width:(_e.value,"18.61vw"),height:"Horizontal"===_e.value?"18.61vw":"24.79vw",fit:"contain"},null,8,["src","poster","name","duration","width","height"]),p("div",Y,[v(T)(e.id)?(u(),m("img",B)):b("",!0)])],10,N)),[[o]])),128)),He.value&&Ie.value?.list?.length>0?(u(),m("div",Q," Loading... ")):b("",!0),!Ie.value?.hasMore&&Ie.value?.list?.length>0&&!He.value?(u(),m("div",q," No more data ")):b("",!0)],8,G)),[[s,We]])],512),[[L,"Recommended"===$e.value]]),d(p("div",J,[p("div",K,[p("img",{class:"custom-upload-icon",src:e.$cdn("TryOnVideo/AddedToWishlistBIg")},null,8,X),p("span",Z,w(Fe.value.title),1),p("p",{class:"custom-upload-subtitle",innerHTML:Fe.value.subtitle},null,8,ee),p("button",{class:"custom-upload-button",disabled:v(U)?.inWishList&&Me.value,onClick:ze},w(Fe.value.buttonText),9,le),!v(U)?.inWishList&&v(U)?.count>=0?(u(),m("span",ae,w(v(U)?.count)+" Users Voted ",1)):b("",!0),v(U)?.inWishList?(u(),m("span",ie," We'll notify you as soon as this feature launches ")):b("",!0)])],512),[[L,"Custom"===$e.value]])])):(u(),m("div",{key:1,class:"model-library-mobile-overlay",onClick:l[8]||(l[8]=k(e=>_.value=!1,["self"]))},[p("div",oe,[p("div",se,[l[10]||(l[10]=p("span",{class:"modal-title-mobile"},"Video Template Library",-1)),p("img",{class:"modal-close-mobile",src:e.$cdn("blackClose"),onClick:l[4]||(l[4]=e=>_.value=!1)},null,8,te)]),p("div",ne,[p("div",re,[p("button",{class:y(["tab-btn-mobile",{active:"Recommended"===$e.value}]),onClick:l[5]||(l[5]=e=>$e.value="Recommended")}," Recommended ",2),p("button",{class:y(["tab-btn-mobile",{active:"Custom"===$e.value}]),onClick:Ae}," Custom ",2)]),d(p("div",ce,[p("div",de,[p("button",{class:y(["orientation-btn-mobile",{active:"Vertical"===_e.value}]),onClick:l[6]||(l[6]=e=>_e.value="Vertical")}," Vertical ",2),p("button",{class:y(["orientation-btn-mobile",{active:"Horizontal"===_e.value}]),onClick:l[7]||(l[7]=e=>_e.value="Horizontal")}," Horizontal ",2)]),d((u(),m("div",{class:"modal-flex-mobile","infinite-scroll-disabled":!Ie.value?.hasMore||He.value,"infinite-scroll-distance":100,"infinite-scroll-immediate":!1},[(u(!0),m(h,null,f(Ue.value,e=>d((u(),m("div",{key:e.id,class:y(["model-card-mobile",{selected:v(T)(e.id)}]),onClick:k(l=>v(O)(e),["stop"])},[V(a,{src:e.videoUrl,poster:e.coverUrl,name:e.description,duration:e.timeLength+"s",width:(_e.value,"44.6860vw"),height:"Horizontal"===_e.value?"44.6860vw":"59.6618vw",fit:"

1contain"},null,8,["src","poster","name","duration","width","height"]),p("div",ve,[v(T)(e.id)?(u(),m("img",pe)):b("",!0)])],10,ue)),[[o]])),128)),He.value&&Ie.value?.list?.length>0?(u(),m("div",ye," Loading... ")):b("",!0),!Ie.value?.hasMore&&Ie.value?.list?.length>0&&!He.value?(u(),m("div",be," No more data ")):b("",!0)],8,me)),[[s,We]])],512),[[L,"Recommended"===$e.value]]),d(p("div",he,[p("div",fe,[p("img",{class:"custom-upload-icon-mobile",src:e.$cdn("TryOnVideo/AddedToWishlistBIg")},null,8,ge),p("span",ke,w(Fe.value.title),1),p("p",{class:"custom-upload-subtitle-mobile",innerHTML:Fe.value.subtitle},null,8,Ve),p("button",{class:"custom-upload-button-mobile",disabled:v(U)?.inWishList&&Me.value,onClick:ze},w(Fe.value.buttonText),9,Le),!v(U)?.inWishList&&v(U)?.count>=0?(u(),m("span",we,w(v(U)?.count)+" Users Voted ",1)):b("",!0),v(U)?.inWishList?(u(),m("span",Ce," We'll notify you as soon as this feature launches ")):b("",!0)])],512),[[L,"Custom"===$e.value]])])])]))])),[[t,je.value,void 0,{animated:!0}]])}}},[["__scopeId","data-v-f2f3af3b"]]),Te={class:"model-library"},je={key:0,class:"model-library-modal"},$e={class:"modal-header"},_e={class:"modal-title"},xe=["src"],Me={class:"modal-tab-content"},Fe={class:"modal-filters"},Ie=["infinite-scroll-disabled"],He=["onClick"],Ue=["alt"],We={class:"model-card-check"},Se={key:0,class:"tick-icon",src:"https://static.snappyit.ai/webp/tick.webp"},Ae={key:0,class:"loading-more-data"},ze={key:1,class:"no-more-data"},Pe={class:"model-library-mobile-modal"},Re={class:"modal-header-mobile"},De={class:"modal-title-mobile"},Ee=["src"],Ge={class:"modal-tab-content-mobile"},Ne={class:"modal-filters-mobile"},Ye=["infinite-scroll-disabled"],Be=["onClick"],Qe=["alt"],qe={key:0,class:"loading-more-data-mobile"},Je={key:1,class:"no-more-data-mobile"},Ke=e({__name:"FaceLibrary",setup(e){const l=o("studioManager")||{},{genderOptions:a=[],ageOptions:t=[],skinOptions:g=[],genderFilter:L,ageFilter:O,skinFilter:T,selectFaceModel:j,isFaceModelSelected:_,isFaceLibraryVisible:x,faceTemplateInfo:M,isTemplateListLoading:F,fetchFaceModelTemplateList:I}=l,{isPC:H}=$(),W=s({loading:!0,loadingClass:"loadingClass",class:"my-item"}),S=()=>{!F?.value&&M?.value?.hasMore&&I&&I()};return r(async()=>{!M?.value?.list?.length&&I&&await I({reset:!0}),W.value.loading=!1}),n(()=>[L?.value,O?.value,T?.value],async()=>{I&&await I({reset:!0})}),(e,l)=>{const o=c("skeleton-item"),s=c("lazyload"),n=i,r=c("skeleton");return d((u(),m("div",Te,[v(H)?(u(),m("div",je,[p("div",$e,[p("h2",_e,w(e.$t("tryOnVideo.faceLibrary.modelLibraryTitle")),1),p("img",{class:"modal-close",src:e.$cdn("blackClose"),onClick:l[0]||(l[0]=e=>x.value=!1)},null,8,xe)]),p("div",Me,[p("div",Fe,[d(V(U,{modelValue:v(L),"onUpdate:modelValue":l[1]||(l[1]=e=>C(L)?L.value=e:null),options:v(a),width:"8.4028vw",placeholder:e.$t("tryOnVideo.faceLibrary.genderPlaceholder"),class:y({"select-has-value":v(L)})},null,8,["modelValue","options","placeholder","class"]),[[o]]),d(V(U,{modelValue:v(O),"onUpdate:modelValue":l[2]||(l[2]=e=>C(O)?O.value=e:null),options:v(t),width:"8.4028vw",placeholder:e.$t("tryOnVideo.faceLibrary.agePlaceholder"),class:y({"select-has-value":v(O)})},null,8,["modelValue","options","placeholder","class"]),[[o]]),d(V(U,{modelValue:v(T),"onUpdate:modelValue":l[3]||(l[3]=e=>C(T)?T.value=e:null),options:v(g),width:"8.4028vw",placeholder:e.$t("tryOnVideo.faceLibrary.skinPlaceholder"),class:y({"select-has-value":v(T)})},null,8,["modelValue","options","placeholder","class"]),[[o]])]),d((u(),m("div",{class:"modal-grid","infinite-scroll-disabled":!v(M)?.hasMore||v(F),"infinite-scroll-distance":100,"infinite-scroll-immediate":!1},[(u(!0),m(h,null,f(v(M)?.list||[],e=>d((u(),m("div",{key:e?.id,class:y(["model-card",{selected:v(_)?.(e.id)}]),onClick:k(l=>v(j)?.(e),["stop"])},[e.url?d((u(),m("img",{key:0,alt:e.name||""},null,8,Ue)),[[s,e.url]]):b("",!0),p("div",We,[v(_)?.(e.id)?(u(),m("img",Se)):b("",!0)])],10,He)),[[o]])),128)),v(F)&&v(M)?.list?.length>0?(u(),m("div",Ae,w(e.$t("tryOnVideo.faceLibrary.loading")),1)):b("",!0),!v(M)?.hasMore&&v(M)?.list?.length>

10&&!v(F)?(u(),m("div",ze,w(e.$t("tryOnVideo.faceLibrary.noMoreData")),1)):b("",!0)],8,Ie)),[[n,S]])])])):(u(),m("div",{key:1,class:"model-library-mobile-overlay",onClick:l[8]||(l[8]=k(e=>x.value=!1,["self"]))},[p("div",Pe,[p("div",Re,[p("span",De,w(e.$t("tryOnVideo.faceLibrary.modelLibraryTitle")),1),p("img",{class:"modal-close-mobile",src:e.$cdn("blackClose"),onClick:l[4]||(l[4]=e=>x.value=!1)},null,8,Ee)]),p("div",Ge,[p("div",Ne,[d(V(U,{modelValue:v(L),"onUpdate:modelValue":l[5]||(l[5]=e=>C(L)?L.value=e:null),options:v(a),width:"27.2947vw",placeholder:e.$t("tryOnVideo.faceLibrary.genderPlaceholder"),class:y({"select-has-value":v(L)})},null,8,["modelValue","options","placeholder","class"]),[[o]]),d(V(U,{modelValue:v(O),"onUpdate:modelValue":l[6]||(l[6]=e=>C(O)?O.value=e:null),options:v(t),width:"27.2947vw",placeholder:e.$t("tryOnVideo.faceLibrary.agePlaceholder"),class:y({"select-has-value":v(O)})},null,8,["modelValue","options","placeholder","class"]),[[o]]),d(V(U,{modelValue:v(T),"onUpdate:modelValue":l[7]||(l[7]=e=>C(T)?T.value=e:null),options:v(g),width:"27.2947vw",placeholder:e.$t("tryOnVideo.faceLibrary.skinPlaceholder"),class:y({"select-has-value":v(T)})},null,8,["modelValue","options","placeholder","class"]),[[o]])]),d((u(),m("div",{class:"modal-flex-mobile","infinite-scroll-disabled":!v(M)?.hasMore||v(F),"infinite-scroll-distance":100,"infinite-scroll-immediate":!1},[(u(!0),m(h,null,f(v(M)?.list||[],e=>d((u(),m("div",{key:e?.id,class:y(["model-card-mobile",{selected:v(_)?.(e.id)}]),onClick:k(l=>v(j)?.(e),["stop"])},[e.url?d((u(),m("img",{key:0,alt:e.name||""},null,8,Qe)),[[s,e.url]]):b("",!0)],10,Be)),[[o]])),128)),v(F)&&v(M)?.list?.length>0?(u(),m("div",qe,w(e.$t("tryOnVideo.faceLibrary.loading")),1)):b("",!0),!v(M)?.hasMore&&v(M)?.list?.length>

10&&!v(F)?(u(),m("div",Je,w(e.$t("tryOnVideo.faceLibrary.noMoreData")),1)):b("",!0)],8,Ye)),[[n,S]])])])]))])),[[r,W.value,void 0,{animated:!0}]])}}},[["__scopeId","data-v-7d7f5365"]]),Xe={class:"flex-col relative tryon-video-panel"},Ze={class:"flex-col justify-start items-center self-stretch tryon-video-panel-body"},el={key:0,class:"flex-col justify-start items-center self-stretch area-select"},ll={class:"self-start label"},al=["src"],il=["src"],ol={key:2,class:"template-play-overlay"},sl=["src"],tl={key:0,class:"videoLibrary-content"},nl={class:"videoLibrary-title"},rl={class:"videoLibrary-subtitle"},cl={key:1,class:"videoLibrary-content"},dl=["src"],ml=["src","alt"],ul=["src"],vl={class:"faceLibrary-content"},pl={class:"faceLibrary-title"},yl={class:"faceLibrary-subtitle"},bl=["src"],hl={key:3,class:"flex-col justify-start items-center self-stretch tryon-video-info-block"},fl={class:"tryon-video-info-container"},gl={class:"tryon-video-info-item"},kl={class:"tryon-video-info-label"},Vl={class:"tryon-video-info-value"},Ll=["src"],wl={class:"tryon-video-info-text"},Cl={class:"tryon-video-info-item"},Ol={class:"tryon-video-info-label"},Tl={class:"tryon-video-info-value"},jl=["src"],$l={class:"tryon-video-info-text"},_l={key:0,class:"desktop-reminder-banner"},xl={class:"desktop-reminder-text"},Ml=["src","aria-label"],Fl={class:"flex-col relative tryon-video-panel-mobile"},Il={key:0,class:"tabs-toggle-mobile"},Hl={key:0,class:"flex-col justify-start items-center self-stretch tryon-video-panel__block-mobile"},Ul={class:"self-start label-mobile"},Wl=["src"],Sl=["src"],Al={key:2,class:"template-play-overlay-mobile"},zl=["src"],Pl={key:0,class:"videoLibrary-content-mobile"},Rl={class:"videoLibrary-title-mobile"},Dl={class:"videoLibrary-subtitle-mobile"},El={key:1,class:"videoLibrary-content-mobile"},Gl=["src"],Nl=["src","alt"],Yl=["src"],Bl={class:"faceLibrary-content-mobile"},Ql={class:"faceLibrary-title-mobile"},ql={class:"faceLibrary-subtitle-mobile"},Jl=["src"],Kl={key:3,class:"flex-col justify-start items-center self-stretch tryon-video-panel__block-mobile"},Xl={class:"tryon-video-info-container-mobile"},Zl={class:"tryon-video-info-item-mobile"},ea={class:"tryon-video-info-label-mobile"},la={class:"tryon-video-info-value-mobile"},aa=["src"],ia={class:"tryon-video-info-text-mobile"},oa={class:"tryon-video-info-item-mobile"},sa={class:"tryon-video-info-label-mobile"},ta={class:"tryon-video-info-value-mobile"},na=["src"],ra={class:"tryon-video-info-text-mobile"},ca="tryOnVideoDesktopReminderDismissed",da=e({__name:"generation",setup(e){const{t:a}=W();I({title:"AI Fashion Video Generator | Virtual Try-On Videos for E-commerce – Snappyit",meta:[{name:"description",content:"Create viral AI fashion videos from a single product photo. Generate realistic virtual try-on videos, show fit and flow, and boost conversions with Snappyit’s AI fashion video generator."}],link:[{rel:"canonical",href:"https://snappyit.ai/fashion-video"}]});const i=o("studioManager"),{skeletonLoading:t,isTemplateLibraryVisible:n,isFaceLibraryVisible:h,selectedVideoTemplate:f,errors:k,clearError:L,fetchVideoTemplateList:j,fetchFaceModelTemplateList:S,selectedFaceModel:A,isLoadImage:z,areaOptions:P,selectedArea:R,switchArea:D,selectedPhotos:E,getTryOnVideoArea:G,isLoading:N,isLoginAndHasHistory:Y,isShowInputs:B,switchShowInputs:Q}=i,{isPC:q}=$(),J=s((()=>{try{return"1"!==localStorage.getItem(ca)}catch{return!0}})()),K=()=>{try{localStorage.setItem(ca,"1"),J.value=!1}catch{J.value=!1}},X=e=>e&&-1!==e.id?e&&0!==e.id?a("tryOnVideo.generation.selectModelFace"):a("tryOnVideo.generation.videoOriginalFace"):a("tryOnVideo.generation.selectAModel"),Z=e=>{const l=e||1;return`${l} ${a(1===l?"tryOnVideo.generation.videoSingular":"tryOnVideo.generation.videoPlural")}`},ee=()=>{i?.isTemplateLibraryVisible&&(i.isFaceLibraryVisible?.value&&(i.isFaceLibraryVisible.value=!1),i.isTemplateLibraryVisible.value=!i.isTemplateLibraryVisible.value)},le=()=>{i?.isFaceLibraryVisible&&(i.isTemplateLibraryVisible?.value&&(i.isTemplateLibraryVisible.value=!1),i.isFaceLibraryVisible.value=!i.isFaceLibraryVisible.value)};return r(async()=>{t.value.loading=!1,j?.({reset:!0}),S?.({reset:!0}),G(),l()&&i?.continuePendingGeneration&&await i.continuePendingGeneration()}),O(()=>{L&&L("selectedVideoTemplate"),i.clearData()}),(e,a)=>{const i=c("skeleton-item"),o=c("skeleton");return v(q)?d((u(),m("div",{class:y(["flex-row model-swap-generation relative",{"justify-center items-center":!v(Y)}]),key:v(Y)?"hasHistory-layout":"noHistory-layout"},[V(x),p("div",Xe,[p("div",Ze,[V(_,{class:"tryon-video-upload-section"}),v(z)?d((u(),m("div",el,[p("span",ll,w(e.$t("tryOnVideo.generation.tryOnArea")),1),V(U,{modelValue:v(R),"onUpdate:modelValue":a[0]||(a[0]=e=>C(R)?R.value=e:null),options:v(P),onChange:v(D)},null,8,["modelValue","options","onChange"])])),[[i]]):b("",!0),v(z)?d((u(),m("div",{key:1,class:"flex-col justify-start items-center self-stretch videoLibrary",onClick:ee},[p("div",{class:y(["videoLibrary-card",{error:v(k).selectedVideoTemplate}])},[p("div",{class:y(["videoLibrary-placeholder",{"videoLibrary-placeholder--selected":v(f)}])},[v(f)?.coverImage?(u(),m("img",{key:0,class:"placeholder-icon",src:v(f).coverImage,alt:""},null,8,al)):(u(),m("img",{key:1,class:"placeholder-icon",src:e.$cdn("ImageToVideo/template_placeholder"),alt:""},null,8,il)),v(f)?.coverImage?(u(),m("div",ol,[p("img",{class:"template-play-icon",src:e.$cdn("Snappyit-62"),alt:""}

1,null,8,sl)])):b("",!0)],2),v(f)?.coverImage?(u(),m("div",tl,[p("div",nl,w(v(f).description),1),p("div",rl,w(v(f).type+" · "+v(f).timeLength+"s"),1)])):(u(),m("div",cl,w(e.$t("tryOnVideo.generation.selectTryOnVideo")),1)),p("img",{class:y(["videoLibrary-arrow",{open:v(n)}]),src:e.$cdn("Snappyit-4")},null,10,dl)],2),V(v(H),{class:"error-absolute",message:v(k).selectedVideoTemplate},null,8,["message"])])),[[i]]):b("",!0),v(z)?d((u(),m("div",{key:2,class:"flex-col justify-start items-center self-stretch faceLibrary",onClick:le},[p("div",{class:y(["faceLibrary-card",{error:v(k).selectedFaceModel}])},[p("div",{class:y(["faceLibrary-placeholder",{"faceLibrary-placeholder--selected":v(A)&&-1!==v(A).id&&(v(A).smallUrl||v(A).url)}])},[v(A)?.smallUrl||v(A)?.url?(u(),m("img",{key:0,class:"placeholder-icon",src:v(A).smallUrl||v(A).url,alt:v(A).name||""},null,8,ml)):(u(),m("img",{key:1,class:"placeholder-icon",src:e.$cdn("ModelSwap/model_image"),alt:""},null,8,ul))],2),p("div",vl,[p("div",pl,w(X(v(A))),1),p("div",yl,w(v(A)&&-1!==v(A).id?e.$t("tryOnVideo.generation.selectedOneFace"):""),1)]),p("img",{class:y(["faceLibrary-arrow",{open:v(h)}]),src:e.$cdn("Snappyit-4")},null,10,bl)],2),V(v(H),{class:"error-absolute",message:v(k).selectedFaceModel},null,8,["message"])])),[[i]]):b("",!0),v(z)?(u(),m("div",hl,[p("div",fl,[p("div",gl,[p("span",kl,w(e.$t("tryOnVideo.generation.videoDuration")),1),p("div",Vl,[p("img",{class:"tryon-video-info-icon",src:e.$cdn("TryOnVideo/VideoDuration")},null,8,Ll),p("span",wl,w(v(f)?.timeLength?v(f).timeLength+"s":"--"),1)])]),a[4]||(a[4]=p("div",{class:"tryon-video-info-divider"},null,-1)),p("div",Cl,[p("span",Ol,w(e.$t("tryOnVideo.generation.videoCount")),1),p("div",Tl,[p("img",{class:"tryon-video-info-icon",src:e.$cdn("TryOnVideo/VideoCount")},null,8,jl),p("span",$l,w(Z(v(E))),1)])])])])):b("",!0)]),V(M)]),V(F),v(n)?(u(),T(Oe,{key:0})):b("",!0),v(h)?(u(),T(Ke,{key:1})):b("",!0)],2)),[[o,v(t),void 0,{animated:!0}]]):d((u(),m("div",{class:y(["flex-col relative model-swap-generation-mobile",{"center-layout-mobile":!v(Y)}]),key:v(Y)?"full-layout-mobile":"center-layout-mobile"},[J.value?(u(),m("div",_l,[p("span",xl,w(e.$t("tryOnVideo.generation.desktopReminder")),1),p("img",{class:"desktop-reminder-close",src:e.$cdn("blackClose"),alt:"","aria-label":e.$t("tryOnVideo.generation.dismiss"),onClick:K},null,8,Ml)])):b("",!0),V(x),p("div",Fl,[v(z)&&v(l)()?(u(),m("div",Il,[p("div",{class:y(["tabs-toggle-mobile__option",{"is-active":v(B)}]),onClick:a[1]||(a[1]=e=>v(Q)(!0))},[p("span",null,w(e.$t("tryOnVideo.generation.tabInputs")),1)],2),p("div",{class:y(["tabs-toggle-mobile__option",{"is-active":!v(B)}]),onClick:a[2]||(a[2]=e=>v(Q)(!1))},[p("span",null,w(e.$t("tryOnVideo.generation.tabOutputs")),1)],2)])):b("",!0),v(B)?(u(),m("div",{key:1,class:"flex-col justify-start items-center self-stretch tryon-video-panel__body-mobile",style:g(J.value&&v(z)?{paddingTop:"2.4155vw"}:null)},[V(_,{class:"tryon-video-upload-section",style:g(J.value&&!v(z)?{marginTop:"-15.4589vw"}:null)},null,8,["style"]),v(z)?(u(),m("div",Hl,[p("span",Ul,w(e.$t("tryOnVideo.generation.tryOnArea")),1),V(U,{modelValue:v(R),"onUpdate:modelValue":a[3]||(a[3]=e=>C(R)?R.value=e:null),options:v(P),onChange:v(D)},null,8,["modelValue","options","onChange"])])):b("",!0),v(z)?(u(),m("div",{key:1,class:"flex-col justify-start items-center self-stretch tryon-video-panel__block-mobile",onClick:ee},[p("div",{class:y(["videoLibrary-card-mobile",{error:v(k).selectedVideoTemplate}])},[p("div",{class:y(["videoLibrary-placeholder-mobile",{"videoLibrary-placeholder-mobile--selected":v(f)}])},[v(f)?.coverImage?(u(),m("img",{key:0,class:"placeholder-icon-mobile",src:v(f).coverImage,alt:""},null,8,Wl)):(u(),m("img",{key:1,class:"placeholder-icon-mobile",src:e.$cdn("TryOnVideo/mobile/placeholder1"),alt:""},null,8,Sl)),v(f)?.coverImage?(u(),m("div",Al,[p("img",{class:"template-play-icon-mobile",src:e.$cdn("Snappyit-62"),alt:""},null,8,zl)])):b("",!0)],2),v(f)?.coverImage?(u(),m("div",Pl,[p("div",Rl,w(v(f).description),1),p("div",Dl,w(v(f).type+" · "+v(f).timeLength+"s"),1)])):(u(),m("div",El,w(e.$t("tryOnVideo.generation.selectTryOnVideo")),1)),p("img",{class:y(["videoLibrary-arrow-mobile",{open:v(n)}]),src:e.$cdn("Snappyit-4")},null,10,Gl)],2),V(v(H),{class:"error-absolute-mobile",message:v(k).selectedVideoTemplate},null,8,["message"])])):b("",!0),v(z)?(u(),m("div",{key:2,class:"flex-col justify-start items-center self-stretch tryon-video-panel__block-mobile",onClick:le},[p("div",{class:y(["faceLibrary-card-mobile",{error:v(k).selectedFaceModel}])},[p("div",{class:y(["faceLibrary-placeholder-mobile",{"faceLibrary-placeholder-mobile--selected":v(A)&&-1!==v(A).id&&(v(A).smallUrl||v(A).url)}])},[v(A)?.smallUrl||v(A)?.url?(u(),m("img",{key:0,class:"placeholder-icon-mobile",src:v(A).smallUrl||v(A).url,alt:v(A).name||""},null,8,Nl)):(u(),m("img",{key:1,class:"placeholder-icon-mobile",src:e.$cdn("TryOnVideo/mobile/placeholder2"),alt:""},null,8,Yl))],2),p("div",Bl,[p("div",Ql,w(X(v(A))),1),p("div",ql,w(v(A)&&-1!==v(A).id?e.$t("tryOnVideo.generation.selectedOneFace"):""),1)]),p("img",{class:y(["faceLibrary-arrow-mobile",{open:v(h)}]),src:e.$cdn("Snappyit-4")},null,10,Jl)],2),V(v(H),{class:"error-absolute-mobile",message:v(k).selectedFaceModel},null,8,["message"])])):b("",!0),v(z)?(u(),m("div",Kl,[p("div",Xl,[p("div",Zl,[p("span",ea,w(e.$t("tryOnVideo.generation.videoDuration")),1),p("div",la,[p("img",{class:"tryon-video-info-icon-mobile",src:e.$cdn("TryOnVideo/VideoDuration")},null,8,aa),p("span",ia,w(v(f)?.timeLength?v(f).timeLength+"s":"--"),1)])]),a[5]||(a[5]=p("div",{class:"tryon-video-info-divider-mobile"},null,-1)),p("div",oa,[p("span",sa,w(e.$t("tryOnVideo.generation.videoCount")),1),p("div",ta,[p("img",{class:"tryon-video-info-icon-mobile",src:e.$cdn("TryOnVideo/VideoCount")},null,8,na),p("span",ra,w(Z(v(E))),1)])])])])):b("",!0),a[6]||(a[6]=p("div",{class:"placeholder-mobile"},null,-1)),V(M)],4)):b("",!0),V(F)]),v(n)?(u(),T(Oe,{key:1})):b("",!0),v(h)?(u(),T(Ke,{key:2})):b("",!0)],2)),[[o,v(t),void 0,{animated:!0}]])}}},[["__scopeId","data-v-b24e9a4d"]]);export{da as default};