ablok-photobooth 0.2.3 → 0.2.4

package/dist/ablok-photobooth.es.js

@@ -58140,6 +58140,10 @@ const fte = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wi
     pending: {
       type: Boolean,
       default: !1
+    },
+    emitPending: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue", "update:jsonModel", "update:pending", "on-ready"],
@@ -58150,7 +58154,7 @@ const fte = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wi
     let o;
     const c = Te();
     async function f(oe) {
-      n("update:pending", !0);
+      i.emitPending && n("update:pending", !0);
       const J = await Z(oe);
       oe.includes("data:image") || (J.filename = oe);
       const G = KA.fabric.util.findScaleToCover(J, o);
@@ -58165,7 +58169,7 @@ const fte = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wi
       }).animate("opacity", 1, {
         onChange: o.renderAll.bind(o),
         onComplete: () => {
-          n("update:pending", !1), x();
+          i.emitPending && n("update:pending", !1), x();
         }
       }), J;
     }
@@ -58466,9 +58470,13 @@ const fte = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wi
     pending: {
       type: Boolean,
       default: !1
+    },
+    emitPending: {
+      type: Boolean,
+      default: !1
     }
   },
-  emits: ["update:modelValue", "update:jsonModel", "update:ready", "update:pending"],
+  emits: ["update:modelValue", "update:jsonModel", "update:ready", "update:pending", "update:emitPending"],
   setup(t, { emit: e }) {
     const A = t, n = e, i = Te(), a = Te(), p = Te(!1), l = Ue(
       () => A.assetFilters && A.assetFilters.length > 0 ? A.assets.filter((d) => !d.filters || d.filters.length == 0 || A.assetFilters.some((g) => d.filters.includes(g))) : A.assets
@@ -58537,8 +58545,9 @@ const fte = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wi
             feature: t.feature,
             required: t.required,
             class: ct(`${t.ratio ? `aspect-ratio aspect-ratio--${t.ratio}` : ""}`),
-            onOnReady: h
-          }, null, 8, ["modelValue", "json-model", "pending", "reset-state", "options", "feature", "required", "class"])
+            onOnReady: h,
+            "emit-pending": t.emitPending
+          }, null, 8, ["modelValue", "json-model", "pending", "reset-state", "options", "feature", "required", "class", "emit-pending"])
         ]),
         t.messages.headline ? (ye(), Ee("p", {
           key: 0,

package/dist/ablok-photobooth.umd.js

@@ -555,4 +555,4 @@ __p += '`),Je&&(ge+=`' +
 function print() { __p += __j.call(arguments, '') }
 `:`;
 `)+ge+`return __p
-}`;var Ke=Bd(function(){return et(F,Fe+"return "+ge).apply(n,U)});if(Ke.source=ge,Fl(Ke))throw Ke;return Ke}function WS(r){return nt(r).toLowerCase()}function YS(r){return nt(r).toUpperCase()}function jS(r,o,m){if(r=nt(r),r&&(m||o===n))return xh(r);if(!r||!(o=tn(o)))return r;var v=En(r),k=En(o),F=Fh(v,k),U=Qh(v,k)+1;return DA(v,F,U).join("")}function GS(r,o,m){if(r=nt(r),r&&(m||o===n))return r.slice(0,Ih(r)+1);if(!r||!(o=tn(o)))return r;var v=En(r),k=Qh(v,En(o))+1;return DA(v,0,k).join("")}function zS(r,o,m){if(r=nt(r),r&&(m||o===n))return r.replace(Fa,"");if(!r||!(o=tn(o)))return r;var v=En(r),k=Fh(v,En(o));return DA(v,k).join("")}function XS(r,o){var m=ee,v=me;if(ft(o)){var k="separator"in o?o.separator:k;m="length"in o?Ve(o.length):m,v="omission"in o?tn(o.omission):v}r=nt(r);var F=r.length;if(Ur(r)){var U=En(r);F=U.length}if(m>=F)return r;var M=m-Or(v);if(M<1)return v;var K=U?DA(U,0,M).join(""):r.slice(0,M);if(k===n)return K+v;if(U&&(M+=K.length-M),Ql(k)){if(r.slice(M).search(k)){var ce,he=K;for(k.global||(k=ja(k.source,nt($c.exec(k))+"g")),k.lastIndex=0;ce=k.exec(he);)var ge=ce.index;K=K.slice(0,ge===n?M:ge)}}else if(r.indexOf(tn(k),M)!=M){var _e=K.lastIndexOf(k);_e>-1&&(K=K.slice(0,_e))}return K+v}function $S(r){return r=nt(r),r&&Ye.test(r)?r.replace(pt,SC):r}var JS=Nr(function(r,o,m){return r+(m?" ":"")+o.toUpperCase()}),Ul=Cf("toUpperCase");function yd(r,o,m){return r=nt(r),o=m?n:o,o===n?BC(r)?xC(r):cC(r):r.match(o)||[]}var Bd=We(function(r,o){try{return Zt(r,n,o)}catch(m){return Fl(m)?m:new He(m)}}),qS=lA(function(r,o){return hn(o,function(m){m=Xn(m),sA(r,m,El(r[m],r))}),r});function ZS(r){var o=r==null?0:r.length,m=Ie();return r=o?ct(r,function(v){if(typeof v[1]!="function")throw new fn(p);return[m(v[0]),v[1]]}):[],We(function(v){for(var k=-1;++k<o;){var F=r[k];if(Zt(F[0],this,v))return Zt(F[1],this,v)}})}function ek(r){return Sv(pn(r,u))}function Ol(r){return function(){return r}}function tk(r,o){return r==null||r!==r?o:r}var nk=bf(),Ak=bf(!0);function $t(r){return r}function Dl(r){return qh(typeof r=="function"?r:pn(r,u))}function rk(r){return ef(pn(r,u))}function ik(r,o){return tf(r,pn(o,u))}var ok=We(function(r,o){return function(m){return Fi(m,r,o)}}),sk=We(function(r,o){return function(m){return Fi(r,m,o)}});function Ml(r,o,m){var v=kt(o),k=No(o,v);m==null&&!(ft(o)&&(k.length||!v.length))&&(m=o,o=r,r=this,k=No(o,kt(o)));var F=!(ft(m)&&"chain"in m)||!!m.chain,U=cA(r);return hn(k,function(M){var K=o[M];r[M]=K,U&&(r.prototype[M]=function(){var ce=this.__chain__;if(F||ce){var he=r(this.__wrapped__),ge=he.__actions__=Gt(this.__actions__);return ge.push({func:K,args:arguments,thisArg:r}),he.__chain__=ce,he}return K.apply(r,FA([this.value()],arguments))})}),r}function ak(){return Qt._===this&&(Qt._=OC),this}function Ll(){}function lk(r){return r=Ve(r),We(function(o){return nf(o,r)})}var uk=dl(ct),ck=dl(bh),hk=dl(Ha);function Cd(r){return Cl(r)?Ra(Xn(r)):Vv(r)}function fk(r){return function(o){return r==null?n:nr(r,o)}}var dk=Sf(),pk=Sf(!0);function Pl(){return[]}function Hl(){return!1}function gk(){return{}}function mk(){return""}function wk(){return!0}function yk(r,o){if(r=Ve(r),r<1||r>de)return[];var m=R,v=It(r,R);o=Ie(o),r-=R;for(var k=Ka(v,o);++m<r;)o(m);return k}function Bk(r){return Re(r)?ct(r,Xn):nn(r)?[r]:Gt(Nf(nt(r)))}function Ck(r){var o=++IC;return nt(r)+o}var vk=Go(function(r,o){return r+o},0),bk=pl("ceil"),_k=Go(function(r,o){return r/o},1),Sk=pl("floor");function kk(r){return r&&r.length?Ro(r,$t,el):n}function Ek(r,o){return r&&r.length?Ro(r,Ie(o,2),el):n}function xk(r){return kh(r,$t)}function Fk(r,o){return kh(r,Ie(o,2))}function Qk(r){return r&&r.length?Ro(r,$t,rl):n}function Tk(r,o){return r&&r.length?Ro(r,Ie(o,2),rl):n}var Ik=Go(function(r,o){return r*o},1),Uk=pl("round"),Ok=Go(function(r,o){return r-o},0);function Dk(r){return r&&r.length?Va(r,$t):0}function Mk(r,o){return r&&r.length?Va(r,Ie(o,2)):0}return x.after=r_,x.ary=qf,x.assign=Y_,x.assignIn=hd,x.assignInWith=ss,x.assignWith=j_,x.at=G_,x.before=Zf,x.bind=El,x.bindAll=qS,x.bindKey=ed,x.castArray=g_,x.chain=Xf,x.chunk=Sb,x.compact=kb,x.concat=Eb,x.cond=ZS,x.conforms=ek,x.constant=Ol,x.countBy=D1,x.create=z_,x.curry=td,x.curryRight=nd,x.debounce=Ad,x.defaults=X_,x.defaultsDeep=$_,x.defer=i_,x.delay=o_,x.difference=xb,x.differenceBy=Fb,x.differenceWith=Qb,x.drop=Tb,x.dropRight=Ib,x.dropRightWhile=Ub,x.dropWhile=Ob,x.fill=Db,x.filter=L1,x.flatMap=R1,x.flatMapDeep=N1,x.flatMapDepth=V1,x.flatten=Yf,x.flattenDeep=Mb,x.flattenDepth=Lb,x.flip=s_,x.flow=nk,x.flowRight=Ak,x.fromPairs=Pb,x.functions=AS,x.functionsIn=rS,x.groupBy=K1,x.initial=Rb,x.intersection=Nb,x.intersectionBy=Vb,x.intersectionWith=Kb,x.invert=oS,x.invertBy=sS,x.invokeMap=Y1,x.iteratee=Dl,x.keyBy=j1,x.keys=kt,x.keysIn=Xt,x.map=es,x.mapKeys=lS,x.mapValues=uS,x.matches=rk,x.matchesProperty=ik,x.memoize=ns,x.merge=cS,x.mergeWith=fd,x.method=ok,x.methodOf=sk,x.mixin=Ml,x.negate=As,x.nthArg=lk,x.omit=hS,x.omitBy=fS,x.once=a_,x.orderBy=G1,x.over=uk,x.overArgs=l_,x.overEvery=ck,x.overSome=hk,x.partial=xl,x.partialRight=rd,x.partition=z1,x.pick=dS,x.pickBy=dd,x.property=Cd,x.propertyOf=fk,x.pull=Gb,x.pullAll=Gf,x.pullAllBy=zb,x.pullAllWith=Xb,x.pullAt=$b,x.range=dk,x.rangeRight=pk,x.rearg=u_,x.reject=J1,x.remove=Jb,x.rest=c_,x.reverse=Sl,x.sampleSize=Z1,x.set=gS,x.setWith=mS,x.shuffle=e_,x.slice=qb,x.sortBy=A_,x.sortedUniq=i1,x.sortedUniqBy=o1,x.split=RS,x.spread=h_,x.tail=s1,x.take=a1,x.takeRight=l1,x.takeRightWhile=u1,x.takeWhile=c1,x.tap=k1,x.throttle=f_,x.thru=Zo,x.toArray=ld,x.toPairs=pd,x.toPairsIn=gd,x.toPath=Bk,x.toPlainObject=cd,x.transform=wS,x.unary=d_,x.union=h1,x.unionBy=f1,x.unionWith=d1,x.uniq=p1,x.uniqBy=g1,x.uniqWith=m1,x.unset=yS,x.unzip=kl,x.unzipWith=zf,x.update=BS,x.updateWith=CS,x.values=Wr,x.valuesIn=vS,x.without=w1,x.words=yd,x.wrap=p_,x.xor=y1,x.xorBy=B1,x.xorWith=C1,x.zip=v1,x.zipObject=b1,x.zipObjectDeep=_1,x.zipWith=S1,x.entries=pd,x.entriesIn=gd,x.extend=hd,x.extendWith=ss,Ml(x,x),x.add=vk,x.attempt=Bd,x.camelCase=kS,x.capitalize=md,x.ceil=bk,x.clamp=bS,x.clone=m_,x.cloneDeep=y_,x.cloneDeepWith=B_,x.cloneWith=w_,x.conformsTo=C_,x.deburr=wd,x.defaultTo=tk,x.divide=_k,x.endsWith=ES,x.eq=Fn,x.escape=xS,x.escapeRegExp=FS,x.every=M1,x.find=P1,x.findIndex=Kf,x.findKey=J_,x.findLast=H1,x.findLastIndex=Wf,x.findLastKey=q_,x.floor=Sk,x.forEach=$f,x.forEachRight=Jf,x.forIn=Z_,x.forInRight=eS,x.forOwn=tS,x.forOwnRight=nS,x.get=Tl,x.gt=v_,x.gte=b_,x.has=iS,x.hasIn=Il,x.head=jf,x.identity=$t,x.includes=W1,x.indexOf=Hb,x.inRange=_S,x.invoke=aS,x.isArguments=ir,x.isArray=Re,x.isArrayBuffer=__,x.isArrayLike=zt,x.isArrayLikeObject=mt,x.isBoolean=S_,x.isBuffer=MA,x.isDate=k_,x.isElement=E_,x.isEmpty=x_,x.isEqual=F_,x.isEqualWith=Q_,x.isError=Fl,x.isFinite=T_,x.isFunction=cA,x.isInteger=id,x.isLength=rs,x.isMap=od,x.isMatch=I_,x.isMatchWith=U_,x.isNaN=O_,x.isNative=D_,x.isNil=L_,x.isNull=M_,x.isNumber=sd,x.isObject=ft,x.isObjectLike=gt,x.isPlainObject=Di,x.isRegExp=Ql,x.isSafeInteger=P_,x.isSet=ad,x.isString=is,x.isSymbol=nn,x.isTypedArray=Kr,x.isUndefined=H_,x.isWeakMap=R_,x.isWeakSet=N_,x.join=Wb,x.kebabCase=QS,x.last=mn,x.lastIndexOf=Yb,x.lowerCase=TS,x.lowerFirst=IS,x.lt=V_,x.lte=K_,x.max=kk,x.maxBy=Ek,x.mean=xk,x.meanBy=Fk,x.min=Qk,x.minBy=Tk,x.stubArray=Pl,x.stubFalse=Hl,x.stubObject=gk,x.stubString=mk,x.stubTrue=wk,x.multiply=Ik,x.nth=jb,x.noConflict=ak,x.noop=Ll,x.now=ts,x.pad=US,x.padEnd=OS,x.padStart=DS,x.parseInt=MS,x.random=SS,x.reduce=X1,x.reduceRight=$1,x.repeat=LS,x.replace=PS,x.result=pS,x.round=Uk,x.runInContext=V,x.sample=q1,x.size=t_,x.snakeCase=HS,x.some=n_,x.sortedIndex=Zb,x.sortedIndexBy=e1,x.sortedIndexOf=t1,x.sortedLastIndex=n1,x.sortedLastIndexBy=A1,x.sortedLastIndexOf=r1,x.startCase=NS,x.startsWith=VS,x.subtract=Ok,x.sum=Dk,x.sumBy=Mk,x.template=KS,x.times=yk,x.toFinite=hA,x.toInteger=Ve,x.toLength=ud,x.toLower=WS,x.toNumber=wn,x.toSafeInteger=W_,x.toString=nt,x.toUpper=YS,x.trim=jS,x.trimEnd=GS,x.trimStart=zS,x.truncate=XS,x.unescape=$S,x.uniqueId=Ck,x.upperCase=JS,x.upperFirst=Ul,x.each=$f,x.eachRight=Jf,x.first=jf,Ml(x,(function(){var r={};return Gn(x,function(o,m){At.call(x.prototype,m)||(r[m]=o)}),r})(),{chain:!1}),x.VERSION=A,hn(["bind","bindKey","curry","curryRight","partial","partialRight"],function(r){x[r].placeholder=x}),hn(["drop","take"],function(r,o){Ge.prototype[r]=function(m){m=m===n?1:_t(Ve(m),0);var v=this.__filtered__&&!o?new Ge(this):this.clone();return v.__filtered__?v.__takeCount__=It(m,v.__takeCount__):v.__views__.push({size:It(m,R),type:r+(v.__dir__<0?"Right":"")}),v},Ge.prototype[r+"Right"]=function(m){return this.reverse()[r](m).reverse()}}),hn(["filter","map","takeWhile"],function(r,o){var m=o+1,v=m==G||m==Ae;Ge.prototype[r]=function(k){var F=this.clone();return F.__iteratees__.push({iteratee:Ie(k,3),type:m}),F.__filtered__=F.__filtered__||v,F}}),hn(["head","last"],function(r,o){var m="take"+(o?"Right":"");Ge.prototype[r]=function(){return this[m](1).value()[0]}}),hn(["initial","tail"],function(r,o){var m="drop"+(o?"":"Right");Ge.prototype[r]=function(){return this.__filtered__?new Ge(this):this[m](1)}}),Ge.prototype.compact=function(){return this.filter($t)},Ge.prototype.find=function(r){return this.filter(r).head()},Ge.prototype.findLast=function(r){return this.reverse().find(r)},Ge.prototype.invokeMap=We(function(r,o){return typeof r=="function"?new Ge(this):this.map(function(m){return Fi(m,r,o)})}),Ge.prototype.reject=function(r){return this.filter(As(Ie(r)))},Ge.prototype.slice=function(r,o){r=Ve(r);var m=this;return m.__filtered__&&(r>0||o<0)?new Ge(m):(r<0?m=m.takeRight(-r):r&&(m=m.drop(r)),o!==n&&(o=Ve(o),m=o<0?m.dropRight(-o):m.take(o-r)),m)},Ge.prototype.takeRightWhile=function(r){return this.reverse().takeWhile(r).reverse()},Ge.prototype.toArray=function(){return this.take(R)},Gn(Ge.prototype,function(r,o){var m=/^(?:filter|find|map|reject)|While$/.test(o),v=/^(?:head|last)$/.test(o),k=x[v?"take"+(o=="last"?"Right":""):o],F=v||/^find/.test(o);k&&(x.prototype[o]=function(){var U=this.__wrapped__,M=v?[1]:arguments,K=U instanceof Ge,ce=M[0],he=K||Re(U),ge=function(je){var Je=k.apply(x,FA([je],M));return v&&_e?Je[0]:Je};he&&m&&typeof ce=="function"&&ce.length!=1&&(K=he=!1);var _e=this.__chain__,Fe=!!this.__actions__.length,Oe=F&&!_e,Ke=K&&!Fe;if(!F&&he){U=Ke?U:new Ge(this);var De=r.apply(U,M);return De.__actions__.push({func:Zo,args:[ge],thisArg:n}),new dn(De,_e)}return Oe&&Ke?r.apply(this,M):(De=this.thru(ge),Oe?v?De.value()[0]:De.value():De)})}),hn(["pop","push","shift","sort","splice","unshift"],function(r){var o=So[r],m=/^(?:push|sort|unshift)$/.test(r)?"tap":"thru",v=/^(?:pop|shift)$/.test(r);x.prototype[r]=function(){var k=arguments;if(v&&!this.__chain__){var F=this.value();return o.apply(Re(F)?F:[],k)}return this[m](function(U){return o.apply(Re(U)?U:[],k)})}}),Gn(Ge.prototype,function(r,o){var m=x[o];if(m){var v=m.name+"";At.call(Pr,v)||(Pr[v]=[]),Pr[v].push({name:o,func:m})}}),Pr[jo(n,C).name]=[{name:"wrapper",func:n}],Ge.prototype.clone=$C,Ge.prototype.reverse=JC,Ge.prototype.value=qC,x.prototype.at=E1,x.prototype.chain=x1,x.prototype.commit=F1,x.prototype.next=Q1,x.prototype.plant=I1,x.prototype.reverse=U1,x.prototype.toJSON=x.prototype.valueOf=x.prototype.value=O1,x.prototype.first=x.prototype.head,vi&&(x.prototype[vi]=T1),x}),Dr=FC();JA?((JA.exports=Dr)._=Dr,Da._=Dr):Qt._=Dr}).call(Aee)})(zc,zc.exports)),zc.exports}var iee=ree();const oee="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffffCC'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-rotate-cw'%3e%3cpolyline%20points='23%204%2023%2010%2017%2010'%3e%3c/polyline%3e%3cpath%20d='M20.49%2015a9%209%200%201%201-2.12-9.36L23%2010'%3e%3c/path%3e%3c/svg%3e",see="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffffCC'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-x-circle'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'%20fill='none'%3e%3c/circle%3e%3cline%20x1='15'%20y1='9'%20x2='9'%20y2='15'%20fill='none'%3e%3c/line%3e%3cline%20x1='9'%20y1='9'%20x2='15'%20y2='15'%20fill='none'%3e%3c/line%3e%3c/svg%3e",aee={class:"fabric-canvas__canvas"},lee={id:"fabricCanvas",ref:"canvasRef"},uee=y.defineComponent({__name:"fabric-canvas",props:{modelValue:{type:String,default:""},jsonModel:{type:null,default:void 0},exportToSvg:{type:Boolean,default:!1},resetState:{type:Boolean,default:!1},options:{type:Object,default:()=>({})},feature:{type:String,default:""},required:{type:Boolean,default:!1},pending:{type:Boolean,default:!1}},emits:["update:modelValue","update:jsonModel","update:pending","on-ready"],setup(t,{expose:e,emit:n}){const A=n;e({setBackgroundImage:h,setOverlayImage:g,addCanvasObject:B});const i=t,a=y.ref(),p=y.ref(0),l=y.ref(0);let s;const c=y.ref();async function f(ae){A("update:pending",!0);const q=await ee(ae);ae.includes("data:image")||(q.filename=ae);const G=kn.fabric.util.findScaleToCover(q,s);return q.set({left:0,top:0,opacity:0,duration:120,scaleX:G,scaleY:G,src:ae}).animate("opacity",1,{onChange:s.renderAll.bind(s),onComplete:()=>{A("update:pending",!1),Q()}}),q}function u(ae){const q=kn.fabric.util.findScaleToCover(ae,s);return ae.set({scaleX:q,scaleY:q}),ae}async function h(ae){const q=await f(ae.src);s.setBackgroundImage(q,s.renderAll.bind(s)),s.centerObject(q)}async function d(ae){const q=await f(ae.src);q.selectable=!1,q.assetType="foreground",s.add(q),s.centerObject(q)}async function g(ae){const q=await f(ae.src);s.setOverlayImage(q,s.renderAll.bind(s),{scaleX:p.value/q.width,scaleY:l.value/q.height})}async function B(ae){s.discardActiveObject();const q=await ee(ae.src);q.filename=ae.src,q.scaleToWidth(p.value/3,!1).scaleToHeight(l.value/3,!1).set({left:p.value/2-q.getScaledWidth()/2,top:l.value/2-q.getScaledHeight()/2}),q.id=ae.id,q.padding=8,s.add(q),s.setActiveObject(q)}function w(ae,q){q.target.id;const G=q.target;return s.remove(G),s.requestRenderAll(),!0}function C(){p.value=a.value.offsetWidth,l.value=a.value.offsetHeight;const ae=p.value/s.getWidth();if(s.getZoom()*ae,s.setDimensions({width:p.value,height:l.value}),s.backgroundImage&&(s.backgroundImage=u(s.backgroundImage),s.centerObject(s.backgroundImage)),s.overlayImage){const q=s.overlayImage;q.set({scaleX:p.value/q.width,scaleY:l.value/q.height})}s.getObjects().forEach(q=>{q.assetType==="foreground"?(q=u(q),s.centerObject(q)):console.log("obj",q)}),s.renderAll()}const b=iee.debounce(()=>{C()},200,{trailing:!0,leading:!1});function _(ae){return(q,G,ne,Ae,fe)=>{q.save(),q.translate(G,ne),q.rotate(kn.fabric.util.degreesToRadians(fe.angle)),q.fillStyle=i.options.themeData?.colors?.primary,q.fillRect(-24/2,-24/2,24,24);const O=20;q.drawImage(ae,-O/2,-O/2,O,O),q.restore()}}function S(){const ae=kn.fabric.controlsUtils,q=kn.fabric.Object.prototype.controls;kn.fabric.Object.prototype.set({transparentCorners:!1,cornerSize:16,cornerStyle:"circle",...i.options.themeData?.colors?.primary?{cornerColor:i.options.themeData?.colors?.primary,cornerStrokeColor:i.options.themeData?.colors?.primary,borderColor:i.options.themeData?.colors?.primary}:{}}),q.ml=new kn.fabric.Control({visible:!1}),q.mr=new kn.fabric.Control({visible:!1}),q.mb=new kn.fabric.Control({visible:!1}),q.mt=new kn.fabric.Control({visible:!1}),q.mtr=new kn.fabric.Control({visible:!1});const G=document.createElement("img");G.src=oee,kn.fabric.Object.prototype.controls.rotate=new kn.fabric.Control({x:.5,y:-.5,offsetX:32,offsetY:0,cursorStyle:"pointer",actionName:"rotate",actionHandler:ae.rotationWithSnapping,cursorStyleHandler:ae.rotationStyleHandler,render:_(G)});const ne=document.createElement("img");ne.src=see,kn.fabric.Object.prototype.controls.delete=new kn.fabric.Control({x:.5,y:-.5,offsetX:32,offsetY:32,cursorStyle:"pointer",mouseUpHandler:w,render:_(ne)})}async function E(){return await new Promise(ae=>{setTimeout(()=>{const q=i.exportToSvg?s.toSVG():s.toDataURL({multiplier:2});ae(q)},200)})}async function Q(){s.renderAll(),T()}function T(){setTimeout(async()=>{const ae=s.toDatalessJSON(["selectable","assetType","filename"]);await tee("fabric-canvas",JSON.stringify(ae));let q=!0;if(i.required)switch(q=!1,i.feature){case"overlay":ae.overlayImage&&(q=!0);break;case"background":ae.backgroundImage&&(q=!0);break;case"stickers":ae.objects.length>1&&(q=!0);break;default:(ae.objects.length>1||ae.backgroundImage||ae.overlayImage)&&(q=!0)}if(q){const G=await E();A("update:modelValue",G),A("update:jsonModel",ae)}},120)}async function N(ae){return new Promise(q=>{kn.fabric.Image.fromURL(ae,G=>{q(G)})})}async function j(ae){return new Promise(q=>{kn.fabric.loadSVGFromURL(ae,(G,ne)=>{const Ae=kn.fabric.util.groupSVGElements(G,ne);q(Ae)})})}async function ee(ae){return ae&&new RegExp(/([\w_/-]*\.svg$)|(image\/svg\+xml)/gi).test(ae)?await j(ae):await N(ae)}async function me(ae,q){ae&&!q&&d({src:ae})}return y.watch(()=>i.modelValue,async(ae,q)=>{me(ae,q)}),y.onMounted(async()=>{p.value=a.value.offsetWidth,l.value=a.value.offsetHeight,window.addEventListener("resize",b),kn.fabric.Object.NUM_FRACTION_DIGITS=8;const ae=kn.fabric.Canvas.prototype._onTouchStart;kn.fabric.util.object.extend(kn.fabric.Canvas.prototype,{_onTouchStart:function(q){const G=this.findTarget(q);this.allowTouchScrolling&&G.assetType&&!this.isDrawingMode||ae.call(this,q)}}),s=new kn.fabric.Canvas("fabricCanvas",{width:p.value,height:l.value,skipOffscreen:!0,allowTouchScrolling:!0}),i.resetState&&await nee("fabric-canvas"),c.value=await eee("fabric-canvas"),c.value?(await _Z(s,c.value),s.renderAll()):i.modelValue&&me(i.modelValue,""),s.on("object:added",T),s.on("object:removed",T),s.on("object:modified",T),S(),s.renderAll(),A("on-ready",s)}),(ae,q)=>(y.openBlock(),y.createElementBlock("div",{class:"fabric-canvas",ref_key:"root",ref:a},[y.createElementVNode("div",aee,[y.createElementVNode("canvas",lee,null,512)]),y.renderSlot(ae.$slots,"default")],512))}}),cee={class:"creative-booth"},hee={class:"media-container"},fee=["innerHTML"],dee={class:"creative-booth__thumbnails"},pee=[{type:"background",thumbnail:"/themes/corp/backgrounds/corporate-your-background-1024x1024.jpg",src:"/themes/corp/backgrounds/corporate-your-background-1024x1024.jpg",mediaType:"image",filters:["asset-01","asset-02"]},{type:"background",thumbnail:"/themes/corp/backgrounds/corp-background-09-white.jpg",src:"/themes/corp/backgrounds/corp-background-09-white.jpg",mediaType:"image",filters:["asset-01","asset-02"]},{type:"overlay",src:"/themes/corp/overlays/corporate-your-overlay-1024x1024.png",mediaType:"image",filters:["asset-01"]},{type:"overlay",src:"/themes/corp/overlays/corp-overlay-02-white.png",mediaType:"image",filters:["asset-01"]},{type:"object",src:"/themes/corp/stickers/corporate-your-sticker-512x512.svg",mediaType:"svg",filters:["asset-02"]},{type:"object",src:"/themes/corp/stickers/corp-sticker-01.svg",mediaType:"svg"},{type:"object",src:"/themes/corp/stickers/corp-sticker-02.svg",mediaType:"svg",filters:["asset-01","asset-02"]}],gee=y.defineComponent({__name:"creative-booth",props:{modelValue:{default:null},jsonModel:{type:null,default:void 0},config:{type:Object,default:null},feature:{type:String,default:""},required:{type:Boolean,default:!1},variant:{type:String,default:"light"},messages:{type:Object,default:{}},assets:{type:Array,default:()=>pee},assetFilters:{type:Array,default:()=>[]},exportToSvg:{type:Boolean,default:!1},resetState:{type:Boolean,default:!1},ratio:{type:String,default:"4x3"},themeData:{type:Object,default:()=>({})},autoSelect:Number,ready:{type:Boolean,default:!1},pending:{type:Boolean,default:!1}},emits:["update:modelValue","update:jsonModel","update:ready","update:pending"],setup(t,{emit:e}){const n=t,A=e,i=y.ref(),a=y.ref(),p=y.ref(!1),l=y.computed(()=>n.assetFilters&&n.assetFilters.length>0?n.assets.filter(d=>!d.filters||d.filters.length==0||n.assetFilters.some(g=>d.filters.includes(g))):n.assets),s=y.computed({get(){return n.modelValue},set(d){A("update:modelValue",d)}}),c=y.computed({get(){return n.jsonModel},set(d){A("update:jsonModel",d)}}),f=y.computed({get(){return n.pending},set(d){A("update:pending",d)}});y.watch(a,async(d,g)=>{d&&d!==g&&A("update:modelValue",d)},{deep:!0});function u(d){if(typeof d<"u"){const g=l.value[d];switch(g.type){case"background":i.value?.setBackgroundImage(g);break;case"overlay":i.value.setOverlayImage(g);break;default:i.value.addCanvasObject(g)}}}const h=(async()=>{if(p.value=!0,(n.autoSelect===void 0?0:n.autoSelect)!==0){const g=n.autoSelect&&n.autoSelect>0?n.autoSelect-1:Math.floor(Math.random()*l.value.length);u(g)}A("update:ready",!0)});return(d,g)=>{const B=y.resolveComponent("fabric-canvas"),w=y.resolveComponent("media-thumbnails");return y.openBlock(),y.createElementBlock("div",cee,[y.createElementVNode("div",hee,[y.createVNode(B,{modelValue:s.value,"onUpdate:modelValue":g[0]||(g[0]=C=>s.value=C),"json-model":c.value,"onUpdate:jsonModel":g[1]||(g[1]=C=>c.value=C),pending:f.value,"onUpdate:pending":g[2]||(g[2]=C=>f.value=C),ref_key:"canvas",ref:i,"reset-state":t.resetState,options:{themeData:t.themeData},feature:t.feature,required:t.required,class:y.normalizeClass(`${t.ratio?`aspect-ratio aspect-ratio--${t.ratio}`:""}`),onOnReady:h},null,8,["modelValue","json-model","pending","reset-state","options","feature","required","class"])]),t.messages.headline?(y.openBlock(),y.createElementBlock("p",{key:0,class:"headline",innerHTML:t.messages.headline},null,8,fee)):y.createCommentVNode("",!0),y.createElementVNode("div",dee,[p.value?(y.openBlock(),y.createBlock(w,{key:0,assets:l.value,onSelect:u},null,8,["assets"])):y.createCommentVNode("",!0)])])}}}),mee={class:"face-swap"},wee={class:"position-relative"},yee=["innerHTML"],Bee={class:"face-swap__thumbnails"},Cee=[{type:"target",thumbnail:"/faceswap/robotroll._avengers_black_widow_fbe3e886-525d-4c8b-b46c-b32856fae2bf.png",src:"/faceswap/robotroll._avengers_black_widow_fbe3e886-525d-4c8b-b46c-b32856fae2bf.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._batmans_joker_04afa7d0-430d-43f2-a7ce-815c6875a793.png",src:"/faceswap/robotroll._batmans_joker_04afa7d0-430d-43f2-a7ce-815c6875a793.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._catwoman_922f1bfa-9197-4e9a-aaeb-bce5d413a9b9.png",src:"/faceswap/robotroll._catwoman_922f1bfa-9197-4e9a-aaeb-bce5d413a9b9.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._christian_bale_as_american_psycho_abe2d5ab-58e8-4f21-94f9-b2b117af3d89.png",src:"/faceswap/robotroll._christian_bale_as_american_psycho_abe2d5ab-58e8-4f21-94f9-b2b117af3d89.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._dirty_harry_7ce45595-edba-4ef8-a513-39b179d94f57.png",src:"/faceswap/robotroll._dirty_harry_7ce45595-edba-4ef8-a513-39b179d94f57.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._evil_santa_claus_pointing_a_double_barrel_shotgun_at_bf603686-4980-449b-ad88-e8f362850aab.png",src:"/faceswap/robotroll._evil_santa_claus_pointing_a_double_barrel_shotgun_at_bf603686-4980-449b-ad88-e8f362850aab.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._homer_simpson_as_real_person_b14628bf-5a5a-45fe-b35a-e56960de4ad4.png",src:"/faceswap/robotroll._homer_simpson_as_real_person_b14628bf-5a5a-45fe-b35a-e56960de4ad4.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._james_bond_caa0af54-16b2-4d15-9e4d-45cc395c021b.png",src:"/faceswap/robotroll._james_bond_caa0af54-16b2-4d15-9e4d-45cc395c021b.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._neil_gaimans_sandman_d3ca51cd-2ef8-46d5-b1db-1474789783a4.png",src:"/faceswap/robotroll._neil_gaimans_sandman_d3ca51cd-2ef8-46d5-b1db-1474789783a4.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._pennywise_3f4c5997-9fd2-43e0-ab9b-17384fb58da9.png",src:"/faceswap/robotroll._pennywise_3f4c5997-9fd2-43e0-ab9b-17384fb58da9.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._queen_of_hearts_8de84ac6-3f61-4981-ac92-c63d90d63890.png",src:"/faceswap/robotroll._queen_of_hearts_8de84ac6-3f61-4981-ac92-c63d90d63890.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._red_dead_redemptions_arthur_morgan_portrait_36f8a066-6c2b-4a23-9c5e-a2a3964b0d3b.png",src:"/faceswap/robotroll._red_dead_redemptions_arthur_morgan_portrait_36f8a066-6c2b-4a23-9c5e-a2a3964b0d3b.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._thanos_38adb80e-08ac-49d4-95e0-d4d11cb5a11d.png",src:"/faceswap/robotroll._thanos_38adb80e-08ac-49d4-95e0-d4d11cb5a11d.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._the_godfather_062db832-61ce-4d18-a09d-045cadd4e281.png",src:"/faceswap/robotroll._the_godfather_062db832-61ce-4d18-a09d-045cadd4e281.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._wolverine_3f9cece6-e490-4be8-a5f9-d6e6abf0440f.png",src:"/faceswap/robotroll._wolverine_3f9cece6-e490-4be8-a5f9-d6e6abf0440f.png",mediaType:"image",filters:[]}],vee=y.defineComponent({__name:"face-swap",props:{modelValue:{default:null},config:{type:Object,default:null},variant:{type:String,default:"light"},messages:{type:Object,default:{}},assets:{type:Array,default:()=>Cee},resetState:{type:Boolean,default:!1},ratio:{type:String,default:"4x3"},endpoint:{type:String,default:"/faceswap-json"},autoSelect:Number},emits:["update:modelValue"],setup(t,{emit:e}){const n=t,A=e,i=y.ref(),a=y.ref(),p=y.ref(),l=y.ref(!1);y.computed({get(){return n.modelValue},set(u){A("update:modelValue",u)}});const s=y.computed(()=>p.value||i.value&&i.value.src||a.value);y.watch(p,async(u,h)=>{u&&u!==h&&A("update:modelValue",u)},{deep:!0});function c(u){if(typeof u<"u"){const h=n.assets[u];i.value=h,p.value=null}}async function f(){const u=await mZ(i.value.src),d={dataUrl:n.modelValue,targetDataUrl:u};l.value=!0;const g=rM;p.value=await g.processImage(n.endpoint,d,""),l.value=!1}return y.onBeforeMount(()=>{a.value=n.modelValue}),(u,h)=>{const d=y.resolveComponent("base-image"),g=y.resolveComponent("loading-spinner"),B=y.resolveComponent("media-thumbnails");return y.openBlock(),y.createElementBlock("div",mee,[y.createElementVNode("div",wee,[y.createElementVNode("div",{class:y.normalizeClass(["media-container",`${t.ratio?`ratio ratio-${t.ratio}`:""}`])},[y.createVNode(y.Transition,{name:"fade",mode:"out-in"},{default:y.withCtx(()=>[(y.openBlock(),y.createElementBlock("div",{key:s.value},[y.createVNode(d,{src:s.value},null,8,["src"])]))]),_:1})],2),i.value?(y.openBlock(),y.createElementBlock("button",{key:0,type:"button",class:"btn face-swap__swap-face",onClick:f},[a.value&&!p.value&&!l.value?(y.openBlock(),y.createBlock(d,{key:0,src:a.value,class:"img-thumbnail"},null,8,["src"])):y.createCommentVNode("",!0)])):y.createCommentVNode("",!0),l.value?(y.openBlock(),y.createBlock(g,{key:1})):y.createCommentVNode("",!0)]),t.messages.headline?(y.openBlock(),y.createElementBlock("p",{key:0,class:"headline",innerHTML:t.messages.headline},null,8,yee)):y.createCommentVNode("",!0),y.createElementVNode("div",Bee,[y.createVNode(B,{assets:t.assets,onSelect:c},null,8,["assets"])])])}}}),bee=["innerHTML"],_ee=y.defineComponent({__name:"svg-canvas",props:{modelValue:{default:'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"/>',type:String},scale:{type:Number,default:1},fillColor:String,groupedFill:Boolean},emits:["update:modelValue"],setup(t,{emit:e}){const n=t,A=e,i=y.ref();function a(p){const l=p.target;if(!l.closest(".read-only")){if(n.groupedFill&&n.fillColor){const h=l.closest("[data-group-class]").dataset.groupClass,d=l.closest("svg")?.querySelectorAll(`.${h}`);d&&Array.from(d).forEach(g=>{g.setAttribute("fill",n.fillColor),g.setAttribute("fill-opacity","1")})}else n.fillColor&&(l.setAttribute("fill",n.fillColor),l.setAttribute("fill-opacity","1"));const f=l.closest(".svg-canvas").querySelector("svg").outerHTML;A("update:modelValue",f)}}return(p,l)=>(y.openBlock(),y.createElementBlock("div",{class:y.normalizeClass(["svg-canvas",`${t.scale>1?"overflow-scroll":""}`])},[y.createElementVNode("div",{ref_key:"svg",ref:i,class:"svg-wrapper",innerHTML:t.modelValue,style:y.normalizeStyle({transform:`scale(${t.scale})`}),onClick:l[0]||(l[0]=s=>a(s))},null,12,bee)],2))}}),See={class:"svg-editor"},kee={class:"svg-editor__frame"},Eee=y.defineComponent({__name:"color-booth",props:{modelValue:String,name:String,src:String,required:Boolean,colors:Array,groupedFill:Boolean},emits:["update:modelValue"],setup(t,{emit:e}){const n=t,A=e,i=y.ref(""),a=y.ref(1),p=y.computed({get(){return n.modelValue},set(l){A("update:modelValue",l)}});return y.onBeforeMount(()=>{i.value=n.colors?.length?n.colors[0]:""}),(l,s)=>(y.openBlock(),y.createElementBlock("div",See,[y.createElementVNode("div",kee,[y.createVNode(y.unref(uJ),{modelValue:a.value,"onUpdate:modelValue":s[1]||(s[1]=c=>a.value=c)},{default:y.withCtx(()=>[y.createVNode(_ee,{modelValue:p.value,"onUpdate:modelValue":s[0]||(s[0]=c=>p.value=c),fillColor:i.value,scale:a.value,"grouped-fill":t.groupedFill},null,8,["modelValue","fillColor","scale","grouped-fill"])]),_:1},8,["modelValue"]),y.createVNode(y.unref(uK),{modelValue:i.value,"onUpdate:modelValue":s[2]||(s[2]=c=>i.value=c),colors:t.colors,class:"mt-2"},null,8,["modelValue","colors"])])]))}});ti.ColorBooth=Eee,ti.CreativeBooth=gee,ti.FabricCanvas=uee,ti.FaceSwap=vee,ti.PhotoApp=$Z,Object.defineProperty(ti,Symbol.toStringTag,{value:"Module"})}));
+}`;var Ke=Bd(function(){return et(F,Fe+"return "+ge).apply(n,U)});if(Ke.source=ge,Fl(Ke))throw Ke;return Ke}function WS(r){return nt(r).toLowerCase()}function YS(r){return nt(r).toUpperCase()}function jS(r,o,m){if(r=nt(r),r&&(m||o===n))return xh(r);if(!r||!(o=tn(o)))return r;var v=En(r),k=En(o),F=Fh(v,k),U=Qh(v,k)+1;return DA(v,F,U).join("")}function GS(r,o,m){if(r=nt(r),r&&(m||o===n))return r.slice(0,Ih(r)+1);if(!r||!(o=tn(o)))return r;var v=En(r),k=Qh(v,En(o))+1;return DA(v,0,k).join("")}function zS(r,o,m){if(r=nt(r),r&&(m||o===n))return r.replace(Fa,"");if(!r||!(o=tn(o)))return r;var v=En(r),k=Fh(v,En(o));return DA(v,k).join("")}function XS(r,o){var m=ee,v=me;if(ft(o)){var k="separator"in o?o.separator:k;m="length"in o?Ve(o.length):m,v="omission"in o?tn(o.omission):v}r=nt(r);var F=r.length;if(Ur(r)){var U=En(r);F=U.length}if(m>=F)return r;var M=m-Or(v);if(M<1)return v;var K=U?DA(U,0,M).join(""):r.slice(0,M);if(k===n)return K+v;if(U&&(M+=K.length-M),Ql(k)){if(r.slice(M).search(k)){var ce,he=K;for(k.global||(k=ja(k.source,nt($c.exec(k))+"g")),k.lastIndex=0;ce=k.exec(he);)var ge=ce.index;K=K.slice(0,ge===n?M:ge)}}else if(r.indexOf(tn(k),M)!=M){var _e=K.lastIndexOf(k);_e>-1&&(K=K.slice(0,_e))}return K+v}function $S(r){return r=nt(r),r&&Ye.test(r)?r.replace(pt,SC):r}var JS=Nr(function(r,o,m){return r+(m?" ":"")+o.toUpperCase()}),Ul=Cf("toUpperCase");function yd(r,o,m){return r=nt(r),o=m?n:o,o===n?BC(r)?xC(r):cC(r):r.match(o)||[]}var Bd=We(function(r,o){try{return Zt(r,n,o)}catch(m){return Fl(m)?m:new He(m)}}),qS=lA(function(r,o){return hn(o,function(m){m=Xn(m),sA(r,m,El(r[m],r))}),r});function ZS(r){var o=r==null?0:r.length,m=Ie();return r=o?ct(r,function(v){if(typeof v[1]!="function")throw new fn(p);return[m(v[0]),v[1]]}):[],We(function(v){for(var k=-1;++k<o;){var F=r[k];if(Zt(F[0],this,v))return Zt(F[1],this,v)}})}function ek(r){return Sv(pn(r,u))}function Ol(r){return function(){return r}}function tk(r,o){return r==null||r!==r?o:r}var nk=bf(),Ak=bf(!0);function $t(r){return r}function Dl(r){return qh(typeof r=="function"?r:pn(r,u))}function rk(r){return ef(pn(r,u))}function ik(r,o){return tf(r,pn(o,u))}var ok=We(function(r,o){return function(m){return Fi(m,r,o)}}),sk=We(function(r,o){return function(m){return Fi(r,m,o)}});function Ml(r,o,m){var v=kt(o),k=No(o,v);m==null&&!(ft(o)&&(k.length||!v.length))&&(m=o,o=r,r=this,k=No(o,kt(o)));var F=!(ft(m)&&"chain"in m)||!!m.chain,U=cA(r);return hn(k,function(M){var K=o[M];r[M]=K,U&&(r.prototype[M]=function(){var ce=this.__chain__;if(F||ce){var he=r(this.__wrapped__),ge=he.__actions__=Gt(this.__actions__);return ge.push({func:K,args:arguments,thisArg:r}),he.__chain__=ce,he}return K.apply(r,FA([this.value()],arguments))})}),r}function ak(){return Qt._===this&&(Qt._=OC),this}function Ll(){}function lk(r){return r=Ve(r),We(function(o){return nf(o,r)})}var uk=dl(ct),ck=dl(bh),hk=dl(Ha);function Cd(r){return Cl(r)?Ra(Xn(r)):Vv(r)}function fk(r){return function(o){return r==null?n:nr(r,o)}}var dk=Sf(),pk=Sf(!0);function Pl(){return[]}function Hl(){return!1}function gk(){return{}}function mk(){return""}function wk(){return!0}function yk(r,o){if(r=Ve(r),r<1||r>de)return[];var m=R,v=It(r,R);o=Ie(o),r-=R;for(var k=Ka(v,o);++m<r;)o(m);return k}function Bk(r){return Re(r)?ct(r,Xn):nn(r)?[r]:Gt(Nf(nt(r)))}function Ck(r){var o=++IC;return nt(r)+o}var vk=Go(function(r,o){return r+o},0),bk=pl("ceil"),_k=Go(function(r,o){return r/o},1),Sk=pl("floor");function kk(r){return r&&r.length?Ro(r,$t,el):n}function Ek(r,o){return r&&r.length?Ro(r,Ie(o,2),el):n}function xk(r){return kh(r,$t)}function Fk(r,o){return kh(r,Ie(o,2))}function Qk(r){return r&&r.length?Ro(r,$t,rl):n}function Tk(r,o){return r&&r.length?Ro(r,Ie(o,2),rl):n}var Ik=Go(function(r,o){return r*o},1),Uk=pl("round"),Ok=Go(function(r,o){return r-o},0);function Dk(r){return r&&r.length?Va(r,$t):0}function Mk(r,o){return r&&r.length?Va(r,Ie(o,2)):0}return x.after=r_,x.ary=qf,x.assign=Y_,x.assignIn=hd,x.assignInWith=ss,x.assignWith=j_,x.at=G_,x.before=Zf,x.bind=El,x.bindAll=qS,x.bindKey=ed,x.castArray=g_,x.chain=Xf,x.chunk=Sb,x.compact=kb,x.concat=Eb,x.cond=ZS,x.conforms=ek,x.constant=Ol,x.countBy=D1,x.create=z_,x.curry=td,x.curryRight=nd,x.debounce=Ad,x.defaults=X_,x.defaultsDeep=$_,x.defer=i_,x.delay=o_,x.difference=xb,x.differenceBy=Fb,x.differenceWith=Qb,x.drop=Tb,x.dropRight=Ib,x.dropRightWhile=Ub,x.dropWhile=Ob,x.fill=Db,x.filter=L1,x.flatMap=R1,x.flatMapDeep=N1,x.flatMapDepth=V1,x.flatten=Yf,x.flattenDeep=Mb,x.flattenDepth=Lb,x.flip=s_,x.flow=nk,x.flowRight=Ak,x.fromPairs=Pb,x.functions=AS,x.functionsIn=rS,x.groupBy=K1,x.initial=Rb,x.intersection=Nb,x.intersectionBy=Vb,x.intersectionWith=Kb,x.invert=oS,x.invertBy=sS,x.invokeMap=Y1,x.iteratee=Dl,x.keyBy=j1,x.keys=kt,x.keysIn=Xt,x.map=es,x.mapKeys=lS,x.mapValues=uS,x.matches=rk,x.matchesProperty=ik,x.memoize=ns,x.merge=cS,x.mergeWith=fd,x.method=ok,x.methodOf=sk,x.mixin=Ml,x.negate=As,x.nthArg=lk,x.omit=hS,x.omitBy=fS,x.once=a_,x.orderBy=G1,x.over=uk,x.overArgs=l_,x.overEvery=ck,x.overSome=hk,x.partial=xl,x.partialRight=rd,x.partition=z1,x.pick=dS,x.pickBy=dd,x.property=Cd,x.propertyOf=fk,x.pull=Gb,x.pullAll=Gf,x.pullAllBy=zb,x.pullAllWith=Xb,x.pullAt=$b,x.range=dk,x.rangeRight=pk,x.rearg=u_,x.reject=J1,x.remove=Jb,x.rest=c_,x.reverse=Sl,x.sampleSize=Z1,x.set=gS,x.setWith=mS,x.shuffle=e_,x.slice=qb,x.sortBy=A_,x.sortedUniq=i1,x.sortedUniqBy=o1,x.split=RS,x.spread=h_,x.tail=s1,x.take=a1,x.takeRight=l1,x.takeRightWhile=u1,x.takeWhile=c1,x.tap=k1,x.throttle=f_,x.thru=Zo,x.toArray=ld,x.toPairs=pd,x.toPairsIn=gd,x.toPath=Bk,x.toPlainObject=cd,x.transform=wS,x.unary=d_,x.union=h1,x.unionBy=f1,x.unionWith=d1,x.uniq=p1,x.uniqBy=g1,x.uniqWith=m1,x.unset=yS,x.unzip=kl,x.unzipWith=zf,x.update=BS,x.updateWith=CS,x.values=Wr,x.valuesIn=vS,x.without=w1,x.words=yd,x.wrap=p_,x.xor=y1,x.xorBy=B1,x.xorWith=C1,x.zip=v1,x.zipObject=b1,x.zipObjectDeep=_1,x.zipWith=S1,x.entries=pd,x.entriesIn=gd,x.extend=hd,x.extendWith=ss,Ml(x,x),x.add=vk,x.attempt=Bd,x.camelCase=kS,x.capitalize=md,x.ceil=bk,x.clamp=bS,x.clone=m_,x.cloneDeep=y_,x.cloneDeepWith=B_,x.cloneWith=w_,x.conformsTo=C_,x.deburr=wd,x.defaultTo=tk,x.divide=_k,x.endsWith=ES,x.eq=Fn,x.escape=xS,x.escapeRegExp=FS,x.every=M1,x.find=P1,x.findIndex=Kf,x.findKey=J_,x.findLast=H1,x.findLastIndex=Wf,x.findLastKey=q_,x.floor=Sk,x.forEach=$f,x.forEachRight=Jf,x.forIn=Z_,x.forInRight=eS,x.forOwn=tS,x.forOwnRight=nS,x.get=Tl,x.gt=v_,x.gte=b_,x.has=iS,x.hasIn=Il,x.head=jf,x.identity=$t,x.includes=W1,x.indexOf=Hb,x.inRange=_S,x.invoke=aS,x.isArguments=ir,x.isArray=Re,x.isArrayBuffer=__,x.isArrayLike=zt,x.isArrayLikeObject=mt,x.isBoolean=S_,x.isBuffer=MA,x.isDate=k_,x.isElement=E_,x.isEmpty=x_,x.isEqual=F_,x.isEqualWith=Q_,x.isError=Fl,x.isFinite=T_,x.isFunction=cA,x.isInteger=id,x.isLength=rs,x.isMap=od,x.isMatch=I_,x.isMatchWith=U_,x.isNaN=O_,x.isNative=D_,x.isNil=L_,x.isNull=M_,x.isNumber=sd,x.isObject=ft,x.isObjectLike=gt,x.isPlainObject=Di,x.isRegExp=Ql,x.isSafeInteger=P_,x.isSet=ad,x.isString=is,x.isSymbol=nn,x.isTypedArray=Kr,x.isUndefined=H_,x.isWeakMap=R_,x.isWeakSet=N_,x.join=Wb,x.kebabCase=QS,x.last=mn,x.lastIndexOf=Yb,x.lowerCase=TS,x.lowerFirst=IS,x.lt=V_,x.lte=K_,x.max=kk,x.maxBy=Ek,x.mean=xk,x.meanBy=Fk,x.min=Qk,x.minBy=Tk,x.stubArray=Pl,x.stubFalse=Hl,x.stubObject=gk,x.stubString=mk,x.stubTrue=wk,x.multiply=Ik,x.nth=jb,x.noConflict=ak,x.noop=Ll,x.now=ts,x.pad=US,x.padEnd=OS,x.padStart=DS,x.parseInt=MS,x.random=SS,x.reduce=X1,x.reduceRight=$1,x.repeat=LS,x.replace=PS,x.result=pS,x.round=Uk,x.runInContext=V,x.sample=q1,x.size=t_,x.snakeCase=HS,x.some=n_,x.sortedIndex=Zb,x.sortedIndexBy=e1,x.sortedIndexOf=t1,x.sortedLastIndex=n1,x.sortedLastIndexBy=A1,x.sortedLastIndexOf=r1,x.startCase=NS,x.startsWith=VS,x.subtract=Ok,x.sum=Dk,x.sumBy=Mk,x.template=KS,x.times=yk,x.toFinite=hA,x.toInteger=Ve,x.toLength=ud,x.toLower=WS,x.toNumber=wn,x.toSafeInteger=W_,x.toString=nt,x.toUpper=YS,x.trim=jS,x.trimEnd=GS,x.trimStart=zS,x.truncate=XS,x.unescape=$S,x.uniqueId=Ck,x.upperCase=JS,x.upperFirst=Ul,x.each=$f,x.eachRight=Jf,x.first=jf,Ml(x,(function(){var r={};return Gn(x,function(o,m){At.call(x.prototype,m)||(r[m]=o)}),r})(),{chain:!1}),x.VERSION=A,hn(["bind","bindKey","curry","curryRight","partial","partialRight"],function(r){x[r].placeholder=x}),hn(["drop","take"],function(r,o){Ge.prototype[r]=function(m){m=m===n?1:_t(Ve(m),0);var v=this.__filtered__&&!o?new Ge(this):this.clone();return v.__filtered__?v.__takeCount__=It(m,v.__takeCount__):v.__views__.push({size:It(m,R),type:r+(v.__dir__<0?"Right":"")}),v},Ge.prototype[r+"Right"]=function(m){return this.reverse()[r](m).reverse()}}),hn(["filter","map","takeWhile"],function(r,o){var m=o+1,v=m==G||m==Ae;Ge.prototype[r]=function(k){var F=this.clone();return F.__iteratees__.push({iteratee:Ie(k,3),type:m}),F.__filtered__=F.__filtered__||v,F}}),hn(["head","last"],function(r,o){var m="take"+(o?"Right":"");Ge.prototype[r]=function(){return this[m](1).value()[0]}}),hn(["initial","tail"],function(r,o){var m="drop"+(o?"":"Right");Ge.prototype[r]=function(){return this.__filtered__?new Ge(this):this[m](1)}}),Ge.prototype.compact=function(){return this.filter($t)},Ge.prototype.find=function(r){return this.filter(r).head()},Ge.prototype.findLast=function(r){return this.reverse().find(r)},Ge.prototype.invokeMap=We(function(r,o){return typeof r=="function"?new Ge(this):this.map(function(m){return Fi(m,r,o)})}),Ge.prototype.reject=function(r){return this.filter(As(Ie(r)))},Ge.prototype.slice=function(r,o){r=Ve(r);var m=this;return m.__filtered__&&(r>0||o<0)?new Ge(m):(r<0?m=m.takeRight(-r):r&&(m=m.drop(r)),o!==n&&(o=Ve(o),m=o<0?m.dropRight(-o):m.take(o-r)),m)},Ge.prototype.takeRightWhile=function(r){return this.reverse().takeWhile(r).reverse()},Ge.prototype.toArray=function(){return this.take(R)},Gn(Ge.prototype,function(r,o){var m=/^(?:filter|find|map|reject)|While$/.test(o),v=/^(?:head|last)$/.test(o),k=x[v?"take"+(o=="last"?"Right":""):o],F=v||/^find/.test(o);k&&(x.prototype[o]=function(){var U=this.__wrapped__,M=v?[1]:arguments,K=U instanceof Ge,ce=M[0],he=K||Re(U),ge=function(je){var Je=k.apply(x,FA([je],M));return v&&_e?Je[0]:Je};he&&m&&typeof ce=="function"&&ce.length!=1&&(K=he=!1);var _e=this.__chain__,Fe=!!this.__actions__.length,Oe=F&&!_e,Ke=K&&!Fe;if(!F&&he){U=Ke?U:new Ge(this);var De=r.apply(U,M);return De.__actions__.push({func:Zo,args:[ge],thisArg:n}),new dn(De,_e)}return Oe&&Ke?r.apply(this,M):(De=this.thru(ge),Oe?v?De.value()[0]:De.value():De)})}),hn(["pop","push","shift","sort","splice","unshift"],function(r){var o=So[r],m=/^(?:push|sort|unshift)$/.test(r)?"tap":"thru",v=/^(?:pop|shift)$/.test(r);x.prototype[r]=function(){var k=arguments;if(v&&!this.__chain__){var F=this.value();return o.apply(Re(F)?F:[],k)}return this[m](function(U){return o.apply(Re(U)?U:[],k)})}}),Gn(Ge.prototype,function(r,o){var m=x[o];if(m){var v=m.name+"";At.call(Pr,v)||(Pr[v]=[]),Pr[v].push({name:o,func:m})}}),Pr[jo(n,C).name]=[{name:"wrapper",func:n}],Ge.prototype.clone=$C,Ge.prototype.reverse=JC,Ge.prototype.value=qC,x.prototype.at=E1,x.prototype.chain=x1,x.prototype.commit=F1,x.prototype.next=Q1,x.prototype.plant=I1,x.prototype.reverse=U1,x.prototype.toJSON=x.prototype.valueOf=x.prototype.value=O1,x.prototype.first=x.prototype.head,vi&&(x.prototype[vi]=T1),x}),Dr=FC();JA?((JA.exports=Dr)._=Dr,Da._=Dr):Qt._=Dr}).call(Aee)})(zc,zc.exports)),zc.exports}var iee=ree();const oee="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffffCC'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-rotate-cw'%3e%3cpolyline%20points='23%204%2023%2010%2017%2010'%3e%3c/polyline%3e%3cpath%20d='M20.49%2015a9%209%200%201%201-2.12-9.36L23%2010'%3e%3c/path%3e%3c/svg%3e",see="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffffCC'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-x-circle'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'%20fill='none'%3e%3c/circle%3e%3cline%20x1='15'%20y1='9'%20x2='9'%20y2='15'%20fill='none'%3e%3c/line%3e%3cline%20x1='9'%20y1='9'%20x2='15'%20y2='15'%20fill='none'%3e%3c/line%3e%3c/svg%3e",aee={class:"fabric-canvas__canvas"},lee={id:"fabricCanvas",ref:"canvasRef"},uee=y.defineComponent({__name:"fabric-canvas",props:{modelValue:{type:String,default:""},jsonModel:{type:null,default:void 0},exportToSvg:{type:Boolean,default:!1},resetState:{type:Boolean,default:!1},options:{type:Object,default:()=>({})},feature:{type:String,default:""},required:{type:Boolean,default:!1},pending:{type:Boolean,default:!1},emitPending:{type:Boolean,default:!1}},emits:["update:modelValue","update:jsonModel","update:pending","on-ready"],setup(t,{expose:e,emit:n}){const A=n;e({setBackgroundImage:h,setOverlayImage:g,addCanvasObject:B});const i=t,a=y.ref(),p=y.ref(0),l=y.ref(0);let s;const c=y.ref();async function f(ae){i.emitPending&&A("update:pending",!0);const q=await ee(ae);ae.includes("data:image")||(q.filename=ae);const G=kn.fabric.util.findScaleToCover(q,s);return q.set({left:0,top:0,opacity:0,duration:120,scaleX:G,scaleY:G,src:ae}).animate("opacity",1,{onChange:s.renderAll.bind(s),onComplete:()=>{i.emitPending&&A("update:pending",!1),Q()}}),q}function u(ae){const q=kn.fabric.util.findScaleToCover(ae,s);return ae.set({scaleX:q,scaleY:q}),ae}async function h(ae){const q=await f(ae.src);s.setBackgroundImage(q,s.renderAll.bind(s)),s.centerObject(q)}async function d(ae){const q=await f(ae.src);q.selectable=!1,q.assetType="foreground",s.add(q),s.centerObject(q)}async function g(ae){const q=await f(ae.src);s.setOverlayImage(q,s.renderAll.bind(s),{scaleX:p.value/q.width,scaleY:l.value/q.height})}async function B(ae){s.discardActiveObject();const q=await ee(ae.src);q.filename=ae.src,q.scaleToWidth(p.value/3,!1).scaleToHeight(l.value/3,!1).set({left:p.value/2-q.getScaledWidth()/2,top:l.value/2-q.getScaledHeight()/2}),q.id=ae.id,q.padding=8,s.add(q),s.setActiveObject(q)}function w(ae,q){q.target.id;const G=q.target;return s.remove(G),s.requestRenderAll(),!0}function C(){p.value=a.value.offsetWidth,l.value=a.value.offsetHeight;const ae=p.value/s.getWidth();if(s.getZoom()*ae,s.setDimensions({width:p.value,height:l.value}),s.backgroundImage&&(s.backgroundImage=u(s.backgroundImage),s.centerObject(s.backgroundImage)),s.overlayImage){const q=s.overlayImage;q.set({scaleX:p.value/q.width,scaleY:l.value/q.height})}s.getObjects().forEach(q=>{q.assetType==="foreground"?(q=u(q),s.centerObject(q)):console.log("obj",q)}),s.renderAll()}const b=iee.debounce(()=>{C()},200,{trailing:!0,leading:!1});function _(ae){return(q,G,ne,Ae,fe)=>{q.save(),q.translate(G,ne),q.rotate(kn.fabric.util.degreesToRadians(fe.angle)),q.fillStyle=i.options.themeData?.colors?.primary,q.fillRect(-24/2,-24/2,24,24);const O=20;q.drawImage(ae,-O/2,-O/2,O,O),q.restore()}}function S(){const ae=kn.fabric.controlsUtils,q=kn.fabric.Object.prototype.controls;kn.fabric.Object.prototype.set({transparentCorners:!1,cornerSize:16,cornerStyle:"circle",...i.options.themeData?.colors?.primary?{cornerColor:i.options.themeData?.colors?.primary,cornerStrokeColor:i.options.themeData?.colors?.primary,borderColor:i.options.themeData?.colors?.primary}:{}}),q.ml=new kn.fabric.Control({visible:!1}),q.mr=new kn.fabric.Control({visible:!1}),q.mb=new kn.fabric.Control({visible:!1}),q.mt=new kn.fabric.Control({visible:!1}),q.mtr=new kn.fabric.Control({visible:!1});const G=document.createElement("img");G.src=oee,kn.fabric.Object.prototype.controls.rotate=new kn.fabric.Control({x:.5,y:-.5,offsetX:32,offsetY:0,cursorStyle:"pointer",actionName:"rotate",actionHandler:ae.rotationWithSnapping,cursorStyleHandler:ae.rotationStyleHandler,render:_(G)});const ne=document.createElement("img");ne.src=see,kn.fabric.Object.prototype.controls.delete=new kn.fabric.Control({x:.5,y:-.5,offsetX:32,offsetY:32,cursorStyle:"pointer",mouseUpHandler:w,render:_(ne)})}async function E(){return await new Promise(ae=>{setTimeout(()=>{const q=i.exportToSvg?s.toSVG():s.toDataURL({multiplier:2});ae(q)},200)})}async function Q(){s.renderAll(),T()}function T(){setTimeout(async()=>{const ae=s.toDatalessJSON(["selectable","assetType","filename"]);await tee("fabric-canvas",JSON.stringify(ae));let q=!0;if(i.required)switch(q=!1,i.feature){case"overlay":ae.overlayImage&&(q=!0);break;case"background":ae.backgroundImage&&(q=!0);break;case"stickers":ae.objects.length>1&&(q=!0);break;default:(ae.objects.length>1||ae.backgroundImage||ae.overlayImage)&&(q=!0)}if(q){const G=await E();A("update:modelValue",G),A("update:jsonModel",ae)}},120)}async function N(ae){return new Promise(q=>{kn.fabric.Image.fromURL(ae,G=>{q(G)})})}async function j(ae){return new Promise(q=>{kn.fabric.loadSVGFromURL(ae,(G,ne)=>{const Ae=kn.fabric.util.groupSVGElements(G,ne);q(Ae)})})}async function ee(ae){return ae&&new RegExp(/([\w_/-]*\.svg$)|(image\/svg\+xml)/gi).test(ae)?await j(ae):await N(ae)}async function me(ae,q){ae&&!q&&d({src:ae})}return y.watch(()=>i.modelValue,async(ae,q)=>{me(ae,q)}),y.onMounted(async()=>{p.value=a.value.offsetWidth,l.value=a.value.offsetHeight,window.addEventListener("resize",b),kn.fabric.Object.NUM_FRACTION_DIGITS=8;const ae=kn.fabric.Canvas.prototype._onTouchStart;kn.fabric.util.object.extend(kn.fabric.Canvas.prototype,{_onTouchStart:function(q){const G=this.findTarget(q);this.allowTouchScrolling&&G.assetType&&!this.isDrawingMode||ae.call(this,q)}}),s=new kn.fabric.Canvas("fabricCanvas",{width:p.value,height:l.value,skipOffscreen:!0,allowTouchScrolling:!0}),i.resetState&&await nee("fabric-canvas"),c.value=await eee("fabric-canvas"),c.value?(await _Z(s,c.value),s.renderAll()):i.modelValue&&me(i.modelValue,""),s.on("object:added",T),s.on("object:removed",T),s.on("object:modified",T),S(),s.renderAll(),A("on-ready",s)}),(ae,q)=>(y.openBlock(),y.createElementBlock("div",{class:"fabric-canvas",ref_key:"root",ref:a},[y.createElementVNode("div",aee,[y.createElementVNode("canvas",lee,null,512)]),y.renderSlot(ae.$slots,"default")],512))}}),cee={class:"creative-booth"},hee={class:"media-container"},fee=["innerHTML"],dee={class:"creative-booth__thumbnails"},pee=[{type:"background",thumbnail:"/themes/corp/backgrounds/corporate-your-background-1024x1024.jpg",src:"/themes/corp/backgrounds/corporate-your-background-1024x1024.jpg",mediaType:"image",filters:["asset-01","asset-02"]},{type:"background",thumbnail:"/themes/corp/backgrounds/corp-background-09-white.jpg",src:"/themes/corp/backgrounds/corp-background-09-white.jpg",mediaType:"image",filters:["asset-01","asset-02"]},{type:"overlay",src:"/themes/corp/overlays/corporate-your-overlay-1024x1024.png",mediaType:"image",filters:["asset-01"]},{type:"overlay",src:"/themes/corp/overlays/corp-overlay-02-white.png",mediaType:"image",filters:["asset-01"]},{type:"object",src:"/themes/corp/stickers/corporate-your-sticker-512x512.svg",mediaType:"svg",filters:["asset-02"]},{type:"object",src:"/themes/corp/stickers/corp-sticker-01.svg",mediaType:"svg"},{type:"object",src:"/themes/corp/stickers/corp-sticker-02.svg",mediaType:"svg",filters:["asset-01","asset-02"]}],gee=y.defineComponent({__name:"creative-booth",props:{modelValue:{default:null},jsonModel:{type:null,default:void 0},config:{type:Object,default:null},feature:{type:String,default:""},required:{type:Boolean,default:!1},variant:{type:String,default:"light"},messages:{type:Object,default:{}},assets:{type:Array,default:()=>pee},assetFilters:{type:Array,default:()=>[]},exportToSvg:{type:Boolean,default:!1},resetState:{type:Boolean,default:!1},ratio:{type:String,default:"4x3"},themeData:{type:Object,default:()=>({})},autoSelect:Number,ready:{type:Boolean,default:!1},pending:{type:Boolean,default:!1},emitPending:{type:Boolean,default:!1}},emits:["update:modelValue","update:jsonModel","update:ready","update:pending","update:emitPending"],setup(t,{emit:e}){const n=t,A=e,i=y.ref(),a=y.ref(),p=y.ref(!1),l=y.computed(()=>n.assetFilters&&n.assetFilters.length>0?n.assets.filter(d=>!d.filters||d.filters.length==0||n.assetFilters.some(g=>d.filters.includes(g))):n.assets),s=y.computed({get(){return n.modelValue},set(d){A("update:modelValue",d)}}),c=y.computed({get(){return n.jsonModel},set(d){A("update:jsonModel",d)}}),f=y.computed({get(){return n.pending},set(d){A("update:pending",d)}});y.watch(a,async(d,g)=>{d&&d!==g&&A("update:modelValue",d)},{deep:!0});function u(d){if(typeof d<"u"){const g=l.value[d];switch(g.type){case"background":i.value?.setBackgroundImage(g);break;case"overlay":i.value.setOverlayImage(g);break;default:i.value.addCanvasObject(g)}}}const h=(async()=>{if(p.value=!0,(n.autoSelect===void 0?0:n.autoSelect)!==0){const g=n.autoSelect&&n.autoSelect>0?n.autoSelect-1:Math.floor(Math.random()*l.value.length);u(g)}A("update:ready",!0)});return(d,g)=>{const B=y.resolveComponent("fabric-canvas"),w=y.resolveComponent("media-thumbnails");return y.openBlock(),y.createElementBlock("div",cee,[y.createElementVNode("div",hee,[y.createVNode(B,{modelValue:s.value,"onUpdate:modelValue":g[0]||(g[0]=C=>s.value=C),"json-model":c.value,"onUpdate:jsonModel":g[1]||(g[1]=C=>c.value=C),pending:f.value,"onUpdate:pending":g[2]||(g[2]=C=>f.value=C),ref_key:"canvas",ref:i,"reset-state":t.resetState,options:{themeData:t.themeData},feature:t.feature,required:t.required,class:y.normalizeClass(`${t.ratio?`aspect-ratio aspect-ratio--${t.ratio}`:""}`),onOnReady:h,"emit-pending":t.emitPending},null,8,["modelValue","json-model","pending","reset-state","options","feature","required","class","emit-pending"])]),t.messages.headline?(y.openBlock(),y.createElementBlock("p",{key:0,class:"headline",innerHTML:t.messages.headline},null,8,fee)):y.createCommentVNode("",!0),y.createElementVNode("div",dee,[p.value?(y.openBlock(),y.createBlock(w,{key:0,assets:l.value,onSelect:u},null,8,["assets"])):y.createCommentVNode("",!0)])])}}}),mee={class:"face-swap"},wee={class:"position-relative"},yee=["innerHTML"],Bee={class:"face-swap__thumbnails"},Cee=[{type:"target",thumbnail:"/faceswap/robotroll._avengers_black_widow_fbe3e886-525d-4c8b-b46c-b32856fae2bf.png",src:"/faceswap/robotroll._avengers_black_widow_fbe3e886-525d-4c8b-b46c-b32856fae2bf.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._batmans_joker_04afa7d0-430d-43f2-a7ce-815c6875a793.png",src:"/faceswap/robotroll._batmans_joker_04afa7d0-430d-43f2-a7ce-815c6875a793.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._catwoman_922f1bfa-9197-4e9a-aaeb-bce5d413a9b9.png",src:"/faceswap/robotroll._catwoman_922f1bfa-9197-4e9a-aaeb-bce5d413a9b9.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._christian_bale_as_american_psycho_abe2d5ab-58e8-4f21-94f9-b2b117af3d89.png",src:"/faceswap/robotroll._christian_bale_as_american_psycho_abe2d5ab-58e8-4f21-94f9-b2b117af3d89.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._dirty_harry_7ce45595-edba-4ef8-a513-39b179d94f57.png",src:"/faceswap/robotroll._dirty_harry_7ce45595-edba-4ef8-a513-39b179d94f57.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._evil_santa_claus_pointing_a_double_barrel_shotgun_at_bf603686-4980-449b-ad88-e8f362850aab.png",src:"/faceswap/robotroll._evil_santa_claus_pointing_a_double_barrel_shotgun_at_bf603686-4980-449b-ad88-e8f362850aab.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._homer_simpson_as_real_person_b14628bf-5a5a-45fe-b35a-e56960de4ad4.png",src:"/faceswap/robotroll._homer_simpson_as_real_person_b14628bf-5a5a-45fe-b35a-e56960de4ad4.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._james_bond_caa0af54-16b2-4d15-9e4d-45cc395c021b.png",src:"/faceswap/robotroll._james_bond_caa0af54-16b2-4d15-9e4d-45cc395c021b.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._neil_gaimans_sandman_d3ca51cd-2ef8-46d5-b1db-1474789783a4.png",src:"/faceswap/robotroll._neil_gaimans_sandman_d3ca51cd-2ef8-46d5-b1db-1474789783a4.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._pennywise_3f4c5997-9fd2-43e0-ab9b-17384fb58da9.png",src:"/faceswap/robotroll._pennywise_3f4c5997-9fd2-43e0-ab9b-17384fb58da9.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._queen_of_hearts_8de84ac6-3f61-4981-ac92-c63d90d63890.png",src:"/faceswap/robotroll._queen_of_hearts_8de84ac6-3f61-4981-ac92-c63d90d63890.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._red_dead_redemptions_arthur_morgan_portrait_36f8a066-6c2b-4a23-9c5e-a2a3964b0d3b.png",src:"/faceswap/robotroll._red_dead_redemptions_arthur_morgan_portrait_36f8a066-6c2b-4a23-9c5e-a2a3964b0d3b.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._thanos_38adb80e-08ac-49d4-95e0-d4d11cb5a11d.png",src:"/faceswap/robotroll._thanos_38adb80e-08ac-49d4-95e0-d4d11cb5a11d.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._the_godfather_062db832-61ce-4d18-a09d-045cadd4e281.png",src:"/faceswap/robotroll._the_godfather_062db832-61ce-4d18-a09d-045cadd4e281.png",mediaType:"image",filters:[]},{type:"target",thumbnail:"/faceswap/robotroll._wolverine_3f9cece6-e490-4be8-a5f9-d6e6abf0440f.png",src:"/faceswap/robotroll._wolverine_3f9cece6-e490-4be8-a5f9-d6e6abf0440f.png",mediaType:"image",filters:[]}],vee=y.defineComponent({__name:"face-swap",props:{modelValue:{default:null},config:{type:Object,default:null},variant:{type:String,default:"light"},messages:{type:Object,default:{}},assets:{type:Array,default:()=>Cee},resetState:{type:Boolean,default:!1},ratio:{type:String,default:"4x3"},endpoint:{type:String,default:"/faceswap-json"},autoSelect:Number},emits:["update:modelValue"],setup(t,{emit:e}){const n=t,A=e,i=y.ref(),a=y.ref(),p=y.ref(),l=y.ref(!1);y.computed({get(){return n.modelValue},set(u){A("update:modelValue",u)}});const s=y.computed(()=>p.value||i.value&&i.value.src||a.value);y.watch(p,async(u,h)=>{u&&u!==h&&A("update:modelValue",u)},{deep:!0});function c(u){if(typeof u<"u"){const h=n.assets[u];i.value=h,p.value=null}}async function f(){const u=await mZ(i.value.src),d={dataUrl:n.modelValue,targetDataUrl:u};l.value=!0;const g=rM;p.value=await g.processImage(n.endpoint,d,""),l.value=!1}return y.onBeforeMount(()=>{a.value=n.modelValue}),(u,h)=>{const d=y.resolveComponent("base-image"),g=y.resolveComponent("loading-spinner"),B=y.resolveComponent("media-thumbnails");return y.openBlock(),y.createElementBlock("div",mee,[y.createElementVNode("div",wee,[y.createElementVNode("div",{class:y.normalizeClass(["media-container",`${t.ratio?`ratio ratio-${t.ratio}`:""}`])},[y.createVNode(y.Transition,{name:"fade",mode:"out-in"},{default:y.withCtx(()=>[(y.openBlock(),y.createElementBlock("div",{key:s.value},[y.createVNode(d,{src:s.value},null,8,["src"])]))]),_:1})],2),i.value?(y.openBlock(),y.createElementBlock("button",{key:0,type:"button",class:"btn face-swap__swap-face",onClick:f},[a.value&&!p.value&&!l.value?(y.openBlock(),y.createBlock(d,{key:0,src:a.value,class:"img-thumbnail"},null,8,["src"])):y.createCommentVNode("",!0)])):y.createCommentVNode("",!0),l.value?(y.openBlock(),y.createBlock(g,{key:1})):y.createCommentVNode("",!0)]),t.messages.headline?(y.openBlock(),y.createElementBlock("p",{key:0,class:"headline",innerHTML:t.messages.headline},null,8,yee)):y.createCommentVNode("",!0),y.createElementVNode("div",Bee,[y.createVNode(B,{assets:t.assets,onSelect:c},null,8,["assets"])])])}}}),bee=["innerHTML"],_ee=y.defineComponent({__name:"svg-canvas",props:{modelValue:{default:'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"/>',type:String},scale:{type:Number,default:1},fillColor:String,groupedFill:Boolean},emits:["update:modelValue"],setup(t,{emit:e}){const n=t,A=e,i=y.ref();function a(p){const l=p.target;if(!l.closest(".read-only")){if(n.groupedFill&&n.fillColor){const h=l.closest("[data-group-class]").dataset.groupClass,d=l.closest("svg")?.querySelectorAll(`.${h}`);d&&Array.from(d).forEach(g=>{g.setAttribute("fill",n.fillColor),g.setAttribute("fill-opacity","1")})}else n.fillColor&&(l.setAttribute("fill",n.fillColor),l.setAttribute("fill-opacity","1"));const f=l.closest(".svg-canvas").querySelector("svg").outerHTML;A("update:modelValue",f)}}return(p,l)=>(y.openBlock(),y.createElementBlock("div",{class:y.normalizeClass(["svg-canvas",`${t.scale>1?"overflow-scroll":""}`])},[y.createElementVNode("div",{ref_key:"svg",ref:i,class:"svg-wrapper",innerHTML:t.modelValue,style:y.normalizeStyle({transform:`scale(${t.scale})`}),onClick:l[0]||(l[0]=s=>a(s))},null,12,bee)],2))}}),See={class:"svg-editor"},kee={class:"svg-editor__frame"},Eee=y.defineComponent({__name:"color-booth",props:{modelValue:String,name:String,src:String,required:Boolean,colors:Array,groupedFill:Boolean},emits:["update:modelValue"],setup(t,{emit:e}){const n=t,A=e,i=y.ref(""),a=y.ref(1),p=y.computed({get(){return n.modelValue},set(l){A("update:modelValue",l)}});return y.onBeforeMount(()=>{i.value=n.colors?.length?n.colors[0]:""}),(l,s)=>(y.openBlock(),y.createElementBlock("div",See,[y.createElementVNode("div",kee,[y.createVNode(y.unref(uJ),{modelValue:a.value,"onUpdate:modelValue":s[1]||(s[1]=c=>a.value=c)},{default:y.withCtx(()=>[y.createVNode(_ee,{modelValue:p.value,"onUpdate:modelValue":s[0]||(s[0]=c=>p.value=c),fillColor:i.value,scale:a.value,"grouped-fill":t.groupedFill},null,8,["modelValue","fillColor","scale","grouped-fill"])]),_:1},8,["modelValue"]),y.createVNode(y.unref(uK),{modelValue:i.value,"onUpdate:modelValue":s[2]||(s[2]=c=>i.value=c),colors:t.colors,class:"mt-2"},null,8,["modelValue","colors"])])]))}});ti.ColorBooth=Eee,ti.CreativeBooth=gee,ti.FabricCanvas=uee,ti.FaceSwap=vee,ti.PhotoApp=$Z,Object.defineProperty(ti,Symbol.toStringTag,{value:"Module"})}));

