ablok-components 0.3.64 → 0.3.66

package/dist/components/atoms/base-input/base-input.vue.d.ts

@@ -193,9 +193,9 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     variant: string;
     id: string;
     modelValue: string | number | boolean | Date;
-    disabled: boolean;
     name: string;
     placeholder: string;
+    disabled: boolean;
     readOnly: boolean;
     trueValue: any;
     falseValue: any;

package/dist/components/atoms/check-group/check-group.vue.d.ts

@@ -103,8 +103,8 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
     required: boolean;
     id: string;
     modelValue: any;
-    disabled: boolean;
     name: string;
+    disabled: boolean;
     readOnly: boolean;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/components/atoms/input-datetime/input-datetime.vue.d.ts

@@ -115,9 +115,9 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     variant: string;
     id: string;
     modelValue: string | number | boolean | Date;
-    disabled: boolean;
     name: string;
     placeholder: string;
+    disabled: boolean;
     readOnly: boolean;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/atoms/input-file/input-file.vue.d.ts

@@ -165,9 +165,9 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     variant: string;
     id: string;
     modelValue: File[];
-    disabled: boolean;
     name: string;
     placeholder: string;
+    disabled: boolean;
     readOnly: boolean;
     multiple: boolean;
     maxFileSize: number;

package/dist/components/atoms/input-passcode/input-passcode.vue.d.ts

@@ -146,9 +146,9 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
     variant: string;
     id: string;
     modelValue: string | number | boolean | Date;
-    disabled: boolean;
     name: string;
     placeholder: string;
+    disabled: boolean;
     readOnly: boolean;
     role: string;
     autocomplete: string;

package/dist/components/atoms/input-password/input-password.vue.d.ts

@@ -152,9 +152,9 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     variant: string;
     id: string;
     modelValue: string | number | boolean | Date;
-    disabled: boolean;
     name: string;
     placeholder: string;
+    disabled: boolean;
     readOnly: boolean;
     role: string;
     autocomplete: string;

package/dist/components/atoms/input-textarea/input-textarea.vue.d.ts

@@ -133,9 +133,9 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     variant: string;
     id: string;
     modelValue: string;
-    disabled: boolean;
     name: string;
     placeholder: string;
+    disabled: boolean;
     readOnly: boolean;
     sanitize: boolean;
     checked: boolean;

package/dist/components/atoms/radio-group/radio-group.vue.d.ts

@@ -109,8 +109,8 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     required: boolean;
     variant: string;
     id: string;
-    disabled: boolean;
     name: string;
+    disabled: boolean;
     readOnly: boolean;
     options: any[];
     itemClass: string;

