@quidgest/ui 0.14.14 → 0.14.16

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

@@ -1,5 +1,5 @@
-import { defineComponent as ie, mergeModels as H, useModel as S, ref as k, onMounted as ue, computed as m, watch as I, nextTick as w, createElementBlock as T, openBlock as y, Fragment as se, createVNode as M, unref as p, mergeProps as de, withModifiers as K, createSlots as re, withCtx as r, renderSlot as f, createBlock as A, createCommentVNode as j, createElementVNode as fe, toDisplayString as ce } from "vue";
-import { DEFAULT_TEXTS as me, DEFAULT_ICONS as pe } from "./types.js";
+import { defineComponent as ie, mergeModels as H, useModel as S, ref as g, onMounted as ue, computed as m, watch as k, nextTick as I, createElementBlock as T, openBlock as b, Fragment as se, createVNode as M, unref as p, mergeProps as de, withModifiers as K, createSlots as re, withCtx as r, renderSlot as f, createBlock as A, createCommentVNode as j, createElementVNode as fe, toDisplayString as ce } from "vue";
+import { DEFAULT_ICONS as me, DEFAULT_TEXTS as pe } from "./types.js";
 import { QButton as ve } from "../QButton/index.js";
 import { QList as be } from "../QList/index.js";
 import { QOverlay as ye } from "../QOverlay/index.js";
