@wikicasa-dev/components 1.2.15 → 1.2.17

package/dist/AccessibleSelect.vue_vue_type_script_setup_true_lang-BoZC-MRc.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),h=require("./lib/composables/useKeyboardController.cjs"),v=require("./ArrowIcon-p3-glcm0.cjs"),w=require("./DefaultValues-S0CTWW-b.cjs"),V=(l,{attrs:n})=>{l={...w.getDefaultSvgPropsValues(),...l};const{width:a,height:t}=l;return e.h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 11.175 13.409",width:`${a}`,height:`${t}`,class:l.class??"","aria-hidden":n["aria-hidden"]??"true",fill:"none",stroke:n["stroke-color"]??"#FA4F64"},[e.h("circle",{cx:6,cy:6,r:4.5}),e.h("path",{"stroke-linejoin":"round",d:"M5.8 3.6h.4L6 6.5z"}),e.h("circle",{cx:6,cy:8.2,r:.6,fill:n["stroke-color"]??"#FA4F64",stroke:"none"})])},$=["id","innerHTML"],y=["id","data-cy","aria-required","aria-controls","aria-labelledby","aria-expanded","aria-activedescendant","aria-invalid","aria-describedby"],g=["innerHTML"],C={class:"uikit-inline-flex"},B=["innerHTML"],E=["data-cy"],M=["id","aria-selected","onClick","onMouseover"],L={class:"uikit-inline-block uikit-cursor-pointer"},N=["name","checked","onInput"],z=["innerHTML"],H=["id","arial-live","innerHTML"],T=["id","arial-live","innerHTML"],F=e.defineComponent({inheritAttrs:!1,__name:"AccessibleSelect",props:{label:{default:""},dropdownPosition:{default:"bottom"},namespace:{},options:{},modelValue:{default:()=>({id:"",label:""})},isValid:{type:[Boolean,null],default:null},feedback:{}},emits:["update:modelValue"],setup(l,{emit:n}){const a=l,t=e.ref(!1),m=e.ref(null),p=e.computed(()=>!!a.modelValue.label),b=n,{activeIdx:s,selectedIdx:f}=h.useKeyboardController({optionsLength:a.options.length,isDropdownOpen:t}),d=i=>{t.value=!1,b("update:modelValue",i)};e.watch(f,i=>{d(a.options[i]),t.value=!1});const c=()=>{t.value=!1};return e.onMounted(()=>{document&&document.addEventListener("click",c)}),e.onUnmounted(()=>{document&&document.removeEventListener("click",c)}),(i,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(["uikit-relative uikit-flex uikit-items-center",[i.label?"uikit-h-[52px]":"uikit-h-[42px]",i.$attrs.class]])},[i.label?(e.openBlock(),e.createElementBlock("label",{key:0,id:`${i.namespace}_label`,class:e.normalizeClass(["uikit-absolute uikit-font-medium uikit-transition-all uikit-ease-in-out",[p.value?"as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black":"as-inline uikit-left-4 uikit-top-4 uikit-text-w-gray",i.$attrs["label-classes"]]]),innerHTML:i.label},null,10,$)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"lefticon"),e.createElementVNode("button",{id:`${i.namespace}_btn`,ref_key:"btnEl",ref:m,type:"button","data-cy":i.$attrs["data-cy"],class:e.normalizeClass(["uikit-peer uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-bg-white uikit-px-4 uikit-text-left focus-visible:uikit-outline-0",i.$attrs["btn-classes"]]),"aria-required":!!i.$attrs.required,role:"combobox","aria-haspopup":"listbox","aria-controls":`${i.namespace}_dropdown`,"aria-labelledby":`${i.namespace}_label ${i.namespace}_btn`,"aria-expanded":t.value,"aria-activedescendant":e.unref(s)>=0&&t.value?`${i.namespace}_element_${i.options[e.unref(s)].label}`:"","aria-invalid":a.isValid===!1,"aria-describedby":a.isValid===!1?`${i.namespace}_invalid_msg`:void 0,onClick:r[0]||(r[0]=e.withModifiers(o=>t.value=!t.value,["stop"]))},[e.createElementVNode("span",{class:e.normalizeClass(i.$attrs["btn-text-classes"]),innerHTML:i.modelValue.visibleLabel||i.modelValue.label},null,10,g),e.createElementVNode("span",C,[a.isValid==!1?(e.openBlock(),e.createBlock(e.unref(V),{key:0,class:"uikit-mr-1",width:20,height:20})):e.createCommentVNode("",!0),e.createVNode(e.unref(v.ArrowIcon),{class:e.normalizeClass(["uikit-transition-transform motion-reduce:uikit-transition-none",t.value&&"uikit-rotate-180"]),width:18,height:18,"stroke-color":i.isValid?"#2B5DFF":i.isValid===!1?"#FA4F64":"#222"},null,8,["class","stroke-color"])])],10,y),e.createElementVNode("fieldset",{"aria-hidden":"true",class:e.normalizeClass(["uikit-pointer-events-none uikit-absolute -uikit-top-[1px] uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-cursor-pointer uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger",[i.label?"uikit-h-12":"uikit-h-[42px]",i.$attrs["fieldset-classes"],i.isValid?"uikit-border-w-primary":i.isValid===!1?"uikit-border-w-danger":"uikit-border-w-secondary"]])},[i.label?(e.openBlock(),e.createElementBlock("legend",{key:0,class:e.normalizeClass([i.$attrs["legend-classes"],"uikit-ml-2 uikit-h-3"])},[e.createElementVNode("span",{class:e.normalizeClass(["uikit-mx-5px",i.modelValue.label?"uikit-invisible":"uikit-hidden"]),innerHTML:i.label},null,10,B)],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("ul",{"data-cy":i.$attrs["data-cy"]&&`${i.$attrs["data-cy"]}_dropdown`,role:"listbox",tabindex:-1,"aria-multiselectable":!1,class:e.normalizeClass(["uikit-absolute uikit-z-10 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-overflow-y-auto uikit-no-scrollbar",[{"uikit-h-0 uikit-w-0 uikit-overflow-hidden":!t.value},{"uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white":t.value},{"uikit-bottom-[55px]":i.dropdownPosition==="top"},{"uikit-top-[55px]":i.dropdownPosition==="bottom"},i.$attrs["dropdown-classes"]]]),onClick:r[1]||(r[1]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.options,(o,u)=>(e.openBlock(),e.createElementBlock("li",{id:`${i.namespace}_element_${i.options[u].label}`,key:`${o.label}_${u}`,role:"option","aria-selected":e.unref(s)===u,class:e.normalizeClass(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured",i.$attrs["dropdown-item-classes"]]),onClick:e.withModifiers(k=>d(o),["stop"]),onMouseover:e.withModifiers(k=>s.value=u,["stop"])},[e.createElementVNode("label",L,[e.createElementVNode("input",{tabindex:"-1",class:"uikit-appearance-none",name:`${i.namespace}_radio`,type:"radio",checked:o.label===i.modelValue.label,onInput:e.withModifiers(k=>d(o),["stop"])},null,40,N),e.createElementVNode("span",{innerHTML:o.label},null,8,z)])],42,M))),128))],10,E)],2),i.feedback?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[i.feedback.valid?(e.openBlock(),e.createElementBlock("span",{key:0,id:`${i.namespace}_valid_msg`,"arial-live":i.$attrs["aria-live"],class:"uikit-mb-2 uikit-text-sm",innerHTML:i.isValid?i.feedback.valid:""},null,8,H)):e.createCommentVNode("",!0),i.feedback.invalid?(e.openBlock(),e.createElementBlock("span",{key:1,id:`${i.namespace}_invalid_msg`,"arial-live":i.$attrs["aria-live"],class:"uikit-mb-2 uikit-text-sm uikit-text-w-danger",innerHTML:i.isValid===!1?i.feedback.invalid:""},null,8,T)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))}});exports._sfc_main=F;

package/dist/AccessibleSelect.vue_vue_type_script_setup_true_lang-cO2THN1r.js

@@ -0,0 +1,204 @@
+import { h as f, defineComponent as H, ref as y, computed as T, watch as C, onMounted as F, onUnmounted as A, openBlock as l, createElementBlock as s, Fragment as h, createElementVNode as t, normalizeClass as a, createCommentVNode as u, renderSlot as B, unref as k, withModifiers as p, createBlock as E, createVNode as P, renderList as q } from "vue";
+import { useKeyboardController as z } from "./lib/composables/useKeyboardController.js";
+import { A as D } from "./ArrowIcon-BAw-0KtW.js";
+import { g as N } from "./DefaultValues-k7iQWtC2.js";
+const S = (n, { attrs: d }) => {
+  n = { ...N(), ...n };
+  const { width: o, height: i } = n;
+  return f(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 11.175 13.409",
+      width: `${o}`,
+      height: `${i}`,
+      class: n.class ?? "",
+      "aria-hidden": d["aria-hidden"] ?? "true",
+      fill: "none",
+      stroke: d["stroke-color"] ?? "#FA4F64"
+    },
+    [
+      f("circle", {
+        cx: 6,
+        cy: 6,
+        r: 4.5
+      }),
+      f("path", {
+        "stroke-linejoin": "round",
+        d: "M5.8 3.6h.4L6 6.5z"
+      }),
+      f("circle", {
+        cx: 6,
+        cy: 8.2,
+        r: 0.6,
+        fill: d["stroke-color"] ?? "#FA4F64",
+        stroke: "none"
+      })
+    ]
+  );
+}, j = ["id", "innerHTML"], I = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], K = ["innerHTML"], O = { class: "uikit-inline-flex" }, R = ["innerHTML"], U = ["data-cy"], W = ["id", "aria-selected", "onClick", "onMouseover"], G = { class: "uikit-inline-block uikit-cursor-pointer" }, J = ["name", "checked", "onInput"], Q = ["innerHTML"], X = ["id", "arial-live", "innerHTML"], Y = ["id", "arial-live", "innerHTML"], ie = /* @__PURE__ */ H({
+  inheritAttrs: !1,
+  __name: "AccessibleSelect",
+  props: {
+    label: { default: "" },
+    dropdownPosition: { default: "bottom" },
+    namespace: {},
+    options: {},
+    modelValue: { default: () => ({
+      id: "",
+      label: ""
+    }) },
+    isValid: { type: [Boolean, null], default: null },
+    feedback: {}
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: d }) {
+    const o = n, i = y(!1), g = y(null), V = T(() => !!o.modelValue.label), L = d, { activeIdx: c, selectedIdx: M } = z({
+      optionsLength: o.options.length,
+      isDropdownOpen: i
+    }), v = (e) => {
+      i.value = !1, L("update:modelValue", e);
+    };
+    C(M, (e) => {
+      v(o.options[e]), i.value = !1;
+    });
+    const w = () => {
+      i.value = !1;
+    };
+    return F(() => {
+      document && document.addEventListener("click", w);
+    }), A(() => {
+      document && document.removeEventListener("click", w);
+    }), (e, b) => (l(), s(h, null, [
+      t("div", {
+        class: a(["uikit-relative uikit-flex uikit-items-center", [e.label ? "uikit-h-[52px]" : "uikit-h-[42px]", e.$attrs.class]])
+      }, [
+        e.label ? (l(), s("label", {
+          key: 0,
+          id: `${e.namespace}_label`,
+          class: a(["uikit-absolute uikit-font-medium uikit-transition-all uikit-ease-in-out", [
+            V.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-left-4 uikit-top-4 uikit-text-w-gray",
+            e.$attrs["label-classes"]
+          ]]),
+          innerHTML: e.label
+        }, null, 10, j)) : u("", !0),
+        B(e.$slots, "lefticon"),
+        t("button", {
+          id: `${e.namespace}_btn`,
+          ref_key: "btnEl",
+          ref: g,
+          type: "button",
+          "data-cy": e.$attrs["data-cy"],
+          class: a(["uikit-peer uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-bg-white uikit-px-4 uikit-text-left focus-visible:uikit-outline-0", e.$attrs["btn-classes"]]),
+          "aria-required": !!e.$attrs.required,
+          role: "combobox",
+          "aria-haspopup": "listbox",
+          "aria-controls": `${e.namespace}_dropdown`,
+          "aria-labelledby": `${e.namespace}_label ${e.namespace}_btn`,
+          "aria-expanded": i.value,
+          "aria-activedescendant": k(c) >= 0 && i.value ? `${e.namespace}_element_${e.options[k(c)].label}` : "",
+          "aria-invalid": o.isValid === !1,
+          "aria-describedby": o.isValid === !1 ? `${e.namespace}_invalid_msg` : void 0,
+          onClick: b[0] || (b[0] = p((r) => i.value = !i.value, ["stop"]))
+        }, [
+          t("span", {
+            class: a(e.$attrs["btn-text-classes"]),
+            innerHTML: e.modelValue.visibleLabel || e.modelValue.label
+          }, null, 10, K),
+          t("span", O, [
+            o.isValid == !1 ? (l(), E(k(S), {
+              key: 0,
+              class: "uikit-mr-1",
+              width: 20,
+              height: 20
+            })) : u("", !0),
+            P(k(D), {
+              class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", i.value && "uikit-rotate-180"]),
+              width: 18,
+              height: 18,
+              "stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : "#222"
+            }, null, 8, ["class", "stroke-color"])
+          ])
+        ], 10, I),
+        t("fieldset", {
+          "aria-hidden": "true",
+          class: a(["uikit-pointer-events-none uikit-absolute -uikit-top-[1px] uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-cursor-pointer uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger", [
+            e.label ? "uikit-h-12" : "uikit-h-[42px]",
+            e.$attrs["fieldset-classes"],
+            e.isValid ? "uikit-border-w-primary" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary"
+          ]])
+        }, [
+          e.label ? (l(), s("legend", {
+            key: 0,
+            class: a([e.$attrs["legend-classes"], "uikit-ml-2 uikit-h-3"])
+          }, [
+            t("span", {
+              class: a(["uikit-mx-5px", e.modelValue.label ? "uikit-invisible" : "uikit-hidden"]),
+              innerHTML: e.label
+            }, null, 10, R)
+          ], 2)) : u("", !0)
+        ], 2),
+        t("ul", {
+          "data-cy": e.$attrs["data-cy"] && `${e.$attrs["data-cy"]}_dropdown`,
+          role: "listbox",
+          tabindex: -1,
+          "aria-multiselectable": !1,
+          class: a(["uikit-absolute uikit-z-10 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-overflow-y-auto uikit-no-scrollbar", [
+            { "uikit-h-0 uikit-w-0 uikit-overflow-hidden": !i.value },
+            {
+              "uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": i.value
+            },
+            { "uikit-bottom-[55px]": e.dropdownPosition === "top" },
+            { "uikit-top-[55px]": e.dropdownPosition === "bottom" },
+            e.$attrs["dropdown-classes"]
+          ]]),
+          onClick: b[1] || (b[1] = p(() => {
+          }, ["stop"]))
+        }, [
+          (l(!0), s(h, null, q(e.options, (r, m) => (l(), s("li", {
+            id: `${e.namespace}_element_${e.options[m].label}`,
+            key: `${r.label}_${m}`,
+            role: "option",
+            "aria-selected": k(c) === m,
+            class: a(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.$attrs["dropdown-item-classes"]]),
+            onClick: p(($) => v(r), ["stop"]),
+            onMouseover: p(($) => c.value = m, ["stop"])
+          }, [
+            t("label", G, [
+              t("input", {
+                tabindex: "-1",
+                class: "uikit-appearance-none",
+                name: `${e.namespace}_radio`,
+                type: "radio",
+                checked: r.label === e.modelValue.label,
+                onInput: p(($) => v(r), ["stop"])
+              }, null, 40, J),
+              t("span", {
+                innerHTML: r.label
+              }, null, 8, Q)
+            ])
+          ], 42, W))), 128))
+        ], 10, U)
+      ], 2),
+      e.feedback ? (l(), s(h, { key: 0 }, [
+        e.feedback.valid ? (l(), s("span", {
+          key: 0,
+          id: `${e.namespace}_valid_msg`,
+          "arial-live": e.$attrs["aria-live"],
+          class: "uikit-mb-2 uikit-text-sm",
+          innerHTML: e.isValid ? e.feedback.valid : ""
+        }, null, 8, X)) : u("", !0),
+        e.feedback.invalid ? (l(), s("span", {
+          key: 1,
+          id: `${e.namespace}_invalid_msg`,
+          "arial-live": e.$attrs["aria-live"],
+          class: "uikit-mb-2 uikit-text-sm uikit-text-w-danger",
+          innerHTML: e.isValid === !1 ? e.feedback.invalid : ""
+        }, null, 8, Y)) : u("", !0)
+      ], 64)) : u("", !0)
+    ], 64));
+  }
+});
+export {
+  ie as _
+};

