@quidgest/ui 0.17.2 → 0.17.4

package/esm/components/QDismissibleLayer/QDismissibleLayer.vue.js

@@ -1,70 +1,64 @@
-import { defineComponent as p, useTemplateRef as m, useId as v, onMounted as E, onUnmounted as w, createElementBlock as h, openBlock as y, renderSlot as b } from "vue";
-import { useDismissibleLayerStackItem as _ } from "../../composables/useDismissibleLayerStack/index.js";
-const g = { ref: "layer" }, P = /* @__PURE__ */ p({
-  __name: "QDismissibleLayer",
-  emits: ["escape-key-down", "pointer-down-outside", "focus-outside", "interact-outside", "dismiss"],
-  setup(L, { emit: c }) {
-    const o = c, u = m("layer"), l = v(), e = _(l);
-    let i = [];
-    function r(t) {
-      t.key === "Escape" && (e != null && e.isTop()) && (o("escape-key-down", t), t.defaultPrevented || o("dismiss", t));
-    }
-    function d(t) {
-      if (!u.value) return;
-      const s = t.target;
-      if (!u.value.contains(s) && (e != null && e.isTop())) {
-        const n = new CustomEvent("focus-outside", {
-          bubbles: !1,
-          cancelable: !0,
-          detail: { originalEvent: t }
-        });
-        o("focus-outside", n), o("interact-outside", n), n.defaultPrevented || o("dismiss", n);
-      }
-    }
-    function a(t) {
-      if (!u.value || !(e != null && e.isTop())) return;
-      const s = t.target;
-      if (!u.value.contains(s)) {
-        const n = new CustomEvent("pointer-down-outside", {
-          bubbles: !1,
-          cancelable: !0,
-          detail: { originalEvent: t }
-        });
-        o("pointer-down-outside", n), o("interact-outside", n), n.defaultPrevented || o("dismiss", n);
-      }
-    }
-    function f() {
-      ["mousedown", "touchstart"].forEach((s) => {
-        document.addEventListener(s, a, {
-          passive: !0,
-          capture: !0
-          // Use capture phase to ensure we catch the event
-        }), i.push(() => {
-          document.removeEventListener(s, a, {
-            capture: !0
-          });
-        });
-      });
-    }
-    return E(() => {
-      e == null || e.register(), document.addEventListener("keydown", r), i.push(() => {
-        document.removeEventListener("keydown", r);
-      }), document.addEventListener("focusin", d), i.push(() => {
-        document.removeEventListener("focusin", d);
-      }), f();
-    }), w(() => {
-      e == null || e.unregister(), i.forEach((t) => t()), i = [];
-    }), (t, s) => (y(), h(
-      "div",
-      g,
-      [
-        b(t.$slots, "default")
-      ],
-      512
-      /* NEED_PATCH */
-    ));
-  }
+import { useDismissibleLayerStackItem as e } from "../../composables/useDismissibleLayerStack/index.js";
+import { createElementBlock as t, defineComponent as n, onMounted as r, onUnmounted as i, openBlock as a, renderSlot as o, useId as s, useTemplateRef as c } from "vue";
+//#region src/components/QDismissibleLayer/QDismissibleLayer.vue?vue&type=script&setup=true&lang.ts
+var l = { ref: "layer" }, u = /*@__PURE__*/ n({
+	__name: "QDismissibleLayer",
+	emits: [
+		"escape-key-down",
+		"pointer-down-outside",
+		"focus-outside",
+		"interact-outside",
+		"dismiss"
+	],
+	setup(n, { emit: u }) {
+		let d = u, f = c("layer"), p = e(s()), m = [];
+		function h(e) {
+			e.key === "Escape" && p?.isTop() && (d("escape-key-down", e), e.defaultPrevented || d("dismiss", e));
+		}
+		function g(e) {
+			if (!f.value) return;
+			let t = e.target;
+			if (!f.value.contains(t) && p?.isTop()) {
+				let t = new CustomEvent("focus-outside", {
+					bubbles: !1,
+					cancelable: !0,
+					detail: { originalEvent: e }
+				});
+				d("focus-outside", t), d("interact-outside", t), t.defaultPrevented || d("dismiss", t);
+			}
+		}
+		function _(e) {
+			if (!f.value || !p?.isTop()) return;
+			let t = e.target;
+			if (!f.value.contains(t)) {
+				let t = new CustomEvent("pointer-down-outside", {
+					bubbles: !1,
+					cancelable: !0,
+					detail: { originalEvent: e }
+				});
+				d("pointer-down-outside", t), d("interact-outside", t), t.defaultPrevented || d("dismiss", t);
+			}
+		}
+		function v() {
+			["mousedown", "touchstart"].forEach((e) => {
+				document.addEventListener(e, _, {
+					passive: !0,
+					capture: !0
+				}), m.push(() => {
+					document.removeEventListener(e, _, { capture: !0 });
+				});
+			});
+		}
+		return r(() => {
+			p?.register(), document.addEventListener("keydown", h), m.push(() => {
+				document.removeEventListener("keydown", h);
+			}), document.addEventListener("focusin", g), m.push(() => {
+				document.removeEventListener("focusin", g);
+			}), v();
+		}), i(() => {
+			p?.unregister(), m.forEach((e) => e()), m = [];
+		}), (e, n) => (a(), t("div", l, [o(e.$slots, "default")], 512));
+	}
 });
-export {
-  P as default
-};
+//#endregion
+export { u as default };

package/esm/components/QDismissibleLayer/QDismissibleLayer2.vue.js

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

package/esm/components/QDismissibleLayer/index.js

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

package/esm/components/QDivider/QDivider.vue.js

@@ -1,63 +1,40 @@
-import { defineComponent as m, computed as i, useSlots as p, toRef as f, createElementBlock as r, openBlock as n, normalizeStyle as _, normalizeClass as q, createCommentVNode as k, Fragment as y, createElementVNode as l, renderSlot as h } from "vue";
-import { useColor as C } from "../../composables/useColor/index.js";
-const $ = ["id"], b = { class: "q-divider__label" }, S = /* @__PURE__ */ m({
-  __name: "QDivider",
-  props: {
-    id: {},
-    class: {},
-    direction: { default: "horizontal" },
-    inset: { type: Boolean },
-    thickness: { default: 1 },
-    color: { default: "neutral" }
-  },
-  setup(d) {
-    const e = d, o = i(() => !!p().default), a = i(() => [
-      "q-divider",
-      `q-divider--${e.direction}`,
-      {
-        "q-divider--inset": e.inset,
-        "q-divider--labeled": o.value
-      },
-      e.class
-    ]), { isUtilityColor: c, style: u } = C(f(e, "color")), v = i(() => {
-      var s;
-      const t = {};
-      return e.thickness >= 0 && e.thickness !== 1 && (t["--q-divider-thickness"] = `${e.thickness}px`), e.color !== "neutral" && (t["--q-divider-color"] = c.value ? `var(--q-theme-${e.color})` : (s = u.value) == null ? void 0 : s.mainColor), t;
-    });
-    return (t, s) => (n(), r("div", {
-      id: e.id,
-      class: q(a.value),
-      style: _(v.value),
-      role: "separator"
-    }, [
-      o.value ? (n(), r(
-        y,
-        { key: 0 },
-        [
-          s[0] || (s[0] = l(
-            "div",
-            { class: "q-divider__line" },
-            null,
-            -1
-            /* CACHED */
-          )),
-          l("span", b, [
-            h(t.$slots, "default")
-          ]),
-          s[1] || (s[1] = l(
-            "div",
-            { class: "q-divider__line" },
-            null,
-            -1
-            /* CACHED */
-          ))
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : k("v-if", !0)
-    ], 14, $));
-  }
+import { useColor as e } from "../../composables/useColor/index.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderSlot as u, toRef as d, useSlots as f } from "vue";
+//#region src/components/QDivider/QDivider.vue?vue&type=script&setup=true&lang.ts
+var p = ["id"], m = { class: "q-divider__label" }, h = /*@__PURE__*/ o({
+	__name: "QDivider",
+	props: {
+		id: {},
+		class: {},
+		direction: { default: "horizontal" },
+		inset: { type: Boolean },
+		thickness: { default: 1 },
+		color: { default: "neutral" }
+	},
+	setup(o) {
+		let h = o, g = n(() => !!f().default), _ = n(() => [
+			"q-divider",
+			`q-divider--${h.direction}`,
+			{
+				"q-divider--inset": h.inset,
+				"q-divider--labeled": g.value
+			},
+			h.class
+		]), { isUtilityColor: v, style: y } = e(d(h, "color")), b = n(() => {
+			let e = {};
+			return h.thickness >= 0 && h.thickness !== 1 && (e["--q-divider-thickness"] = `${h.thickness}px`), h.color !== "neutral" && (e["--q-divider-color"] = v.value ? `var(--q-theme-${h.color})` : y.value?.mainColor), e;
+		});
+		return (e, n) => (l(), i("div", {
+			id: h.id,
+			class: s(_.value),
+			style: c(b.value),
+			role: "separator"
+		}, [g.value ? (l(), i(t, { key: 0 }, [
+			n[0] ||= a("div", { class: "q-divider__line" }, null, -1),
+			a("span", m, [u(e.$slots, "default")]),
+			n[1] ||= a("div", { class: "q-divider__line" }, null, -1)
+		], 64)) : r("v-if", !0)], 14, p));
+	}
 });
-export {
-  S as default
-};
+//#endregion
+export { h as default };

package/esm/components/QDivider/QDivider2.vue.js

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

package/esm/components/QDivider/index.js

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

package/esm/components/QDropdownMenu/QDropdownMenu.vue.js

@@ -1,65 +1,55 @@
-import { defineComponent as V, mergeModels as p, useModel as g, createBlock as v, openBlock as $, mergeProps as y, withCtx as n, renderSlot as l, nextTick as M } from "vue";
-import k from "./QDropdownMenuContent.vue.js";
-const h = /* @__PURE__ */ V({
-  inheritAttrs: !1,
-  __name: "QDropdownMenu",
-  props: /* @__PURE__ */ p({
-    id: {},
-    class: {},
-    activator: {},
-    itemValue: {},
-    itemLabel: {},
-    items: {},
-    groups: {},
-    appearance: {},
-    placement: {},
-    transition: {},
-    inline: { type: Boolean },
-    delay: {},
-    trigger: {},
-    depth: {},
-    icons: {}
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ p(["select"], ["update:modelValue"]),
-  setup(a, { emit: m }) {
-    const r = a, d = m, s = g(a, "modelValue");
-    let o;
-    function u(e) {
-      d("select", e);
-    }
-    function c() {
-      o = document.activeElement;
-    }
-    async function f() {
-      await M(), o == null || o.focus();
-    }
-    return (e, i) => ($(), v(k, y(r, {
-      modelValue: s.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (t) => s.value = t),
-      onSelect: u,
-      onOpen: c,
-      onFocusPrevious: f
-    }), {
-      prepend: n(() => [
-        l(e.$slots, "prepend")
-      ]),
-      append: n(() => [
-        l(e.$slots, "append")
-      ]),
-      item: n(({ item: t }) => [
-        l(e.$slots, "item", { item: t })
-      ]),
-      "item.append": n(({ item: t }) => [
-        l(e.$slots, "item.append", { item: t })
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 16, ["modelValue"]));
-  }
+import e from "./QDropdownMenuContent2.vue.js";
+import { createBlock as t, defineComponent as n, mergeModels as r, mergeProps as i, nextTick as a, openBlock as o, renderSlot as s, useModel as c, withCtx as l } from "vue";
+//#region src/components/QDropdownMenu/QDropdownMenu.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "QDropdownMenu",
+	props: /*@__PURE__*/ r({
+		id: {},
+		class: {},
+		activator: {},
+		itemValue: {},
+		itemLabel: {},
+		items: {},
+		groups: {},
+		appearance: {},
+		placement: {},
+		transition: {},
+		inline: { type: Boolean },
+		delay: {},
+		trigger: {},
+		depth: {},
+		icons: {}
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ r(["select"], ["update:modelValue"]),
+	setup(n, { emit: r }) {
+		let u = n, d = r, f = c(n, "modelValue"), p;
+		function m(e) {
+			d("select", e);
+		}
+		function h() {
+			p = document.activeElement;
+		}
+		async function g() {
+			await a(), p?.focus();
+		}
+		return (n, r) => (o(), t(e, i(u, {
+			modelValue: f.value,
+			"onUpdate:modelValue": r[0] ||= (e) => f.value = e,
+			onSelect: m,
+			onOpen: h,
+			onFocusPrevious: g
+		}), {
+			prepend: l(() => [s(n.$slots, "prepend")]),
+			append: l(() => [s(n.$slots, "append")]),
+			item: l(({ item: e }) => [s(n.$slots, "item", { item: e })]),
+			"item.append": l(({ item: e }) => [s(n.$slots, "item.append", { item: e })]),
+			_: 3
+		}, 16, ["modelValue"]));
+	}
 });
-export {
-  h as default
-};
+//#endregion
+export { u as default };

package/esm/components/QDropdownMenu/QDropdownMenu2.vue.js

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