@@ -18,28 +18,27 @@ const we = ["data-key"], xe = {
   __name: "QCombobox",
   props: /* @__PURE__ */ H({
     id: {},
-    placeholder: {},
-    selectionMode: { default: "automatic" },
-    filterMode: { default: "builtin" },
+    class: {},
     label: {},
-    clearable: { type: Boolean },
+    for: {},
+    size: {},
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
-    loading: { type: Boolean },
+    placeholder: {},
+    clearable: { type: Boolean },
+    texts: { default: () => pe },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
+    selectionMode: { default: "automatic" },
+    filterMode: { default: "builtin" },
+    loading: { type: Boolean },
     emptyValue: { type: [String, Number, Boolean, Symbol] },
-    size: {},
-    class: {},
-    icons: { default: () => pe },
-    texts: { default: () => me }
+    icons: { default: () => me }
   }, {
-    modelValue: {
-      type: [String, Number, Boolean, Symbol]
-    },
+    modelValue: { type: [String, Number, Boolean, Symbol] },
     modelModifiers: {},
     open: { type: Boolean },
     openModifiers: {},
@@ -47,18 +46,18 @@ const we = ["data-key"], xe = {
     searchModifiers: {}
   }),
   emits: /* @__PURE__ */ H(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
-  setup(x, { expose: W, emit: X }) {
-    const l = x, V = X, d = S(x, "modelValue"), i = S(x, "open"), u = S(x, "search"), a = k(void 0), c = k(null), s = k(null), L = k(null), F = k(null);
-    ue(g);
+  setup(w, { expose: W, emit: X }) {
+    const l = w, x = X, d = S(w, "modelValue"), i = S(w, "open"), u = S(w, "search"), a = g(void 0), c = g(null), s = g(null), V = g(null), L = g(null);
+    ue(h);
     const q = m(() => l.clearable && !l.readonly && !l.disabled), v = m(() => {
       var e;
-      return l.filterMode === "manual" || !J.value ? l.items : (e = l.items) == null ? void 0 : e.filter(
+      return l.filterMode === "manual" || !J.value ? l.items ?? [] : ((e = l.items) == null ? void 0 : e.filter(
         (t) => t[l.itemLabel].toLowerCase().startsWith(u.value.toLowerCase())
-      );
-    }), h = m(() => {
+      )) ?? [];
+    }), y = m(() => {
       var e;
       return (e = l.items) == null ? void 0 : e.find((t) => t[l.itemValue] === d.value);
-    }), _ = m(() => h.value === void 0), C = m(() => {
+    }), _ = m(() => y.value === void 0), C = m(() => {
       const e = a.value;
       if (e !== void 0 && v.value[e])
         return v.value[e];
@@ -70,56 +69,56 @@ const we = ["data-key"], xe = {
       return e == null ? void 0 : e.id;
     }), J = m(() => {
       var e;
-      return u.value.length > 0 && u.value !== ((e = h.value) == null ? void 0 : e[l.itemLabel]);
+      return u.value.length > 0 && u.value !== ((e = y.value) == null ? void 0 : e[l.itemLabel]);
     });
     function Q(e) {
-      d.value = e, $();
+      d.value = e, F();
     }
-    function g() {
+    function h() {
       var t;
-      const e = ((t = h.value) == null ? void 0 : t[l.itemLabel]) || "";
+      const e = ((t = y.value) == null ? void 0 : t[l.itemLabel]) || "";
       u.value !== e && (u.value = e);
     }
     function D() {
-      i.value || l.readonly || l.disabled || (V("before-show"), i.value = !0, E());
+      i.value || l.readonly || l.disabled || (x("before-show"), i.value = !0, E());
     }
-    function $() {
-      i.value && (V("before-hide"), i.value = !1, a.value = void 0);
+    function F() {
+      i.value && (x("before-hide"), i.value = !1, a.value = void 0);
     }
     function Y() {
-      i.value ? $() : U();
+      i.value ? F() : U();
     }
     function Z() {
       q.value && (d.value = l.emptyValue, a.value = void 0, E());
     }
     function U() {
-      if (D(), h.value !== void 0) {
-        const e = v.value.indexOf(h.value);
-        e !== -1 && w(() => O(e));
+      if (D(), y.value !== void 0) {
+        const e = v.value.indexOf(y.value);
+        e !== -1 && I(() => O(e));
       }
     }
     function ee(e) {
       var t, o;
       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 && $();
+          h(), i.value && F();
         else if (["ArrowDown", "ArrowUp"].includes(e.key))
-          i.value ? w(() => {
+          i.value ? I(() => {
             if (a.value === void 0)
-              B();
+              $();
             else {
               const n = e.key === "ArrowDown" ? "next" : "prev";
               te(a.value, n);
             }
-          }) : (D(), w(() => {
-            e.key === "ArrowDown" ? B() : le();
+          }) : (D(), I(() => {
+            e.key === "ArrowDown" ? $() : le();
           }));
         else if (e.key === "Enter") {
           if (C.value === void 0) return;
           Q(C.value[l.itemValue]);
         } else e.key === "Home" ? a.value = (t = s.value) == null ? void 0 : t.getFirstFocusableItemIndex() : e.key === "End" ? a.value = (o = s.value) == null ? void 0 : o.getLastFocusableItemIndex() : (/^[a-z]$/i.test(e.key) || e.key === "Backspace") && D();
     }
-    function B() {
+    function $() {
       var e, t;
       if (_.value)
         a.value = (t = s.value) == null ? void 0 : t.getFirstFocusableItemIndex();
@@ -139,13 +138,13 @@ const we = ["data-key"], xe = {
       a.value = (o = s.value) == null ? void 0 : o.getAdjacentItemIndex(e, t);
     }
     function N(e) {
-      var b, z, P, R;
-      const t = ((b = L == null ? void 0 : L.value) == null ? void 0 : b.$el) === e.relatedTarget, o = (P = (z = c == null ? void 0 : c.value) == null ? void 0 : z.$el) == null ? void 0 : P.contains(e.relatedTarget), n = (R = F == null ? void 0 : F.value) == null ? void 0 : R.contains(e.relatedTarget);
+      var B, z, P, R;
+      const t = ((B = V == null ? void 0 : V.value) == null ? void 0 : B.$el) === e.relatedTarget, o = (P = (z = c == null ? void 0 : c.value) == null ? void 0 : z.$el) == null ? void 0 : P.contains(e.relatedTarget), n = (R = L == null ? void 0 : L.value) == null ? void 0 : R.contains(e.relatedTarget);
       if (t || n || o) {
         e.preventDefault(), e.stopPropagation();
         return;
       }
-      $(), q.value && !u.value && (d.value = l.emptyValue), g();
+      F(), q.value && !u.value && (d.value = l.emptyValue), h();
     }
     function E() {
       var e, t;
@@ -155,39 +154,39 @@ const we = ["data-key"], xe = {
       E();
     }
     function ae() {
-      V("show");
+      x("show");
     }
     function ne() {
-      V("hide");
+      x("hide");
     }
     function O(e) {
       var o;
       const t = (o = s.value) == null ? void 0 : o.getItem(e);
       s.value && (s.value.$el.scrollTop = t == null ? void 0 : t.offsetTop);
     }
-    return I(d, g), I(
+    return k(d, h), k(
       () => l.items,
       (e, t) => {
         if (!_.value) {
-          const o = t.find((n) => n[l.itemValue] === d.value);
-          u.value === (o == null ? void 0 : o[l.itemLabel]) && g();
+          const o = t == null ? void 0 : t.find((n) => n[l.itemValue] === d.value);
+          u.value === (o == null ? void 0 : o[l.itemLabel]) && h();
         }
       },
       { deep: !0 }
-    ), I(a, (e) => {
+    ), k(a, (e) => {
       e !== void 0 && O(e);
-    }), I(u, (e) => {
-      e && i.value && l.selectionMode === "automatic" && w(B);
-    }), I(
+    }), k(u, (e) => {
+      e && i.value && l.selectionMode === "automatic" && I($);
+    }), k(
       () => l.loading,
       (e) => {
-        !e && i.value && w(B);
+        !e && i.value && I($);
       }
     ), W({
       triggerEl: c
     }), (e, t) => {
       var o;
-      return y(), T(
+      return b(), T(
         se,
         null,
         [
@@ -231,16 +230,16 @@ const we = ["data-key"], xe = {
             ]),
             append: r(() => [
               f(e.$slots, "append"),
-              q.value && u.value ? (y(), A(p(Ie), {
+              q.value && u.value ? (b(), A(p(Ie), {
                 key: 0,
                 icons: l.icons,
                 texts: l.texts,
                 onClick: Z
               }, null, 8, ["icons", "texts"])) : j("v-if", !0),
-              l.readonly ? j("v-if", !0) : (y(), A(p(ve), {
+              l.readonly ? j("v-if", !0) : (b(), A(p(ve), {
                 key: 1,
                 ref_key: "toggleRef",
-                ref: L,
+                ref: V,
                 class: "q-combobox__chevron",
                 "aria-label": l.texts.showOptions,
                 "b-style": "plain",
@@ -279,7 +278,7 @@ const we = ["data-key"], xe = {
           ]), 1040, ["id", "modelValue", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
           M(p(ye), {
             modelValue: i.value,
-            "onUpdate:modelValue": t[2] || (t[2] = (n) => i.value = n),
+            "onUpdate:modelValue": t[1] || (t[1] = (n) => i.value = n),
             spy: "",
             "non-modal": "",
             trigger: "manual",
@@ -295,24 +294,20 @@ const we = ["data-key"], xe = {
               return [
                 fe("div", {
                   ref_key: "contentRef",
-                  ref: F,
+                  ref: L,
                   class: "q-select__body",
                   "data-testid": "combobox-dropdown",
                   "data-key": l.id,
                   onFocusout: N
                 }, [
                   f(e.$slots, "body.prepend"),
-                  l.loading ? (y(), T("div", xe, [
+                  l.loading ? (b(), T("div", xe, [
                     M(p(he), { size: 24 })
-                  ])) : v.value.length ? (y(), A(p(be), {
+                  ])) : v.value.length ? (b(), A(p(be), {
                     key: 1,
                     ref_key: "listRef",
                     ref: s,
-                    modelValue: d.value,
-                    "onUpdate:modelValue": [
-                      t[1] || (t[1] = (b) => d.value = b),
-                      Q
-                    ],
+                    "model-value": d.value,
                     class: "q-select__items",
                     selectable: "",
                     highlighted: (n = C.value) == null ? void 0 : n[l.itemValue],
@@ -320,14 +315,15 @@ const we = ["data-key"], xe = {
                     groups: e.groups,
                     "item-label": l.itemLabel,
                     "item-value": l.itemValue,
-                    onMouseup: oe
+                    onMouseup: oe,
+                    "onUpdate:modelValue": Q
                   }, {
-                    item: r(({ item: b }) => [
-                      f(e.$slots, "item", { item: b })
+                    item: r(({ item: B }) => [
+                      f(e.$slots, "item", { item: B })
                     ]),
                     _: 3
                     /* FORWARDED */
-                  }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (y(), T(
+                  }, 8, ["model-value", "highlighted", "items", "groups", "item-label", "item-value"])) : (b(), T(
                     "div",
                     Ve,
                     ce(l.texts.noData),