@wikicasa-dev/components 2.2.8-alpha.33 → 2.2.8-alpha.5

package/dist/index.js

@@ -1,93 +1,89 @@
-import { default as u } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
-import { default as i } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
-import { default as n } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
-import { default as S } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
-import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
-import { default as C } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
-import { default as A } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
-/* empty css                                                        */
-import { default as T } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
-import { default as w } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
-import { default as k } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
-import { default as v } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
-import { default as G } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
-import { default as O } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
-import { default as P } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
+import { default as m } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
+import { default as u } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
+import { default as i } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
+import { default as n } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
+import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
+import { default as S } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
+import { default as g } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
+import { default as h } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
+import { default as T } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
+import { default as w } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
+import { default as k } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
+import { default as v } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
+import { default as G } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
+import { default as O } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
 /* empty css                                             */
-import { default as V } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
+import { default as P } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
 /* empty css                                                    */
-import { default as q } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
-/* empty css                                                                      */
-import { default as z } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
+import { default as V } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
 /* empty css                                             */
-import { default as H } from "./packages/components/lib/UIKit/BaseButton.vue.js";
-import { default as K } from "./UIKit/BaseCard.js";
-import { default as Q } from "./UIKit/BaseComplexToggle.js";
-import { default as X } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
+import { default as q } from "./packages/components/lib/UIKit/BaseButton.vue.js";
+import { default as z } from "./UIKit/BaseCard.js";
+import { default as H } from "./UIKit/BaseComplexToggle.js";
+import { default as K } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
 /* empty css                                                */
-import { default as Z } from "./UIKit/BaseFloatingLabel.js";
-import { default as $ } from "./UIKit/BaseInput.js";
-import { default as ae } from "./packages/components/lib/UIKit/BasePagination.vue.js";
-import { default as te } from "./UIKit/BaseSlider.js";
-import { default as fe } from "./UIKit/BaseTextarea.js";
-import { default as le } from "./UIKit/BaseToggle.js";
-import { default as me } from "./UIKit/BaseTooltip.js";
-import { default as ue } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
-import { default as ie } from "./packages/components/lib/UIKit/BaseModal.vue.js";
+import { default as Q } from "./UIKit/BaseFloatingLabel.js";
+import { default as X } from "./UIKit/BaseInput.js";
+import { default as Z } from "./packages/components/lib/UIKit/BasePagination.vue.js";
+import { default as $ } from "./UIKit/BaseSlider.js";
+import { default as ae } from "./UIKit/BaseTextarea.js";
+import { default as te } from "./UIKit/BaseToggle.js";
+import { default as fe } from "./UIKit/BaseTooltip.js";
+import { default as le } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
+import { default as me } from "./packages/components/lib/UIKit/BaseModal.vue.js";
 /* empty css                                             */
-import { default as ne } from "./UIKit/StaticSpinner.js";
-import { default as Se } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
-import { default as Ce } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
-import { default as Ae } from "./packages/components/lib/chart/DoughnutChart.vue.js";
-import { default as Te } from "./packages/components/lib/chart/LineChart.vue.js";
-import { default as we } from "./UIKit/Slider/SimpleSlider.js";
-import { default as ke } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
+import { default as ue } from "./UIKit/StaticSpinner.js";
+import { default as ie } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
+import { default as ne } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
+import { default as Se } from "./packages/components/lib/chart/DoughnutChart.vue.js";
+import { default as ge } from "./packages/components/lib/chart/LineChart.vue.js";
+import { default as he } from "./UIKit/Slider/SimpleSlider.js";
+import { default as Te } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
 /* empty css                                                */
