@quidgest/ui 0.16.74 → 0.17.0

package/esm/components/QSelect/QSelect.vue.js

@@ -1,33 +1,37 @@
-import { defineComponent as fe, mergeModels as Z, useModel as me, toRef as z, ref as ee, useTemplateRef as g, onMounted as pe, computed as q, nextTick as $, watch as D, createElementBlock as c, openBlock as a, Fragment as y, createVNode as T, unref as o, normalizeClass as ve, createSlots as be, withCtx as f, withDirectives as ye, createBlock as m, createCommentVNode as p, renderList as le, createTextVNode as w, mergeProps as B, toDisplayString as h, normalizeProps as te, createElementVNode as ae, vModelText as ge, renderSlot as k, withModifiers as he } from "vue";
-import { DEFAULT_TEXTS as ke, DEFAULT_ICONS as _e } from "./constants.js";
-import { QBadge as M } from "../QBadge/index.js";
-import { QButton as qe } from "../QButton/index.js";
-import { QField as we } from "../QField/index.js";
-import { QIcon as Q } from "../QIcon/index.js";
-import { QList as Be } from "../QList/index.js";
-import { QOverlay as Ce } from "../QOverlay/index.js";
-import { QSpinnerLoader as Ve } from "../QSpinnerLoader/index.js";
-import { QChevron as Le } from "../__internal__/QChevron/index.js";
-import { QClearButton as Ee } from "../__internal__/QClearButton/index.js";
-import { useId as xe } from "../../composables/uid.js";
-import { useGroup as $e } from "../../composables/useGroup/index.js";
-const De = {
+import { defineComponent as Be, mergeModels as de, useModel as Ce, toRef as N, ref as ue, useTemplateRef as g, onMounted as we, onBeforeUnmount as Te, computed as V, nextTick as M, watch as $, createElementBlock as r, openBlock as t, Fragment as m, createVNode as E, unref as n, normalizeClass as ce, createSlots as Ie, withCtx as u, withDirectives as Ve, createBlock as v, createCommentVNode as c, renderList as fe, createTextVNode as _, mergeProps as R, toDisplayString as y, normalizeProps as ve, createElementVNode as pe, vModelText as $e, renderSlot as q, withModifiers as Ee } from "vue";
+import { DEFAULT_TEXTS as Re, DEFAULT_ICONS as Le } from "./constants.js";
+import { QBadge as P } from "../QBadge/index.js";
+import { QButton as De } from "../QButton/index.js";
+import { QField as Qe } from "../QField/index.js";
+import { QIcon as S } from "../QIcon/index.js";
+import { QList as Me } from "../QList/index.js";
+import { QOverlay as Pe } from "../QOverlay/index.js";
+import { QSpinnerLoader as Se } from "../QSpinnerLoader/index.js";
+import { QChevron as We } from "../__internal__/QChevron/index.js";
+import { QClearButton as ze } from "../__internal__/QClearButton/index.js";
+import { QPopover as Ae } from "../QPopover/index.js";
+import { useId as Oe } from "../../composables/uid.js";
+import { useGroup as Ue } from "../../composables/useGroup/index.js";
+const Fe = {
   key: 0,
-  ref: "badgesContainer",
-  class: "q-select__badge-container"
-}, Te = {
+  ref: "valueContainer",
+  class: "q-select__value-container"
+}, Ke = {
+  key: 1,
+  class: "q-select__multi-value"
+}, Ne = {
   key: 1,
   class: "q-select__value"
-}, Me = {
+}, He = {
   key: 1,
   class: "q-select__placeholder"
-}, Qe = ["id", "tabindex", "aria-expanded", "aria-keyshortcuts"], Re = ["data-key"], Se = {
+}, je = ["id", "tabindex", "aria-expanded", "aria-keyshortcuts"], Ge = ["data-key"], Xe = {
   key: 0,
   class: "q-select__loader"
-}, Xe = /* @__PURE__ */ fe({
+}, cl = /* @__PURE__ */ Be({
   inheritAttrs: !1,
   __name: "QSelect",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ de({
     id: {},
     class: {},
     label: {},
@@ -48,118 +52,150 @@ const De = {
     emptyValue: {},
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
-    icons: { default: () => _e },
-    texts: { default: () => ke }
+    icons: { default: () => Le },
+    texts: { default: () => Re }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
-  setup(O, { emit: oe }) {
-    const e = O, C = oe, r = me(O, "modelValue"), R = xe(z(e, "id")), { active: F } = $e({
-      active: r,
-      required: z(e, "required"),
-      multiple: z(e, "multiple")
-    }), u = ee(!1), V = ee(0), K = g("trigger"), ie = g("input"), ne = g("list"), U = g("content"), N = g("badgesContainer"), P = g("allBadges");
-    pe(x);
-    const W = q(() => s.value.length === 0), s = q(() => {
-      var t;
+  emits: /* @__PURE__ */ de(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
+  setup(W, { emit: me }) {
+    const e = W, L = me, p = Ce(W, "modelValue"), z = Oe(N(e, "id")), { active: H } = Ue({
+      active: p,
+      required: N(e, "required"),
+      multiple: N(e, "multiple")
+    }), f = ue(!1), h = ue(0), A = g("trigger"), be = g("input"), ye = g("list"), j = g("content"), G = g("valueContainer"), X = g("allBadges"), J = g("allPlainTexts"), Y = g("hiddenItemsCountBadge");
+    let x = null, B = null;
+    function ge() {
+      B && clearTimeout(B), B = setTimeout(() => {
+        T();
+      }, 120);
+    }
+    we(() => {
+      var a;
+      T();
+      const l = (a = A.value) == null ? void 0 : a.fieldRef;
+      l && (x = new ResizeObserver(() => {
+        ge();
+      }), x.observe(l));
+    }), Te(() => {
+      x == null || x.disconnect(), B && clearTimeout(B);
+    });
+    const O = V(() => i.value.length === 0), i = V(() => {
       if (e.multiple)
-        return ((t = r.value) == null ? void 0 : t.map((d) => j(d))) ?? [];
-      const l = typeof r.value < "u" ? j(r.value) : void 0;
+        return (p.value ?? []).map((a) => ee(a)).filter((a) => !!a);
+      const l = typeof p.value < "u" ? ee(p.value) : void 0;
       return l ? [l] : [];
-    }), H = q(() => {
-      var t;
+    }), Z = V(() => {
+      var a;
       const l = /* @__PURE__ */ new Map();
-      return (t = e.items) == null || t.forEach((d, i) => {
-        l.set(d.key, i);
+      return (a = e.items) == null || a.forEach((d, s) => {
+        l.set(d.key, s);
       }), l;
-    }), S = q(
+    }), C = V(
       () => {
         var l;
-        return (l = s.value) == null ? void 0 : l.map((t) => t[e.itemLabel]).join(", ");
+        return (l = i.value) == null ? void 0 : l.map(k).filter(Boolean).join(", ");
       }
-    ), L = q(
-      () => e.clearable && !e.readonly && !e.disabled && !e.loading && !W.value
+    ), D = V(
+      () => e.clearable && !e.readonly && !e.disabled && !e.loading && !O.value
     );
-    function j(l) {
-      var t;
-      return (t = e.items) == null ? void 0 : t.find((d) => d[e.itemValue] === l);
+    function ee(l) {
+      var a;
+      return (a = e.items) == null ? void 0 : a.find((d) => d[e.itemValue] === l);
+    }
+    function he(l) {
+      e.multiple && l < p.value.length && (!e.required || p.value.length > 1) ? H.value = p.value.toSpliced(l, 1) : w();
     }
-    function se(l) {
-      e.multiple && l < r.value.length && (!e.required || r.value.length > 1) ? F.value = r.value.toSpliced(l, 1) : _();
+    function k(l) {
+      return (l == null ? void 0 : l[e.itemLabel]) ?? "";
     }
-    function A(l) {
-      Array.isArray(l) ? (r.value = l.sort((t, d) => H.value.get(t) - H.value.get(d)), x()) : (r.value = l, E());
+    function le(l) {
+      return l + 1 < i.value.length - h.value ? ", " : "";
     }
-    function _() {
-      A(e.emptyValue), J();
+    function U(l) {
+      Array.isArray(l) ? p.value = l.sort((a, d) => Z.value.get(a) - Z.value.get(d)) : (p.value = l, Q());
     }
-    function re(l) {
-      var t, d, i;
-      !((t = U.value) != null && t.contains(l.relatedTarget)) && !((i = (d = K.value) == null ? void 0 : d.fieldRef) != null && i.contains(l.relatedTarget)) && E();
+    function w() {
+      U(e.emptyValue), oe();
     }
-    function G() {
-      u.value || (C("before-show"), u.value = !0);
+    function ke(l) {
+      var a, d, s;
+      !((a = j.value) != null && a.contains(l.relatedTarget)) && !((s = (d = A.value) == null ? void 0 : d.fieldRef) != null && s.contains(l.relatedTarget)) && Q();
     }
-    function E() {
-      u.value && (C("before-hide"), u.value = !1);
+    function te() {
+      f.value || (L("before-show"), f.value = !0);
     }
-    function X() {
-      e.readonly || e.disabled || (u.value ? E() : G());
+    function Q() {
+      f.value && (L("before-hide"), f.value = !1);
     }
-    function I(l) {
-      !l.key || e.readonly || e.disabled || (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End", "Delete"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " ", "ArrowDown"].includes(l.key) && G(), ["Escape", "Tab"].includes(l.key) && (u.value ? E() : L.value && l.key === "Escape" && _()), L.value && l.key === "Delete" && _());
+    function ae() {
+      e.readonly || e.disabled || (f.value ? Q() : te());
     }
-    function de(l) {
-      l.key.length === 1 && l.preventDefault(), I(l);
+    function F(l) {
+      !l.key || e.readonly || e.disabled || (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End", "Delete"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " ", "ArrowDown"].includes(l.key) && te(), ["Escape", "Tab"].includes(l.key) && (f.value ? Q() : D.value && l.key === "Escape" && w()), D.value && l.key === "Delete" && w());
     }
-    async function ue() {
+    function _e(l) {
+      l.key.length === 1 && l.preventDefault(), F(l);
+    }
+    async function qe() {
       var l;
-      await $(), e.loading ? (l = U.value) == null || l.focus() : Y(), C("show");
+      await M(), e.loading ? (l = j.value) == null || l.focus() : ne(), L("show");
     }
-    function ce() {
-      J(), C("hide");
+    function xe() {
+      oe(), L("hide");
     }
-    function J() {
+    function oe() {
       var l;
-      (l = ie.value) == null || l.focus();
+      (l = be.value) == null || l.focus();
     }
-    function Y() {
+    function ne() {
       var l;
-      (l = ne.value) == null || l.$el.focus();
+      (l = ye.value) == null || l.$el.focus();
     }
-    async function x() {
-      var n;
-      if (await $(), await $(), !e.multiple || !e.badges || !N.value) return;
-      let l = 0, t = 0;
-      const d = N.value.offsetWidth, i = 4;
-      for (const b of P.value ?? []) {
-        const v = b.$el.scrollWidth + i;
-        if (l + v <= d)
-          l += v, t++;
-        else break;
+    async function T() {
+      var ie, se, re;
+      if (await M(), await M(), !e.multiple || !G.value || O.value) {
+        h.value = 0;
+        return;
       }
-      V.value = (((n = P.value) == null ? void 0 : n.length) ?? 0) - t;
+      const l = G.value.offsetWidth, a = 4, d = ((ie = Y.value) == null ? void 0 : ie.$el.scrollWidth) ?? 30;
+      let s = d, o = 0;
+      if (e.badges)
+        for (const K of X.value ?? []) {
+          const I = K.$el.scrollWidth + a;
+          if (s + d + I <= l)
+            s += I, o++;
+          else break;
+        }
+      else
+        for (const K of J.value ?? []) {
+          const I = K.scrollWidth + a;
+          if (s + d + I <= l)
+            s += I, o++;
+          else break;
+        }
+      const b = e.badges ? ((se = X.value) == null ? void 0 : se.length) ?? 0 : ((re = J.value) == null ? void 0 : re.length) ?? 0;
+      h.value = b - o;
     }
-    return D(
+    return $(
       () => e.loading,
       (l) => {
-        !l && u.value && $(Y);
+        !l && f.value && M(ne);
       }
-    ), D(() => e.badges, x), D(() => e.clearable, x), D(F, A), (l, t) => {
+    ), $(() => e.badges, T), $(i, T, { deep: !0 }), $(() => e.clearable, T), $(H, U), (l, a) => {
       var d;
-      return a(), c(
-        y,
+      return t(), r(
+        m,
         null,
         [
-          T(o(we), {
-            id: o(R),
+          E(n(Qe), {
+            id: n(z),
             ref: "trigger",
             label: e.label,
             "label-position": e.labelPosition,
             required: e.required,
-            class: ve([
+            class: ce([
               "q-select",
               {
                 "q-select--readonly": e.readonly,
@@ -172,18 +208,18 @@ const De = {
             "data-loading": e.loading,
             size: e.size,
             invalid: e.invalid,
-            onClick: X,
-            onKeydown: I
-          }, be({
-            append: f(() => [
-              k(l.$slots, "append"),
-              L.value ? (a(), m(o(Ee), {
+            onClick: ae,
+            onKeydown: F
+          }, Ie({
+            append: u(() => [
+              q(l.$slots, "append"),
+              D.value ? (t(), v(n(ze), {
                 key: 0,
                 icons: e.icons,
                 texts: e.texts,
-                onClick: _
-              }, null, 8, ["icons", "texts"])) : p("v-if", !0),
-              e.readonly ? p("v-if", !0) : (a(), m(o(qe), {
+                onClick: w
+              }, null, 8, ["icons", "texts"])) : c("v-if", !0),
+              e.readonly ? c("v-if", !0) : (t(), v(n(De), {
                 key: 1,
                 class: "q-select__chevron",
                 "aria-label": e.texts.showOptions,
@@ -192,11 +228,11 @@ const De = {
                 borderless: "",
                 tabindex: "-1",
                 disabled: e.disabled,
-                onClick: X
+                onClick: ae
               }, {
-                default: f(() => [
-                  T(o(Le), {
-                    "model-value": u.value,
+                default: u(() => [
+                  E(n(We), {
+                    "model-value": f.value,
                     icons: e.icons
                   }, null, 8, ["model-value", "icons"])
                 ]),
@@ -204,270 +240,334 @@ const De = {
                 /* STABLE */
               }, 8, ["aria-label", "disabled"]))
             ]),
-            default: f(() => [
-              W.value ? (a(), c("span", Me, [
-                !e.readonly && !e.disabled ? (a(), c(
-                  y,
+            default: u(() => {
+              var s;
+              return [
+                O.value ? (t(), r("span", He, [
+                  !e.readonly && !e.disabled ? (t(), r(
+                    m,
+                    { key: 0 },
+                    [
+                      _(
+                        y(e.texts.placeholder),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : c("v-if", !0)
+                ])) : (t(), r(
+                  m,
                   { key: 0 },
                   [
-                    w(
-                      h(e.texts.placeholder),
-                      1
-                      /* TEXT */
-                    )
-                  ],
-                  64
-                  /* STABLE_FRAGMENT */
-                )) : p("v-if", !0)
-              ])) : (a(), c(
-                y,
-                { key: 0 },
-                [
-                  e.badges ? (a(), c(
-                    "span",
-                    De,
-                    [
-                      e.multiple ? (a(), c(
-                        y,
-                        { key: 0 },
-                        [
-                          (a(!0), c(
-                            y,
-                            null,
-                            le(r.value, (i, n) => (a(), c(
-                              y,
-                              { key: n },
+                    e.badges || e.multiple ? (t(), r(
+                      "span",
+                      Fe,
+                      [
+                        e.multiple ? (t(), r(
+                          m,
+                          { key: 0 },
+                          [
+                            (t(!0), r(
+                              m,
+                              null,
+                              fe(i.value, (o, b) => (t(), r(
+                                m,
+                                {
+                                  key: `visible-${b}`
+                                },
+                                [
+                                  b < i.value.length - h.value ? (t(), r(
+                                    m,
+                                    { key: 0 },
+                                    [
+                                      e.badges ? (t(), v(n(P), {
+                                        key: 0,
+                                        pill: "",
+                                        color: e.readonly || e.disabled ? "neutral" : void 0,
+                                        disabled: e.readonly || e.disabled,
+                                        removable: !e.readonly && !e.disabled && (!e.required || i.value.length > 1),
+                                        texts: e.texts,
+                                        "onClick:remove": () => he(b)
+                                      }, {
+                                        default: u(() => [
+                                          o != null && o.icon ? (t(), v(
+                                            n(S),
+                                            R({
+                                              key: 0,
+                                              ref_for: !0
+                                            }, o.icon),
+                                            null,
+                                            16
+                                            /* FULL_PROPS */
+                                          )) : c("v-if", !0),
+                                          _(
+                                            " " + y(k(o)),
+                                            1
+                                            /* TEXT */
+                                          )
+                                        ]),
+                                        _: 2
+                                        /* DYNAMIC */
+                                      }, 1032, ["color", "disabled", "removable", "texts", "onClick:remove"])) : e.multiple ? (t(), r(
+                                        "span",
+                                        Ke,
+                                        y(k(o) + le(b)),
+                                        1
+                                        /* TEXT */
+                                      )) : c("v-if", !0)
+                                    ],
+                                    64
+                                    /* STABLE_FRAGMENT */
+                                  )) : c("v-if", !0)
+                                ],
+                                64
+                                /* STABLE_FRAGMENT */
+                              ))),
+                              128
+                              /* KEYED_FRAGMENT */
+                            )),
+                            h.value > 0 ? (t(), r(
+                              m,
+                              { key: 0 },
                               [
-                                n < r.value.length - V.value ? (a(), m(o(M), {
-                                  key: 0,
+                                E(n(P), {
+                                  ref: "hiddenItemsCountBadge",
                                   pill: "",
-                                  disabled: e.readonly || e.disabled,
-                                  removable: !e.required || r.value.length > 1,
-                                  texts: e.texts,
-                                  "onClick:remove": () => se(n)
+                                  class: ce([
+                                    "q-select__badge-count",
+                                    {
+                                      "q-select__badge-count--clickable": e.readonly || e.disabled
+                                    }
+                                  ])
                                 }, {
-                                  default: f(() => {
-                                    var b, v;
-                                    return [
-                                      (b = s.value[n]) != null && b.icon ? (a(), m(
-                                        o(Q),
-                                        B({
+                                  default: u(() => [
+                                    _(
+                                      " +" + y(h.value),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }, 8, ["class"]),
+                                e.readonly || e.disabled ? (t(), v(n(Ae), {
+                                  key: 0,
+                                  anchor: (s = Y.value) == null ? void 0 : s.$el,
+                                  text: C.value,
+                                  placement: "bottom-start"
+                                }, {
+                                  default: u(() => [
+                                    _(
+                                      y(C.value),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }, 8, ["anchor", "text"])) : c("v-if", !0)
+                              ],
+                              64
+                              /* STABLE_FRAGMENT */
+                            )) : c("v-if", !0),
+                            (t(!0), r(
+                              m,
+                              null,
+                              fe(i.value, (o, b) => (t(), r(
+                                m,
+                                {
+                                  key: `measure-${b}`
+                                },
+                                [
+                                  e.badges ? (t(), v(n(P), {
+                                    key: 0,
+                                    ref_for: !0,
+                                    ref: "allBadges",
+                                    pill: "",
+                                    color: e.readonly || e.disabled ? "neutral" : void 0,
+                                    disabled: "",
+                                    class: "q-select__badge-hidden",
+                                    removable: !e.readonly && !e.disabled && (!e.required || i.value.length > 1)
+                                  }, {
+                                    default: u(() => [
+                                      o != null && o.icon ? (t(), v(
+                                        n(S),
+                                        R({
                                           key: 0,
                                           ref_for: !0
-                                        }, s.value[n].icon),
+                                        }, o.icon),
                                         null,
                                         16
                                         /* FULL_PROPS */
-                                      )) : p("v-if", !0),
-                                      w(
-                                        " " + h((v = s.value[n]) == null ? void 0 : v[e.itemLabel]),
+                                      )) : c("v-if", !0),
+                                      _(
+                                        " " + y(k(o)),
                                         1
                                         /* TEXT */
                                       )
-                                    ];
-                                  }),
-                                  _: 2
-                                  /* DYNAMIC */
-                                }, 1032, ["disabled", "removable", "texts", "onClick:remove"])) : p("v-if", !0)
-                              ],
-                              64
-                              /* STABLE_FRAGMENT */
-                            ))),
-                            128
-                            /* KEYED_FRAGMENT */
-                          )),
-                          V.value > 0 ? (a(), m(o(M), {
-                            key: 0,
-                            pill: "",
-                            class: "q-select__badge-count",
-                            disabled: e.readonly || e.disabled
-                          }, {
-                            default: f(() => [
-                              w(
-                                " +" + h(V.value),
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  }, 1032, ["color", "removable"])) : e.multiple ? (t(), r(
+                                    "span",
+                                    {
+                                      key: 1,
+                                      ref_for: !0,
+                                      ref: "allPlainTexts",
+                                      class: "q-select__multi-value--hidden"
+                                    },
+                                    y(k(o) + le(b)),
+                                    513
+                                    /* TEXT, NEED_PATCH */
+                                  )) : c("v-if", !0)
+                                ],
+                                64
+                                /* STABLE_FRAGMENT */
+                              ))),
+                              128
+                              /* KEYED_FRAGMENT */
+                            ))
+                          ],
+                          64
+                          /* STABLE_FRAGMENT */
+                        )) : (t(), v(n(P), {
+                          key: 1,
+                          pill: "",
+                          disabled: e.readonly || e.disabled,
+                          removable: !e.readonly && !e.disabled && !e.required,
+                          texts: e.texts,
+                          "onClick:remove": w
+                        }, {
+                          default: u(() => {
+                            var o;
+                            return [
+                              (o = i.value[0]) != null && o.icon ? (t(), v(
+                                n(S),
+                                ve(R({ key: 0 }, i.value[0].icon)),
+                                null,
+                                16
+                                /* FULL_PROPS */
+                              )) : c("v-if", !0),
+                              _(
+                                " " + y(k(i.value[0])),
                                 1
                                 /* TEXT */
                               )
-                            ]),
-                            _: 1
-                            /* STABLE */
-                          }, 8, ["disabled"])) : p("v-if", !0),
-                          (a(!0), c(
-                            y,
-                            null,
-                            le(r.value, (i, n) => (a(), m(o(M), {
-                              key: n,
-                              ref_for: !0,
-                              ref: "allBadges",
-                              pill: "",
-                              disabled: "",
-                              class: "q-select__badge-hidden",
-                              removable: !e.required || r.value.length > 1
-                            }, {
-                              default: f(() => {
-                                var b, v;
-                                return [
-                                  (b = s.value[n]) != null && b.icon ? (a(), m(
-                                    o(Q),
-                                    B({
-                                      key: 0,
-                                      ref_for: !0
-                                    }, s.value[n].icon),
-                                    null,
-                                    16
-                                    /* FULL_PROPS */
-                                  )) : p("v-if", !0),
-                                  w(
-                                    " " + h((v = s.value[n]) == null ? void 0 : v[e.itemLabel]),
-                                    1
-                                    /* TEXT */
-                                  )
-                                ];
-                              }),
-                              _: 2
-                              /* DYNAMIC */
-                            }, 1032, ["removable"]))),
-                            128
-                            /* KEYED_FRAGMENT */
-                          ))
-                        ],
-                        64
-                        /* STABLE_FRAGMENT */
-                      )) : (a(), m(o(M), {
-                        key: 1,
-                        pill: "",
-                        disabled: e.readonly || e.disabled,
-                        removable: !e.required,
-                        texts: e.texts,
-                        "onClick:remove": _
-                      }, {
-                        default: f(() => {
-                          var i, n;
-                          return [
-                            (i = s.value[0]) != null && i.icon ? (a(), m(
-                              o(Q),
-                              te(B({ key: 0 }, s.value[0].icon)),
-                              null,
-                              16
-                              /* FULL_PROPS */
-                            )) : p("v-if", !0),
-                            w(
-                              " " + h((n = s.value[0]) == null ? void 0 : n[e.itemLabel]),
-                              1
-                              /* TEXT */
-                            )
-                          ];
-                        }),
-                        _: 1
-                        /* STABLE */
-                      }, 8, ["disabled", "removable", "texts"]))
-                    ],
-                    512
-                    /* NEED_PATCH */
-                  )) : (a(), c(
-                    "span",
-                    Te,
-                    h(S.value),
-                    1
-                    /* TEXT */
-                  ))
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              )),
-              ye(ae("input", B({
-                id: `${o(R)}_input`,
-                ref: "input"
-              }, l.$attrs, {
-                "onUpdate:modelValue": t[0] || (t[0] = (i) => S.value = i),
-                class: "q-select__input",
-                inputmode: "none",
-                type: "text",
-                autocomplete: "off",
-                tabindex: e.disabled ? -1 : 0,
-                role: "combobox",
-                "aria-expanded": u.value,
-                "aria-haspopup": "listbox",
-                "aria-keyshortcuts": L.value ? "Delete" : void 0,
-                onKeydown: de
-              }), null, 16, Qe), [
-                [ge, S.value]
-              ])
-            ]),
+                            ];
+                          }),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["disabled", "removable", "texts"]))
+                      ],
+                      512
+                      /* NEED_PATCH */
+                    )) : (t(), r(
+                      "span",
+                      Ne,
+                      y(C.value),
+                      1
+                      /* TEXT */
+                    ))
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )),
+                Ve(pe("input", R({
+                  id: `${n(z)}_input`,
+                  ref: "input"
+                }, l.$attrs, {
+                  "onUpdate:modelValue": a[0] || (a[0] = (o) => C.value = o),
+                  class: "q-select__input",
+                  inputmode: "none",
+                  type: "text",
+                  autocomplete: "off",
+                  tabindex: e.disabled ? -1 : 0,
+                  role: "combobox",
+                  "aria-expanded": f.value,
+                  "aria-haspopup": "listbox",
+                  "aria-keyshortcuts": D.value ? "Delete" : void 0,
+                  onKeydown: _e
+                }), null, 16, je), [
+                  [$e, C.value]
+                ])
+              ];
+            }),
             _: 2
             /* DYNAMIC */
           }, [
-            s.value.length === 1 && s.value[0].icon && !e.badges || l.$slots.prepend ? {
+            i.value.length === 1 && i.value[0].icon && !e.badges || l.$slots.prepend ? {
               name: "prepend",
-              fn: f(() => [
-                k(l.$slots, "prepend"),
-                s.value.length === 1 && s.value[0].icon && !e.badges ? (a(), m(
-                  o(Q),
-                  te(B({ key: 0 }, s.value[0].icon)),
+              fn: u(() => [
+                q(l.$slots, "prepend"),
+                i.value.length === 1 && i.value[0].icon && !e.badges ? (t(), v(
+                  n(S),
+                  ve(R({ key: 0 }, i.value[0].icon)),
                   null,
                   16
                   /* FULL_PROPS */
-                )) : p("v-if", !0)
+                )) : c("v-if", !0)
               ]),
               key: "0"
             } : void 0,
             l.$slots.extras ? {
               name: "extras",
-              fn: f(() => [
-                k(l.$slots, "extras")
+              fn: u(() => [
+                q(l.$slots, "extras")
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["id", "label", "label-position", "required", "class", "readonly", "disabled", "data-loading", "size", "invalid"]),
-          T(o(Ce), {
-            modelValue: u.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (i) => u.value = i),
+          E(n(Pe), {
+            modelValue: f.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (s) => f.value = s),
             spy: "",
             trigger: "manual",
             placement: "bottom-start",
             width: "anchor",
             "scroll-lock": "",
             inline: e.inline,
-            anchor: (d = o(K)) == null ? void 0 : d.fieldRef,
+            anchor: (d = A.value) == null ? void 0 : d.fieldRef,
             offset: 2,
-            onEnter: ue,
-            onLeave: ce
+            onEnter: qe,
+            onLeave: xe
           }, {
-            default: f(() => [
-              ae("div", {
+            default: u(() => [
+              pe("div", {
                 ref: "content",
                 "data-testid": "combobox-dropdown",
-                "data-key": o(R),
+                "data-key": n(z),
                 class: "q-select__body",
                 tabindex: "-1",
-                onFocusout: re,
-                onKeydown: he(I, ["stop"])
+                onFocusout: ke,
+                onKeydown: Ee(F, ["stop"])
               }, [
-                k(l.$slots, "body.prepend"),
-                e.loading ? (a(), c("div", Se, [
-                  T(o(Ve), { size: 24 })
-                ])) : (a(), m(o(Be), {
+                q(l.$slots, "body.prepend"),
+                e.loading ? (t(), r("div", Xe, [
+                  E(n(Se), { size: 24 })
+                ])) : (t(), v(n(Me), {
                   key: 1,
                   ref: "list",
                   class: "q-select__items",
                   selectable: "",
                   required: e.required,
                   multiple: e.multiple,
-                  "model-value": r.value,
+                  "model-value": p.value,
                   items: e.items,
-                  groups: l.groups,
+                  groups: W.groups,
                   "item-label": e.itemLabel,
                   "item-value": e.itemValue,
-                  "onUpdate:modelValue": A
+                  "onUpdate:modelValue": U
                 }, {
-                  item: f(({ item: i }) => [
-                    k(l.$slots, "item", { item: i })
+                  item: u(({ item: s }) => [
+                    q(l.$slots, "item", { item: s })
                   ]),
                   _: 3
                   /* FORWARDED */
                 }, 8, ["required", "multiple", "model-value", "items", "groups", "item-label", "item-value"])),
-                k(l.$slots, "body.append")
-              ], 40, Re)
+                q(l.$slots, "body.append")
+              ], 40, Ge)
             ]),
             _: 3
             /* FORWARDED */
@@ -480,5 +580,5 @@ const De = {
   }
 });
 export {
-  Xe as default
+  cl as default
 };