@quidgest/ui 0.14.13 → 0.14.14

package/esm/components/QOverlay/QOverlay.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as ne, mergeModels as O, useModel as oe, computed as l, reactive as V, watch as k, ref as A, nextTick as v, onMounted as re, onBeforeUnmount as ie, createElementBlock as g, openBlock as u, Fragment as ae, createBlock as U, createCommentVNode as L, Teleport as le, createVNode as z, unref as B, withCtx as I, normalizeClass as P, Transition as se, normalizeStyle as N, createElementVNode as de, mergeProps as ue, withKeys as ce, renderSlot as fe } from "vue";
+import { defineComponent as ne, mergeModels as V, useModel as oe, computed as l, reactive as A, watch as k, ref as U, nextTick as v, onMounted as re, onBeforeUnmount as ie, createElementBlock as E, openBlock as u, Fragment as ae, createBlock as B, createCommentVNode as g, Teleport as le, createVNode as se, normalizeClass as z, Transition as de, withCtx as I, unref as b, createElementVNode as P, normalizeStyle as N, mergeProps as ue, withKeys as ce, renderSlot as fe } from "vue";
 import { QRemoveScrollBar as me } from "../QRemoveScrollBar/index.js";
 import { QThemeProvider as ve } from "../QThemeProvider/index.js";
 import { getSideFromPlacement as pe, computePosition as he } from "../../composables/overlay.js";
