@wikicasa-dev/components 2.0.4 → 2.0.5-0.alpha-1

package/dist/chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.aBS46udY.js

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

package/dist/chunks/{ArrowIcon.CCFMdsq6.js → ArrowIcon.Bq6Xr3uH.js}

@@ -1,5 +1,5 @@
 import { h as o } from "vue";
-import { e as s } from "./PharmacyIcon.56ql_DYl.js";
+import { e as s } from "./PharmacyIcon.DEQ8mOEJ.js";
 const d = (r, { attrs: t }) => {
   r = { ...s(), ...r };
   const { width: e, height: i } = r;

package/dist/chunks/{BaseAccordion.vue_vue_type_script_setup_true_lang.R7qkuKlw.js → BaseAccordion.vue_vue_type_script_setup_true_lang.C34SZThb.js}

@@ -1,6 +1,6 @@
 import { defineComponent as d, ref as u, provide as c, renderSlot as f } from "vue";
-import "./types-B0dZ7OiV.D29wNgoj.js";
-import { s as p } from "./ObjectUtils.BOUbloeg.js";
+import "./polyline.DjpLdMaW.js";
+import { u as p } from "./ObjectUtils.DwkJjVq1.js";
 const k = /* @__PURE__ */ d({
   __name: "BaseAccordion",
   props: {

package/dist/chunks/{BaseAccordionBtn.vue_vue_type_script_setup_true_lang.DsDqk9iP.js → BaseAccordionBtn.vue_vue_type_script_setup_true_lang.APN3hif2.js}

@@ -1,6 +1,6 @@
-import { defineComponent as s, openBlock as l, createElementBlock as d, normalizeClass as e, renderSlot as i, createElementVNode as c, withModifiers as p, createVNode as u, unref as k } from "vue";
-import { a as m } from "./ArrowIcon.CCFMdsq6.js";
-import "./PharmacyIcon.56ql_DYl.js";
+import { defineComponent as s, createElementBlock as l, openBlock as d, normalizeClass as e, renderSlot as i, createElementVNode as c, withModifiers as p, createVNode as u, unref as k } from "vue";
+import { a as m } from "./ArrowIcon.Bq6Xr3uH.js";
+import "./PharmacyIcon.DEQ8mOEJ.js";
 const f = ["id"], g = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ s({
   inheritAttrs: !1,
   __name: "BaseAccordionBtn",
@@ -15,7 +15,7 @@ const f = ["id"], g = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ s(
   emits: ["click"],
   setup(C, { emit: n }) {
     const r = n;
-    return (o, t) => (l(), d("div", {
+    return (o, t) => (d(), l("div", {
       id: `${o.id}`,
       class: e(["uikit-flex uikit-items-center uikit-justify-around", [
         o.$attrs["btn-wrapper-classes"],

package/dist/chunks/{BaseAccordionContent.vue_vue_type_script_setup_true_lang.C0aiiljz.js → BaseAccordionContent.vue_vue_type_script_setup_true_lang.Dn4qNu2R.js}

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as a, createElementBlock as s, normalizeClass as o, renderSlot as e, createElementVNode as r } from "vue";
+import { defineComponent as n, createElementBlock as a, openBlock as s, normalizeClass as o, renderSlot as e, createElementVNode as r } from "vue";
 const t = ["id", "aria-labelledby"], p = /* @__PURE__ */ n({
   __name: "BaseAccordionContent",
   props: {
@@ -9,7 +9,7 @@ const t = ["id", "aria-labelledby"], p = /* @__PURE__ */ n({
     accordionContentClasses: {}
   },
   setup(d) {
-    return (i, c) => (a(), s("div", {
+    return (i, c) => (s(), a("div", {
       id: `accordion-text-${i.id}`,
       role: "region",
       "aria-labelledby": `accordion-title-${i.id}`,

package/dist/chunks/{BaseAccordionItem.vue_vue_type_script_setup_true_lang.Caagpb9M.js → BaseAccordionItem.vue_vue_type_script_setup_true_lang.Dpjir3yq.js}

@@ -1,8 +1,8 @@
-import { defineComponent as h, ref as $, inject as p, watch as l, unref as d, openBlock as u, createElementBlock as v, normalizeClass as m, createElementVNode as f, withModifiers as y, createVNode as k, createBlock as g, withCtx as c, renderSlot as t, createCommentVNode as O } from "vue";
-import { _ as B } from "./BaseAccordionBtn.vue_vue_type_script_setup_true_lang.DsDqk9iP.js";
-import { _ as A } from "./BaseAccordionContent.vue_vue_type_script_setup_true_lang.C0aiiljz.js";
-import { a as E } from "./ArrowIcon.CCFMdsq6.js";
-import "./PharmacyIcon.56ql_DYl.js";
+import { defineComponent as h, ref as $, inject as p, watch as l, unref as d, createElementBlock as v, openBlock as u, normalizeClass as m, createBlock as y, createCommentVNode as g, renderSlot as t, createElementVNode as f, withModifiers as O, createVNode as k, withCtx as c } from "vue";
+import { _ as B } from "./BaseAccordionBtn.vue_vue_type_script_setup_true_lang.APN3hif2.js";
+import { _ as A } from "./BaseAccordionContent.vue_vue_type_script_setup_true_lang.Dn4qNu2R.js";
+import { a as E } from "./ArrowIcon.Bq6Xr3uH.js";
+import "./PharmacyIcon.DEQ8mOEJ.js";
 const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M = ["itemprop", "innerHTML"], P = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BaseAccordionItem",
@@ -72,7 +72,7 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
           "data-cy": e.dataCy,
           "aria-expanded": o.value,
           "aria-controls": `accordion-text-${e.id}`,
-          onClick: s[0] || (s[0] = y((N) => {
+          onClick: s[0] || (s[0] = O((N) => {
             n(), d(b)?.({ id: e.id, title: e.title, active: o.value }), a("click");
           }, ["prevent", "stop"]))
         }, [
@@ -90,7 +90,7 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
             height: e.arrowWidth
           }, null, 8, ["class", "arrow-classes", "width", "height"])
         ], 10, I)
-      ])) : (e.$slots.custom_content || e.$slots.custom_btn) && !e.$slots.custom_accordion ? (u(), g(B, {
+      ])) : (e.$slots.custom_content || e.$slots.custom_btn) && !e.$slots.custom_accordion ? (u(), y(B, {
         key: 1,
         id: e.id,
         "btn-wrapper-classes": e.btnWrapperClasses,
@@ -112,7 +112,7 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
           })
         ]),
         _: 3
-      }, 8, ["id", "btn-wrapper-classes", "btn-classes", "arrow-color", "arrow-classes", "on-container-click-expand", "accordion-open"])) : O("", !0),
+      }, 8, ["id", "btn-wrapper-classes", "btn-classes", "arrow-color", "arrow-classes", "on-container-click-expand", "accordion-open"])) : g("", !0),
       t(e.$slots, "custom_accordion", {
         id: e.id,
         isOpen: o.value,

package/dist/chunks/{BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js → BaseAlert.vue_vue_type_style_index_0_lang.DUWb9d9_.js}

@@ -1,11 +1,11 @@
-import { defineComponent as t, openBlock as r, createElementBlock as s, normalizeClass as a, renderSlot as l } from "vue";
+import { defineComponent as t, createElementBlock as r, openBlock as s, normalizeClass as a, renderSlot as l } from "vue";
 import '../assets/BaseAlert.css';const o = ["id"], p = /* @__PURE__ */ t({
   __name: "BaseAlert",
   props: {
     alertClass: { default: "" }
   },
   setup(n) {
-    return (e, i) => (r(), s("div", {
+    return (e, i) => (s(), r("div", {
       id: e.$attrs.id,
       class: a(["uikit-alert", e.alertClass]),
       role: "alert"

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.m5rScY4N.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.C64T2OK4.js}

@@ -1,35 +1,37 @@
-import { defineComponent as L, mergeModels as S, useModel as H, ref as s, computed as k, onBeforeMount as z, watch as f, openBlock as y, createBlock as V, normalizeClass as A, withCtx as c, createVNode as K, renderSlot as B, createElementBlock as N, Fragment as U, renderList as F, unref as W, createElementVNode as j } from "vue";
-import q from "../BaseInput.js";
-import { _ as G } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.BscSQ5bW.js";
-import "./types-B0dZ7OiV.D29wNgoj.js";
-import { _ as J } from "./SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js";
-import { A as Q } from "./useKeyboardController.CutKeclN.js";
-function R(r, v) {
-  return (...m) => new Promise((l, d) => {
-    r.id && clearTimeout(r.id), r.id = setTimeout(() => {
+import { defineComponent as T, mergeModels as $, useModel as L, ref as r, computed as k, onBeforeMount as F, watch as f, createBlock as S, openBlock as C, normalizeClass as H, withCtx as s, createElementBlock as z, Fragment as A, renderList as K, unref as N, createElementVNode as U, createVNode as W, renderSlot as V } from "vue";
+import j from "../BaseInput.js";
+import { _ as q } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.DoEvtblv.js";
+import "./polyline.DjpLdMaW.js";
+import { _ as G } from "./SelectItem.vue_vue_type_script_setup_true_lang.Drq_K7Vx.js";
+import { A as J } from "./useBreakpoints.BXk8Xcw3.js";
+function Q(t, p) {
+  return (...v) => new Promise((d, u) => {
+    t.id && clearTimeout(t.id), t.id = setTimeout(() => {
       try {
-        const i = v(...m);
-        l(i);
-      } catch (i) {
+        const i = p(...v);
         d(i);
+      } catch (i) {
+        u(i);
       }
-    }, r.delay);
+    }, t.delay);
   });
 }
-const X = ["innerHTML"], oe = /* @__PURE__ */ L({
+const R = ["innerHTML"], le = /* @__PURE__ */ T({
   __name: "BaseAutocomplete",
-  props: /* @__PURE__ */ S({
-    border: { type: Boolean, default: !0 },
+  props: /* @__PURE__ */ $({
     isValid: { default: null },
     theme: { default: "" },
     label: { default: "" },
     disableCb: { type: Boolean, default: !1 },
-    onInputChangeCb: {},
+    onInputChangeCb: { type: Function },
     onOptionSelectedCb: { default: null },
     keepState: { default: null },
     cleanupOnClose: { type: Boolean, default: !0 },
     dropdownClasses: { default: "" },
-    closeDropdownOnBodyPressed: { type: Boolean, default: !0 }
+    closeDropdownOnBodyPressed: { type: Boolean, default: !0 },
+    inputClasses: {},
+    fieldsetClasses: {},
+    dataCy: { default: "" }
   }, {
     modelValue: {
       default() {
@@ -38,18 +40,21 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
-  setup(r, { expose: v, emit: m }) {
-    const l = r, d = H(r, "modelValue"), i = m, u = s(""), n = s([]), h = s(null), p = s(!1), o = s(!1), g = s(null), O = k(() => n.value.length);
-    z(() => {
-      h.value = R({ delay: 300 }, l.onInputChangeCb);
+  emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
+  setup(t, { expose: p, emit: v }) {
+    const d = L(
+      t,
+      "modelValue"
+    ), u = v, i = r(""), n = r([]), m = r(null), c = r(!1), o = r(!1), y = r(null), B = k(() => n.value.length);
+    F(() => {
+      m.value = Q({ delay: 300 }, t.onInputChangeCb);
     });
-    const { activeIdx: w, selectedIdx: C } = Q({
-      optionsLength: O,
+    const { activeIdx: h, selectedIdx: w } = J({
+      optionsLength: B,
       isDropdownOpen: o,
       disableSpaceHandler: !0
-    }), M = k(() => {
-      switch (l.theme) {
+    }), O = k(() => {
+      switch (t.theme) {
         case "bordered":
           return "";
         case "all-bordered":
@@ -60,7 +65,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
           return "";
       }
     }), I = k(() => {
-      switch (l.theme) {
+      switch (t.theme) {
         case "bordered":
           return "";
         case "all-bordered":
@@ -70,9 +75,9 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
         default:
           return "";
       }
-    }), P = k(() => {
+    }), M = k(() => {
       const e = "uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";
-      switch (l.theme) {
+      switch (t.theme) {
         case "bordered":
           return "before:uikit-content-[''] before:uikit-absolute before:uikit-w-1/2 before:uikit-border-b before:uikit-border-b-w-lavender before:[border-bottom-style:solid] before:uikit-right-1/4 uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mt-5px uikit-mb-0";
         case "all-bordered":
@@ -82,43 +87,43 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
         default:
           return "";
       }
-    }), D = async (e) => {
-      if (u.value !== e && (i("changedValue", e), u.value = e, !!l.onInputChangeCb)) {
-        if (!e || p.value) {
-          n.value = [], p.value = !1, C.value = -1, w.value = -1, d.value && (d.value.label = ""), o.value = !1, await h.value(null);
+    }), P = async (e) => {
+      if (i.value !== e && (u("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
+        if (!e || c.value) {
+          n.value = [], c.value = !1, w.value = -1, h.value = -1, d.value && (d.value.label = ""), o.value = !1, await m.value(null);
           return;
         }
-        l.disableCb || (n.value = await h.value(e), o.value = !!n.value.length);
+        t.disableCb || (n.value = await m.value(e), o.value = !!n.value.length);
       }
-    }, $ = (e, t) => {
-      l.onOptionSelectedCb && l.onOptionSelectedCb(e), l.cleanupOnClose && (n.value = []), p.value = !0, u.value = e.label, d.value = e, o.value = !1, C.value = t;
-    }, E = () => {
-      n.value.length && l.keepState !== "closed" && (o.value = !0);
+    }, g = (e, l) => {
+      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (n.value = []), c.value = !0, i.value = e.label, d.value = e, o.value = !1, w.value = l;
+    }, D = () => {
+      n.value.length && t.keepState !== "closed" && (o.value = !0);
     };
     return f(
       d,
-      (e, t) => {
-        e === t || e?.label === u.value || (u.value = e?.label || "");
+      (e, l) => {
+        e === l || e?.label === i.value || (i.value = e?.label || "");
       },
       { immediate: !0 }
-    ), f(C, (e) => {
+    ), f(w, (e) => {
       if (e === -1 || !n.value.length) return;
-      const t = n.value[e];
-      p.value && t.label === d.value?.label || $(t, e);
+      const l = n.value[e];
+      c.value && l.label === d.value?.label || g(l, e);
     }), f(
-      () => l.keepState,
+      () => t.keepState,
       (e) => {
-        e === "closed" ? (o.value = !1, l.cleanupOnClose && (n.value = [])) : e === "open" && n.value.length && (o.value = !0);
+        e === "closed" ? (o.value = !1, t.cleanupOnClose && (n.value = [])) : e === "open" && n.value.length && (o.value = !0);
       }
     ), f(o, (e) => {
-      i("update:dropdownState", e);
-    }), v({
+      u("update:dropdownState", e);
+    }), p({
       select: () => {
-        g.value?.select();
+        y.value?.select();
       }
-    }), (e, t) => (y(), V(G, {
-      class: A(e.$attrs["root-classes"]),
-      "data-cy": `ac_${e.$attrs.id}`,
+    }), (e, l) => (C(), S(q, {
+      class: H(e.$attrs["root-classes"]),
+      "data-cy": e.dataCy ? e.dataCy : `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
       "dropdown-classes": [
         { "bordered-dropdown": e.theme === "bordered" },
@@ -127,63 +132,63 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
         {
           "uikit-mt-10px !uikit-border !uikit-border-w-secondary !uikit-rounded-xs": !e.theme
         },
-        P.value,
+        M.value,
         "!uikit-max-h-[210px] uikit-z-30",
         e.dropdownClasses
       ],
       "open-dropdown": o.value,
-      "keep-state": !n.value.length || l.keepState === "closed" ? "closed" : "opened",
-      "onUpdate:dropdownState": t[3] || (t[3] = (a) => o.value = a),
-      onClick: t[4] || (t[4] = (a) => {
-        i("click"), E();
-      }),
+      "keep-state": !n.value.length || e.keepState === "closed" ? "closed" : "opened",
       "close-when-clicked-outside": e.closeDropdownOnBodyPressed,
-      "activate-keyboard-controller": !1
+      "activate-keyboard-controller": !1,
+      "onUpdate:dropdownState": l[3] || (l[3] = (a) => o.value = a),
+      onClick: l[4] || (l[4] = (a) => {
+        u("click"), D();
+      })
     }, {
-      btn_slot: c(() => [
-        K(q, {
-          id: `ac_input_${e.$attrs.id}`,
+      btn_slot: s(() => [
+        W(j, {
+          id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
           ref_key: "baseInput",
-          ref: g,
-          "data-cy": `ac_input_${e.$attrs.id}`,
+          ref: y,
+          "data-cy": e.dataCy ? `ac_input_${e.dataCy}` : `ac_input_${e.$attrs.id}`,
           "label-text": e.label,
-          "model-value": u.value,
+          "model-value": i.value,
           "is-valid": e.isValid,
           disabled: e.$attrs.disabled,
           placeholder: e.$attrs.placeholder,
           "with-left-icon": !!e.$slots.lefticon,
           "with-right-icon": !!e.$slots.righticon,
           "input-class": [
-            M.value,
-            e.$attrs["input-classes"],
+            O.value,
+            e.inputClasses,
             "!uikit-ml-0 !uikit-w-full"
           ],
-          "fieldset-classes": [I.value, e.$attrs["fieldset-classes"]],
-          "onUpdate:modelValue": t[0] || (t[0] = (a) => D(a === void 0 ? "" : `${a}`)),
-          onKeydown: t[1] || (t[1] = (a) => i("keydown", a)),
-          onKeydownEnterPressed: t[2] || (t[2] = () => i("keydownEnterPressed"))
+          "fieldset-classes": [I.value, e.fieldsetClasses],
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => P(a === void 0 ? "" : `${a}`)),
+          onKeydown: l[1] || (l[1] = (a) => u("keydown", a)),
+          onKeydownEnterPressed: l[2] || (l[2] = () => u("keydownEnterPressed"))
         }, {
-          leftIcon: c(() => [
-            B(e.$slots, "lefticon")
+          leftIcon: s(() => [
+            V(e.$slots, "lefticon")
           ]),
-          righticon: c(({ handleClean: a }) => [
-            B(e.$slots, "righticon", { handleClean: a })
+          righticon: s(({ handleClean: a }) => [
+            V(e.$slots, "righticon", { handleClean: a })
           ]),
           _: 3
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "input-class", "fieldset-classes"])
       ]),
-      default: c(() => [
-        (y(!0), N(U, null, F(n.value, (a, b) => (y(), V(J, {
+      default: s(() => [
+        (C(!0), z(A, null, K(n.value, (a, b) => (C(), S(G, {
           key: b,
-          active: W(w) === b,
+          active: N(h) === b,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (T) => $(a, b),
-          onMouseover: (T) => w.value = b
+          onClick: (E) => g(a, b),
+          onMouseover: (E) => h.value = b
         }, {
-          default: c(() => [
-            j("span", {
+          default: s(() => [
+            U("span", {
               innerHTML: a.label
-            }, null, 8, X)
+            }, null, 8, R)
           ]),
           _: 2
         }, 1032, ["active", "onClick", "onMouseover"]))), 128))
@@ -193,5 +198,5 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
   }
 });
 export {
-  oe as _
+  le as _
 };

package/dist/chunks/{BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js → BaseBadge.vue_vue_type_style_index_0_lang.D2PAy8_x.js}

@@ -1,4 +1,4 @@
-import { defineComponent as e, openBlock as a, createElementBlock as t, normalizeClass as r, renderSlot as i } from "vue";
+import { defineComponent as e, createElementBlock as a, openBlock as t, normalizeClass as r, renderSlot as i } from "vue";
 import '../assets/BaseBadge.css';const o = ["id"], p = /* @__PURE__ */ e({
   inheritAttrs: !1,
   __name: "BaseBadge",
@@ -6,7 +6,7 @@ import '../assets/BaseBadge.css';const o = ["id"], p = /* @__PURE__ */ e({
     badgeClass: { default: "uikit-badge-w-primary-sm" }
   },
   setup(n) {
-    return (s, d) => (a(), t("span", {
+    return (s, d) => (t(), a("span", {
       id: s.$attrs.id,
       class: r(["uikit-badge uikit-shadow-sm", s.badgeClass, s.$attrs.class])
     }, [