ablok-components 0.3.80 → 0.3.81

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

@@ -4,7 +4,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         'preview-item'?(_: {
-            url: {
+            item: {
                 type?: string;
                 src?: string;
             };

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

@@ -1,4 +1,4 @@
-import { defineComponent as L, ref as f, toRef as N, computed as P, watch as b, openBlock as u, createElementBlock as d, normalizeClass as h, unref as y, Fragment as V, renderList as T, renderSlot as S, createElementVNode as c, withModifiers as w, createVNode as p, Transition as M, withCtx as H, createCommentVNode as W } from "vue";
+import { defineComponent as L, ref as f, toRef as N, computed as P, watch as b, openBlock as u, createElementBlock as d, normalizeClass as h, unref as y, Fragment as V, renderList as T, renderSlot as S, createElementVNode as c, withModifiers as w, createVNode as m, Transition as M, 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";
@@ -103,25 +103,25 @@ const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTM
   },
   emits: ["update:modelValue", "update:src"],
   setup(a, { emit: U }) {
-    const e = a, i = U, v = f(), m = f([]), n = f([]), { pending: $, uploadFile: B } = I(e), { toLocalUrl: D, revoke: C } = R(N(e, "localUrlFormat")), { isDragging: z } = E(v, {
+    const e = a, i = U, v = f(), p = f([]), n = f([]), { pending: $, uploadFile: B } = I(e), { toLocalUrl: D, revoke: C } = R(N(e, "localUrlFormat")), { isDragging: z } = E(v, {
       enabled: () => e.dropFiles,
       onDrop: (t) => {
-        m.value = t;
+        p.value = t;
       }
     }), A = P(() => e.modelValue?.length ? e.modelValue : e.src ? [{ type: "", src: e.src }] : n.value);
     function g(t) {
-      const l = typeof t == "string" ? parseInt(t, 10) : t, o = Array.isArray(e.modelValue) && e.modelValue.length > 0, r = Array.isArray(n.value) && n.value.length > 0;
-      if (r && l < n.value.length && (C(n.value[l]?.src), n.value.splice(l, 1)), o) {
-        const s = [...e.modelValue];
-        l < s.length && s.splice(l, 1), i("update:modelValue", s), e.multiple || i("update:src", s[0]?.src || "");
-      } else if (r) {
-        const s = e.multiple ? n.value : n.value[0];
-        i("update:modelValue", s), e.multiple || i("update:src", n.value[0]?.src || "");
+      const l = typeof t == "string" ? parseInt(t, 10) : t, o = Array.isArray(e.modelValue) && e.modelValue.length > 0, s = Array.isArray(n.value) && n.value.length > 0;
+      if (s && l < n.value.length && (C(n.value[l]?.src), n.value.splice(l, 1)), o) {
+        const r = [...e.modelValue];
+        l < r.length && r.splice(l, 1), i("update:modelValue", r), e.multiple || i("update:src", r[0]?.src || "");
+      } else if (s) {
+        const r = e.multiple ? n.value : n.value[0];
+        i("update:modelValue", r), e.multiple || i("update:src", n.value[0]?.src || "");
       } else
         i("update:modelValue", e.multiple ? [] : void 0), i("update:src", "");
-      m.value.splice(l, 1);
+      p.value.splice(l, 1);
     }
-    return b(() => m.value, async (t) => {
+    return b(() => p.value, async (t) => {
       const l = await Promise.all(
         t.map(async (o) => ({
           src: e.toDataUrl ? await D(o) : await B(o),
@@ -140,13 +140,13 @@ const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTM
         "is-dragging": y(z)
       }])
     }, [
-      (u(!0), d(V, null, T(A.value, (o, r) => (u(), d("div", {
+      (u(!0), d(V, null, T(A.value, (o, s) => (u(), d("div", {
         key: o.src,
         class: h(a.enablePreview ? "file-upload__thumbnail" : "file-upload__reset")
       }, [
         S(t.$slots, "preview-item", {
-          url: o,
-          index: r
+          item: o,
+          index: s
         }, () => [
           a.enablePreview ? (u(), d(V, { key: 0 }, [
             c("img", {
@@ -154,23 +154,23 @@ const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTM
               class: "img-thumbnail rounded"
             }, null, 8, _),
             c("button", {
-              onClick: w((s) => g(r), ["prevent"]),
+              onClick: w((r) => g(s), ["prevent"]),
               class: "btn btn--close"
             }, [
-              p(k, { symbol: "x" })
+              m(k, { symbol: "x" })
             ], 8, j)
           ], 64)) : (u(), d("button", {
             key: 1,
-            onClick: w((s) => g(r), ["prevent"]),
+            onClick: w((r) => g(s), ["prevent"]),
             class: "btn btn--close btn-outline-contrast"
           }, [
-            p(k, { symbol: "x" })
+            m(k, { symbol: "x" })
           ], 8, x))
         ])
       ], 2))), 128)),
-      p(q, {
-        modelValue: m.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (o) => m.value = o),
+      m(q, {
+        modelValue: p.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (o) => p.value = o),
         id: a.id,
         name: a.name,
         accept: a.accept,
@@ -188,7 +188,7 @@ const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTM
             innerHTML: y(O)(a.label || t.$t("common.selectFile"))
           }, null, 8, J)
         ]),
-        p(M, { name: "fade" }, {
+        m(M, { name: "fade" }, {
           default: H(() => [
             y($) ? (u(), d("span", K, [...l[1] || (l[1] = [
               c("span", {

package/package.json

@@ -1,23 +1,7 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.80",
-  "scripts": {
-    "dev": "vite --host",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview",
-    "build": "vue-tsc --noEmit --project tsconfig.build.json && vite build",
-    "build:watch": "vue-tsc --noEmit --watch --project tsconfig.build.json & vite build --watch",
-    "preview": "vite preview",
-    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
-    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
-    "release": "bash ./scripts/release.sh",
-    "postrelease": "bash ./scripts/publish.sh",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:ui": "vitest --ui"
-  },
+  "version": "0.3.81",
   "dependencies": {
     "date-fns": "^3.0.0",
     "dompurify": "^3.3.1",
@@ -136,5 +120,21 @@
     "./package.json": "./package.json"
   },
   "types": "./dist/index.d.ts",
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite --host",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview",
+    "build": "vue-tsc --noEmit --project tsconfig.build.json && vite build",
+    "build:watch": "vue-tsc --noEmit --watch --project tsconfig.build.json & vite build --watch",
+    "preview": "vite preview",
+    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
+    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
+    "release": "bash ./scripts/release.sh",
+    "postrelease": "bash ./scripts/publish.sh",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui"
+  }
+}