@quidgest/ui 0.12.1 → 0.12.2

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

@@ -1,33 +1,28 @@
-import { defineComponent as re, mergeModels as K, useModel as C, ref as k, onMounted as ce, computed as v, watch as I, nextTick as w, openBlock as y, createElementBlock as S, Fragment as fe, createVNode as V, unref as c, normalizeClass as me, withModifiers as j, createSlots as ve, withCtx as r, renderSlot as f, createBlock as T, normalizeProps as Q, guardReactiveProps as W, createCommentVNode as X, createElementVNode as pe, toDisplayString as be } from "vue";
-import G from "../QButton/QButton.vue.js";
-import "../QIcon/index.js";
-import "../QList/index.js";
-import "../QOverlay/index.js";
-import "../QSpinnerLoader/index.js";
-import "../QTextField/index.js";
-import ye from "../QTextField/QTextField.vue.js";
-import J from "../QIcon/QIcon.vue.js";
-import he from "../QOverlay/QOverlay.vue.js";
-import ge from "../QSpinnerLoader/QSpinnerLoader.vue.js";
-import ke from "../QList/QList.vue.js";
-const Ie = ["data-key"], we = {
+import { defineComponent as re, mergeModels as H, useModel as T, ref as I, onMounted as ce, computed as m, watch as k, nextTick as w, openBlock as y, createElementBlock as _, Fragment as ve, createVNode as x, unref as c, normalizeClass as fe, withModifiers as K, createSlots as me, withCtx as r, renderSlot as v, createBlock as C, normalizeProps as j, guardReactiveProps as W, createCommentVNode as X, createElementVNode as pe, toDisplayString as be } from "vue";
+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 { QTextField as Ie } from "../QTextField/index.js";
+const ke = ["data-key"], we = {
   key: 0,
   class: "q-select__loader"
-}, Ve = {
+}, xe = {
   key: 2,
   class: "q-select__loader"
-}, xe = {
+}, Ve = {
   noData: "No data available"
-}, _e = {
+}, Le = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, ze = /* @__PURE__ */ re({
+}, Se = /* @__PURE__ */ re({
   __name: "QCombobox",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ H({
     id: { default: void 0 },
     placeholder: { default: "" },
     selectionMode: { default: "automatic" },
@@ -44,8 +39,8 @@ const Ie = ["data-key"], we = {
     itemLabel: { default: "label" },
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
-    texts: { default: () => xe },
-    icons: { default: () => _e },
+    texts: { default: () => Ve },
+    icons: { default: () => Le },
     class: { default: void 0 }
   }, {
     modelValue: {
@@ -57,164 +52,164 @@ const Ie = ["data-key"], we = {
     search: { default: "" },
     searchModifiers: {}
   }),
-  emits: /* @__PURE__ */ K(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
-  setup(x, { expose: Y, emit: Z }) {
-    const l = x, _ = Z, d = C(x, "modelValue"), i = C(x, "open"), s = C(x, "search"), t = k(void 0), m = k(null), u = k(null), $ = k(null), L = k(null);
+  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"), u = T(V, "search"), t = I(void 0), f = I(null), s = I(null), F = I(null), $ = I(null);
     ce(g);
-    const M = v(() => l.clearable && !l.readonly && !l.disabled), p = v(() => {
+    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 = v(() => {
+    }), h = m(() => {
       var e;
       return (e = l.items) == null ? void 0 : e.find((o) => o[l.itemValue] === d.value);
-    }), A = v(() => h.value === void 0), D = v(() => {
+    }), A = m(() => h.value === void 0), D = m(() => {
       const e = t.value;
       if (e !== void 0 && p.value[e])
         return p.value[e];
-    }), ee = v(() => {
+    }), ee = m(() => {
       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 = v(() => {
+    }), 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 = h.value) == null ? void 0 : e[l.itemLabel]);
     });
     function z(e) {
-      d.value = e, F();
+      d.value = e, q();
     }
     function g() {
       var o;
       const e = ((o = h.value) == null ? void 0 : o[l.itemLabel]) || "";
-      s.value !== e && (s.value = e);
+      u.value !== e && (u.value = e);
     }
-    function B() {
-      i.value || l.readonly || l.disabled || (_("before-show"), i.value = !0, E());
+    function E() {
+      i.value || l.readonly || l.disabled || (L("before-show"), i.value = !0, S());
     }
-    function F() {
-      i.value && (_("before-hide"), i.value = !1, t.value = void 0);
+    function q() {
+      i.value && (L("before-hide"), i.value = !1, t.value = void 0);
     }
     function oe() {
-      i.value ? F() : N();
+      i.value ? q() : N();
     }
     function ae() {
-      M.value && (d.value = l.emptyValue, t.value = void 0, E());
+      B.value && (d.value = l.emptyValue, t.value = void 0, S());
     }
     function N() {
-      if (B(), h.value !== void 0) {
+      if (E(), h.value !== void 0) {
         const e = p.value.indexOf(h.value);
-        e !== -1 && w(() => O(e));
+        e !== -1 && w(() => Q(e));
       }
     }
     function te(e) {
       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 && F();
+          g(), i.value && q();
         else if (["ArrowDown", "ArrowUp"].includes(e.key))
           i.value ? w(() => {
             if (t.value === void 0)
-              q();
+              M();
             else {
               const n = e.key === "ArrowDown" ? "next" : "prev";
               ie(t.value, n);
             }
-          }) : (B(), w(() => {
-            e.key === "ArrowDown" ? q() : ne();
+          }) : (E(), w(() => {
+            e.key === "ArrowDown" ? M() : ne();
           }));
         else if (e.key === "Enter") {
           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") && B();
+          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 q() {
+    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) {
-      var b, P, R, H;
-      const o = ((b = $ == null ? void 0 : $.value) == null ? void 0 : b.$el) === e.relatedTarget, a = (R = (P = m == null ? void 0 : m.value) == null ? void 0 : P.$el) == null ? void 0 : R.contains(e.relatedTarget), n = (H = L == null ? void 0 : L.value) == null ? void 0 : H.contains(e.relatedTarget);
+      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;
       }
-      F(), M.value && !s.value && (d.value = l.emptyValue), g();
+      q(), B.value && !u.value && (d.value = l.emptyValue), g();
     }
-    function E() {
+    function S() {
       var e, o;
-      (o = (e = m.value) == null ? void 0 : e.inputRef) == null || o.focus();
-    }
-    function se() {
-      E();
+      (o = (e = f.value) == null ? void 0 : e.inputRef) == null || o.focus();
     }
     function ue() {
-      _("show");
+      S();
+    }
+    function se() {
+      L("show");
     }
     function de() {
-      _("hide");
+      L("hide");
     }
-    function O(e) {
+    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 I(d, g), I(
+    return k(d, g), 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]) && g();
         }
       },
       { deep: !0 }
-    ), I(t, (e) => {
-      e !== void 0 && O(e);
-    }), I(s, (e) => {
-      e && i.value && l.selectionMode === "automatic" && w(q);
-    }), I(
+    ), k(t, (e) => {
+      e !== void 0 && Q(e);
+    }), k(u, (e) => {
+      e && i.value && l.selectionMode === "automatic" && w(M);
+    }), k(
       () => l.loading,
       (e) => {
-        !e && i.value && w(q);
+        !e && i.value && w(M);
       }
     ), Y({
-      triggerEl: m
+      triggerEl: f
     }), (e, o) => {
       var a;
-      return y(), S(
-        fe,
+      return y(), _(
+        ve,
         null,
         [
-          V(c(ye), {
-            modelValue: s.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (n) => s.value = n),
+          x(c(Ie), {
+            modelValue: u.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (n) => u.value = n),
             id: l.id,
             label: l.label,
             required: l.required,
             ref_key: "triggerEl",
-            ref: m,
+            ref: f,
             role: "combobox",
             placeholder: l.placeholder,
-            class: me([
+            class: fe([
               "q-combobox",
               {
                 "q-combobox--readonly": l.readonly,
@@ -234,17 +229,17 @@ const Ie = ["data-key"], we = {
             size: l.size,
             onClick: N,
             onFocusout: U,
-            onKeydown: j(te, ["stop"])
-          }, ve({
+            onKeydown: K(te, ["stop"])
+          }, me({
             "label.prepend": r(() => [
-              f(e.$slots, "label.prepend")
+              v(e.$slots, "label.prepend")
             ]),
             "label.append": r(() => [
-              f(e.$slots, "label.append")
+              v(e.$slots, "label.append")
             ]),
             append: r(() => [
-              f(e.$slots, "append"),
-              M.value && s.value ? (y(), T(c(G), {
+              v(e.$slots, "append"),
+              B.value && u.value ? (y(), C(c(G), {
                 key: 0,
                 class: "q-combobox__clear",
                 "b-style": "plain",
@@ -253,9 +248,9 @@ const Ie = ["data-key"], we = {
                 onClick: ae
               }, {
                 default: r(() => [
-                  V(
+                  x(
                     c(J),
-                    Q(W(l.icons.clear)),
+                    j(W(l.icons.clear)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -264,21 +259,21 @@ const Ie = ["data-key"], we = {
                 _: 1
                 /* STABLE */
               })) : X("v-if", !0),
-              l.readonly ? X("v-if", !0) : (y(), T(c(G), {
+              l.readonly ? X("v-if", !0) : (y(), C(c(G), {
                 key: 1,
                 ref_key: "toggleRef",
-                ref: $,
+                ref: F,
                 class: "q-combobox__chevron",
                 "b-style": "plain",
                 borderless: "",
                 tabindex: "-1",
                 disabled: l.disabled,
-                onMousedown: j(oe, ["stop", "prevent"])
+                onMousedown: K(oe, ["stop", "prevent"])
               }, {
                 default: r(() => [
-                  V(
+                  x(
                     c(J),
-                    Q(W(l.icons.chevron)),
+                    j(W(l.icons.chevron)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -294,19 +289,19 @@ const Ie = ["data-key"], we = {
             e.$slots.prepend ? {
               name: "prepend",
               fn: r(() => [
-                f(e.$slots, "prepend")
+                v(e.$slots, "prepend")
               ]),
               key: "0"
             } : void 0,
             e.$slots.extras ? {
               name: "extras",
               fn: r(() => [
-                f(e.$slots, "extras")
+                v(e.$slots, "extras")
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
-          V(c(he), {
+          x(c(he), {
             modelValue: i.value,
             "onUpdate:modelValue": o[2] || (o[2] = (n) => i.value = n),
             spy: "",
@@ -315,8 +310,8 @@ const Ie = ["data-key"], we = {
             placement: "bottom-start",
             width: "anchor",
             offset: 4,
-            anchor: (a = m.value) == null ? void 0 : a.$el,
-            onEnter: ue,
+            anchor: (a = f.value) == null ? void 0 : a.$el,
+            onEnter: se,
             onLeave: de
           }, {
             default: r(() => {
@@ -324,19 +319,19 @@ const Ie = ["data-key"], we = {
               return [
                 pe("div", {
                   ref_key: "contentRef",
-                  ref: L,
+                  ref: $,
                   class: "q-select__body",
                   "data-testid": "combobox-dropdown",
                   "data-key": l.id,
                   onFocusout: U
                 }, [
-                  f(e.$slots, "body.prepend"),
-                  l.loading ? (y(), S("div", we, [
-                    V(c(ge), { size: 24 })
-                  ])) : p.value.length ? (y(), T(c(ke), {
+                  v(e.$slots, "body.prepend"),
+                  l.loading ? (y(), _("div", we, [
+                    x(c(ge), { size: 24 })
+                  ])) : p.value.length ? (y(), C(c(ye), {
                     key: 1,
                     ref_key: "listRef",
-                    ref: u,
+                    ref: s,
                     class: "q-select__items",
                     modelValue: d.value,
                     "onUpdate:modelValue": [
@@ -348,22 +343,22 @@ const Ie = ["data-key"], we = {
                     groups: e.groups,
                     "item-label": l.itemLabel,
                     "item-value": l.itemValue,
-                    onMouseup: se
+                    onMouseup: ue
                   }, {
                     item: r(({ item: b }) => [
-                      f(e.$slots, "item", { item: b })
+                      v(e.$slots, "item", { item: b })
                     ]),
                     _: 3
                     /* FORWARDED */
-                  }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (y(), S(
+                  }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (y(), _(
                     "div",
-                    Ve,
+                    xe,
                     be(e.texts.noData),
                     1
                     /* TEXT */
                   )),
-                  f(e.$slots, "body.append")
-                ], 40, Ie)
+                  v(e.$slots, "body.append")
+                ], 40, ke)
               ];
             }),
             _: 3
@@ -377,5 +372,5 @@ const Ie = ["data-key"], we = {
   }
 });
 export {
-  ze as default
+  Se as default
 };