package/dist/ArrowIcon-BAw-0KtW.js

@@ -0,0 +1,28 @@
+import { h as t } from "vue";
+import { g as n } from "./DefaultValues-k7iQWtC2.js";
+const d = (o, { attrs: e }) => {
+  o = { ...n(), ...o };
+  const { width: r, height: i } = o;
+  return t(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20.243 11.621",
+      width: `${r}`,
+      height: `${i}`,
+      class: o.class ?? "",
+      "aria-hidden": e["aria-hidden"] ?? "true"
+    },
+    t("path", {
+      fill: "none",
+      stroke: `${e["stroke-color"] ?? "#222"}`,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": `${e["stroke-width"] ?? "3"}`,
+      d: "m18.121 2.121-8 8-8-8"
+    })
+  );
+};
+export {
+  d as A
+};

package/dist/ArrowIcon-p3-glcm0.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("vue"),n=require("./DefaultValues-S0CTWW-b.cjs"),s=(e,{attrs:t})=>{e={...n.getDefaultSvgPropsValues(),...e};const{width:r,height:i}=e;return o.h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20.243 11.621",width:`${r}`,height:`${i}`,class:e.class??"","aria-hidden":t["aria-hidden"]??"true"},o.h("path",{fill:"none",stroke:`${t["stroke-color"]??"#222"}`,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":`${t["stroke-width"]??"3"}`,d:"m18.121 2.121-8 8-8-8"}))};exports.ArrowIcon=s;

package/dist/BaseAccordion.vue_vue_type_script_setup_true_lang-CoE2D2rV.js

@@ -0,0 +1,19 @@
+import { defineComponent as l, ref as n, renderSlot as p } from "vue";
+const v = /* @__PURE__ */ l({
+  __name: "BaseAccordion",
+  props: {
+    autoClose: { type: Boolean, default: !0 }
+  },
+  setup(r) {
+    const u = r, t = n(null), a = (o, e) => {
+      t.value && e && u.autoClose && (e[t.value.id].active = !1), t.value = o, e && (e[o.id].active = !0);
+    };
+    return (o, e) => p(o.$slots, "default", {
+      updatePrev: a,
+      prev: t.value
+    });
+  }
+});
+export {
+  v as _
+};

package/dist/BaseAccordion.vue_vue_type_script_setup_true_lang-f0Al20X4.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("vue"),s=r.defineComponent({__name:"BaseAccordion",props:{autoClose:{type:Boolean,default:!0}},setup(o){const n=o,t=r.ref(null),a=(u,e)=>{t.value&&e&&n.autoClose&&(e[t.value.id].active=!1),t.value=u,e&&(e[u.id].active=!0)};return(u,e)=>r.renderSlot(u.$slots,"default",{updatePrev:a,prev:t.value})}});exports._sfc_main=s;

package/dist/BaseAccordionBtn.vue_vue_type_script_setup_true_lang-B5N_3-gi.js

@@ -0,0 +1,54 @@
+import { defineComponent as a, openBlock as d, createElementBlock as l, normalizeClass as n, renderSlot as t, createElementVNode as c, withModifiers as p, createVNode as u, unref as m } from "vue";
+import { A as k } from "./ArrowIcon-BAw-0KtW.js";
+const f = ["id"], g = ["aria-expanded", "aria-controls"], w = /* @__PURE__ */ a({
+  inheritAttrs: !1,
+  __name: "BaseAccordionBtn",
+  props: {
+    id: {},
+    arrowWidth: { default: 12 },
+    onContainerClickExpand: { type: Boolean, default: !1 },
+    accordionOpen: { type: Boolean, default: !1 },
+    toggleAccordion: {}
+  },
+  emits: ["click"],
+  setup(h, { emit: i }) {
+    const r = i;
+    return (o, e) => (d(), l("div", {
+      id: `${o.id}`,
+      class: n(["uikit-flex uikit-items-center uikit-justify-around", [
+        o.$attrs["btn-wrapper-classes"],
+        o.onContainerClickExpand && "uikit-cursor-pointer"
+      ]]),
+      onClick: e[1] || (e[1] = (s) => o.onContainerClickExpand && o.toggleAccordion())
+    }, [
+      t(o.$slots, "custom_content"),
+      t(o.$slots, "custom_btn", {
+        btnId: `btn-${o.id}`,
+        isOpen: o.accordionOpen,
+        toggleAccordion: o.toggleAccordion
+      }, () => [
+        c("button", {
+          type: "button",
+          class: n(["uikit-bg-transparent", o.$attrs["btn-classes"]]),
+          "aria-expanded": o.accordionOpen,
+          "aria-controls": `accordion-text-${o.id}`,
+          onClick: e[0] || (e[0] = p((s) => {
+            o.toggleAccordion(), r("click");
+          }, ["prevent", "stop"]))
+        }, [
+          u(m(k), {
+            class: n(["uikit-transition-transform motion-reduce:uikit-transition-none", [
+              o.accordionOpen && "uikit-rotate-180",
+              o.$attrs["arrow-classes"]
+            ]]),
+            width: o.arrowWidth,
+            height: o.arrowWidth
+          }, null, 8, ["class", "width", "height"])
+        ], 10, g)
+      ])
+    ], 10, f));
+  }
+});
+export {
+  w as _
+};

package/dist/BaseAccordionBtn.vue_vue_type_script_setup_true_lang-D9D4w7Mn.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("./ArrowIcon-p3-glcm0.cjs"),a=["id"],l=["aria-expanded","aria-controls"],d=e.defineComponent({inheritAttrs:!1,__name:"BaseAccordionBtn",props:{id:{},arrowWidth:{default:12},onContainerClickExpand:{type:Boolean,default:!1},accordionOpen:{type:Boolean,default:!1},toggleAccordion:{}},emits:["click"],setup(c,{emit:t}){const i=t;return(o,n)=>(e.openBlock(),e.createElementBlock("div",{id:`${o.id}`,class:e.normalizeClass(["uikit-flex uikit-items-center uikit-justify-around",[o.$attrs["btn-wrapper-classes"],o.onContainerClickExpand&&"uikit-cursor-pointer"]]),onClick:n[1]||(n[1]=r=>o.onContainerClickExpand&&o.toggleAccordion())},[e.renderSlot(o.$slots,"custom_content"),e.renderSlot(o.$slots,"custom_btn",{btnId:`btn-${o.id}`,isOpen:o.accordionOpen,toggleAccordion:o.toggleAccordion},()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["uikit-bg-transparent",o.$attrs["btn-classes"]]),"aria-expanded":o.accordionOpen,"aria-controls":`accordion-text-${o.id}`,onClick:n[0]||(n[0]=e.withModifiers(r=>{o.toggleAccordion(),i("click")},["prevent","stop"]))},[e.createVNode(e.unref(s.ArrowIcon),{class:e.normalizeClass(["uikit-transition-transform motion-reduce:uikit-transition-none",[o.accordionOpen&&"uikit-rotate-180",o.$attrs["arrow-classes"]]]),width:o.arrowWidth,height:o.arrowWidth},null,8,["class","width","height"])],10,l)])],10,a))}});exports._sfc_main=d;