-import { default as ve } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
-import { default as Ge } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
-import { default as Oe } from "./components/carousel/SwiperCarousel.js";
-import { default as Pe } from "./components/carousel/SwiperSlide.js";
-import { default as Ve } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
+import { default as we } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
+import { default as ke } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
+import { default as ve } from "./components/carousel/SwiperCarousel.js";
+import { default as Ge } from "./components/carousel/SwiperSlide.js";
+import { default as Oe } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
 export {
-  O as AccessibleSelect,
-  u as BaseAccordion,
-  i as BaseAccordionBtn,
-  n as BaseAccordionContent,
-  S as BaseAccordionItem,
-  P as BaseAlert,
-  V as BaseAutocomplete,
-  z as BaseBadge,
-  Ve as BaseBreadcrumb,
-  H as BaseButton,
-  K as BaseCard,
-  Q as BaseComplexToggle,
-  X as BaseDropDown,
-  Z as BaseFloatingLabel,
-  $ as BaseInput,
-  ie as BaseModal,
-  ae as BasePagination,
-  Se as BaseShimmerLoader,
-  te as BaseSlider,
-  ke as BaseSnackbar,
-  k as BaseTab,
-  w as BaseTabView,
-  fe as BaseTextarea,
-  le as BaseToggle,
-  me as BaseTooltip,
-  ue as BaseUploadFile,
-  A as CheckboxBtn,
-  T as CheckboxGroup,
-  q as ClearableAutocomplete,
-  Ae as DoughnutChart,
-  ve as IntersectionObservable,
-  Ge as IntersectionObserver,
-  Te as LineChart,
-  v as RadioButton,
-  G as RadioGroup,
-  C as SelectItem,
-  Ce as ShimmerMultiLine,
-  we as SimpleSlider,
-  ne as StaticSpinner,
-  Oe as SwiperCarousel,
-  Pe as SwiperSlide
+  G as AccessibleSelect,
+  m as BaseAccordion,
+  u as BaseAccordionBtn,
+  i as BaseAccordionContent,
+  n as BaseAccordionItem,
+  O as BaseAlert,
+  P as BaseAutocomplete,
+  V as BaseBadge,
+  Oe as BaseBreadcrumb,
+  q as BaseButton,
+  z as BaseCard,
+  H as BaseComplexToggle,
+  K as BaseDropDown,
+  Q as BaseFloatingLabel,
+  X as BaseInput,
+  me as BaseModal,
+  Z as BasePagination,
+  ie as BaseShimmerLoader,
+  $ as BaseSlider,
+  Te as BaseSnackbar,
+  w as BaseTab,
+  T as BaseTabView,
+  ae as BaseTextarea,
+  te as BaseToggle,
+  fe as BaseTooltip,
+  le as BaseUploadFile,
+  g as CheckboxBtn,
+  h as CheckboxGroup,
+  Se as DoughnutChart,
+  we as IntersectionObservable,
+  ke as IntersectionObserver,
+  ge as LineChart,
+  k as RadioButton,
+  v as RadioGroup,
+  S as SelectItem,
+  ne as ShimmerMultiLine,
+  he as SimpleSlider,
+  ue as StaticSpinner,
+  ve as SwiperCarousel,
+  Ge as SwiperSlide
 };

