ablok-photobooth 0.2.30 → 0.2.32

package/dist/ablok-photobooth.es.js

@@ -1,53 +1,53 @@
-import { defineComponent as AA, getCurrentInstance as DA, computed as F, ref as D, watch as Z, onMounted as yA, createElementBlock as I, openBlock as f, normalizeClass as H, createCommentVNode as E, withDirectives as sA, normalizeStyle as _, createVNode as L, unref as B, createBlock as R, Transition as wA, withCtx as G, createElementVNode as v, withModifiers as q, toDisplayString as P, vShow as iA, Fragment as QA, renderList as kA, createTextVNode as J, renderSlot as pA, onBeforeMount as IA } from "vue";
-import { BaseCamera as SA, BaseImage as CA, LoadingSpinner as hA, BaseButton as oA, SvgIcon as X, InputFile as MA, useCameraFilter as PA, MediaThumbnails as BA, TouchWrapper as UA, ColorPalette as OA } from "ablok-components";
-import { useI18n as jA } from "vue-i18n";
-import { debounce as LA } from "lodash";
-async function TA(A) {
-  let n = await fetch(A, { mode: "no-cors" }).then((a) => a.blob());
+import { defineComponent as AA, getCurrentInstance as QA, computed as F, ref as D, watch as Z, onMounted as wA, openBlock as f, createElementBlock as w, normalizeClass as Y, normalizeStyle as _, createVNode as L, unref as B, createCommentVNode as E, createBlock as R, Transition as IA, withCtx as G, createElementVNode as b, withModifiers as q, toDisplayString as P, withDirectives as iA, vShow as cA, Fragment as kA, renderList as SA, createTextVNode as J, renderSlot as CA, onBeforeMount as hA } from "vue";
+import { BaseCamera as MA, BaseImage as bA, LoadingSpinner as BA, BaseButton as lA, SvgIcon as X, InputFile as PA, useCameraFilter as UA, MediaThumbnails as EA, TouchWrapper as OA, ColorPalette as jA } from "ablok-components";
+import { useI18n as LA } from "vue-i18n";
+import { debounce as TA } from "lodash";
+async function FA(A) {
+  let r = await fetch(A, { mode: "no-cors" }).then((a) => a.blob());
   return await new Promise((a) => {
     let s = new FileReader();
-    s.onload = () => a(s.result), s.readAsDataURL(n);
+    s.onload = () => a(s.result), s.readAsDataURL(r);
   });
 }
-async function fA(A) {
-  return await new Promise((n) => {
+async function mA(A) {
+  return await new Promise((r) => {
     let a = new FileReader();
-    a.onload = () => n(a.result), a.readAsDataURL(A);
+    a.onload = () => r(a.result), a.readAsDataURL(A);
   });
 }
-function FA(A) {
-  return new Promise((n, a) => {
+function HA(A) {
+  return new Promise((r, a) => {
     const s = new Image();
-    s.onload = () => n(s), s.onerror = a, s.src = A;
+    s.onload = () => r(s), s.onerror = a, s.src = A;
   });
 }
-function HA(A, n = 0, a = 0) {
+function YA(A, r = 0, a = 0) {
   return new Promise((s, c) => {
     const o = new Image();
     o.crossOrigin = "anonymous", o.naturalWidth, o.naturalHeight, o.onload = () => {
       const g = document.createElement("canvas"), i = g.getContext("2d");
-      g.width = n, g.height = o.height * n / o.width, i.drawImage(o, 0, 0, g.width, g.height);
-      const w = g.toDataURL();
-      s(w);
+      g.width = r, g.height = o.height * r / o.width, i.drawImage(o, 0, 0, g.width, g.height);
+      const y = g.toDataURL();
+      s(y);
     }, o.src = A;
   });
 }
-function vA(A, n = 1) {
+function yA(A, r = 1) {
   return new Promise((a, s) => {
     const c = new Image();
     c.crossOrigin = "anonymous", c.onload = () => {
       const o = c.naturalWidth, g = c.naturalHeight, i = o / g;
-      let w = o, h = g;
-      i > n ? w = g * n : i < n && (h = o / n);
-      const Q = document.createElement("canvas");
-      Q.width = w, Q.height = h, Q.getContext("2d").drawImage(c, Q.width / 2 - c.width / 2, Q.height / 2 - c.height / 2), a(Q.toDataURL());
+      let y = o, h = g;
+      i > r ? y = g * r : i < r && (h = o / r);
+      const k = document.createElement("canvas");
+      k.width = y, k.height = h, k.getContext("2d").drawImage(c, k.width / 2 - c.width / 2, k.height / 2 - c.height / 2), a(k.toDataURL());
     }, c.src = A;
   });
 }
-const YA = (A) => {
-  const n = new FileReader();
+const RA = (A) => {
+  const r = new FileReader();
   return new Promise((a) => {
-    n.onload = (s) => {
+    r.onload = (s) => {
       if (!s.target)
         return a(0);
       const c = s.target, o = new DataView(c.result);
@@ -57,29 +57,29 @@ const YA = (A) => {
       let i = 2;
       for (; i < g; ) {
         if (o.getUint16(i + 2, !1) <= 8) return a(-1);
-        let w = o.getUint16(i, !1);
-        if (i += 2, w == 65505) {
+        let y = o.getUint16(i, !1);
+        if (i += 2, y == 65505) {
           if (o.getUint32(i += 2, !1) != 1165519206)
             return a(-1);
           let h = o.getUint16(i += 6, !1) == 18761;
           i += o.getUint32(i + 4, h);
-          let Q = o.getUint16(i, h);
+          let k = o.getUint16(i, h);
           i += 2;
-          for (let d = 0; d < Q; d++)
+          for (let d = 0; d < k; d++)
             if (o.getUint16(i + d * 12, h) == 274)
               return a(o.getUint16(i + d * 12 + 8, h));
         } else {
-          if ((w & 65280) != 65280)
+          if ((y & 65280) != 65280)
             break;
           i += o.getUint16(i, !1);
         }
       }
       return a(-1);
-    }, n.readAsArrayBuffer(A);
+    }, r.readAsArrayBuffer(A);
   });
 };
-function RA(A) {
-  let n = 0;
+function VA(A) {
+  let r = 0;
   switch (A) {
     //   case 1:
     //     degree = 0;
@@ -106,28 +106,28 @@ function RA(A) {
     //     degree = 270;
     //     break;
     case 3:
-      n = 180;
+      r = 180;
       break;
     case 6:
-      n = 90;
+      r = 90;
       break;
     case 8:
-      n = 270;
+      r = 270;
       break;
     default:
-      n = 0;
+      r = 0;
   }
-  return n;
+  return r;
 }
-async function VA(A) {
-  const n = await YA(A);
-  return await RA(n);
+async function xA(A) {
+  const r = await RA(A);
+  return await VA(r);
 }
-async function xA(A, n) {
-  const a = await FA(A), s = document.createElement("canvas"), c = s.getContext("2d");
-  return s.width = a.width, s.height = a.height, c.setTransform(1, 0, 0, 1, s.width / 2, s.height / 2), c.rotate(n), c.drawImage(a, -a.width / 2, -a.height / 2), s.toDataURL();
+async function _A(A, r) {
+  const a = await HA(A), s = document.createElement("canvas"), c = s.getContext("2d");
+  return s.width = a.width, s.height = a.height, c.setTransform(1, 0, 0, 1, s.width / 2, s.height / 2), c.rotate(r), c.drawImage(a, -a.width / 2, -a.height / 2), s.toDataURL();
 }
-const EA = {
+const DA = {
   // removeBg: async (endpoint: string, file: { dataUrl: string, resolution?: number }, basePath: string = '/media') => {
   //   const body = JSON.stringify({
   //     dataUrl: file.dataUrl,
@@ -144,9 +144,9 @@ const EA = {
   //     .catch((error) => [ error ]);
   //   return await response.dataUrl;
   // },
-  processImage: async (A, n, a = "/media") => {
+  processImage: async (A, r, a = "/media") => {
     const s = JSON.stringify({
-      ...n
+      ...r
     });
     return await (await fetch(A, {
       headers: {
@@ -156,22 +156,22 @@ const EA = {
       body: s
     }).then((o) => o.json()).catch((o) => [o])).dataUrl;
   }
-}, _A = "data:image/png;base64,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", GA = { class: "photo-app__drop-target__canvas" }, zA = { class: "flex-grow-1 text-center" }, NA = ["innerHTML"], $A = { class: "ml-2" }, WA = {
+}, GA = "data:image/png;base64,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", zA = { class: "photo-app__drop-target__canvas" }, NA = { class: "flex-grow-1 text-center" }, $A = ["innerHTML"], WA = { class: "ml-2" }, JA = {
   key: 0,
   class: "d-flex flex-column align-center justify-center"
-}, JA = { key: 0 }, XA = { class: "photo-app__errors mt-2" }, ZA = { class: "error--text" }, KA = {
+}, XA = { key: 0 }, ZA = { class: "photo-app__errors mt-2" }, KA = { class: "error--text" }, qA = {
   key: 1,
   class: "photo-app__file-list"
-}, qA = { class: "row" }, Ae = { key: 0 }, ee = { key: 1 }, te = { key: 2 }, ae = { key: 3 }, oe = { class: "photo-app__form-input text-center" }, le = { class: "photo-app__controls" }, ne = { class: "row" }, re = { class: "col col-12" }, se = ["innerHTML"], ie = {
+}, Ae = { class: "row" }, ee = { key: 0 }, te = { key: 1 }, ae = { key: 2 }, oe = { key: 3 }, le = { class: "photo-app__form-input text-center" }, ne = { class: "photo-app__controls" }, re = { class: "row" }, se = { class: "col col-12" }, ie = ["innerHTML"], ce = {
   key: 0,
   class: "d-flex justify-center col-8 mx-auto"
-}, ce = { class: "col" }, ue = {
+}, ue = { class: "col" }, de = {
   key: 0,
   class: "col"
-}, de = {
+}, ge = {
   key: 1,
   class: "col"
-}, ge = ["required", "value"], Ve = /* @__PURE__ */ AA({
+}, fe = ["required", "value"], xe = /* @__PURE__ */ AA({
   __name: "photo-app",
   props: {
     modelValue: {
@@ -252,7 +252,7 @@ const EA = {
     },
     guideSrc: {
       type: String,
-      default: _A
+      default: GA
     },
     acceptButton: {
       type: Boolean,
@@ -322,119 +322,124 @@ const EA = {
     processImage: null,
     filter: String,
     tint: Object,
-    resolutions: Object
+    resolutions: Object,
+    zoom: Number,
+    enableZoomSlider: {
+      type: Boolean,
+      default: !1
+    }
   },
   emits: ["update:modelValue"],
-  setup(A, { emit: n }) {
-    const { tm: a } = jA(), s = DA(), c = s && s.appContext.config.globalProperties.$config, o = A, g = n, i = F(() => c.baseMediaPath), w = F(() => l.value && l.value.length && l.value.filter((r) => r.response && Object.keys(r.response).length).length === l.value.length), h = F(() => {
-      const r = l.value.find((p) => p.response && p.response.path);
-      return r && r.response.path;
-    }), Q = F(() => h.value ? `${i.value}${h.value}` : ""), d = F(() => ({
+  setup(A, { emit: r }) {
+    const { tm: a } = LA(), s = QA(), c = s && s.appContext.config.globalProperties.$config, o = A, g = r, i = F(() => c.baseMediaPath), y = F(() => l.value && l.value.length && l.value.filter((n) => n.response && Object.keys(n.response).length).length === l.value.length), h = F(() => {
+      const n = l.value.find((p) => p.response && p.response.path);
+      return n && n.response.path;
+    }), k = F(() => h.value ? `${i.value}${h.value}` : ""), d = F(() => ({
       ...o.i18n ? o.i18n.messages : {},
       ...o.messages
     }));
     F(() => !!(l.value && l.value.length));
-    const y = F(() => l.value.length ? d.value.reviewTitle : d.value.captureTitle), l = D([]), m = D(), k = D(), u = D(), z = D(!1), S = D(!1), x = D(), j = D(), Y = D(!1), lA = D("");
-    Z(x, async (r, p) => {
-      if (r) {
-        const C = r.blob && r.blob.type.split("/")[1], M = new File([r.blob], `${r.id}.${C}`), T = await VA(M), N = await fA(M), $ = await xA(N, T), e = await (await fetch($)).blob();
-        l.value.push(new File([e], `${r.id}.${C}`, {
-          type: e.type
-        })), Y.value = !1, uA();
+    const v = F(() => l.value.length ? d.value.reviewTitle : d.value.captureTitle), l = D([]), m = D(), S = D(), u = D(), N = D(!1), M = D(!1), eA = D(), U = D(), H = D(!1), tA = D("");
+    Z(eA, async (n, p) => {
+      if (n) {
+        const I = n.blob && n.blob.type.split("/")[1], Q = new File([n.blob], `${n.id}.${I}`), T = await xA(Q), z = await mA(Q), $ = await _A(z, T), x = await (await fetch($)).blob();
+        l.value.push(new File([x], `${n.id}.${I}`, {
+          type: x.type
+        })), H.value = !1, dA();
       }
-    }, { deep: !0 }), Z(l, async (r, p) => {
+    }, { deep: !0 }), Z(l, async (n, p) => {
       if (o.enableInstantUpload)
-        r.find((C) => !C.response.path) && (m.value.active = !0);
+        n.find((I) => !I.response.path) && (m.value.active = !0);
       else {
-        const C = await Promise.all(r.map(async (M) => {
-          let T = await fA(M);
-          o.downScaleImages && Number(o.maxFileSize) && M.size > Number(o.maxFileSize) && (T = await HA(T, 800, 800));
-          const N = o.ratio.split("x");
-          return await vA(T, Number(N[0]) / Number(N[1]));
+        const I = await Promise.all(n.map(async (Q) => {
+          let T = await mA(Q);
+          o.downScaleImages && Number(o.maxFileSize) && Q.size > Number(o.maxFileSize) && (T = await YA(T, 800, 800));
+          const z = o.ratio.split("x");
+          return await yA(T, Number(z[0]) / Number(z[1]));
         }));
-        j.value = C[0];
+        U.value = I[0];
       }
-    }, { deep: !0 }), Z(w, async (r, p) => {
-      r && !p && (j.value = o.enableInstantUpload ? h.value : await vA(Q.value));
-    }, { deep: !0 }), Z(j, async (r, p) => {
-      o.enableAutoSave && j !== p && rA();
+    }, { deep: !0 }), Z(y, async (n, p) => {
+      n && !p && (U.value = o.enableInstantUpload ? h.value : await yA(k.value));
+    }, { deep: !0 }), Z(U, async (n, p) => {
+      o.enableAutoSave && U !== p && rA();
     });
     function nA() {
-      j.value = "", l.value = [];
+      U.value = "", l.value = [];
     }
-    function uA() {
-      S.value = !1;
+    function dA() {
+      M.value = !1;
     }
     function K() {
-      nA(), S.value = !S.value;
+      nA(), M.value = !M.value;
     }
-    async function dA(r) {
+    async function gA(n) {
       if (!o.filter) {
-        l.value = r;
+        l.value = n;
         return;
       }
-      const { applyFilterToImageBlob: p } = PA({
+      const { applyFilterToImageBlob: p } = UA({
         ...o,
         tintColor: o.tint?.color,
         tintIntensity: o.tint?.intensity
-      }), C = await Promise.all((r || []).map(async (M) => {
-        const T = M?.file instanceof File ? M.file : M instanceof File ? M : null;
+      }), I = await Promise.all((n || []).map(async (Q) => {
+        const T = Q?.file instanceof File ? Q.file : Q instanceof File ? Q : null;
         if (!T)
-          return M;
-        const N = await fA(T), $ = await p(N), V = new File([$], T.name, {
+          return Q;
+        const z = await mA(T), $ = await p(z), V = new File([$], T.name, {
           type: $.type || T.type,
           lastModified: T.lastModified
         });
-        if (M?.file instanceof File) {
-          const e = window.URL || window.webkitURL;
+        if (Q?.file instanceof File) {
+          const x = window.URL || window.webkitURL;
           return {
-            ...M,
+            ...Q,
             file: V,
             size: V.size,
             type: V.type,
             name: V.name,
-            blob: e && e.createObjectURL ? e.createObjectURL(V) : M.blob
+            blob: x && x.createObjectURL ? x.createObjectURL(V) : Q.blob
           };
         }
         return V;
       }));
-      l.value = C;
+      l.value = I;
     }
     const rA = (async () => {
-      Y.value = !0, o.enableProcessImage && o.processImage && (j.value = await o.processImage.reduce(async (r, p) => {
-        const C = await r;
-        return await gA(C, p);
-      }, Promise.resolve(j.value))), g("update:modelValue", j.value);
-    }), gA = (async (r, p) => `${await EA.processImage(
+      H.value = !0, o.enableProcessImage && o.processImage && (U.value = await o.processImage.reduce(async (n, p) => {
+        const I = await n;
+        return await fA(I, p);
+      }, Promise.resolve(U.value))), g("update:modelValue", U.value);
+    }), fA = (async (n, p) => `${await DA.processImage(
       `${p.endpoint}${p.search ? `?${p.search}` : ""}`,
-      { ...p.body, dataUrl: r, resolution: o.fixedResolution },
+      { ...p.body, dataUrl: n, resolution: o.fixedResolution },
       p.basePath
     )}`);
-    function eA() {
-      Y.value = !0, k.value?.onCapture();
+    function sA() {
+      H.value = !0, S.value?.onCapture();
     }
-    return yA(() => {
-      ["dragenter", "dragover"].forEach((r) => {
-        document.body.addEventListener(r, (p) => {
-          p.preventDefault(), z.value = !0;
+    return wA(() => {
+      ["dragenter", "dragover"].forEach((n) => {
+        document.body.addEventListener(n, (p) => {
+          p.preventDefault(), N.value = !0;
         }, !1);
-      }), ["dragleave", "drop"].forEach((r) => {
-        u.value.addEventListener(r, (p) => {
-          p.preventDefault(), z.value = !1;
+      }), ["dragleave", "drop"].forEach((n) => {
+        u.value.addEventListener(n, (p) => {
+          p.preventDefault(), N.value = !1;
         }, !1);
-      }), ["drop"].forEach((r) => {
-        u.value.addEventListener(r, (p) => {
-          p.preventDefault(), z.value = !1;
-          const C = p.dataTransfer;
-          (C && Array.from(C.files || []))?.forEach((T) => {
+      }), ["drop"].forEach((n) => {
+        u.value.addEventListener(n, (p) => {
+          p.preventDefault(), N.value = !1;
+          const I = p.dataTransfer;
+          (I && Array.from(I.files || []))?.forEach((T) => {
             l.value.push(T);
           });
         }, !1);
       });
-    }), (r, p) => (f(), I("div", {
-      class: H(["photo-app", A.variant === "dark" && "theme--dark"])
+    }), (n, p) => (f(), w("div", {
+      class: Y(["photo-app", A.variant === "dark" && "theme--dark"])
     }, [
-      A.enableCamera ? (f(), I("div", {
+      A.enableCamera ? (f(), w("div", {
         key: 0,
         class: "photo-app__canvas media-container",
         style: _({
@@ -442,16 +447,16 @@ const EA = {
           backgroundColor: A.backgroundColor
         })
       }, [
-        S.value ? (f(), I("div", {
+        M.value ? (f(), w("div", {
           key: 0,
-          class: H(["photo-app__camera", `${A.ratio ? `aspect-ratio--${A.ratio}` : ""}`]),
+          class: Y(["photo-app__camera", `${A.ratio ? `aspect-ratio--${A.ratio}` : ""}`]),
           style: _({ borderColor: A.color })
         }, [
-          L(B(SA), {
+          L(B(MA), {
             ref_key: "camera",
-            ref: k,
-            modelValue: x.value,
-            "onUpdate:modelValue": p[0] || (p[0] = (C) => x.value = C),
+            ref: S,
+            modelValue: eA.value,
+            "onUpdate:modelValue": p[0] || (p[0] = (I) => eA.value = I),
             "enable-toggle-play": A.enableTogglePlay,
             countdown: A.captureCountdown,
             "enable-mirror-camera": A.enableMirrorCamera,
@@ -472,36 +477,36 @@ const EA = {
             "tint-intensity": A.tint?.intensity
           }, null, 8, ["modelValue", "enable-toggle-play", "countdown", "enable-mirror-camera", "enable-switch-camera", "default-rear-camera", "enable-guide", "guide-src", "fixed-resolution", "enable-audio", "enable-select-device", "enable-crop-image", "text-color", "ratio", "resolutions", "filter", "tint-color", "tint-intensity"])
         ], 6)) : E("", !0),
-        l.value && l.value.length && !S.value ? (f(), I("div", {
+        l.value && l.value.length && !M.value ? (f(), w("div", {
           key: 1,
           class: "photo-app__preview",
           style: _({ borderColor: A.color })
         }, [
-          j.value ? (f(), R(B(CA), {
+          U.value ? (f(), R(B(bA), {
             key: 0,
-            src: Q.value || j.value
+            src: k.value || U.value
           }, null, 8, ["src"])) : E("", !0),
-          L(wA, {
+          L(IA, {
             name: "fade",
             mode: "out-in"
           }, {
             default: G(() => [
-              Y.value ? (f(), R(B(hA), { key: 0 })) : E("", !0)
+              H.value ? (f(), R(B(BA), { key: 0 })) : E("", !0)
             ]),
             _: 1
           })
-        ], 4)) : S.value ? E("", !0) : (f(), I("div", {
+        ], 4)) : M.value ? E("", !0) : (f(), w("div", {
           key: 2,
-          class: H(["photo-app__drop-target", `${A.ratio ? `aspect-ratio--${A.ratio}` : ""}`]),
+          class: Y(["photo-app__drop-target", `${A.ratio ? `aspect-ratio--${A.ratio}` : ""}`]),
           style: _({ borderColor: A.color })
         }, [
-          v("div", GA, [
-            v("div", zA, [
-              v("p", {
+          b("div", zA, [
+            b("div", NA, [
+              b("p", {
                 class: "headline h2 font-weight-bold",
-                innerHTML: d.value.title || r.$t("fileInput.coverTitle")
-              }, null, 8, NA),
-              A.enableCamera ? (f(), R(B(oA), {
+                innerHTML: d.value.title || n.$t("fileInput.coverTitle")
+              }, null, 8, $A),
+              A.enableCamera ? (f(), R(B(lA), {
                 key: 0,
                 type: "button",
                 onClick: q(K, ["prevent"]),
@@ -511,78 +516,78 @@ const EA = {
               }, {
                 default: G(() => [
                   L(B(X), { symbol: "camera" }),
-                  v("span", $A, P(d.value.launchCamera || r.$t("fileInput.coverLaunchCta")), 1)
+                  b("span", WA, P(d.value.launchCamera || n.$t("fileInput.coverLaunchCta")), 1)
                 ]),
                 _: 1
               }, 8, ["style"])) : E("", !0)
             ]),
-            A.enableLocalFileUpload ? (f(), I("div", WA, [
-              v("p", {
+            A.enableLocalFileUpload ? (f(), w("div", JA, [
+              b("p", {
                 class: "subtitle fw-bold ma-0",
                 style: _({ color: A.color })
-              }, P(d.value.localFileTitle || r.$t("fileInput.coverLocalSelectTitle")), 5),
-              v("p", {
+              }, P(d.value.localFileTitle || n.$t("fileInput.coverLocalSelectTitle")), 5),
+              b("p", {
                 class: "text-body-1",
                 style: _({ color: A.color })
               }, [
-                A.enableDragDrop ? (f(), I("span", JA, P(d.value.dropTarget || r.$t("fileInput.coverDropTarget")) + " " + P(A.enableLocalFileUpload && A.enableDragDrop ? d.value.or || r.$t("common.or") : "") + " " + P(), 1)) : E("", !0),
-                v("label", {
+                A.enableDragDrop ? (f(), w("span", XA, P(d.value.dropTarget || n.$t("fileInput.coverDropTarget")) + " " + P(A.enableLocalFileUpload && A.enableDragDrop ? d.value.or || n.$t("common.or") : "") + " " + P(), 1)) : E("", !0),
+                b("label", {
                   for: "fileUpload",
                   role: "button",
                   class: "d-inline link",
                   style: _({ color: A.color })
-                }, P(d.value.coverSelectFileCta || r.$t("fileInput.coverLocalFileCta")), 5)
+                }, P(d.value.coverSelectFileCta || n.$t("fileInput.coverLocalFileCta")), 5)
               ], 4)
             ])) : E("", !0)
           ])
         ], 6))
       ], 4)) : E("", !0),
-      sA(v("div", {
+      iA(b("div", {
         class: "photo-app__drop-overlay",
         ref_key: "dropArea",
         ref: u
       }, [
-        v("h3", null, P(d.value.dropTarget || r.$t("fileInput.dropTargetLabel")), 1)
+        b("h3", null, P(d.value.dropTarget || n.$t("fileInput.dropTargetLabel")), 1)
       ], 512), [
-        [iA, A.enableLocalFileUpload && A.enableDragDrop && z.value]
+        [cA, A.enableLocalFileUpload && A.enableDragDrop && N.value]
       ]),
-      sA(v("div", XA, [
-        v("p", ZA, P(lA.value), 1)
+      iA(b("div", ZA, [
+        b("p", KA, P(tA.value), 1)
       ], 512), [
-        [iA, lA.value]
+        [cA, tA.value]
       ]),
-      A.enableFileList && l.value.length ? (f(), I("div", KA, [
-        v("div", qA, [
-          (f(!0), I(QA, null, kA(l.value, (C) => (f(), I("div", {
-            key: C.id,
+      A.enableFileList && l.value.length ? (f(), w("div", qA, [
+        b("div", Ae, [
+          (f(!0), w(kA, null, SA(l.value, (I) => (f(), w("div", {
+            key: I.id,
             class: "col col-12"
           }, [
-            v("span", null, P(C.name), 1),
+            b("span", null, P(I.name), 1),
             p[2] || (p[2] = J(" - ", -1)),
-            v("span", null, P(C.size), 1),
+            b("span", null, P(I.size), 1),
             p[3] || (p[3] = J(" - ", -1)),
-            C.error ? (f(), I("span", Ae, P(C.error), 1)) : C.success ? (f(), I("span", ee, P(r.$t("common.success")), 1)) : C.active ? (f(), I("span", te, P(r.$t("common.active")), 1)) : (f(), I("span", ae))
+            I.error ? (f(), w("span", ee, P(I.error), 1)) : I.success ? (f(), w("span", te, P(n.$t("common.success")), 1)) : I.active ? (f(), w("span", ae, P(n.$t("common.active")), 1)) : (f(), w("span", oe))
           ]))), 128))
         ])
       ])) : E("", !0),
-      sA(v("div", oe, [
-        v("div", le, [
-          v("div", ne, [
-            v("div", re, [
-              pA(r.$slots, "headline", {}, () => [
-                A.enableTitle && (S.value || l.value.length) ? (f(), I("p", {
+      iA(b("div", le, [
+        b("div", ne, [
+          b("div", re, [
+            b("div", se, [
+              CA(n.$slots, "headline", {}, () => [
+                A.enableTitle && (M.value || l.value.length) ? (f(), w("p", {
                   key: 0,
                   class: "headline",
-                  innerHTML: y.value
-                }, null, 8, se)) : E("", !0)
+                  innerHTML: v.value
+                }, null, 8, ie)) : E("", !0)
               ]),
-              !A.enableLegacyInput && (S.value || l.value.length) ? (f(), I("div", ie, [
-                v("div", ce, [
-                  S.value || l.value.length && (!m.value || !m.value.active) ? (f(), R(B(oA), {
+              !A.enableLegacyInput && (M.value || l.value.length) ? (f(), w("div", ce, [
+                b("div", ue, [
+                  M.value || l.value.length && (!m.value || !m.value.active) ? (f(), R(B(lA), {
                     key: 0,
                     type: "button",
-                    class: H(["btn btn-primary-outline rounded-circle", `theme--${A.variant}`]),
-                    onClick: p[1] || (p[1] = q((C) => S.value ? K() : nA(), ["prevent"]))
+                    class: Y(["btn btn-primary-outline rounded-circle", `theme--${A.variant}`]),
+                    onClick: p[1] || (p[1] = q((I) => M.value ? K() : nA(), ["prevent"]))
                   }, {
                     default: G(() => [
                       L(B(X), {
@@ -590,91 +595,91 @@ const EA = {
                         "base-path": B(c).iconSprite,
                         class: "primary"
                       }, null, 8, ["base-path"]),
-                      J(" " + P(A.enableButtonCaptions ? d.value.cancel || r.$t("fileInput.cancel") : ""), 1)
+                      J(" " + P(A.enableButtonCaptions ? d.value.cancel || n.$t("fileInput.cancel") : ""), 1)
                     ]),
                     _: 1
                   }, 8, ["class"])) : E("", !0)
                 ]),
-                S.value ? (f(), I("div", ue, [
-                  L(B(oA), {
+                M.value ? (f(), w("div", de, [
+                  L(B(lA), {
                     type: "button",
-                    class: H(["btn btn-primary rounded-circle", `theme--${A.variant}`]),
-                    onClick: q(eA, ["prevent"]),
-                    disabled: Y.value
+                    class: Y(["btn btn-primary rounded-circle", `theme--${A.variant}`]),
+                    onClick: q(sA, ["prevent"]),
+                    disabled: H.value
                   }, {
                     default: G(() => [
                       L(B(X), {
                         symbol: "camera",
                         "base-path": B(c).iconSprite
                       }, null, 8, ["base-path"]),
-                      J(" " + P(A.enableButtonCaptions ? d.value.shoot || r.$t("fileInput.shoot") : ""), 1)
+                      J(" " + P(A.enableButtonCaptions ? d.value.shoot || n.$t("fileInput.shoot") : ""), 1)
                     ]),
                     _: 1
                   }, 8, ["class", "disabled"])
-                ])) : A.enableReview ? (f(), I("div", de, [
-                  L(B(oA), {
+                ])) : A.enableReview ? (f(), w("div", ge, [
+                  L(B(lA), {
                     type: "button",
-                    class: H(["btn btn-primary rounded-circle", {
+                    class: Y(["btn btn-primary rounded-circle", {
                       [`theme--${A.variant}`]: A.variant,
-                      "btn-success": Y.value
+                      "btn-success": H.value
                     }]),
                     onClick: q(rA, ["prevent"]),
-                    disabled: Y.value
+                    disabled: H.value
                   }, {
                     default: G(() => [
                       L(B(X), { symbol: "check" }),
-                      J(" " + P(A.enableButtonCaptions ? d.value.accept || r.$t("common.accept") : ""), 1)
+                      J(" " + P(A.enableButtonCaptions ? d.value.accept || n.$t("common.accept") : ""), 1)
                     ]),
                     _: 1
                   }, 8, ["class", "disabled"])
                 ])) : E("", !0)
               ])) : E("", !0),
-              sA(v("div", {
-                class: H(["justify-center col-10 mx-auto", {
-                  "d-flex": A.enableLegacyInput && (S.value || l.value.length)
+              iA(b("div", {
+                class: Y(["justify-center col-10 mx-auto", {
+                  "d-flex": A.enableLegacyInput && (M.value || l.value.length)
                 }])
               }, [
-                v("button", {
+                b("button", {
                   type: "button",
-                  class: H(["btn btn-primary", `theme--${A.variant}`]),
+                  class: Y(["btn btn-primary", `theme--${A.variant}`]),
                   onClick: q(K, ["prevent"])
                 }, [
                   A.enableButtonIcons ? (f(), R(B(X), {
                     key: 0,
                     symbol: "camera"
                   })) : E("", !0),
-                  J(" " + P(A.enableButtonCaptions ? S.value ? d.value.cancel || r.$t("common.cancel") : d.value.camera || r.$t("fileInput.selectCameraCta") : ""), 1)
+                  J(" " + P(A.enableButtonCaptions ? M.value ? d.value.cancel || n.$t("common.cancel") : d.value.camera || n.$t("fileInput.selectCameraCta") : ""), 1)
                 ], 2),
-                S.value && (!r.$refs.upload || m.value.active) ? (f(), R(B(oA), {
+                M.value && (!n.$refs.upload || m.value.active) ? (f(), R(B(lA), {
                   key: 0,
                   type: "button",
-                  class: H(["btn btn-primary", `theme--${A.variant}`]),
-                  onClick: q(eA, ["prevent"]),
-                  disabled: Y.value
+                  class: Y(["btn btn-primary", `theme--${A.variant}`]),
+                  onClick: q(sA, ["prevent"]),
+                  disabled: H.value
                 }, {
                   default: G(() => [
                     A.enableButtonIcons ? (f(), R(B(X), {
                       key: 0,
                       symbol: "camera"
                     })) : E("", !0),
-                    J(" " + P(A.enableButtonCaptions ? d.value.shoot || r.$t("fileInput.shoot") : ""), 1)
+                    J(" " + P(A.enableButtonCaptions ? d.value.shoot || n.$t("fileInput.shoot") : ""), 1)
                   ]),
                   _: 1
                 }, 8, ["class", "disabled"])) : E("", !0),
-                L(B(MA), {
+                L(B(PA), {
                   ref_key: "upload",
                   ref: m,
                   "model-value": l.value,
                   id: "fileUpload",
-                  "onUpdate:modelValue": dA,
+                  "onUpdate:modelValue": gA,
                   name: "fileUpload"
                 }, {
                   default: G(() => [
-                    pA(r.$slots, "label", {}, () => [
-                      v("label", {
+                    CA(n.$slots, "label", {}, () => [
+                      b("label", {
                         for: "fileUpload",
                         type: "button",
-                        class: H(["btn btn-primary", `theme--${A.variant}`])
+                        class: Y(["btn btn-primary", `theme--${A.variant}`])
                       }, [
                         A.enableButtonIcons ? (f(), R(B(X), {
                           key: 0,
@@ -686,54 +691,54 @@ const EA = {
                   _: 3
                 }, 8, ["model-value"])
               ], 2), [
-                [iA, A.enableLegacyInput && (S.value || l.value.length)]
+                [cA, A.enableLegacyInput && (M.value || l.value.length)]
               ]),
-              A.required ? (f(), I("input", {
+              A.required ? (f(), w("input", {
                 key: 1,
                 ref: "hiddenInput",
                 required: A.required,
-                value: j.value,
+                value: U.value,
                 style: { display: "none" }
-              }, null, 8, ge)) : E("", !0)
+              }, null, 8, fe)) : E("", !0)
             ])
           ])
         ])
       ], 512), [
-        [iA, S.value || l.value.length]
+        [cA, M.value || l.value.length]
       ])
     ], 2));
   }
 });
-function cA(A) {
-  return new Promise((n, a) => {
-    A.oncomplete = A.onsuccess = () => n(A.result), A.onabort = A.onerror = () => a(A.error);
+function uA(A) {
+  return new Promise((r, a) => {
+    A.oncomplete = A.onsuccess = () => r(A.result), A.onabort = A.onerror = () => a(A.error);
   });
 }
-function fe(A, n) {
+function me(A, r) {
   const a = indexedDB.open(A);
-  a.onupgradeneeded = () => a.result.createObjectStore(n);
-  const s = cA(a);
+  a.onupgradeneeded = () => a.result.createObjectStore(r);
+  const s = uA(a);
   return (c, o) => s.then(
-    (g) => o(g.transaction(n, c).objectStore(n))
+    (g) => o(g.transaction(r, c).objectStore(r))
   );
 }
-let mA;
-function bA() {
-  return mA || (mA = fe("keyval-store", "keyval")), mA;
+let pA;
+function vA() {
+  return pA || (pA = me("keyval-store", "keyval")), pA;
 }
-function me(A, n = bA()) {
-  return n("readonly", (a) => cA(a.get(A)));
+function pe(A, r = vA()) {
+  return r("readonly", (a) => uA(a.get(A)));
 }
-function pe(A, n, a = bA()) {
-  return a("readwrite", (s) => (s.put(n, A), cA(s.transaction)));
+function Ce(A, r, a = vA()) {
+  return a("readwrite", (s) => (s.put(r, A), uA(s.transaction)));
 }
-function Ce(A, n = bA()) {
-  return n("readwrite", (a) => (a.delete(A), cA(a.transaction)));
+function be(A, r = vA()) {
+  return r("readwrite", (a) => (a.delete(A), uA(a.transaction)));
 }
-const be = "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", ve = "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", ye = { class: "fabric-canvas__canvas" }, we = {
+const ve = "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", ye = "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", we = { class: "fabric-canvas__canvas" }, Ie = {
   id: "fabricCanvas",
   ref: "canvasRef"
-}, Ie = /* @__PURE__ */ AA({
+}, he = /* @__PURE__ */ AA({
   __name: "fabric-canvas",
   props: {
     modelValue: {
@@ -778,174 +783,174 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     }
   },
   emits: ["update:modelValue", "update:jsonModel", "update:pending", "on-ready"],
-  setup(A, { expose: n, emit: a }) {
-    let s, c, o, g, i, w, h, Q;
+  setup(A, { expose: r, emit: a }) {
+    let s, c, o, g, i, y, h, k;
     const d = a;
-    n({ setBackgroundImage: lA, setOverlayImage: uA, addCanvasObject: K });
-    const y = A, l = D(), m = D(0), k = D(0);
-    let u;
-    const z = D();
-    async function S(e, t) {
-      return new Promise(async (b) => {
-        const U = JSON.parse(t);
-        if (U.backgroundImage) {
-          const O = await x(U.backgroundImage.src || U.backgroundImage.filename);
-          O.set({
+    r({ setBackgroundImage: nA, setOverlayImage: K, addCanvasObject: gA });
+    const v = A, l = D(), m = D(0), S = D(0);
+    let u, N = !1;
+    const M = D();
+    async function eA(e, t) {
+      return new Promise(async (C) => {
+        const O = JSON.parse(t);
+        if (O.backgroundImage) {
+          const j = await U(O.backgroundImage.src || O.backgroundImage.filename);
+          j.set({
             opacity: 1
-          }), e.backgroundImage = O, e.centerObject(O);
+          }), e.backgroundImage = j, e.centerObject(j);
         }
-        if (U.overlayImage) {
-          const O = await x(U.overlayImage.src || U.overlayImage.filename);
-          O.set({
+        if (O.overlayImage) {
+          const j = await U(O.overlayImage.src || O.overlayImage.filename);
+          j.set({
             opacity: 1,
             left: m.value / 2,
-            top: k.value / 2,
-            scaleX: m.value / O.width,
-            scaleY: k.value / O.height
-          }), e.overlayImage = O;
+            top: S.value / 2,
+            scaleX: m.value / j.width,
+            scaleY: S.value / j.height
+          }), e.overlayImage = j;
         }
-        (await g.enlivenObjects(U.objects, {
+        (await g.enlivenObjects(O.objects, {
           reviver: void 0
-        })).forEach((O) => {
-          e.add(O);
-        }), b(e);
+        })).forEach((j) => {
+          e.add(j);
+        }), C(e);
       });
     }
-    async function x(e) {
-      const t = await $(e);
+    async function U(e) {
+      const t = await V(e);
       e.includes("data:image") || (t.filename = e);
-      const b = g.findScaleToCover(t, u), U = t instanceof c;
+      const C = g.findScaleToCover(t, u), O = t instanceof c;
       return t.set({
         left: 0,
         top: 0,
-        opacity: U && y.animationDuration > 0 ? 0 : 1,
-        scaleX: b,
-        scaleY: b,
+        opacity: O && v.animationDuration > 0 ? 0 : 1,
+        scaleX: C,
+        scaleY: C,
         src: e
       }), t;
     }
-    async function j(e) {
-      !(e instanceof c) || y.animationDuration === 0 || (y.emitPending && d("update:pending", !0), await new Promise((b) => {
-        const U = y.animationDuration, tA = Date.now(), O = () => {
-          const aA = Date.now() - tA, W = Math.min(aA / U, 1);
-          e.set("opacity", W), u.renderAll(), W < 1 ? requestAnimationFrame(O) : (y.emitPending && d("update:pending", !1), b());
+    async function H(e) {
+      !(e instanceof c) || v.animationDuration === 0 || (v.emitPending && d("update:pending", !0), await new Promise((C) => {
+        const O = v.animationDuration, aA = Date.now(), j = () => {
+          const oA = Date.now() - aA, W = Math.min(oA / O, 1);
+          e.set("opacity", W), u.renderAll(), W < 1 ? requestAnimationFrame(j) : (v.emitPending && d("update:pending", !1), C());
         };
-        requestAnimationFrame(O);
+        requestAnimationFrame(j);
       }));
     }
-    function Y(e) {
+    function tA(e) {
       const t = g.findScaleToCover(e, u);
       return e.set({
         scaleX: t,
         scaleY: t
       }), e;
     }
-    async function lA(e) {
-      const t = await x(e.src);
-      u.backgroundImage = t, u.centerObject(t), u.renderAll(), await j(t), C();
-    }
     async function nA(e) {
-      const t = await x(e.src);
-      t.selectable = !1, t.assetType = "foreground", u.add(t), u.centerObject(t), u.renderAll(), await j(t), C();
+      const t = await U(e.src);
+      u.backgroundImage = t, u.centerObject(t), u.renderAll(), await H(t), Q();
     }
-    async function uA(e) {
-      const t = await x(e.src);
+    async function dA(e) {
+      const t = await U(e.src);
+      t.selectable = !1, t.assetType = "foreground", u.add(t), u.centerObject(t), u.renderAll(), await H(t), Q();
+    }
+    async function K(e) {
+      const t = await U(e.src);
       t.set({
         left: m.value / 2,
-        top: k.value / 2,
+        top: S.value / 2,
         scaleX: m.value / t.width,
-        scaleY: k.value / t.height
-      }), u.overlayImage = t, u.renderAll(), await j(t), C();
+        scaleY: S.value / t.height
+      }), u.overlayImage = t, u.renderAll(), await H(t), Q();
     }
-    async function K(e) {
+    async function gA(e) {
       u.discardActiveObject();
-      const t = await $(e.src);
+      const t = await V(e.src);
       t.filename = e.src;
-      const b = m.value / 3, U = k.value / 3, tA = b / t.width, O = U / t.height, aA = Math.min(tA, O);
+      const C = m.value / 3, O = S.value / 3, aA = C / t.width, j = O / t.height, oA = Math.min(aA, j);
       t.set({
-        scaleX: aA,
-        scaleY: aA,
+        scaleX: oA,
+        scaleY: oA,
         left: m.value / 2,
-        top: k.value / 2
-      }), t.id = e.id, t.padding = 8, u.add(t), u.setActiveObject(t), await j(t), u.renderAll();
+        top: S.value / 2
+      }), t.id = e.id, t.padding = 8, u.add(t), u.setActiveObject(t), await H(t), u.renderAll();
     }
-    function dA(e, t) {
+    function rA(e, t) {
       t.target.id;
-      const b = t.target;
-      return u.remove(b), u.requestRenderAll(), !0;
+      const C = t.target;
+      return u.remove(C), u.requestRenderAll(), !0;
     }
-    function rA() {
-      if (m.value = l.value.offsetWidth, k.value = l.value.offsetHeight, u.setDimensions({ width: m.value, height: k.value }), u.backgroundImage && (u.backgroundImage = Y(u.backgroundImage), u.centerObject(u.backgroundImage)), u.overlayImage) {
+    function fA() {
+      if (m.value = l.value.offsetWidth, S.value = l.value.offsetHeight, u.setDimensions({ width: m.value, height: S.value }), u.backgroundImage && (u.backgroundImage = tA(u.backgroundImage), u.centerObject(u.backgroundImage)), u.overlayImage) {
         const e = u.overlayImage;
         e.set({
           scaleX: m.value / e.width,
-          scaleY: k.value / e.height
+          scaleY: S.value / e.height
         });
       }
       u.getObjects().forEach((e) => {
-        e.assetType === "foreground" && (e = Y(e), u.centerObject(e));
+        e.assetType === "foreground" && (e = tA(e), u.centerObject(e));
       }), u.renderAll();
     }
-    const gA = LA(() => {
-      rA();
+    const sA = TA(() => {
+      fA();
     }, 200, { trailing: !0, leading: !1 });
-    function eA(e) {
-      return (t, b, U, tA, O) => {
-        t.save(), t.translate(b, U), t.rotate(g.degreesToRadians(O.angle)), t.fillStyle = y.options.themeData?.colors?.primary, t.fillRect(-24 / 2, -24 / 2, 24, 24);
+    function n(e) {
+      return (t, C, O, aA, j) => {
+        t.save(), t.translate(C, O), t.rotate(g.degreesToRadians(j.angle)), t.fillStyle = v.options.themeData?.colors?.primary, t.fillRect(-24 / 2, -24 / 2, 24, 24);
         const W = 20;
         t.drawImage(e, -W / 2, -W / 2, W, W), t.restore();
       };
     }
-    function r() {
+    function p() {
       const e = document.createElement("img");
-      e.src = be;
+      e.src = ve;
       const t = document.createElement("img");
-      t.src = ve, u.on("object:added", (b) => {
-        b.target && b.target.controls && (b.target.set({
+      t.src = ye, u.on("object:added", (C) => {
+        C.target && C.target.controls && (C.target.set({
           transparentCorners: !1,
           cornerSize: 16,
           cornerStyle: "circle",
-          ...y.options.themeData?.colors?.primary ? {
-            cornerColor: y.options.themeData?.colors?.primary,
-            cornerStrokeColor: y.options.themeData?.colors?.primary,
-            borderColor: y.options.themeData?.colors?.primary
+          ...v.options.themeData?.colors?.primary ? {
+            cornerColor: v.options.themeData?.colors?.primary,
+            cornerStrokeColor: v.options.themeData?.colors?.primary,
+            borderColor: v.options.themeData?.colors?.primary
           } : {}
-        }), b.target.controls.ml.visible = !1, b.target.controls.mr.visible = !1, b.target.controls.mb.visible = !1, b.target.controls.mt.visible = !1, b.target.controls.mtr.visible = !1, b.target.controls.rotate = new o({
+        }), C.target.controls.ml.visible = !1, C.target.controls.mr.visible = !1, C.target.controls.mb.visible = !1, C.target.controls.mt.visible = !1, C.target.controls.mtr.visible = !1, C.target.controls.rotate = new o({
           x: 0.5,
           y: -0.5,
           offsetX: 32,
           offsetY: 0,
           cursorStyle: "pointer",
           actionName: "rotate",
-          actionHandler: Q.rotationWithSnapping,
-          cursorStyleHandler: Q.rotationStyleHandler,
-          render: eA(e)
-        }), b.target.controls.delete = new o({
+          actionHandler: k.rotationWithSnapping,
+          cursorStyleHandler: k.rotationStyleHandler,
+          render: n(e)
+        }), C.target.controls.delete = new o({
           x: 0.5,
           y: -0.5,
           offsetX: 32,
           offsetY: 32,
           cursorStyle: "pointer",
-          mouseUpHandler: dA,
-          render: eA(t)
+          mouseUpHandler: rA,
+          render: n(t)
         }));
       });
     }
-    async function p() {
+    async function I() {
       return await new Promise((e) => {
         setTimeout(() => {
-          const t = y.exportToSvg ? u.toSVG() : u.toDataURL({ multiplier: 2 });
+          const t = v.exportToSvg ? u.toSVG() : u.toDataURL({ multiplier: 2 });
           e(t);
         }, 200);
       });
     }
-    function C() {
+    function Q() {
       setTimeout(async () => {
         const e = u.toDatalessJSON(["selectable", "assetType", "filename"]);
-        await pe("fabric-canvas", JSON.stringify(e));
+        await Ce("fabric-canvas", JSON.stringify(e));
         let t = !0;
-        if (y.required)
-          switch (t = !1, y.feature) {
+        if (v.required)
+          switch (t = !1, v.feature) {
             case "overlay":
               e.overlayImage && (t = !0);
               break;
@@ -959,63 +964,64 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
               (e.objects.length > 1 || e.backgroundImage || e.overlayImage) && (t = !0);
           }
         if (t) {
-          const b = await p();
-          d("update:modelValue", b), d("update:jsonModel", e);
+          N = !0;
+          const C = await I();
+          d("update:modelValue", C), d("update:jsonModel", e);
         }
       }, 120);
     }
-    async function M(e) {
+    async function T(e) {
       try {
         return await c.fromURL(e);
       } catch (t) {
         throw console.error("Error loading image:", t), t;
       }
     }
-    async function T(e) {
-      const { objects: t, options: b } = await i(e);
-      return g.groupSVGElements(t, b);
-    }
-    async function N(e) {
-      const { objects: t, options: b } = await w(e);
-      return g.groupSVGElements(t, b);
+    async function z(e) {
+      const { objects: t, options: C } = await i(e);
+      return g.groupSVGElements(t, C);
     }
     async function $(e) {
-      return e && typeof e == "string" && e.trim().startsWith("<") ? await N(e) : e && new RegExp(/([\w_/-]*\.svg$)|(image\/svg\+xml)/gi).test(e) ? await T(e) : await M(e);
+      const { objects: t, options: C } = await y(e);
+      return g.groupSVGElements(t, C);
     }
-    async function V(e, t) {
-      e && !t && nA({ src: e });
+    async function V(e) {
+      return e && typeof e == "string" && e.trim().startsWith("<") ? await $(e) : e && new RegExp(/([\w_/-]*\.svg$)|(image\/svg\+xml)/gi).test(e) ? await z(e) : await T(e);
     }
-    return Z(() => y.modelValue, async (e, t) => {
-      V(e, t);
-    }), yA(async () => {
-      ({ Canvas: s, FabricImage: c, Control: o, util: g, loadSVGFromURL: i, loadSVGFromString: w, config: h, controlsUtils: Q } = await import("fabric")), m.value = l.value.offsetWidth, k.value = l.value.offsetHeight, window.addEventListener("resize", gA), h.NUM_FRACTION_DIGITS = 8;
+    async function x(e, t) {
+      e && !t && !N && dA({ src: e });
+    }
+    return Z(() => v.modelValue, async (e, t) => {
+      x(e, t);
+    }), wA(async () => {
+      ({ Canvas: s, FabricImage: c, Control: o, util: g, loadSVGFromURL: i, loadSVGFromString: y, config: h, controlsUtils: k } = await import("fabric")), m.value = l.value.offsetWidth, S.value = l.value.offsetHeight, window.addEventListener("resize", sA), h.NUM_FRACTION_DIGITS = 8;
       const e = s.prototype._onTouchStart;
       s.prototype._onTouchStart = function(t) {
-        const b = this.findTarget(t);
-        this.allowTouchScrolling && b.assetType && !this.isDrawingMode || e.call(this, t);
+        const C = this.findTarget(t);
+        this.allowTouchScrolling && C.assetType && !this.isDrawingMode || e.call(this, t);
       }, u = new s("fabricCanvas", {
         width: m.value,
-        height: k.value,
+        height: S.value,
         // enableRetinaScaling: false,
         skipOffscreen: !0,
         // devicePixelRatio: 4,
         allowTouchScrolling: !0
         // backstoreOnly: true
-      }), y.resetState && await Ce("fabric-canvas"), z.value = await me("fabric-canvas"), z.value ? (await S(u, z.value), u.requestRenderAll(), requestAnimationFrame(() => {
+      }), v.resetState && await be("fabric-canvas"), M.value = await pe("fabric-canvas"), M.value ? (await eA(u, M.value), u.requestRenderAll(), requestAnimationFrame(() => {
         u.renderAll();
-      })) : y.modelValue && V(y.modelValue, ""), u.on("object:added", C), u.on("object:removed", C), u.on("object:modified", C), r(), u.renderAll(), d("on-ready", u);
-    }), (e, t) => (f(), I("div", {
+      })) : v.modelValue && x(v.modelValue, ""), u.on("object:added", Q), u.on("object:removed", Q), u.on("object:modified", Q), p(), u.renderAll(), d("on-ready", u);
+    }), (e, t) => (f(), w("div", {
       class: "fabric-canvas",
       ref_key: "root",
       ref: l
     }, [
-      v("div", ye, [
-        v("canvas", we, null, 512)
+      b("div", we, [
+        b("canvas", Ie, null, 512)
       ]),
-      pA(e.$slots, "default")
+      CA(e.$slots, "default")
     ], 512));
   }
-}), he = { class: "creative-booth" }, Be = { class: "media-container" }, Ee = ["innerHTML"], De = { class: "creative-booth__thumbnails" }, Qe = [
+}), Be = { class: "creative-booth" }, Ee = { class: "media-container" }, De = ["innerHTML"], Qe = { class: "creative-booth__thumbnails" }, ke = [
   {
     type: "background",
     thumbnail: "/themes/corp/backgrounds/corporate-your-background-1024x1024.jpg",
@@ -1059,7 +1065,7 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     mediaType: "svg",
     filters: ["asset-01", "asset-02"]
   }
-], xe = /* @__PURE__ */ AA({
+], _e = /* @__PURE__ */ AA({
   __name: "creative-booth",
   props: {
     modelValue: {
@@ -1091,7 +1097,7 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     },
     assets: {
       type: Array,
-      default: () => Qe
+      default: () => ke
     },
     assetFilters: {
       type: Array,
@@ -1132,10 +1138,10 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     }
   },
   emits: ["update:modelValue", "update:jsonModel", "update:ready", "update:pending"],
-  setup(A, { emit: n }) {
-    const a = A, s = n, c = D(), o = D(), g = D(!1), i = F(
+  setup(A, { emit: r }) {
+    const a = A, s = r, c = D(), o = D(), g = D(!1), i = F(
       () => a.assetFilters && a.assetFilters.length > 0 ? a.assets.filter((l) => !l.filters || l.filters.length == 0 || a.assetFilters.some((m) => l.filters.includes(m))) : a.assets
-    ), w = F({
+    ), y = F({
       get() {
         return a.modelValue;
       },
@@ -1149,7 +1155,7 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
       set(l) {
         s("update:jsonModel", l);
       }
-    }), Q = F({
+    }), k = F({
       get() {
         return a.pending;
       },
@@ -1175,41 +1181,41 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
         }
       }
     }
-    const y = (async () => {
+    const v = (async () => {
       if (g.value = !0, a.autoSelect !== void 0) {
         const l = a.autoSelect >= 0 ? a.autoSelect : Math.floor(Math.random() * i.value.length);
         d(l);
       }
       s("update:ready", !0);
     });
-    return (l, m) => (f(), I("div", he, [
-      v("div", Be, [
-        L(Ie, {
-          modelValue: w.value,
-          "onUpdate:modelValue": m[0] || (m[0] = (k) => w.value = k),
+    return (l, m) => (f(), w("div", Be, [
+      b("div", Ee, [
+        L(he, {
+          modelValue: y.value,
+          "onUpdate:modelValue": m[0] || (m[0] = (S) => y.value = S),
           "json-model": h.value,
-          "onUpdate:jsonModel": m[1] || (m[1] = (k) => h.value = k),
-          pending: Q.value,
-          "onUpdate:pending": m[2] || (m[2] = (k) => Q.value = k),
+          "onUpdate:jsonModel": m[1] || (m[1] = (S) => h.value = S),
+          pending: k.value,
+          "onUpdate:pending": m[2] || (m[2] = (S) => k.value = S),
           ref_key: "canvas",
           ref: c,
           "reset-state": A.resetState,
           options: { themeData: A.themeData },
           feature: A.feature,
           required: A.required,
-          class: H(`${A.ratio ? `aspect-ratio aspect-ratio--${A.ratio}` : ""}`),
-          onOnReady: y,
+          class: Y(`${A.ratio ? `aspect-ratio aspect-ratio--${A.ratio}` : ""}`),
+          onOnReady: v,
           "emit-pending": A.emitPending,
           "animation-duration": A.animationDuration
         }, null, 8, ["modelValue", "json-model", "pending", "reset-state", "options", "feature", "required", "class", "emit-pending", "animation-duration"])
       ]),
-      A.messages.headline ? (f(), I("p", {
+      A.messages.headline ? (f(), w("p", {
         key: 0,
         class: "headline",
         innerHTML: A.messages.headline
-      }, null, 8, Ee)) : E("", !0),
-      v("div", De, [
-        g.value ? (f(), R(B(BA), {
+      }, null, 8, De)) : E("", !0),
+      b("div", Qe, [
+        g.value ? (f(), R(B(EA), {
           key: 0,
           assets: i.value,
           onSelect: d
@@ -1217,7 +1223,7 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
       ])
     ]));
   }
-}), ke = { class: "face-swap" }, Se = { class: "position-relative" }, Me = ["innerHTML"], Pe = { class: "face-swap__thumbnails" }, Ue = [
+}), Se = { class: "face-swap" }, Me = { class: "position-relative" }, Pe = ["innerHTML"], Ue = { class: "face-swap__thumbnails" }, Oe = [
   {
     type: "target",
     thumbnail: "/faceswap/robotroll._avengers_black_widow_fbe3e886-525d-4c8b-b46c-b32856fae2bf.png",
@@ -1323,7 +1329,7 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     mediaType: "image",
     filters: []
   }
-], _e = /* @__PURE__ */ AA({
+], Ge = /* @__PURE__ */ AA({
   __name: "face-swap",
   props: {
     modelValue: {
@@ -1343,7 +1349,7 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     },
     assets: {
       type: Array,
-      default: () => Ue
+      default: () => Oe
     },
     resetState: {
       type: Boolean,
@@ -1360,8 +1366,8 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     autoSelect: Number
   },
   emits: ["update:modelValue"],
-  setup(A, { emit: n }) {
-    const a = A, s = n, c = D(), o = D(), g = D(), i = D(!1);
+  setup(A, { emit: r }) {
+    const a = A, s = r, c = D(), o = D(), g = D(), i = D(!1);
     F({
       get() {
         return a.modelValue;
@@ -1370,73 +1376,73 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
         s("update:modelValue", d);
       }
     });
-    const w = F(() => g.value || c.value && c.value.src || o.value);
-    Z(g, async (d, y) => {
-      d && d !== y && s("update:modelValue", d);
+    const y = F(() => g.value || c.value && c.value.src || o.value);
+    Z(g, async (d, v) => {
+      d && d !== v && s("update:modelValue", d);
     }, { deep: !0 });
     function h(d) {
       if (typeof d < "u") {
-        const y = a.assets[d];
-        c.value = y, g.value = null;
+        const v = a.assets[d];
+        c.value = v, g.value = null;
       }
     }
-    async function Q() {
-      const d = await TA(c.value.src), l = { dataUrl: a.modelValue, targetDataUrl: d };
+    async function k() {
+      const d = await FA(c.value.src), l = { dataUrl: a.modelValue, targetDataUrl: d };
       i.value = !0;
-      const m = EA;
+      const m = DA;
       g.value = await m.processImage(
         a.endpoint,
         l,
         ""
       ), i.value = !1;
     }
-    return IA(() => {
+    return hA(() => {
       o.value = a.modelValue;
-    }), (d, y) => (f(), I("div", ke, [
-      v("div", Se, [
-        v("div", {
-          class: H(["media-container", `${A.ratio ? `ratio ratio-${A.ratio}` : ""}`])
+    }), (d, v) => (f(), w("div", Se, [
+      b("div", Me, [
+        b("div", {
+          class: Y(["media-container", `${A.ratio ? `ratio ratio-${A.ratio}` : ""}`])
         }, [
-          L(wA, {
+          L(IA, {
             name: "fade",
             mode: "out-in"
           }, {
             default: G(() => [
-              (f(), I("div", { key: w.value }, [
-                L(B(CA), { src: w.value }, null, 8, ["src"])
+              (f(), w("div", { key: y.value }, [
+                L(B(bA), { src: y.value }, null, 8, ["src"])
               ]))
             ]),
             _: 1
           })
         ], 2),
-        c.value ? (f(), I("button", {
+        c.value ? (f(), w("button", {
           key: 0,
           type: "button",
           class: "btn face-swap__swap-face",
-          onClick: Q
+          onClick: k
         }, [
-          o.value && !g.value && !i.value ? (f(), R(B(CA), {
+          o.value && !g.value && !i.value ? (f(), R(B(bA), {
             key: 0,
             src: o.value,
             class: "img-thumbnail"
           }, null, 8, ["src"])) : E("", !0)
         ])) : E("", !0),
-        i.value ? (f(), R(B(hA), { key: 1 })) : E("", !0)
+        i.value ? (f(), R(B(BA), { key: 1 })) : E("", !0)
       ]),
-      A.messages.headline ? (f(), I("p", {
+      A.messages.headline ? (f(), w("p", {
         key: 0,
         class: "headline",
         innerHTML: A.messages.headline
-      }, null, 8, Me)) : E("", !0),
-      v("div", Pe, [
-        L(B(BA), {
+      }, null, 8, Pe)) : E("", !0),
+      b("div", Ue, [
+        L(B(EA), {
           assets: A.assets,
           onSelect: h
         }, null, 8, ["assets"])
       ])
     ]));
   }
-}), Oe = ["innerHTML"], je = /* @__PURE__ */ AA({
+}), je = ["innerHTML"], Le = /* @__PURE__ */ AA({
   __name: "svg-canvas",
   props: {
     modelValue: {
@@ -1451,35 +1457,35 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     groupedFill: Boolean
   },
   emits: ["update:modelValue"],
-  setup(A, { emit: n }) {
-    const a = A, s = n, c = D();
+  setup(A, { emit: r }) {
+    const a = A, s = r, c = D();
     function o(g) {
       const i = g.target;
       if (!i.closest(".read-only")) {
         if (a.groupedFill && a.fillColor) {
-          const y = i.closest("[data-group-class]").dataset.groupClass, l = i.closest("svg")?.querySelectorAll(`.${y}`);
+          const v = i.closest("[data-group-class]").dataset.groupClass, l = i.closest("svg")?.querySelectorAll(`.${v}`);
           l && Array.from(l).forEach((m) => {
             m.setAttribute("fill", a.fillColor), m.setAttribute("fill-opacity", "1");
           });
         } else a.fillColor && (i.setAttribute("fill", a.fillColor), i.setAttribute("fill-opacity", "1"));
-        const Q = i.closest(".svg-canvas").querySelector("svg").outerHTML;
-        s("update:modelValue", Q);
+        const k = i.closest(".svg-canvas").querySelector("svg").outerHTML;
+        s("update:modelValue", k);
       }
     }
-    return (g, i) => (f(), I("div", {
-      class: H(["svg-canvas", `${A.scale > 1 ? "overflow-scroll" : ""}`])
+    return (g, i) => (f(), w("div", {
+      class: Y(["svg-canvas", `${A.scale > 1 ? "overflow-scroll" : ""}`])
     }, [
-      v("div", {
+      b("div", {
         ref_key: "svg",
         ref: c,
         class: "svg-wrapper",
         innerHTML: A.modelValue,
         style: _({ transform: `scale(${A.scale})` }),
-        onClick: i[0] || (i[0] = (w) => o(w))
-      }, null, 12, Oe)
+        onClick: i[0] || (i[0] = (y) => o(y))
+      }, null, 12, je)
     ], 2));
   }
-}), Le = { class: "svg-editor" }, Te = { class: "svg-editor__frame" }, Ge = /* @__PURE__ */ AA({
+}), Te = { class: "svg-editor" }, Fe = { class: "svg-editor__frame" }, ze = /* @__PURE__ */ AA({
   __name: "color-booth",
   props: {
     modelValue: String,
@@ -1490,8 +1496,8 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     groupedFill: Boolean
   },
   emits: ["update:modelValue"],
-  setup(A, { emit: n }) {
-    const a = A, s = n, c = D(""), o = D(1), g = F({
+  setup(A, { emit: r }) {
+    const a = A, s = r, c = D(""), o = D(1), g = F({
       get() {
         return a.modelValue;
       },
@@ -1499,18 +1505,18 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
         s("update:modelValue", i);
       }
     });
-    return IA(() => {
+    return hA(() => {
       c.value = a.colors?.length ? a.colors[0] : "";
-    }), (i, w) => (f(), I("div", Le, [
-      v("div", Te, [
-        L(B(UA), {
+    }), (i, y) => (f(), w("div", Te, [
+      b("div", Fe, [
+        L(B(OA), {
           modelValue: o.value,
-          "onUpdate:modelValue": w[1] || (w[1] = (h) => o.value = h)
+          "onUpdate:modelValue": y[1] || (y[1] = (h) => o.value = h)
         }, {
           default: G(() => [
-            L(je, {
+            L(Le, {
               modelValue: g.value,
-              "onUpdate:modelValue": w[0] || (w[0] = (h) => g.value = h),
+              "onUpdate:modelValue": y[0] || (y[0] = (h) => g.value = h),
               fillColor: c.value,
               scale: o.value,
               "grouped-fill": A.groupedFill
@@ -1518,9 +1524,9 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        L(B(OA), {
+        L(B(jA), {
           modelValue: c.value,
-          "onUpdate:modelValue": w[2] || (w[2] = (h) => c.value = h),
+          "onUpdate:modelValue": y[2] || (y[2] = (h) => c.value = h),
           colors: A.colors,
           class: "mt-2"
         }, null, 8, ["modelValue", "colors"])
@@ -1529,9 +1535,9 @@ const be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
   }
 });
 export {
-  Ge as ColorBooth,
-  xe as CreativeBooth,
-  Ie as FabricCanvas,
-  _e as FaceSwap,
-  Ve as PhotoApp
+  ze as ColorBooth,
+  _e as CreativeBooth,
+  he as FabricCanvas,
+  Ge as FaceSwap,
+  xe as PhotoApp
 };