@quidgest/ui 0.16.37 → 0.16.39

package/esm/components/QList/QList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AA8CA;AAucC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA8OhD,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,IAAI,MAAM,CAIpC;AAED;;;;;;GAMG;AACH,iBAAS,0BAA0B,IAAI,MAAM,CAO5C;AAED;;;;;;GAMG;AACH,iBAAS,yBAAyB,IAAI,MAAM,CAO3C;AAmCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;AA6DF,iBAAS,cAAc;WA0IT,OAAO,IAA6B;;yBAdpB,GAAG;;;;YACN,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA3FF,GAAG,8CAA8C,GAAG,yBACrF,GAAG,6DACI,GAAG;;;;;;;;;;;;;;;;;EA0Gb;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCApIgB,GAAG,8CAA8C,GAAG,yBACrF,GAAG,6DACI,GAAG;;;;;;;;;;;;;;;OA6IZ,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AA8CA;AAmcC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA8OhD,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,IAAI,MAAM,CAIpC;AAED;;;;;;GAMG;AACH,iBAAS,0BAA0B,IAAI,MAAM,CAO5C;AAED;;;;;;GAMG;AACH,iBAAS,yBAAyB,IAAI,MAAM,CAO3C;AAmCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;AAyDF,iBAAS,cAAc;WA0IT,OAAO,IAA6B;;yBAdpB,GAAG;;;;YACN,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA3FoD,GAAG,8CAE9F,GAAE,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;EA0GnE;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCApIsE,GAAG,8CAE9F,GAAE,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;OA6IlE,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QList/QList.vue.js