package/dist/packages/components/lib/UIKit/AccessibleSelect.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as H, mergeModels as $, useModel as p, useId as I, computed as M, ref as D, watch as h, onMounted as F, onUnmounted as P, createElementBlock as u, openBlock as n, normalizeClass as a, createElementVNode as o, createCommentVNode as r, withModifiers as c, renderSlot as z, unref as b, createBlock as A, createVNode as E, Fragment as V, renderList as N } from "vue";
-import { useKeyboardController as O } from "@wikicasa-dev/vue-composables";
-import { WarningIconRounded as S, ArrowIcon as q } from "@wikicasa-dev/svg-icons";
-const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], R = ["innerHTML"], U = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, W = ["innerHTML"], G = ["data-cy"], J = ["id", "aria-selected", "onClick", "onMouseover"], Q = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, X = ["name", "checked", "onInput"], Y = ["innerHTML"], Z = ["id", "arial-live", "innerHTML"], _ = ["id", "arial-live", "innerHTML"], le = /* @__PURE__ */ H({
+import { defineComponent as D, mergeModels as $, useModel as p, useId as F, computed as M, ref as V, watch as y, onMounted as E, onUnmounted as P, createElementBlock as u, openBlock as n, normalizeClass as a, createElementVNode as o, createCommentVNode as r, withModifiers as c, renderSlot as z, unref as b, createBlock as A, createVNode as N, Fragment as L, renderList as O } from "vue";
+import { useKeyboardController as S } from "@wikicasa-dev/vue-composables";
+import { WarningIconRounded as q, ArrowIcon as j } from "@wikicasa-dev/svg-icons";
+const K = ["id", "innerHTML"], R = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], U = ["innerHTML"], W = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, G = ["innerHTML"], J = ["data-cy"], Q = ["id", "aria-selected", "onClick", "onMouseover"], X = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Y = ["name", "checked", "onInput"], Z = ["innerHTML"], _ = ["id", "arial-live", "innerHTML"], ee = ["id", "arial-live", "innerHTML"], ae = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "AccessibleSelect",
   props: /* @__PURE__ */ $({
@@ -32,24 +32,24 @@ const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-cont
     toggleDropdownModifiers: {}
   }),
   emits: /* @__PURE__ */ $(["click", "update:dropdownState"], ["update:modelValue", "update:toggleDropdown"]),
-  setup(e, { emit: L }) {
-    const y = L, k = p(e, "modelValue"), g = p(e, "toggleDropdown"), T = I(), l = M(() => e.namespace || T), t = D(!1), m = M(() => !!k.value.label), { activeIdx: v, selectedIdx: B } = O({
+  setup(e, { emit: T }) {
+    const h = T, k = p(e, "modelValue"), g = p(e, "toggleDropdown"), B = F(), l = M(() => e.namespace || B), t = V(!1), H = V(null), m = M(() => !!k.value.label), { activeIdx: v, selectedIdx: I } = S({
       optionsLength: e.options.length,
       isDropdownOpen: t
     }), w = (i) => {
       t.value = !1, k.value = i;
     };
-    h(B, (i) => {
+    y(I, (i) => {
       w(e.options[i]), t.value = !1;
-    }), h(g, (i) => {
+    }), y(g, (i) => {
       i && (t.value = !t.value, g.value = !1);
-    }), h(t, (i) => {
-      y("update:dropdownState", i);
+    }), y(t, (i) => {
+      h("update:dropdownState", i);
     });
     const C = ({ target: i }) => {
       `${l.value}_btn` !== i.id && (t.value = !1);
     };
-    return F(() => {
+    return E(() => {
       e.closeOnBodyPressed && document.addEventListener("click", C);
     }), P(() => {
       e.closeOnBodyPressed && document.removeEventListener("click", C);
@@ -69,7 +69,7 @@ const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-cont
             { "uikit-left-4": !i.$slots.lefticon && !m.value }
           ]]),
           innerHTML: e.label
-        }, null, 10, j)) : r("", !0),
+        }, null, 10, K)) : r("", !0),
         i.$slots.lefticon ? (n(), u("span", {
           key: 1,
           class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
@@ -79,7 +79,8 @@ const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-cont
         ])) : r("", !0),
         o("button", {
           id: `${l.value}_btn`,
-          ref: "btnEl",
+          ref_key: "btnEl",
+          ref: H,
           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", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", e.btnClasses]]),
@@ -93,22 +94,22 @@ const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-cont
           "aria-invalid": e.isValid === !1,
           "aria-describedby": e.isValid === !1 ? `${l.value}_invalid_msg` : void 0,
           onClick: s[1] || (s[1] = (d) => {
-            t.value = !t.value, y("click", d);
+            t.value = !t.value, h("click", d);
           })
         }, [
           o("span", {
             class: a(["uikit-pointer-events-none uikit-mt-1", e.btnTextClasses]),
             innerHTML: k.value.visibleLabel || k.value.label
-          }, null, 10, R),
-          o("span", U, [
-            e.isValid == !1 ? (n(), A(b(S), {
+          }, null, 10, U),
+          o("span", W, [
+            e.isValid == !1 ? (n(), A(b(q), {
               key: 0,
               class: "uikit-mr-1",
               width: 20,
               height: 20,
               "stroke-color": "#FA4F64"
             })) : r("", !0),
-            E(b(q), {
+            N(b(j), {
               class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", [
                 t.value ? "uikit-rotate-180" : "",
                 e.arrowIcon?.classes
@@ -118,7 +119,7 @@ const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-cont
               "stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : e.arrowIcon?.strokeColor ?? "#222"
             }, null, 8, ["class", "width", "height", "stroke-color"])
           ])
-        ], 10, K),
+        ], 10, R),
         o("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", [
@@ -137,7 +138,7 @@ const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-cont
               key: 0,
               class: a(["uikit-mx-5px", [k.value.label ? "uikit-invisible" : "uikit-hidden"]]),
               innerHTML: e.label
-            }, null, 10, W)) : r("", !0)
+            }, null, 10, G)) : r("", !0)
           ], 2)
         ], 2),
         o("ul", {
@@ -157,7 +158,7 @@ const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-cont
           onClick: s[3] || (s[3] = c(() => {
           }, ["stop"]))
         }, [
-          (n(!0), u(V, null, N(e.options, (d, f) => (n(), u("li", {
+          (n(!0), u(L, null, O(e.options, (d, f) => (n(), u("li", {
             id: `${l.value}_element_${e.options[f].label}`,
             key: `${d.label}_${f}`,
             role: "option",
@@ -168,7 +169,7 @@ const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-cont
             onBlur: s[2] || (s[2] = c(() => {
             }, ["stop"]))
           }, [
-            o("label", Q, [
+            o("label", X, [
               o("input", {
                 tabindex: "-1",
                 class: "uikit-m-0 uikit-appearance-none",
@@ -176,33 +177,33 @@ const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-cont
                 type: "radio",
                 checked: d.label === k.value.label,
                 onInput: c((x) => w(d), ["stop"])
-              }, null, 40, X),
+              }, null, 40, Y),
               o("span", {
                 innerHTML: d.label
-              }, null, 8, Y)
+              }, null, 8, Z)
             ])
-          ], 42, J))), 128))
-        ], 10, G)
+          ], 42, Q))), 128))
+        ], 10, J)
       ], 2),
