morya-ui 0.3.8 → 0.4.1

package/dist/tiered-menu/index.js

@@ -1,34 +1,34 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-od9Ob-Ay.js";
-import { t as n } from "../useMotionTransition-tW0yeJsy.js";
-import { n as ee, t as te } from "../overlay-oR-5MDuE.js";
-import { t as r } from "../overlayPlacement-qwEJPVS4.js";
-import { t as i } from "../useFloatingViewportSync-wLLKIGUA.js";
-import { t as a } from "../Scrollbar-DTeJ8P5b.js";
-import { t as ne } from "../lastPointer-CRxcUqdd.js";
-import { t as o } from "../FlyoutSubmenu-C_OrDaPN.js";
-import { c as re } from "../config-De8ueCY-.js";
+import { n as t, t as n } from "../overlay-oR-5MDuE.js";
+import { t as ee } from "../overlayPlacement-qwEJPVS4.js";
+import { t as r } from "../useFloatingViewportSync-wLLKIGUA.js";
+import { t as i } from "../useMotionTransition-S2rlviyZ.js";
+import { t as a } from "../Icon-od9Ob-Ay.js";
+import { t as o } from "../Scrollbar-DTeJ8P5b.js";
+import { t as s } from "../lastPointer-CRxcUqdd.js";
+import { t as c } from "../FlyoutSubmenu-C1RfFRzH.js";
+import { c as te } from "../config-COgrsSV2.js";
 import "./style.js";
-import { Fragment as s, Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeProps as _, nextTick as v, onBeforeUnmount as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, useAttrs as ie, watch as T, withCtx as E } from "vue";
+import { Fragment as l, Teleport as ne, Transition as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, mergeProps as v, nextTick as y, onBeforeUnmount as b, openBlock as x, ref as S, renderList as C, toDisplayString as w, unref as T, useAttrs as re, watch as E, withCtx as D } from "vue";
 //#region src/components/TieredMenu/TieredMenu.vue?vue&type=script&setup=true&lang.ts