package/dist/components/molecules/accordion/accordion-item.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as r, openBlock as u, createElementBlock as m, createElementVNode as t, normalizeClass as a, renderSlot as d, toDisplayString as g, unref as p } from "vue";
-import { uniqueId as b } from "../../../utilities/helpers.js";
-import { useSanitize as f } from "../../../composables/useSanitize.js";
-const y = { class: "accordion-item" }, h = ["id"], S = ["data-bs-target", "aria-controls"], V = { class: "flex-grow-1" }, $ = ["id", "aria-labelledby", "data-bs-parent"], q = ["innerHTML"], z = /* @__PURE__ */ r({
+import { defineComponent as u, ref as m, watch as p, openBlock as f, createElementBlock as g, createElementVNode as a, normalizeClass as n, renderSlot as l, toDisplayString as h, createVNode as y, Transition as v, withCtx as b, withDirectives as S, unref as V, vShow as $ } from "vue";
+import { uniqueId as q } from "../../../utilities/helpers.js";
+import { useSanitize as w } from "../../../composables/useSanitize.js";
+const x = { class: "accordion-item" }, B = ["id"], _ = ["aria-expanded", "aria-controls"], C = { class: "flex-grow-1" }, T = ["id", "aria-labelledby"], k = ["innerHTML"], N = /* @__PURE__ */ u({
   __name: "accordion-item",
   props: {
     id: {
       type: String,
-      default: () => b()
+      default: () => q()
     },
     modelValue: {
       type: Boolean,
@@ -30,47 +30,55 @@ const y = { class: "accordion-item" }, h = ["id"], S = ["data-bs-target", "aria-
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const o = e, l = n, s = f(() => o.body);
-    function c() {
-      l("update:modelValue", !o.modelValue);
+  setup(e, { emit: d }) {
+    const o = e, s = d, t = m(o.modelValue);
+    p(() => o.modelValue, (i) => {
+      t.value = i;
+    });
+    const c = w(() => o.body);
+    function r() {
+      t.value = !t.value, s("update:modelValue", t.value);
     }
-    return (i, v) => (u(), m("div", y, [
-      t("div", {
+    return (i, z) => (f(), g("div", x, [
+      a("div", {
         class: "accordion-header",
         id: `heading-${e.id}`
       }, [
-        t("button", {
-          class: a(["accordion-button", !e.modelValue && "collapsed"]),
+        a("button", {
+          class: n(["accordion-button", !t.value && "collapsed"]),
           type: "button",
-          "data-bs-toggle": "collapse",
-          "data-bs-target": `#target${e.id}`,
-          "aria-expanded": "true",
+          "aria-expanded": t.value,
           "aria-controls": `target${e.id}`,
-          onClick: c
+          onClick: r
         }, [
-          d(i.$slots, "toggle", {}, () => [
-            t("span", V, g(e.title), 1)
+          l(i.$slots, "toggle", {}, () => [
+            a("span", C, h(e.title), 1)
           ])
-        ], 10, S)
-      ], 8, h),
-      t("div", {
-        class: a(["accordion-collapse collapse", e.modelValue && "show"]),
-        id: `target${e.id}`,
-        "aria-labelledby": `heading${e.id}`,
-        "data-bs-parent": e.parent
-      }, [
-        t("div", {
-          class: a(["accordion-body", e.noPadding ? "p-0" : ""])
-        }, [
-          d(i.$slots, "body", {}, () => [
-            t("article", { innerHTML: p(s) }, null, 8, q)
+        ], 10, _)
+      ], 8, B),
+      y(v, { name: "accordion" }, {
+        default: b(() => [
+          S(a("div", {
+            class: "accordion-collapse",
+            id: `target${e.id}`,
+            "aria-labelledby": `heading-${e.id}`
+          }, [
+            a("div", {
+              class: n(["accordion-body", e.noPadding ? "p-0" : ""])
+            }, [
+              l(i.$slots, "body", {}, () => [
+                a("article", { innerHTML: V(c) }, null, 8, k)
+              ])
+            ], 2)
+          ], 8, T), [
+            [$, t.value]
           ])
-        ], 2)
-      ], 10, $)
+        ]),
+        _: 3
+      })
     ]));
   }
 });
 export {
-  z as default
+  N as default
 };

package/dist/components/molecules/auto-suggest/auto-suggest.vue.d.ts

@@ -113,9 +113,9 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
 }>, {
     color: string;
     required: boolean;
+    placeholder: string;
     disabled: boolean;
     outlined: boolean;
-    placeholder: string;
     readOnly: boolean;
     options: any[];
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {

package/dist/components/molecules/color-palette/color-palette.vue.d.ts

@@ -92,8 +92,8 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
     required: boolean;
     id: string;
     modelValue: string;
-    disabled: boolean;
     name: string;
+    disabled: boolean;
     colors: String[];
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

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

@@ -257,9 +257,9 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         type?: string;
         src?: string;
     }[];
-    disabled: boolean;
     name: string;
     placeholder: string;
+    disabled: boolean;
     readOnly: boolean;
     multiple: boolean;
     maxFileSize: number;

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

@@ -201,9 +201,9 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     variant: string;
     id: string;
     modelValue: IMediaObject | undefined;
-    disabled: boolean;
     name: string;
     placeholder: string;
+    disabled: boolean;
     readOnly: boolean;
     accept: string;
     maxFileSize: number;

package/dist/components/molecules/input-color/input-color.vue.d.ts

@@ -106,9 +106,9 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
     variant: string;
     id: string;
     modelValue: string | number | boolean | Date;
-    disabled: boolean;
     name: string;
     placeholder: string;
+    disabled: boolean;
     readOnly: boolean;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/components/molecules/input-datepicker/input-datepicker.vue.d.ts

@@ -167,8 +167,8 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     required: boolean;
     id: string;
     modelValue: any;
-    disabled: boolean;
     name: string;
+    disabled: boolean;
     readOnly: boolean;
     range: boolean;
     textRange: boolean;

package/dist/components/molecules/input-dropdown/input-dropdown.vue.d.ts

@@ -182,10 +182,10 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     color: string;
     required: boolean;
     variant: string;
-    disabled: boolean;
-    outlined: boolean;
     name: string;
     placeholder: string;
+    disabled: boolean;
+    outlined: boolean;
     readOnly: boolean;
     multiple: boolean;
     showSelectionCount: boolean;

package/dist/components/molecules/radio-buttons/radio-buttons.vue.d.ts

@@ -108,8 +108,8 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
     required: boolean;
     id: string;
     modelValue: any;
-    disabled: boolean;
     name: string;
+    disabled: boolean;
     options: any[];
     itemClass: string;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, HTMLDivElement>;

package/dist/components/molecules/select-media/select-media.vue.d.ts

@@ -102,8 +102,8 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
     required: boolean;
     id: string;
     modelValue: any;
-    disabled: boolean;
     name: string;
+    disabled: boolean;
     assets: any[];
     emitKey: string;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, HTMLDivElement>;

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

@@ -162,8 +162,8 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
     variant: string;
     id: string;
     modelValue: String[];
-    disabled: boolean;
     name: string;
+    disabled: boolean;
     maxFileSize: number;
     endpoint: string;
     authToken: string;

package/dist/components/organisms/asset-uploader/asset-uploader.vue.d.ts

@@ -196,8 +196,8 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
     variant: string;
     id: string;
     modelValue: any[];
-    disabled: boolean;
     name: string;
+    disabled: boolean;
     maxFileSize: number;
     endpoint: string;
     authToken: string;

package/dist/components/templates/sortable-list/sortable-list.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as L, ref as v, computed as m, useSlots as O, watch as f, openBlock as i, createBlock as N, TransitionGroup as C, withModifiers as V, normalizeClass as D, withCtx as M, createElementBlock as g, Fragment as _, renderList as x, createCommentVNode as p, createElementVNode as b, createVNode as A, renderSlot as k, createTextVNode as P, toDisplayString as j } from "vue";
-import { sanitizeHtml as z } from "../../../composables/useSanitize.js";
-import q from "../../atoms/svg-icon/svg-icon.vue.js";
+import { defineComponent as H, ref as c, computed as L, useSlots as I, watch as f, openBlock as i, createBlock as M, TransitionGroup as N, withModifiers as A, normalizeClass as D, withCtx as x, createElementBlock as g, Fragment as O, renderList as C, createCommentVNode as p, createElementVNode as b, createVNode as P, renderSlot as E, createTextVNode as W, toDisplayString as j } from "vue";
+import z from "dompurify";
+import G from "../../atoms/svg-icon/svg-icon.vue.js";
 /* empty css                                 */
-const F = ["onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop", "innerHTML"], G = ["draggable", "onDragstart", "onDrag", "onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop"], J = {
+const R = ["onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop", "innerHTML"], F = ["draggable", "onDragstart", "onDrag", "onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop"], q = {
   key: 0,
   class: "sortable-list__drag-handle"
-}, K = ["onDragstart", "onDrag"], Q = {
+}, J = ["onDragstart", "onDrag"], K = {
   key: 0,
   class: "sortable-list__item"
-}, ee = /* @__PURE__ */ L({
+}, te = /* @__PURE__ */ H({
   __name: "sortable-list",
   props: {
     modelValue: {
@@ -42,113 +42,157 @@ const F = ["onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop", "i
     "update:dragIndex",
     "update:dragOverIndex"
   ],
-  setup(n, { emit: H }) {
-    const S = n, o = v(!1), l = v(null), s = v(null), d = H, c = m({
+  setup(n, { emit: $ }) {
+    const V = n, l = c(!1), o = c(null), s = c(null), d = $, v = L({
       get() {
-        return S.modelValue;
+        return V.modelValue;
       },
       set(e) {
         d("update:modelValue", e);
       }
-    }), B = m(() => {
-      const e = document.querySelector(".is-drag-item")?.outerHTML;
-      return e ? z(e) : "";
-    }), E = O(), I = m(() => E["list-append"]);
-    function w(e, a) {
-      e.dataTransfer && (e.dataTransfer.dropEffect = "move", e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("index", a.toLocaleString()), o.value = !0, l.value = a);
-    }
-    function y(e, a) {
-      o.value = !1, l.value = null, s.value = null;
-    }
-    function R(e, a) {
+    }), m = c("");
+    function k(e) {
+      const a = e.currentTarget.closest(".sortable-list__item") ?? e.currentTarget;
+      m.value = z.sanitize(a.outerHTML, {
+        ALLOWED_TAGS: [
+          "b",
+          "i",
+          "em",
+          "strong",
+          "u",
+          "span",
+          "p",
+          "br",
+          "a",
+          "ul",
+          "ol",
+          "li",
+          "h1",
+          "h2",
+          "h3",
+          "h4",
+          "h5",
+          "h6",
+          "article",
+          "div",
+          "label",
+          "button",
+          "svg",
+          "use"
+        ],
+        ALLOWED_ATTR: [
+          "class",
+          "id",
+          "style",
+          "href",
+          "target",
+          "rel",
+          "title",
+          "type",
+          "aria-expanded",
+          "aria-controls",
+          "aria-labelledby",
+          "data-countdown"
+        ],
+        ALLOW_DATA_ATTR: !0
+      });
     }
+    const S = I(), B = L(() => S["list-append"]);
     function h(e, a) {
-      s.value = l.value !== a ? a : null;
+      e.dataTransfer && (k(e), e.dataTransfer.dropEffect = "move", e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("index", a.toLocaleString()), l.value = !0, o.value = a);
     }
     function T(e, a) {
-      s.value = l.value !== a ? a : null;
+      l.value = !1, o.value = null, s.value = null, m.value = "";
+    }
+    function Q(e, a) {
+    }
+    function y(e, a) {
+      s.value = o.value !== a ? a : null;
+    }
+    function w(e, a) {
+      s.value = o.value !== a ? a : null;
     }
     function U(e, a) {
     }
-    function $(e, a) {
+    function _(e, a) {
       if (e.dataTransfer) {
         e.preventDefault();
-        const u = Number(e.dataTransfer.getData("index")), r = a, t = [...c.value];
-        (r || r === 0) && (u || u === 0) && t.splice(r, 0, t.splice(u, 1)[0]), c.value = t;
+        const u = Number(e.dataTransfer.getData("index")), r = a, t = [...v.value];
+        (r || r === 0) && (u || u === 0) && t.splice(r, 0, t.splice(u, 1)[0]), v.value = t;
       }
     }
-    return f(() => o.value, (e) => {
+    return f(() => l.value, (e) => {
       d("update:isDragging", e);
-    }, { immediate: !0 }), f(() => l.value, (e) => {
+    }, { immediate: !0 }), f(() => o.value, (e) => {
       d("update:dragIndex", e);
     }, { immediate: !0 }), f(() => s.value, (e) => {
       d("update:dragOverIndex", e);
-    }, { immediate: !0 }), (e, a) => (i(), N(C, {
+    }, { immediate: !0 }), (e, a) => (i(), M(N, {
       name: "list",
       tag: "ul",
       class: D(["sortable-list p-0 d-flex gap-2", {
         "flex-column": n.vertical,
         "flex-row flex-wrap": !n.vertical
       }]),
-      onDragover: a[0] || (a[0] = V(() => {
+      onDragover: a[0] || (a[0] = A(() => {
       }, ["prevent"])),
-      onDragenter: a[1] || (a[1] = V(() => {
+      onDragenter: a[1] || (a[1] = A(() => {
       }, ["prevent"]))
     }, {
-      default: M(() => [
-        (i(!0), g(_, null, x(c.value, (u, r) => (i(), g(_, { key: r }, [
-          n.showPreview && o.value && s.value === r ? (i(), g("li", {
+      default: x(() => [
+        (i(!0), g(O, null, C(v.value, (u, r) => (i(), g(O, { key: r }, [
+          n.showPreview && l.value && s.value === r ? (i(), g("li", {
             key: 0,
             class: "sortable-list__item is-drop-target",
-            onDragenter: (t) => h(t, r),
-            onDragover: (t) => T(t, r),
+            onDragenter: (t) => y(t, r),
+            onDragover: (t) => w(t, r),
             onDragleave: (t) => void 0,
-            onDragend: (t) => y(),
-            onDrop: (t) => $(t, r),
-            innerHTML: B.value
-          }, null, 40, F)) : p("", !0),
+            onDragend: (t) => T(),
+            onDrop: (t) => _(t, r),
+            innerHTML: m.value
+          }, null, 40, R)) : p("", !0),
           b("li", {
             class: D(["sortable-list__item d-flex", {
-              "is-drag-item": o.value && l.value === r,
-              "is-drop-target": o.value && s.value === r && !n.showPreview,
+              "is-drag-item": l.value && o.value === r,
+              "is-drop-target": l.value && s.value === r && !n.showPreview,
               "align-items-center gap-2": n.vertical
             }]),
             draggable: !n.showDragHandle,
-            onDragstart: (t) => w(t, r),
+            onDragstart: (t) => h(t, r),
             onDrag: (t) => void 0,
-            onDragenter: (t) => h(t, r),
-            onDragover: (t) => T(t, r),
+            onDragenter: (t) => y(t, r),
+            onDragover: (t) => w(t, r),
             onDragleave: (t) => void 0,
-            onDragend: (t) => y(),
-            onDrop: (t) => $(t, r)
+            onDragend: (t) => T(),
+            onDrop: (t) => _(t, r)
           }, [
-            n.showDragHandle ? (i(), g("div", J, [
+            n.showDragHandle ? (i(), g("div", q, [
               b("button", {
                 type: "button",
                 class: "btn",
                 draggable: "true",
-                onDragstart: (t) => w(t, r),
+                onDragstart: (t) => h(t, r),
                 onDrag: (t) => void 0
               }, [
-                A(q, { symbol: "drag" })
-              ], 40, K)
+                P(G, { symbol: "drag" })
+              ], 40, J)
             ])) : p("", !0),
             b("div", {
               class: D(["sortable-list__item-content", {
                 "flex-grow-1": n.vertical
               }])
             }, [
-              k(e.$slots, "list-item", {
+              E(e.$slots, "list-item", {
                 item: u,
                 index: r
               }, () => [
-                P(j(u), 1)
+                W(j(u), 1)
               ])
             ], 2)
-          ], 42, G)
+          ], 42, F)
         ], 64))), 128)),
-        I.value ? (i(), g("li", Q, [
-          k(e.$slots, "list-append")
+        B.value ? (i(), g("li", K, [
+          E(e.$slots, "list-append")
         ])) : p("", !0)
       ]),
       _: 3
@@ -156,5 +200,5 @@ const F = ["onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop", "i
   }
 });
 export {
-  ee as default
+  te as default
 };

package/package.json

@@ -1,7 +1,23 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.64",
+  "version": "0.3.66",
+  "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
+}