@profitliga/ui 2.0.4 → 2.0.6

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

@@ -1,18 +1,18 @@
-import { defineComponent as Ge, useModel as ge, useId as ze, useAttrs as Ue, computed as u, ref as E, useTemplateRef as I, shallowRef as Xe, watch as R, onMounted as Ke, nextTick as W, onBeforeUnmount as je, 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 ke, renderList as _e, createBlock as ee, resolveDynamicComponent as Qe, withModifiers as ae, mergeModels as we } from "vue";
-import { Search as He, CircleX as Je, X as Ye, ChevronDown as Ze } from "@lucide/vue";
-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 { useIsMobile as oa } from "../shared/useIsMobile.util.js";
-import { useTestId as ia } from "../shared/useTestId.util.js";
-const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "aria-label", "aria-describedby", "aria-activedescendant", "aria-required"], na = ["aria-hidden"], ua = ["src"], ra = { class: "combobox__chip-label" }, ca = ["disabled", "tabindex", "aria-label", "onClick"], da = ["aria-hidden"], va = ["aria-label"], fa = ["disabled"], ba = { class: "combobox-list" }, ma = {
+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"
-}, ha = ["aria-label", "aria-multiselectable"], pa = ["id", "aria-selected", "aria-disabled", "onClick", "onMouseenter"], xa = { class: "combobox-list__label" }, ya = 64, Sa = /* @__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 },
@@ -46,18 +46,18 @@ const sa = ["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, S = ge(i, "modelValue"), n = ge(i, "search"), V = ze(), le = `combobox-input-${V}`, te = `combobox-label-${V}`, C = `combobox-list-${V}`, oe = `combobox-message-${V}`, d = ia(() => o.testId), z = Ue(), Ie = 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
-    })), Re = u(() => {
+    })), Se = u(() => {
       const { class: e, style: a, ...l } = z;
       return l;
-    }), k = oa(o.breakpointMobile), b = E(!1), ie = I("fieldRef"), N = I("contentRef"), se = I("chipsRef"), ne = I("counterRef"), L = I("inputRef"), ue = I("listRef"), _ = E(Number.MAX_SAFE_INTEGER), U = E(0), c = E(-1), m = u(() => {
+    }), 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];
-    }), X = Xe(/* @__PURE__ */ new Map());
+    }), X = Ke(/* @__PURE__ */ new Map());
     R(
       [m, () => o.options],
       () => {
@@ -81,53 +81,53 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
       () => T.value.map((e) => e.label).join(", ")
     ), K = u(
       () => o.multiple && T.value.length > 0
-    ), Me = u(
+    ), Te = u(
       () => !o.multiple && !o.disabled && m.value.length > 0
-    ), Se = u(() => "Очистить поле"), D = u(
+    ), $e = u(() => "Очистить поле"), D = u(
       () => Math.max(0, T.value.length - _.value)
-    ), $ = E(!1), Te = u(() => b.value && $.value ? n.value : o.multiple ? "" : re.value), $e = u(() => K.value ? "" : o.placeholder), g = u(() => {
+    ), $ = 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)
       );
