@quidgest/ui 0.8.5 → 0.8.6

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as xe, computed as _, ref as q, provide as Ve, inject as Ee, watch as F, defineComponent as L, openBlock as c, createElementBlock as v, normalizeClass as E, normalizeStyle as ce, createElementVNode as Y, withModifiers as ie, createVNode as z, unref as b, createCommentVNode as I, Fragment as ee, createTextVNode as re, toDisplayString as G, renderSlot as h, toRef as we, createBlock as V, withCtx as g, renderList as me, resolveDynamicComponent as De, h as $e, normalizeProps as te, mergeProps as ne, reactive as Ne, onBeforeUnmount as Me, onMounted as Te, nextTick as X, Teleport as He, Transition as Ke, withKeys as Ge, createSlots as he, withDirectives as We, vModelDynamic as je, guardReactiveProps as oe } from "vue";
+import { getCurrentInstance as Be, computed as _, ref as q, provide as Ve, inject as Ee, watch as F, defineComponent as L, openBlock as c, createElementBlock as v, normalizeClass as E, normalizeStyle as ce, createElementVNode as Y, withModifiers as ie, createVNode as z, unref as b, createCommentVNode as I, Fragment as ee, createTextVNode as re, toDisplayString as G, renderSlot as h, toRef as we, createBlock as V, withCtx as g, renderList as me, resolveDynamicComponent as De, h as $e, normalizeProps as te, mergeProps as ne, reactive as Ne, onBeforeUnmount as Me, onMounted as Te, nextTick as X, Teleport as He, Transition as Ke, withKeys as Ge, createSlots as he, withDirectives as We, vModelDynamic as je, guardReactiveProps as oe } from "vue";
 function ve(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
@@ -25,7 +25,7 @@ function be(t = {}, l = {}) {
 const ye = "q-defaults";
 function Pe() {
   var d, s;
-  const t = xe();
+  const t = Be();
   if (!t)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
   const l = t.type.name ?? t.type.__name;
@@ -241,13 +241,13 @@ function it(t, l) {
   const o = Ae(l);
   return o ? typeof ((e = t.props) == null ? void 0 : e[o]) < "u" : !1;
 }
-function B(t) {
+function x(t) {
   const l = t.setup;
   return l && (t.setup = (o, e) => {
     const n = Pe();
     if (ve(n.value))
       return l(o, e);
-    const d = xe();
+    const d = Be();
     if (d === null)
       return l(o, e);
     const s = new Proxy(o, {
@@ -260,7 +260,7 @@ function B(t) {
     return l(s, e);
   }), t;
 }
-const ge = B(st), rt = ["disabled"], dt = {
+const ge = x(st), rt = ["disabled"], dt = {
   key: 0,
   class: "q-btn__spinner"
 }, ut = { class: "q-btn__content" }, ct = /* @__PURE__ */ L({
@@ -320,7 +320,7 @@ const ge = B(st), rt = ["disabled"], dt = {
       ])
     ], 10, rt));
   }
-}), ue = B(ct), ft = /* @__PURE__ */ L({
+}), ue = x(ct), ft = /* @__PURE__ */ L({
   __name: "QButtonGroup",
   props: {
     disabled: { type: Boolean },
@@ -349,7 +349,7 @@ const ge = B(st), rt = ["disabled"], dt = {
       h(o.$slots, "default")
     ], 2));
   }
-}), pt = B(ft), mt = /* @__PURE__ */ L({
+}), pt = x(ft), mt = /* @__PURE__ */ L({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -402,7 +402,7 @@ const ge = B(st), rt = ["disabled"], dt = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), Sl = B(mt), vt = /* @__PURE__ */ L({
+}), Sl = x(mt), vt = /* @__PURE__ */ L({
   __name: "QIcon",
   props: {
     icon: {},
@@ -466,7 +466,11 @@ const ge = B(st), rt = ["disabled"], dt = {
   }
 }), se = {}, gt = L({
   name: "InlineSvg",
-  emits: ["loaded", "unloaded", "error"],
+  emits: {
+    loaded: (t) => typeof t == "object",
+    unloaded: () => !0,
+    error: (t) => typeof t == "object"
+  },
   inheritAttrs: !1,
   render() {
     if (!this.svgElSource)
@@ -478,22 +482,39 @@ const ge = B(st), rt = ["disabled"], dt = {
     return this.copySvgAttrs(l, this.svgElSource), this.copySvgAttrs(l, t), this.copyComponentAttrs(l, this.$attrs), l.innerHTML = t.innerHTML, $e("svg", l);
   },
   props: {
+    /**
+     * The source URL of the SVG bundle.
+     */
     src: {
       type: String,
       required: !0
     },
+    /**
+     * The ID of the SVG symbol to be rendered.
+     */
     symbol: {
       type: String,
       default: ""
     },
+    /**
+     * The title to be associated with the SVG.
+     */
     title: {
       type: String,
       default: ""
     },
+    /**
+     * A function to transform the source SVG element before rendering.
+     * If not provided, no transformation will be applied.
+     */
     transformSource: {
       type: Function,
       default: void 0
     },
+    /**
+     * Determines whether to keep the existing SVG content visible during the loading of a new SVG.
+     * Set to `false` to hide content during loading.
+     */
     keepDuringLoading: {
       type: Boolean,
       default: !0
@@ -554,7 +575,8 @@ const ge = B(st), rt = ["disabled"], dt = {
     src(t) {
       this.getSource(t);
     }
-  }
+  },
+  expose: []
 });
 function _t(t, l) {
   const o = t.getElementsByTagName("title");
@@ -605,7 +627,7 @@ const wt = /* @__PURE__ */ L({
       onUnloaded: s
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), J = B(vt), $t = B(ht), qt = B(yt), It = B(wt), Lt = /* @__PURE__ */ L({
+}), J = x(vt), $t = x(ht), qt = x(yt), It = x(wt), Lt = /* @__PURE__ */ L({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -638,7 +660,7 @@ const wt = /* @__PURE__ */ L({
       const m = s.value;
       Q(a, m);
     }
-    function x(i) {
+    function B(i) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key) && i.preventDefault(), i.key) {
         case "ArrowDown":
           A("next");
@@ -736,7 +758,7 @@ const wt = /* @__PURE__ */ L({
       onFocus: D,
       onMousedown: f,
       onMouseup: C,
-      onKeydown: x
+      onKeydown: B
     }, {
       default: g(() => [
         (c(!0), v(ee, null, me(p.value, (m) => (c(), V(b(At), {
@@ -772,7 +794,7 @@ let St = 0;
 function fe(t) {
   return t || `uid-${++St}`;
 }
-const Bt = ["id", "tabindex", "aria-label", "aria-selected"], xt = { class: "q-list-item__check-container" }, Vt = {
+const xt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-list-item__check-container" }, Vt = {
   check: {
     icon: "check"
   }
@@ -817,10 +839,10 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], xt = { class: "q-l
         e.icon ? (c(), V(b(J), te(ne({ key: 0 }, e.icon)), null, 16)) : I("", !0),
         re(" " + G(e.label), 1)
       ]),
-      Y("div", xt, [
+      Y("div", Bt, [
         e.selected ? (c(), V(b(J), ne({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : I("", !0)
       ])
-    ], 42, Bt));
+    ], 42, xt));
   }
 }), Dt = ["aria-labelledby"], Tt = ["id"], Ct = /* @__PURE__ */ L({
   __name: "QListItemGroup",
@@ -844,7 +866,7 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], xt = { class: "q-l
       h(e.$slots, "default")
     ], 8, Dt));
   }
-}), Qe = B(Lt), zt = B(Et), At = B(Ct);
+}), Qe = x(Lt), zt = x(Et), At = x(Ct);
 function Qt(t, l, o = "right", e) {
   const n = t.getBoundingClientRect(), d = n.x + window.scrollX, s = n.y + window.scrollY, u = l == null ? void 0 : l.getBoundingClientRect(), p = (u == null ? void 0 : u.width) ?? 0, y = (u == null ? void 0 : u.height) ?? 0;
   let w = o;
@@ -870,10 +892,10 @@ function Fe(t, l, o) {
   let e = !1, n = !1;
   switch (o) {
     case "top":
-      e = Be(t, l), n = t.top > l.height;
+      e = xe(t, l), n = t.top > l.height;
       break;
     case "bottom":
-      e = Be(t, l), n = window.innerHeight - t.top - t.height > l.height;
+      e = xe(t, l), n = window.innerHeight - t.top - t.height > l.height;
       break;
     case "left":
       e = t.left > l.width, n = Se(t, l);
@@ -887,7 +909,7 @@ function Fe(t, l, o) {
 function Se(t, l) {
   return window.innerHeight - t.top - t.height / 2 > l.height / 2 && t.top + t.height / 2 > l.height / 2;
 }
-function Be(t, l) {
+function xe(t, l) {
   return window.innerWidth - t.left - t.width / 2 > l.width / 2 && t.left + t.width / 2 > l.width / 2;
 }
 function Ft(t, l, o) {
@@ -1004,7 +1026,7 @@ const Rt = ["role"], Ot = {
         });
       }, i));
     }
-    function x() {
+    function B() {
       clearTimeout(w), w = void 0, s.visible = !1, X(() => {
         if (e.anchor && e.trigger === "click") {
           const i = le(e.anchor);
@@ -1031,7 +1053,7 @@ const Rt = ["role"], Ot = {
               i.addEventListener("click", f);
               break;
             case "hover":
-              i.addEventListener("mouseenter", C), i.addEventListener("mouseleave", x), i.addEventListener("focusin", f), i.addEventListener("focusout", x);
+              i.addEventListener("mouseenter", C), i.addEventListener("mouseleave", B), i.addEventListener("focusin", f), i.addEventListener("focusout", B);
               break;
           }
       });
@@ -1059,7 +1081,7 @@ const Rt = ["role"], Ot = {
             i.removeEventListener("click", f);
             break;
           case "hover":
-            i.removeEventListener("mouseenter", C), i.removeEventListener("mouseleave", x), i.removeEventListener("focusin", f), i.removeEventListener("focusout", x);
+            i.removeEventListener("mouseenter", C), i.removeEventListener("mouseleave", B), i.removeEventListener("focusin", f), i.removeEventListener("focusout", B);
             break;
         }
     }
@@ -1070,13 +1092,13 @@ const Rt = ["role"], Ot = {
     function Z() {
       if (!e.anchor)
         return;
-      le(e.anchor) ? (y(), N = window.setTimeout(Z, 100)) : x();
+      le(e.anchor) ? (y(), N = window.setTimeout(Z, 100)) : B();
     }
     function K() {
-      W(), e.spy && Z(), e.anchor && document.addEventListener("scroll", x);
+      W(), e.spy && Z(), e.anchor && document.addEventListener("scroll", B);
     }
     function j() {
-      H(), e.spy && (clearTimeout(N), N = void 0), document.removeEventListener("scroll", x);
+      H(), e.spy && (clearTimeout(N), N = void 0), document.removeEventListener("scroll", B);
     }
     return Me(() => {
       U(), j();
@@ -1120,8 +1142,8 @@ const Rt = ["role"], Ot = {
               tabindex: "-1",
               role: d.value ? "dialog" : void 0
             }, i.$attrs, {
-              onKeydown: Ge(x, ["escape"]),
-              onBlur: x
+              onKeydown: Ge(B, ["escape"]),
+              onBlur: B
             }), [
               e.arrow ? (c(), v("div", Ot)) : I("", !0),
               h(i.$slots, "default")
@@ -1132,7 +1154,7 @@ const Rt = ["role"], Ot = {
       }, 8, ["name"])
     ], 8, ["disabled", "to"]));
   }
-}), pe = B(Ut), Nt = ["id"], Mt = {
+}), pe = x(Ut), Nt = ["id"], Mt = {
   key: 0,
   class: "q-field__label"
 }, Ht = ["for"], Kt = {
@@ -1201,7 +1223,7 @@ const Rt = ["role"], Ot = {
       ])) : I("", !0)
     ], 10, Nt));
   }
-}), _e = B(jt), Pt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xt = /* @__PURE__ */ L({
+}), _e = x(jt), Pt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QTextField",
   props: {
@@ -1299,7 +1321,7 @@ const Rt = ["role"], Ot = {
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), Yt = B(Xt), Zt = {
+}), Yt = x(Xt), Zt = {
   key: 0,
   class: "q-select__loader"
 }, Jt = {
@@ -1342,17 +1364,15 @@ const Rt = ["role"], Ot = {
   setup(t, { expose: l, emit: o }) {
     const e = o, n = t, d = q(n.modelValue), s = q(!1), u = q(""), p = q(void 0), y = q(null), w = q(null), f = q(null);
     Te(U);
-    const C = _(
-      () => n.clearable && !n.readonly && !n.disabled && !n.loading
-    ), D = _(() => {
+    const C = _(() => n.clearable && !n.readonly && !n.disabled), D = _(() => {
       var r;
       return n.filterMode === "manual" || !O.value ? n.items : (r = n.items) == null ? void 0 : r.filter(
         (k) => k[n.itemLabel].toLowerCase().startsWith(u.value.toLowerCase())
       );
-    }), x = _(() => {
+    }), B = _(() => {
       var r;
       return (r = n.items) == null ? void 0 : r.find((k) => k[n.itemValue] === d.value);
-    }), A = _(() => x.value === void 0), Q = _(() => {
+    }), A = _(() => B.value === void 0), Q = _(() => {
       const r = p.value;
       if (r !== void 0 && D.value[r])
         return D.value[r];
@@ -1364,7 +1384,7 @@ const Rt = ["role"], Ot = {
       return r == null ? void 0 : r.id;
     }), O = _(() => {
       var r;
-      return u.value.length > 0 && u.value !== ((r = x.value) == null ? void 0 : r[n.itemLabel]);
+      return u.value.length > 0 && u.value !== ((r = B.value) == null ? void 0 : r[n.itemLabel]);
     });
     function M(r) {
       d.value = r, U(), e("update:modelValue", r);
@@ -1374,7 +1394,7 @@ const Rt = ["role"], Ot = {
     }
     function U() {
       var r;
-      u.value = ((r = x.value) == null ? void 0 : r[n.itemLabel]) || "";
+      u.value = ((r = B.value) == null ? void 0 : r[n.itemLabel]) || "";
     }
     function H() {
       s.value || n.readonly || n.disabled || (e("before-show"), s.value = !0, ae());
@@ -1389,8 +1409,8 @@ const Rt = ["role"], Ot = {
       C.value && (M(n.emptyValue), p.value = void 0);
     }
     function j() {
-      if (H(), x.value !== void 0) {
-        const r = D.value.indexOf(x.value);
+      if (H(), B.value !== void 0) {
+        const r = D.value.indexOf(B.value);
         r !== -1 && X(() => ke(r));
       }
     }
@@ -1608,7 +1628,7 @@ const Rt = ["role"], Ot = {
       }, 8, ["modelValue", "anchor"])
     ], 64));
   }
-}), Bl = B(ll), nl = {
+}), xl = x(ll), nl = {
   key: 0,
   class: "q-input-group__prepend"
 }, ol = { key: 0 }, al = {
@@ -1656,7 +1676,7 @@ const Rt = ["role"], Ot = {
       _: 3
     }, 8, ["id", "class", "label", "required", "size"]));
   }
