@quidgest/ui 0.16.41 → 0.16.43

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

@@ -1,4 +1,4 @@
-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 { 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 t, Fragment as y, createVNode as T, unref as o, normalizeClass as pe, createSlots as ve, withCtx as f, withDirectives as be, createBlock as m, createCommentVNode as p, renderList as le, createTextVNode as w, mergeProps as B, toDisplayString as g, normalizeProps as ae, createElementVNode as te, vModelText as ye, 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";
@@ -59,98 +59,98 @@ const De = {
       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");
+    }), u = ee(!1), V = ee(0), S = _("trigger"), ie = _("list"), U = _("content"), N = _("badgesContainer"), W = _("allBadges");
     me($);
     const P = q(() => r.value.length === 0), r = q(() => {
-      var t;
+      var a;
       if (e.multiple)
-        return ((t = s.value) == null ? void 0 : t.map((u) => j(u))) ?? [];
+        return ((a = s.value) == null ? void 0 : a.map((d) => j(d))) ?? [];
       const l = typeof s.value < "u" ? j(s.value) : void 0;
       return l ? [l] : [];
     }), H = q(() => {
-      var t;
+      var a;
       const l = /* @__PURE__ */ new Map();
-      return (t = e.items) == null || t.forEach((u, n) => {
-        l.set(u.key, n);
+      return (a = e.items) == null || a.forEach((d, i) => {
+        l.set(d.key, i);
       }), l;
     }), A = q(
       () => {
         var l;
-        return (l = r.value) == null ? void 0 : l.map((t) => t[e.itemLabel]).join(", ");
+        return (l = r.value) == null ? void 0 : l.map((a) => a[e.itemLabel]).join(", ");
       }
     ), L = q(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading && !P.value
     );
     function j(l) {
-      var t;
-      return (t = e.items) == null ? void 0 : t.find((u) => u[e.itemValue] === l);
+      var a;
+      return (a = e.items) == null ? void 0 : a.find((d) => d[e.itemValue] === l);
     }
-    function ie(l) {
+    function ne(l) {
       e.multiple && l < s.value.length && (!e.required || s.value.length > 1) ? K.value = s.value.toSpliced(l, 1) : k();
     }
     function I(l) {
-      Array.isArray(l) ? (s.value = l.sort((t, u) => H.value.get(t) - H.value.get(u)), $()) : (s.value = l, E());
+      Array.isArray(l) ? (s.value = l.sort((a, d) => H.value.get(a) - H.value.get(d)), $()) : (s.value = l, E());
     }
     function k() {
       I(e.emptyValue), J();
     }
     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();
+      var a, d, i;
+      !((a = U.value) != null && a.contains(l.relatedTarget)) && !((i = (d = S.value) == null ? void 0 : d.fieldRef) != null && i.contains(l.relatedTarget)) && E();
     }
     function G() {
-      d.value || (C("before-show"), d.value = !0);
+      u.value || (C("before-show"), u.value = !0);
     }
     function E() {
-      d.value && (C("before-hide"), d.value = !1);
+      u.value && (C("before-hide"), u.value = !1);
     }
     function X() {
-      e.readonly || e.disabled || (d.value ? E() : G());
+      e.readonly || e.disabled || (u.value ? E() : G());
     }
     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() : L.value && l.key === "Escape" && k()), L.value && l.key === "Delete" && k());
+      !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" && k()), L.value && l.key === "Delete" && k());
     }
     function se(l) {
       l.key.length === 1 && l.preventDefault(), x(l);
     }
