morya-ui 0.1.1 → 0.2.2

package/dist/tiered-menu/index.js

@@ -1,56 +1,59 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { n as t, t as n } from "../overlay-oR-5MDuE.js";
-import { t as r } from "../overlayPlacement-Cd20JTD_.js";
-import { t as i } from "../lastPointer-CRxcUqdd.js";
-import { c as a } from "../config-CI8_WBbE.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { n, t as r } from "../overlay-oR-5MDuE.js";
+import { t as i } from "../overlayPlacement-Cd20JTD_.js";
+import { t as a } from "../lastPointer-CRxcUqdd.js";
+import { c as o } from "../config-CI8_WBbE.js";
 import "./style.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 p, createVNode as m, defineComponent as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, watch as w, withCtx as T } from "vue";
+import { Fragment as s, Teleport as c, Transition as l, computed as u, createBlock as ee, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, mergeProps as g, nextTick as _, onBeforeUnmount as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, useAttrs as w, watch as T, withCtx as E } from "vue";
 //#region src/components/TieredMenu/TieredMenu.vue?vue&type=script&setup=true&lang.ts
-var E = ["onMouseenter"], D = {
+var D = ["onMouseenter"], O = {
 	key: 0,
 	class: "m-tieredmenu__separator",
 	role: "separator"
-}, O = [
+}, te = [
 	"disabled",
 	"aria-haspopup",
 	"aria-expanded",
 	"onClick"
-], ee = {
+], ne = {
 	key: 0,
 	class: "m-tieredmenu__caret",
 	"aria-hidden": "true"
-}, te = {
+}, re = {
 	key: 2,
 	class: "m-tieredmenu__submenu",
 	role: "menu"
-}, k = {
+}, ie = {
 	key: 0,
 	class: "m-tieredmenu__separator",
 	role: "separator"
-}, A = ["disabled", "onClick"], j = ["onMouseenter"], M = {
+}, ae = ["disabled", "onClick"], k = ["onMouseenter"], A = {
 	key: 0,
 	class: "m-tieredmenu__separator",
 	role: "separator"
-}, N = [
+}, j = [
 	"disabled",
 	"aria-haspopup",
 	"aria-expanded",
 	"onClick"
-], P = {
+], M = {
 	key: 0,
 	class: "m-tieredmenu__caret",
 	"aria-hidden": "true"
-}, F = {
+}, N = {
 	key: 2,
 	class: "m-tieredmenu__submenu",
 	role: "menu"
-}, I = {
+}, P = {
 	key: 0,
 	class: "m-tieredmenu__separator",
 	role: "separator"
-}, L = ["disabled", "onClick"], R = /* @__PURE__ */ h({
+}, F = ["disabled", "onClick"], I = /* @__PURE__ */ h({
+	inheritAttrs: !1,
 	__name: "TieredMenu",
 	props: {
+		pt: {},
 		model: {},
 		popup: {
 			type: Boolean,
@@ -68,10 +71,10 @@ var E = ["onMouseenter"], D = {
 		appendTo: {}
 	},
 	emits: ["update:modelValue"],
-	setup(h, { emit: R }) {
-		let z = h, B = R, V = a(), H = x(null), U = x(null), W = x({}), G = l(() => t(z.popup ? z : { teleport: !1 }, V.value.appendTo)), K = l(() => z.popup && n(z, V.value.appendTo));
+	setup(h, { emit: I }) {
+		let L = h, R = w(), { rootAttrs: z } = e(R, () => L.pt), B = I, V = o(), H = b(null), U = b(null), W = b({}), G = u(() => n(L.popup ? L : { teleport: !1 }, V.value.appendTo)), K = u(() => L.popup && r(L, V.value.appendTo));
 		function q() {
-			let { x: e, y: t } = i();
+			let { x: e, y: t } = a();
 			return {
 				left: e,
 				top: t,
@@ -82,16 +85,16 @@ var E = ["onMouseenter"], D = {
 			};
 		}
 		function J() {
-			!z.popup || !z.modelValue || !K.value || (W.value = r(q(), z.placement, { minWidth: "12rem" }));
+			!L.popup || !L.modelValue || !K.value || (W.value = i(q(), L.placement, { minWidth: "12rem" }));
 		}
 		function Y() {
-			z.modelValue && J();
+			L.modelValue && J();
 		}
 		function X(e) {
-			e.disabled || e.separator || e.items?.length || (e.command?.(), U.value = null, z.popup && B("update:modelValue", !1));
+			e.disabled || e.separator || e.items?.length || (e.command?.(), U.value = null, L.popup && B("update:modelValue", !1));
 		}
 		function Z(e) {
-			e.disabled || e.separator || (e.command?.(), U.value = null, z.popup && B("update:modelValue", !1));
+			e.disabled || e.separator || (e.command?.(), U.value = null, L.popup && B("update:modelValue", !1));
 		}
 		function Q(e, t) {
 			if (t.disabled || !t.items?.length) {
@@ -101,82 +104,84 @@ var E = ["onMouseenter"], D = {
 			U.value = e;
 		}
 		function $(e) {
-			H.value && !H.value.contains(e.target) && (U.value = null, z.popup && z.modelValue && B("update:modelValue", !1));
+			H.value && !H.value.contains(e.target) && (U.value = null, L.popup && L.modelValue && B("update:modelValue", !1));
 		}
-		return w(() => !!(!z.popup || z.modelValue), (e) => {
+		return T(() => !!(!L.popup || L.modelValue), (e) => {
 			e ? document.addEventListener("click", $) : document.removeEventListener("click", $);
-		}, { immediate: !0 }), w(() => z.modelValue, (e) => {
-			z.popup && (e ? (g(J), K.value && (window.addEventListener("resize", Y), window.addEventListener("scroll", Y, !0))) : (window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, !0)));
-		}, { immediate: !0 }), y(() => {
+		}, { immediate: !0 }), T(() => L.modelValue, (e) => {
+			L.popup && (e ? (_(J), K.value && (window.addEventListener("resize", Y), window.addEventListener("scroll", Y, !0))) : (window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, !0)));
+		}, { immediate: !0 }), v(() => {
 			document.removeEventListener("click", $), window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, !0);
-		}), (t, n) => h.popup ? (b(), u(s, {
+		}), (e, n) => h.popup ? (y(), ee(c, {
 			key: 1,
 			to: G.value.to,
 			disabled: G.value.disabled
-		}, [m(c, { name: "m-scale-fade" }, {
-			default: T(() => [h.modelValue ? (b(), f("div", {
+		}, [m(l, { name: "m-scale-fade" }, {
+			default: E(() => [h.modelValue ? (y(), f("div", g({
 				key: 0,
 				ref_key: "root",
-				ref: H,
-				class: _(["m-tieredmenu wk-tieredmenu--popup", { "m-tieredmenu--teleported": K.value }]),
-				style: v(K.value ? W.value : void 0),
+				ref: H
+			}, C(z), {
+				class: ["m-tieredmenu m-tieredmenu--popup", { "m-tieredmenu--teleported": K.value }],
+				style: K.value ? W.value : void 0,
 				role: "menu"
-			}, [(b(!0), f(o, null, S(h.model, (t, n) => (b(), f("div", {
-				key: `${t.label ?? "sep"}-${n}`,
+			}), [(y(!0), f(s, null, x(h.model, (e, n) => (y(), f("div", {
+				key: `${e.label ?? "sep"}-${n}`,
 				class: "m-tieredmenu__row",
-				onMouseenter: (e) => Q(n, t)
-			}, [t.separator ? (b(), f("div", M)) : (b(), f("button", {
+				onMouseenter: (t) => Q(n, e)
+			}, [e.separator ? (y(), f("div", A)) : (y(), f("button", {
 				key: 1,
 				type: "button",
 				class: "m-tieredmenu__item",
 				role: "menuitem",
-				disabled: t.disabled,
-				"aria-haspopup": t.items?.length ? "menu" : void 0,
-				"aria-expanded": t.items?.length ? U.value === n : void 0,
-				onClick: (e) => t.items?.length ? Q(n, t) : X(t)
-			}, [p("span", null, C(t.label), 1), t.items?.length ? (b(), f("span", P, [m(e, {
+				disabled: e.disabled,
+				"aria-haspopup": e.items?.length ? "menu" : void 0,
+				"aria-expanded": e.items?.length ? U.value === n : void 0,
+				onClick: (t) => e.items?.length ? Q(n, e) : X(e)
+			}, [p("span", null, S(e.label), 1), e.items?.length ? (y(), f("span", M, [m(t, {
 				name: "chevron-right",
 				size: "sm"
-			})])) : d("", !0)], 8, N)), t.items?.length && U.value === n ? (b(), f("div", F, [(b(!0), f(o, null, S(t.items, (e, t) => (b(), f(o, { key: `${e.label ?? "sep"}-${t}` }, [e.separator ? (b(), f("div", I)) : (b(), f("button", {
+			})])) : d("", !0)], 8, j)), e.items?.length && U.value === n ? (y(), f("div", N, [(y(!0), f(s, null, x(e.items, (e, t) => (y(), f(s, { key: `${e.label ?? "sep"}-${t}` }, [e.separator ? (y(), f("div", P)) : (y(), f("button", {
 				key: 1,
 				type: "button",
 				class: "m-tieredmenu__item",
 				role: "menuitem",
 				disabled: e.disabled,
 				onClick: (t) => Z(e)
-			}, C(e.label), 9, L))], 64))), 128))])) : d("", !0)], 40, j))), 128))], 6)) : d("", !0)]),
+			}, S(e.label), 9, F))], 64))), 128))])) : d("", !0)], 40, k))), 128))], 16)) : d("", !0)]),
 			_: 1
-		})], 8, ["to", "disabled"])) : (b(), f("div", {
+		})], 8, ["to", "disabled"])) : (y(), f("div", g({
 			key: 0,
 			ref_key: "root",
-			ref: H,
+			ref: H
+		}, C(z), {
 			class: "m-tieredmenu",
 			role: "menu"
-		}, [(b(!0), f(o, null, S(h.model, (t, n) => (b(), f("div", {
-			key: `${t.label ?? "sep"}-${n}`,
+		}), [(y(!0), f(s, null, x(h.model, (e, n) => (y(), f("div", {
+			key: `${e.label ?? "sep"}-${n}`,
 			class: "m-tieredmenu__row",
-			onMouseenter: (e) => Q(n, t)
-		}, [t.separator ? (b(), f("div", D)) : (b(), f("button", {
+			onMouseenter: (t) => Q(n, e)
+		}, [e.separator ? (y(), f("div", O)) : (y(), f("button", {
 			key: 1,
 			type: "button",
 			class: "m-tieredmenu__item",
 			role: "menuitem",
-			disabled: t.disabled,
-			"aria-haspopup": t.items?.length ? "menu" : void 0,
-			"aria-expanded": t.items?.length ? U.value === n : void 0,
-			onClick: (e) => t.items?.length ? Q(n, t) : X(t)
-		}, [p("span", null, C(t.label), 1), t.items?.length ? (b(), f("span", ee, [m(e, {
+			disabled: e.disabled,
+			"aria-haspopup": e.items?.length ? "menu" : void 0,
+			"aria-expanded": e.items?.length ? U.value === n : void 0,
+			onClick: (t) => e.items?.length ? Q(n, e) : X(e)
+		}, [p("span", null, S(e.label), 1), e.items?.length ? (y(), f("span", ne, [m(t, {
 			name: "chevron-right",
 			size: "sm"
-		})])) : d("", !0)], 8, O)), t.items?.length && U.value === n ? (b(), f("div", te, [(b(!0), f(o, null, S(t.items, (e, t) => (b(), f(o, { key: `${e.label ?? "sep"}-${t}` }, [e.separator ? (b(), f("div", k)) : (b(), f("button", {
+		})])) : d("", !0)], 8, te)), e.items?.length && U.value === n ? (y(), f("div", re, [(y(!0), f(s, null, x(e.items, (e, t) => (y(), f(s, { key: `${e.label ?? "sep"}-${t}` }, [e.separator ? (y(), f("div", ie)) : (y(), f("button", {
 			key: 1,
 			type: "button",
 			class: "m-tieredmenu__item",
 			role: "menuitem",
 			disabled: e.disabled,
 			onClick: (t) => Z(e)
-		}, C(e.label), 9, A))], 64))), 128))])) : d("", !0)], 40, E))), 128))], 512));
+		}, S(e.label), 9, ae))], 64))), 128))])) : d("", !0)], 40, D))), 128))], 16));
 	}
 });
 //#endregion
-export { R as MTieredMenu };
+export { I as MTieredMenu };