@@ -147,13 +147,9 @@ const oe = /* @__PURE__ */ N({
       var t;
       return e ? (t = n.items) == null ? void 0 : t.filter((l) => l.group === e) : n.items;
     }
-    return X(
-      r,
-      (e) => {
-        g("update:modelValue", e);
-      },
-      { deep: !0 }
-    ), G({
+    return X(r, (e) => {
+      g("update:modelValue", e);
+    }), G({
       getItem: P,
       getActiveItemIndex: _,
       getAdjacentItemIndex: D,

package/esm/components/QOverlay/QOverlay.vue.js

@@ -266,7 +266,7 @@ const Te = ["id"], Ce = ["role"], $e = /* @__PURE__ */ ue({
                   default: L(() => [
                     E.value ? (u(), B(C(ke), {
                       key: 0,
-                      disabled: t.nonModal || !r.value,
+                      disabled: t.nonModal || !r.value || !t.focusTrap,
                       options: { fallbackFocus: E.value }
                     }, {
                       default: L(() => [

package/esm/components/QSelect/QSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAmMA;AAwhBC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAe1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAA4C,MAAM,KAAK,CAAA;AAMlF,KAAK,WAAW,GAAG,YAAY,CAAC;AAkUjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4dT,OAAO,IAA6B;;yBArBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACZ,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCApWuE,GAAG,8CACvG,GACX,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAF6C,GAAG,8CACvG,GACX,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAF6C,GAAG,8CACvG,GACX,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAF6C,GAAG,8CACvG,GACX,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuXjE;AAoCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA9Z0F,GAAG,8CACvG,GACX,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAF6C,GAAG,8CACvG,GACX,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAF6C,GAAG,8CACvG,GACX,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAF6C,GAAG,8CACvG,GACX,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqahE,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAmMA;AA4hBC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAe1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAgD,MAAM,KAAK,CAAA;AAMtF,KAAK,WAAW,GAAG,YAAY,CAAC;AAsUjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4dT,OAAO,IAA6B;;yBArBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACZ,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAtWX,GAAG,8CACrB,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCADnD,GAAG,8CACrB,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDADnD,GAAG,8CACrB,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCADnD,GAAG,8CACrB,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0X/E;AAoCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAhaQ,GAAG,8CACrB,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCADnD,GAAG,8CACrB,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CADnD,GAAG,8CACrB,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCADnD,GAAG,8CACrB,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwa9E,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,33 +1,33 @@
-import { defineComponent as de, mergeModels as J, useModel as ce, toRef as S, ref as Y, useTemplateRef as _, computed as L, watch as E, nextTick as z, unref as i, createElementBlock as c, openBlock as t, Fragment as b, createVNode as $, normalizeClass as fe, createSlots as me, withCtx as f, withDirectives as pe, createBlock as m, createCommentVNode as p, renderList as Z, createTextVNode as w, mergeProps as q, toDisplayString as g, normalizeProps as ee, createElementVNode as le, vModelText as ve, renderSlot as h, withModifiers as ye } from "vue";
-import { DEFAULT_TEXTS as be, DEFAULT_ICONS as ge } from "./constants.js";
-import { QBadge as D } from "../QBadge/index.js";
-import { QButton as he } from "../QButton/index.js";
-import { QField as ke } from "../QField/index.js";
-import { QIcon as T } from "../QIcon/index.js";
-import { QList as _e } from "../QList/index.js";
-import { QOverlay as we } from "../QOverlay/index.js";
-import { QSpinnerLoader as qe } from "../QSpinnerLoader/index.js";
-import { QChevron as Be } from "../__internal__/QChevron/index.js";
-import { QClearButton as Ce } from "../__internal__/QClearButton/index.js";
-import { useId as Ve } from "../../composables/uid.js";
-import { useGroup as Le } from "../../composables/useGroup/index.js";
-const Ee = {
+import { defineComponent as ce, mergeModels as Z, useModel as fe, toRef as z, ref as ee, useTemplateRef as _, onMounted as me, computed as q, nextTick as O, watch as D, createElementBlock as c, openBlock as a, Fragment as b, createVNode as T, unref as o, normalizeClass as pe, createSlots as ve, withCtx as f, withDirectives as ye, createBlock as m, createCommentVNode as p, renderList as le, createTextVNode as w, mergeProps as B, toDisplayString as g, normalizeProps as te, createElementVNode as ae, vModelText as be, renderSlot as h, withModifiers as ge } from "vue";
+import { DEFAULT_TEXTS as he, DEFAULT_ICONS as ke } from "./constants.js";
+import { QBadge as M } from "../QBadge/index.js";
+import { QButton as _e } from "../QButton/index.js";
+import { QField as qe } from "../QField/index.js";
+import { QIcon as Q } from "../QIcon/index.js";
+import { QList as we } from "../QList/index.js";
+import { QOverlay as Be } from "../QOverlay/index.js";
+import { QSpinnerLoader as Ce } from "../QSpinnerLoader/index.js";
+import { QChevron as Ve } from "../__internal__/QChevron/index.js";
+import { QClearButton as Le } from "../__internal__/QClearButton/index.js";
+import { useId as Ee } from "../../composables/uid.js";
+import { useGroup as $e } from "../../composables/useGroup/index.js";
+const De = {
   key: 0,
   ref: "badgesContainer",
   class: "q-select__badge-container"
-}, $e = {
+}, Te = {
   key: 1,
   class: "q-select__value"
-}, De = {
+}, Me = {
   key: 1,
   class: "q-select__placeholder"
-}, Te = ["id", "tabindex", "aria-keyshortcuts"], Qe = ["data-key"], Re = {
+}, Qe = ["id", "tabindex", "aria-keyshortcuts"], Re = ["data-key"], Se = {
   key: 0,
   class: "q-select__loader"
-}, He = /* @__PURE__ */ de({
+}, Ge = /* @__PURE__ */ ce({
   inheritAttrs: !1,
   __name: "QSelect",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Z({
     id: {},
     class: {},
     label: {},
@@ -47,125 +47,119 @@ const Ee = {
     emptyValue: {},
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
-    icons: { default: () => ge },
-    texts: { default: () => be }
+    icons: { default: () => ke },
+    texts: { default: () => he }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ J(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
-  setup(O, { emit: ae }) {
-    const e = O, B = ae, r = ce(O, "modelValue"), Q = Ve(S(e, "id")), { active: te } = Le({
-      active: r,
-      required: S(e, "required"),
-      multiple: S(e, "multiple")
-    }), d = Y(!1), C = Y(0), R = _("trigger"), oe = _("list"), F = _("content"), K = _("badgesContainer"), U = _("allBadges"), N = L(() => s.value.length === 0), s = L(() => {
-      var a;
+  emits: /* @__PURE__ */ Z(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
+  setup(F, { emit: oe }) {
+    const e = F, C = oe, s = fe(F, "modelValue"), R = Ee(z(e, "id")), { active: K } = $e({
+      active: s,
+      required: z(e, "required"),
+      multiple: z(e, "multiple")
+    }), d = ee(!1), V = ee(0), S = _("trigger"), ne = _("list"), U = _("content"), N = _("badgesContainer"), W = _("allBadges");
+    me($);
+    const P = q(() => r.value.length === 0), r = q(() => {
+      var t;
       if (e.multiple)
-        return ((a = r.value) == null ? void 0 : a.map((u) => W(u))) ?? [];
-      const l = typeof r.value < "u" ? W(r.value) : void 0;
+        return ((t = s.value) == null ? void 0 : t.map((u) => j(u))) ?? [];
+      const l = typeof s.value < "u" ? j(s.value) : void 0;
       return l ? [l] : [];
-    }), x = L(
+    }), H = q(() => {
+      var t;
+      const l = /* @__PURE__ */ new Map();
+      return (t = e.items) == null || t.forEach((u, n) => {
+        l.set(u.key, n);
+      }), l;
+    }), A = q(
       () => {
         var l;
-        return (l = s.value) == null ? void 0 : l.map((a) => a[e.itemLabel]).join(", ");
+        return (l = r.value) == null ? void 0 : l.map((t) => t[e.itemLabel]).join(", ");
       }
-    ), k = L(
-      () => e.clearable && !e.readonly && !e.disabled && !e.loading && !N.value
+    ), k = q(
+      () => e.clearable && !e.readonly && !e.disabled && !e.loading && !P.value
     );
-    function W(l) {
-      var a;
-      return (a = e.items) == null ? void 0 : a.find((u) => u[e.itemValue] === l);
+    function j(l) {
+      var t;
+      return (t = e.items) == null ? void 0 : t.find((u) => u[e.itemValue] === l);
     }
-    function ne(l) {
-      e.multiple && r.value.splice(l, 1);
+    function ie(l) {
+      e.multiple && l < s.value.length && (!e.required || s.value.length > 1) ? K.value = s.value.toSpliced(l, 1) : L();
     }
-    function P(l) {
-      r.value = l, e.multiple || V();
+    function I(l) {
+      Array.isArray(l) ? (s.value = l.sort((t, u) => H.value.get(t) - H.value.get(u)), $()) : (s.value = l, E());
     }
-    function A() {
-      k.value && (P(e.emptyValue), G());
+    function L() {
+      k.value && (I(e.emptyValue), J());
     }
-    function ie(l) {
-      var a, u, n;
-      !((a = F.value) != null && a.contains(l.relatedTarget)) && !((n = (u = R.value) == null ? void 0 : u.fieldRef) != null && n.contains(l.relatedTarget)) && V();
+    function re(l) {
+      var t, u, n;
+      !((t = U.value) != null && t.contains(l.relatedTarget)) && !((n = (u = S.value) == null ? void 0 : u.fieldRef) != null && n.contains(l.relatedTarget)) && E();
     }
-    function H() {
-      d.value || (B("before-show"), d.value = !0);
+    function G() {
+      d.value || (C("before-show"), d.value = !0);
     }
-    function V() {
-      d.value && (B("before-hide"), d.value = !1);
+    function E() {
+      d.value && (C("before-hide"), d.value = !1);
     }
-    function j() {
-      e.readonly || e.disabled || (d.value ? V() : H());
+    function X() {
+      e.readonly || e.disabled || (d.value ? E() : G());
     }
-    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) && H(), ["Escape", "Tab"].includes(l.key) && (d.value ? V() : k.value && l.key === "Escape" && A()), k.value && l.key === "Delete" && A());
+    function x(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) && (d.value ? E() : k.value && l.key === "Escape" && L()), k.value && l.key === "Delete" && L());
     }
-    function re(l) {
-      l.key.length === 1 && l.preventDefault(), I(l);
+    function se(l) {
+      l.key.length === 1 && l.preventDefault(), x(l);
     }
-    function se() {
+    function ue() {
       var l;
-      e.loading ? (l = F.value) == null || l.focus() : X(), B("show");
+      e.loading ? (l = U.value) == null || l.focus() : Y(), C("show");
     }
-    function ue() {
-      G(), B("hide");
+    function de() {
+      J(), C("hide");
     }
-    function G() {
-      var l, a;
-      (a = (l = R.value) == null ? void 0 : l.fieldRef) == null || a.focus();
+    function J() {
+      var l, t;
+      (t = (l = S.value) == null ? void 0 : l.fieldRef) == null || t.focus();
     }
-    function X() {
+    function Y() {
       var l;
-      (l = oe.value) == null || l.$el.focus();
+      (l = ne.value) == null || l.$el.focus();
     }
-    async function M() {
-      var o;
-      if (await z(), !e.multiple || !e.badges || !K.value) return;
-      const l = K.value.offsetWidth, a = 4;
-      let u = 0, n = 0;
-      await z();
-      for (const y of U.value ?? []) {
-        const v = y.$el.scrollWidth + a;
-        if (u + v <= l)
-          u += v, n++;
+    async function $() {
+      var i;
+      if (await O(), !e.multiple || !e.badges || !N.value) return;
+      let l = 0, t = 0;
+      await O();
+      const u = N.value.offsetWidth, n = 4;
+      for (const y of W.value ?? []) {
+        const v = y.$el.scrollWidth + n;
+        if (l + v <= u)
+          l += v, t++;
         else break;
       }
-      C.value = (((o = U.value) == null ? void 0 : o.length) ?? 0) - n;
+      V.value = (((i = W.value) == null ? void 0 : i.length) ?? 0) - t;
     }
-    return E(
+    return D(
       () => e.loading,
       (l) => {
-        !l && d.value && z(X);
+        !l && d.value && O(Y);
       }
-    ), E(() => e.badges, M), E(() => e.clearable, M), E(
-      te,
-      (l) => {
-        var a;
-        if (r.value = l, Array.isArray(r.value)) {
-          const u = /* @__PURE__ */ new Map();
-          (a = e.items) == null || a.forEach((n, o) => {
-            u.set(n.key, o);
-          }), r.value = i(
-            r.value.sort((n, o) => u.get(n) - u.get(o))
-          ), M();
-        }
-      },
-      { deep: !0 }
-    ), (l, a) => {
+    ), D(() => e.badges, $), D(() => e.clearable, $), D(K, I), (l, t) => {
       var u;
-      return t(), c(
+      return a(), c(
         b,
         null,
         [
-          $(i(ke), {
-            id: i(Q),
+          T(o(qe), {
+            id: o(R),
             ref: "trigger",
             label: e.label,
             required: e.required,
             role: "combobox",
-            class: fe([
+            class: pe([
               "q-select",
               {
                 "q-select--readonly": e.readonly,
@@ -180,18 +174,18 @@ const Ee = {
             "aria-haspopup": "listbox",
             size: e.size,
             invalid: e.invalid,
-            onClick: j,
-            onKeydown: I
-          }, me({
+            onClick: X,
+            onKeydown: x
+          }, ve({
             append: f(() => [
               h(l.$slots, "append"),
-              k.value ? (t(), m(i(Ce), {
+              k.value ? (a(), m(o(Le), {
                 key: 0,
                 icons: e.icons,
                 texts: e.texts,
-                onClick: A
+                onClick: L
               }, null, 8, ["icons", "texts"])) : p("v-if", !0),
-              e.readonly ? p("v-if", !0) : (t(), m(i(he), {
+              e.readonly ? p("v-if", !0) : (a(), m(o(_e), {
                 key: 1,
                 class: "q-select__chevron",
                 "aria-label": e.texts.showOptions,
@@ -200,10 +194,10 @@ const Ee = {
                 borderless: "",
                 tabindex: "-1",
                 disabled: e.disabled,
-                onClick: j
+                onClick: X
               }, {
                 default: f(() => [
-                  $(i(Be), {
+                  T(o(Ve), {
                     "model-value": d.value,
                     icons: e.icons
                   }, null, 8, ["model-value", "icons"])
@@ -213,8 +207,8 @@ const Ee = {
               }, 8, ["aria-label", "disabled"]))
             ]),
             default: f(() => [
-              N.value ? (t(), c("span", De, [
-                !e.readonly && !e.disabled ? (t(), c(
+              P.value ? (a(), c("span", Me, [
+                !e.readonly && !e.disabled ? (a(), c(
                   b,
                   { key: 0 },
                   [
@@ -227,46 +221,46 @@ const Ee = {
                   64
                   /* STABLE_FRAGMENT */
                 )) : p("v-if", !0)
-              ])) : (t(), c(
+              ])) : (a(), c(
                 b,
                 { key: 0 },
                 [
-                  e.badges ? (t(), c(
+                  e.badges ? (a(), c(
                     "span",
-                    Ee,
+                    De,
                     [
-                      e.multiple ? (t(), c(
+                      e.multiple ? (a(), c(
                         b,
                         { key: 0 },
                         [
-                          (t(!0), c(
+                          (a(!0), c(
                             b,
                             null,
-                            Z(r.value, (n, o) => (t(), c(
+                            le(s.value, (n, i) => (a(), c(
                               b,
-                              { key: o },
+                              { key: i },
                               [
-                                o < r.value.length - C.value ? (t(), m(i(D), {
+                                i < s.value.length - V.value ? (a(), m(o(M), {
                                   key: 0,
                                   pill: "",
-                                  removable: !e.readonly && !e.disabled && (e.clearable || r.value.length > 1),
-                                  "onClick:remove": () => ne(o)
+                                  removable: !e.readonly && !e.disabled && (!e.required || s.value.length > 1),
+                                  "onClick:remove": () => ie(i)
                                 }, {
                                   default: f(() => {
                                     var y, v;
                                     return [
-                                      (y = s.value[o]) != null && y.icon ? (t(), m(
-                                        i(T),
-                                        q({
+                                      (y = r.value[i]) != null && y.icon ? (a(), m(
+                                        o(Q),
+                                        B({
                                           key: 0,
                                           ref_for: !0
-                                        }, s.value[o].icon),
+                                        }, r.value[i].icon),
                                         null,
                                         16
                                         /* FULL_PROPS */
                                       )) : p("v-if", !0),
                                       w(
-                                        " " + g((v = s.value[o]) == null ? void 0 : v[e.itemLabel]),
+                                        " " + g((v = r.value[i]) == null ? void 0 : v[e.itemLabel]),
                                         1
                                         /* TEXT */
                                       )
@@ -282,14 +276,14 @@ const Ee = {
                             128
                             /* KEYED_FRAGMENT */
                           )),
-                          C.value > 0 ? (t(), m(i(D), {
+                          V.value > 0 ? (a(), m(o(M), {
                             key: 0,
                             pill: "",
                             class: "q-select__badge-count"
                           }, {
                             default: f(() => [
                               w(
-                                " +" + g(C.value),
+                                " +" + g(V.value),
                                 1
                                 /* TEXT */
                               )
@@ -297,32 +291,32 @@ const Ee = {
                             _: 1
                             /* STABLE */
                           })) : p("v-if", !0),
-                          (t(!0), c(
+                          (a(!0), c(
                             b,
                             null,
-                            Z(r.value, (n, o) => (t(), m(i(D), {
-                              key: o,
+                            le(s.value, (n, i) => (a(), m(o(M), {
+                              key: i,
                               ref_for: !0,
                               ref: "allBadges",
                               pill: "",
                               class: "q-select__badge-hidden",
-                              removable: !e.readonly && !e.disabled && (e.clearable || r.value.length > 1)
+                              removable: !e.readonly && !e.disabled && (!e.required || s.value.length > 1)
                             }, {
                               default: f(() => {
                                 var y, v;
                                 return [
-                                  (y = s.value[o]) != null && y.icon ? (t(), m(
-                                    i(T),
-                                    q({
+                                  (y = r.value[i]) != null && y.icon ? (a(), m(
+                                    o(Q),
+                                    B({
                                       key: 0,
                                       ref_for: !0
-                                    }, s.value[o].icon),
+                                    }, r.value[i].icon),
                                     null,
                                     16
                                     /* FULL_PROPS */
                                   )) : p("v-if", !0),
                                   w(
-                                    " " + g((v = s.value[o]) == null ? void 0 : v[e.itemLabel]),
+                                    " " + g((v = r.value[i]) == null ? void 0 : v[e.itemLabel]),
                                     1
                                     /* TEXT */
                                   )
@@ -337,22 +331,22 @@ const Ee = {
                         ],
                         64
                         /* STABLE_FRAGMENT */
-                      )) : (t(), m(i(D), {
+                      )) : (a(), m(o(M), {
                         key: 1,
                         pill: ""
                       }, {
                         default: f(() => {
-                          var n, o;
+                          var n, i;
                           return [
-                            (n = s.value[0]) != null && n.icon ? (t(), m(
-                              i(T),
-                              ee(q({ key: 0 }, s.value[0].icon)),
+                            (n = r.value[0]) != null && n.icon ? (a(), m(
+                              o(Q),
+                              te(B({ key: 0 }, r.value[0].icon)),
                               null,
                               16
                               /* FULL_PROPS */
                             )) : p("v-if", !0),
                             w(
-                              " " + g((o = s.value[0]) == null ? void 0 : o[e.itemLabel]),
+                              " " + g((i = r.value[0]) == null ? void 0 : i[e.itemLabel]),
                               1
                               /* TEXT */
                             )
@@ -364,10 +358,10 @@ const Ee = {
                     ],
                     512
                     /* NEED_PATCH */
-                  )) : (t(), c(
+                  )) : (a(), c(
                     "span",
-                    $e,
-                    g(x.value),
+                    Te,
+                    g(A.value),
                     1
                     /* TEXT */
                   ))
@@ -375,31 +369,31 @@ const Ee = {
                 64
                 /* STABLE_FRAGMENT */
               )),
-              pe(le("input", q({
-                id: `${i(Q)}_input`
+              ye(ae("input", B({
+                id: `${o(R)}_input`
               }, l.$attrs, {
-                "onUpdate:modelValue": a[0] || (a[0] = (n) => x.value = n),
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => A.value = n),
                 class: "q-select__input",
                 inputmode: "none",
                 type: "text",
                 autocomplete: "off",
                 tabindex: e.disabled ? -1 : 0,
                 "aria-keyshortcuts": k.value ? "Delete" : void 0,
-                onKeydown: re
-              }), null, 16, Te), [
-                [ve, x.value]
+                onKeydown: se
+              }), null, 16, Qe), [
+                [be, A.value]
               ])
             ]),
             _: 2
             /* DYNAMIC */
           }, [
-            s.value.length === 1 && s.value[0].icon && !e.badges || l.$slots.prepend ? {
+            r.value.length === 1 && r.value[0].icon && !e.badges || l.$slots.prepend ? {
               name: "prepend",
               fn: f(() => [
                 h(l.$slots, "prepend"),
-                s.value.length === 1 && s.value[0].icon && !e.badges ? (t(), m(
-                  i(T),
-                  ee(q({ key: 0 }, s.value[0].icon)),
+                r.value.length === 1 && r.value[0].icon && !e.badges ? (a(), m(
+                  o(Q),
+                  te(B({ key: 0 }, r.value[0].icon)),
                   null,
                   16
                   /* FULL_PROPS */
@@ -415,46 +409,46 @@ const Ee = {
               key: "1"
             } : void 0
           ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size", "invalid"]),
-          $(i(we), {
+          T(o(Be), {
             modelValue: d.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (n) => d.value = n),
+            "onUpdate:modelValue": t[1] || (t[1] = (n) => d.value = n),
             spy: "",
             trigger: "manual",
             placement: "bottom-start",
             width: "anchor",
             "scroll-lock": "",
             inline: e.inline,
-            anchor: (u = i(R)) == null ? void 0 : u.fieldRef,
+            anchor: (u = o(S)) == null ? void 0 : u.fieldRef,
             offset: 2,
-            onEnter: se,
-            onLeave: ue
+            onEnter: ue,
+            onLeave: de
           }, {
             default: f(() => [
-              le("div", {
+              ae("div", {
                 ref: "content",
                 "data-testid": "combobox-dropdown",
-                "data-key": i(Q),
+                "data-key": o(R),
                 class: "q-select__body",
                 tabindex: "-1",
-                onFocusout: ie,
-                onKeydown: ye(I, ["stop"])
+                onFocusout: re,
+                onKeydown: ge(x, ["stop"])
               }, [
                 h(l.$slots, "body.prepend"),
-                e.loading ? (t(), c("div", Re, [
-                  $(i(qe), { size: 24 })
-                ])) : (t(), m(i(_e), {
+                e.loading ? (a(), c("div", Se, [
+                  T(o(Ce), { size: 24 })
+                ])) : (a(), m(o(we), {
                   key: 1,
                   ref: "list",
                   class: "q-select__items",
                   selectable: "",
                   required: e.required,
                   multiple: e.multiple,
-                  "model-value": r.value,
+                  "model-value": s.value,
                   items: e.items,
                   groups: l.groups,
                   "item-label": e.itemLabel,
                   "item-value": e.itemValue,
-                  "onUpdate:modelValue": P
+                  "onUpdate:modelValue": I
                 }, {
                   item: f(({ item: n }) => [
                     h(l.$slots, "item", { item: n })
@@ -463,7 +457,7 @@ const Ee = {
                   /* FORWARDED */
                 }, 8, ["required", "multiple", "model-value", "items", "groups", "item-label", "item-value"])),
                 h(l.$slots, "body.append")
-              ], 40, Qe)
+              ], 40, Re)
             ]),
             _: 3
             /* FORWARDED */
@@ -476,5 +470,5 @@ const Ee = {
   }
 });
 export {
-  He as default
+  Ge as default
 };

package/esm/components/index.d.ts

@@ -20,6 +20,7 @@ export * from './QField';
 export * from './QFileUpload';
 export * from './QFocusTrap';
 export * from './QGrid';
+export * from './QGroupBox';
 export * from './QIcon';
 export * from './QInputGroup';
 export * from './QLabel';