ablok-components 0.3.90 → 0.3.92

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: {
@@ -11,6 +12,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
     storeId: StringConstructor;
+    id: {
+        type: StringConstructor;
+        default: () => string;
+    };
     modelValue: {
         type: {
             (arrayLength: number): {
@@ -107,10 +112,18 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         type: BooleanConstructor;
         default: boolean;
     };
+    maxFiles: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {}, {}, {}, {}, 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<{
     storeId: StringConstructor;
+    id: {
+        type: StringConstructor;
+        default: () => string;
+    };
     modelValue: {
         type: {
             (arrayLength: number): {
@@ -207,11 +220,16 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         type: BooleanConstructor;
         default: boolean;
     };
+    maxFiles: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: number;
     title: string;
+    id: string;
     modelValue: {
         type?: string;
         caption?: string;
@@ -226,6 +244,7 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     hasCaptions: boolean;
     editCaptions: boolean;
     allowDuplicateFiles: boolean;
+    maxFiles: number;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {
     root: HTMLDivElement;
 }, HTMLDivElement>;

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

@@ -1,17 +1,21 @@
-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 E from "../file-upload/file-upload.vue.js";
+import { defineComponent as N, computed as B, ref as k, resolveComponent as x, openBlock as a, createElementBlock as i, createElementVNode as l, unref as U, renderSlot as V, withModifiers as $, createVNode as f, createCommentVNode as m, toDisplayString as y, withCtx as F, normalizeClass as A, Fragment as E, withDirectives as R, vModelText as K, nextTick as j } from "vue";
+import q from "../file-upload/file-upload.vue.js";
 /* empty css                              */
-import { sanitizeHtml as R } from "../../../composables/useSanitize.js";
-const K = { class: "container" }, j = { class: "row" }, q = {
+import { sanitizeHtml as G } from "../../../composables/useSanitize.js";
+const J = { class: "container" }, O = { class: "row" }, P = {
   key: 0,
   class: "col-12"
-}, G = { class: "py-4 px-3 d-flex align-items-center border border-bottom-0" }, J = ["innerHTML"], O = { class: "col-12" }, P = {
+}, Q = { class: "py-4 px-3 d-flex align-items-center border border-bottom-0" }, W = ["innerHTML"], X = { class: "col-12" }, Y = {
   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({
+}, 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" }, ne = { class: "fw-semibold" }, ae = { key: 0 }, ie = { key: 1 }, de = ["onUpdate:modelValue", "id"], ue = ["innerHTML"], re = { class: "col-auto d-flex flex-column gap-2" }, ce = ["onClick"], me = ["onClick"], pe = { class: "file-upload__label" }, fe = { class: "d-flex align-items-end p-3" }, ve = ["for"], be = ["innerHTML"], ke = /* @__PURE__ */ N({
   __name: "bulk-upload",
   props: {
     storeId: String,
+    id: {
+      type: String,
+      default: () => `bulk-upload-${Math.random().toString(36).substring(2, 9)}`
+    },
     modelValue: {
       type: Array,
       default: []
@@ -50,14 +54,18 @@ const K = { class: "container" }, j = { class: "row" }, q = {
     allowDuplicateFiles: {
       type: Boolean,
       default: !1
+    },
+    maxFiles: {
+      type: Number,
+      default: 0
     }
   },
   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(d, { emit: z }) {
+    const u = d, M = z, C = (e) => `${e.name ?? ""}|${e.size ?? 0}|${e.lastModified ?? 0}|${e.type ?? ""}`, r = B({
       get: () => {
-        const e = h.modelValue || [];
-        return v.value = e.map((t) => t.caption || ""), e.map((t) => ({
+        const e = u.modelValue || [];
+        return b.value = e.map((t) => t.caption || ""), e.map((t) => ({
           type: t.type,
           src: t.src,
           ...t.name ? { name: t.name } : {},
@@ -66,71 +74,74 @@ 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);
-        });
-        if (!h.allowDuplicateFiles && l.length > 0 && a.length === 0)
+        const t = r.value || [], o = Array.isArray(e) ? e : [], c = u.allowDuplicateFiles ? o : o.filter((_) => {
+          const g = C(_);
+          return !t.some((I) => C(I) === g);
+        }), n = u.maxFiles > 0 ? Math.max(0, u.maxFiles - t.length) : void 0, s = typeof n == "number" ? c.slice(0, n) : c;
+        if (!u.allowDuplicateFiles && o.length > 0 && s.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 p = s.length <= t.length && s.every((_) => t.some((g) => g.src === _.src));
+        h(p ? s : [...t, ...s]);
       }
-    }), $ = _(null), f = _({}), v = _({});
-    function V(e) {
-      const t = [...h.modelValue || []];
-      t.splice(e, 1), k("update:modelValue", t);
+    }), w = k(null), v = k({}), b = k({}), H = B(() => u.disabled || u.maxFiles > 0 && r.value.length >= u.maxFiles);
+    function S(e) {
+      const t = [...u.modelValue || []];
+      t.splice(e, 1), M("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 D(e) {
+      v.value[e] = !v.value[e], v.value[e] || h(), await j(), w.value?.querySelector(`#caption-${e}`)?.focus();
     }
-    function x(e) {
+    function T(e) {
       if (e == null) return "";
       const t = ["B", "KB", "MB", "GB", "TB"];
-      let l = e, a = t.shift();
-      for (; l >= 1024 && t.length; )
-        l /= 1024, a = t.shift();
-      return `${l.toFixed(1)} ${a}`;
+      let o = e, c = t.shift();
+      for (; o >= 1024 && t.length; )
+        o /= 1024, c = t.shift();
+      return `${o.toFixed(1)} ${c}`;
     }
-    function z(e) {
+    function L(e) {
       return e ? new Date(e).toLocaleDateString() : "";
     }
-    function b(e) {
-      k("update:modelValue", (e || m.value).map((t, l) => ({
+    function h(e) {
+      M("update:modelValue", (e || r.value).map((t, o) => ({
         ...t,
-        caption: v.value[l] || ""
+        caption: b.value[o] || ""
       })));
     }
     return (e, t) => {
-      const l = C("svg-icon"), a = C("base-image");
-      return i(), d("div", {
+      const o = x("svg-icon"), c = x("base-image");
+      return a(), i("div", {
         class: "bulk-upload",
         ref_key: "root",
-        ref: $
+        ref: w
       }, [
-        o("div", K, [
-          o("div", j, [
-            c.hasHeader ? (i(), d("div", q, [
-              o("div", G, [
-                o("p", {
+        l("div", J, [
+          l("div", O, [
+            d.hasHeader ? (a(), i("div", P, [
+              l("div", Q, [
+                l("p", {
                   class: "fw-bold m-0",
-                  innerHTML: L(R)(c.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)
+                  innerHTML: U(G)(d.title || e.$t("fileInput.bulkUploadHeadline"))
+                }, null, 8, W),
+                V(e.$slots, "bulk-remove", {}, () => [
+                  d.hasBulkRemove ? (a(), i("button", {
+                    key: 0,
+                    onClick: t[0] || (t[0] = $((n) => r.value = [], ["prevent"])),
+                    class: "btn btn--close ms-auto p-0"
+                  }, [
+                    f(o, { symbol: "x" })
+                  ])) : m("", !0)
+                ])
               ])
-            ])) : u("", !0),
-            o("div", O, [
-              m.value.length ? u("", !0) : (i(), d("div", P, [
-                o("p", Q, y(e.$t("fileInput.noFilesSelected")), 1)
+            ])) : m("", !0),
+            l("div", X, [
+              r.value.length ? m("", !0) : (a(), i("div", Y, [
+                l("p", Z, y(e.$t("fileInput.noFilesSelected")), 1)
               ])),
-              p(E, {
-                modelValue: m.value,
-                "onUpdate:modelValue": t[2] || (t[2] = (n) => m.value = n),
+              f(q, {
+                id: `${d.id}-file-upload`,
+                modelValue: r.value,
+                "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
                 multiple: !0,
                 accept: "image/*",
                 "drop-files": !0,
@@ -138,77 +149,82 @@ 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 } }) => [
-                  o("div", W, [
-                    o("div", X, [
-                      o("div", Y, [
-                        p(a, {
+                "preview-item": F(({ bind: { item: n, index: s } }) => [
+                  l("div", ee, [
+                    l("div", te, [
+                      l("div", le, [
+                        f(c, {
                           src: n.src,
                           alt: "",
                           class: "img-thumbnail"
                         }, null, 8, ["src"])
                       ]),
-                      o("div", Z, [
-                        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)
+                      l("div", oe, [
+                        l("div", se, [
+                          l("div", ne, y(n.name || e.$t("fileInput.unknownFile")), 1),
+                          l("div", null, [
+                            n.size ? (a(), i("span", ae, y(T(n.size)), 1)) : m("", !0),
+                            n.lastModified ? (a(), i("span", ie, " · " + y(L(n.lastModified)), 1)) : m("", !0)
                           ])
                         ]),
-                        c.hasCaptions ? (i(), d(I, { key: 0 }, [
-                          f.value[s] && c.editCaptions ? U((i(), d("textarea", {
+                        d.hasCaptions ? (a(), i(E, { key: 0 }, [
+                          v.value[s] && d.editCaptions ? R((a(), i("textarea", {
                             key: 0,
-                            "onUpdate:modelValue": (r) => v.value[s] = r,
+                            "onUpdate:modelValue": (p) => b.value[s] = p,
                             id: `caption-${s}`,
                             class: "form-control rounded-0 h-100",
-                            onChangeCapture: t[1] || (t[1] = (r) => b())
-                          }, null, 40, se)), [
-                            [N, v.value[s]]
-                          ]) : (i(), d("p", {
+                            onChangeCapture: t[1] || (t[1] = (p) => h())
+                          }, null, 40, de)), [
+                            [K, b.value[s]]
+                          ]) : (a(), i("p", {
                             key: 1,
                             class: "m-0",
-                            innerHTML: v.value[s] || `<small>${e.$t("fileInput.noCaption")}</small>`
-                          }, null, 8, ne))
-                        ], 64)) : u("", !0)
+                            innerHTML: b.value[s] || `<small>${e.$t("fileInput.noCaption")}</small>`
+                          }, null, 8, ue))
+                        ], 64)) : m("", !0)
                       ]),
-                      o("div", ae, [
-                        o("button", {
-                          onClick: g((r) => V(s), ["prevent"]),
+                      l("div", re, [
+                        l("button", {
+                          onClick: $((p) => S(s), ["prevent"]),
                           class: "btn btn--close"
                         }, [
-                          p(l, { symbol: "x" })
-                        ], 8, ie),
-                        c.editCaptions ? (i(), d("button", {
+                          f(o, { symbol: "x" })
+                        ], 8, ce),
+                        d.editCaptions ? (a(), i("button", {
                           key: 0,
-                          onClick: g((r) => H(s), ["prevent"]),
+                          onClick: $((p) => D(s), ["prevent"]),
                           class: "btn btn--close"
                         }, [
-                          p(l, {
-                            symbol: f.value[s] ? "check" : "edit-3"
+                          f(o, {
+                            symbol: v.value[s] ? "check" : "edit-3"
                           }, null, 8, ["symbol"])
-                        ], 8, de)) : u("", !0)
+                        ], 8, me)) : m("", !0)
                       ])
                     ])
                   ])
                 ]),
-                button: B(() => [
-                  S(e.$slots, "button", {}, () => [
-                    o("span", re, [
-                      o("span", ce, [
-                        p(l, {
-                          symbol: "upload",
-                          size: "small"
-                        }),
-                        o("span", {
-                          innerHTML: e.$t("common.selectFile")
-                        }, null, 8, ue)
+                label: F(() => [
+                  V(e.$slots, "button", {}, () => [
+                    l("span", pe, [
+                      l("span", fe, [
+                        l("label", {
+                          for: `${d.id}-file-upload`,
+                          class: A(["btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2", { disabled: H.value }])
+                        }, [
+                          f(o, {
+                            symbol: "upload",
+                            size: "small"
+                          }),
+                          l("span", {
+                            innerHTML: e.$t("common.selectFile")
+                          }, null, 8, be)
+                        ], 10, ve)
                       ])
                     ])
                   ])
                 ]),
                 _: 3
-              }, 8, ["modelValue"])
+              }, 8, ["id", "modelValue"])
             ])
           ])
         ])
@@ -217,5 +233,5 @@ const K = { class: "container" }, j = { class: "row" }, q = {
   }
 });
 export {
-  he as default
+  ke as default
 };

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

@@ -19,6 +19,7 @@ declare function __VLS_template(): {
                 removeFile: typeof removeFile;
             };
         }): any;
+        label?(_: {}): any;
         button?(_: {}): any;
     };
     refs: {

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,23 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.90",
+  "version": "0.3.92",
+  "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"
+  },
   "dependencies": {
     "date-fns": "^3.0.0",
     "dompurify": "^3.3.1",
@@ -120,21 +136,5 @@
     "./package.json": "./package.json"
   },
   "types": "./dist/index.d.ts",
-  "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"
-  }
-}
+  "sideEffects": false
+}