-    }), Be = u(
+    }), Ee = u(
       () => o.loading || g.value.length > 0
-    ), Ae = u(() => n.value.trim().length > 0), q = u({
-      get: () => b.value && (!o.hideEmptyList || k.value || Be.value || Ae.value),
+    ), 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
-    ), Ee = u(() => o.width ?? U.value), ce = u(
-      () => q.value && c.value !== -1 ? `${C}-option-${c.value}` : void 0
+    ), 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}`,
       {
         /* Стрелка и рамка следуют за видимым списком, а не за намерением открыть. */
-        "combobox--open": q.value,
+        "combobox--open": F.value,
         "combobox--invalid": o.invalid,
         "combobox--disabled": o.disabled,
         "combobox--multiple": o.multiple
       }
     ]);
-    function B(e) {
+    function A(e) {
       return m.value.includes(e);
     }
     function Q(e) {
       const a = g.value[e];
       return !!a && !a?.disabled;
     }
-    function de() {
+    function fe() {
       return g.value.findIndex((e, a) => Q(a));
     }
-    function Ne() {
+    function Le() {
       for (let e = g.value.length - 1; e >= 0; e -= 1)
         if (Q(e)) return e;
       return -1;
     }
-    function ve(e, a) {
+    function be(e, a) {
       const l = g.value.length;
       if (l === 0) return -1;
       let t = e;
@@ -135,20 +135,20 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
         if (t = (t + a + l) % l, Q(t)) return t;
       return -1;
     }
-    function F() {
+    function q() {
       k.value || L.value?.focus();
     }
-    function A() {
+    function B() {
       o.disabled || b.value || (b.value = !0);
     }
     function O() {
       b.value = !1;
     }
-    function Le() {
-      o.disabled || (S.value = void 0, p("change", void 0), p("clear"), $.value = !1, n.value && (n.value = "", p("search", "")), F());
+    function De() {
+      o.disabled || (S.value = void 0, p("change", void 0), p("clear"), $.value = !1, n.value && (n.value = "", p("search", "")), q());
     }
-    function De(e) {
-      e.stopPropagation(), !o.disabled && (A(), F());
+    function Fe(e) {
+      e.stopPropagation(), !o.disabled && (B(), q());
     }
     function qe() {
       if (!o.disabled) {
@@ -156,40 +156,40 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
           O();
           return;
         }
-        A(), F();
+        B(), q();
       }
     }
-    function fe(e) {
+    function me(e) {
       const a = e.target.value;
-      $.value = !0, n.value = a, p("search", a), A();
+      $.value = !0, n.value = a, p("search", a), B();
     }
-    function Fe(e) {
+    function Oe(e) {
       k.value || e.preventDefault();
     }
-    function Oe(e, a) {
+    function Pe(e, a) {
       a || (c.value = e);
     }
-    function be(e) {
+    function he(e) {
       switch (e.key) {
         case "ArrowDown":
           if (e.preventDefault(), !b.value) {
-            A();
+            B();
             break;
           }
-          c.value = ve(c.value, 1);
+          c.value = be(c.value, 1);
           break;
         case "ArrowUp":
           if (e.preventDefault(), !b.value) {
-            A();
+            B();
             break;
           }
-          c.value = c.value === -1 ? Ne() : ve(c.value, -1);
+          c.value = c.value === -1 ? Le() : be(c.value, -1);
           break;
         case "Enter": {
           if (!b.value) break;
           const a = g.value[c.value];
           if (!a) break;
-          e.preventDefault(), me(a);
+          e.preventDefault(), pe(a);
           break;
         }
         case "Escape":
@@ -206,29 +206,29 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
           if (!o.multiple || n.value) break;
           const a = m.value[m.value.length - 1];
           if (a === void 0) break;
-          he(a);
+          xe(a);
           break;
         }
       }
     }
-    function me(e) {
+    function pe(e) {
       if (!(e.disabled || o.disabled)) {
         if (o.multiple) {
-          const a = B(e.value) ? m.value.filter((l) => l !== e.value) : [...m.value, e.value];
-          S.value = a, p("change", a), n.value && (n.value = "", p("search", "")), F();
+          const a = A(e.value) ? m.value.filter((l) => l !== e.value) : [...m.value, e.value];
+          S.value = a, p("change", a), n.value && (n.value = "", p("search", "")), q();
         } else
           S.value = e.value, p("change", e.value), O(), k.value || L.value?.focus();
         p("select", e);
       }
     }
-    function he(e) {
+    function xe(e) {
       if (o.disabled) return;
       const a = m.value.filter((l) => l !== e);
       S.value = a, p("change", a);
     }
     function H() {
       if (!o.multiple) return;
-      const e = N.value, a = se.value;
+      const e = V.value, a = se.value;
       if (!e || !a) return;
       const l = Array.from(
         a.querySelectorAll('[data-chip="item"]')
@@ -237,39 +237,39 @@ const sa = ["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, pe = D.value ? (ne.value?.offsetWidth ?? 0) + h : 0, Pe = e.clientWidth - pe - ya - h;
-      let xe = 0, J = 0;
-      for (const We of l) {
-        const ye = xe + (J ? t : 0) + We.offsetWidth;
-        if (ye > Pe) break;
-        xe = ye, 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 P;
-    return Ke(() => {
+    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 && (U.value = l.borderBoxSize?.[0]?.inlineSize ?? e.getBoundingClientRect().width);
         H();
-      }), P.observe(e), N.value && P.observe(N.value));
-    }), je(() => P?.disconnect()), R(
+      }), 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, W(H);
       }
     ), R([g, n], () => {
-      c.value = n.value ? de() : -1;
+      c.value = n.value ? fe() : -1;
     }), R(b, (e) => {
       if (e) {
-        c.value = n.value ? de() : -1, $.value = !1, !k.value && !o.multiple && re.value && W(() => L.value?.select());
+        c.value = n.value ? fe() : -1, $.value = !1, !k.value && !o.multiple && re.value && W(() => L.value?.select());
         return;
       }
       c.value = -1, $.value = !1, n.value && (n.value = "", p("search", ""));
     }), R(c, (e) => {
       e !== -1 && W(() => {
-        ue.value?.querySelector(
+        ne.value?.querySelector(
           `#${CSS.escape(`${C}-option-${e}`)}`
         )?.scrollIntoView({ block: "nearest" });
       });