-var ae = ["onMouseenter"], oe = {
+var ie = ["onMouseenter"], ae = {
 	key: 0,
 	class: "m-tieredmenu__separator",
 	role: "separator"
-}, se = [
+}, oe = [
 	"disabled",
 	"aria-haspopup",
 	"aria-expanded",
 	"onClick"
-], ce = {
+], se = {
 	key: 0,
 	class: "m-tieredmenu__caret",
 	"aria-hidden": "true"
-}, le = {
+}, ce = {
 	key: 0,
 	class: "m-tieredmenu__separator",
 	role: "separator"
-}, D = ["disabled", "onClick"], O = ["onMouseenter"], k = {
+}, le = ["disabled", "onClick"], O = ["onMouseenter"], k = {
 	key: 0,
 	class: "m-tieredmenu__separator",
 	role: "separator"
@@ -45,7 +45,7 @@ var ae = ["onMouseenter"], oe = {
 	key: 0,
 	class: "m-tieredmenu__separator",
 	role: "separator"
-}, N = ["disabled", "onClick"], P = /* @__PURE__ */ g({
+}, N = ["disabled", "onClick"], P = /* @__PURE__ */ _({
 	inheritAttrs: !1,
 	__name: "TieredMenu",
 	props: {
@@ -71,15 +71,15 @@ var ae = ["onMouseenter"], oe = {
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(g, { emit: P }) {
-		let F = g, I = P, L = ie(), { rootAttrs: R } = e(L, () => F.pt), z = re(), { transitionName: B, transitionCss: V } = n({
+	setup(_, { emit: P }) {
+		let F = _, I = P, L = re(), { rootAttrs: R } = e(L, () => F.pt), z = te(), { transitionName: B, transitionCss: V } = i({
 			role: "popup",
 			local: () => F.transition,
 			componentName: "TieredMenu",
 			fallback: "scale-fade"
-		}), H = x(null), U = x(null), W = x(null), G = x({}), K = u(() => ee(F.popup ? F : { teleport: !1 }, z.value.appendTo)), q = u(() => F.popup && te(F, z.value.appendTo));
+		}), H = S(null), U = S(null), W = S(null), G = S({}), K = d(() => t(F.popup ? F : { teleport: !1 }, z.value.appendTo)), q = d(() => F.popup && n(F, z.value.appendTo));
 		function ue() {
-			let { x: e, y: t } = ne();
+			let { x: e, y: t } = s();
 			return {
 				left: e,
 				top: t,
@@ -90,7 +90,7 @@ var ae = ["onMouseenter"], oe = {
 			};
 		}
 		function J() {
-			!F.popup || !F.modelValue || !q.value || (G.value = r(ue(), F.placement, { minWidth: "12rem" }));
+			!F.popup || !F.modelValue || !q.value || (G.value = ee(ue(), F.placement, { minWidth: "12rem" }));
 		}
 		function de() {
 			F.modelValue && J();
@@ -117,128 +117,128 @@ var ae = ["onMouseenter"], oe = {
 			let t = e.target;
 			H.value?.contains(t) || document.querySelector(".m-tieredmenu__submenu--teleported")?.contains(t) || (U.value = null, W.value = null, F.popup && F.modelValue && I("update:modelValue", !1));
 		}
-		return T(() => !!(!F.popup || F.modelValue), (e) => {
+		return E(() => !!(!F.popup || F.modelValue), (e) => {
 			e ? document.addEventListener("click", $) : document.removeEventListener("click", $);
-		}, { immediate: !0 }), T(() => F.modelValue, (e) => {
-			F.popup && e && v(J);
-		}, { immediate: !0 }), i(() => !!(F.popup && F.modelValue && q.value), de), y(() => {
+		}, { immediate: !0 }), E(() => F.modelValue, (e) => {
+			F.popup && e && y(J);
+		}, { immediate: !0 }), r(() => !!(F.popup && F.modelValue && q.value), de), b(() => {
 			document.removeEventListener("click", $);
-		}), (e, n) => g.popup ? (b(), d(c, {
+		}), (e, t) => _.popup ? (x(), f(ne, {
 			key: 1,
 			to: K.value.to,
 			disabled: K.value.disabled
-		}, [h(l, {
-			name: w(B),
-			css: w(V)
+		}, [g(u, {
+			name: T(B),
+			css: T(V)
 		}, {
-			default: E(() => [g.modelValue ? (b(), p("div", _({
+			default: D(() => [_.modelValue ? (x(), m("div", v({
 				key: 0,
 				ref_key: "root",
 				ref: H
-			}, w(R), {
+			}, T(R), {
 				class: ["m-tieredmenu m-tieredmenu--popup", { "m-tieredmenu--teleported": q.value }],
 				style: q.value ? G.value : void 0,
 				role: "menu"
-			}), [h(a, {
+			}), [g(o, {
 				class: "m-tieredmenu__scroll",
 				"fit-content": "",
 				"wrap-class": "m-tieredmenu__scroll-wrap",
 				"view-class": "m-tieredmenu__scroll-view"
 			}, {
-				default: E(() => [(b(!0), p(s, null, S(g.model, (e, n) => (b(), p("div", {
-					key: `${e.label ?? "sep"}-${n}`,
+				default: D(() => [(x(!0), m(l, null, C(_.model, (e, t) => (x(), m("div", {
+					key: `${e.label ?? "sep"}-${t}`,
 					class: "m-tieredmenu__row",
-					onMouseenter: (t) => Q(n, e, t)
-				}, [e.separator ? (b(), p("div", k)) : (b(), p("button", {
+					onMouseenter: (n) => Q(t, e, n)
+				}, [e.separator ? (x(), m("div", k)) : (x(), m("button", {
 					key: 1,
 					type: "button",
 					class: "m-tieredmenu__item",
 					role: "menuitem",
 					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, t) : Y(e)
-				}, [m("span", null, C(e.label), 1), e.items?.length ? (b(), p("span", j, [h(t, {
+					"aria-expanded": e.items?.length ? U.value === t : void 0,
+					onClick: (n) => e.items?.length ? Q(t, e, n) : Y(e)
+				}, [h("span", null, w(e.label), 1), e.items?.length ? (x(), m("span", j, [g(a, {
 					name: "chevron-right",
 					size: "sm"
-				})])) : f("", !0)], 8, A)), h(o, {
-					open: U.value === n && !!e.items?.length,
-					anchor: U.value === n ? W.value : null,
+				})])) : p("", !0)], 8, A)), g(c, {
+					open: U.value === t && !!e.items?.length,
+					anchor: U.value === t ? W.value : null,
 					"panel-class": "m-tieredmenu__submenu"
 				}, {
-					default: E(() => [h(a, {
+					default: D(() => [g(o, {
 						class: "m-tieredmenu__submenu-scroll",
 						"fit-content": "",
 						"wrap-class": "m-tieredmenu__submenu-wrap-inner",
 						"view-class": "m-tieredmenu__submenu-view"
 					}, {
-						default: E(() => [(b(!0), p(s, null, S(e.items, (e, t) => (b(), p(s, { key: `${e.label ?? "sep"}-${t}` }, [e.separator ? (b(), p("div", M)) : (b(), p("button", {
+						default: D(() => [(x(!0), m(l, null, C(e.items, (e, t) => (x(), m(l, { key: `${e.label ?? "sep"}-${t}` }, [e.separator ? (x(), m("div", M)) : (x(), m("button", {
 							key: 1,
 							type: "button",
 							class: "m-tieredmenu__item",
 							role: "menuitem",
 							disabled: e.disabled,
 							onClick: (t) => X(e)
-						}, C(e.label), 9, N))], 64))), 128))]),
+						}, w(e.label), 9, N))], 64))), 128))]),
 						_: 2
 					}, 1024)]),
 					_: 2
 				}, 1032, ["open", "anchor"])], 40, O))), 128))]),
 				_: 1
-			})], 16)) : f("", !0)]),
+			})], 16)) : p("", !0)]),
 			_: 1
-		}, 8, ["name", "css"])], 8, ["to", "disabled"])) : (b(), p("div", _({
+		}, 8, ["name", "css"])], 8, ["to", "disabled"])) : (x(), m("div", v({
 			key: 0,
 			ref_key: "root",
 			ref: H
-		}, w(R), {
+		}, T(R), {
 			class: "m-tieredmenu",
 			role: "menu"
-		}), [h(a, {
+		}), [g(o, {
 			class: "m-tieredmenu__scroll",
 			"fit-content": "",
 			"wrap-class": "m-tieredmenu__scroll-wrap",
 			"view-class": "m-tieredmenu__scroll-view"
 		}, {
-			default: E(() => [(b(!0), p(s, null, S(g.model, (e, n) => (b(), p("div", {
-				key: `${e.label ?? "sep"}-${n}`,
+			default: D(() => [(x(!0), m(l, null, C(_.model, (e, t) => (x(), m("div", {
+				key: `${e.label ?? "sep"}-${t}`,
 				class: "m-tieredmenu__row",
-				onMouseenter: (t) => Q(n, e, t)
-			}, [e.separator ? (b(), p("div", oe)) : (b(), p("button", {
+				onMouseenter: (n) => Q(t, e, n)
+			}, [e.separator ? (x(), m("div", ae)) : (x(), m("button", {
 				key: 1,
 				type: "button",
 				class: "m-tieredmenu__item",
 				role: "menuitem",
 				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, t) : Y(e)
-			}, [m("span", null, C(e.label), 1), e.items?.length ? (b(), p("span", ce, [h(t, {
+				"aria-expanded": e.items?.length ? U.value === t : void 0,
+				onClick: (n) => e.items?.length ? Q(t, e, n) : Y(e)
+			}, [h("span", null, w(e.label), 1), e.items?.length ? (x(), m("span", se, [g(a, {
 				name: "chevron-right",
 				size: "sm"
-			})])) : f("", !0)], 8, se)), h(o, {
-				open: U.value === n && !!e.items?.length,
-				anchor: U.value === n ? W.value : null,
+			})])) : p("", !0)], 8, oe)), g(c, {
+				open: U.value === t && !!e.items?.length,
+				anchor: U.value === t ? W.value : null,
 				"panel-class": "m-tieredmenu__submenu"
 			}, {
-				default: E(() => [h(a, {
+				default: D(() => [g(o, {
 					class: "m-tieredmenu__submenu-scroll",
 					"fit-content": "",
 					"wrap-class": "m-tieredmenu__submenu-wrap-inner",
 					"view-class": "m-tieredmenu__submenu-view"
 				}, {
-					default: E(() => [(b(!0), p(s, null, S(e.items, (e, t) => (b(), p(s, { key: `${e.label ?? "sep"}-${t}` }, [e.separator ? (b(), p("div", le)) : (b(), p("button", {
+					default: D(() => [(x(!0), m(l, null, C(e.items, (e, t) => (x(), m(l, { key: `${e.label ?? "sep"}-${t}` }, [e.separator ? (x(), m("div", ce)) : (x(), m("button", {
 						key: 1,
 						type: "button",
 						class: "m-tieredmenu__item",
 						role: "menuitem",
 						disabled: e.disabled,
 						onClick: (t) => X(e)
-					}, C(e.label), 9, D))], 64))), 128))]),
+					}, w(e.label), 9, le))], 64))), 128))]),
 					_: 2
 				}, 1024)]),
 				_: 2
-			}, 1032, ["open", "anchor"])], 40, ae))), 128))]),
+			}, 1032, ["open", "anchor"])], 40, ie))), 128))]),
 			_: 1
 		})], 16));
 	}