ablok-components 0.3.95 → 0.3.96

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

@@ -135,6 +135,10 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         type: NumberConstructor;
         default: number;
     };
+    showProgress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('../../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
@@ -249,6 +253,10 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         type: NumberConstructor;
         default: number;
     };
+    showProgress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -271,6 +279,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     editCaptions: boolean;
     allowDuplicateFiles: boolean;
     maxFiles: number;
+    showProgress: boolean;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {
     root: HTMLDivElement;
 }, HTMLDivElement>;

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

@@ -1,4 +1,4 @@
-import { defineComponent as N, computed as V, ref as k, resolveComponent as x, openBlock as n, createElementBlock as i, createElementVNode as l, unref as U, renderSlot as $, withModifiers as M, createVNode as f, createCommentVNode as u, toDisplayString as g, withCtx as F, normalizeClass as P, Fragment as A, withDirectives as E, vModelText as R, nextTick as K } from "vue";
+import { defineComponent as I, computed as V, ref as k, resolveComponent as x, openBlock as n, createElementBlock as i, createElementVNode as l, unref as N, renderSlot as $, withModifiers as M, createVNode as f, createCommentVNode as u, toDisplayString as g, withCtx as F, normalizeClass as U, Fragment as A, withDirectives as E, vModelText as R, nextTick as K } from "vue";
 import j from "../file-upload/file-upload.vue.js";
 /* empty css                              */
 import { sanitizeHtml as q } from "../../../composables/useSanitize.js";
@@ -11,7 +11,7 @@ const G = { class: "container" }, J = { class: "row" }, O = {
 }, Z = { class: "m-0" }, ee = { class: "preview-item border-bottom p-3" }, te = { class: "d-flex gap-3" }, le = { class: "col-2" }, oe = { class: "col d-flex flex-column" }, se = { class: "file-meta text-muted small mb-2" }, ae = { class: "fw-semibold" }, ne = { key: 0 }, ie = { key: 1 }, de = ["onUpdate:modelValue", "id"], re = ["innerHTML"], ue = {
   key: 2,
   class: "upload-progress mt-3 mb-0"
-}, ce = ["value"], pe = { class: "col-auto d-flex flex-column gap-2" }, me = ["onClick"], fe = ["onClick"], ve = { class: "file-upload__label" }, be = { class: "d-flex align-items-end p-3" }, he = ["for"], ge = ["innerHTML"], Me = /* @__PURE__ */ N({
+}, ce = ["value"], pe = { class: "col-auto d-flex flex-column gap-2" }, me = ["onClick"], fe = ["onClick"], ve = { class: "file-upload__label" }, be = { class: "d-flex align-items-end p-3" }, he = ["for"], ge = ["innerHTML"], Me = /* @__PURE__ */ I({
   __name: "bulk-upload",
   props: {
     storeId: String,
@@ -61,11 +61,15 @@ const G = { class: "container" }, J = { class: "row" }, O = {
     maxFiles: {
       type: Number,
       default: 0
+    },
+    showProgress: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["update:modelValue"],
   setup(d, { emit: z }) {
-    const r = d, C = z, w = (e) => `${e.name ?? ""}|${e.size ?? 0}|${e.lastModified ?? 0}|${e.type ?? ""}`, c = V({
+    const r = d, w = z, C = (e) => `${e.name ?? ""}|${e.size ?? 0}|${e.lastModified ?? 0}|${e.type ?? ""}`, c = V({
       get: () => {
         const e = r.modelValue || [];
         return b.value = e.map((t) => t.caption || ""), e.map((t) => ({
@@ -79,8 +83,8 @@ const G = { class: "container" }, J = { class: "row" }, O = {
       },
       set: (e) => {
         const t = c.value || [], a = Array.isArray(e) ? e : [], p = r.allowDuplicateFiles ? a : a.filter((y) => {
-          const _ = w(y);
-          return !t.some((I) => w(I) === _);
+          const _ = C(y);
+          return !t.some((P) => C(P) === _);
         }), o = r.maxFiles > 0 ? Math.max(0, r.maxFiles - t.length) : void 0, s = typeof o == "number" ? p.slice(0, o) : p;
         if (!r.allowDuplicateFiles && a.length > 0 && s.length === 0)
           return;
@@ -90,7 +94,7 @@ const G = { class: "container" }, J = { class: "row" }, O = {
     }), B = k(null), v = k({}), b = k({}), H = V(() => r.disabled || r.maxFiles > 0 && c.value.length >= r.maxFiles);
     function S(e) {
       const t = [...r.modelValue || []];
-      t.splice(e, 1), C("update:modelValue", t);
+      t.splice(e, 1), w("update:modelValue", t);
     }
     async function D(e) {
       v.value[e] = !v.value[e], v.value[e] || h(), await K(), B.value?.querySelector(`#caption-${e}`)?.focus();
@@ -107,7 +111,7 @@ const G = { class: "container" }, J = { class: "row" }, O = {
       return e ? new Date(e).toLocaleDateString() : "";
     }
     function h(e) {
-      C("update:modelValue", (e || c.value).map((t, a) => ({
+      w("update:modelValue", (e || c.value).map((t, a) => ({
         ...t,
         caption: b.value[a] || ""
       })));
@@ -125,7 +129,7 @@ const G = { class: "container" }, J = { class: "row" }, O = {
               l("div", Q, [
                 l("p", {
                   class: "fw-bold m-0",
-                  innerHTML: U(q)(d.title || e.$t("fileInput.bulkUploadHeadline"))
+                  innerHTML: N(q)(d.title || e.$t("fileInput.bulkUploadHeadline"))
                 }, null, 8, W),
                 $(e.$slots, "bulk-remove", {}, () => [
                   d.hasBulkRemove ? (n(), i("button", {
@@ -185,7 +189,7 @@ const G = { class: "container" }, J = { class: "row" }, O = {
                             class: "m-0",
                             innerHTML: b.value[s] || `<small>${e.$t("fileInput.noCaption")}</small>`
                           }, null, 8, re)),
-                          o.uploadProgress ? (n(), i("div", ue, [
+                          d.showProgress && o.uploadProgress ? (n(), i("div", ue, [
                             $(e.$slots, "upload-progress", {
                               bind: { item: o, index: s }
                             }, () => [
@@ -224,7 +228,7 @@ const G = { class: "container" }, J = { class: "row" }, O = {
                       l("span", be, [
                         l("label", {
                           for: `${d.id}-file-upload`,
-                          class: P(["btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2", { disabled: H.value }])
+                          class: U(["btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2", { disabled: H.value }])
                         }, [
                           f(a, {
                             symbol: "upload",

package/package.json

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