morya-ui 0.1.1 → 0.2.2

package/dist/menu/style.js

@@ -2,4 +2,5 @@ import '../theme/styles.css'
 import '../styles/base.css'
 import '../components/Icon/styles.css'
 import '../components/Popover/styles.css'
+import '../components/Tooltip/styles.css'
 import '../components/Menu/styles.css'

package/dist/menubar/index.js

@@ -1,12 +1,13 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { n as t, t as n } from "../overlay-oR-5MDuE.js";
-import { t as ee } from "../overlayPlacement-Cd20JTD_.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { n, t as ee } from "../overlay-oR-5MDuE.js";
+import { t as te } from "../overlayPlacement-Cd20JTD_.js";
 import { t as r } from "../useMenuKeyboard-BedmYE4W.js";
-import { t as te } from "../icon-xUOyawgJ.js";
-import { c as ne } from "../config-CI8_WBbE.js";
-import { n as re } from "../locale-DYGhxekd.js";
+import { t as i } from "../icon-xUOyawgJ.js";
+import { c as a } from "../config-CI8_WBbE.js";
+import { n as ne } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as i, Teleport as ie, Transition as ae, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as oe, createTextVNode as l, createVNode as u, defineComponent as d, nextTick as f, normalizeClass as p, normalizeStyle as se, onBeforeUnmount as ce, onMounted as le, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, watch as b, withCtx as ue, withModifiers as x } from "vue";
+import { Fragment as o, Teleport as re, Transition as ie, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as ae, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as oe, nextTick as m, normalizeClass as h, normalizeStyle as se, onBeforeUnmount as ce, onMounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useAttrs as le, watch as C, withCtx as ue, withModifiers as w } from "vue";
 //#region src/components/Menubar/Menubar.vue?vue&type=script&setup=true&lang.ts
 var de = ["aria-label"], fe = {
 	key: 0,
@@ -18,28 +19,30 @@ var de = ["aria-label"], fe = {
 	"aria-haspopup",
 	"onClick",
 	"onFocus"
-], S = {
+], me = {
 	key: 0,
 	class: "m-menubar__icon",
 	"aria-hidden": "true"
-}, C = {
+}, T = {
 	key: 1,
 	class: "m-menubar__caret",
 	"aria-hidden": "true"
-}, w = [
+}, he = [
 	"disabled",
 	"tabindex",
 	"onClick"
-], me = {
+], ge = {
 	key: 0,
 	class: "m-menubar__icon",
 	"aria-hidden": "true"
-}, he = {
+}, _e = {
 	key: 1,
 	class: "m-menubar__end"
-}, T = /* @__PURE__ */ d({
+}, E = /* @__PURE__ */ p({
+	inheritAttrs: !1,
 	__name: "Menubar",
 	props: {
+		pt: {},
 		model: {},
 		selectedKey: { default: null },
 		teleport: {
@@ -49,89 +52,89 @@ var de = ["aria-label"], fe = {
 		appendTo: {}
 	},
 	emits: ["update:selectedKey", "select"],
-	setup(d, { emit: T }) {
-		let E = d, D = T, O = ne(), ge = re(), k = h(null), A = h(null), j = h([]), M = h({}), N = a(() => t(E, O.value.appendTo)), P = a(() => n(E, O.value.appendTo));
-		function F(e, t) {
-			j.value[t] = e instanceof HTMLElement ? e : null;
-		}
-		function I() {
-			if (!P.value || k.value == null) return;
-			let e = j.value[k.value];
+	setup(p, { emit: E }) {
+		let D = p, ve = le(), { rootAttrs: ye } = e(ve, () => D.pt), O = E, k = a(), A = ne(), j = v(null), M = v(null), N = v([]), P = v({}), F = s(() => n(D, k.value.appendTo)), I = s(() => ee(D, k.value.appendTo));
+		function be(e, t) {
+			N.value[t] = e instanceof HTMLElement ? e : null;
+		}
+		function L() {
+			if (!I.value || j.value == null) return;
+			let e = N.value[j.value];
 			if (!e) return;
 			let t = e.getBoundingClientRect();
-			M.value = ee(t, "bottom-start", { gap: 4 });
-		}
-		function L(e) {
-			return e.key ?? e.label;
+			P.value = te(t, "bottom-start", { gap: 4 });
 		}
 		function R(e) {
-			return !!(E.selectedKey && L(e) === E.selectedKey);
+			return e.key ?? e.label;
 		}
 		function z(e) {
-			return te(e.icon);
+			return !!(D.selectedKey && R(e) === D.selectedKey);
 		}
 		function B(e) {
-			e.disabled || (e.command?.(), D("update:selectedKey", L(e)), D("select", e));
+			return i(e.icon);
+		}
+		function V(e) {
+			e.disabled || (e.command?.(), O("update:selectedKey", R(e)), O("select", e));
 		}
-		function V(e, t) {
+		function H(e, t) {
 			if (!t.disabled) {
-				if (U.setActive(e), !t.items?.length) {
-					B(t), k.value = null;
+				if (W.setActive(e), !t.items?.length) {
+					V(t), j.value = null;
 					return;
 				}
-				k.value = k.value === e ? null : e, k.value != null && f(() => I());
+				j.value = j.value === e ? null : e, j.value != null && m(() => L());
 			}
 		}
-		let H = a(() => k.value == null ? [] : E.model[k.value]?.items ?? []), U = r({
-			itemCount: () => E.model.length,
-			isItemDisabled: (e) => !!E.model[e]?.disabled,
+		let U = s(() => j.value == null ? [] : D.model[j.value]?.items ?? []), W = r({
+			itemCount: () => D.model.length,
+			isItemDisabled: (e) => !!D.model[e]?.disabled,
 			orientation: "horizontal",
 			initialActiveIndex: 0,
 			onActivate: (e) => {
-				let t = E.model[e];
-				t && V(e, t);
+				let t = D.model[e];
+				t && H(e, t);
 			}
-		}), W = r({
-			itemCount: () => H.value.length,
-			isItemDisabled: (e) => !!H.value[e]?.disabled,
-			enabled: () => k.value != null,
+		}), G = r({
+			itemCount: () => U.value.length,
+			isItemDisabled: (e) => !!U.value[e]?.disabled,
+			enabled: () => j.value != null,
 			onActivate: (e) => {
-				let t = H.value[e];
+				let t = U.value[e];
 				t && Z(t);
 			}
 		});
-		function G(e) {
-			j.value[e]?.focus({ preventScroll: !0 });
+		function K(e) {
+			N.value[e]?.focus({ preventScroll: !0 });
 		}
-		function K() {
-			return A.value?.querySelector(".m-menubar__submenu") || document.querySelector(".m-menubar__submenu--teleported");
+		function xe() {
+			return M.value?.querySelector(".m-menubar__submenu") || document.querySelector(".m-menubar__submenu--teleported");
 		}
 		function q() {
-			let e = W.activeIndex.value;
-			e < 0 || K()?.querySelectorAll(".m-menubar__subitem")[e]?.focus({ preventScroll: !0 });
+			let e = G.activeIndex.value;
+			e < 0 || xe()?.querySelectorAll(".m-menubar__subitem")[e]?.focus({ preventScroll: !0 });
 		}
 		function J(e = !1) {
-			let t = k.value;
-			k.value = null, W.reset(), e && t != null && G(t);
+			let t = j.value;
+			j.value = null, G.reset(), e && t != null && K(t);
 		}
 		function Y(e, t = !1) {
-			k.value = e, U.setActive(e), f(() => {
-				I(), t && (W.moveFirst(), q());
+			j.value = e, W.setActive(e), m(() => {
+				L(), t && (G.moveFirst(), q());
 			});
 		}
 		function X(e) {
-			U.move(e);
-			let t = U.activeIndex.value, n = E.model[t];
-			k.value != null && (n?.items?.length ? Y(t, !0) : J()), G(t);
+			W.move(e);
+			let t = W.activeIndex.value, n = D.model[t];
+			j.value != null && (n?.items?.length ? Y(t, !0) : J()), K(t);
 		}
-		function _e(e) {
+		function Se(e) {
 			if (e.key === "Escape") {
-				k.value != null && (e.preventDefault(), J(!0));
+				j.value != null && (e.preventDefault(), J(!0));
 				return;
 			}
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 				e.preventDefault();
-				let t = U.activeIndex.value, n = E.model[t];
+				let t = W.activeIndex.value, n = D.model[t];
 				n?.items?.length && !n.disabled && Y(t, !0);
 				return;
 			}
@@ -139,9 +142,9 @@ var de = ["aria-label"], fe = {
 				e.preventDefault(), X(e.key === "ArrowRight" ? 1 : -1);
 				return;
 			}
-			U.onKeydown(e);
+			W.onKeydown(e);
 		}
-		function ve(e) {
+		function Ce(e) {
 			if (e.stopPropagation(), e.key === "Escape") {
 				e.preventDefault(), J(!0);
 				return;
@@ -150,89 +153,89 @@ var de = ["aria-label"], fe = {
 				e.preventDefault(), X(e.key === "ArrowRight" ? 1 : -1);
 				return;
 			}
-			W.onKeydown(e);
+			G.onKeydown(e);
 		}
 		function Z(e) {
-			B(e), J(!0);
+			V(e), J(!0);
 		}
-		b(U.activeIndex, (e) => {
-			e >= 0 && k.value == null && G(e);
-		}), b(W.activeIndex, () => {
-			k.value != null && q();
+		C(W.activeIndex, (e) => {
+			e >= 0 && j.value == null && K(e);
+		}), C(G.activeIndex, () => {
+			j.value != null && q();
 		});
 		function Q(e) {
 			let t = e.target;
-			A.value?.contains(t) || document.querySelector(".m-menubar__submenu--teleported")?.contains(t) || J();
+			M.value?.contains(t) || document.querySelector(".m-menubar__submenu--teleported")?.contains(t) || J();
 		}
 		function $() {
-			k.value != null && I();
+			j.value != null && L();
 		}
-		return b(k, (e) => {
-			e != null && P.value ? (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0)) : (window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
-		}), le(() => document.addEventListener("click", Q)), ce(() => {
+		return C(j, (e) => {
+			e != null && I.value ? (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0)) : (window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
+		}), g(() => document.addEventListener("click", Q)), ce(() => {
 			document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
-		}), (t, n) => (m(), c("nav", {
+		}), (e, n) => (_(), u("nav", oe(S(ye), {
 			ref_key: "root",
-			ref: A,
+			ref: M,
 			class: "m-menubar",
-			"aria-label": y(ge).menubar,
-			onKeydown: _e
-		}, [
-			t.$slots.start ? (m(), c("div", fe, [_(t.$slots, "start")])) : s("", !0),
-			(m(!0), c(i, null, g(d.model, (t, n) => (m(), c("div", {
-				key: `${t.label}-${n}`,
-				class: p(["m-menubar__item", {
-					"m-menubar__item--open": k.value === n,
-					"m-menubar__item--selected": R(t)
+			"aria-label": S(A).menubar,
+			onKeydown: Se
+		}), [
+			e.$slots.start ? (_(), u("div", fe, [b(e.$slots, "start")])) : l("", !0),
+			(_(!0), u(o, null, y(p.model, (e, n) => (_(), u("div", {
+				key: `${e.label}-${n}`,
+				class: h(["m-menubar__item", {
+					"m-menubar__item--open": j.value === n,
+					"m-menubar__item--selected": z(e)
 				}])
-			}, [oe("button", {
+			}, [ae("button", {
 				ref_for: !0,
-				ref: (e) => F(e, n),
+				ref: (e) => be(e, n),
 				type: "button",
-				class: p(["m-menubar__trigger", { "m-menubar__trigger--selected": R(t) }]),
-				disabled: t.disabled,
-				tabindex: y(U).tabindexFor(n),
-				"aria-expanded": t.items?.length ? k.value === n : void 0,
-				"aria-haspopup": t.items?.length ? "menu" : void 0,
-				onClick: x((e) => V(n, t), ["stop"]),
-				onFocus: (e) => y(U).setActive(n)
+				class: h(["m-menubar__trigger", { "m-menubar__trigger--selected": z(e) }]),
+				disabled: e.disabled,
+				tabindex: S(W).tabindexFor(n),
+				"aria-expanded": e.items?.length ? j.value === n : void 0,
+				"aria-haspopup": e.items?.length ? "menu" : void 0,
+				onClick: w((t) => H(n, e), ["stop"]),
+				onFocus: (e) => S(W).setActive(n)
 			}, [
-				z(t) ? (m(), c("span", S, [u(e, {
-					name: z(t),
+				B(e) ? (_(), u("span", me, [f(t, {
+					name: B(e),
 					size: "sm"
-				}, null, 8, ["name"])])) : s("", !0),
-				l(" " + v(t.label) + " ", 1),
-				t.items?.length ? (m(), c("span", C, [u(e, {
+				}, null, 8, ["name"])])) : l("", !0),
+				d(" " + x(e.label) + " ", 1),
+				e.items?.length ? (_(), u("span", T, [f(t, {
 					name: "chevron-down",
 					size: "sm"
-				})])) : s("", !0)
-			], 42, pe), (m(), o(ie, {
-				to: N.value.to,
-				disabled: N.value.disabled
-			}, [u(ae, { name: "m-scale-fade" }, {
-				default: ue(() => [t.items?.length && k.value === n ? (m(), c("div", {
+				})])) : l("", !0)
+			], 42, pe), (_(), c(re, {
+				to: F.value.to,
+				disabled: F.value.disabled
+			}, [f(ie, { name: "m-scale-fade" }, {
+				default: ue(() => [e.items?.length && j.value === n ? (_(), u("div", {
 					key: 0,
-					class: p(["m-menubar__submenu", { "m-menubar__submenu--teleported": P.value }]),
-					style: se(P.value ? M.value : void 0),
+					class: h(["m-menubar__submenu", { "m-menubar__submenu--teleported": I.value }]),
+					style: se(I.value ? P.value : void 0),
 					role: "menu",
-					onKeydown: ve
-				}, [(m(!0), c(i, null, g(t.items, (t, n) => (m(), c("button", {
-					key: `${t.label}-${n}`,
+					onKeydown: Ce
+				}, [(_(!0), u(o, null, y(e.items, (e, n) => (_(), u("button", {
+					key: `${e.label}-${n}`,
 					type: "button",
-					class: p(["m-menubar__subitem", { "m-menubar__subitem--selected": R(t) }]),
+					class: h(["m-menubar__subitem", { "m-menubar__subitem--selected": z(e) }]),
 					role: "menuitem",
-					disabled: t.disabled,
-					tabindex: y(W).tabindexFor(n),
-					onClick: x((e) => Z(t), ["stop"])
-				}, [z(t) ? (m(), c("span", me, [u(e, {
-					name: z(t),
+					disabled: e.disabled,
+					tabindex: S(G).tabindexFor(n),
+					onClick: w((t) => Z(e), ["stop"])
+				}, [B(e) ? (_(), u("span", ge, [f(t, {
+					name: B(e),
 					size: "sm"
-				}, null, 8, ["name"])])) : s("", !0), l(" " + v(t.label), 1)], 10, w))), 128))], 38)) : s("", !0)]),
+				}, null, 8, ["name"])])) : l("", !0), d(" " + x(e.label), 1)], 10, he))), 128))], 38)) : l("", !0)]),
 				_: 2
 			}, 1024)], 8, ["to", "disabled"]))], 2))), 128)),
-			t.$slots.end ? (m(), c("div", he, [_(t.$slots, "end")])) : s("", !0)
-		], 40, de));
+			e.$slots.end ? (_(), u("div", _e, [b(e.$slots, "end")])) : l("", !0)
+		], 16, de));
 	}
 });
 //#endregion
-export { T as MMenubar };
+export { E as MMenubar };