ablok-photobooth 0.2.40 → 0.2.42

package/dist/ablok-photobooth.js

@@ -1,6 +1,6 @@
-import { _ as a } from "./chunks/photo-app.vue_vue_type_style_index_0_lang-CQsO0T0U.js";
+import { _ as a } from "./chunks/photo-app.vue_vue_type_style_index_0_lang-BdQvhbLS.js";
 import { _ as e } from "./chunks/fabric-canvas.vue_vue_type_style_index_0_lang-B-D65X2t.js";
-import { _ as s } from "./chunks/creative-booth.vue_vue_type_style_index_0_lang-BUDOTH0K.js";
+import { _ as s } from "./chunks/creative-booth.vue_vue_type_style_index_0_lang-BHKoShl5.js";
 import { _ as m } from "./chunks/face-swap.vue_vue_type_style_index_0_lang-B0EJ4Q3T.js";
 import { _ } from "./chunks/color-booth.vue_vue_type_style_index_0_lang-Cxo8ZMRt.js";
 export {

package/dist/chunks/creative-booth.vue_vue_type_style_index_0_lang-BHKoShl5.js

@@ -0,0 +1,248 @@
+import { defineComponent as x, ref as c, computed as l, watch as S, openBlock as u, createElementBlock as v, createElementVNode as h, createVNode as B, normalizeClass as M, createCommentVNode as b, createBlock as V } from "vue";
+import w from "ablok-components/components/molecules/media-thumbnails/media-thumbnails.vue";
+import { _ as A } from "./fabric-canvas.vue_vue_type_style_index_0_lang-B-D65X2t.js";
+const C = { class: "creative-booth" }, D = { class: "media-container" }, O = ["innerHTML"], E = { class: "creative-booth__thumbnails" }, F = [
+  {
+    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: "preset",
+    thumbnail: "/themes/corp/backgrounds/corporate-your-background-1024x1024.jpg",
+    filters: ["asset-01"],
+    items: {
+      background: {
+        type: "background",
+        src: "/themes/corp/backgrounds/corporate-your-background-1024x1024.jpg",
+        thumbnail: "/themes/corp/backgrounds/corporate-your-background-1024x1024.jpg",
+        mediaType: "image"
+      },
+      overlay: {
+        type: "overlay",
+        src: "/themes/corp/overlays/corporate-your-overlay-1024x1024.png",
+        thumbnail: "/themes/corp/overlays/corporate-your-overlay-1024x1024.png",
+        mediaType: "image"
+      },
+      object: {
+        type: "object",
+        src: "/themes/corp/stickers/corporate-your-sticker-512x512.svg",
+        thumbnail: "/themes/corp/stickers/corporate-your-sticker-512x512.svg",
+        mediaType: "svg"
+      }
+    }
+  },
+  {
+    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"]
+  }
+], I = /* @__PURE__ */ x({
+  __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: () => F
+    },
+    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
+    },
+    stackedThumbnails: {
+      type: Boolean,
+      default: !1
+    },
+    showThumbnailCount: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "update:jsonModel", "update:ready", "update:pending"],
+  setup(a, { emit: k }) {
+    const s = a, o = k, n = c(), j = c(), d = c(!1), i = l(
+      () => s.assetFilters && s.assetFilters.length > 0 ? s.assets.filter((e) => !e.filters || e.filters.length == 0 || s.assetFilters.some((t) => e.filters.includes(t))) : s.assets
+    ), p = l({
+      get() {
+        return s.modelValue;
+      },
+      set(e) {
+        o("update:modelValue", e);
+      }
+    }), m = l({
+      get() {
+        return s.jsonModel;
+      },
+      set(e) {
+        o("update:jsonModel", e);
+      }
+    }), y = l({
+      get() {
+        return s.pending;
+      },
+      set(e) {
+        s.ready && o("update:pending", e);
+      }
+    });
+    S(j, async (e, t) => {
+      e && e !== t && o("update:modelValue", e);
+    }, { deep: !0 });
+    function g(e) {
+      switch (e.type) {
+        case "background":
+          n.value?.setBackgroundImage(e);
+          break;
+        case "overlay":
+          n.value?.setOverlayImage(e);
+          break;
+        default:
+          n.value?.addCanvasObject(e);
+      }
+    }
+    function f(e) {
+      if (typeof e < "u") {
+        const t = i.value[e];
+        t.type === "preset" ? Object.values(t.items).forEach(g) : g(t);
+      }
+    }
+    const T = (async () => {
+      if (d.value = !0, s.autoSelect !== void 0) {
+        const e = s.autoSelect >= 0 ? s.autoSelect : Math.floor(Math.random() * i.value.length);
+        f(e);
+      }
+      o("update:ready", !0);
+    });
+    return (e, t) => (u(), v("div", C, [
+      h("div", D, [
+        B(A, {
+          modelValue: p.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => p.value = r),
+          "json-model": m.value,
+          "onUpdate:jsonModel": t[1] || (t[1] = (r) => m.value = r),
+          pending: y.value,
+          "onUpdate:pending": t[2] || (t[2] = (r) => y.value = r),
+          ref_key: "canvas",
+          ref: n,
+          "reset-state": a.resetState,
+          options: { themeData: a.themeData },
+          feature: a.feature,
+          required: a.required,
+          class: M(`${a.ratio ? `aspect-ratio aspect-ratio--${a.ratio}` : ""}`),
+          onOnReady: T,
+          "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 ? (u(), v("p", {
+        key: 0,
+        class: "headline",
+        innerHTML: a.messages.headline
+      }, null, 8, O)) : b("", !0),
+      h("div", E, [
+        d.value ? (u(), V(w, {
+          key: 0,
+          assets: i.value,
+          stacked: a.stackedThumbnails,
+          "show-count": a.showThumbnailCount,
+          onSelect: f
+        }, null, 8, ["assets", "stacked", "show-count"])) : b("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  F as D,
+  I as _
+};

package/dist/chunks/{photo-app.vue_vue_type_style_index_0_lang-CQsO0T0U.js → photo-app.vue_vue_type_style_index_0_lang-BdQvhbLS.js}

@@ -1,8 +1,8 @@
-import { defineComponent as gA, getCurrentInstance as sA, computed as b, ref as B, watch as F, onMounted as rA, openBlock as t, createElementBlock as s, normalizeClass as f, normalizeStyle as v, createVNode as E, createCommentVNode as r, createBlock as Q, Transition as iA, withCtx as D, createElementVNode as n, withModifiers as M, toDisplayString as i, withDirectives as U, vShow as G, Fragment as CA, renderList as cA, createTextVNode as y, renderSlot as X, unref as $ } from "vue";
+import { defineComponent as rA, getCurrentInstance as gA, computed as b, ref as B, watch as F, onMounted as sA, openBlock as t, createElementBlock as g, normalizeClass as f, normalizeStyle as v, createVNode as E, createCommentVNode as s, createBlock as Q, Transition as iA, withCtx as D, createElementVNode as n, withModifiers as M, toDisplayString as i, withDirectives as U, vShow as G, Fragment as cA, renderList as CA, createTextVNode as y, renderSlot as X, unref as $ } from "vue";
 import uA from "ablok-components/components/molecules/base-camera/base-camera.vue";
 import dA from "ablok-components/components/atoms/base-image/base-image.vue";
 import IA from "ablok-components/components/atoms/loading-spinner/loading-spinner.vue";
-import k from "ablok-components/components/atoms/base-button/base-button.vue";
+import O from "ablok-components/components/atoms/base-button/base-button.vue";
 import p from "ablok-components/components/atoms/svg-icon/svg-icon.vue";
 import BA from "ablok-components/components/atoms/input-file/input-file.vue";
 import { useCameraFilter as fA } from "ablok-components/composables/useCameraFilter";
@@ -11,10 +11,10 @@ import { g as EA, f as j, a as vA, b as QA, c as q, M as mA } from "./media-api-
 const bA = "data:image/png;base64,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", DA = { class: "photo-app__drop-target__canvas" }, yA = { class: "flex-grow-1 text-center" }, pA = ["innerHTML"], hA = { class: "ml-2" }, PA = {
   key: 0,
   class: "d-flex flex-column align-center justify-center"
-}, MA = { key: 0 }, LA = { class: "photo-app__errors mt-2" }, HA = { class: "error--text" }, kA = {
+}, MA = { key: 0 }, LA = { class: "photo-app__errors mt-2" }, HA = { class: "error--text" }, OA = {
   key: 1,
   class: "photo-app__file-list"
-}, OA = { class: "row" }, YA = { key: 0 }, FA = { key: 1 }, UA = { key: 2 }, GA = { key: 3 }, SA = { class: "photo-app__form-input text-center" }, zA = { class: "photo-app__controls" }, RA = { class: "row" }, NA = { class: "col col-12" }, jA = ["innerHTML"], JA = {
+}, kA = { class: "row" }, YA = { key: 0 }, FA = { key: 1 }, UA = { key: 2 }, GA = { key: 3 }, SA = { class: "photo-app__form-input text-center" }, zA = { class: "photo-app__controls" }, RA = { class: "row" }, NA = { class: "col col-12" }, jA = ["innerHTML"], JA = {
   key: 0,
   class: "d-flex justify-center col-8 mx-auto"
 }, TA = { class: "col" }, ZA = {
@@ -23,7 +23,7 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
 }, xA = {
   key: 1,
   class: "col"
-}, WA = ["required", "value"], oe = /* @__PURE__ */ gA({
+}, WA = ["required", "value"], oe = /* @__PURE__ */ rA({
   __name: "photo-app",
   props: {
     modelValue: {
@@ -179,79 +179,83 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
     enableZoomSlider: {
       type: Boolean,
       default: !1
+    },
+    correctOrientation: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue"],
   setup(A, { emit: _ }) {
-    const { tm: KA } = wA(), J = sA(), S = J && J.appContext.config.globalProperties.$config, g = A, AA = _, eA = b(() => S.baseMediaPath), aA = b(() => l.value && l.value.length && l.value.filter((e) => e.response && Object.keys(e.response).length).length === l.value.length), z = b(() => {
+    const { tm: KA } = wA(), J = gA(), S = J && J.appContext.config.globalProperties.$config, r = A, AA = _, eA = b(() => S.baseMediaPath), aA = b(() => l.value && l.value.length && l.value.filter((e) => e.response && Object.keys(e.response).length).length === l.value.length), z = b(() => {
       const e = l.value.find((a) => a.response && a.response.path);
       return e && e.response.path;
     }), T = b(() => z.value ? `${eA.value}${z.value}` : ""), u = b(() => ({
-      ...g.i18n ? g.i18n.messages : {},
-      ...g.messages
+      ...r.i18n ? r.i18n.messages : {},
+      ...r.messages
     }));
     b(() => !!(l.value && l.value.length));
-    const tA = b(() => l.value.length ? u.value.reviewTitle : u.value.captureTitle), l = B([]), L = B(), Z = B(), R = B(), O = B(!1), C = B(!1), N = B(), I = B(), w = B(!1), x = B("");
+    const tA = b(() => l.value.length ? u.value.reviewTitle : u.value.captureTitle), l = B([]), L = B(), Z = B(), R = B(), k = B(!1), c = B(!1), N = B(), I = B(), w = B(!1), x = B("");
     F(N, async (e, a) => {
       if (e) {
-        const o = e.blob && e.blob.type.split("/")[1], c = new File([e.blob], `${e.id}.${o}`), d = await EA(c), h = await j(c), H = await vA(h, d), P = await (await fetch(H)).blob();
+        const o = e.blob && e.blob.type.split("/")[1], C = new File([e.blob], `${e.id}.${o}`), d = await EA(C), h = await j(C), H = await vA(h, d), P = await (await fetch(H)).blob();
         l.value.push(new File([P], `${e.id}.${o}`, {
           type: P.type
         })), w.value = !1, lA();
       }
     }, { deep: !0 }), F(l, async (e, a) => {
-      if (g.enableInstantUpload)
+      if (r.enableInstantUpload)
         e.find((o) => !o.response.path) && (L.value.active = !0);
       else {
-        const o = await Promise.all(e.map(async (c) => {
-          let d = await j(c);
-          g.downScaleImages && Number(g.maxFileSize) && c.size > Number(g.maxFileSize) && (d = await QA(d, 800, 800));
-          const h = g.ratio.split("x");
+        const o = await Promise.all(e.map(async (C) => {
+          let d = await j(C);
+          r.downScaleImages && Number(r.maxFileSize) && C.size > Number(r.maxFileSize) && (d = await QA(d, 800, 800));
+          const h = r.ratio.split("x");
           return await q(d, Number(h[0]) / Number(h[1]));
         }));
         I.value = o[0];
       }
     }, { deep: !0 }), F(aA, async (e, a) => {
-      e && !a && (I.value = g.enableInstantUpload ? z.value : await q(T.value));
+      e && !a && (I.value = r.enableInstantUpload ? z.value : await q(T.value));
     }, { deep: !0 }), F(I, async (e, a) => {
-      g.enableAutoSave && I !== a && K();
+      r.enableAutoSave && I !== a && K();
     });
     function W() {
       I.value = "", l.value = [], w.value = !1;
     }
     function lA() {
-      C.value = !1;
+      c.value = !1;
     }
     function Y() {
-      W(), C.value = !C.value;
+      W(), c.value = !c.value;
     }
     async function oA(e) {
-      if (!g.filter) {
+      if (!r.filter) {
         l.value = e;
         return;
       }
       const { applyFilterToImageBlob: a } = fA({
-        ...g,
-        filter: g.filter ?? "none",
-        tintColor: g.tint?.color ?? "",
-        tintIntensity: g.tint?.intensity ?? 0
-      }), o = await Promise.all((e || []).map(async (c) => {
-        const d = c?.file instanceof File ? c.file : c instanceof File ? c : null;
+        ...r,
+        filter: r.filter ?? "none",
+        tintColor: r.tint?.color ?? "",
+        tintIntensity: r.tint?.intensity ?? 0
+      }), o = await Promise.all((e || []).map(async (C) => {
+        const d = C?.file instanceof File ? C.file : C instanceof File ? C : null;
         if (!d)
-          return c;
+          return C;
         const h = await j(d), H = await a(h), m = new File([H], d.name, {
           type: H.type || d.type,
           lastModified: d.lastModified
         });
-        if (c?.file instanceof File) {
+        if (C?.file instanceof File) {
           const P = window.URL || window.webkitURL;
           return {
-            ...c,
+            ...C,
             file: m,
             size: m.size,
             type: m.type,
             name: m.name,
-            blob: P && P.createObjectURL ? P.createObjectURL(m) : c.blob
+            blob: P && P.createObjectURL ? P.createObjectURL(m) : C.blob
           };
         }
         return m;
@@ -259,40 +263,40 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
       l.value = o;
     }
     const K = (async () => {
-      w.value = !0, g.enableProcessImage && g.processImage && (I.value = await g.processImage.reduce(async (e, a) => {
+      w.value = !0, r.enableProcessImage && r.processImage && (I.value = await r.processImage.reduce(async (e, a) => {
         const o = await e;
         return await nA(o, a);
       }, Promise.resolve(I.value))), AA("update:modelValue", I.value);
     }), nA = (async (e, a) => `${await mA.processImage(
       `${a.endpoint}${a.search ? `?${a.search}` : ""}`,
-      { ...a.body, dataUrl: e, resolution: g.fixedResolution },
+      { ...a.body, dataUrl: e, resolution: r.fixedResolution },
       a.basePath
     )}`);
     function V() {
       w.value = !0, Z.value?.onCapture();
     }
-    return rA(() => {
+    return sA(() => {
       ["dragenter", "dragover"].forEach((e) => {
         document.body.addEventListener(e, (a) => {
-          a.preventDefault(), O.value = !0;
+          a.preventDefault(), k.value = !0;
         }, !1);
       }), ["dragleave", "drop"].forEach((e) => {
         R.value.addEventListener(e, (a) => {
-          a.preventDefault(), O.value = !1;
+          a.preventDefault(), k.value = !1;
         }, !1);
       }), ["drop"].forEach((e) => {
         R.value.addEventListener(e, (a) => {
-          a.preventDefault(), O.value = !1;
+          a.preventDefault(), k.value = !1;
           const o = a.dataTransfer;
           (o && Array.from(o.files || []))?.forEach((d) => {
             l.value.push(d);
           });
         }, !1);
       });
-    }), (e, a) => (t(), s("div", {
+    }), (e, a) => (t(), g("div", {
       class: f(["photo-app", A.variant === "dark" && "theme--dark"])
     }, [
-      A.enableCamera ? (t(), s("div", {
+      A.enableCamera ? (t(), g("div", {
         key: 0,
         class: "photo-app__canvas media-container",
         style: v({
@@ -300,7 +304,7 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
           backgroundColor: A.backgroundColor
         })
       }, [
-        C.value ? (t(), s("div", {
+        c.value ? (t(), g("div", {
           key: 0,
           class: f(["photo-app__camera", `${A.ratio ? `aspect-ratio--${A.ratio}` : ""}`]),
           style: v({ borderColor: A.color })
@@ -329,10 +333,11 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
             "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)) : r("", !0),
-        l.value && l.value.length && !C.value ? (t(), s("div", {
+            "enable-zoom-slider": A.enableZoomSlider,
+            "correct-orientation": A.correctOrientation
+          }, 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", "correct-orientation"])
+        ], 6)) : s("", !0),
+        l.value && l.value.length && !c.value ? (t(), g("div", {
           key: 1,
           class: "photo-app__preview",
           style: v({ borderColor: A.color })
@@ -340,17 +345,17 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
           I.value ? (t(), Q(dA, {
             key: 0,
             src: T.value || I.value
-          }, null, 8, ["src"])) : r("", !0),
+          }, null, 8, ["src"])) : s("", !0),
           E(iA, {
             name: "fade",
             mode: "out-in"
           }, {
             default: D(() => [
-              w.value ? (t(), Q(IA, { key: 0 })) : r("", !0)
+              w.value ? (t(), Q(IA, { key: 0 })) : s("", !0)
             ]),
             _: 1
           })
-        ], 4)) : C.value ? r("", !0) : (t(), s("div", {
+        ], 4)) : c.value ? s("", !0) : (t(), g("div", {
           key: 2,
           class: f(["photo-app__drop-target", `${A.ratio ? `aspect-ratio--${A.ratio}` : ""}`]),
           style: v({ borderColor: A.color })
@@ -361,7 +366,7 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
                 class: "headline h2 font-weight-bold",
                 innerHTML: u.value.title || e.$t("fileInput.coverTitle")
               }, null, 8, pA),
-              A.enableCamera ? (t(), Q(k, {
+              A.enableCamera ? (t(), Q(O, {
                 key: 0,
                 type: "button",
                 onClick: M(Y, ["prevent"]),
@@ -374,9 +379,9 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
                   n("span", hA, i(u.value.launchCamera || e.$t("fileInput.coverLaunchCta")), 1)
                 ]),
                 _: 1
-              }, 8, ["style"])) : r("", !0)
+              }, 8, ["style"])) : s("", !0)
             ]),
-            A.enableLocalFileUpload ? (t(), s("div", PA, [
+            A.enableLocalFileUpload ? (t(), g("div", PA, [
               n("p", {
                 class: "subtitle fw-bold ma-0",
                 style: v({ color: A.color })
@@ -385,7 +390,7 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
                 class: "text-body-1",
                 style: v({ color: A.color })
               }, [
-                A.enableDragDrop ? (t(), s("span", MA, i(u.value.dropTarget || e.$t("fileInput.coverDropTarget")) + " " + i(A.enableLocalFileUpload && A.enableDragDrop ? u.value.or || e.$t("common.or") : "") + " " + i(), 1)) : r("", !0),
+                A.enableDragDrop ? (t(), g("span", MA, i(u.value.dropTarget || e.$t("fileInput.coverDropTarget")) + " " + i(A.enableLocalFileUpload && A.enableDragDrop ? u.value.or || e.$t("common.or") : "") + " " + i(), 1)) : s("", !0),
                 n("label", {
                   for: "fileUpload",
                   role: "button",
@@ -393,10 +398,10 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
                   style: v({ color: A.color })
                 }, i(u.value.coverSelectFileCta || e.$t("fileInput.coverLocalFileCta")), 5)
               ], 4)
-            ])) : r("", !0)
+            ])) : s("", !0)
           ])
         ], 6))
-      ], 4)) : r("", !0),
+      ], 4)) : s("", !0),
       U(n("div", {
         class: "photo-app__drop-overlay",
         ref_key: "dropArea",
@@ -404,16 +409,16 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
       }, [
         n("h3", null, i(u.value.dropTarget || e.$t("fileInput.dropTargetLabel")), 1)
       ], 512), [
-        [G, A.enableLocalFileUpload && A.enableDragDrop && O.value]
+        [G, A.enableLocalFileUpload && A.enableDragDrop && k.value]
       ]),
       U(n("div", LA, [
         n("p", HA, i(x.value), 1)
       ], 512), [
         [G, x.value]
       ]),
-      A.enableFileList && l.value.length ? (t(), s("div", kA, [
-        n("div", OA, [
-          (t(!0), s(CA, null, cA(l.value, (o) => (t(), s("div", {
+      A.enableFileList && l.value.length ? (t(), g("div", OA, [
+        n("div", kA, [
+          (t(!0), g(cA, null, CA(l.value, (o) => (t(), g("div", {
             key: o.id,
             class: "col col-12"
           }, [
@@ -421,28 +426,28 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
             a[2] || (a[2] = y(" - ", -1)),
             n("span", null, i(o.size), 1),
             a[3] || (a[3] = y(" - ", -1)),
-            o.error ? (t(), s("span", YA, i(o.error), 1)) : o.success ? (t(), s("span", FA, i(e.$t("common.success")), 1)) : o.active ? (t(), s("span", UA, i(e.$t("common.active")), 1)) : (t(), s("span", GA))
+            o.error ? (t(), g("span", YA, i(o.error), 1)) : o.success ? (t(), g("span", FA, i(e.$t("common.success")), 1)) : o.active ? (t(), g("span", UA, i(e.$t("common.active")), 1)) : (t(), g("span", GA))
           ]))), 128))
         ])
-      ])) : r("", !0),
+      ])) : s("", !0),
       U(n("div", SA, [
         n("div", zA, [
           n("div", RA, [
             n("div", NA, [
               X(e.$slots, "headline", {}, () => [
-                A.enableTitle && (C.value || l.value.length) ? (t(), s("p", {
+                A.enableTitle && (c.value || l.value.length) ? (t(), g("p", {
                   key: 0,
                   class: "headline",
                   innerHTML: tA.value
-                }, null, 8, jA)) : r("", !0)
+                }, null, 8, jA)) : s("", !0)
               ]),
-              !A.enableLegacyInput && (C.value || l.value.length) ? (t(), s("div", JA, [
+              !A.enableLegacyInput && (c.value || l.value.length) ? (t(), g("div", JA, [
                 n("div", TA, [
-                  C.value || l.value.length && (!L.value || !L.value.active) ? (t(), Q(k, {
+                  c.value || l.value.length && (!L.value || !L.value.active) ? (t(), Q(O, {
                     key: 0,
                     type: "button",
                     class: f(["btn btn-primary-outline rounded-circle", `theme--${A.variant}`]),
-                    onClick: a[1] || (a[1] = M((o) => C.value ? Y() : W(), ["prevent"]))
+                    onClick: a[1] || (a[1] = M((o) => c.value ? Y() : W(), ["prevent"]))
                   }, {
                     default: D(() => [
                       E(p, {
@@ -453,10 +458,10 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
                       y(" " + i(A.enableButtonCaptions ? u.value.cancel || e.$t("fileInput.cancel") : ""), 1)
                     ]),
                     _: 1
-                  }, 8, ["class"])) : r("", !0)
+                  }, 8, ["class"])) : s("", !0)
                 ]),
-                C.value ? (t(), s("div", ZA, [
-                  E(k, {
+                c.value ? (t(), g("div", ZA, [
+                  E(O, {
                     type: "button",
                     class: f(["btn btn-primary rounded-circle", `theme--${A.variant}`]),
                     onClick: M(V, ["prevent"]),
@@ -471,8 +476,8 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
                     ]),
                     _: 1
                   }, 8, ["class", "disabled"])
-                ])) : A.enableReview ? (t(), s("div", xA, [
-                  E(k, {
+                ])) : A.enableReview ? (t(), g("div", xA, [
+                  E(O, {
                     type: "button",
                     class: f(["btn btn-primary rounded-circle", {
                       [`theme--${A.variant}`]: A.variant,
@@ -487,11 +492,11 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
                     ]),
                     _: 1
                   }, 8, ["class", "disabled"])
-                ])) : r("", !0)
-              ])) : r("", !0),
+                ])) : s("", !0)
+              ])) : s("", !0),
               U(n("div", {
                 class: f(["justify-center col-10 mx-auto", {
-                  "d-flex": A.enableLegacyInput && (C.value || l.value.length)
+                  "d-flex": A.enableLegacyInput && (c.value || l.value.length)
                 }])
               }, [
                 n("button", {
@@ -502,10 +507,10 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
                   A.enableButtonIcons ? (t(), Q(p, {
                     key: 0,
                     symbol: "camera"
-                  })) : r("", !0),
-                  y(" " + i(A.enableButtonCaptions ? C.value ? u.value.cancel || e.$t("common.cancel") : u.value.camera || e.$t("fileInput.selectCameraCta") : ""), 1)
+                  })) : s("", !0),
+                  y(" " + i(A.enableButtonCaptions ? c.value ? u.value.cancel || e.$t("common.cancel") : u.value.camera || e.$t("fileInput.selectCameraCta") : ""), 1)
                 ], 2),
-                C.value && (!e.$refs.upload || L.value.active) ? (t(), Q(k, {
+                c.value && (!e.$refs.upload || L.value.active) ? (t(), Q(O, {
                   key: 0,
                   type: "button",
                   class: f(["btn btn-primary", `theme--${A.variant}`]),
@@ -516,11 +521,11 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
                     A.enableButtonIcons ? (t(), Q(p, {
                       key: 0,
                       symbol: "camera"
-                    })) : r("", !0),
+                    })) : s("", !0),
                     y(" " + i(A.enableButtonCaptions ? u.value.shoot || e.$t("fileInput.shoot") : ""), 1)
                   ]),
                   _: 1
-                }, 8, ["class", "disabled"])) : r("", !0),
+                }, 8, ["class", "disabled"])) : s("", !0),
                 E(BA, {
                   ref_key: "upload",
                   ref: L,
@@ -539,27 +544,27 @@ const bA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAYAAAB/HSuDAA
                         A.enableButtonIcons ? (t(), Q(p, {
                           key: 0,
                           symbol: "camera"
-                        })) : r("", !0)
+                        })) : s("", !0)
                       ], 2)
                     ])
                   ]),
                   _: 3
                 }, 8, ["model-value"])
               ], 2), [
-                [G, A.enableLegacyInput && (C.value || l.value.length)]
+                [G, A.enableLegacyInput && (c.value || l.value.length)]
               ]),
-              A.required ? (t(), s("input", {
+              A.required ? (t(), g("input", {
                 key: 1,
                 ref: "hiddenInput",
                 required: A.required,
                 value: I.value,
                 style: { display: "none" }
-              }, null, 8, WA)) : r("", !0)
+              }, null, 8, WA)) : s("", !0)
             ])
           ])
         ])
       ], 512), [
-        [G, C.value || l.value.length]
+        [G, c.value || l.value.length]
       ])
     ], 2));
   }

package/dist/creative-booth.js

@@ -1,5 +1,5 @@
-import { _ as o } from "./chunks/creative-booth.vue_vue_type_style_index_0_lang-BUDOTH0K.js";
-import { D as m } from "./chunks/creative-booth.vue_vue_type_style_index_0_lang-BUDOTH0K.js";
+import { _ as o } from "./chunks/creative-booth.vue_vue_type_style_index_0_lang-BHKoShl5.js";
+import { D as m } from "./chunks/creative-booth.vue_vue_type_style_index_0_lang-BHKoShl5.js";
 export {
   m as DEFAULT_ASSETS,
   o as default

package/dist/photo-app.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/photo-app.vue_vue_type_style_index_0_lang-CQsO0T0U.js";
+import { _ as f } from "./chunks/photo-app.vue_vue_type_style_index_0_lang-BdQvhbLS.js";
 export {
   f as default
 };

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

@@ -1,22 +1,20 @@
-export declare const DEFAULT_ASSETS: ({
-    type: string;
-    thumbnail: string;
+import { PropType } from 'vue';
+export interface AssetItem {
+    type: 'background' | 'overlay' | 'object';
     src: string;
-    mediaType: string;
-    filters: string[];
-} | {
-    type: string;
-    src: string;
-    mediaType: string;
-    filters: string[];
-    thumbnail?: undefined;
-} | {
-    type: string;
-    src: string;
-    mediaType: string;
-    thumbnail?: undefined;
-    filters?: undefined;
-})[];
+    mediaType: 'image' | 'svg';
+    thumbnail?: string;
+    filters?: string[];
+    name?: string;
+}
+export interface PresetAsset {
+    type: 'preset';
+    thumbnail?: string;
+    filters?: string[];
+    items: Record<string, AssetItem>;
+}
+export type CreativeAsset = AssetItem | PresetAsset;
+export declare const DEFAULT_ASSETS: CreativeAsset[];
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
         default: null;
@@ -46,41 +44,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: {};
     };
     assets: {
-        type: {
-            (arrayLength: number): any[];
-            (...items: any[]): any[];
-            new (arrayLength: number): any[];
-            new (...items: any[]): any[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default: () => ({
-            type: string;
-            thumbnail: string;
-            src: string;
-            mediaType: string;
-            filters: string[];
-        } | {
-            type: string;
-            src: string;
-            mediaType: string;
-            filters: string[];
-            thumbnail?: undefined;
-        } | {
-            type: string;
-            src: string;
-            mediaType: string;
-            thumbnail?: undefined;
-            filters?: undefined;
-        })[];
+        type: PropType<CreativeAsset[]>;
+        default: () => CreativeAsset[];
     };
     assetFilters: {
         type: ArrayConstructor;
@@ -119,6 +84,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    stackedThumbnails: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showThumbnailCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     "update:jsonModel": (...args: any[]) => void;
@@ -153,41 +126,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: {};
     };
     assets: {
-        type: {
-            (arrayLength: number): any[];
-            (...items: any[]): any[];
-            new (arrayLength: number): any[];
-            new (...items: any[]): any[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default: () => ({
-            type: string;
-            thumbnail: string;
-            src: string;
-            mediaType: string;
-            filters: string[];
-        } | {
-            type: string;
-            src: string;
-            mediaType: string;
-            filters: string[];
-            thumbnail?: undefined;
-        } | {
-            type: string;
-            src: string;
-            mediaType: string;
-            thumbnail?: undefined;
-            filters?: undefined;
-        })[];
+        type: PropType<CreativeAsset[]>;
+        default: () => CreativeAsset[];
     };
     assetFilters: {
         type: ArrayConstructor;
@@ -226,6 +166,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    stackedThumbnails: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showThumbnailCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:jsonModel"?: ((...args: any[]) => any) | undefined;
@@ -246,9 +194,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     animationDuration: number;
     themeData: Record<string, any>;
     config: Record<string, any>;
-    assets: any[];
+    assets: CreativeAsset[];
     assetFilters: unknown[];
     ready: boolean;
+    stackedThumbnails: boolean;
+    showThumbnailCount: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     canvas: ({
         $: import('vue').ComponentInternalInstance;

package/dist/types/components/photo-app.vue.d.ts

@@ -148,6 +148,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: BooleanConstructor;
         default: boolean;
     };
+    correctOrientation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -300,6 +304,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: BooleanConstructor;
         default: boolean;
     };
+    correctOrientation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -339,6 +347,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     enableSelectDevice: boolean;
     enableProcessImage: boolean;
     enableZoomSlider: boolean;
+    correctOrientation: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     camera: any;
     dropArea: HTMLDivElement;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "ablok-photobooth",
   "private": false,
-  "version": "0.2.40",
+  "version": "0.2.42",
   "type": "module",
   "peerDependencies": {
     "@popperjs/core": "^2.11.6",
-    "ablok-components": "^0.3.59",
+    "ablok-components": "^0.3.74",
     "bootstrap": "^5.3.8",
     "fabric": "^7.1.0",
     "lodash": "^4.17.23",
@@ -31,6 +31,7 @@
     "@types/lodash": "^4.17.23",
     "@types/node": "^25.1.0",
     "@vitejs/plugin-vue": "^6.0.3",
+    "@vue/test-utils": "^2.4.10",
     "histoire": "^1.0.0-beta.1",
     "path": "^0.12.7",
     "sass": "^1.97.3",
@@ -38,9 +39,8 @@
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-mkcert": "^1.17.9",
-    "vue-tsc": "^3.2.4",
     "vitest": "^4.1.5",
-    "@vue/test-utils": "^2.4.10"
+    "vue-tsc": "^3.2.4"
   },
   "files": [
     "dist"

package/dist/chunks/creative-booth.vue_vue_type_style_index_0_lang-BUDOTH0K.js

@@ -1,210 +0,0 @@
-import { defineComponent as S, ref as d, computed as l, watch as T, openBlock as u, createElementBlock as g, createElementVNode as v, createVNode as M, normalizeClass as V, createCommentVNode as h, createBlock as B } from "vue";
-import x from "ablok-components/components/molecules/media-thumbnails/media-thumbnails.vue";
-import { _ as D } from "./fabric-canvas.vue_vue_type_style_index_0_lang-B-D65X2t.js";
-const A = { class: "creative-booth" }, O = { class: "media-container" }, w = ["innerHTML"], C = { class: "creative-booth__thumbnails" }, F = [
-  {
-    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"]
-  }
-], U = /* @__PURE__ */ S({
-  __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: () => F
-    },
-    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(s, { emit: b }) {
-    const a = s, o = b, r = d(), k = d(), c = d(!1), i = l(
-      () => a.assetFilters && a.assetFilters.length > 0 ? a.assets.filter((e) => !e.filters || e.filters.length == 0 || a.assetFilters.some((t) => e.filters.includes(t))) : a.assets
-    ), m = l({
-      get() {
-        return a.modelValue;
-      },
-      set(e) {
-        o("update:modelValue", e);
-      }
-    }), p = l({
-      get() {
-        return a.jsonModel;
-      },
-      set(e) {
-        o("update:jsonModel", e);
-      }
-    }), f = l({
-      get() {
-        return a.pending;
-      },
-      set(e) {
-        a.ready && o("update:pending", e);
-      }
-    });
-    T(k, async (e, t) => {
-      e && e !== t && o("update:modelValue", e);
-    }, { deep: !0 });
-    function y(e) {
-      if (typeof e < "u") {
-        const t = i.value[e];
-        switch (t.type) {
-          case "background":
-            r.value?.setBackgroundImage(t);
-            break;
-          case "overlay":
-            r.value.setOverlayImage(t);
-            break;
-          default:
-            r.value.addCanvasObject(t);
-        }
-      }
-    }
-    const j = (async () => {
-      if (c.value = !0, a.autoSelect !== void 0) {
-        const e = a.autoSelect >= 0 ? a.autoSelect : Math.floor(Math.random() * i.value.length);
-        y(e);
-      }
-      o("update:ready", !0);
-    });
-    return (e, t) => (u(), g("div", A, [
-      v("div", O, [
-        M(D, {
-          modelValue: m.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => m.value = n),
-          "json-model": p.value,
-          "onUpdate:jsonModel": t[1] || (t[1] = (n) => p.value = n),
-          pending: f.value,
-          "onUpdate:pending": t[2] || (t[2] = (n) => f.value = n),
-          ref_key: "canvas",
-          ref: r,
-          "reset-state": s.resetState,
-          options: { themeData: s.themeData },
-          feature: s.feature,
-          required: s.required,
-          class: V(`${s.ratio ? `aspect-ratio aspect-ratio--${s.ratio}` : ""}`),
-          onOnReady: j,
-          "emit-pending": s.emitPending,
-          "animation-duration": s.animationDuration
-        }, null, 8, ["modelValue", "json-model", "pending", "reset-state", "options", "feature", "required", "class", "emit-pending", "animation-duration"])
-      ]),
-      s.messages.headline ? (u(), g("p", {
-        key: 0,
-        class: "headline",
-        innerHTML: s.messages.headline
-      }, null, 8, w)) : h("", !0),
-      v("div", C, [
-        c.value ? (u(), B(x, {
-          key: 0,
-          assets: i.value,
-          onSelect: y
-        }, null, 8, ["assets"])) : h("", !0)
-      ])
-    ]));
-  }
-});
-export {
-  F as D,
-  U as _
-};