package/dist/BaseAccordionContent.vue_vue_type_script_setup_true_lang-N7oILwdv.js

@@ -0,0 +1,32 @@
+import { defineComponent as t, openBlock as n, createElementBlock as r, normalizeClass as s, renderSlot as o, createElementVNode as e } from "vue";
+const a = ["id", "aria-labelledby"], d = { class: "uikit-overflow-hidden" }, c = { class: "uikit-mb-0" }, k = /* @__PURE__ */ t({
+  inheritAttrs: !1,
+  __name: "BaseAccordionContent",
+  props: {
+    id: {},
+    accordionOpen: { type: Boolean }
+  },
+  setup(l) {
+    return (i, p) => (n(), r("div", {
+      id: `accordion-text-${i.id}`,
+      role: "region",
+      "aria-labelledby": `accordion-title-${i.id}`,
+      class: s(["uikit-grid uikit-overflow-hidden uikit-px-5 uikit-text-sm uikit-text-w-black uikit-transition-[grid-template-rows,opacity,padding,margin] uikit-duration-300 uikit-ease-in-out", [
+        i.accordionOpen ? i.$attrs["accordion-open-classes"] : i.$attrs["accordion-close-classes"],
+        i.accordionOpen ? "uikit-grid-rows-[1fr] uikit-opacity-100" : "uikit-grid-rows-[0fr] uikit-opacity-0",
+        i.$attrs["accordion-classes"]
+      ]])
+    }, [
+      o(i.$slots, "custom_accordion_content", { isOpen: i.accordionOpen }, () => [
+        e("div", d, [
+          e("p", c, [
+            o(i.$slots, "default", { isOpen: i.accordionOpen })
+          ])
+        ])
+      ])
+    ], 10, a));
+  }
+});
+export {
+  k as _
+};