-      e.feedback ? (n(), u(V, { key: 0 }, [
+      e.feedback ? (n(), u(L, { key: 0 }, [
         e.feedback.valid ? (n(), u("span", {
           key: 0,
           id: `${l.value}_valid_msg`,
           "arial-live": i.$attrs["aria-live"],
           class: "uikit-mt-1 uikit-inline-block uikit-text-12",
           innerHTML: e.isValid ? e.feedback.valid : ""
-        }, null, 8, Z)) : r("", !0),
+        }, null, 8, _)) : r("", !0),
         e.feedback.invalid ? (n(), u("span", {
           key: 1,
           id: `${l.value}_invalid_msg`,
           "arial-live": i.$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, _)) : r("", !0)
+        }, null, 8, ee)) : r("", !0)
       ], 64)) : r("", !0)
     ], 2));
   }
 });
 export {
-  le as default
+  ae as default
 };

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as l, createTextVNode as f, toDisplayString as k } from "vue";
-import { AccordionItem as h, AccordionHeader as m, AccordionTrigger as g, AccordionContent as w } from "reka-ui";
+import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as o, createTextVNode as f, toDisplayString as k } from "vue";
+import { AccordionItem as m, AccordionHeader as h, AccordionTrigger as g, AccordionContent as w } from "reka-ui";
 import { ArrowIcon as C } from "@wikicasa-dev/svg-icons";
 const b = /* @__PURE__ */ n({
   __name: "BaseAccordionItem",
@@ -13,24 +13,24 @@ const b = /* @__PURE__ */ n({
     headerClasses: {},
     contentClasses: {},
     arrowClasses: {},
-    headerTag: { default: "h3" }
+    accordionHeaderTag: { default: "h3" }
   },
   setup(e) {
-    const o = c("isActive");
-    return (i, v) => (d(), u(t(h), {
+    const l = c("isActive");
+    return (i, v) => (d(), u(t(m), {
       value: e.value,
       "data-cy": e.dataCy
     }, {
       default: a(() => [
-        s(t(m), {
-          as: e.headerTag,
+        s(t(h), {
+          as: e.accordionHeaderTag,
           class: r([
             e.headerClasses,
             "uikit-flex uikit-items-center uikit-justify-between"
           ])
         }, {
           default: a(() => [
-            l(i.$slots, "header-content"),
+            o(i.$slots, "header-content"),
             s(t(g), {
               class: r([
                 e.triggerClasses,
@@ -41,12 +41,12 @@ const b = /* @__PURE__ */ n({
               ])
             }, {
               default: a(() => [
-                l(i.$slots, "trigger", {
-                  active: t(o)(e.value)
+                o(i.$slots, "trigger", {
+                  active: t(l)(e.value)
                 }, () => [
                   f(k(e.title) + " ", 1),
                   s(t(C), {
-                    class: r(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(o)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
+                    class: r(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(l)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
                     "arrow-classes": e.arrowClasses,
                     width: e.arrowWidth,
                     height: e.arrowWidth
@@ -65,7 +65,7 @@ const b = /* @__PURE__ */ n({
           ])
         }, {
           default: a(() => [
-            l(i.$slots, "default")
+            o(i.$slots, "default")
           ]),
           _: 3
         }, 8, ["class"])

package/dist/packages/components/lib/UIKit/BaseAutocomplete.vue.js

@@ -31,7 +31,10 @@ const Q = ["innerHTML"], ne = /* @__PURE__ */ x({
   }),
   emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
   setup(t, { expose: S, emit: V }) {
-    const u = F(t, "modelValue"), r = V, i = d(""), a = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), B = k(() => a.value.length);
+    const u = F(
+      t,
+      "modelValue"
+    ), r = V, i = d(""), a = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), B = k(() => a.value.length);
     L(() => {
       v.value = q({ delay: 300 }, t.onInputChangeCb);
     });