@quidgest/ui 0.13.0 → 0.13.1

package/esm/components/QSelect/QSelect.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as J, mergeModels as Q, useModel as Y, ref as m, computed as k, watch as Z, nextTick as ee, openBlock as t, createElementBlock as p, Fragment as R, createVNode as v, unref as n, normalizeClass as le, withModifiers as D, createSlots as oe, withCtx as s, renderSlot as u, createBlock as g, normalizeProps as C, guardReactiveProps as F, createCommentVNode as h, toDisplayString as M, createTextVNode as ae, mergeProps as te, createElementVNode as ne } from "vue";
-import { QButton as O } from "../QButton/index.js";
+import { defineComponent as J, mergeModels as R, useModel as Y, ref as m, computed as k, watch as Z, nextTick as ee, openBlock as t, createElementBlock as p, Fragment as D, createVNode as v, unref as n, normalizeClass as le, withModifiers as F, createSlots as oe, withCtx as s, renderSlot as u, createBlock as g, normalizeProps as C, guardReactiveProps as M, createCommentVNode as h, toDisplayString as O, createTextVNode as ae, mergeProps as te, createElementVNode as ne } from "vue";
+import { QButton as U } from "../QButton/index.js";
 import { QField as ie } from "../QField/index.js";
 import { QIcon as S } from "../QIcon/index.js";
 import { QList as se } from "../QList/index.js";