-    function ue() {
+    function de() {
       var l;
       e.loading ? (l = U.value) == null || l.focus() : Y(), C("show");
     }
-    function de() {
+    function ue() {
       J(), C("hide");
     }
     function J() {
-      var l, t;
-      (t = (l = S.value) == null ? void 0 : l.fieldRef) == null || t.focus();
+      var l, a;
+      (a = (l = S.value) == null ? void 0 : l.fieldRef) == null || a.focus();
     }
     function Y() {
       var l;
-      (l = ne.value) == null || l.$el.focus();
+      (l = ie.value) == null || l.$el.focus();
     }
     async function $() {
-      var i;
+      var n;
       if (await O(), !e.multiple || !e.badges || !N.value) return;
-      let l = 0, t = 0;
+      let l = 0, a = 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++;
+      const d = N.value.offsetWidth, i = 4;
+      for (const b of W.value ?? []) {
+        const v = b.$el.scrollWidth + i;
+        if (l + v <= d)
+          l += v, a++;
         else break;
       }
-      V.value = (((i = W.value) == null ? void 0 : i.length) ?? 0) - t;
+      V.value = (((n = W.value) == null ? void 0 : n.length) ?? 0) - a;
     }
     return D(
       () => e.loading,
       (l) => {
-        !l && d.value && O(Y);
+        !l && u.value && O(Y);
       }
-    ), D(() => e.badges, $), D(() => e.clearable, $), D(K, I), (l, t) => {
-      var u;
-      return a(), c(
-        b,
+    ), D(() => e.badges, $), D(() => e.clearable, $), D(K, I), (l, a) => {
+      var d;
+      return t(), c(
+        y,
         null,
         [
           T(o(qe), {
@@ -170,7 +170,7 @@ const De = {
             readonly: e.readonly,
             disabled: e.disabled,
             "data-loading": e.loading,
-            "aria-expanded": d.value,
+            "aria-expanded": u.value,
             "aria-haspopup": "listbox",
             size: e.size,
             invalid: e.invalid,
@@ -179,13 +179,13 @@ const De = {
           }, ve({
             append: f(() => [
               h(l.$slots, "append"),
-              L.value ? (a(), m(o(Le), {
+              L.value ? (t(), m(o(Le), {
                 key: 0,
                 icons: e.icons,
                 texts: e.texts,
                 onClick: k
               }, null, 8, ["icons", "texts"])) : p("v-if", !0),
-              e.readonly ? p("v-if", !0) : (a(), m(o(_e), {
+              e.readonly ? p("v-if", !0) : (t(), m(o(_e), {
                 key: 1,
                 class: "q-select__chevron",
                 "aria-label": e.texts.showOptions,
@@ -198,7 +198,7 @@ const De = {
               }, {
                 default: f(() => [
                   T(o(Ve), {
-                    "model-value": d.value,
+                    "model-value": u.value,
                     icons: e.icons
                   }, null, 8, ["model-value", "icons"])
                 ]),
@@ -207,9 +207,9 @@ const De = {
               }, 8, ["aria-label", "disabled"]))
             ]),
             default: f(() => [
-              P.value ? (a(), c("span", Me, [
-                !e.readonly && !e.disabled ? (a(), c(
-                  b,
+              P.value ? (t(), c("span", Me, [
+                !e.readonly && !e.disabled ? (t(), c(
+                  y,
                   { key: 0 },
                   [
                     w(
@@ -221,46 +221,47 @@ const De = {
                   64
                   /* STABLE_FRAGMENT */
                 )) : p("v-if", !0)
-              ])) : (a(), c(
-                b,
+              ])) : (t(), c(
+                y,
                 { key: 0 },
                 [
-                  e.badges ? (a(), c(
+                  e.badges ? (t(), c(
                     "span",
                     De,
                     [
-                      e.multiple ? (a(), c(
-                        b,
+                      e.multiple ? (t(), c(
+                        y,
                         { key: 0 },
                         [
-                          (a(!0), c(
-                            b,
+                          (t(!0), c(
+                            y,
                             null,
-                            le(s.value, (n, i) => (a(), c(
-                              b,
-                              { key: i },
+                            le(s.value, (i, n) => (t(), c(
+                              y,
+                              { key: n },
                               [
-                                i < s.value.length - V.value ? (a(), m(o(M), {
+                                n < s.value.length - V.value ? (t(), m(o(M), {
                                   key: 0,
                                   pill: "",
-                                  removable: !e.readonly && !e.disabled && (!e.required || s.value.length > 1),
-                                  "onClick:remove": () => ie(i)
+                                  disabled: e.readonly || e.disabled,
+                                  removable: !e.required || s.value.length > 1,
+                                  "onClick:remove": () => ne(n)
                                 }, {
                                   default: f(() => {
-                                    var y, v;
+                                    var b, v;
                                     return [
-                                      (y = r.value[i]) != null && y.icon ? (a(), m(
+                                      (b = r.value[n]) != null && b.icon ? (t(), m(
                                         o(Q),
                                         B({
                                           key: 0,
                                           ref_for: !0
-                                        }, r.value[i].icon),
+                                        }, r.value[n].icon),
                                         null,
                                         16
                                         /* FULL_PROPS */
                                       )) : p("v-if", !0),
                                       w(
-                                        " " + g((v = r.value[i]) == null ? void 0 : v[e.itemLabel]),
+                                        " " + g((v = r.value[n]) == null ? void 0 : v[e.itemLabel]),
                                         1
                                         /* TEXT */
                                       )
@@ -268,7 +269,7 @@ const De = {
                                   }),
                                   _: 2
                                   /* DYNAMIC */
-                                }, 1032, ["removable", "onClick:remove"])) : p("v-if", !0)
+                                }, 1032, ["disabled", "removable", "onClick:remove"])) : p("v-if", !0)
                               ],
                               64
                               /* STABLE_FRAGMENT */
@@ -276,10 +277,11 @@ const De = {
                             128
                             /* KEYED_FRAGMENT */
                           )),
-                          V.value > 0 ? (a(), m(o(M), {
+                          V.value > 0 ? (t(), m(o(M), {
                             key: 0,
                             pill: "",
-                            class: "q-select__badge-count"
+                            class: "q-select__badge-count",
+                            disabled: e.readonly || e.disabled
                           }, {
                             default: f(() => [
                               w(
@@ -290,33 +292,34 @@ const De = {
                             ]),
                             _: 1
                             /* STABLE */
-                          })) : p("v-if", !0),
-                          (a(!0), c(
-                            b,
+                          }, 8, ["disabled"])) : p("v-if", !0),
+                          (t(!0), c(
+                            y,
                             null,
-                            le(s.value, (n, i) => (a(), m(o(M), {
-                              key: i,
+                            le(s.value, (i, n) => (t(), m(o(M), {
+                              key: n,
                               ref_for: !0,
                               ref: "allBadges",
                               pill: "",
+                              disabled: "",
                               class: "q-select__badge-hidden",
-                              removable: !e.readonly && !e.disabled && (!e.required || s.value.length > 1)
+                              removable: !e.required || s.value.length > 1
                             }, {
                               default: f(() => {
-                                var y, v;
+                                var b, v;
                                 return [
-                                  (y = r.value[i]) != null && y.icon ? (a(), m(
+                                  (b = r.value[n]) != null && b.icon ? (t(), m(
                                     o(Q),
                                     B({
                                       key: 0,
                                       ref_for: !0
-                                    }, r.value[i].icon),
+                                    }, r.value[n].icon),
                                     null,
                                     16
                                     /* FULL_PROPS */
                                   )) : p("v-if", !0),
                                   w(
-                                    " " + g((v = r.value[i]) == null ? void 0 : v[e.itemLabel]),
+                                    " " + g((v = r.value[n]) == null ? void 0 : v[e.itemLabel]),
                                     1
                                     /* TEXT */
                                   )
@@ -331,24 +334,25 @@ const De = {
                         ],
                         64
                         /* STABLE_FRAGMENT */
-                      )) : (a(), m(o(M), {
+                      )) : (t(), m(o(M), {
                         key: 1,
                         pill: "",
+                        disabled: e.readonly || e.disabled,
                         removable: !e.required,
                         "onClick:remove": k
                       }, {
                         default: f(() => {
-                          var n, i;
+                          var i, n;
                           return [
-                            (n = r.value[0]) != null && n.icon ? (a(), m(
+                            (i = r.value[0]) != null && i.icon ? (t(), m(
                               o(Q),
-                              te(B({ key: 0 }, r.value[0].icon)),
+                              ae(B({ key: 0 }, r.value[0].icon)),
                               null,
                               16
                               /* FULL_PROPS */
                             )) : p("v-if", !0),
                             w(
-                              " " + g((i = r.value[0]) == null ? void 0 : i[e.itemLabel]),
+                              " " + g((n = r.value[0]) == null ? void 0 : n[e.itemLabel]),
                               1
                               /* TEXT */
                             )
@@ -356,11 +360,11 @@ const De = {
                         }),
                         _: 1
                         /* STABLE */
-                      }, 8, ["removable"]))
+                      }, 8, ["disabled", "removable"]))
                     ],
                     512
                     /* NEED_PATCH */
-                  )) : (a(), c(
+                  )) : (t(), c(
                     "span",
                     Te,
                     g(A.value),
@@ -371,10 +375,10 @@ const De = {
                 64
                 /* STABLE_FRAGMENT */
               )),
-              ye(ae("input", B({
+              be(te("input", B({
                 id: `${o(R)}_input`
               }, l.$attrs, {
-                "onUpdate:modelValue": t[0] || (t[0] = (n) => A.value = n),
+                "onUpdate:modelValue": a[0] || (a[0] = (i) => A.value = i),
                 class: "q-select__input",
                 inputmode: "none",
                 type: "text",
@@ -383,7 +387,7 @@ const De = {
                 "aria-keyshortcuts": L.value ? "Delete" : void 0,
                 onKeydown: se
               }), null, 16, Qe), [
-                [be, A.value]
+                [ye, A.value]
               ])
             ]),
             _: 2
@@ -393,9 +397,9 @@ const De = {
               name: "prepend",
               fn: f(() => [
                 h(l.$slots, "prepend"),
-                r.value.length === 1 && r.value[0].icon && !e.badges ? (a(), m(
+                r.value.length === 1 && r.value[0].icon && !e.badges ? (t(), m(
                   o(Q),
-                  te(B({ key: 0 }, r.value[0].icon)),
+                  ae(B({ key: 0 }, r.value[0].icon)),
                   null,
                   16
                   /* FULL_PROPS */
@@ -412,21 +416,21 @@ const De = {
             } : void 0
           ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size", "invalid"]),
           T(o(Be), {
-            modelValue: d.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (n) => d.value = n),
+            modelValue: u.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (i) => u.value = i),
             spy: "",
             trigger: "manual",
             placement: "bottom-start",
             width: "anchor",
             "scroll-lock": "",
             inline: e.inline,
-            anchor: (u = o(S)) == null ? void 0 : u.fieldRef,
+            anchor: (d = o(S)) == null ? void 0 : d.fieldRef,
             offset: 2,
-            onEnter: ue,
-            onLeave: de
+            onEnter: de,
+            onLeave: ue
           }, {
             default: f(() => [
-              ae("div", {
+              te("div", {
                 ref: "content",
                 "data-testid": "combobox-dropdown",
                 "data-key": o(R),
@@ -436,9 +440,9 @@ const De = {
                 onKeydown: ge(x, ["stop"])
               }, [
                 h(l.$slots, "body.prepend"),
-                e.loading ? (a(), c("div", Se, [
+                e.loading ? (t(), c("div", Se, [
                   T(o(Ce), { size: 24 })
-                ])) : (a(), m(o(we), {
+                ])) : (t(), m(o(we), {
                   key: 1,
                   ref: "list",
                   class: "q-select__items",
@@ -452,8 +456,8 @@ const De = {
                   "item-value": e.itemValue,
                   "onUpdate:modelValue": I
                 }, {
-                  item: f(({ item: n }) => [
-                    h(l.$slots, "item", { item: n })
+                  item: f(({ item: i }) => [
+                    h(l.$slots, "item", { item: i })
                   ]),
                   _: 3
                   /* FORWARDED */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.16.41",
+  "version": "0.16.43",
   "private": false,
   "type": "module",
   "author": "Quidgest",