package/dist/BaseAccordionContent.vue_vue_type_script_setup_true_lang-U3YQw0dV.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=["id","aria-labelledby"],t={class:"uikit-overflow-hidden"},n={class:"uikit-mb-0"},r=e.defineComponent({inheritAttrs:!1,__name:"BaseAccordionContent",props:{id:{},accordionOpen:{type:Boolean}},setup(s){return(i,a)=>(e.openBlock(),e.createElementBlock("div",{id:`accordion-text-${i.id}`,role:"region","aria-labelledby":`accordion-title-${i.id}`,class:e.normalizeClass(["uikit-grid uikit-overflow-hidden uikit-px-5 uikit-text-sm uikit-text-w-black uikit-transition-[grid-template-rows,opacity,padding,margin] uikit-duration-300 uikit-ease-in-out",[i.accordionOpen?i.$attrs["accordion-open-classes"]:i.$attrs["accordion-close-classes"],i.accordionOpen?"uikit-grid-rows-[1fr] uikit-opacity-100":"uikit-grid-rows-[0fr] uikit-opacity-0",i.$attrs["accordion-classes"]]])},[e.renderSlot(i.$slots,"custom_accordion_content",{isOpen:i.accordionOpen},()=>[e.createElementVNode("div",t,[e.createElementVNode("p",n,[e.renderSlot(i.$slots,"default",{isOpen:i.accordionOpen})])])])],10,o))}});exports._sfc_main=r;

