ablok-components 0.3.93 → 0.3.95

package/dist/components/molecules/file-upload/file-upload.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, ref as y, toRef as M, computed as N, watch as b, openBlock as u, createElementBlock as d, normalizeClass as h, unref as v, Fragment as V, renderList as P, renderSlot as S, createElementVNode as c, withModifiers as w, createVNode as p, Transition as T, withCtx as H, createCommentVNode as W } from "vue";
+import { defineComponent as L, ref as y, toRef as M, computed as N, watch as h, openBlock as u, createElementBlock as d, normalizeClass as V, unref as v, Fragment as S, renderList as P, renderSlot as g, createElementVNode as c, withModifiers as w, createVNode as p, Transition as T, withCtx as H, createCommentVNode as W } from "vue";
 import k from "../../atoms/svg-icon/svg-icon.vue.js";
 /* empty css                                 */
 import q from "../../atoms/input-file/input-file.vue.js";
@@ -7,7 +7,7 @@ import { useUploadTransport as I } from "../../../composables/useUploadTransport
 import { useLocalFileUrl as R } from "../../../composables/useLocalFileUrl.js";
 import { sanitizeHtml as O } from "../../../composables/useSanitize.js";
 import { uniqueId as F } from "../../../utilities/helpers.js";
-const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTML"], K = {
+const j = ["src"], G = ["onClick"], J = ["onClick"], K = ["for"], Q = ["innerHTML"], X = {
   key: 0,
   class: "file-upload__loading-spinner"
 }, ne = /* @__PURE__ */ L({
@@ -103,7 +103,7 @@ const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTM
   },
   emits: ["update:modelValue", "update:src"],
   setup(o, { emit: U }) {
-    const e = o, i = U, g = y(), m = y([]), n = y([]), { pending: $, uploadFile: B } = I(e), { toLocalUrl: D, revoke: z } = R(M(e, "localUrlFormat")), { isDragging: C } = E(g, {
+    const e = o, i = U, b = y(), m = y([]), n = y([]), { pending: $, uploadFile: B } = I(e), { toLocalUrl: D, revoke: z } = R(M(e, "localUrlFormat")), { isDragging: C } = E(b, {
       enabled: () => e.dropFiles,
       onDrop: (t) => {
         m.value = t;
@@ -121,7 +121,7 @@ const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTM
         i("update:modelValue", e.multiple ? [] : void 0), i("update:src", "");
       m.value.splice(l, 1);
     }
-    return b(() => m.value, async (t) => {
+    return h(() => m.value, async (t) => {
       const l = await Promise.all(
         t.map(async (a) => ({
           src: e.toDataUrl ? await D(a) : await B(a),
@@ -132,43 +132,43 @@ const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTM
         }))
       );
       n.value = l;
-    }, { deep: !0 }), b(() => n.value, async (t) => {
+    }, { deep: !0 }), h(() => n.value, async (t) => {
       const l = e.multiple ? t : t[0];
       i("update:modelValue", l), e.multiple || i("update:src", t[0] && t[0].src);
     }, { deep: !0 }), (t, l) => (u(), d("div", {
       ref_key: "root",
-      ref: g,
-      class: h(["file-upload", {
+      ref: b,
+      class: V(["file-upload", {
         "has-dragging": o.dropFiles,
         "is-dragging": v(C)
       }])
     }, [
-      (u(!0), d(V, null, P(A.value, (a, r) => (u(), d("div", {
+      (u(!0), d(S, null, P(A.value, (a, r) => (u(), d("div", {
         key: a.src,
-        class: h(o.enablePreview ? "file-upload__thumbnail" : "file-upload__reset")
+        class: V(o.enablePreview ? "file-upload__thumbnail" : "file-upload__reset")
       }, [
-        S(t.$slots, "preview-item", {
+        g(t.$slots, "preview-item", {
           bind: { item: a, index: r },
           on: { removeFile: f }
         }, () => [
-          o.enablePreview ? (u(), d(V, { key: 0 }, [
+          o.enablePreview ? (u(), d(S, { key: 0 }, [
             c("img", {
               src: `${a.src}${o.previewWidth ? `?width=${o.previewWidth}` : ""}`,
               class: "img-thumbnail rounded"
-            }, null, 8, _),
+            }, null, 8, j),
             c("button", {
               onClick: w((s) => f(r), ["prevent"]),
               class: "btn btn--close"
             }, [
               p(k, { symbol: "x" })
-            ], 8, j)
+            ], 8, G)
           ], 64)) : (u(), d("button", {
             key: 1,
             onClick: w((s) => f(r), ["prevent"]),
             class: "btn btn--close btn-outline-contrast"
           }, [
             p(k, { symbol: "x" })
-          ], 8, x))
+          ], 8, J))
         ])
       ], 2))), 128)),
       p(q, {
@@ -181,30 +181,32 @@ const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTM
         multiple: o.multiple,
         class: "d-none"
       }, null, 8, ["modelValue", "id", "name", "accept", "max-file-size", "multiple"]),
-      c("label", {
-        for: o.id,
-        class: "file-upload__label"
-      }, [
-        S(t.$slots, "button", {}, () => [
-          c("span", {
-            class: "btn btn-outline-contrast",
-            innerHTML: v(O)(o.label || t.$t("common.selectFile"))
-          }, null, 8, J)
-        ]),
-        p(T, { name: "fade" }, {
-          default: H(() => [
-            v($) ? (u(), d("span", K, [...l[1] || (l[1] = [
-              c("span", {
-                class: "spinner-border",
-                role: "status"
-              }, [
-                c("span", { class: "visually-hidden" }, "Loading...")
-              ], -1)
-            ])])) : W("", !0)
+      g(t.$slots, "label", {}, () => [
+        c("label", {
+          for: o.id,
+          class: "file-upload__label"
+        }, [
+          g(t.$slots, "button", {}, () => [
+            c("span", {
+              class: "btn btn-outline-contrast",
+              innerHTML: v(O)(o.label || t.$t("common.selectFile"))
+            }, null, 8, Q)
           ]),
-          _: 1
-        })
-      ], 8, G)
+          p(T, { name: "fade" }, {
+            default: H(() => [
+              v($) ? (u(), d("span", X, [...l[1] || (l[1] = [
+                c("span", {
+                  class: "spinner-border",
+                  role: "status"
+                }, [
+                  c("span", { class: "visually-hidden" }, "Loading...")
+                ], -1)
+              ])])) : W("", !0)
+            ]),
+            _: 1
+          })
+        ], 8, K)
+      ])
     ], 2));
   }
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.93",
+  "version": "0.3.95",
   "dependencies": {
     "date-fns": "^3.0.0",
     "dompurify": "^3.3.1",