package/dist/components/creative-booth.vue.d.ts

@@ -111,11 +111,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    emitPending: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     "update:jsonModel": (...args: any[]) => void;
     "update:pending": (...args: any[]) => void;
     "update:ready": (...args: any[]) => void;
+    "update:emitPending": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
         default: null;
@@ -210,11 +215,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    emitPending: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:jsonModel"?: ((...args: any[]) => any) | undefined;
     "onUpdate:pending"?: ((...args: any[]) => any) | undefined;
     "onUpdate:ready"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:emitPending"?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: null;
     messages: Record<string, any>;
@@ -226,6 +236,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     exportToSvg: boolean;
     resetState: boolean;
     feature: string;
+    emitPending: boolean;
     themeData: Record<string, any>;
     config: Record<string, any>;
     assets: any[];

package/dist/components/fabric-canvas.vue.d.ts

@@ -31,6 +31,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: BooleanConstructor;
         default: boolean;
     };
+    emitPending: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     setBackgroundImage: (asset: any) => Promise<void>;
     setOverlayImage: (asset: any) => Promise<void>;
@@ -73,6 +77,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: BooleanConstructor;
         default: boolean;
     };
+    emitPending: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:jsonModel"?: ((...args: any[]) => any) | undefined;
@@ -87,6 +95,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     resetState: boolean;
     options: Record<string, any>;
     feature: string;
+    emitPending: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     root: HTMLDivElement;
     canvasRef: HTMLCanvasElement;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ablok-photobooth",
   "private": false,
-  "version": "0.2.3",
+  "version": "0.2.4",
   "scripts": {
     "dev": "vite --host",
     "build": "vue-tsc --noEmit && vite build",