ablok-photobooth 0.2.39 → 0.2.41

package/dist/ablok-photobooth.es.js

@@ -1,1545 +0,0 @@
-import { defineComponent as AA, getCurrentInstance as QA, computed as H, ref as D, watch as X, onMounted as wA, openBlock as f, createElementBlock as w, normalizeClass as Y, normalizeStyle as G, createVNode as L, unref as B, createCommentVNode as E, createBlock as R, Transition as IA, withCtx as _, createElementVNode as C, withModifiers as q, toDisplayString as P, withDirectives as iA, vShow as cA, Fragment as kA, renderList as SA, createTextVNode as J, renderSlot as bA, onBeforeMount as hA } from "vue";
-import { BaseCamera as MA, BaseImage as CA, LoadingSpinner as BA, BaseButton as lA, SvgIcon as Z, 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(r);
-  });
-}
-async function mA(A) {
-  return await new Promise((r) => {
-    let a = new FileReader();
-    a.onload = () => r(a.result), a.readAsDataURL(A);
-  });
-}
-function HA(A) {
-  return new Promise((r, a) => {
-    const s = new Image();
-    s.onload = () => r(s), s.onerror = a, s.src = A;
-  });
-}
-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 = 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 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 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 RA = (A) => {
-  const r = new FileReader();
-  return new Promise((a) => {
-    r.onload = (s) => {
-      if (!s.target)
-        return a(0);
-      const c = s.target, o = new DataView(c.result);
-      if (o.getUint16(0, !1) != 65496)
-        return a(-2);
-      const g = o.byteLength;
-      let i = 2;
-      for (; i < g; ) {
-        if (o.getUint16(i + 2, !1) <= 8) return a(-1);
-        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 k = o.getUint16(i, h);
-          i += 2;
-          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 ((y & 65280) != 65280)
-            break;
-          i += o.getUint16(i, !1);
-        }
-      }
-      return a(-1);
-    }, r.readAsArrayBuffer(A);
-  });
-};
-function VA(A) {
-  let r = 0;
-  switch (A) {
-    //   case 1:
-    //     degree = 0;
-    //     break;
-    // case 2:
-    //     degree = 0;
-    //     break;
-    // case 3:
-    //     degree = 180;
-    //     break;
-    // case 4:
-    //     degree = 180;
-    //     break;
-    // case 5:
-    //     degree = 90;
-    //     break;
-    // case 6:
-    //     degree = 90;
-    //     break;
-    // case 7:
-    //     degree = 270;
-    //     break;
-    // case 8:
-    //     degree = 270;
-    //     break;
-    case 3:
-      r = 180;
-      break;
-    case 6:
-      r = 90;
-      break;
-    case 8:
-      r = 270;
-      break;
-    default:
-      r = 0;
-  }
-  return r;
-}
-async function xA(A) {
-  const r = await RA(A);
-  return await VA(r);
-}
-async function GA(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 DA = {
-  // removeBg: async (endpoint: string, file: { dataUrl: string, resolution?: number }, basePath: string = '/media') => {
-  //   const body = JSON.stringify({
-  //     dataUrl: file.dataUrl,
-  //     removeBackground: true
-  //   });
-  //   const response = await fetch(endpoint, {
-  //       headers: {
-  //         'Content-Type': 'application/json'
-  //       },
-  //       method: 'POST',
-  //       body
-  //     })
-  //     .then((response) => response.json())
-  //     .catch((error) => [ error ]);
-  //   return await response.dataUrl;
-  // },
-  processImage: async (A, r, a = "/media") => {
-    const s = JSON.stringify({
-      ...r
-    });
-    return await (await fetch(A, {
-      headers: {
-        "Content-Type": "application/json"
-      },
-      method: "POST",
-      body: s
-    }).then((o) => o.json()).catch((o) => [o])).dataUrl;
-  }
-}, _A = "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"
-}, ZA = { key: 0 }, XA = { class: "photo-app__errors mt-2" }, KA = { class: "error--text" }, qA = {
-  key: 1,
-  class: "photo-app__file-list"
-}, 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"
-}, ue = { class: "col" }, de = {
-  key: 0,
-  class: "col"
-}, ge = {
-  key: 1,
-  class: "col"
-}, fe = ["required", "value"], xe = /* @__PURE__ */ AA({
-  __name: "photo-app",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    enableDragDrop: {
-      type: Boolean,
-      default: !0
-    },
-    enableLocalFileUpload: {
-      type: Boolean,
-      default: !0
-    },
-    enableCamera: {
-      type: Boolean,
-      default: !0
-    },
-    enableSwitchCamera: {
-      type: Boolean,
-      default: !1
-    },
-    defaultRearCamera: {
-      type: Boolean,
-      default: !1
-    },
-    enableFileList: {
-      type: Boolean,
-      default: !1
-    },
-    enableTogglePlay: {
-      type: Boolean,
-      default: !1
-    },
-    enableButtonIcons: {
-      type: Boolean,
-      default: !1
-    },
-    enableButtonCaptions: {
-      type: Boolean,
-      default: !1
-    },
-    enableLegacyInput: {
-      type: Boolean,
-      default: !1
-    },
-    enableInstantUpload: {
-      type: Boolean,
-      default: !1
-    },
-    enableAutoSave: {
-      type: Boolean,
-      default: !1
-    },
-    enableMirrorCamera: {
-      type: Boolean,
-      default: !1
-    },
-    enableCropImage: {
-      type: Boolean,
-      default: !0
-    },
-    enableGuide: {
-      type: Boolean,
-      default: !1
-    },
-    enableTitle: {
-      type: Boolean,
-      default: !0
-    },
-    enableReview: {
-      type: Boolean,
-      default: !0
-    },
-    downScaleImages: {
-      type: Boolean,
-      default: !1
-    },
-    guideSrc: {
-      type: String,
-      default: _A
-    },
-    acceptButton: {
-      type: Boolean,
-      default: ""
-    },
-    captureCountdown: {
-      type: Number,
-      default: 3
-    },
-    backgroundColor: {
-      type: String,
-      default: ""
-    },
-    color: {
-      type: String,
-      default: ""
-    },
-    i18n: {},
-    messages: {
-      default: () => ({})
-    },
-    apiEndpoint: {
-      type: String,
-      default: ""
-    },
-    apiEndpointSuffix: {
-      type: String,
-      default: ""
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    variant: {
-      type: String,
-      default: "light"
-    },
-    maxFileSize: {
-      type: Number,
-      default: 1024 * 1024
-    },
-    fixedResolution: {
-      type: Number,
-      default: 1024
-    },
-    ratio: {
-      type: String,
-      default: "3x4"
-    },
-    // enableRemoveBackground: {
-    //   type: Boolean,
-    //   default: false
-    // },
-    enableAudio: {
-      type: Boolean,
-      default: !1
-    },
-    enableSelectDevice: {
-      type: Boolean,
-      default: !1
-    },
-    enableProcessImage: {
-      type: Boolean,
-      default: !1
-    },
-    // removeBackground: null,
-    processImage: null,
-    filter: String,
-    tint: Object,
-    resolutions: Object,
-    zoom: Number,
-    enableZoomSlider: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(A, { emit: r }) {
-    const { tm: a } = LA(), s = QA(), c = s && s.appContext.config.globalProperties.$config, o = A, g = r, i = H(() => c.baseMediaPath), y = H(() => l.value && l.value.length && l.value.filter((n) => n.response && Object.keys(n.response).length).length === l.value.length), h = H(() => {
-      const n = l.value.find((p) => p.response && p.response.path);
-      return n && n.response.path;
-    }), k = H(() => h.value ? `${i.value}${h.value}` : ""), d = H(() => ({
-      ...o.i18n ? o.i18n.messages : {},
-      ...o.messages
-    }));
-    H(() => !!(l.value && l.value.length));
-    const v = H(() => 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(), F = D(!1), tA = D("");
-    X(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 GA(z, T), x = await (await fetch($)).blob();
-        l.value.push(new File([x], `${n.id}.${I}`, {
-          type: x.type
-        })), F.value = !1, dA();
-      }
-    }, { deep: !0 }), X(l, async (n, p) => {
-      if (o.enableInstantUpload)
-        n.find((I) => !I.response.path) && (m.value.active = !0);
-      else {
-        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]));
-        }));
-        U.value = I[0];
-      }
-    }, { deep: !0 }), X(y, async (n, p) => {
-      n && !p && (U.value = o.enableInstantUpload ? h.value : await yA(k.value));
-    }, { deep: !0 }), X(U, async (n, p) => {
-      o.enableAutoSave && U !== p && rA();
-    });
-    function nA() {
-      U.value = "", l.value = [], F.value = !1;
-    }
-    function dA() {
-      M.value = !1;
-    }
-    function K() {
-      nA(), M.value = !M.value;
-    }
-    async function gA(n) {
-      if (!o.filter) {
-        l.value = n;
-        return;
-      }
-      const { applyFilterToImageBlob: p } = UA({
-        ...o,
-        tintColor: o.tint?.color,
-        tintIntensity: o.tint?.intensity
-      }), I = await Promise.all((n || []).map(async (Q) => {
-        const T = Q?.file instanceof File ? Q.file : Q instanceof File ? Q : null;
-        if (!T)
-          return Q;
-        const z = await mA(T), $ = await p(z), V = new File([$], T.name, {
-          type: $.type || T.type,
-          lastModified: T.lastModified
-        });
-        if (Q?.file instanceof File) {
-          const x = window.URL || window.webkitURL;
-          return {
-            ...Q,
-            file: V,
-            size: V.size,
-            type: V.type,
-            name: V.name,
-            blob: x && x.createObjectURL ? x.createObjectURL(V) : Q.blob
-          };
-        }
-        return V;
-      }));
-      l.value = I;
-    }
-    const rA = (async () => {
-      F.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: n, resolution: o.fixedResolution },
-      p.basePath
-    )}`);
-    function sA() {
-      F.value = !0, S.value?.onCapture();
-    }
-    return wA(() => {
-      ["dragenter", "dragover"].forEach((n) => {
-        document.body.addEventListener(n, (p) => {
-          p.preventDefault(), N.value = !0;
-        }, !1);
-      }), ["dragleave", "drop"].forEach((n) => {
-        u.value.addEventListener(n, (p) => {
-          p.preventDefault(), N.value = !1;
-        }, !1);
-      }), ["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);
-      });
-    }), (n, p) => (f(), w("div", {
-      class: Y(["photo-app", A.variant === "dark" && "theme--dark"])
-    }, [
-      A.enableCamera ? (f(), w("div", {
-        key: 0,
-        class: "photo-app__canvas media-container",
-        style: G({
-          color: A.color,
-          backgroundColor: A.backgroundColor
-        })
-      }, [
-        M.value ? (f(), w("div", {
-          key: 0,
-          class: Y(["photo-app__camera", `${A.ratio ? `aspect-ratio--${A.ratio}` : ""}`]),
-          style: G({ borderColor: A.color })
-        }, [
-          L(B(MA), {
-            ref_key: "camera",
-            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,
-            "enable-switch-camera": A.enableSwitchCamera,
-            "default-rear-camera": A.defaultRearCamera,
-            "enable-guide": A.enableGuide,
-            "guide-src": A.guideSrc,
-            "fixed-resolution": A.fixedResolution,
-            "enable-audio": A.enableAudio,
-            "enable-select-device": A.enableSelectDevice,
-            "enable-crop-image": A.enableCropImage,
-            onOnStopped: K,
-            "text-color": A.color,
-            ratio: A.ratio,
-            resolutions: A.resolutions,
-            filter: A.filter,
-            "tint-color": A.tint?.color,
-            "tint-intensity": A.tint?.intensity,
-            zoom: A.zoom,
-            "enable-zoom-slider": A.enableZoomSlider
-          }, 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", "zoom", "enable-zoom-slider"])
-        ], 6)) : E("", !0),
-        l.value && l.value.length && !M.value ? (f(), w("div", {
-          key: 1,
-          class: "photo-app__preview",
-          style: G({ borderColor: A.color })
-        }, [
-          U.value ? (f(), R(B(CA), {
-            key: 0,
-            src: k.value || U.value
-          }, null, 8, ["src"])) : E("", !0),
-          L(IA, {
-            name: "fade",
-            mode: "out-in"
-          }, {
-            default: _(() => [
-              F.value ? (f(), R(B(BA), { key: 0 })) : E("", !0)
-            ]),
-            _: 1
-          })
-        ], 4)) : M.value ? E("", !0) : (f(), w("div", {
-          key: 2,
-          class: Y(["photo-app__drop-target", `${A.ratio ? `aspect-ratio--${A.ratio}` : ""}`]),
-          style: G({ borderColor: A.color })
-        }, [
-          C("div", zA, [
-            C("div", NA, [
-              C("p", {
-                class: "headline h2 font-weight-bold",
-                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"]),
-                style: G({ color: A.color }),
-                icon: "camera",
-                class: "rounded-pill"
-              }, {
-                default: _(() => [
-                  L(B(Z), { symbol: "camera" }),
-                  C("span", WA, P(d.value.launchCamera || n.$t("fileInput.coverLaunchCta")), 1)
-                ]),
-                _: 1
-              }, 8, ["style"])) : E("", !0)
-            ]),
-            A.enableLocalFileUpload ? (f(), w("div", JA, [
-              C("p", {
-                class: "subtitle fw-bold ma-0",
-                style: G({ color: A.color })
-              }, P(d.value.localFileTitle || n.$t("fileInput.coverLocalSelectTitle")), 5),
-              C("p", {
-                class: "text-body-1",
-                style: G({ color: A.color })
-              }, [
-                A.enableDragDrop ? (f(), w("span", ZA, P(d.value.dropTarget || n.$t("fileInput.coverDropTarget")) + " " + P(A.enableLocalFileUpload && A.enableDragDrop ? d.value.or || n.$t("common.or") : "") + " " + P(), 1)) : E("", !0),
-                C("label", {
-                  for: "fileUpload",
-                  role: "button",
-                  class: "d-inline link",
-                  style: G({ color: A.color })
-                }, P(d.value.coverSelectFileCta || n.$t("fileInput.coverLocalFileCta")), 5)
-              ], 4)
-            ])) : E("", !0)
-          ])
-        ], 6))
-      ], 4)) : E("", !0),
-      iA(C("div", {
-        class: "photo-app__drop-overlay",
-        ref_key: "dropArea",
-        ref: u
-      }, [
-        C("h3", null, P(d.value.dropTarget || n.$t("fileInput.dropTargetLabel")), 1)
-      ], 512), [
-        [cA, A.enableLocalFileUpload && A.enableDragDrop && N.value]
-      ]),
-      iA(C("div", XA, [
-        C("p", KA, P(tA.value), 1)
-      ], 512), [
-        [cA, tA.value]
-      ]),
-      A.enableFileList && l.value.length ? (f(), w("div", qA, [
-        C("div", Ae, [
-          (f(!0), w(kA, null, SA(l.value, (I) => (f(), w("div", {
-            key: I.id,
-            class: "col col-12"
-          }, [
-            C("span", null, P(I.name), 1),
-            p[2] || (p[2] = J(" - ", -1)),
-            C("span", null, P(I.size), 1),
-            p[3] || (p[3] = J(" - ", -1)),
-            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),
-      iA(C("div", le, [
-        C("div", ne, [
-          C("div", re, [
-            C("div", se, [
-              bA(n.$slots, "headline", {}, () => [
-                A.enableTitle && (M.value || l.value.length) ? (f(), w("p", {
-                  key: 0,
-                  class: "headline",
-                  innerHTML: v.value
-                }, null, 8, ie)) : E("", !0)
-              ]),
-              !A.enableLegacyInput && (M.value || l.value.length) ? (f(), w("div", ce, [
-                C("div", ue, [
-                  M.value || l.value.length && (!m.value || !m.value.active) ? (f(), R(B(lA), {
-                    key: 0,
-                    type: "button",
-                    class: Y(["btn btn-primary-outline rounded-circle", `theme--${A.variant}`]),
-                    onClick: p[1] || (p[1] = q((I) => M.value ? K() : nA(), ["prevent"]))
-                  }, {
-                    default: _(() => [
-                      L(B(Z), {
-                        symbol: "x",
-                        "base-path": B(c).iconSprite,
-                        class: "primary"
-                      }, null, 8, ["base-path"]),
-                      J(" " + P(A.enableButtonCaptions ? d.value.cancel || n.$t("fileInput.cancel") : ""), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["class"])) : E("", !0)
-                ]),
-                M.value ? (f(), w("div", de, [
-                  L(B(lA), {
-                    type: "button",
-                    class: Y(["btn btn-primary rounded-circle", `theme--${A.variant}`]),
-                    onClick: q(sA, ["prevent"]),
-                    disabled: F.value
-                  }, {
-                    default: _(() => [
-                      L(B(Z), {
-                        symbol: "camera",
-                        "base-path": B(c).iconSprite
-                      }, null, 8, ["base-path"]),
-                      J(" " + P(A.enableButtonCaptions ? d.value.shoot || n.$t("fileInput.shoot") : ""), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["class", "disabled"])
-                ])) : A.enableReview ? (f(), w("div", ge, [
-                  L(B(lA), {
-                    type: "button",
-                    class: Y(["btn btn-primary rounded-circle", {
-                      [`theme--${A.variant}`]: A.variant,
-                      "btn-success": F.value
-                    }]),
-                    onClick: q(rA, ["prevent"]),
-                    disabled: F.value
-                  }, {
-                    default: _(() => [
-                      L(B(Z), { symbol: "check" }),
-                      J(" " + P(A.enableButtonCaptions ? d.value.accept || n.$t("common.accept") : ""), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["class", "disabled"])
-                ])) : E("", !0)
-              ])) : E("", !0),
-              iA(C("div", {
-                class: Y(["justify-center col-10 mx-auto", {
-                  "d-flex": A.enableLegacyInput && (M.value || l.value.length)
-                }])
-              }, [
-                C("button", {
-                  type: "button",
-                  class: Y(["btn btn-primary", `theme--${A.variant}`]),
-                  onClick: q(K, ["prevent"])
-                }, [
-                  A.enableButtonIcons ? (f(), R(B(Z), {
-                    key: 0,
-                    symbol: "camera"
-                  })) : E("", !0),
-                  J(" " + P(A.enableButtonCaptions ? M.value ? d.value.cancel || n.$t("common.cancel") : d.value.camera || n.$t("fileInput.selectCameraCta") : ""), 1)
-                ], 2),
-                M.value && (!n.$refs.upload || m.value.active) ? (f(), R(B(lA), {
-                  key: 0,
-                  type: "button",
-                  class: Y(["btn btn-primary", `theme--${A.variant}`]),
-                  onClick: q(sA, ["prevent"]),
-                  disabled: F.value
-                }, {
-                  default: _(() => [
-                    A.enableButtonIcons ? (f(), R(B(Z), {
-                      key: 0,
-                      symbol: "camera"
-                    })) : E("", !0),
-                    J(" " + P(A.enableButtonCaptions ? d.value.shoot || n.$t("fileInput.shoot") : ""), 1)
-                  ]),
-                  _: 1
-                }, 8, ["class", "disabled"])) : E("", !0),
-                L(B(PA), {
-                  ref_key: "upload",
-                  ref: m,
-                  "model-value": l.value,
-                  id: "fileUpload",
-                  "onUpdate:modelValue": gA,
-                  name: "fileUpload"
-                }, {
-                  default: _(() => [
-                    bA(n.$slots, "label", {}, () => [
-                      C("label", {
-                        for: "fileUpload",
-                        type: "button",
-                        class: Y(["btn btn-primary", `theme--${A.variant}`])
-                      }, [
-                        A.enableButtonIcons ? (f(), R(B(Z), {
-                          key: 0,
-                          symbol: "camera"
-                        })) : E("", !0)
-                      ], 2)
-                    ])
-                  ]),
-                  _: 3
-                }, 8, ["model-value"])
-              ], 2), [
-                [cA, A.enableLegacyInput && (M.value || l.value.length)]
-              ]),
-              A.required ? (f(), w("input", {
-                key: 1,
-                ref: "hiddenInput",
-                required: A.required,
-                value: U.value,
-                style: { display: "none" }
-              }, null, 8, fe)) : E("", !0)
-            ])
-          ])
-        ])
-      ], 512), [
-        [cA, M.value || l.value.length]
-      ])
-    ], 2));
-  }
-});
-function uA(A) {
-  return new Promise((r, a) => {
-    A.oncomplete = A.onsuccess = () => r(A.result), A.onabort = A.onerror = () => a(A.error);
-  });
-}
-function me(A, r) {
-  const a = indexedDB.open(A);
-  a.onupgradeneeded = () => a.result.createObjectStore(r);
-  const s = uA(a);
-  return (c, o) => s.then(
-    (g) => o(g.transaction(r, c).objectStore(r))
-  );
-}
-let pA;
-function vA() {
-  return pA || (pA = me("keyval-store", "keyval")), pA;
-}
-function pe(A, r = vA()) {
-  return r("readonly", (a) => uA(a.get(A)));
-}
-function be(A, r, a = vA()) {
-  return a("readwrite", (s) => (s.put(r, A), uA(s.transaction)));
-}
-function Ce(A, r = vA()) {
-  return r("readwrite", (a) => (a.delete(A), uA(a.transaction)));
-}
-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"
-}, he = /* @__PURE__ */ AA({
-  __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
-    },
-    animationDuration: {
-      type: Number,
-      default: 0
-    }
-  },
-  emits: ["update:modelValue", "update:jsonModel", "update:pending", "on-ready"],
-  setup(A, { expose: r, emit: a }) {
-    let s, c, o, g, i, y, h, k;
-    const d = a;
-    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 (b) => {
-        const O = JSON.parse(t);
-        if (O.backgroundImage) {
-          const j = await U(O.backgroundImage.src || O.backgroundImage.filename);
-          j.set({
-            opacity: 1
-          }), e.backgroundImage = j, e.centerObject(j);
-        }
-        if (O.overlayImage) {
-          const j = await U(O.overlayImage.src || O.overlayImage.filename);
-          j.set({
-            opacity: 1,
-            left: m.value / 2,
-            top: S.value / 2,
-            scaleX: m.value / j.width,
-            scaleY: S.value / j.height
-          }), e.overlayImage = j;
-        }
-        (await g.enlivenObjects(O.objects, {
-          reviver: void 0
-        })).forEach((j) => {
-          e.add(j);
-        }), b(e);
-      });
-    }
-    async function U(e) {
-      const t = await V(e);
-      e.includes("data:image") || (t.filename = e);
-      const b = g.findScaleToCover(t, u), O = t instanceof c;
-      return t.set({
-        left: 0,
-        top: 0,
-        opacity: O && v.animationDuration > 0 ? 0 : 1,
-        scaleX: b,
-        scaleY: b,
-        src: e
-      }), t;
-    }
-    async function F(e) {
-      !(e instanceof c) || v.animationDuration === 0 || (v.emitPending && d("update:pending", !0), await new Promise((b) => {
-        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), b());
-        };
-        requestAnimationFrame(j);
-      }));
-    }
-    function tA(e) {
-      const t = g.findScaleToCover(e, u);
-      return e.set({
-        scaleX: t,
-        scaleY: t
-      }), e;
-    }
-    async function nA(e) {
-      const t = await U(e.src);
-      u.backgroundImage = t, u.centerObject(t), u.renderAll(), await F(t), Q();
-    }
-    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 F(t), Q();
-    }
-    async function K(e) {
-      const t = await U(e.src);
-      t.set({
-        left: m.value / 2,
-        top: S.value / 2,
-        scaleX: m.value / t.width,
-        scaleY: S.value / t.height
-      }), u.overlayImage = t, u.renderAll(), await F(t), Q();
-    }
-    async function gA(e) {
-      u.discardActiveObject();
-      const t = await V(e.src);
-      t.filename = e.src;
-      const b = m.value / 3, O = S.value / 3, aA = b / t.width, j = O / t.height, oA = Math.min(aA, j);
-      t.set({
-        scaleX: oA,
-        scaleY: oA,
-        left: m.value / 2,
-        top: S.value / 2
-      }), t.id = e.id, t.padding = 8, u.add(t), u.setActiveObject(t), await F(t), u.renderAll();
-    }
-    function rA(e, t) {
-      t.target.id;
-      const b = t.target;
-      return u.remove(b), u.requestRenderAll(), !0;
-    }
-    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: S.value / e.height
-        });
-      }
-      u.getObjects().forEach((e) => {
-        e.assetType === "foreground" && (e = tA(e), u.centerObject(e));
-      }), u.renderAll();
-    }
-    const sA = TA(() => {
-      fA();
-    }, 200, { trailing: !0, leading: !1 });
-    function n(e) {
-      return (t, b, O, aA, j) => {
-        t.save(), t.translate(b, 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 p() {
-      const e = document.createElement("img");
-      e.src = ve;
-      const t = document.createElement("img");
-      t.src = ye, u.on("object:added", (b) => {
-        b.target && b.target.controls && (b.target.set({
-          transparentCorners: !1,
-          cornerSize: 16,
-          cornerStyle: "circle",
-          ...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({
-          x: 0.5,
-          y: -0.5,
-          offsetX: 32,
-          offsetY: 0,
-          cursorStyle: "pointer",
-          actionName: "rotate",
-          actionHandler: k.rotationWithSnapping,
-          cursorStyleHandler: k.rotationStyleHandler,
-          render: n(e)
-        }), b.target.controls.delete = new o({
-          x: 0.5,
-          y: -0.5,
-          offsetX: 32,
-          offsetY: 32,
-          cursorStyle: "pointer",
-          mouseUpHandler: rA,
-          render: n(t)
-        }));
-      });
-    }
-    async function I() {
-      return await new Promise((e) => {
-        setTimeout(() => {
-          const t = v.exportToSvg ? u.toSVG() : u.toDataURL({ multiplier: 2 });
-          e(t);
-        }, 200);
-      });
-    }
-    function Q() {
-      setTimeout(async () => {
-        const e = u.toDatalessJSON(["selectable", "assetType", "filename"]);
-        await be("fabric-canvas", JSON.stringify(e));
-        let t = !0;
-        if (v.required)
-          switch (t = !1, v.feature) {
-            case "overlay":
-              e.overlayImage && (t = !0);
-              break;
-            case "background":
-              e.backgroundImage && (t = !0);
-              break;
-            case "stickers":
-              e.objects.length > 1 && (t = !0);
-              break;
-            default:
-              (e.objects.length > 1 || e.backgroundImage || e.overlayImage) && (t = !0);
-          }
-        if (t) {
-          N = !0;
-          const b = await I();
-          d("update:modelValue", b), d("update:jsonModel", e);
-        }
-      }, 120);
-    }
-    async function T(e) {
-      try {
-        return await c.fromURL(e);
-      } catch (t) {
-        throw console.error("Error loading image:", t), t;
-      }
-    }
-    async function z(e) {
-      const { objects: t, options: b } = await i(e);
-      return g.groupSVGElements(t, b);
-    }
-    async function $(e) {
-      const { objects: t, options: b } = await y(e);
-      return g.groupSVGElements(t, b);
-    }
-    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);
-    }
-    async function x(e, t) {
-      e && !t && !N && dA({ src: e });
-    }
-    return X(() => 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);
-      }, u = new s("fabricCanvas", {
-        width: m.value,
-        height: S.value,
-        // enableRetinaScaling: false,
-        skipOffscreen: !0,
-        // devicePixelRatio: 4,
-        allowTouchScrolling: !0
-        // backstoreOnly: true
-      }), v.resetState && await Ce("fabric-canvas"), M.value = await pe("fabric-canvas"), M.value ? (await eA(u, M.value), u.requestRenderAll(), requestAnimationFrame(() => {
-        u.renderAll();
-      })) : 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
-    }, [
-      C("div", we, [
-        C("canvas", Ie, null, 512)
-      ]),
-      bA(e.$slots, "default")
-    ], 512));
-  }
-}), 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",
-    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"]
-  }
-], Ge = /* @__PURE__ */ AA({
-  __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: () => ke
-    },
-    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
-    },
-    animationDuration: {
-      type: Number,
-      default: 320
-    }
-  },
-  emits: ["update:modelValue", "update:jsonModel", "update:ready", "update:pending"],
-  setup(A, { emit: r }) {
-    const a = A, s = r, c = D(), o = D(), g = D(!1), i = H(
-      () => 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
-    ), y = H({
-      get() {
-        return a.modelValue;
-      },
-      set(l) {
-        s("update:modelValue", l);
-      }
-    }), h = H({
-      get() {
-        return a.jsonModel;
-      },
-      set(l) {
-        s("update:jsonModel", l);
-      }
-    }), k = H({
-      get() {
-        return a.pending;
-      },
-      set(l) {
-        a.ready && s("update:pending", l);
-      }
-    });
-    X(o, async (l, m) => {
-      l && l !== m && s("update:modelValue", l);
-    }, { deep: !0 });
-    function d(l) {
-      if (typeof l < "u") {
-        const m = i.value[l];
-        switch (m.type) {
-          case "background":
-            c.value?.setBackgroundImage(m);
-            break;
-          case "overlay":
-            c.value.setOverlayImage(m);
-            break;
-          default:
-            c.value.addCanvasObject(m);
-        }
-      }
-    }
-    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(), w("div", Be, [
-      C("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] = (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: 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(), w("p", {
-        key: 0,
-        class: "headline",
-        innerHTML: A.messages.headline
-      }, null, 8, De)) : E("", !0),
-      C("div", Qe, [
-        g.value ? (f(), R(B(EA), {
-          key: 0,
-          assets: i.value,
-          onSelect: d
-        }, null, 8, ["assets"])) : E("", !0)
-      ])
-    ]));
-  }
-}), 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",
-    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: []
-  }
-], _e = /* @__PURE__ */ AA({
-  __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: () => Oe
-    },
-    resetState: {
-      type: Boolean,
-      default: !1
-    },
-    ratio: {
-      type: String,
-      default: "4x3"
-    },
-    endpoint: {
-      type: String,
-      default: "/faceswap-json"
-    },
-    autoSelect: Number
-  },
-  emits: ["update:modelValue"],
-  setup(A, { emit: r }) {
-    const a = A, s = r, c = D(), o = D(), g = D(), i = D(!1);
-    H({
-      get() {
-        return a.modelValue;
-      },
-      set(d) {
-        s("update:modelValue", d);
-      }
-    });
-    const y = H(() => g.value || c.value && c.value.src || o.value);
-    X(g, async (d, v) => {
-      d && d !== v && s("update:modelValue", d);
-    }, { deep: !0 });
-    function h(d) {
-      if (typeof d < "u") {
-        const v = a.assets[d];
-        c.value = v, g.value = null;
-      }
-    }
-    async function k() {
-      const d = await FA(c.value.src), l = { dataUrl: a.modelValue, targetDataUrl: d };
-      i.value = !0;
-      const m = DA;
-      g.value = await m.processImage(
-        a.endpoint,
-        l,
-        ""
-      ), i.value = !1;
-    }
-    return hA(() => {
-      o.value = a.modelValue;
-    }), (d, v) => (f(), w("div", Se, [
-      C("div", Me, [
-        C("div", {
-          class: Y(["media-container", `${A.ratio ? `ratio ratio-${A.ratio}` : ""}`])
-        }, [
-          L(IA, {
-            name: "fade",
-            mode: "out-in"
-          }, {
-            default: _(() => [
-              (f(), w("div", { key: y.value }, [
-                L(B(CA), { src: y.value }, null, 8, ["src"])
-              ]))
-            ]),
-            _: 1
-          })
-        ], 2),
-        c.value ? (f(), w("button", {
-          key: 0,
-          type: "button",
-          class: "btn face-swap__swap-face",
-          onClick: k
-        }, [
-          o.value && !g.value && !i.value ? (f(), R(B(CA), {
-            key: 0,
-            src: o.value,
-            class: "img-thumbnail"
-          }, null, 8, ["src"])) : E("", !0)
-        ])) : E("", !0),
-        i.value ? (f(), R(B(BA), { key: 1 })) : E("", !0)
-      ]),
-      A.messages.headline ? (f(), w("p", {
-        key: 0,
-        class: "headline",
-        innerHTML: A.messages.headline
-      }, null, 8, Pe)) : E("", !0),
-      C("div", Ue, [
-        L(B(EA), {
-          assets: A.assets,
-          onSelect: h
-        }, null, 8, ["assets"])
-      ])
-    ]));
-  }
-}), je = ["innerHTML"], Le = /* @__PURE__ */ AA({
-  __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(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 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 k = i.closest(".svg-canvas").querySelector("svg").outerHTML;
-        s("update:modelValue", k);
-      }
-    }
-    return (g, i) => (f(), w("div", {
-      class: Y(["svg-canvas", `${A.scale > 1 ? "overflow-scroll" : ""}`])
-    }, [
-      C("div", {
-        ref_key: "svg",
-        ref: c,
-        class: "svg-wrapper",
-        innerHTML: A.modelValue,
-        style: G({ transform: `scale(${A.scale})` }),
-        onClick: i[0] || (i[0] = (y) => o(y))
-      }, null, 12, je)
-    ], 2));
-  }
-}), Te = { class: "svg-editor" }, Fe = { class: "svg-editor__frame" }, ze = /* @__PURE__ */ AA({
-  __name: "color-booth",
-  props: {
-    modelValue: String,
-    name: String,
-    src: String,
-    required: Boolean,
-    colors: Array,
-    groupedFill: Boolean
-  },
-  emits: ["update:modelValue"],
-  setup(A, { emit: r }) {
-    const a = A, s = r, c = D(""), o = D(1), g = H({
-      get() {
-        return a.modelValue;
-      },
-      set(i) {
-        s("update:modelValue", i);
-      }
-    });
-    return hA(() => {
-      c.value = a.colors?.length ? a.colors[0] : "";
-    }), (i, y) => (f(), w("div", Te, [
-      C("div", Fe, [
-        L(B(OA), {
-          modelValue: o.value,
-          "onUpdate:modelValue": y[1] || (y[1] = (h) => o.value = h)
-        }, {
-          default: _(() => [
-            L(Le, {
-              modelValue: g.value,
-              "onUpdate:modelValue": y[0] || (y[0] = (h) => g.value = h),
-              fillColor: c.value,
-              scale: o.value,
-              "grouped-fill": A.groupedFill
-            }, null, 8, ["modelValue", "fillColor", "scale", "grouped-fill"])
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        L(B(jA), {
-          modelValue: c.value,
-          "onUpdate:modelValue": y[2] || (y[2] = (h) => c.value = h),
-          colors: A.colors,
-          class: "mt-2"
-        }, null, 8, ["modelValue", "colors"])
-      ])
-    ]));
-  }
-});
-export {
-  ze as ColorBooth,
-  Ge as CreativeBooth,
-  he as FabricCanvas,
-  _e as FaceSwap,
-  xe as PhotoApp
-};