-}), xl = B(il), rl = /* @__PURE__ */ L({
+}), Bl = x(il), rl = /* @__PURE__ */ L({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
@@ -1667,7 +1687,7 @@ const Rt = ["role"], Ot = {
       class: E(["q-line-loader", l.class])
     }, null, 2));
   }
-}), Vl = B(rl), dl = {
+}), Vl = x(rl), dl = {
   key: 0,
   class: "q-popover__header"
 }, ul = {
@@ -1715,7 +1735,7 @@ const Rt = ["role"], Ot = {
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement"]));
   }
-}), El = B(pl), ml = {
+}), El = x(pl), ml = {
   key: 0,
   class: "q-select__value"
 }, vl = {
@@ -1766,11 +1786,11 @@ const Rt = ["role"], Ot = {
     ), D = _(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function x(a) {
+    function B(a) {
       n.value = a, o("update:modelValue", a), M();
     }
     function A() {
-      D.value && x(e.emptyValue);
+      D.value && B(e.emptyValue);
     }
     function Q() {
       e.readonly || e.disabled || (d.value ? M() : O());
@@ -1951,7 +1971,7 @@ const Rt = ["role"], Ot = {
                 modelValue: n.value,
                 "onUpdate:modelValue": [
                   m[0] || (m[0] = (T) => n.value = T),
-                  x
+                  B
                 ],
                 items: e.items,
                 groups: a.groups,
@@ -1971,7 +1991,7 @@ const Rt = ["role"], Ot = {
       ], 64);
     };
   }
-}), Dl = B(gl), _l = /* @__PURE__ */ L({
+}), Dl = x(gl), _l = /* @__PURE__ */ L({
   __name: "QThemeProvider",
   props: {
     theme: {}
@@ -1984,7 +2004,7 @@ const Rt = ["role"], Ot = {
       h(o.$slots, "default")
     ], 2));
   }
-}), Tl = B(_l), kl = ["innerHTML"], wl = { key: 1 }, $l = /* @__PURE__ */ L({
+}), Tl = x(_l), kl = ["innerHTML"], wl = { key: 1 }, $l = /* @__PURE__ */ L({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -2031,18 +2051,18 @@ const Rt = ["role"], Ot = {
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), Cl = B($l);
+}), Cl = x($l);
 export {
   ue as QButton,
   pt as QButtonGroup,
   Sl as QButtonToggle,
-  Bl as QCombobox,
+  xl as QCombobox,
   _e as QField,
   J as QIcon,
   $t as QIconFont,
   qt as QIconImg,
   It as QIconSvg,
-  xl as QInputGroup,
+  Bl as QInputGroup,
   Vl as QLineLoader,
   Qe as QList,
   zt as QListItem,