@quidgest/ui 0.5.5 → 0.5.7

package/dist/index.d.ts

@@ -93,9 +93,9 @@ declare interface HTMLElementWithClickOutsideEvent extends HTMLElement {
 
 export declare type Icon = {
     /**
-     * The name of the icon.
+     * The identifier of the icon.
      */
-    name: string;
+    icon: string;
     /**
      * The type of resource.
      */
@@ -663,7 +663,7 @@ export declare const QIcon: DefineComponent<{
         type: PropType<"img" | "svg" | "font">;
         default: string;
     };
-    name: {
+    icon: {
         type: PropType<string>;
         required: true;
     };
@@ -676,7 +676,7 @@ export declare const QIcon: DefineComponent<{
         type: PropType<"img" | "svg" | "font">;
         default: string;
     };
-    name: {
+    icon: {
         type: PropType<string>;
         required: true;
     };

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as pe, computed as y, ref as I, provide as Se, inject as me, watch as Q, defineComponent as _, openBlock as r, createElementBlock as f, normalizeStyle as W, createElementVNode as X, normalizeClass as C, withModifiers as R, createVNode as H, unref as g, createCommentVNode as b, Fragment as A, createTextVNode as N, toDisplayString as V, renderSlot as q, toRef as J, createBlock as w, withCtx as E, renderList as ee, resolveDynamicComponent as he, h as se, mergeProps as K, normalizeProps as ye, reactive as Be, onBeforeUnmount as Le, onMounted as xe, Teleport as qe, Transition as De, nextTick as le, createSlots as Ie, guardReactiveProps as Ee, withDirectives as Te } from "vue";
+import { getCurrentInstance as pe, computed as y, ref as I, provide as Se, inject as me, watch as Q, defineComponent as _, openBlock as r, createElementBlock as f, normalizeStyle as W, createElementVNode as X, normalizeClass as T, withModifiers as R, createVNode as H, unref as g, createCommentVNode as b, Fragment as A, createTextVNode as N, toDisplayString as V, renderSlot as q, toRef as J, createBlock as w, withCtx as E, renderList as ee, resolveDynamicComponent as he, h as se, mergeProps as K, normalizeProps as ye, reactive as Be, onBeforeUnmount as Le, onMounted as xe, Teleport as qe, Transition as De, nextTick as le, createSlots as Ie, guardReactiveProps as Ee, withDirectives as Ce } from "vue";
 function te(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
@@ -23,7 +23,7 @@ function ve(t = {}, n = {}) {
   return e;
 }
 const ne = "q-defaults";
-function Ce() {
+function Te() {
   const t = pe();
   if (!t)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
@@ -265,7 +265,7 @@ function Zt(t = {}) {
     for (const l in a)
       e.directive(l, a[l]);
     const s = t.defaults || {};
-    e.provide(ne, s), Oe(e, t.themes);
+    e.provide(ne, I(s)), Oe(e, t.themes);
   } };
 }
 const Re = /* @__PURE__ */ X("svg", { viewBox: "25 25 50 50" }, [
@@ -303,7 +303,7 @@ function Ne(t, n) {
 function k(t) {
   const n = t.setup;
   return n && (t.setup = (e, o) => {
-    const a = Ce();
+    const a = Te();
     if (te(a.value))
       return n(e, o);
     const s = pe();
@@ -359,7 +359,7 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
     });
     return (l, c) => (r(), f("button", {
       type: "button",
-      class: C(s.value),
+      class: T(s.value),
       disabled: o.value,
       onClick: R(a, ["stop", "prevent"])
     }, [
@@ -402,7 +402,7 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
       }
     ]);
     return (o, a) => (r(), f("div", {
-      class: C(e.value)
+      class: T(e.value)
     }, [
       q(o.$slots, "default")
     ], 2));
@@ -461,7 +461,7 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
 }), jt = k(Je), Pe = /* @__PURE__ */ _({
   __name: "QIcon",
   props: {
-    name: {},
+    icon: {},
     type: { default: "svg" },
     size: { default: void 0 }
   },
@@ -478,27 +478,28 @@ const we = k(Ue), Ke = ["disabled", "onClick"], We = {
           return;
       }
     });
-    return (o, a) => (r(), w(he(e.value), {
-      icon: n.name,
+    return (o, a) => n.icon ? (r(), w(he(e.value), {
+      key: 0,
+      icon: n.icon,
       size: n.size
-    }, null, 8, ["icon", "size"]));
+    }, null, 8, ["icon", "size"])) : b("", !0);
   }
 }), et = /* @__PURE__ */ _({
   __name: "QIconFont",
   props: {
     icon: {},
-    library: { default: "glyphicons" },
+    library: { default: "" },
     variant: { default: "" },
     size: { default: void 0 }
   },
   setup(t) {
-    const n = t, e = y(() => n.variant ? `${n.library}-${n.variant}` : n.library), o = y(() => ({
+    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(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (a, s) => n.icon ? (r(), f("i", {
+    return (s, l) => o.value ? (r(), f("i", {
       key: 0,
-      class: C(["q-icon", "q-icon__font", e.value, `${n.library}-${n.icon}`]),
-      style: W(o.value)
+      class: T(["q-icon", "q-icon__font", e.value, o.value]),
+      style: W(a.value)
     }, null, 6)) : b("", !0);
   }
 }), tt = ["src"], nt = /* @__PURE__ */ _({
@@ -669,7 +670,7 @@ const lt = /* @__PURE__ */ _({
   setup(t) {
     const n = t;
     return (e, o) => (r(), f("div", {
-      class: C([
+      class: T([
         "q-input",
         `q-input--${n.size}`,
         { "q-input--readonly": n.readonly, "q-input--disabled": n.disabled }
@@ -745,9 +746,9 @@ const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE
     }
     function x(d) {
       var v;
-      (v = T().at(d)) == null || v.focus();
+      (v = C().at(d)) == null || v.focus();
     }
-    function T() {
+    function C() {
       var v;
       const d = (v = c.value) == null ? void 0 : v.querySelectorAll("li");
       return d ? Array.from(d).filter((D) => D.tabIndex !== -1) : [];
@@ -756,7 +757,7 @@ const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE
       return d.indexOf(document.activeElement);
     }
     function F(d) {
-      const S = T(), v = O(S);
+      const S = C(), v = O(S);
       return d === "next" ? v === S.length - 1 ? v : v + 1 : v === 0 ? 0 : v - 1;
     }
     function z(d) {
@@ -770,7 +771,7 @@ const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE
     ), n({ focusItem: x }), (d, S) => (r(), w(he(s.value), {
       ref_key: "listRef",
       ref: c,
-      class: C(["q-list", { "q-list--disabled": o.disabled }]),
+      class: T(["q-list", { "q-list--disabled": o.disabled }]),
       role: "listbox",
       tabindex: o.disabled ? -1 : 0,
       onFocus: p,
@@ -799,7 +800,7 @@ const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE
   }
 }), _t = ["tabindex", "aria-label", "aria-selected", "onClick"], kt = {
   check: {
-    name: "check"
+    icon: "check"
   }
 }, wt = /* @__PURE__ */ _({
   __name: "QListItem",
@@ -824,7 +825,7 @@ const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE
     return (s, l) => (r(), f("li", {
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: C([
+      class: T([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -875,7 +876,7 @@ const Bt = ["aria-labelledby"], Lt = ["id"], xt = /* @__PURE__ */ _({
 function Et(t, n, e = "right", o) {
   const a = t.getBoundingClientRect(), s = a.x + window.scrollX, l = a.y + window.scrollY, c = n == null ? void 0 : n.getBoundingClientRect(), i = (c == null ? void 0 : c.width) ?? 0, p = (c == null ? void 0 : c.height) ?? 0;
   let $ = e;
-  c && !$e(a, c, $) && ($ = Tt(a, c, $));
+  c && !$e(a, c, $) && ($ = Ct(a, c, $));
   const m = { x: 0, y: 0, placement: $ };
   switch ($) {
     case "top":
@@ -917,7 +918,7 @@ function de(t, n) {
 function fe(t, n) {
   return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
 }
-function Tt(t, n, e) {
+function Ct(t, n, e) {
   const o = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
@@ -932,7 +933,7 @@ function Tt(t, n, e) {
 function Y(t) {
   return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
 }
-const Ct = {
+const Tt = {
   key: 0,
   class: "q-overlay__arrow"
 }, Vt = /* @__PURE__ */ _({
@@ -1012,7 +1013,7 @@ const Ct = {
     function x() {
       s.value ? m() : $();
     }
-    let T;
+    let C;
     function O() {
       le(() => {
         const h = Y(e.anchor);
@@ -1030,7 +1031,7 @@ const Ct = {
     function F() {
       le(() => {
         const h = Y(e.anchor);
-        h && (window.addEventListener("scroll", i), window.addEventListener("resize", i), T = new MutationObserver(i), T.observe(h, {
+        h && (window.addEventListener("scroll", i), window.addEventListener("resize", i), C = new MutationObserver(i), C.observe(h, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -1039,7 +1040,7 @@ const Ct = {
       });
     }
     function z() {
-      window.removeEventListener("scroll", i), window.removeEventListener("resize", i), T == null || T.disconnect();
+      window.removeEventListener("scroll", i), window.removeEventListener("resize", i), C == null || C.disconnect();
     }
     let d;
     function S() {
@@ -1077,15 +1078,15 @@ const Ct = {
           default: E(() => [
             s.value ? (r(), f("div", {
               key: 0,
-              class: C(o.value),
+              class: T(o.value),
               style: W(l.value)
             }, [
               X("div", {
-                class: C(["q-overlay__content"]),
+                class: T(["q-overlay__content"]),
                 ref_key: "overlay",
                 ref: c
               }, [
-                e.arrow ? (r(), f("div", Ct)) : b("", !0),
+                e.arrow ? (r(), f("div", Tt)) : b("", !0),
                 q(h.$slots, "default")
               ], 512)
             ], 6)) : b("", !0)
@@ -1161,10 +1162,10 @@ const Ct = {
   placeholder: "Choose..."
 }, Ut = {
   chevron: {
-    name: "chevron-down"
+    icon: "chevron-down"
   },
   clear: {
-    name: "close"
+    icon: "close"
   }
 }, Nt = /* @__PURE__ */ _({
   __name: "QSelect",
@@ -1197,7 +1198,7 @@ const Ct = {
     function x() {
       m.value && (o.value = void 0, n("update:modelValue", o.value), z());
     }
-    function T() {
+    function C() {
       e.readonly || e.disabled || (a.value ? z() : F());
     }
     function O(u) {
@@ -1254,7 +1255,7 @@ const Ct = {
           ref: l,
           role: "combobox",
           tabindex: "0",
-          class: C([
+          class: T([
             "q-select",
             {
               "q-select--readonly": e.readonly,
@@ -1267,7 +1268,7 @@ const Ct = {
           "aria-expanded": a.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: T,
+          onClick: C,
           onKeydown: R(S, ["stop"])
         }, Ie({
           append: E(() => [
@@ -1307,7 +1308,7 @@ const Ct = {
           onLeave: D
         }, {
           default: E(() => [
-            Te((r(), f("div", {
+            Ce((r(), f("div", {
               ref_key: "contentRef",
               ref: i,
               class: "q-select__body"