ablok-components 0.3.64 → 0.3.65

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/package.json

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