@quidgest/ui 0.13.2 → 0.14.0

package/esm/components/QCombobox/QCombobox.vue.js

@@ -2,25 +2,17 @@ import { defineComponent as re, mergeModels as H, useModel as T, ref as I, onMou
 import { QButton as G } from "../QButton/index.js";
 import { QIcon as J } from "../QIcon/index.js";
 import { QList as ye } from "../QList/index.js";
-import { QOverlay as he } from "../QOverlay/index.js";
-import { QSpinnerLoader as ge } from "../QSpinnerLoader/index.js";
+import { QOverlay as ge } from "../QOverlay/index.js";
+import { QSpinnerLoader as he } from "../QSpinnerLoader/index.js";
 import { QTextField as Ie } from "../QTextField/index.js";
-const ke = ["data-key"], we = {
+import { DEFAULT_ICONS as ke, DEFAULT_TEXTS as we } from "./types.js";
+const xe = ["data-key"], Ve = {
   key: 0,
   class: "q-select__loader"
-}, xe = {
+}, Le = {
   key: 2,
   class: "q-select__loader"
-}, Ve = {
-  noData: "No data available"
-}, Le = {
-  chevron: {
-    icon: "chevron-down"
-  },
-  clear: {
-    icon: "close"
-  }
-}, Se = /* @__PURE__ */ re({
+}, Te = /* @__PURE__ */ re({
   __name: "QCombobox",
   props: /* @__PURE__ */ H({
     id: { default: void 0 },
@@ -40,7 +32,7 @@ const ke = ["data-key"], we = {
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
     class: { default: void 0 },
-    internals: { default: () => ({ icons: Le, texts: Ve }) }
+    internals: { default: () => ({ icons: ke, texts: we }) }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
@@ -53,17 +45,17 @@ const ke = ["data-key"], we = {
   }),
   emits: /* @__PURE__ */ H(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
   setup(V, { expose: Y, emit: Z }) {
-    const l = V, L = Z, d = T(V, "modelValue"), i = T(V, "open"), s = T(V, "search"), t = I(void 0), f = I(null), u = I(null), F = I(null), $ = I(null);
-    ce(g);
+    const l = V, L = Z, d = T(V, "modelValue"), i = T(V, "open"), u = T(V, "search"), t = I(void 0), f = I(null), s = I(null), F = I(null), $ = I(null);
+    ce(h);
     const B = m(() => l.clearable && !l.readonly && !l.disabled), p = m(() => {
       var e;
       return l.filterMode === "manual" || !le.value ? l.items : (e = l.items) == null ? void 0 : e.filter(
-        (o) => o[l.itemLabel].toLowerCase().startsWith(s.value.toLowerCase())
+        (o) => o[l.itemLabel].toLowerCase().startsWith(u.value.toLowerCase())
       );
-    }), h = m(() => {
+    }), g = m(() => {
       var e;
       return (e = l.items) == null ? void 0 : e.find((o) => o[l.itemValue] === d.value);
-    }), A = m(() => h.value === void 0), D = m(() => {
+    }), A = m(() => g.value === void 0), D = m(() => {
       const e = t.value;
       if (e !== void 0 && p.value[e])
         return p.value[e];
@@ -71,19 +63,19 @@ const ke = ["data-key"], we = {
       var o;
       if (t.value === void 0)
         return;
-      const e = (o = u.value) == null ? void 0 : o.getItem(t.value);
+      const e = (o = s.value) == null ? void 0 : o.getItem(t.value);
       return e == null ? void 0 : e.id;
     }), le = m(() => {
       var e;
-      return s.value.length > 0 && s.value !== ((e = h.value) == null ? void 0 : e[l.itemLabel]);
+      return u.value.length > 0 && u.value !== ((e = g.value) == null ? void 0 : e[l.itemLabel]);
     });
     function z(e) {
       d.value = e, q();
     }
-    function g() {
+    function h() {
       var o;
-      const e = ((o = h.value) == null ? void 0 : o[l.itemLabel]) || "";
-      s.value !== e && (s.value = e);
+      const e = ((o = g.value) == null ? void 0 : o[l.itemLabel]) || "";
+      u.value !== e && (u.value = e);
     }
     function E() {
       i.value || l.readonly || l.disabled || (L("before-show"), i.value = !0, S());
@@ -92,14 +84,14 @@ const ke = ["data-key"], we = {
       i.value && (L("before-hide"), i.value = !1, t.value = void 0);
     }
     function oe() {
-      i.value ? q() : N();
+      i.value ? q() : U();
     }
     function ae() {
       B.value && (d.value = l.emptyValue, t.value = void 0, S());
     }
-    function N() {
-      if (E(), h.value !== void 0) {
-        const e = p.value.indexOf(h.value);
+    function U() {
+      if (E(), g.value !== void 0) {
+        const e = p.value.indexOf(g.value);
         e !== -1 && w(() => Q(e));
       }
     }
@@ -107,7 +99,7 @@ const ke = ["data-key"], we = {
       var o, a;
       if (!(!e.key || l.readonly || l.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "Escape")
-          g(), i.value && q();
+          h(), i.value && q();
         else if (["ArrowDown", "ArrowUp"].includes(e.key))
           i.value ? w(() => {
             if (t.value === void 0)
@@ -120,48 +112,46 @@ const ke = ["data-key"], we = {
             e.key === "ArrowDown" ? M() : ne();
           }));
         else if (e.key === "Enter") {
-          if (D.value === void 0)
-            return;
+          if (D.value === void 0) return;
           z(D.value[l.itemValue]);
-        } else
-          e.key === "Home" ? t.value = (o = u.value) == null ? void 0 : o.getFirstFocusableItemIndex() : e.key === "End" ? t.value = (a = u.value) == null ? void 0 : a.getLastFocusableItemIndex() : (/^[a-z]$/i.test(e.key) || e.key === "Backspace") && E();
+        } else e.key === "Home" ? t.value = (o = s.value) == null ? void 0 : o.getFirstFocusableItemIndex() : e.key === "End" ? t.value = (a = s.value) == null ? void 0 : a.getLastFocusableItemIndex() : (/^[a-z]$/i.test(e.key) || e.key === "Backspace") && E();
     }
     function M() {
       var e, o;
       if (A.value)
-        t.value = (o = u.value) == null ? void 0 : o.getFirstFocusableItemIndex();
+        t.value = (o = s.value) == null ? void 0 : o.getFirstFocusableItemIndex();
       else {
         const a = p.value.findIndex(
           (n) => n[l.itemValue] === d.value
         );
-        a === -1 ? t.value = (e = u.value) == null ? void 0 : e.getFirstFocusableItemIndex() : t.value = a;
+        a === -1 ? t.value = (e = s.value) == null ? void 0 : e.getFirstFocusableItemIndex() : t.value = a;
       }
     }
     function ne() {
       var e;
-      t.value = (e = u.value) == null ? void 0 : e.getLastFocusableItemIndex();
+      t.value = (e = s.value) == null ? void 0 : e.getLastFocusableItemIndex();
     }
     function ie(e, o) {
       var a;
-      t.value = (a = u.value) == null ? void 0 : a.getAdjacentItemIndex(e, o);
+      t.value = (a = s.value) == null ? void 0 : a.getAdjacentItemIndex(e, o);
     }
-    function U(e) {
+    function N(e) {
       var b, O, P, R;
       const o = ((b = F == null ? void 0 : F.value) == null ? void 0 : b.$el) === e.relatedTarget, a = (P = (O = f == null ? void 0 : f.value) == null ? void 0 : O.$el) == null ? void 0 : P.contains(e.relatedTarget), n = (R = $ == null ? void 0 : $.value) == null ? void 0 : R.contains(e.relatedTarget);
       if (o || n || a) {
         e.preventDefault(), e.stopPropagation();
         return;
       }
-      q(), B.value && !s.value && (d.value = l.emptyValue), g();
+      q(), B.value && !u.value && (d.value = l.emptyValue), h();
     }
     function S() {
       var e, o;
       (o = (e = f.value) == null ? void 0 : e.inputRef) == null || o.focus();
     }
-    function se() {
+    function ue() {
       S();
     }
-    function ue() {
+    function se() {
       L("show");
     }
     function de() {
@@ -169,21 +159,21 @@ const ke = ["data-key"], we = {
     }
     function Q(e) {
       var a;
-      const o = (a = u.value) == null ? void 0 : a.getItem(e);
-      u.value && (u.value.$el.scrollTop = o == null ? void 0 : o.offsetTop);
+      const o = (a = s.value) == null ? void 0 : a.getItem(e);
+      s.value && (s.value.$el.scrollTop = o == null ? void 0 : o.offsetTop);
     }
-    return k(d, g), k(
+    return k(d, h), k(
       () => l.items,
       (e, o) => {
         if (!A.value) {
           const a = o.find((n) => n[l.itemValue] === d.value);
-          s.value === (a == null ? void 0 : a[l.itemLabel]) && g();
+          u.value === (a == null ? void 0 : a[l.itemLabel]) && h();
         }
       },
       { deep: !0 }
     ), k(t, (e) => {
       e !== void 0 && Q(e);
-    }), k(s, (e) => {
+    }), k(u, (e) => {
       e && i.value && l.selectionMode === "automatic" && w(M);
     }), k(
       () => l.loading,
@@ -199,8 +189,8 @@ const ke = ["data-key"], we = {
         null,
         [
           x(c(Ie), {
-            modelValue: s.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (n) => s.value = n),
+            modelValue: u.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (n) => u.value = n),
             id: l.id,
             label: l.label,
             required: l.required,
@@ -226,8 +216,8 @@ const ke = ["data-key"], we = {
             "aria-autocomplete": "list",
             "aria-activedescendant": ee.value,
             size: l.size,
-            onClick: N,
-            onFocusout: U,
+            onClick: U,
+            onFocusout: N,
             onKeydown: K(te, ["stop"])
           }, me({
             "label.prepend": r(() => [
@@ -238,7 +228,7 @@ const ke = ["data-key"], we = {
             ]),
             append: r(() => [
               v(e.$slots, "append"),
-              B.value && s.value ? (y(), C(c(G), {
+              B.value && u.value ? (y(), C(c(G), {
                 key: 0,
                 class: "q-combobox__clear",
                 "b-style": "plain",
@@ -300,7 +290,7 @@ const ke = ["data-key"], we = {
               key: "1"
             } : void 0
           ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
-          x(c(he), {
+          x(c(ge), {
             modelValue: i.value,
             "onUpdate:modelValue": o[2] || (o[2] = (n) => i.value = n),
             spy: "",
@@ -310,7 +300,7 @@ const ke = ["data-key"], we = {
             width: "anchor",
             offset: 4,
             anchor: (a = f.value) == null ? void 0 : a.$el,
-            onEnter: ue,
+            onEnter: se,
             onLeave: de
           }, {
             default: r(() => {
@@ -322,15 +312,15 @@ const ke = ["data-key"], we = {
                   class: "q-select__body",
                   "data-testid": "combobox-dropdown",
                   "data-key": l.id,
-                  onFocusout: U
+                  onFocusout: N
                 }, [
                   v(e.$slots, "body.prepend"),
-                  l.loading ? (y(), _("div", we, [
-                    x(c(ge), { size: 24 })
+                  l.loading ? (y(), _("div", Ve, [
+                    x(c(he), { size: 24 })
                   ])) : p.value.length ? (y(), C(c(ye), {
                     key: 1,
                     ref_key: "listRef",
-                    ref: u,
+                    ref: s,
                     class: "q-select__items",
                     selectable: "",
                     modelValue: d.value,
@@ -343,7 +333,7 @@ const ke = ["data-key"], we = {
                     groups: e.groups,
                     "item-label": l.itemLabel,
                     "item-value": l.itemValue,
-                    onMouseup: se
+                    onMouseup: ue
                   }, {
                     item: r(({ item: b }) => [
                       v(e.$slots, "item", { item: b })
@@ -352,13 +342,13 @@ const ke = ["data-key"], we = {
                     /* FORWARDED */
                   }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (y(), _(
                     "div",
-                    xe,
+                    Le,
                     be(e.internals.texts.noData),
                     1
                     /* TEXT */
                   )),
                   v(e.$slots, "body.append")
-                ], 40, ke)
+                ], 40, xe)
               ];
             }),
             _: 3
@@ -372,5 +362,5 @@ const ke = ["data-key"], we = {
   }
 });
 export {
-  Se as default
+  Te as default
 };