@@ -25,7 +25,7 @@ const ue = {
   }
 }, Ve = /* @__PURE__ */ J({
   __name: "QSelect",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ R({
     id: { default: void 0 },
     label: { default: "" },
     clearable: { type: Boolean },
@@ -48,14 +48,14 @@ const ue = {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Q(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
-  setup(x, { emit: U }) {
-    const l = x, y = U, c = Y(x, "modelValue"), a = m(!1), w = m(""), b = m(null), _ = m(null), V = m(null), A = k(() => d.value === void 0), d = k(
+  emits: /* @__PURE__ */ R(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
+  setup(x, { emit: A }) {
+    const l = x, y = A, c = Y(x, "modelValue"), a = m(!1), w = m(""), b = m(null), _ = m(null), V = m(null), P = k(() => d.value === void 0), d = k(
       () => {
         var e;
         return (e = l.items) == null ? void 0 : e.find((o) => o[l.itemValue] === c.value);
       }
-    ), P = k(
+    ), K = k(
       () => d.value ? d.value[l.itemLabel] : ""
     ), q = k(
       () => l.clearable && !l.readonly && !l.disabled && !l.loading
@@ -64,20 +64,20 @@ const ue = {
       c.value = e, L();
     }
     function E() {
-      q.value && B(l.emptyValue);
+      q.value && (B(l.emptyValue), I());
     }
-    function K(e) {
+    function H(e) {
       var o, r, f;
       !((o = V.value) != null && o.contains(e.relatedTarget)) && !((f = (r = b.value) == null ? void 0 : r.fieldRef) != null && f.contains(e.relatedTarget)) && L();
     }
-    function H() {
+    function W() {
       a.value || (y("before-show"), a.value = !0);
     }
     function L() {
       a.value && (y("before-hide"), a.value = !1);
     }
     function T() {
-      l.readonly || l.disabled || (a.value ? L() : H());
+      l.readonly || l.disabled || (a.value ? L() : W());
     }
     let $;
     function z(e) {
@@ -95,18 +95,18 @@ const ue = {
         }, 500);
       }
     }
-    function W() {
-      var e;
-      l.loading ? (e = V.value) == null || e.focus() : I(), y("show");
-    }
     function X() {
-      j(), y("hide");
+      var e;
+      l.loading ? (e = V.value) == null || e.focus() : N(), y("show");
     }
     function j() {
+      I(), y("hide");
+    }
+    function I() {
       var e, o;
       (o = (e = b.value) == null ? void 0 : e.fieldRef) == null || o.focus();
     }
-    function I() {
+    function N() {
       var e;
       (e = _.value) == null || e.$el.focus();
     }
@@ -117,12 +117,12 @@ const ue = {
     return Z(
       () => l.loading,
       (e) => {
-        !e && a.value && ee(I);
+        !e && a.value && ee(N);
       }
     ), (e, o) => {
       var r, f;
       return t(), p(
-        R,
+        D,
         null,
         [
           v(n(ie), {
@@ -149,11 +149,11 @@ const ue = {
             "aria-haspopup": "listbox",
             size: l.size,
             onClick: T,
-            onKeydown: D(z, ["stop"])
+            onKeydown: F(z, ["stop"])
           }, oe({
             append: s(() => [
               u(e.$slots, "append"),
-              q.value && c.value ? (t(), g(n(O), {
+              q.value && c.value ? (t(), g(n(U), {
                 key: 0,
                 class: "q-select__clear",
                 "b-style": "plain",
@@ -164,7 +164,7 @@ const ue = {
                 default: s(() => [
                   v(
                     n(S),
-                    C(F(l.icons.clear)),
+                    C(M(l.icons.clear)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -173,7 +173,7 @@ const ue = {
                 _: 1
                 /* STABLE */
               })) : h("v-if", !0),
-              l.readonly ? h("v-if", !0) : (t(), g(n(O), {
+              l.readonly ? h("v-if", !0) : (t(), g(n(U), {
                 key: 1,
                 class: "q-select__chevron",
                 "b-style": "plain",
@@ -185,7 +185,7 @@ const ue = {
                 default: s(() => [
                   v(
                     n(S),
-                    C(F(l.icons.chevron)),
+                    C(M(l.icons.chevron)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -196,13 +196,13 @@ const ue = {
               }, 8, ["disabled"]))
             ]),
             default: s(() => [
-              A.value ? (t(), p("span", ce, [
+              P.value ? (t(), p("span", ce, [
                 !l.readonly && !l.disabled ? (t(), p(
-                  R,
+                  D,
                   { key: 0 },
                   [
                     ae(
-                      M(e.texts.placeholder),
+                      O(e.texts.placeholder),
                       1
                       /* TEXT */
                     )
@@ -213,7 +213,7 @@ const ue = {
               ])) : (t(), p(
                 "span",
                 ue,
-                M(P.value),
+                O(K.value),
                 1
                 /* TEXT */
               ))
@@ -224,12 +224,12 @@ const ue = {
             (r = d.value) != null && r.icon || e.$slots.prepend ? {
               name: "prepend",
               fn: s(() => {
-                var i, N;
+                var i, Q;
                 return [
                   u(e.$slots, "prepend"),
                   (i = d.value) != null && i.icon ? (t(), g(
                     n(S),
-                    C(te({ key: 0 }, (N = d.value) == null ? void 0 : N.icon)),
+                    C(te({ key: 0 }, (Q = d.value) == null ? void 0 : Q.icon)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -256,8 +256,8 @@ const ue = {
             "scroll-lock": "",
             anchor: (f = b.value) == null ? void 0 : f.$el,
             offset: 2,
-            onEnter: W,
-            onLeave: X
+            onEnter: X,
+            onLeave: j
           }, {
             default: s(() => [
               ne("div", {
@@ -267,8 +267,8 @@ const ue = {
                 "data-key": l.id,
                 class: "q-select__body",
                 tabindex: "-1",
-                onFocusout: K,
-                onKeydown: D(z, ["stop"])
+                onFocusout: H,
+                onKeydown: F(z, ["stop"])
               }, [
                 u(e.$slots, "body.prepend"),
                 l.loading ? (t(), p("div", me, [

package/esm/components/QTooltip/QTooltip.d.ts

@@ -1,5 +1,6 @@
 import { Appearance, Placement, Trigger } from '../../composables/overlay';
 import { Selector } from '../../utils/getElement';
+import { Icon } from '../QIcon';
 
 export type QTooltipProps = {
     /**
@@ -50,6 +51,10 @@ export type QTooltipProps = {
      * The text of the tooltip.
      */
     text: string;
+    /**
+     * The icon of the tooltip.
+     */
+    icon?: Icon;
     /**
      * The method to trigger the overlay.
      */
@@ -80,6 +85,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     disabled: {
         type: import('vue').PropType<boolean>;
     };
+    icon: {
+        type: import('vue').PropType<Icon>;
+        default: undefined;
+    };
     id: {
         type: import('vue').PropType<string>;
         default: undefined;
@@ -132,6 +141,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     disabled: {
         type: import('vue').PropType<boolean>;
     };
+    icon: {
+        type: import('vue').PropType<Icon>;
+        default: undefined;
+    };
     id: {
         type: import('vue').PropType<string>;
         default: undefined;
@@ -166,6 +179,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
 }>>, {
     class: string | unknown[];
     html: boolean;
+    icon: Icon;
     id: string;
     placement: Placement;
     appearance: Appearance;
@@ -179,6 +193,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
             'aria-describedby': string;
         };
     }): any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/esm/components/QTooltip/QTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AA6BA;AASC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoIF,wBAAwG;AAUxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AAkCA;AAUC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuJF,wBAAwG;AAUxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/esm/components/QTooltip/QTooltip.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent as i, mergeModels as s, useModel as c, openBlock as a, createElementBlock as t, Fragment as p, renderSlot as m, unref as l, createVNode as u, normalizeClass as f, withCtx as h, toDisplayString as y } from "vue";
-import { QOverlay as g } from "../QOverlay/index.js";
-import { useId as v } from "../../composables/uid.js";
-const _ = ["innerHTML"], b = { key: 1 }, k = /* @__PURE__ */ i({
+import { defineComponent as s, mergeModels as p, useModel as m, openBlock as a, createElementBlock as o, Fragment as d, renderSlot as i, unref as t, createVNode as u, normalizeClass as f, withCtx as h, createBlock as y, normalizeProps as g, mergeProps as v, createCommentVNode as B, createTextVNode as b, toDisplayString as k } from "vue";
+import { QOverlay as V } from "../QOverlay/index.js";
+import { QIcon as w } from "../QIcon/index.js";
+import { useId as x } from "../../composables/uid.js";
+const M = ["innerHTML"], z = /* @__PURE__ */ s({
   __name: "QTooltip",
-  props: /* @__PURE__ */ s({
+  props: /* @__PURE__ */ p({
     id: { default: void 0 },
     anchor: {},
     appearance: { default: "inverted" },
@@ -15,6 +16,7 @@ const _ = ["innerHTML"], b = { key: 1 }, k = /* @__PURE__ */ i({
     html: { type: Boolean, default: !0 },
     placement: { default: "right" },
     text: {},
+    icon: { default: void 0 },
     trigger: { default: "hover" },
     class: { default: void 0 }
   }, {
@@ -22,21 +24,21 @@ const _ = ["innerHTML"], b = { key: 1 }, k = /* @__PURE__ */ i({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const e = o, n = c(o, "modelValue"), r = v(e.id);
-    return (d, B) => (a(), t(
-      p,
+  setup(l) {
+    const e = l, c = m(l, "modelValue"), r = x(e.id);
+    return (n, _) => (a(), o(
+      d,
       null,
       [
-        m(d.$slots, "anchor", {
-          props: { "aria-describedby": l(r) }
+        i(n.$slots, "anchor", {
+          props: { "aria-describedby": t(r) }
         }),
-        u(l(g), {
-          "model-value": n.value,
+        u(t(V), {
+          "model-value": c.value,
           anchor: e.anchor,
           role: "tooltip",
           "non-modal": "",
-          id: l(r),
+          id: t(r),
           appearance: e.appearance,
           arrow: e.arrow,
           attach: e.attach,
@@ -48,19 +50,34 @@ const _ = ["innerHTML"], b = { key: 1 }, k = /* @__PURE__ */ i({
           trigger: e.trigger
         }, {
           default: h(() => [
-            e.html ? (a(), t("span", {
-              key: 0,
-              innerHTML: e.text
-            }, null, 8, _)) : (a(), t(
-              "span",
-              b,
-              y(e.text),
-              1
-              /* TEXT */
-            ))
+            i(n.$slots, "default", {}, () => [
+              e.icon ? (a(), y(
+                t(w),
+                g(v({ key: 0 }, e.icon)),
+                null,
+                16
+                /* FULL_PROPS */
+              )) : B("v-if", !0),
+              e.html ? (a(), o("span", {
+                key: 1,
+                innerHTML: e.text
+              }, null, 8, M)) : (a(), o(
+                d,
+                { key: 2 },
+                [
+                  b(
+                    k(e.text),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              ))
+            ])
           ]),
-          _: 1
-          /* STABLE */
+          _: 3
+          /* FORWARDED */
         }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
       ],
       64
@@ -69,5 +86,5 @@ const _ = ["innerHTML"], b = { key: 1 }, k = /* @__PURE__ */ i({
   }
 });
 export {
-  k as default
+  z as default
 };

package/esm/components/QTooltip/index.d.ts

@@ -20,6 +20,10 @@ declare const QTooltip: {
         disabled: {
             type: import('vue').PropType<boolean>;
         };
+        icon: {
+            type: import('vue').PropType<import('..').Icon>;
+            default: undefined;
+        };
         id: {
             type: import('vue').PropType<string>;
             default: undefined;
@@ -72,6 +76,10 @@ declare const QTooltip: {
         disabled: {
             type: import('vue').PropType<boolean>;
         };
+        icon: {
+            type: import('vue').PropType<import('..').Icon>;
+            default: undefined;
+        };
         id: {
             type: import('vue').PropType<string>;
             default: undefined;
@@ -106,6 +114,7 @@ declare const QTooltip: {
     }>>, {
         class: string | unknown[];
         html: boolean;
+        icon: import('..').Icon;
         id: string;
         placement: import('../../composables/overlay').Placement;
         appearance: import('../../composables/overlay').Appearance;
@@ -141,6 +150,10 @@ declare const QTooltip: {
         disabled: {
             type: import('vue').PropType<boolean>;
         };
+        icon: {
+            type: import('vue').PropType<import('..').Icon>;
+            default: undefined;
+        };
         id: {
             type: import('vue').PropType<string>;
             default: undefined;
@@ -175,6 +188,7 @@ declare const QTooltip: {
     }>>, {}, {}, {}, {}, {
         class: string | unknown[];
         html: boolean;
+        icon: import('..').Icon;
         id: string;
         placement: import('../../composables/overlay').Placement;
         appearance: import('../../composables/overlay').Appearance;
@@ -207,6 +221,10 @@ declare const QTooltip: {
     disabled: {
         type: import('vue').PropType<boolean>;
     };
+    icon: {
+        type: import('vue').PropType<import('..').Icon>;
+        default: undefined;
+    };
     id: {
         type: import('vue').PropType<string>;
         default: undefined;
@@ -241,6 +259,7 @@ declare const QTooltip: {
 }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     class: string | unknown[];
     html: boolean;
+    icon: import('..').Icon;
     id: string;
     placement: import('../../composables/overlay').Placement;
     appearance: import('../../composables/overlay').Appearance;
@@ -255,6 +274,7 @@ declare const QTooltip: {
                 'aria-describedby': string;
             };
         }): any;
+        default?(_: {}): any;
     };
 });
 export { QTooltip };

package/esm/components/QTooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiD,CAAA;AAG/D,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiD,CAAA;AAG/D,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "private": false,
   "type": "module",
   "author": "Quidgest",