ablok-components 0.3.90 → 0.3.91

package/dist/components/molecules/bulk-upload/bulk-upload.vue.d.ts

@@ -1,6 +1,7 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        'bulk-remove'?(_: {}): any;
         button?(_: {}): any;
     };
     refs: {

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

@@ -1,4 +1,4 @@
-import { defineComponent as T, computed as D, ref as _, resolveComponent as C, openBlock as i, createElementBlock as d, createElementVNode as o, unref as L, withModifiers as g, createVNode as p, createCommentVNode as u, toDisplayString as y, withCtx as B, renderSlot as S, Fragment as I, withDirectives as U, vModelText as N, nextTick as A } from "vue";
+import { defineComponent as D, computed as L, ref as _, resolveComponent as C, openBlock as i, createElementBlock as r, createElementVNode as o, unref as S, renderSlot as B, withModifiers as g, createVNode as p, createCommentVNode as c, toDisplayString as y, withCtx as w, Fragment as I, withDirectives as U, vModelText as N, nextTick as A } from "vue";
 import E from "../file-upload/file-upload.vue.js";
 /* empty css                              */
 import { sanitizeHtml as R } from "../../../composables/useSanitize.js";
@@ -8,7 +8,7 @@ const K = { class: "container" }, j = { class: "row" }, q = {
 }, G = { class: "py-4 px-3 d-flex align-items-center border border-bottom-0" }, J = ["innerHTML"], O = { class: "col-12" }, P = {
   key: 0,
   class: "grid place-items-center text-center text-muted py-5 border border-bottom-0"
-}, Q = { class: "m-0" }, W = { class: "preview-item border-bottom p-3" }, X = { class: "d-flex gap-3" }, Y = { class: "col-2" }, Z = { class: "col d-flex flex-column" }, ee = { class: "file-meta text-muted small mb-2" }, te = { class: "fw-semibold" }, oe = { key: 0 }, le = { key: 1 }, se = ["onUpdate:modelValue", "id"], ne = ["innerHTML"], ae = { class: "col-auto d-flex flex-column gap-2" }, ie = ["onClick"], de = ["onClick"], re = { class: "d-flex align-items-end p-3" }, ce = { class: "btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2" }, ue = ["innerHTML"], he = /* @__PURE__ */ T({
+}, Q = { class: "m-0" }, W = { class: "preview-item border-bottom p-3" }, X = { class: "d-flex gap-3" }, Y = { class: "col-2" }, Z = { class: "col d-flex flex-column" }, ee = { class: "file-meta text-muted small mb-2" }, te = { class: "fw-semibold" }, oe = { key: 0 }, le = { key: 1 }, se = ["onUpdate:modelValue", "id"], ne = ["innerHTML"], ae = { class: "col-auto d-flex flex-column gap-2" }, ie = ["onClick"], re = ["onClick"], de = { class: "d-flex align-items-end p-3" }, ue = { class: "btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2" }, ce = ["innerHTML"], be = /* @__PURE__ */ D({
   __name: "bulk-upload",
   props: {
     storeId: String,
@@ -53,10 +53,10 @@ const K = { class: "container" }, j = { class: "row" }, q = {
     }
   },
   emits: ["update:modelValue"],
-  setup(c, { emit: w }) {
-    const h = c, k = w, M = (e) => `${e.name ?? ""}|${e.size ?? 0}|${e.lastModified ?? 0}|${e.type ?? ""}`, m = D({
+  setup(u, { emit: V }) {
+    const b = u, k = V, M = (e) => `${e.name ?? ""}|${e.size ?? 0}|${e.lastModified ?? 0}|${e.type ?? ""}`, m = L({
       get: () => {
-        const e = h.modelValue || [];
+        const e = b.modelValue || [];
         return v.value = e.map((t) => t.caption || ""), e.map((t) => ({
           type: t.type,
           src: t.src,
@@ -66,24 +66,24 @@ const K = { class: "container" }, j = { class: "row" }, q = {
         }));
       },
       set: (e) => {
-        const t = m.value || [], l = Array.isArray(e) ? e : [], a = h.allowDuplicateFiles ? l : l.filter((s) => {
-          const r = M(s);
-          return !t.some((F) => M(F) === r);
+        const t = m.value || [], l = Array.isArray(e) ? e : [], a = b.allowDuplicateFiles ? l : l.filter((s) => {
+          const d = M(s);
+          return !t.some((x) => M(x) === d);
         });
-        if (!h.allowDuplicateFiles && l.length > 0 && a.length === 0)
+        if (!b.allowDuplicateFiles && l.length > 0 && a.length === 0)
           return;
-        const n = a.length <= t.length && a.every((s) => t.some((r) => r.src === s.src));
-        b(n ? a : [...t, ...a]);
+        const n = a.length <= t.length && a.every((s) => t.some((d) => d.src === s.src));
+        h(n ? a : [...t, ...a]);
       }
     }), $ = _(null), f = _({}), v = _({});
-    function V(e) {
-      const t = [...h.modelValue || []];
+    function H(e) {
+      const t = [...b.modelValue || []];
       t.splice(e, 1), k("update:modelValue", t);
     }
-    async function H(e) {
-      f.value[e] = !f.value[e], f.value[e] || b(), await A(), $.value?.querySelector(`#caption-${e}`)?.focus();
+    async function z(e) {
+      f.value[e] = !f.value[e], f.value[e] || h(), await A(), $.value?.querySelector(`#caption-${e}`)?.focus();
     }
-    function x(e) {
+    function F(e) {
       if (e == null) return "";
       const t = ["B", "KB", "MB", "GB", "TB"];
       let l = e, a = t.shift();
@@ -91,10 +91,10 @@ const K = { class: "container" }, j = { class: "row" }, q = {
         l /= 1024, a = t.shift();
       return `${l.toFixed(1)} ${a}`;
     }
-    function z(e) {
+    function T(e) {
       return e ? new Date(e).toLocaleDateString() : "";
     }
-    function b(e) {
+    function h(e) {
       k("update:modelValue", (e || m.value).map((t, l) => ({
         ...t,
         caption: v.value[l] || ""
@@ -102,30 +102,32 @@ const K = { class: "container" }, j = { class: "row" }, q = {
     }
     return (e, t) => {
       const l = C("svg-icon"), a = C("base-image");
-      return i(), d("div", {
+      return i(), r("div", {
         class: "bulk-upload",
         ref_key: "root",
         ref: $
       }, [
         o("div", K, [
           o("div", j, [
-            c.hasHeader ? (i(), d("div", q, [
+            u.hasHeader ? (i(), r("div", q, [
               o("div", G, [
                 o("p", {
                   class: "fw-bold m-0",
-                  innerHTML: L(R)(c.title || e.$t("fileInput.bulkUploadHeadline"))
+                  innerHTML: S(R)(u.title || e.$t("fileInput.bulkUploadHeadline"))
                 }, null, 8, J),
-                c.hasBulkRemove ? (i(), d("button", {
-                  key: 0,
-                  onClick: t[0] || (t[0] = g((n) => m.value = [], ["prevent"])),
-                  class: "btn btn--close ms-auto p-0"
-                }, [
-                  p(l, { symbol: "x" })
-                ])) : u("", !0)
+                B(e.$slots, "bulk-remove", {}, () => [
+                  u.hasBulkRemove ? (i(), r("button", {
+                    key: 0,
+                    onClick: t[0] || (t[0] = g((n) => m.value = [], ["prevent"])),
+                    class: "btn btn--close ms-auto p-0"
+                  }, [
+                    p(l, { symbol: "x" })
+                  ])) : c("", !0)
+                ])
               ])
-            ])) : u("", !0),
+            ])) : c("", !0),
             o("div", O, [
-              m.value.length ? u("", !0) : (i(), d("div", P, [
+              m.value.length ? c("", !0) : (i(), r("div", P, [
                 o("p", Q, y(e.$t("fileInput.noFilesSelected")), 1)
               ])),
               p(E, {
@@ -138,7 +140,7 @@ const K = { class: "container" }, j = { class: "row" }, q = {
                 "local-url-format": "objectUrl",
                 class: "d-flex flex-column border"
               }, {
-                "preview-item": B(({ bind: { item: n, index: s } }) => [
+                "preview-item": w(({ bind: { item: n, index: s } }) => [
                   o("div", W, [
                     o("div", X, [
                       o("div", Y, [
@@ -152,57 +154,57 @@ const K = { class: "container" }, j = { class: "row" }, q = {
                         o("div", ee, [
                           o("div", te, y(n.name || e.$t("fileInput.unknownFile")), 1),
                           o("div", null, [
-                            n.size ? (i(), d("span", oe, y(x(n.size)), 1)) : u("", !0),
-                            n.lastModified ? (i(), d("span", le, " · " + y(z(n.lastModified)), 1)) : u("", !0)
+                            n.size ? (i(), r("span", oe, y(F(n.size)), 1)) : c("", !0),
+                            n.lastModified ? (i(), r("span", le, " · " + y(T(n.lastModified)), 1)) : c("", !0)
                           ])
                         ]),
-                        c.hasCaptions ? (i(), d(I, { key: 0 }, [
-                          f.value[s] && c.editCaptions ? U((i(), d("textarea", {
+                        u.hasCaptions ? (i(), r(I, { key: 0 }, [
+                          f.value[s] && u.editCaptions ? U((i(), r("textarea", {
                             key: 0,
-                            "onUpdate:modelValue": (r) => v.value[s] = r,
+                            "onUpdate:modelValue": (d) => v.value[s] = d,
                             id: `caption-${s}`,
                             class: "form-control rounded-0 h-100",
-                            onChangeCapture: t[1] || (t[1] = (r) => b())
+                            onChangeCapture: t[1] || (t[1] = (d) => h())
                           }, null, 40, se)), [
                             [N, v.value[s]]
-                          ]) : (i(), d("p", {
+                          ]) : (i(), r("p", {
                             key: 1,
                             class: "m-0",
                             innerHTML: v.value[s] || `<small>${e.$t("fileInput.noCaption")}</small>`
                           }, null, 8, ne))
-                        ], 64)) : u("", !0)
+                        ], 64)) : c("", !0)
                       ]),
                       o("div", ae, [
                         o("button", {
-                          onClick: g((r) => V(s), ["prevent"]),
+                          onClick: g((d) => H(s), ["prevent"]),
                           class: "btn btn--close"
                         }, [
                           p(l, { symbol: "x" })
                         ], 8, ie),
-                        c.editCaptions ? (i(), d("button", {
+                        u.editCaptions ? (i(), r("button", {
                           key: 0,
-                          onClick: g((r) => H(s), ["prevent"]),
+                          onClick: g((d) => z(s), ["prevent"]),
                           class: "btn btn--close"
                         }, [
                           p(l, {
                             symbol: f.value[s] ? "check" : "edit-3"
                           }, null, 8, ["symbol"])
-                        ], 8, de)) : u("", !0)
+                        ], 8, re)) : c("", !0)
                       ])
                     ])
                   ])
                 ]),
-                button: B(() => [
-                  S(e.$slots, "button", {}, () => [
-                    o("span", re, [
-                      o("span", ce, [
+                button: w(() => [
+                  B(e.$slots, "button", {}, () => [
+                    o("span", de, [
+                      o("span", ue, [
                         p(l, {
                           symbol: "upload",
                           size: "small"
                         }),
                         o("span", {
                           innerHTML: e.$t("common.selectFile")
-                        }, null, 8, ue)
+                        }, null, 8, ce)
                       ])
                     ])
                   ])
@@ -217,5 +219,5 @@ const K = { class: "container" }, j = { class: "row" }, q = {
   }
 });
 export {
-  he as default
+  be as default
 };

package/package.json

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