@@ -278,7 +278,7 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
       (e) => {
         e && O();
       }
-    ), (e, a) => (r(), v("div", f({ class: Ve.value }, { ...Ie.value, ...s(d)("root") }), [
+    ), (e, a) => (r(), v("div", f({ class: Ve.value }, { ...Me.value, ...s(d)("root") }), [
       i.label ? (r(), v("label", f({
         key: 0,
         id: te,
@@ -292,10 +292,10 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
           "aria-hidden": "true"
         }, s(d)("required")), "*", 16)) : x("", !0)
       ], 16)) : x("", !0),
-      M(s(aa), {
-        open: q.value,
-        "onUpdate:open": a[1] || (a[1] = (l) => q.value = l),
-        width: Ee.value,
+      M(s(la), {
+        open: F.value,
+        "onUpdate:open": a[1] || (a[1] = (l) => F.value = l),
+        width: Ne.value,
         side: i.side,
         "side-offset": i.sideOffset,
         align: i.align,
@@ -312,10 +312,10 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
             ref_key: "fieldRef",
             ref: ie,
             class: "combobox__field"
-          }, s(d)("field"), { onClick: De }), [
+          }, s(d)("field"), { onClick: Fe }), [
             y("div", {
               ref_key: "contentRef",
-              ref: N,
+              ref: V,
               class: "combobox__content"
             }, [
               y("input", f({
@@ -328,30 +328,30 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
                 autocomplete: "off",
                 spellcheck: "false",
                 "aria-autocomplete": "list",
-                value: Te.value,
-                placeholder: $e.value,
+                value: Ae.value,
+                placeholder: Be.value,
                 disabled: i.disabled,
                 readonly: s(k),
                 "aria-labelledby": i.label ? te : void 0,
                 "aria-label": i.label ? void 0 : i.ariaLabel,
                 "aria-describedby": j.value ? oe : void 0,
-                "aria-activedescendant": ce.value,
+                "aria-activedescendant": ve.value,
                 "aria-required": i.required || void 0
               }, {
                 ...l,
-                ...Re.value,
+                ...Se.value,
                 ...s(d)("input")
               }, {
-                onInput: fe,
-                onKeydown: be
-              }), null, 16, sa),
+                onInput: me,
+                onKeydown: he
+              }), null, 16, ua),
               K.value ? (r(), v("span", {
                 key: 0,
                 ref_key: "chipsRef",
                 ref: se,
                 class: "combobox__chips"
               }, [
-                (r(!0), v(ke, null, _e(T.value, (t, h) => (r(), v("span", f({
+                (r(!0), v(we, null, Ce(T.value, (t, h) => (r(), v("span", f({
                   key: t.value,
                   "data-chip": "item",
                   class: ["combobox__chip", {
@@ -368,12 +368,12 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
                       class: "combobox__chip-avatar",
                       src: t.avatar,
                       alt: ""
-                    }, null, 8, ua)) : t.icon ? (r(), ee(Qe(t.icon), {
+                    }, null, 8, ra)) : t.icon ? (r(), ee(He(t.icon), {
                       key: 1,
                       class: "combobox__chip-icon",
                       "aria-hidden": "true"
                     })) : x("", !0),
-                    y("span", ra, w(t.label), 1)
+                    y("span", ca, w(t.label), 1)
                   ], !0),
                   y("button", f({
                     type: "button",
@@ -382,38 +382,38 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
                     tabindex: h >= _.value ? -1 : void 0,
                     "aria-label": `Убрать ${t.label}`
                   }, { ref_for: !0 }, s(d)("chip-remove", t.value), {
-                    onClick: ae((pe) => he(t.value), ["stop"])
+                    onClick: ae((ye) => xe(t.value), ["stop"])
                   }), [
-                    M(s(Je), {
+                    M(s(Ye), {
                       class: "combobox__chip-icon",
                       "aria-hidden": "true"
                     })
-                  ], 16, ca)
+                  ], 16, da)
                 ], 16, na))), 128))
               ], 512)) : x("", !0),
               K.value ? (r(), v("span", f({
                 key: 1,
                 ref_key: "counterRef",
-                ref: ne,
+                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, da)) : x("", !0)
+              }, s(d)("chip-counter")), " +" + w(D.value || 1), 17, va)) : x("", !0)
             ], 512),
-            Me.value ? (r(), v("button", f({
+            Te.value ? (r(), v("button", f({
               key: 0,
               type: "button",
               class: "combobox__clear-button",
-              "aria-label": Se.value
+              "aria-label": $e.value
             }, s(d)("clear"), {
-              onClick: ae(Le, ["stop"])
+              onClick: ae(De, ["stop"])
             }), [
-              M(s(Ye), {
+              M(s(Ze), {
                 class: "combobox__clear",
                 "aria-hidden": "true"
               })
-            ], 16, va)) : x("", !0),
+            ], 16, fa)) : x("", !0),
             y("button", f({
               type: "button",
               class: "combobox__arrow-button",
@@ -423,39 +423,39 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
             }, s(d)("arrow"), {
               onClick: ae(qe, ["stop"])
             }), [
-              M(s(Ze), { class: "combobox__arrow" })
-            ], 16, fa)
+              M(s(ea), { class: "combobox__arrow" })
+            ], 16, ba)
           ], 16)
         ]),
         default: Z(() => [
-          y("div", ba, [
-            s(k) ? (r(), v("div", ma, [
-              M(s(ea), f({
+          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": ce.value,
+                "aria-activedescendant": ve.value,
                 "aria-autocomplete": "list",
                 autocomplete: "off",
                 spellcheck: "false"
               }, s(d)("search"), {
-                onInput: fe,
-                onKeydown: be
+                onInput: me,
+                onKeydown: he
               }), {
                 prefix: Z(() => [
-                  M(s(He), { "aria-hidden": "true" })
+                  M(s(Je), { "aria-hidden": "true" })
                 ]),
                 _: 1
               }, 16, ["modelValue", "placeholder", "aria-label", "aria-activedescendant"])
             ])) : x("", !0),
             y("div", {
               ref_key: "listRef",
-              ref: ue,
+              ref: ne,
               class: "combobox-list__scroll",
-              onMousedown: Fe
+              onMousedown: Oe
             }, [
               y("div", {
                 id: C,
@@ -472,7 +472,7 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
                     Y(w(i.loadingText), 1)
                   ], !0)
                 ], 16)) : x("", !0),
-                (r(!0), v(ke, null, _e(g.value, (l, t) => (r(), v("div", f({
+                (r(!0), v(we, null, Ce(g.value, (l, t) => (r(), v("div", f({
                   id: `${C}-option-${t}`,
                   key: l.value,
                   role: "option",
@@ -480,43 +480,41 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
                     "combobox-list__option--active": c.value === t,
                     "combobox-list__option--disabled": l.disabled
                   }],
-                  "aria-selected": B(l.value),
+                  "aria-selected": A(l.value),
                   "aria-disabled": l.disabled || void 0
                 }, { ref_for: !0 }, s(d)("option", l.value), {
-                  onClick: (h) => me(l),
-                  onMouseenter: (h) => Oe(t, l.disabled)
+                  onClick: (h) => pe(l),
+                  onMouseenter: (h) => Pe(t, l.disabled)
                 }), [
-                  i.multiple ? (r(), ee(ta, {
+                  i.multiple ? (r(), ee(oa, {
                     key: 0,
-                    checked: B(l.value),
+                    checked: A(l.value),
                     disabled: l.disabled,
                     state: c.value === t ? "hover" : "default"
-                  }, null, 8, ["checked", "disabled", "state"])) : (r(), ee(s(la), {
+                  }, null, 8, ["checked", "disabled", "state"])) : (r(), ee(s(ta), {
                     key: 1,
-                    checked: B(l.value),
+                    checked: A(l.value),
                     disabled: l.disabled,
                     state: c.value === t ? "hover" : "default"
                   }, null, 8, ["checked", "disabled", "state"])),
                   G(e.$slots, "option", {
                     option: l,
-                    selected: B(l.value),
+                    selected: A(l.value),
                     active: c.value === t,
                     index: t
                   }, () => [
-                    y("span", xa, w(l.label), 1)
+                    y("span", ya, w(l.label), 1)
                   ], !0)
-                ], 16, pa))), 128)),
+                ], 16, xa))), 128)),
                 !i.loading && !g.value.length ? (r(), v("p", f({
                   key: 1,
                   class: "combobox-list__status"
                 }, s(d)("empty")), [
-                  G(e.$slots, "empty", {
-                    notFound: !!i.options.length
-                  }, () => [
-                    Y(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)) : x("", !0)
-              ], 8, ha)
+              ], 8, pa)
             ], 544)
           ])
         ]),
