@quidgest/ui 0.6.1 → 0.6.2

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as be, computed as y, ref as B, provide as De, inject as ge, watch as I, defineComponent as w, openBlock as r, createElementBlock as f, normalizeStyle as Y, createElementVNode as V, normalizeClass as Q, withModifiers as K, createVNode as J, unref as b, createCommentVNode as g, Fragment as F, createTextVNode as P, toDisplayString as C, renderSlot as q, toRef as oe, createBlock as k, withCtx as D, renderList as le, mergeProps as G, resolveDynamicComponent as _e, h as ue, normalizeProps as ke, reactive as Ee, onBeforeUnmount as Ie, onMounted as Ve, Teleport as Ce, Transition as ze, nextTick as se, useAttrs as Ae, createSlots as Qe, guardReactiveProps as Fe, withDirectives as Oe, vModelText as Re } from "vue";
+import { getCurrentInstance as be, computed as v, ref as B, provide as De, inject as ge, watch as I, defineComponent as w, openBlock as r, createElementBlock as f, normalizeStyle as Y, createElementVNode as V, normalizeClass as Q, withModifiers as K, createVNode as J, unref as b, createCommentVNode as g, Fragment as F, createTextVNode as P, toDisplayString as C, renderSlot as q, toRef as oe, createBlock as k, withCtx as D, renderList as le, mergeProps as G, resolveDynamicComponent as _e, h as ue, normalizeProps as ke, reactive as Ee, onBeforeUnmount as Ie, onMounted as Ve, Teleport as Ce, Transition as ze, nextTick as se, useAttrs as Ae, createSlots as Qe, guardReactiveProps as Fe, withDirectives as Oe, vModelText as Re } from "vue";
 function re(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
@@ -31,7 +31,7 @@ function Me() {
   if (!n)
     throw new Error("[Quidgest UI] Could not determine component name");
   const e = $e();
-  return y(() => {
+  return v(() => {
     var o;
     return (o = e.value) == null ? void 0 : o[n];
   });
@@ -39,7 +39,7 @@ function Me() {
 function He(t) {
   if (re(t))
     return;
-  const n = $e(), e = B(t), o = y(() => re(e.value) ? n.value : we(n.value, e.value));
+  const n = $e(), e = B(t), o = v(() => re(e.value) ? n.value : we(n.value, e.value));
   De(ie, o);
 }
 function $e() {
@@ -287,7 +287,7 @@ const Xe = /* @__PURE__ */ V("svg", { viewBox: "25 25 50 50" }, [
     size: { default: 48 }
   },
   setup(t) {
-    const n = t, e = y(() => ({
+    const n = t, e = v(() => ({
       "font-size": n.size !== 48 ? `${n.size}px` : void 0
     }));
     return (o, a) => (r(), f("div", {
@@ -338,12 +338,12 @@ const Be = $(je), Pe = ["disabled", "onClick"], et = {
   },
   emits: ["click"],
   setup(t, { emit: n }) {
-    const e = t, o = y(() => e.disabled || e.loading);
+    const e = t, o = v(() => e.disabled || e.loading);
     function a(s) {
       o.value || n("click", s);
     }
-    const l = y(() => {
-      const s = y(() => e.bStyle ? `q-btn--${e.bStyle}` : void 0), d = y(() => e.size !== "regular" ? `q-btn--${e.size}` : void 0);
+    const l = v(() => {
+      const s = v(() => e.bStyle ? `q-btn--${e.bStyle}` : void 0), d = v(() => e.size !== "regular" ? `q-btn--${e.size}` : void 0);
       return [
         "q-btn",
         s.value,
@@ -395,7 +395,7 @@ const Be = $(je), Pe = ["disabled", "onClick"], et = {
         elevated: !1
       }
     });
-    const e = y(() => [
+    const e = v(() => [
       "q-btn-group",
       {
         "q-btn-group--elevated": n.elevated
@@ -424,7 +424,7 @@ const Be = $(je), Pe = ["disabled", "onClick"], et = {
       () => e.modelValue,
       (s) => o.value = s
     );
-    const a = y({
+    const a = v({
       get() {
         return o.value;
       },
@@ -483,7 +483,7 @@ const it = ["for", "data-val-required"], dt = ["id"], ct = { class: "q-field__co
     required: { type: Boolean, default: !1 }
   },
   setup(t, { expose: n }) {
-    const e = t, o = B(null), a = y(() => e.required && !e.readonly && !e.disabled);
+    const e = t, o = B(null), a = v(() => e.required && !e.readonly && !e.disabled);
     return n({
       fieldRef: o
     }), (l, s) => (r(), f(F, null, [
@@ -527,7 +527,7 @@ const it = ["for", "data-val-required"], dt = ["id"], ct = { class: "q-field__co
     size: { default: void 0 }
   },
   setup(t) {
-    const n = t, e = y(() => {
+    const n = t, e = v(() => {
       switch (n.type) {
         case "svg":
           return qt;
@@ -545,7 +545,7 @@ const it = ["for", "data-val-required"], dt = ["id"], ct = { class: "q-field__co
       size: n.size
     }, null, 8, ["icon", "size"])) : g("", !0);
   }
-}), yt = /* @__PURE__ */ w({
+}), vt = /* @__PURE__ */ w({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -554,7 +554,7 @@ const it = ["for", "data-val-required"], dt = ["id"], ct = { class: "q-field__co
     size: { default: void 0 }
   },
   setup(t) {
-    const n = t, e = y(() => n.variant ? `${n.library}-${n.variant}` : n.library), o = y(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), a = y(() => ({
+    const n = t, e = v(() => n.variant ? `${n.library}-${n.variant}` : n.library), o = v(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), a = v(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
     return (l, s) => o.value ? (r(), f("i", {
@@ -563,14 +563,14 @@ const it = ["for", "data-val-required"], dt = ["id"], ct = { class: "q-field__co
       style: Y(a.value)
     }, null, 6)) : g("", !0);
   }
-}), vt = ["src"], bt = /* @__PURE__ */ w({
+}), yt = ["src"], bt = /* @__PURE__ */ w({
   __name: "QIconImg",
   props: {
     icon: {},
     size: {}
   },
   setup(t) {
-    const n = t, e = y(() => ({
+    const n = t, e = v(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
     return (o, a) => n.icon ? (r(), f("img", {
@@ -578,7 +578,7 @@ const it = ["for", "data-val-required"], dt = ["id"], ct = { class: "q-field__co
       src: n.icon,
       class: "q-icon q-icon__img",
       style: Y(e.value)
-    }, null, 12, vt)) : g("", !0);
+    }, null, 12, yt)) : g("", !0);
   }
 }), N = {}, gt = w({
   name: "InlineSvg",
@@ -702,7 +702,7 @@ const wt = /* @__PURE__ */ w({
   },
   emits: ["loaded", "unloaded"],
   setup(t, { emit: n }) {
-    const e = t, o = y(() => ({
+    const e = t, o = v(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
     return (a, l) => e.icon ? (r(), k(b(gt), {
@@ -715,7 +715,7 @@ const wt = /* @__PURE__ */ w({
       onUnloaded: l[1] || (l[1] = (s) => n("unloaded", s))
     }, null, 8, ["src", "symbol", "style"])) : g("", !0);
   }
-}), W = $(ht), $t = $(yt), St = $(bt), qt = $(wt), xt = (t, n) => {
+}), W = $(ht), $t = $(vt), St = $(bt), qt = $(wt), xt = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [o, a] of n)
     e[o] = a;
@@ -736,7 +736,7 @@ const Dt = /* @__PURE__ */ xt(Bt, [["render", Tt]]), mn = $(Dt), Et = /* @__PURE
   },
   emits: ["update:modelValue"],
   setup(t, { expose: n, emit: e }) {
-    const o = t, a = B(o.modelValue), l = y(() => s.value.length > 1 ? "div" : "ul"), s = y(() => o.groups.length ? o.groups : [{ title: "" }]), d = B(null);
+    const o = t, a = B(o.modelValue), l = v(() => s.value.length > 1 ? "div" : "ul"), s = v(() => o.groups.length ? o.groups : [{ title: "" }]), d = B(null);
     function i(u) {
       a.value = u, e("update:modelValue", u);
     }
@@ -775,20 +775,20 @@ const Dt = /* @__PURE__ */ xt(Bt, [["render", Tt]]), mn = $(Dt), Et = /* @__PURE
       }
     }
     function E(u) {
-      var v;
-      (v = A().at(u)) == null || v.focus();
+      var y;
+      (y = A().at(u)) == null || y.focus();
     }
     function A() {
-      var v;
-      const u = (v = d.value) == null ? void 0 : v.querySelectorAll("li");
+      var y;
+      const u = (y = d.value) == null ? void 0 : y.querySelectorAll("li");
       return u ? Array.from(u).filter((L) => L.tabIndex !== -1) : [];
     }
     function O(u) {
       return u.indexOf(document.activeElement);
     }
     function z(u) {
-      const x = A(), v = O(x);
-      return u === "next" ? v === x.length - 1 ? v : v + 1 : v === 0 ? 0 : v - 1;
+      const x = A(), y = O(x);
+      return u === "next" ? y === x.length - 1 ? y : y + 1 : y === 0 ? 0 : y - 1;
     }
     function M(u) {
       return u ? o.items.filter((x) => x.group === u) : o.items;
@@ -808,13 +808,13 @@ const Dt = /* @__PURE__ */ xt(Bt, [["render", Tt]]), mn = $(Dt), Et = /* @__PURE
       onKeydown: S
     }, {
       default: D(() => [
-        (r(!0), f(F, null, le(s.value, (v) => (r(), k(b(Mt), {
-          key: v.id,
-          title: v.title,
-          disabled: v.disabled
+        (r(!0), f(F, null, le(s.value, (y) => (r(), k(b(Mt), {
+          key: y.id,
+          title: y.title,
+          disabled: y.disabled
         }, {
           default: D(() => [
-            (r(!0), f(F, null, le(M(v.id), (L) => (r(), k(b(Rt), {
+            (r(!0), f(F, null, le(M(y.id), (L) => (r(), k(b(Rt), {
               key: L[o.itemValue],
               value: L[o.itemValue],
               label: L[o.itemLabel],
@@ -885,11 +885,10 @@ const Dt = /* @__PURE__ */ xt(Bt, [["render", Tt]]), mn = $(Dt), Et = /* @__PURE
   },
   setup(t) {
     const n = t, e = te();
-    return (o, a) => n.title ? (r(), f("ul", {
-      key: 1,
+    return (o, a) => (r(), f("ul", {
       class: "q-list-item-group",
       role: "group",
-      "aria-labelledby": b(e)
+      "aria-labelledby": n.title ? b(e) : void 0
     }, [
       n.title ? (r(), f("li", {
         key: 0,
@@ -898,7 +897,7 @@ const Dt = /* @__PURE__ */ xt(Bt, [["render", Tt]]), mn = $(Dt), Et = /* @__PURE
         role: "presentation"
       }, C(n.title), 9, Qt)) : g("", !0),
       q(o.$slots, "default")
-    ], 8, At)) : q(o.$slots, "default", { key: 0 });
+    ], 8, At));
   }
 }), Ot = $(Et), Rt = $(zt), Mt = $(Ft);
 function Ht(t, n, e = "right", o) {
@@ -926,24 +925,24 @@ function Te(t, n, e) {
   let o = !1, a = !1;
   switch (e) {
     case "top":
-      o = ve(t, n), a = t.top > n.height;
+      o = ye(t, n), a = t.top > n.height;
       break;
     case "bottom":
-      o = ve(t, n), a = window.innerHeight - t.top - t.height > n.height;
+      o = ye(t, n), a = window.innerHeight - t.top - t.height > n.height;
       break;
     case "left":
-      o = t.left > n.width, a = ye(t, n);
+      o = t.left > n.width, a = ve(t, n);
       break;
     case "right":
-      o = window.innerWidth - t.left - t.width > n.width, a = ye(t, n);
+      o = window.innerWidth - t.left - t.width > n.width, a = ve(t, n);
       break;
   }
   return o && a;
 }
-function ye(t, n) {
+function ve(t, n) {
   return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
 }
-function ve(t, n) {
+function ye(t, n) {
   return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
 }
 function Ut(t, n, e) {
@@ -985,7 +984,7 @@ const Nt = {
   },
   emits: ["enter", "leave"],
   setup(t, { emit: n }) {
-    const e = t, o = y(() => [
+    const e = t, o = v(() => [
       "q-overlay",
       `q-overlay--${a.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
@@ -997,7 +996,7 @@ const Nt = {
       left: 0,
       width: 0,
       placement: e.placement
-    }), l = y(() => a.visible && !e.disabled);
+    }), l = v(() => a.visible && !e.disabled);
     I(
       () => e.modelValue,
       () => a.visible = e.modelValue
@@ -1005,7 +1004,7 @@ const Nt = {
       () => a.visible,
       () => a.animating = !0
     );
-    const s = y(() => {
+    const s = v(() => {
       let h = 0, T = 0;
       switch (a.placement) {
         case "top":
@@ -1079,15 +1078,15 @@ const Nt = {
     function x() {
       window.removeEventListener("scroll", i), window.removeEventListener("resize", i), z == null || z.disconnect();
     }
-    let v;
+    let y;
     function L() {
-      j(e.anchor) ? (i(), v = window.setTimeout(L, 100)) : m();
+      j(e.anchor) ? (i(), y = window.setTimeout(L, 100)) : m();
     }
     function ne() {
       u(), e.spy && L();
     }
     function X() {
-      x(), e.spy && (clearTimeout(v), v = void 0);
+      x(), e.spy && (clearTimeout(y), y = void 0);
     }
     return Ie(X), Ve(i), I(
       () => e.disabled,
@@ -1227,14 +1226,14 @@ const Jt = {
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { emit: n }) {
-    const e = t, o = jt(), a = B(e.modelValue), l = B(!1), s = B(""), d = B(null), i = B(null), p = B(null), S = y(
+    const e = t, o = jt(), a = B(e.modelValue), l = B(!1), s = B(""), d = B(null), i = B(null), p = B(null), S = v(
       () => {
         var c;
         return (c = e.items) == null ? void 0 : c.find((_) => _[e.itemValue] === a.value);
       }
-    ), m = y(
+    ), m = v(
       () => S.value ? S.value[e.itemLabel] : ""
-    ), E = y(
+    ), E = v(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function A(c) {
@@ -1256,10 +1255,10 @@ const Jt = {
     function x() {
       l.value && (n("before-hide"), l.value = !1);
     }
-    let v;
+    let y;
     function L(c) {
       if (!(!c.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(v), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (l.value = !0), ["Escape", "Tab"].includes(c.key) && (l.value ? l.value = !1 : e.clearable && c.key === "Escape" && O()), c.key === "Delete" && e.clearable && O(), /^[a-z]$/i.test(c.key)) {
+        if (window.clearTimeout(y), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (l.value = !0), ["Escape", "Tab"].includes(c.key) && (l.value ? l.value = !1 : e.clearable && c.key === "Escape" && O()), c.key === "Delete" && e.clearable && O(), /^[a-z]$/i.test(c.key)) {
           s.value += c.key.toLowerCase();
           for (let _ = 0; _ < e.items.length; _++)
             if (e.items[_][e.itemLabel].toLowerCase().startsWith(s.value)) {
@@ -1267,7 +1266,7 @@ const Jt = {
               break;
             }
         }
-        v = window.setTimeout(function() {
+        y = window.setTimeout(function() {
           s.value = "";
         }, 500);
       }
@@ -1401,7 +1400,7 @@ const Jt = {
       ], 64);
     };
   }
-}), yn = $(on), an = ["required", "placeholder", "readonly", "disabled", "maxlength"], ln = /* @__PURE__ */ w({
+}), vn = $(on), an = ["required", "placeholder", "readonly", "disabled", "maxlength"], ln = /* @__PURE__ */ w({
   __name: "QTextField",
   props: {
     modelValue: { default: "" },
@@ -1416,7 +1415,7 @@ const Jt = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = B(e.modelValue), a = y({
+    const e = t, o = B(e.modelValue), a = v({
       get() {
         return o.value;
       },
@@ -1458,7 +1457,7 @@ const Jt = {
       _: 1
     }, 8, ["id", "label", "size", "readonly", "disabled", "required"]));
   }
-}), vn = $(ln), sn = ["innerHTML"], rn = { key: 1 }, dn = /* @__PURE__ */ w({
+}), yn = $(ln), sn = ["innerHTML"], rn = { key: 1 }, dn = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "QTooltip",
   props: {
@@ -1523,9 +1522,9 @@ export {
   Mt as QListItemGroup,
   de as QOverlay,
   hn as QPopover,
-  yn as QSelect,
+  vn as QSelect,
   Be as QSpinnerLoader,
-  vn as QTextField,
+  yn as QTextField,
   bn as QTooltip,
   gn as clickOutside,
   fn as createFramework,