@quidgest/ui 0.7.14 → 0.7.15

package/dist/ui.css

@@ -521,16 +521,6 @@ body *::-webkit-scrollbar-track {
   height: 1em;
 }
 
-.q-input-group {
-  display: flex;
-  align-items: flex-end;
-  height: auto;
-  border-width: 0;
-  padding: 0;
-}
-.q-input-group:focus-within {
-  outline: none;
-}
 .q-input-group__prepend > :first-child {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
@@ -565,18 +555,28 @@ body *::-webkit-scrollbar-track {
 .q-input-group__prepend > * + *, .q-input-group__append > * + * {
   margin-left: -1px;
 }
-.q-input-group > * {
+.q-input-group > .q-field__control {
+  display: flex;
+  align-items: flex-end;
+  height: auto;
+  border-width: 0;
+  padding: 0;
+}
+.q-input-group > .q-field__control:focus-within {
+  outline: none;
+}
+.q-input-group > .q-field__control > * {
   border-radius: 0;
 }
-.q-input-group > :first-child {
+.q-input-group > .q-field__control > :first-child {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }
-.q-input-group > :last-child {
+.q-input-group > .q-field__control > :last-child {
   border-top-right-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
 }
-.q-input-group > * + * {
+.q-input-group > .q-field__control > * + * {
   margin-left: -1px;
 }
 

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as Ve, computed as g, ref as q, provide as Ne, inject as De, watch as C, defineComponent as x, openBlock as d, createElementBlock as v, normalizeClass as D, normalizeStyle as ae, createElementVNode as N, withModifiers as ee, createVNode as te, unref as k, createCommentVNode as S, Fragment as Z, createTextVNode as re, toDisplayString as H, renderSlot as y, toRef as pe, createBlock as B, withCtx as $, renderList as ve, resolveDynamicComponent as Te, h as $e, normalizeProps as de, mergeProps as ne, reactive as He, onBeforeUnmount as Ke, onMounted as Ee, Teleport as We, Transition as Ge, nextTick as J, createSlots as be, withDirectives as je, vModelDynamic as Xe, guardReactiveProps as he } from "vue";
+import { getCurrentInstance as Ve, computed as g, ref as q, provide as Ne, inject as De, watch as C, defineComponent as x, openBlock as d, createElementBlock as v, normalizeClass as D, normalizeStyle as ae, createElementVNode as G, withModifiers as ee, createVNode as te, unref as k, createCommentVNode as S, Fragment as Z, createTextVNode as re, toDisplayString as N, renderSlot as y, toRef as pe, createBlock as B, withCtx as $, renderList as ve, resolveDynamicComponent as Te, h as $e, normalizeProps as de, mergeProps as ne, reactive as He, onBeforeUnmount as Ke, onMounted as Ee, Teleport as We, Transition as Ge, nextTick as J, createSlots as be, withDirectives as je, vModelDynamic as Xe, guardReactiveProps as he } from "vue";
 function ye(n) {
   return n == null ? !0 : typeof n == "string" || Array.isArray(n) ? n.length === 0 : typeof n == "object" ? Object.keys(n).length === 0 : !1;
 }
@@ -182,7 +182,7 @@ function me(n, t, o) {
   return o < 0 && (o += 1), o > 1 && (o -= 1), o < 1 / 6 ? n + (t - n) * 6 * o : o < 1 / 2 ? t : o < 2 / 3 ? n + (t - n) * (2 / 3 - o) * 6 : n;
 }
 const ue = "q-theme";
-function $n() {
+function wn() {
   const n = De(ue);
   if (!n)
     throw new Error("[Quidgest UI] Could not find theme instance");
@@ -256,7 +256,7 @@ function nt(n) {
 function Le(n) {
   return n ? `--q-theme-${n.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
-function In(n = {}) {
+function $n(n = {}) {
   return { install: (o) => {
     const e = n.components || {};
     for (const a in e)
@@ -265,8 +265,8 @@ function In(n = {}) {
     o.provide(ge, q(l)), et(o, n.themes);
   } };
 }
-const lt = /* @__PURE__ */ N("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ N("circle", {
+const lt = /* @__PURE__ */ G("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ G("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -366,13 +366,13 @@ const _e = V(at), it = ["disabled"], rt = {
       i.loading ? (d(), v("div", rt, [
         te(k(_e), { size: 23 })
       ])) : S("", !0),
-      N("span", dt, [
+      G("span", dt, [
         i.iconOnRight ? (d(), v(Z, { key: 0 }, [
-          re(H(e.label), 1)
+          re(N(e.label), 1)
         ], 64)) : S("", !0),
         y(i.$slots, "default"),
         i.iconOnRight ? S("", !0) : (d(), v(Z, { key: 1 }, [
-          re(H(e.label), 1)
+          re(N(e.label), 1)
         ], 64))
       ])
     ], 10, it));
@@ -460,7 +460,7 @@ const _e = V(at), it = ["disabled"], rt = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), qn = V(mt), vt = /* @__PURE__ */ x({
+}), In = V(mt), vt = /* @__PURE__ */ x({
   __name: "QIcon",
   props: {
     icon: {},
@@ -692,7 +692,7 @@ const wt = /* @__PURE__ */ x({
       if ((L = p.value) != null && L.contains(r.relatedTarget))
         return;
       let h;
-      a.value ? h = l.items.findIndex((G) => G[l.itemValue] === a.value) : h = Q();
+      a.value ? h = l.items.findIndex((W) => W[l.itemValue] === a.value) : h = Q();
       const I = u.value;
       O(h, I);
     }
@@ -735,7 +735,7 @@ const wt = /* @__PURE__ */ x({
       const r = (h = p.value) == null ? void 0 : h.querySelectorAll("li");
       return r ? Array.from(r) : [];
     }
-    function K(r) {
+    function H(r) {
       return E()[r];
     }
     function j() {
@@ -754,9 +754,9 @@ const wt = /* @__PURE__ */ x({
     }
     function X(r) {
       const h = j();
-      return W(h, r);
+      return K(h, r);
     }
-    function W(r, h) {
+    function K(r, h) {
       const I = E();
       if (U(r, h, I))
         return r;
@@ -781,8 +781,8 @@ const wt = /* @__PURE__ */ x({
       }
     ), t({
       focusItem: O,
-      getItem: K,
-      getAdjacentItemIndex: W,
+      getItem: H,
+      getAdjacentItemIndex: K,
       getFirstFocusableItemIndex: Q,
       getLastFocusableItemIndex: M
     }), (r, h) => (d(), B(Te(i.value), {
@@ -873,9 +873,9 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], xt = { class: "q-l
     }, [
       y(i.$slots, "default", {}, () => [
         e.icon ? (d(), B(k(P), de(ne({ key: 0 }, e.icon)), null, 16)) : S("", !0),
-        re(" " + H(e.label), 1)
+        re(" " + N(e.label), 1)
       ]),
-      N("div", xt, [
+      G("div", xt, [
         e.selected ? (d(), B(k(P), ne({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : S("", !0)
       ])
     ], 42, Bt));
@@ -898,7 +898,7 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], xt = { class: "q-l
         id: k(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, H(t.title), 9, Et)) : S("", !0),
+      }, N(t.title), 9, Et)) : S("", !0),
       y(e.$slots, "default")
     ], 8, Tt));
   }
@@ -1056,7 +1056,7 @@ const Rt = {
       window.clearTimeout(A), A = window.setTimeout(() => a.animating = !1, 200), o("leave");
     }
     let E;
-    function K() {
+    function H() {
       J(() => {
         const b = ie(e.anchor);
         if (b)
@@ -1091,19 +1091,19 @@ const Rt = {
     function X() {
       j(), e.spy && U();
     }
-    function W() {
+    function K() {
       Q(), e.spy && (clearTimeout(M), M = void 0);
     }
-    return Ke(W), Ee(p), C(
+    return Ke(K), Ee(p), C(
       () => e.disabled,
       (b) => {
-        b || K();
+        b || H();
       },
       { immediate: !0 }
     ), C(
       () => u.value,
       (b) => {
-        b ? X() : W();
+        b ? X() : K();
       },
       { immediate: !0 }
     ), (b, c) => (d(), v(Z, null, [
@@ -1125,7 +1125,7 @@ const Rt = {
               class: D(l.value),
               style: ae(i.value)
             }, [
-              N("div", {
+              G("div", {
                 class: "q-overlay__content",
                 ref_key: "overlay",
                 ref: f
@@ -1183,13 +1183,13 @@ const Rt = {
     }, [
       o.label ? (d(), v("div", Ut, [
         y(a.$slots, "label.prepend"),
-        N("label", {
+        G("label", {
           for: o.id
-        }, H(o.label), 9, Nt),
+        }, N(o.label), 9, Nt),
         y(a.$slots, "label.append")
       ])) : S("", !0),
       y(a.$slots, "control", {}, () => [
-        N("div", ne({
+        G("div", ne({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: e
@@ -1264,7 +1264,7 @@ const Rt = {
         y(m.$slots, "label.append")
       ]),
       default: $(() => [
-        je(N("input", ne({
+        je(G("input", ne({
           "onUpdate:modelValue": w[0] || (w[0] = (z) => f.value = z),
           ref_key: "inputRef",
           ref: i,
@@ -1365,11 +1365,11 @@ const Rt = {
       var s;
       return i.value.length > 0 && i.value !== ((s = A.value) == null ? void 0 : s[l.itemLabel]);
     });
-    function K(s) {
+    function H(s) {
       a.value = s, Q(), e("update:modelValue", s);
     }
     function j(s) {
-      K(s), U();
+      H(s), U();
     }
     function Q() {
       var s;
@@ -1382,9 +1382,9 @@ const Rt = {
       u.value && (e("before-hide"), u.value = !1, f.value = void 0);
     }
     function X() {
-      K(void 0), f.value = void 0;
+      H(void 0), f.value = void 0;
     }
-    function W() {
+    function K() {
       if (M(), A.value !== void 0) {
         const s = F.value.indexOf(A.value);
         s !== -1 && J(() => we(s));
@@ -1439,7 +1439,7 @@ const Rt = {
       var s, _;
       (_ = (s = p.value) == null ? void 0 : s.inputRef) == null || _.focus();
     }
-    function G() {
+    function W() {
       e("show");
     }
     function Ue() {
@@ -1482,7 +1482,7 @@ const Rt = {
           "aria-autocomplete": "list",
           "aria-activedescendant": O.value,
           size: l.size,
-          onClick: W,
+          onClick: K,
           onFocusout: I,
           onKeydown: ee(b, ["stop"])
         }, be({
@@ -1529,13 +1529,13 @@ const Rt = {
           width: "anchor",
           offset: 4,
           anchor: (Y = p.value) == null ? void 0 : Y.fieldRef,
-          onEnter: G,
+          onEnter: W,
           onLeave: Ue
         }, {
           default: $(() => {
             var se;
             return [
-              N("div", {
+              G("div", {
                 ref_key: "contentRef",
                 ref: w,
                 class: "q-select__body",
@@ -1567,7 +1567,7 @@ const Rt = {
                     y(s.$slots, "item", { item: fe })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (d(), v("div", Pt, H(s.texts.noData), 1)),
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (d(), v("div", Pt, N(s.texts.noData), 1)),
                 y(s.$slots, "body.append")
               ], 544)
             ];
@@ -1577,13 +1577,13 @@ const Rt = {
       ], 64);
     };
   }
-}), Sn = V(en), tn = { class: "q-input-group" }, nn = {
+}), qn = V(en), tn = {
   key: 0,
   class: "q-input-group__prepend"
-}, ln = { key: 0 }, on = {
+}, nn = { key: 0 }, ln = {
   key: 1,
   class: "q-input-group__append"
-}, an = { key: 0 }, sn = /* @__PURE__ */ x({
+}, on = { key: 0 }, an = /* @__PURE__ */ x({
   __name: "QInputGroup",
   props: {
     id: { default: () => le() },
@@ -1604,34 +1604,32 @@ const Rt = {
       }
     }), (o, e) => (d(), B(k(ke), {
       id: t.id,
-      class: D(t.class),
+      class: D(["q-input-group", t.class]),
       label: t.label,
       readonly: t.readonly,
       disabled: t.disabled,
       required: t.required,
       size: t.size
     }, {
-      control: $(() => [
-        N("div", tn, [
-          o.$slots.prepend || t.prependIcon ? (d(), v("div", nn, [
-            t.prependIcon ? (d(), v("span", ln, [
-              te(k(P), de(he(t.prependIcon)), null, 16)
-            ])) : S("", !0),
-            y(o.$slots, "prepend")
+      default: $(() => [
+        o.$slots.prepend || t.prependIcon ? (d(), v("div", tn, [
+          t.prependIcon ? (d(), v("span", nn, [
+            te(k(P), de(he(t.prependIcon)), null, 16)
           ])) : S("", !0),
-          y(o.$slots, "default"),
-          o.$slots.append || t.appendIcon ? (d(), v("div", on, [
-            t.appendIcon ? (d(), v("span", an, [
-              te(k(P), de(he(t.appendIcon)), null, 16)
-            ])) : S("", !0),
-            y(o.$slots, "append")
-          ])) : S("", !0)
-        ])
+          y(o.$slots, "prepend")
+        ])) : S("", !0),
+        y(o.$slots, "default"),
+        o.$slots.append || t.appendIcon ? (d(), v("div", ln, [
+          t.appendIcon ? (d(), v("span", on, [
+            te(k(P), de(he(t.appendIcon)), null, 16)
+          ])) : S("", !0),
+          y(o.$slots, "append")
+        ])) : S("", !0)
       ]),
       _: 3
     }, 8, ["id", "class", "label", "readonly", "disabled", "required", "size"]));
   }
-}), Ln = V(sn), rn = /* @__PURE__ */ x({
+}), Sn = V(an), sn = /* @__PURE__ */ x({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
@@ -1642,13 +1640,13 @@ const Rt = {
       class: D(["q-line-loader", t.class])
     }, null, 2));
   }
-}), Bn = V(rn), dn = {
+}), Ln = V(sn), rn = {
   key: 0,
   class: "q-popover__header"
-}, un = {
+}, dn = {
   key: 1,
   class: "q-popover__body"
-}, cn = ["innerHTML"], fn = { key: 1 }, pn = /* @__PURE__ */ x({
+}, un = ["innerHTML"], cn = { key: 1 }, fn = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1677,37 +1675,37 @@ const Rt = {
       spy: t.spy
     }, {
       default: $(() => [
-        t.title || o.$slots.header ? (d(), v("h3", dn, [
-          re(H(t.title) + " ", 1),
+        t.title || o.$slots.header ? (d(), v("h3", rn, [
+          re(N(t.title) + " ", 1),
           y(o.$slots, "header")
         ])) : S("", !0),
-        t.text || o.$slots.body ? (d(), v("div", un, [
+        t.text || o.$slots.body ? (d(), v("div", dn, [
           t.html ? (d(), v("span", {
             key: 0,
             innerHTML: t.text
-          }, null, 8, cn)) : (d(), v("span", fn, H(t.text), 1)),
+          }, null, 8, un)) : (d(), v("span", cn, N(t.text), 1)),
           y(o.$slots, "body")
         ])) : S("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
   }
-}), xn = V(pn), mn = {
+}), Bn = V(fn), pn = {
   key: 0,
   class: "q-select__value"
-}, vn = {
+}, mn = {
   key: 1,
   class: "q-select__placeholder"
-}, hn = {
+}, vn = {
   placeholder: "Choose..."
-}, yn = {
+}, hn = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, bn = /* @__PURE__ */ x({
+}, yn = /* @__PURE__ */ x({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1718,13 +1716,13 @@ const Rt = {
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => yn },
+    icons: { default: () => hn },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => hn },
+    texts: { default: () => vn },
     class: { default: "" }
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
@@ -1740,22 +1738,22 @@ const Rt = {
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function F(c) {
-      l.value = c, o("update:modelValue", c), K();
+      l.value = c, o("update:modelValue", c), H();
     }
     function A() {
       z.value && F(void 0);
     }
     function R() {
-      e.readonly || e.disabled || (a.value ? K() : E());
+      e.readonly || e.disabled || (a.value ? H() : E());
     }
     function O(c) {
       var r, h, I;
-      !((r = p.value) != null && r.contains(c.relatedTarget)) && !((I = (h = i.value) == null ? void 0 : h.fieldRef) != null && I.contains(c.relatedTarget)) && K();
+      !((r = p.value) != null && r.contains(c.relatedTarget)) && !((I = (h = i.value) == null ? void 0 : h.fieldRef) != null && I.contains(c.relatedTarget)) && H();
     }
     function E() {
       a.value || (o("before-show"), a.value = !0);
     }
-    function K() {
+    function H() {
       a.value && (o("before-hide"), a.value = !1);
     }
     let j;
@@ -1776,7 +1774,7 @@ const Rt = {
     }
     function M() {
       var c;
-      e.loading ? (c = p.value) == null || c.focus() : W(), o("show");
+      e.loading ? (c = p.value) == null || c.focus() : K(), o("show");
     }
     function U() {
       X(), o("hide");
@@ -1785,7 +1783,7 @@ const Rt = {
       var c, r;
       (r = (c = i.value) == null ? void 0 : c.fieldRef) == null || r.focus();
     }
-    function W() {
+    function K() {
       var c;
       (c = f.value) == null || c.$el.focus();
     }
@@ -1801,7 +1799,7 @@ const Rt = {
     ), C(
       () => e.loading,
       (c) => {
-        !c && a.value && J(W);
+        !c && a.value && J(K);
       }
     ), (c, r) => {
       var h, I, L;
@@ -1839,16 +1837,16 @@ const Rt = {
             e.readonly ? S("", !0) : (d(), B(k(P), ne({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
           ]),
           default: $(() => [
-            l.value ? (d(), v("span", mn, H(w.value), 1)) : !e.readonly && !e.disabled ? (d(), v("span", vn, H(c.texts.placeholder), 1)) : S("", !0)
+            l.value ? (d(), v("span", pn, N(w.value), 1)) : !e.readonly && !e.disabled ? (d(), v("span", mn, N(c.texts.placeholder), 1)) : S("", !0)
           ]),
           _: 2
         }, [
           (h = m.value) != null && h.icon ? {
             name: "prepend",
             fn: $(() => {
-              var G;
+              var W;
               return [
-                te(k(P), de(he((G = m.value) == null ? void 0 : G.icon)), null, 16)
+                te(k(P), de(he((W = m.value) == null ? void 0 : W.icon)), null, 16)
               ];
             }),
             key: "0"
@@ -1867,7 +1865,7 @@ const Rt = {
           onLeave: U
         }, {
           default: $(() => [
-            N("div", {
+            G("div", {
               ref_key: "contentRef",
               ref: p,
               class: "q-select__body",
@@ -1887,7 +1885,7 @@ const Rt = {
                 class: "q-select__items",
                 modelValue: l.value,
                 "onUpdate:modelValue": [
-                  r[0] || (r[0] = (G) => l.value = G),
+                  r[0] || (r[0] = (W) => l.value = W),
                   F
                 ],
                 items: e.items,
@@ -1895,8 +1893,8 @@ const Rt = {
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: $(({ item: G }) => [
-                  y(c.$slots, "item", { item: G })
+                item: $(({ item: W }) => [
+                  y(c.$slots, "item", { item: W })
                 ]),
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
@@ -1908,7 +1906,7 @@ const Rt = {
       ], 64);
     };
   }
-}), Vn = V(bn), gn = ["innerHTML"], _n = { key: 1 }, kn = /* @__PURE__ */ x({
+}), xn = V(yn), bn = ["innerHTML"], gn = { key: 1 }, _n = /* @__PURE__ */ x({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -1942,36 +1940,36 @@ const Rt = {
         t.html ? (d(), v("span", {
           key: 0,
           innerHTML: t.text
-        }, null, 8, gn)) : (d(), v("span", _n, H(t.text), 1))
+        }, null, 8, bn)) : (d(), v("span", gn, N(t.text), 1))
       ]),
       _: 1
     }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"]));
   }
-}), Dn = V(kn);
+}), Vn = V(_n);
 export {
   ct as QButton,
   pt as QButtonGroup,
-  qn as QButtonToggle,
-  Sn as QCombobox,
+  In as QButtonToggle,
+  qn as QCombobox,
   ke as QField,
   P as QIcon,
   $t as QIconFont,
   It as QIconImg,
   qt as QIconSvg,
-  Ln as QInputGroup,
-  Bn as QLineLoader,
+  Sn as QInputGroup,
+  Ln as QLineLoader,
   Me as QList,
   Ct as QListItem,
   Ft as QListItemGroup,
   ce as QOverlay,
-  xn as QPopover,
-  Vn as QSelect,
+  Bn as QPopover,
+  xn as QSelect,
   _e as QSpinnerLoader,
   Yt as QTextField,
-  Dn as QTooltip,
-  In as createFramework,
+  Vn as QTooltip,
+  $n as createFramework,
   Pe as defaultDarkColorScheme,
   qe as defaultLightColorScheme,
-  $n as useTheme
+  wn as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map