package/dist/BaseAccordionItem.vue_vue_type_script_setup_true_lang-34wcOXN7.js

@@ -0,0 +1,106 @@
+import { defineComponent as f, ref as w, watch as d, openBlock as r, createElementBlock as u, normalizeClass as c, createElementVNode as p, withModifiers as b, createVNode as m, unref as h, createBlock as v, withCtx as i, renderSlot as e, createCommentVNode as C } from "vue";
+import { A as y } from "./ArrowIcon-BAw-0KtW.js";
+import { _ as g } from "./BaseAccordionContent.vue_vue_type_script_setup_true_lang-N7oILwdv.js";
+import { _ as O } from "./BaseAccordionBtn.vue_vue_type_script_setup_true_lang-B5N_3-gi.js";
+const B = { key: 0 }, A = ["id", "data-cy", "aria-expanded", "aria-controls"], E = ["itemprop", "innerHTML"], W = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "BaseAccordionItem",
+  props: {
+    title: {},
+    id: {},
+    active: { type: Boolean, default: !1 },
+    arrowWidth: { default: 12 },
+    onContainerClickExpand: { type: Boolean, default: !1 }
+  },
+  emits: ["click", "accordionOpened", "accordionClosed", "update:accordionState"],
+  setup(k, { emit: $ }) {
+    const t = $, o = w(!1), n = k;
+    d(o, (s) => {
+      t(s ? "accordionOpened" : "accordionClosed", n), t("update:accordionState", s), o.value = s;
+    }), d(
+      () => n.active,
+      (s) => {
+        o.value = s;
+      },
+      { immediate: !0 }
+    );
+    const a = () => {
+      o.value = !o.value;
+    };
+    return (s, l) => (r(), u("div", {
+      class: c(s.$attrs["root-classes"])
+    }, [
+      !s.$slots.custom_content && !s.$slots.custom_btn && !s.$slots.custom_accordion ? (r(), u("h2", B, [
+        p("button", {
+          id: `accordion-title-${s.id}`,
+          type: "button",
+          class: c(["uikit-flex uikit-w-full uikit-items-center uikit-justify-between uikit-bg-white uikit-px-5 uikit-py-4 uikit-text-left uikit-font-semibold uikit-transition-colors active:max-sm:uikit-bg-w-cultured hover:sm:uikit-bg-w-cultured", s.$attrs["btn-classes"]]),
+          "data-cy": s.$attrs["data-cy"],
+          "aria-expanded": o.value,
+          "aria-controls": `accordion-text-${s.id}`,
+          onClick: l[0] || (l[0] = b((I) => {
+            a(), t("click");
+          }, ["prevent", "stop"]))
+        }, [
+          p("span", {
+            itemprop: s.$attrs.itemprop,
+            innerHTML: s.title
+          }, null, 8, E),
+          m(h(y), {
+            class: c(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [
+              o.value && "uikit-rotate-180",
+              s.$attrs["arrow-classes"]
+            ]]),
+            "arrow-classes": s.$attrs["arrow-classes"],
+            width: s.arrowWidth,
+            height: s.arrowWidth
+          }, null, 8, ["class", "arrow-classes", "width", "height"])
+        ], 10, A)
+      ])) : (s.$slots.custom_content || s.$slots.custom_btn) && !s.$slots.custom_accordion ? (r(), v(O, {
+        key: 1,
+        id: s.id,
+        "btn-wrapper-classes": s.$attrs["btn-wrapper-classes"],
+        "btn-classes": s.$attrs["btn-classes"],
+        "arrow-classes": s.$attrs["arrow-classes"],
+        "toggle-accordion": a,
+        "on-container-click-expand": s.onContainerClickExpand
+      }, {
+        custom_content: i(() => [
+          e(s.$slots, "custom_content")
+        ]),
+        custom_btn: i(() => [
+          e(s.$slots, "custom_btn", {
+            btnId: `btn-${s.id}`,
+            isOpen: o.value,
+            toggleAccordion: a
+          })
+        ]),
+        _: 3
+      }, 8, ["id", "btn-wrapper-classes", "btn-classes", "arrow-classes", "on-container-click-expand"])) : C("", !0),
+      e(s.$slots, "custom_accordion", {
+        id: s.id,
+        isOpen: o.value,
+        toggleAccordion: a
+      }, () => [
+        m(g, {
+          id: s.id,
+          "accordion-open": o.value,
+          "accordion-open-classes": s.$attrs["accordion-open-classes"],
+          "accordion-close-classes": s.$attrs["accordion-close-classes"],
+          "accordion-classes": s.$attrs["accordion-classes"]
+        }, {
+          custom_accordion_content: i(() => [
+            e(s.$slots, "custom_accordion_content", { isOpen: o.value })
+          ]),
+          default: i(() => [
+            e(s.$slots, "default", { isOpen: o.value })
+          ]),
+          _: 3
+        }, 8, ["id", "accordion-open", "accordion-open-classes", "accordion-close-classes", "accordion-classes"])
+      ])
+    ], 2));
+  }
+});
+export {
+  W as _
+};

