@profitliga/ui 2.0.3 → 2.0.5

package/dist/components/v2/Combobox/Combobox.vue2.js

@@ -1,23 +1,24 @@
-import { defineComponent as Ge, useModel as ye, useId as ze, useAttrs as Ue, computed as u, ref as E, useTemplateRef as R, shallowRef as Xe, watch as I, onMounted as qe, nextTick as G, onBeforeUnmount as Ke, openBlock as c, createElementBlock as f, mergeProps as v, unref as s, toDisplayString as w, createCommentVNode as g, createVNode as M, withCtx as Y, createElementVNode as x, renderSlot as z, createTextVNode as ge, Fragment as ke, renderList as _e, createBlock as Z, resolveDynamicComponent as je, withModifiers as ee, mergeModels as we } from "vue";
-import { Search as Qe, CircleX as He, X as Je, ChevronDown as Ye } from "@lucide/vue";
-import { breakpoints as Ze } from "../../../utils/breakpoints.util.js";
-import ea from "../Input/Input.vue.js";
-import aa from "../Popover/Popover.vue.js";
-import la from "../Radio/RadioMarker.vue.js";
-import ta from "../Select/SelectCheckMarker.vue.js";
-import { useTestId as oa } from "../shared/useTestId.util.js";
-const ia = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "aria-label", "aria-describedby", "aria-activedescendant"], sa = ["aria-hidden"], na = ["src"], ua = { class: "combobox__chip-label" }, ra = ["disabled", "tabindex", "aria-label", "onClick"], ca = ["aria-hidden"], da = ["aria-label"], fa = ["disabled"], va = { class: "combobox-list" }, ba = {
+import { defineComponent as ze, useModel as _e, useId as Ue, useAttrs as Xe, computed as u, ref as E, useTemplateRef as I, shallowRef as Ke, watch as R, onMounted as je, nextTick as W, onBeforeUnmount as Qe, openBlock as r, createElementBlock as v, mergeProps as f, unref as s, createTextVNode as Y, toDisplayString as w, createCommentVNode as x, createVNode as M, withCtx as Z, createElementVNode as y, renderSlot as G, Fragment as we, renderList as Ce, createBlock as ee, resolveDynamicComponent as He, withModifiers as ae, mergeModels as Ie } from "vue";
+import { Search as Je, CircleX as Ye, X as Ze, ChevronDown as ea } from "@lucide/vue";
+import aa from "../Input/Input.vue.js";
+import la from "../Popover/Popover.vue.js";
+import ta from "../Radio/RadioMarker.vue.js";
+import oa from "../Select/SelectCheckMarker.vue.js";
+import { useIsMobile as ia } from "../shared/useIsMobile.util.js";
+import { useTestId as sa } from "../shared/useTestId.util.js";
+const ua = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "aria-label", "aria-describedby", "aria-activedescendant", "aria-required"], na = ["aria-hidden"], ra = ["src"], ca = { class: "combobox__chip-label" }, da = ["disabled", "tabindex", "aria-label", "onClick"], va = ["aria-hidden"], fa = ["aria-label"], ba = ["disabled"], ma = { class: "combobox-list" }, ha = {
   key: 0,
   class: "combobox-list__search"
-}, ma = ["aria-label", "aria-multiselectable"], ha = ["id", "aria-selected", "aria-disabled", "onClick", "onMouseenter"], pa = { class: "combobox-list__label" }, xa = 64, Ma = /* @__PURE__ */ Ge({
+}, pa = ["aria-label", "aria-multiselectable"], xa = ["id", "aria-selected", "aria-disabled", "onClick", "onMouseenter"], ya = { class: "combobox-list__label" }, ga = 64, Ta = /* @__PURE__ */ ze({
   inheritAttrs: !1,
   __name: "Combobox",
-  props: /* @__PURE__ */ we({
+  props: /* @__PURE__ */ Ie({
     options: {},
     multiple: { type: Boolean, default: !1 },
     filter: { type: Boolean, default: !0 },
     loading: { type: Boolean, default: !1 },
     label: { default: void 0 },
+    required: { type: Boolean, default: !1 },
     placeholder: { default: "Выберите значение" },
     searchPlaceholder: { default: "Поиск" },
     supportText: { default: void 0 },
@@ -35,7 +36,7 @@ const ia = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
     side: { default: "bottom" },
     sideOffset: { default: 4 },
     ariaLabel: { default: void 0 },
-    breakpointMobile: { default: "sm" },
+    breakpointMobile: { type: [String, Boolean], default: "sm" },
     testId: { default: void 0 }
   }, {
     modelValue: {
@@ -45,62 +46,62 @@ const ia = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
     search: { default: "" },
     searchModifiers: {}
   }),
-  emits: /* @__PURE__ */ we(["change", "select", "search", "clear"], ["update:modelValue", "update:search"]),
-  setup(i, { emit: Ce }) {
-    const o = i, p = Ce, T = ye(i, "modelValue"), n = ye(i, "search"), V = ze(), ae = `combobox-input-${V}`, le = `combobox-label-${V}`, C = `combobox-list-${V}`, te = `combobox-message-${V}`, d = oa(() => o.testId), U = Ue(), Re = u(() => ({
-      class: U.class,
-      style: U.style
-    })), Ie = u(() => {
-      const { class: e, style: a, ...l } = U;
+  emits: /* @__PURE__ */ Ie(["change", "select", "search", "clear"], ["update:modelValue", "update:search"]),
+  setup(i, { emit: Re }) {
+    const o = i, p = Re, S = _e(i, "modelValue"), n = _e(i, "search"), N = Ue(), le = `combobox-input-${N}`, te = `combobox-label-${N}`, C = `combobox-list-${N}`, oe = `combobox-message-${N}`, d = sa(() => o.testId), z = Xe(), Me = u(() => ({
+      class: z.class,
+      style: z.style
+    })), Se = u(() => {
+      const { class: e, style: a, ...l } = z;
       return l;
-    }), k = Ze.smaller(o.breakpointMobile), b = E(!1), oe = R("fieldRef"), N = R("contentRef"), ie = R("chipsRef"), se = R("counterRef"), L = R("inputRef"), ne = R("listRef"), _ = E(Number.MAX_SAFE_INTEGER), X = E(0), r = E(-1), m = u(() => {
-      const e = T.value;
+    }), k = ia(o.breakpointMobile), b = E(!1), ie = I("fieldRef"), V = I("contentRef"), se = I("chipsRef"), ue = I("counterRef"), L = I("inputRef"), ne = I("listRef"), _ = E(Number.MAX_SAFE_INTEGER), U = E(0), c = E(-1), m = u(() => {
+      const e = S.value;
       return e == null ? [] : Array.isArray(e) ? e : [e];
-    }), q = Xe(/* @__PURE__ */ new Map());
-    I(
+    }), X = Ke(/* @__PURE__ */ new Map());
+    R(
       [m, () => o.options],
       () => {
         const e = /* @__PURE__ */ new Map();
         for (const a of m.value) {
-          const l = o.options.find((t) => t.value === a) ?? q.value.get(a);
+          const l = o.options.find((t) => t.value === a) ?? X.value.get(a);
           l && e.set(a, l);
         }
-        q.value = e;
+        X.value = e;
       },
       { immediate: !0 }
     );
-    const S = u(() => {
+    const T = u(() => {
       const e = o.options.filter(
         (t) => m.value.includes(t.value)
       );
       if (e.length === m.value.length) return e;
-      const a = new Set(e.map((t) => t.value)), l = m.value.filter((t) => !a.has(t)).map((t) => q.value.get(t)).filter((t) => t !== void 0);
+      const a = new Set(e.map((t) => t.value)), l = m.value.filter((t) => !a.has(t)).map((t) => X.value.get(t)).filter((t) => t !== void 0);
       return [...e, ...l];
-    }), ue = u(
-      () => S.value.map((e) => e.label).join(", ")
+    }), re = u(
+      () => T.value.map((e) => e.label).join(", ")
     ), K = u(
-      () => o.multiple && S.value.length > 0
-    ), Me = u(
+      () => o.multiple && T.value.length > 0
+    ), Te = u(
       () => !o.multiple && !o.disabled && m.value.length > 0
-    ), Te = u(() => "Очистить поле"), D = u(
-      () => Math.max(0, S.value.length - _.value)
-    ), $ = E(!1), Se = u(() => b.value && $.value ? n.value : o.multiple ? "" : ue.value), $e = u(() => K.value ? "" : o.placeholder), y = u(() => {
+    ), $e = u(() => "Очистить поле"), D = u(
+      () => Math.max(0, T.value.length - _.value)
+    ), $ = E(!1), Ae = u(() => b.value && $.value ? n.value : o.multiple ? "" : re.value), Be = u(() => K.value ? "" : o.placeholder), g = u(() => {
       const e = n.value.trim().toLowerCase();
       return !o.filter || !e ? o.options : o.options.filter(
         (a) => a.label.toLowerCase().includes(e)
       );
-    }), Ae = u(
-      () => o.loading || y.value.length > 0
-    ), F = u({
-      get: () => b.value && (!o.hideEmptyList || k.value || Ae.value),
+    }), Ee = u(
+      () => o.loading || g.value.length > 0
+    ), ce = u(() => n.value.trim().length > 0), de = u(() => ce.value || o.options.length > 0), F = u({
+      get: () => b.value && (!o.hideEmptyList || k.value || Ee.value || ce.value),
       set: (e) => {
         b.value = e;
       }
     }), j = u(
       () => o.invalid ? o.errorText ?? o.supportText : o.supportText
-    ), Be = u(() => o.width ?? X.value), re = u(
-      () => F.value && r.value !== -1 ? `${C}-option-${r.value}` : void 0
-    ), Ee = u(() => [
+    ), Ne = u(() => o.width ?? U.value), ve = u(
+      () => F.value && c.value !== -1 ? `${C}-option-${c.value}` : void 0
+    ), Ve = u(() => [
       "combobox",
       `combobox--${o.size}`,
       {
@@ -115,80 +116,80 @@ const ia = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
       return m.value.includes(e);
     }
     function Q(e) {
-      const a = y.value[e];
+      const a = g.value[e];
       return !!a && !a?.disabled;
     }
-    function ce() {
-      return y.value.findIndex((e, a) => Q(a));
+    function fe() {
+      return g.value.findIndex((e, a) => Q(a));
     }
-    function Ve() {
-      for (let e = y.value.length - 1; e >= 0; e -= 1)
+    function Le() {
+      for (let e = g.value.length - 1; e >= 0; e -= 1)
         if (Q(e)) return e;
       return -1;
     }
-    function de(e, a) {
-      const l = y.value.length;
+    function be(e, a) {
+      const l = g.value.length;
       if (l === 0) return -1;
       let t = e;
       for (let h = 0; h < l; h += 1)
         if (t = (t + a + l) % l, Q(t)) return t;
       return -1;
     }
-    function O() {
+    function q() {
       k.value || L.value?.focus();
     }
     function B() {
       o.disabled || b.value || (b.value = !0);
     }
-    function P() {
+    function O() {
       b.value = !1;
     }
-    function Ne() {
-      o.disabled || (T.value = void 0, p("change", void 0), p("clear"), $.value = !1, n.value && (n.value = "", p("search", "")), O());
+    function De() {
+      o.disabled || (S.value = void 0, p("change", void 0), p("clear"), $.value = !1, n.value && (n.value = "", p("search", "")), q());
     }
-    function Le(e) {
-      e.stopPropagation(), !o.disabled && (B(), O());
+    function Fe(e) {
+      e.stopPropagation(), !o.disabled && (B(), q());
     }
-    function De() {
+    function qe() {
       if (!o.disabled) {
         if (b.value) {
-          P();
+          O();
           return;
         }
-        B(), O();
+        B(), q();
       }
     }
-    function fe(e) {
+    function me(e) {
       const a = e.target.value;
       $.value = !0, n.value = a, p("search", a), B();
     }
-    function Fe(e) {
+    function Oe(e) {
       k.value || e.preventDefault();
     }
-    function Oe(e, a) {
-      a || (r.value = e);
+    function Pe(e, a) {
+      a || (c.value = e);
     }
-    function ve(e) {
+    function he(e) {
       switch (e.key) {
         case "ArrowDown":
           if (e.preventDefault(), !b.value) {
             B();
             break;
           }
-          r.value = de(r.value, 1);
+          c.value = be(c.value, 1);
           break;
         case "ArrowUp":
           if (e.preventDefault(), !b.value) {
             B();
             break;
           }
-          r.value = r.value === -1 ? Ve() : de(r.value, -1);
+          c.value = c.value === -1 ? Le() : be(c.value, -1);
           break;
         case "Enter": {
           if (!b.value) break;
-          const a = y.value[r.value];
+          const a = g.value[c.value];
           if (!a) break;
-          e.preventDefault(), be(a);
+          e.preventDefault(), pe(a);
           break;
         }
         case "Escape":
@@ -199,35 +200,35 @@ const ia = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
           n.value && (n.value = "");
           break;
         case "Tab":
-          P();
+          O();
           break;
         case "Backspace": {
           if (!o.multiple || n.value) break;
           const a = m.value[m.value.length - 1];
           if (a === void 0) break;
-          me(a);
+          xe(a);
           break;
         }
       }
     }
-    function be(e) {
+    function pe(e) {
       if (!(e.disabled || o.disabled)) {
         if (o.multiple) {
           const a = A(e.value) ? m.value.filter((l) => l !== e.value) : [...m.value, e.value];
-          T.value = a, p("change", a), n.value && (n.value = "", p("search", "")), O();
+          S.value = a, p("change", a), n.value && (n.value = "", p("search", "")), q();
         } else
-          T.value = e.value, p("change", e.value), P(), k.value || L.value?.focus();
+          S.value = e.value, p("change", e.value), O(), k.value || L.value?.focus();
         p("select", e);
       }
     }
-    function me(e) {
+    function xe(e) {
       if (o.disabled) return;
       const a = m.value.filter((l) => l !== e);
-      T.value = a, p("change", a);
+      S.value = a, p("change", a);
     }
     function H() {
       if (!o.multiple) return;
-      const e = N.value, a = ie.value;
+      const e = V.value, a = se.value;
       if (!e || !a) return;
       const l = Array.from(
         a.querySelectorAll('[data-chip="item"]')
@@ -236,58 +237,65 @@ const ia = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
         _.value = Number.MAX_SAFE_INTEGER;
         return;
       }
-      const t = Number.parseFloat(getComputedStyle(a).columnGap) || 0, h = Number.parseFloat(getComputedStyle(e).columnGap) || 0, he = D.value ? (se.value?.offsetWidth ?? 0) + h : 0, Pe = e.clientWidth - he - xa - h;
-      let pe = 0, J = 0;
-      for (const We of l) {
-        const xe = pe + (J ? t : 0) + We.offsetWidth;
-        if (xe > Pe) break;
-        pe = xe, J += 1;
+      const t = Number.parseFloat(getComputedStyle(a).columnGap) || 0, h = Number.parseFloat(getComputedStyle(e).columnGap) || 0, ye = D.value ? (ue.value?.offsetWidth ?? 0) + h : 0, We = e.clientWidth - ye - ga - h;
+      let ge = 0, J = 0;
+      for (const Ge of l) {
+        const ke = ge + (J ? t : 0) + Ge.offsetWidth;
+        if (ke > We) break;
+        ge = ke, J += 1;
       }
       _.value = Math.max(J, 1);
     }
-    let W;
-    return qe(() => {
-      const e = oe.value;
-      e && (X.value = e.getBoundingClientRect().width, G(H), W = new ResizeObserver((a) => {
+    let P;
+    return je(() => {
+      const e = ie.value;
+      e && (U.value = e.getBoundingClientRect().width, W(H), P = new ResizeObserver((a) => {
         for (const l of a)
-          l.target === e && (X.value = l.borderBoxSize?.[0]?.inlineSize ?? e.getBoundingClientRect().width);
+          l.target === e && (U.value = l.borderBoxSize?.[0]?.inlineSize ?? e.getBoundingClientRect().width);
         H();
-      }), W.observe(e), N.value && W.observe(N.value));
-    }), Ke(() => W?.disconnect()), I(
-      () => S.value.map((e) => e.value).join("|"),
+      }), P.observe(e), V.value && P.observe(V.value));
+    }), Qe(() => P?.disconnect()), R(
+      () => T.value.map((e) => e.value).join("|"),
       () => {
-        _.value = Number.MAX_SAFE_INTEGER, G(H);
+        _.value = Number.MAX_SAFE_INTEGER, W(H);
       }
-    ), I([y, n], () => {
-      r.value = n.value ? ce() : -1;
-    }), I(b, (e) => {
+    ), R([g, n], () => {
+      c.value = n.value ? fe() : -1;
+    }), R(b, (e) => {
       if (e) {
-        r.value = n.value ? ce() : -1, $.value = !1, !k.value && !o.multiple && ue.value && G(() => L.value?.select());
+        c.value = n.value ? fe() : -1, $.value = !1, !k.value && !o.multiple && re.value && W(() => L.value?.select());
         return;
       }
-      r.value = -1, $.value = !1, n.value && (n.value = "", p("search", ""));
-    }), I(r, (e) => {
-      e !== -1 && G(() => {
+      c.value = -1, $.value = !1, n.value && (n.value = "", p("search", ""));
+    }), R(c, (e) => {
+      e !== -1 && W(() => {
         ne.value?.querySelector(
           `#${CSS.escape(`${C}-option-${e}`)}`
         )?.scrollIntoView({ block: "nearest" });
       });
-    }), I(
+    }), R(
       () => o.disabled,
       (e) => {
-        e && P();
+        e && O();
       }
-    ), (e, a) => (c(), f("div", v({ class: Ee.value }, { ...Re.value, ...s(d)("root") }), [
-      i.label ? (c(), f("label", v({
+    ), (e, a) => (r(), v("div", f({ class: Ve.value }, { ...Me.value, ...s(d)("root") }), [
+      i.label ? (r(), v("label", f({
         key: 0,
-        id: le,
+        id: te,
         class: "combobox__label",
-        for: ae
-      }, s(d)("label")), w(i.label), 17)) : g("", !0),
-      M(s(aa), {
+        for: le
+      }, s(d)("label")), [
+        Y(w(i.label) + " ", 1),
+        i.required ? (r(), v("span", f({
+          key: 0,
+          class: "combobox__required",
+          "aria-hidden": "true"
+        }, s(d)("required")), "*", 16)) : x("", !0)
+      ], 16)) : x("", !0),
+      M(s(la), {
         open: F.value,
         "onUpdate:open": a[1] || (a[1] = (l) => F.value = l),
-        width: Be.value,
+        width: Ne.value,
         side: i.side,
         "side-offset": i.sideOffset,
         align: i.align,
@@ -299,19 +307,19 @@ const ia = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
         "trap-focus": !1,
         "test-id": i.testId
       }, {
-        trigger: Y(({ props: l }) => [
-          x("div", v({
+        trigger: Z(({ props: l }) => [
+          y("div", f({
             ref_key: "fieldRef",
-            ref: oe,
+            ref: ie,
             class: "combobox__field"
-          }, s(d)("field"), { onClick: Le }), [
-            x("div", {
+          }, s(d)("field"), { onClick: Fe }), [
+            y("div", {
               ref_key: "contentRef",
-              ref: N,
+              ref: V,
               class: "combobox__content"
             }, [
-              x("input", v({
-                id: ae,
+              y("input", f({
+                id: le,
                 ref_key: "inputRef",
                 ref: L,
                 role: "combobox",
@@ -320,29 +328,30 @@ const ia = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
                 autocomplete: "off",
                 spellcheck: "false",
                 "aria-autocomplete": "list",
-                value: Se.value,
-                placeholder: $e.value,
+                value: Ae.value,
+                placeholder: Be.value,
                 disabled: i.disabled,
                 readonly: s(k),
-                "aria-labelledby": i.label ? le : void 0,
+                "aria-labelledby": i.label ? te : void 0,
                 "aria-label": i.label ? void 0 : i.ariaLabel,
-                "aria-describedby": j.value ? te : void 0,
-                "aria-activedescendant": re.value
+                "aria-describedby": j.value ? oe : void 0,
+                "aria-activedescendant": ve.value,
+                "aria-required": i.required || void 0
               }, {
                 ...l,
-                ...Ie.value,
+                ...Se.value,
                 ...s(d)("input")
               }, {
-                onInput: fe,
-                onKeydown: ve
-              }), null, 16, ia),
-              K.value ? (c(), f("span", {
+                onInput: me,
+                onKeydown: he
+              }), null, 16, ua),
+              K.value ? (r(), v("span", {
                 key: 0,
                 ref_key: "chipsRef",
-                ref: ie,
+                ref: se,
                 class: "combobox__chips"
               }, [
-                (c(!0), f(ke, null, _e(S.value, (t, h) => (c(), f("span", v({
+                (r(!0), v(we, null, Ce(T.value, (t, h) => (r(), v("span", f({
                   key: t.value,
                   "data-chip": "item",
                   class: ["combobox__chip", {
@@ -350,177 +359,175 @@ const ia = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
                   }],
                   "aria-hidden": h >= _.value || void 0
                 }, { ref_for: !0 }, s(d)("chip", t.value)), [
-                  z(e.$slots, "chip", {
+                  G(e.$slots, "chip", {
                     option: t,
                     index: h
                   }, () => [
-                    t.avatar ? (c(), f("img", {
+                    t.avatar ? (r(), v("img", {
                       key: 0,
                       class: "combobox__chip-avatar",
                       src: t.avatar,
                       alt: ""
-                    }, null, 8, na)) : t.icon ? (c(), Z(je(t.icon), {
+                    }, null, 8, ra)) : t.icon ? (r(), ee(He(t.icon), {
                       key: 1,
                       class: "combobox__chip-icon",
                       "aria-hidden": "true"
-                    })) : g("", !0),
-                    x("span", ua, w(t.label), 1)
+                    })) : x("", !0),
+                    y("span", ca, w(t.label), 1)
                   ], !0),
-                  x("button", v({
+                  y("button", f({
                     type: "button",
                     class: "combobox__chip-remove",
                     disabled: i.disabled,
                     tabindex: h >= _.value ? -1 : void 0,
                     "aria-label": `Убрать ${t.label}`
                   }, { ref_for: !0 }, s(d)("chip-remove", t.value), {
-                    onClick: ee((he) => me(t.value), ["stop"])
+                    onClick: ae((ye) => xe(t.value), ["stop"])
                   }), [
-                    M(s(He), {
+                    M(s(Ye), {
                       class: "combobox__chip-icon",
                       "aria-hidden": "true"
                     })
-                  ], 16, ra)
-                ], 16, sa))), 128))
-              ], 512)) : g("", !0),
-              K.value ? (c(), f("span", v({
+                  ], 16, da)
+                ], 16, na))), 128))
+              ], 512)) : x("", !0),
+              K.value ? (r(), v("span", f({
                 key: 1,
                 ref_key: "counterRef",
-                ref: se,
+                ref: ue,
                 class: ["combobox__chip combobox__chip--counter", {
                   "combobox__chip--measured": !D.value
                 }],
                 "aria-hidden": !D.value || void 0
-              }, s(d)("chip-counter")), " +" + w(D.value || 1), 17, ca)) : g("", !0)
+              }, s(d)("chip-counter")), " +" + w(D.value || 1), 17, va)) : x("", !0)
             ], 512),
-            Me.value ? (c(), f("button", v({
+            Te.value ? (r(), v("button", f({
               key: 0,
               type: "button",
               class: "combobox__clear-button",
-              "aria-label": Te.value
+              "aria-label": $e.value
             }, s(d)("clear"), {
-              onClick: ee(Ne, ["stop"])
+              onClick: ae(De, ["stop"])
             }), [
-              M(s(Je), {
+              M(s(Ze), {
                 class: "combobox__clear",
                 "aria-hidden": "true"
               })
-            ], 16, da)) : g("", !0),
-            x("button", v({
+            ], 16, fa)) : x("", !0),
+            y("button", f({
               type: "button",
               class: "combobox__arrow-button",
               tabindex: "-1",
               "aria-hidden": "true",
               disabled: i.disabled
             }, s(d)("arrow"), {
-              onClick: ee(De, ["stop"])
+              onClick: ae(qe, ["stop"])
             }), [
-              M(s(Ye), { class: "combobox__arrow" })
-            ], 16, fa)
+              M(s(ea), { class: "combobox__arrow" })
+            ], 16, ba)
           ], 16)
         ]),
-        default: Y(() => [
-          x("div", va, [
-            s(k) ? (c(), f("div", ba, [
-              M(s(ea), v({
+        default: Z(() => [
+          y("div", ma, [
+            s(k) ? (r(), v("div", ha, [
+              M(s(aa), f({
                 modelValue: n.value,
                 "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
                 "native-type": "search",
                 placeholder: i.searchPlaceholder,
                 "aria-label": i.searchPlaceholder,
                 "aria-controls": C,
-                "aria-activedescendant": re.value,
+                "aria-activedescendant": ve.value,
                 "aria-autocomplete": "list",
                 autocomplete: "off",
                 spellcheck: "false"
               }, s(d)("search"), {
-                onInput: fe,
-                onKeydown: ve
+                onInput: me,
+                onKeydown: he
               }), {
-                prefix: Y(() => [
-                  M(s(Qe), { "aria-hidden": "true" })
+                prefix: Z(() => [
+                  M(s(Je), { "aria-hidden": "true" })
                 ]),
                 _: 1
               }, 16, ["modelValue", "placeholder", "aria-label", "aria-activedescendant"])
-            ])) : g("", !0),
-            x("div", {
+            ])) : x("", !0),
+            y("div", {
               ref_key: "listRef",
               ref: ne,
               class: "combobox-list__scroll",
-              onMousedown: Fe
+              onMousedown: Oe
             }, [
-              x("div", {
+              y("div", {
                 id: C,
                 role: "listbox",
                 "aria-label": i.label ?? i.ariaLabel,
                 "aria-multiselectable": i.multiple || void 0,
                 class: "combobox-list__options"
               }, [
-                i.loading ? (c(), f("p", v({
+                i.loading ? (r(), v("p", f({
                   key: 0,
                   class: "combobox-list__status"
                 }, s(d)("loading")), [
-                  z(e.$slots, "loading", {}, () => [
-                    ge(w(i.loadingText), 1)
+                  G(e.$slots, "loading", {}, () => [
+                    Y(w(i.loadingText), 1)
                   ], !0)
-                ], 16)) : g("", !0),
-                (c(!0), f(ke, null, _e(y.value, (l, t) => (c(), f("div", v({
+                ], 16)) : x("", !0),
+                (r(!0), v(we, null, Ce(g.value, (l, t) => (r(), v("div", f({
                   id: `${C}-option-${t}`,
                   key: l.value,
                   role: "option",
                   class: ["combobox-list__option", {
-                    "combobox-list__option--active": r.value === t,
+                    "combobox-list__option--active": c.value === t,
                     "combobox-list__option--disabled": l.disabled
                   }],
                   "aria-selected": A(l.value),
                   "aria-disabled": l.disabled || void 0
                 }, { ref_for: !0 }, s(d)("option", l.value), {
-                  onClick: (h) => be(l),
-                  onMouseenter: (h) => Oe(t, l.disabled)
+                  onClick: (h) => pe(l),
+                  onMouseenter: (h) => Pe(t, l.disabled)
                 }), [
-                  i.multiple ? (c(), Z(ta, {
+                  i.multiple ? (r(), ee(oa, {
                     key: 0,
                     checked: A(l.value),
                     disabled: l.disabled,
-                    state: r.value === t ? "hover" : "default"
-                  }, null, 8, ["checked", "disabled", "state"])) : (c(), Z(s(la), {
+                    state: c.value === t ? "hover" : "default"
+                  }, null, 8, ["checked", "disabled", "state"])) : (r(), ee(s(ta), {
                     key: 1,
                     checked: A(l.value),
                     disabled: l.disabled,
-                    state: r.value === t ? "hover" : "default"
+                    state: c.value === t ? "hover" : "default"
                   }, null, 8, ["checked", "disabled", "state"])),
-                  z(e.$slots, "option", {
+                  G(e.$slots, "option", {
                     option: l,
                     selected: A(l.value),
-                    active: r.value === t,
+                    active: c.value === t,
                     index: t
                   }, () => [
-                    x("span", pa, w(l.label), 1)
+                    y("span", ya, w(l.label), 1)
                   ], !0)
-                ], 16, ha))), 128)),
-                !i.loading && !y.value.length ? (c(), f("p", v({
+                ], 16, xa))), 128)),
+                !i.loading && !g.value.length ? (r(), v("p", f({
                   key: 1,
                   class: "combobox-list__status"
                 }, s(d)("empty")), [
-                  z(e.$slots, "empty", {
-                    notFound: !!i.options.length
-                  }, () => [
-                    ge(w(i.options.length ? i.notFoundText : i.emptyText), 1)
+                  G(e.$slots, "empty", { notFound: de.value }, () => [
+                    Y(w(de.value ? i.notFoundText : i.emptyText), 1)
                   ], !0)
-                ], 16)) : g("", !0)
-              ], 8, ma)
+                ], 16)) : x("", !0)
+              ], 8, pa)
             ], 544)
           ])
         ]),
         _: 3
       }, 8, ["open", "width", "side", "side-offset", "align", "align-offset", "breakpoint-mobile", "test-id"]),
-      j.value ? (c(), f("p", v({
+      j.value ? (r(), v("p", f({
         key: 1,
-        id: te,
+        id: oe,
         class: "combobox__message"
-      }, s(d)("message")), w(j.value), 17)) : g("", !0)
+      }, s(d)("message")), w(j.value), 17)) : x("", !0)
     ], 16));
   }
 });
 export {
-  Ma as default
+  Ta as default
 };