@@ -7,7 +7,7 @@ import { getElement as we } from "../../utils/getElement.js";
 const ke = ["role"], Te = /* @__PURE__ */ ne({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ O({
+  props: /* @__PURE__ */ V({
     anchor: {},
     appearance: { default: "regular" },
     arrow: { type: Boolean },
@@ -31,9 +31,9 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(["enter", "leave"], ["update:modelValue"]),
-  setup(b, { emit: Q }) {
-    const t = b, _ = Q, r = oe(b, "modelValue"), D = ye(), F = l(() => [
+  emits: /* @__PURE__ */ V(["enter", "leave"], ["update:modelValue"]),
+  setup(_, { emit: Q }) {
+    const t = _, T = Q, r = oe(_, "modelValue"), D = ye(), F = l(() => [
       "q-overlay",
       `q-overlay--${pe(n.placement)}`,
       {
@@ -41,13 +41,13 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
         "q-overlay--inverted": t.appearance === "inverted"
       },
       t.class
-    ]), c = l(() => t.anchor === void 0), T = l(() => (r.value || n.animating) && !t.nonModal), K = l(() => (r.value || n.animating) && t.scrollLock), n = V({
+    ]), c = l(() => t.anchor === void 0), C = l(() => (r.value || n.animating) && !t.nonModal), K = l(() => (r.value || n.animating) && t.scrollLock), n = A({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: t.placement
-    }), i = V({
+    }), i = A({
       top: void 0,
       left: void 0,
       hidden: !0
@@ -68,7 +68,7 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
           left: i.left !== void 0 ? `${i.left}px` : void 0,
           opacity: i.hidden ? 0 : 1
         };
-    }), p = A(null), h = A(null);
+    }), p = U(null), h = U(null);
     function a() {
       const e = d();
       if (!e || !h.value)
@@ -93,32 +93,32 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
     );
     let f;
     function y() {
-      x(0);
+      S(0);
     }
-    function C() {
-      x(t.delay);
+    function x() {
+      S(t.delay);
     }
-    function x(e) {
-      f && S(), f = window.setTimeout(() => {
+    function S(e) {
+      f && q(), f = window.setTimeout(() => {
         r.value = !0;
       }, e);
     }
     function s() {
-      if (f && S(), r.value = !1, t.anchor && t.trigger === "click") {
+      if (f && q(), r.value = !1, t.anchor && t.trigger === "click") {
         const e = d();
         e == null || e.focus();
       }
     }
-    function S() {
+    function q() {
       clearTimeout(f), f = void 0;
     }
     k(W, () => v(H));
     function H() {
-      _("enter");
+      T("enter");
     }
-    let q;
+    let $;
     function J() {
-      window.clearTimeout(q), q = window.setTimeout(() => n.animating = !1, 200), _("leave");
+      window.clearTimeout($), $ = window.setTimeout(() => n.animating = !1, 200), T("leave");
     }
     function d() {
       return t.anchor ? we(t.anchor) : null;
@@ -137,7 +137,7 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
             e.addEventListener("click", y);
             break;
           case "hover":
-            e.addEventListener("mouseenter", C), e.addEventListener("mouseleave", s), e.addEventListener("focusin", y), e.addEventListener("focusout", s);
+            e.addEventListener("mouseenter", x), e.addEventListener("mouseleave", s), e.addEventListener("focusin", y), e.addEventListener("focusout", s);
             break;
         }
     }
@@ -149,7 +149,7 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
             e.removeEventListener("click", y);
             break;
           case "hover":
-            e.removeEventListener("mouseenter", C), e.removeEventListener("mouseleave", s), e.removeEventListener("focusin", y), e.removeEventListener("focusout", s);
+            e.removeEventListener("mouseenter", x), e.removeEventListener("mouseleave", s), e.removeEventListener("focusin", y), e.removeEventListener("focusout", s);
             break;
         }
     }
@@ -159,83 +159,83 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
     function ee() {
       window.removeEventListener("resize", a), t.scrollLock || window.removeEventListener("scroll", a);
     }
-    let E;
-    function $() {
-      d() ? (a(), E = window.setTimeout($, 100)) : s();
+    let L;
+    function M() {
+      d() ? (a(), L = window.setTimeout(M, 100)) : s();
     }
     function te() {
-      c.value || (Z(), t.spy ? $() : a()), (c.value || t.trigger === "click") && v(() => {
+      c.value || (Z(), t.spy ? M() : a()), (c.value || t.trigger === "click") && v(() => {
         var e;
         return (e = h.value) == null ? void 0 : e.focus();
       });
     }
-    function M() {
-      c.value || ee(), t.spy && (clearTimeout(E), E = void 0), n.top = 0, n.left = 0;
-    }
     function R() {
+      c.value || ee(), t.spy && (clearTimeout(L), L = void 0), n.top = 0, n.left = 0;
+    }
+    function O() {
       t.persistent || s();
     }
     return re(() => {
       v(X);
     }), ie(() => {
-      Y(), M();
+      Y(), R();
     }), k(
       r,
       (e) => {
-        v(() => e ? te() : M());
+        v(() => e ? te() : R());
       },
       { immediate: !0 }
-    ), (e, w) => (u(), g(
+    ), (e, w) => (u(), E(
       ae,
       null,
       [
-        (u(), U(le, {
+        (u(), B(le, {
           disabled: !r.value && !n.animating || t.inline,
           to: t.attach
         }, [
-          z(B(ve), {
-            theme: B(D).current.value.name
+          C.value ? (u(), E(
+            "div",
+            {
+              key: 0,
+              class: z([
+                t.backdropClass,
+                "q-overlay__underlay",
+                { "q-overlay__underlay--blur": t.backdropBlur }
+              ])
+            },
+            null,
+            2
+            /* CLASS */
+          )) : g("v-if", !0),
+          se(de, {
+            name: t.transition,
+            appear: "",
+            onLeave: J
           }, {
             default: I(() => [
-              T.value ? (u(), g(
-                "div",
-                {
-                  key: 0,
-                  class: P([
-                    t.backdropClass,
-                    "q-overlay__underlay",
-                    { "q-overlay__underlay--blur": t.backdropBlur }
-                  ])
-                },
-                null,
-                2
-                /* CLASS */
-              )) : L("v-if", !0),
-              z(se, {
-                name: t.transition,
-                appear: "",
-                onLeave: J
+              r.value ? (u(), B(b(ve), {
+                key: 0,
+                theme: b(D).current.value.name
               }, {
                 default: I(() => [
-                  r.value ? (u(), g(
+                  P(
                     "div",
                     {
-                      key: 0,
-                      class: P(F.value),
+                      class: z(F.value),
                       style: N(j.value)
                     },
                     [
-                      de("div", ue({
+                      P("div", ue({
                         ref_key: "overlayRef",
                         ref: h,
                         class: "q-overlay__content",
                         tabindex: "-1",
-                        role: T.value ? "dialog" : void 0
+                        role: C.value ? "dialog" : void 0
                       }, e.$attrs, {
-                        onKeydown: ce(R, ["escape"]),
-                        onBlur: R
+                        onKeydown: ce(O, ["escape"]),
+                        onBlur: O
                       }), [
-                        t.arrow ? (u(), g(
+                        t.arrow ? (u(), E(
                           "div",
                           {
                             key: 0,
@@ -248,23 +248,23 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
                           null,
                           4
                           /* STYLE */
-                        )) : L("v-if", !0),
+                        )) : g("v-if", !0),
                         fe(e.$slots, "default")
                       ], 16, ke)
                     ],
                     6
                     /* CLASS, STYLE */
-                  )) : L("v-if", !0)
+                  )
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 8, ["name"])
+              }, 8, ["theme"])) : g("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
-          }, 8, ["theme"])
+          }, 8, ["name"])
         ], 8, ["disabled", "to"])),
-        K.value ? (u(), U(B(me), { key: 0 })) : L("v-if", !0)
+        K.value ? (u(), B(b(me), { key: 0 })) : g("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */

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":"AAkCA;AAmEC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA2BlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;;;;;YAXtB,GAAG;yBACF,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AAkCA;AAyHC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA6ElC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;;;;;YAXtB,GAAG;yBACF,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,10 +1,11 @@
-import { defineComponent as s, mergeModels as p, useModel as m, createElementBlock as o, openBlock as a, Fragment as d, renderSlot as i, createVNode as u, unref as t, normalizeClass as f, withCtx as h, createBlock as y, createCommentVNode as g, normalizeProps as B, mergeProps as b, createTextVNode as v, 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({
+import { defineComponent as g, mergeModels as V, useModel as v, onMounted as B, onUnmounted as k, watch as M, createElementBlock as l, openBlock as a, Fragment as m, renderSlot as u, createVNode as w, unref as r, normalizeClass as x, withCtx as C, createBlock as T, createCommentVNode as A, normalizeProps as D, mergeProps as N, createTextVNode as Q, toDisplayString as _ } from "vue";
+import { QIcon as z } from "../QIcon/index.js";
+import { QOverlay as H } from "../QOverlay/index.js";
+import { useId as I } from "../../composables/uid.js";
+import { getElement as p } from "../../utils/getElement.js";
+const L = ["innerHTML"], F = /* @__PURE__ */ g({
   __name: "QTooltip",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ V({
     id: {},
     anchor: {},
     appearance: { default: "inverted" },
@@ -24,18 +25,38 @@ const M = ["innerHTML"], z = /* @__PURE__ */ s({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l) {
-    const e = l, c = m(l, "modelValue"), r = x(e.id);
-    return (n, _) => (a(), o(
-      d,
+  setup(i) {
+    const e = i, d = v(i, "modelValue"), n = I(e.id);
+    function c(o) {
+      const t = p(o);
+      t == null || t.setAttribute("aria-describedby", n);
+    }
+    function f() {
+      e.anchor && c(e.anchor);
+    }
+    B(f);
+    function s(o) {
+      const t = p(o);
+      t == null || t.removeAttribute("aria-describedby");
+    }
+    function y() {
+      e.anchor && s(e.anchor);
+    }
+    k(y);
+    function h(o, t) {
+      t && s(t), o && c(o);
+    }
+    return M(() => e.anchor, h), (o, t) => (a(), l(
+      m,
       null,
       [
-        i(n.$slots, "anchor", {
-          props: { "aria-describedby": t(r) }
+        u(o.$slots, "anchor", {
+          props: { "aria-describedby": r(n) }
         }),
-        u(t(V), {
-          id: t(r),
-          "model-value": c.value,
+        w(r(H), {
+          modelValue: d.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (b) => d.value = b),
+          id: r(n),
           anchor: e.anchor,
           role: "tooltip",
           "non-modal": "",
@@ -43,30 +64,30 @@ const M = ["innerHTML"], z = /* @__PURE__ */ s({
           arrow: e.arrow,
           attach: e.attach,
           inline: e.inline,
-          class: f(["q-tooltip", e.class]),
+          class: x(["q-tooltip", e.class]),
           delay: e.delay,
           disabled: e.disabled,
           placement: e.placement,
           trigger: e.trigger
         }, {
-          default: h(() => [
-            i(n.$slots, "default", {}, () => [
-              e.icon ? (a(), y(
-                t(w),
-                B(b({ key: 0 }, e.icon)),
+          default: C(() => [
+            u(o.$slots, "default", {}, () => [
+              e.icon ? (a(), T(
+                r(z),
+                D(N({ key: 0 }, e.icon)),
                 null,
                 16
                 /* FULL_PROPS */
-              )) : g("v-if", !0),
-              e.html ? (a(), o("span", {
+              )) : A("v-if", !0),
+              e.html ? (a(), l("span", {
                 key: 1,
                 innerHTML: e.text
-              }, null, 8, M)) : (a(), o(
-                d,
+              }, null, 8, L)) : (a(), l(
+                m,
                 { key: 2 },
                 [
-                  v(
-                    k(e.text),
+                  Q(
+                    _(e.text),
                     1
                     /* TEXT */
                   )
@@ -78,7 +99,7 @@ const M = ["innerHTML"], z = /* @__PURE__ */ s({
           ]),
           _: 3
           /* FORWARDED */
-        }, 8, ["id", "model-value", "anchor", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
+        }, 8, ["modelValue", "id", "anchor", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
       ],
       64
       /* STABLE_FRAGMENT */
@@ -86,5 +107,5 @@ const M = ["innerHTML"], z = /* @__PURE__ */ s({
   }
 });
 export {
-  z as default
+  F as default
 };

package/package.json

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