package/dist/BaseAccordionItem.vue_vue_type_script_setup_true_lang-CkRPO2NI.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),l=require("./ArrowIcon-p3-glcm0.cjs"),d=require("./BaseAccordionContent.vue_vue_type_script_setup_true_lang-U3YQw0dV.cjs"),u=require("./BaseAccordionBtn.vue_vue_type_script_setup_true_lang-D9D4w7Mn.cjs"),p={key:0},m=["id","data-cy","aria-expanded","aria-controls"],k=["itemprop","innerHTML"],w=t.defineComponent({inheritAttrs:!1,__name:"BaseAccordionItem",props:{title:{},id:{},active:{type:Boolean,default:!1},arrowWidth:{default:12},onContainerClickExpand:{type:Boolean,default:!1}},emits:["click","accordionOpened","accordionClosed","update:accordionState"],setup(r,{emit:c}){const s=c,o=t.ref(!1),n=r;t.watch(o,e=>{s(e?"accordionOpened":"accordionClosed",n),s("update:accordionState",e),o.value=e}),t.watch(()=>n.active,e=>{o.value=e},{immediate:!0});const a=()=>{o.value=!o.value};return(e,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(e.$attrs["root-classes"])},[!e.$slots.custom_content&&!e.$slots.custom_btn&&!e.$slots.custom_accordion?(t.openBlock(),t.createElementBlock("h2",p,[t.createElementVNode("button",{id:`accordion-title-${e.id}`,type:"button",class:t.normalizeClass(["uikit-flex uikit-w-full uikit-items-center uikit-justify-between uikit-bg-white uikit-px-5 uikit-py-4 uikit-text-left uikit-font-semibold uikit-transition-colors active:max-sm:uikit-bg-w-cultured hover:sm:uikit-bg-w-cultured",e.$attrs["btn-classes"]]),"data-cy":e.$attrs["data-cy"],"aria-expanded":o.value,"aria-controls":`accordion-text-${e.id}`,onClick:i[0]||(i[0]=t.withModifiers($=>{a(),s("click")},["prevent","stop"]))},[t.createElementVNode("span",{itemprop:e.$attrs.itemprop,innerHTML:e.title},null,8,k),t.createVNode(t.unref(l.ArrowIcon),{class:t.normalizeClass(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none",[o.value&&"uikit-rotate-180",e.$attrs["arrow-classes"]]]),"arrow-classes":e.$attrs["arrow-classes"],width:e.arrowWidth,height:e.arrowWidth},null,8,["class","arrow-classes","width","height"])],10,m)])):(e.$slots.custom_content||e.$slots.custom_btn)&&!e.$slots.custom_accordion?(t.openBlock(),t.createBlock(u._sfc_main,{key:1,id:e.id,"btn-wrapper-classes":e.$attrs["btn-wrapper-classes"],"btn-classes":e.$attrs["btn-classes"],"arrow-classes":e.$attrs["arrow-classes"],"toggle-accordion":a,"on-container-click-expand":e.onContainerClickExpand},{custom_content:t.withCtx(()=>[t.renderSlot(e.$slots,"custom_content")]),custom_btn:t.withCtx(()=>[t.renderSlot(e.$slots,"custom_btn",{btnId:`btn-${e.id}`,isOpen:o.value,toggleAccordion:a})]),_:3},8,["id","btn-wrapper-classes","btn-classes","arrow-classes","on-container-click-expand"])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"custom_accordion",{id:e.id,isOpen:o.value,toggleAccordion:a},()=>[t.createVNode(d._sfc_main,{id:e.id,"accordion-open":o.value,"accordion-open-classes":e.$attrs["accordion-open-classes"],"accordion-close-classes":e.$attrs["accordion-close-classes"],"accordion-classes":e.$attrs["accordion-classes"]},{custom_accordion_content:t.withCtx(()=>[t.renderSlot(e.$slots,"custom_accordion_content",{isOpen:o.value})]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{isOpen:o.value})]),_:3},8,["id","accordion-open","accordion-open-classes","accordion-close-classes","accordion-classes"])])],2))}});exports._sfc_main=w;