@quidgest/ui 0.17.2 → 0.17.4

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

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