@quidgest/ui 0.17.2 → 0.17.3

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

@@ -1,323 +1,283 @@
-import { defineComponent as se, computed as s, reactive as F, watch as q, useTemplateRef as B, nextTick as h, onMounted as ce, onBeforeUnmount as ue, createElementBlock as w, openBlock as c, Fragment as de, createBlock as b, createCommentVNode as v, Teleport as fe, createVNode as _, Transition as $, withCtx as g, withModifiers as pe, normalizeClass as M, normalizeStyle as R, unref as C, createElementVNode as ve, mergeProps as me, renderSlot as ye } from "vue";
-import { QDismissibleLayer as he } from "../QDismissibleLayer/index.js";
-import { QRemoveScrollBar as we } from "../QRemoveScrollBar/index.js";
-import { QFocusWrap as ge } from "../QFocusWrap/index.js";
-import { getSideFromPlacement as ke, computePosition as Le } from "../../composables/overlay.js";
-import { useTheme as Ee } from "../../composables/theme.js";
-import { getElement as Be } from "../../utils/getElement.js";
-const be = ["id"], _e = ["role"], Fe = /* @__PURE__ */ se({
-  inheritAttrs: !1,
-  __name: "QOverlay",
-  props: {
-    id: {},
-    class: {},
-    modelValue: { type: Boolean },
-    anchor: {},
-    appearance: { default: "regular" },
-    arrow: { type: Boolean },
-    backdropBlur: { type: Boolean },
-    backdropClass: {},
-    offset: { default: 8 },
-    crossOffset: { default: 0 },
-    placement: { default: "right" },
-    transition: { default: "fade" },
-    width: { default: "auto" },
-    centerVertically: { type: Boolean },
-    attach: { default: "body" },
-    inline: { type: Boolean },
-    delay: { default: 500 },
-    nonModal: { type: Boolean },
-    scrollLock: { type: Boolean },
-    persistent: { type: Boolean },
-    spy: { type: Boolean },
-    trigger: { default: "click" },
-    focusWrap: { type: Boolean },
-    initialFocus: {},
-    focusWithinOnActivate: { type: Boolean, default: !1 },
-    closingFocus: {},
-    returnFocusOnDeactivate: { type: Boolean, default: !0 }
-  },
-  emits: ["update:modelValue", "enter", "leave"],
-  setup(W, { emit: I }) {
-    const e = W, m = I, { class: P } = Ee(), z = s(() => [
-      "q-overlay",
-      `q-overlay--${ke(o.placement)}`,
-      P.value,
-      {
-        "q-overlay--independent": d.value,
-        "q-overlay--inverted": e.appearance === "inverted",
-        "q-overlay--center": e.centerVertically
-      },
-      e.class
-    ]), d = s(() => e.anchor === void 0), T = s(() => e.modelValue && !e.nonModal), Q = s(() => (e.modelValue || o.animating) && e.scrollLock), U = s(() => !e.inline && (e.modelValue || o.animating)), o = F({
-      animating: !1,
-      top: 0,
-      left: 0,
-      width: 0,
-      placement: e.placement
-    }), r = F({
-      top: void 0,
-      left: void 0,
-      hidden: !0
-    });
-    q(() => e.modelValue, Y);
-    const N = s(() => {
-      if (d.value) return;
-      const t = l(), i = e.width === "anchor", n = i ? t == null ? void 0 : t.getBoundingClientRect().width : void 0;
-      return {
-        top: `${o.top}px`,
-        left: `${o.left}px`,
-        width: n !== void 0 ? `${n}px` : void 0
-      };
-    }), j = s(() => {
-      if (e.arrow)
-        return {
-          top: r.top !== void 0 ? `${r.top}px` : void 0,
-          left: r.left !== void 0 ? `${r.left}px` : void 0,
-          opacity: r.hidden ? 0 : 1
-        };
-    }), k = B("arrow"), G = B("overlay"), L = B("overlayContainer");
-    function a() {
-      const t = l();
-      if (!t || !L.value)
-        return;
-      const i = {
-        placement: e.placement,
-        width: e.width,
-        offset: e.offset,
-        crossOffset: e.crossOffset,
-        arrow: e.arrow
-      }, n = Le(
-        t,
-        L.value,
-        (k == null ? void 0 : k.value) ?? void 0,
-        i
-      );
-      o.left = n.overlayCoords.x, o.top = n.overlayCoords.y, o.placement = n.placement, r.hidden = n.arrowCoords === void 0, n.arrowCoords && (r.top = n.arrowCoords.y, r.left = n.arrowCoords.x);
-    }
-    q(
-      () => e.placement,
-      () => h(a)
-    );
-    let f;
-    function y() {
-      O(0);
-    }
-    function V() {
-      O(e.delay);
-    }
-    function O(t) {
-      f && x(), f = window.setTimeout(() => {
-        m("update:modelValue", !0);
-      }, t);
-    }
-    function u() {
-      if (f && x(), m("update:modelValue", !1), e.anchor && e.trigger === "click") {
-        const t = l();
-        h(() => t == null ? void 0 : t.focus());
-      }
-    }
-    function x() {
-      clearTimeout(f), f = void 0;
-    }
-    function H() {
-      h(ae), m("enter");
-    }
-    function J() {
-      D();
-    }
-    function K() {
-      m("leave");
-    }
-    function X() {
-      D(), le();
-    }
-    function Y() {
-      o.animating = !0;
-    }
-    function D() {
-      o.animating = !1;
-    }
-    function l() {
-      return e.anchor ? Be(e.anchor) : null;
-    }
-    function Z(t) {
-      e.persistent && t.preventDefault();
-    }
-    function ee(t) {
-      var A;
-      if (e.persistent) {
-        t.preventDefault();
-        return;
-      }
-      let i = !1;
-      t.defaultPrevented || t.detail.originalEvent.type === "pointerdown" && (i = !0);
-      const n = t.detail.originalEvent.target;
-      if ((A = l()) == null ? void 0 : A.contains(n)) {
-        t.preventDefault();
-        return;
-      }
-      t.detail.originalEvent.type === "focusin" && i && t.preventDefault();
-    }
-    function te() {
-      u();
-    }
-    let p;
-    function ne() {
-      const t = l();
-      if (t)
-        switch (p = new MutationObserver(a), p.observe(t, {
-          attributes: !1,
-          childList: !0,
-          characterData: !0,
-          subtree: !0
-        }), e.trigger) {
-          case "click":
-            t.addEventListener("click", y);
-            break;
-          case "hover":
-            t.addEventListener("mouseenter", V), t.addEventListener("mouseleave", u), t.addEventListener("focusin", y), t.addEventListener("focusout", u);
-            break;
-        }
-    }
-    function oe() {
-      const t = l();
-      if (t)
-        switch (p == null || p.disconnect(), e.trigger) {
-          case "click":
-            t.removeEventListener("click", y);
-            break;
-          case "hover":
-            t.removeEventListener("mouseenter", V), t.removeEventListener("mouseleave", u), t.removeEventListener("focusin", y), t.removeEventListener("focusout", u);
-            break;
-        }
-    }
-    function ie() {
-      window.addEventListener("resize", a), e.scrollLock || window.addEventListener("scroll", a);
-    }
-    function re() {
-      window.removeEventListener("resize", a), e.scrollLock || window.removeEventListener("scroll", a);
-    }
-    let E;
-    function S() {
-      l() ? (a(), E = window.setTimeout(S, 100)) : u();
-    }
-    function ae() {
-      var t;
-      d.value || (ie(), e.spy ? S() : a()), (d.value || e.trigger === "click") && !e.initialFocus && !e.focusWithinOnActivate && ((t = G.value) == null || t.focus());
-    }
-    function le() {
-      d.value || re(), e.spy && (clearTimeout(E), E = void 0);
-    }
-    return ce(() => {
-      h(ne);
-    }), ue(oe), (t, i) => (c(), w(
-      de,
-      null,
-      [
-        (c(), b(fe, {
-          disabled: !U.value,
-          to: e.attach
-        }, [
-          _($, {
-            name: "fade",
-            appear: ""
-          }, {
-            default: g(() => [
-              T.value ? (c(), w(
-                "div",
-                {
-                  key: 0,
-                  class: M([
-                    e.backdropClass,
-                    "q-overlay__underlay",
-                    { "q-overlay__underlay--blur": e.backdropBlur }
-                  ]),
-                  onMousedown: i[0] || (i[0] = pe(() => {
-                  }, ["prevent"]))
-                },
-                null,
-                34
-                /* CLASS, NEED_HYDRATION */
-              )) : v("v-if", !0)
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          _($, {
-            name: e.transition,
-            appear: "",
-            onEnter: H,
-            onAfterEnter: J,
-            onLeave: K,
-            onAfterLeave: X
-          }, {
-            default: g(() => [
-              e.modelValue ? (c(), w("div", {
-                key: 0,
-                id: e.id,
-                ref: "overlayContainer",
-                tabindex: "-1",
-                class: M(z.value),
-                style: R(N.value)
-              }, [
-                _(C(he), {
-                  onDismiss: te,
-                  onInteractOutside: ee,
-                  onPointerDownOutside: Z
-                }, {
-                  default: g(() => [
-                    L.value ? (c(), b(C(ge), {
-                      key: 0,
-                      active: !e.nonModal && e.modelValue && e.focusWrap,
-                      "initial-focus": e.initialFocus,
-                      "focus-within-on-activate": e.focusWithinOnActivate,
-                      "closing-focus": e.closingFocus,
-                      "return-focus-on-deactivate": e.returnFocusOnDeactivate
-                    }, {
-                      default: g(() => [
-                        ve("div", me({
-                          ref: "overlay",
-                          class: "q-overlay__content",
-                          tabindex: "-1",
-                          role: T.value ? "dialog" : void 0
-                        }, t.$attrs), [
-                          e.arrow ? (c(), w(
-                            "div",
-                            {
-                              key: 0,
-                              ref: "arrow",
-                              role: "presentation",
-                              class: "q-overlay__arrow",
-                              style: R(j.value)
-                            },
-                            null,
-                            4
-                            /* STYLE */
-                          )) : v("v-if", !0),
-                          ye(t.$slots, "default")
-                        ], 16, _e)
-                      ]),
-                      _: 3
-                      /* FORWARDED */
-                    }, 8, ["active", "initial-focus", "focus-within-on-activate", "closing-focus", "return-focus-on-deactivate"])) : v("v-if", !0)
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                })
-              ], 14, be)) : v("v-if", !0)
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["name"])
-        ], 8, ["disabled", "to"])),
-        Q.value ? (c(), b(C(we), { key: 0 })) : v("v-if", !0)
-      ],
-      64
-      /* STABLE_FRAGMENT */
-    ));
-  }
+import { useTheme as e } from "../../composables/theme.js";
+import { QDismissibleLayer as t } from "../QDismissibleLayer/index.js";
+import { QRemoveScrollBar as n } from "../QRemoveScrollBar/index.js";
+import { QFocusWrap as ee } from "../QFocusWrap/index.js";
+import { computePosition as r, getSideFromPlacement as i } from "../../composables/overlay.js";
+import { getElement as a } from "../../utils/getElement.js";
+import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as te, createVNode as p, defineComponent as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as ne, onMounted as re, openBlock as y, reactive as b, renderSlot as x, unref as S, useTemplateRef as C, watch as w, withCtx as T, withModifiers as E } from "vue";
+//#region src/components/QOverlay/QOverlay.vue?vue&type=script&setup=true&lang.ts
+var D = ["id"], O = ["role"], k = /*@__PURE__*/ m({
+	inheritAttrs: !1,
+	__name: "QOverlay",
+	props: {
+		id: {},
+		class: {},
+		modelValue: { type: Boolean },
+		anchor: {},
+		appearance: { default: "regular" },
+		arrow: { type: Boolean },
+		backdropBlur: { type: Boolean },
+		backdropClass: {},
+		offset: { default: 8 },
+		crossOffset: { default: 0 },
+		placement: { default: "right" },
+		transition: { default: "fade" },
+		width: { default: "auto" },
+		centerVertically: { type: Boolean },
+		attach: { default: "body" },
+		inline: { type: Boolean },
+		delay: { default: 500 },
+		nonModal: { type: Boolean },
+		scrollLock: { type: Boolean },
+		persistent: { type: Boolean },
+		spy: { type: Boolean },
+		trigger: { default: "click" },
+		focusWrap: { type: Boolean },
+		initialFocus: {},
+		focusWithinOnActivate: {
+			type: Boolean,
+			default: !1
+		},
+		closingFocus: {},
+		returnFocusOnDeactivate: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"enter",
+		"leave"
+	],
+	setup(m, { emit: k }) {
+		let A = m, j = k, { class: ie } = e(), ae = l(() => [
+			"q-overlay",
+			`q-overlay--${i(P.placement)}`,
+			ie.value,
+			{
+				"q-overlay--independent": M.value,
+				"q-overlay--inverted": A.appearance === "inverted",
+				"q-overlay--center": A.centerVertically
+			},
+			A.class
+		]), M = l(() => A.anchor === void 0), N = l(() => A.modelValue && !A.nonModal), oe = l(() => (A.modelValue || P.animating) && A.scrollLock), se = l(() => !A.inline && (A.modelValue || P.animating)), P = b({
+			animating: !1,
+			top: 0,
+			left: 0,
+			width: 0,
+			placement: A.placement
+		}), F = b({
+			top: void 0,
+			left: void 0,
+			hidden: !0
+		});
+		w(() => A.modelValue, fe);
+		let I = l(() => {
+			if (M.value) return;
+			let e = Y(), t = A.width === "anchor" ? e?.getBoundingClientRect().width : void 0;
+			return {
+				top: `${P.top}px`,
+				left: `${P.left}px`,
+				width: t === void 0 ? void 0 : `${t}px`
+			};
+		}), L = l(() => {
+			if (A.arrow) return {
+				top: F.top === void 0 ? void 0 : `${F.top}px`,
+				left: F.left === void 0 ? void 0 : `${F.left}px`,
+				opacity: +!F.hidden
+			};
+		}), R = C("arrow"), z = C("overlay"), B = C("overlayContainer");
+		function V() {
+			let e = Y();
+			if (!e || !B.value) return;
+			let t = {
+				placement: A.placement,
+				width: A.width,
+				offset: A.offset,
+				crossOffset: A.crossOffset,
+				arrow: A.arrow
+			}, n = r(e, B.value, R?.value ?? void 0, t);
+			P.left = n.overlayCoords.x, P.top = n.overlayCoords.y, P.placement = n.placement, F.hidden = n.arrowCoords === void 0, n.arrowCoords && (F.top = n.arrowCoords.y, F.left = n.arrowCoords.x);
+		}
+		w(() => A.placement, () => g(V));
+		let H;
+		function U() {
+			G(0);
+		}
+		function W() {
+			G(A.delay);
+		}
+		function G(e) {
+			H && q(), H = window.setTimeout(() => {
+				j("update:modelValue", !0);
+			}, e);
+		}
+		function K() {
+			if (H && q(), j("update:modelValue", !1), A.anchor && A.trigger === "click") {
+				let e = Y();
+				g(() => e?.focus());
+			}
+		}
+		function q() {
+			clearTimeout(H), H = void 0;
+		}
+		function ce() {
+			g(ye), j("enter");
+		}
+		function le() {
+			J();
+		}
+		function ue() {
+			j("leave");
+		}
+		function de() {
+			J(), be();
+		}
+		function fe() {
+			P.animating = !0;
+		}
+		function J() {
+			P.animating = !1;
+		}
+		function Y() {
+			return A.anchor ? a(A.anchor) : null;
+		}
+		function pe(e) {
+			A.persistent && e.preventDefault();
+		}
+		function me(e) {
+			if (A.persistent) {
+				e.preventDefault();
+				return;
+			}
+			let t = !1;
+			e.defaultPrevented || e.detail.originalEvent.type === "pointerdown" && (t = !0);
+			let n = e.detail.originalEvent.target;
+			if (Y()?.contains(n)) {
+				e.preventDefault();
+				return;
+			}
+			e.detail.originalEvent.type === "focusin" && t && e.preventDefault();
+		}
+		function he() {
+			K();
+		}
+		let X;
+		function Z() {
+			let e = Y();
+			if (e) switch (X = new MutationObserver(V), X.observe(e, {
+				attributes: !1,
+				childList: !0,
+				characterData: !0,
+				subtree: !0
+			}), A.trigger) {
+				case "click":
+					e.addEventListener("click", U);
+					break;
+				case "hover":
+					e.addEventListener("mouseenter", W), e.addEventListener("mouseleave", K), e.addEventListener("focusin", U), e.addEventListener("focusout", K);
+					break;
+			}
+		}
+		function ge() {
+			let e = Y();
+			if (e) switch (X?.disconnect(), A.trigger) {
+				case "click":
+					e.removeEventListener("click", U);
+					break;
+				case "hover":
+					e.removeEventListener("mouseenter", W), e.removeEventListener("mouseleave", K), e.removeEventListener("focusin", U), e.removeEventListener("focusout", K);
+					break;
+			}
+		}
+		function _e() {
+			window.addEventListener("resize", V), A.scrollLock || window.addEventListener("scroll", V);
+		}
+		function ve() {
+			window.removeEventListener("resize", V), A.scrollLock || window.removeEventListener("scroll", V);
+		}
+		let Q;
+		function $() {
+			Y() ? (V(), Q = window.setTimeout($, 100)) : K();
+		}
+		function ye() {
+			M.value || (_e(), A.spy ? $() : V()), (M.value || A.trigger === "click") && !A.initialFocus && !A.focusWithinOnActivate && z.value?.focus();
+		}
+		function be() {
+			M.value || ve(), A.spy && (clearTimeout(Q), Q = void 0);
+		}
+		return re(() => {
+			g(Z);
+		}), ne(ge), (e, r) => (y(), f(o, null, [(y(), u(s, {
+			disabled: !se.value,
+			to: A.attach
+		}, [p(c, {
+			name: "fade",
+			appear: ""
+		}, {
+			default: T(() => [N.value ? (y(), f("div", {
+				key: 0,
+				class: _([
+					A.backdropClass,
+					"q-overlay__underlay",
+					{ "q-overlay__underlay--blur": A.backdropBlur }
+				]),
+				onMousedown: r[0] ||= E(() => {}, ["prevent"])
+			}, null, 34)) : d("v-if", !0)]),
+			_: 1
+		}), p(c, {
+			name: A.transition,
+			appear: "",
+			onEnter: ce,
+			onAfterEnter: le,
+			onLeave: ue,
+			onAfterLeave: de
+		}, {
+			default: T(() => [A.modelValue ? (y(), f("div", {
+				key: 0,
+				id: A.id,
+				ref: "overlayContainer",
+				tabindex: "-1",
+				class: _(ae.value),
+				style: v(I.value)
+			}, [p(S(t), {
+				onDismiss: he,
+				onInteractOutside: me,
+				onPointerDownOutside: pe
+			}, {
+				default: T(() => [B.value ? (y(), u(S(ee), {
+					key: 0,
+					active: !A.nonModal && A.modelValue && A.focusWrap,
+					"initial-focus": A.initialFocus,
+					"focus-within-on-activate": A.focusWithinOnActivate,
+					"closing-focus": A.closingFocus,
+					"return-focus-on-deactivate": A.returnFocusOnDeactivate
+				}, {
+					default: T(() => [te("div", h({
+						ref: "overlay",
+						class: "q-overlay__content",
+						tabindex: "-1",
+						role: N.value ? "dialog" : void 0
+					}, e.$attrs), [A.arrow ? (y(), f("div", {
+						key: 0,
+						ref: "arrow",
+						role: "presentation",
+						class: "q-overlay__arrow",
+						style: v(L.value)
+					}, null, 4)) : d("v-if", !0), x(e.$slots, "default")], 16, O)]),
+					_: 3
+				}, 8, [
+					"active",
+					"initial-focus",
+					"focus-within-on-activate",
+					"closing-focus",
+					"return-focus-on-deactivate"
+				])) : d("v-if", !0)]),
+				_: 3
+			})], 14, D)) : d("v-if", !0)]),
+			_: 3
+		}, 8, ["name"])], 8, ["disabled", "to"])), oe.value ? (y(), u(S(n), { key: 0 })) : d("v-if", !0)], 64));
+	}
 });
-export {
-  Fe as default
-};
+//#endregion
+export { k as default };

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

@@ -0,0 +1,5 @@
+import e from "./QOverlay.vue.js";
+//#region src/components/QOverlay/QOverlay.vue
+var t = e;
+//#endregion
+export { t as default };

package/esm/components/QOverlay/index.js

@@ -1,6 +1,6 @@
-import o from "./QOverlay.vue.js";
-import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
-const t = r(o);
-export {
-  t as QOverlay
-};
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QOverlay2.vue.js";
+//#region src/components/QOverlay/index.ts
+var n = e(t);
+//#endregion
+export { n as QOverlay };