@@ -531,5 +529,5 @@ const sa = ["value", "placeholder", "disabled", "readonly", "aria-labelledby", "
   }
 });
 export {
-  Sa as default
+  Ta as default
 };

package/dist/components/v2/Dialog/Dialog.css

@@ -1 +1 @@
-.dialog-trigger[data-v-79a74e1c]{display:contents}.dialog-layer[data-v-79a74e1c]{position:relative}.dialog-content[data-v-79a74e1c]{background-color:var(--theme-neutral-0);z-index:1002;border-radius:12px;max-width:90vw;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #3a3a3a40}.dialog-content[data-state=open][data-v-79a74e1c]{animation:fadeIn var(--animation-duration) ease-in-out}.dialog-content[data-state=closed][data-v-79a74e1c]{animation:fadeOut var(--animation-duration) ease-in-out}.dialog-content__header[data-v-79a74e1c]{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;height:auto;margin-bottom:16px;display:flex}.dialog-content__header--divided[data-v-79a74e1c]{margin-bottom:12px}.dialog-content__heading[data-v-79a74e1c]{flex:1 1 0;align-items:center;gap:12px;min-width:0;display:flex}.dialog-content__icon[data-v-79a74e1c]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.dialog-content__divider[data-v-79a74e1c]{background-color:var(--theme-secondary-250);flex:none;width:100%;height:1px;margin-bottom:12px}.dialog-content__close[data-v-79a74e1c]{background:0 0;border:none;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-left:auto;padding:0;display:flex}.dialog-content__close[data-v-79a74e1c]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.dialog-content__close svg[data-v-79a74e1c]{width:20px;height:20px;color:var(--color-secondary-400);transition:color .3s ease-in-out}.dialog-content__close[data-v-79a74e1c]:hover{cursor:pointer}.dialog-content__close:hover svg[data-v-79a74e1c]{color:var(--color-secondary-500);transition:color .3s ease-in-out}.dialog-content__wrapper[data-v-79a74e1c]{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;height:auto;display:flex}.dialog-content__wrapper[data-v-79a74e1c]:not(:last-child){margin-bottom:32px}.dialog-content__actions[data-v-79a74e1c]{justify-content:flex-end;align-items:center;gap:8px;width:100%;height:auto;display:flex}@media (max-width:1010px){.dialog-content[data-v-79a74e1c]{box-sizing:border-box;flex-direction:column;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);display:flex}.dialog-content__header[data-v-79a74e1c]{flex:none}.dialog-content__wrapper[data-v-79a74e1c]{box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);flex:1 1 0;min-height:0;overflow-y:auto}.dialog-content__wrapper[data-v-79a74e1c]::-webkit-scrollbar{width:8px;height:0}.dialog-content__wrapper[data-v-79a74e1c]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.dialog-content__wrapper[data-v-79a74e1c]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.dialog-content__wrapper[data-v-79a74e1c]::-webkit-scrollbar-corner{background:0 0}.dialog-content__actions[data-v-79a74e1c]{flex:none}}.dialog-content__title[data-v-79a74e1c]{width:100%;font-weight:500}.dialog-content__title--with-icon[data-v-79a74e1c]{font-weight:700}.dialog-mobile[data-v-79a74e1c]{width:100%;padding:0 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:16px;display:flex}.dialog-mobile__header[data-v-79a74e1c]{align-items:center;gap:12px;display:flex}.dialog-mobile__icon[data-v-79a74e1c]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.dialog-mobile__divider[data-v-79a74e1c]{background-color:var(--theme-secondary-250);width:100%;height:1px;margin-top:-4px}.dialog-mobile__title[data-v-79a74e1c]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.dialog-mobile__content[data-v-79a74e1c]{flex-direction:column;gap:12px;display:flex}.dialog-mobile__actions[data-v-79a74e1c]{flex-direction:column-reverse;gap:8px;width:100%;display:flex}.dialog-mobile__actions[data-v-79a74e1c] button{width:100%}
+.dialog-trigger[data-v-a32e6353]{display:contents}.dialog-layer[data-v-a32e6353]{position:relative}.dialog-content[data-v-a32e6353]{background-color:var(--theme-neutral-0);z-index:1002;border-radius:12px;max-width:90vw;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #3a3a3a40}.dialog-content[data-state=open][data-v-a32e6353]{animation:fadeIn var(--animation-duration) ease-in-out}.dialog-content[data-state=closed][data-v-a32e6353]{animation:fadeOut var(--animation-duration) ease-in-out}.dialog-content__header[data-v-a32e6353]{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;height:auto;margin-bottom:16px;display:flex}.dialog-content__header--divided[data-v-a32e6353]{margin-bottom:12px}.dialog-content__heading[data-v-a32e6353]{flex:1 1 0;align-items:center;gap:12px;min-width:0;display:flex}.dialog-content__icon[data-v-a32e6353]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.dialog-content__divider[data-v-a32e6353]{background-color:var(--theme-secondary-250);flex:none;width:100%;height:1px;margin-bottom:12px}.dialog-content__close[data-v-a32e6353]{background:0 0;border:none;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-left:auto;padding:0;display:flex}.dialog-content__close[data-v-a32e6353]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.dialog-content__close svg[data-v-a32e6353]{width:20px;height:20px;color:var(--color-secondary-400);transition:color .3s ease-in-out}.dialog-content__close[data-v-a32e6353]:hover{cursor:pointer}.dialog-content__close:hover svg[data-v-a32e6353]{color:var(--color-secondary-500);transition:color .3s ease-in-out}.dialog-content__wrapper[data-v-a32e6353]{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;height:auto;display:flex}.dialog-content__wrapper[data-v-a32e6353]:not(:last-child){margin-bottom:32px}.dialog-content__actions[data-v-a32e6353]{justify-content:flex-end;align-items:center;gap:8px;width:100%;height:auto;display:flex}@media (max-width:1010px){.dialog-content[data-v-a32e6353]{box-sizing:border-box;flex-direction:column;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);display:flex}.dialog-content__header[data-v-a32e6353]{flex:none}.dialog-content__wrapper[data-v-a32e6353]{box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);flex:1 1 0;min-height:0;overflow-y:auto}.dialog-content__wrapper[data-v-a32e6353]::-webkit-scrollbar{width:8px;height:0}.dialog-content__wrapper[data-v-a32e6353]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.dialog-content__wrapper[data-v-a32e6353]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.dialog-content__wrapper[data-v-a32e6353]::-webkit-scrollbar-corner{background:0 0}.dialog-content__actions[data-v-a32e6353]{flex:none}}.dialog-content__title[data-v-a32e6353]{width:100%;font-weight:500}.dialog-content__title--with-icon[data-v-a32e6353]{font-weight:700}.dialog-mobile[data-v-a32e6353]{width:100%;padding:0 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:16px;display:flex}.dialog-mobile__header[data-v-a32e6353]{align-items:center;gap:12px;display:flex}.dialog-mobile__icon[data-v-a32e6353]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.dialog-mobile__divider[data-v-a32e6353]{background-color:var(--theme-secondary-250);width:100%;height:1px;margin-top:-4px}.dialog-mobile__title[data-v-a32e6353]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.dialog-mobile__content[data-v-a32e6353]{flex-direction:column;gap:12px;display:flex}.dialog-mobile__actions[data-v-a32e6353]{flex-direction:column-reverse;gap:8px;width:100%;display:flex}.dialog-mobile__actions[data-v-a32e6353] button{width:100%}

package/dist/components/v2/Dialog/Dialog.vue.js

@@ -2,7 +2,7 @@ import './Dialog.css';
 import o from "./Dialog.vue2.js";
 /* empty css            */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-79a74e1c"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a32e6353"]]);
 export {
   p as default
 };