morya-ui 0.5.0 → 0.5.1

package/dist/sidebar/index.js

@@ -1,32 +1,32 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../Icon-CmHjx7W8.js";
-import { t as n } from "../icon-H8prbteT.js";
-import { n as r } from "../locale-BcxMPufl.js";
+import { n, t as r } from "../icon-CUrSaD8r.js";
+import { n as i } from "../locale-BcxMPufl.js";
 import "./style.js";
-import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _, useSlots as v } from "vue";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeProps as f, openBlock as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useAttrs as y, useSlots as b } from "vue";
 //#region src/components/Sidebar/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var y = ["aria-label"], b = {
+var x = ["aria-label"], S = {
 	key: 1,
 	class: "m-sidebar__list"
-}, x = [
+}, C = [
 	"disabled",
 	"title",
 	"onClick"
-], S = {
+], w = {
 	key: 0,
 	class: "m-sidebar__icon",
 	"aria-hidden": "true"
-}, C = {
+}, T = {
 	key: 1,
 	class: "m-sidebar__label"
-}, w = {
+}, E = {
 	key: 0,
 	class: "m-sidebar__children"
-}, T = ["disabled", "onClick"], E = {
+}, D = ["disabled", "onClick"], O = {
 	key: 0,
 	class: "m-sidebar__icon",
 	"aria-hidden": "true"
-}, D = { class: "m-sidebar__label" }, O = /* @__PURE__ */ u({
+}, k = { class: "m-sidebar__label" }, A = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "Sidebar",
 	props: {
@@ -37,39 +37,47 @@ var y = ["aria-label"], b = {
 			default: !1
 		}
 	},
-	setup(u) {
-		let O = u, k = _(), { rootAttrs: A } = e(k, () => O.pt), j = r(), M = v(), N = a(() => ["m-sidebar", { "m-sidebar--collapsed": O.collapsed }]);
-		function P(e) {
+	setup(d) {
+		let A = d, j = y(), { rootAttrs: M } = e(j, () => A.pt), N = i(), P = b(), F = o(() => ["m-sidebar", { "m-sidebar--collapsed": A.collapsed }]);
+		function I(e) {
 			e.disabled || e.command?.();
 		}
-		function F(e) {
+		function L(e) {
+			return typeof e.icon == "string" ? r(e.icon) : void 0;
+		}
+		function R(e) {
 			return n(e.icon);
 		}
-		return (e, n) => (f(), s("nav", d(g(A), {
-			class: N.value,
-			"aria-label": g(j).sidebar
-		}), [g(M).default ? m(e.$slots, "default", {}, void 0, void 0, 0) : (f(), s("ul", b, [(f(!0), s(i, null, p(u.model, (e, n) => (f(), s("li", {
+		function z(e) {
+			return !!(L(e) || R(e));
+		}
+		return (e, n) => (p(), l("nav", f(v(M), {
+			class: F.value,
+			"aria-label": v(N).sidebar
+		}), [v(P).default ? h(e.$slots, "default", {}, void 0, void 0, 0) : (p(), l("ul", S, [(p(!0), l(a, null, m(d.model, (e, n) => (p(), l("li", {
 			key: `${e.label}-${n}`,
 			class: "m-sidebar__item"
-		}, [c("button", {
+		}, [u("button", {
 			type: "button",
 			class: "m-sidebar__link",
 			disabled: e.disabled,
-			title: u.collapsed ? e.label : void 0,
-			onClick: (t) => P(e)
-		}, [F(e) ? (f(), s("span", S, [l(t, {
-			name: F(e),
+			title: d.collapsed ? e.label : void 0,
+			onClick: (t) => I(e)
+		}, [z(e) ? (p(), l("span", w, [L(e) ? (p(), s(t, {
+			key: 0,
+			name: L(e),
 			size: "sm"
-		}, null, 8, ["name"])])) : o("", !0), u.collapsed ? o("", !0) : (f(), s("span", C, h(e.label), 1))], 8, x), !u.collapsed && e.items?.length ? (f(), s("ul", w, [(f(!0), s(i, null, p(e.items, (e, n) => (f(), s("li", { key: `${e.label}-${n}` }, [c("button", {
+		}, null, 8, ["name"])) : R(e) ? (p(), s(g(R(e)), { key: 1 })) : c("", !0)])) : c("", !0), d.collapsed ? c("", !0) : (p(), l("span", T, _(e.label), 1))], 8, C), !d.collapsed && e.items?.length ? (p(), l("ul", E, [(p(!0), l(a, null, m(e.items, (e, n) => (p(), l("li", { key: `${e.label}-${n}` }, [u("button", {
 			type: "button",
 			class: "m-sidebar__link m-sidebar__link--child",
 			disabled: e.disabled,
-			onClick: (t) => P(e)
-		}, [F(e) ? (f(), s("span", E, [l(t, {
-			name: F(e),
+			onClick: (t) => I(e)
+		}, [z(e) ? (p(), l("span", O, [L(e) ? (p(), s(t, {
+			key: 0,
+			name: L(e),
 			size: "sm"
-		}, null, 8, ["name"])])) : o("", !0), c("span", D, h(e.label), 1)], 8, T)]))), 128))])) : o("", !0)]))), 128))]))], 16, y));
+		}, null, 8, ["name"])) : R(e) ? (p(), s(g(R(e)), { key: 1 })) : c("", !0)])) : c("", !0), u("span", k, _(e.label), 1)], 8, D)]))), 128))])) : c("", !0)]))), 128))]))], 16, x));
 	}
 });
 //#endregion
-export { O as MSidebar };
+export { A as MSidebar };

package/dist/speed-dial/index.js

@@ -1,32 +1,32 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.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 r } from "../overlayPlacement-qwEJPVS4.js";
+import { t as ee } from "../useFloatingViewportSync-wLLKIGUA.js";
 import { t as te } from "../useMId-BXFYayPP.js";
 import { t as ne } from "../useMotionTransition-DohkfWRB.js";
 import { t as i } from "../Icon-CmHjx7W8.js";
 import { t as re } from "../useMenuKeyboard-BedmYE4W.js";
-import { t as a } from "../icon-H8prbteT.js";
-import { l as o } from "../config-Cd20zAyW.js";
-import { n as ie } from "../locale-BcxMPufl.js";
+import { n as a, t as o } from "../icon-CUrSaD8r.js";
+import { l as ie } from "../config-Cd20zAyW.js";
+import { n as ae } from "../locale-BcxMPufl.js";
 import "./style.js";
-import { Fragment as ae, Teleport as s, Transition as c, computed as l, createBlock as oe, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as se, nextTick as h, normalizeClass as g, normalizeStyle as ce, onBeforeUnmount as _, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as le, unref as S, useAttrs as ue, watch as C, withCtx as de } from "vue";
+import { Fragment as oe, 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, mergeProps as se, nextTick as ce, normalizeClass as le, normalizeStyle as g, onBeforeUnmount as _, openBlock as v, ref as y, renderList as ue, renderSlot as b, resolveDynamicComponent as de, toDisplayString as fe, unref as x, useAttrs as pe, watch as S, withCtx as me } from "vue";
 //#region src/components/SpeedDial/SpeedDial.vue?vue&type=script&setup=true&lang.ts
-var fe = ["id"], w = [
+var he = ["id"], C = [
 	"title",
 	"aria-label",
 	"disabled",
 	"tabindex",
 	"onClick"
-], T = {
+], w = {
 	key: 0,
 	"aria-hidden": "true"
-}, E = { class: "m-speeddial__action-label" }, D = [
+}, T = { class: "m-speeddial__action-label" }, E = [
 	"aria-label",
 	"aria-expanded",
 	"aria-controls",
 	"disabled"
-], O = /* @__PURE__ */ m({
+], D = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "SpeedDial",
 	props: {
@@ -55,157 +55,164 @@ var fe = ["id"], w = [
 		}
 	},
 	emits: ["update:modelValue", "item-click"],
-	setup(m, { emit: O }) {
-		let k = m, A = O, j = ue(), { rootAttrs: M } = e(j, () => k.pt), N = o(), { transitionName: P, transitionCss: F } = ne({
+	setup(h, { emit: D }) {
+		let O = h, k = D, A = pe(), { rootAttrs: j } = e(A, () => O.pt), M = ie(), { transitionName: N, transitionCss: P } = ne({
 			role: "popup",
-			local: () => k.transition,
+			local: () => O.transition,
 			componentName: "SpeedDial",
 			fallback: "scale-fade"
-		}), I = ie(), L = l(() => k.ariaLabel ?? I.value.speedDial), R = y(null), z = y(null), B = y(null), V = y({}), H = te("m-speeddial-list"), U = l(() => t(k, N.value.appendTo)), W = l(() => n(k, N.value.appendTo)), pe = l(() => [
+		}), F = ae(), I = l(() => O.ariaLabel ?? F.value.speedDial), L = y(null), R = y(null), z = y(null), B = y({}), V = te("m-speeddial-list"), H = l(() => t(O, M.value.appendTo)), U = l(() => n(O, M.value.appendTo)), ge = l(() => [
 			"m-speeddial",
-			`m-speeddial--${k.direction}`,
-			`m-speeddial--${k.shape}`,
-			`m-speeddial--${k.type}`,
+			`m-speeddial--${O.direction}`,
+			`m-speeddial--${O.shape}`,
+			`m-speeddial--${O.type}`,
 			{
-				"m-speeddial--open": k.modelValue,
-				"m-speeddial--disabled": k.disabled
+				"m-speeddial--open": O.modelValue,
+				"m-speeddial--disabled": O.disabled
 			}
 		]);
-		function G() {
-			if (!W.value || !z.value) return;
-			let e = z.value.getBoundingClientRect(), t = k.direction === "up" ? "top" : k.direction === "down" ? "bottom" : k.direction === "left" ? "left" : "right";
-			V.value = ee(e, t);
+		function W() {
+			if (!U.value || !R.value) return;
+			let e = R.value.getBoundingClientRect(), t = O.direction === "up" ? "top" : O.direction === "down" ? "bottom" : O.direction === "left" ? "left" : "right";
+			B.value = r(e, t);
 		}
-		let K = re({
-			itemCount: () => k.model.length,
-			isItemDisabled: (e) => !!k.model[e]?.disabled,
-			enabled: () => k.modelValue
+		let G = re({
+			itemCount: () => O.model.length,
+			isItemDisabled: (e) => !!O.model[e]?.disabled,
+			enabled: () => O.modelValue
 		});
-		function q(e = !1) {
-			A("update:modelValue", !1), e && z.value?.focus({ preventScroll: !0 });
+		function K(e = !1) {
+			k("update:modelValue", !1), e && R.value?.focus({ preventScroll: !0 });
 		}
-		function J() {
-			let e = K.activeIndex.value;
-			e < 0 || B.value?.querySelectorAll(".m-speeddial__action")[e]?.focus({ preventScroll: !0 });
+		function q() {
+			let e = G.activeIndex.value;
+			e < 0 || z.value?.querySelectorAll(".m-speeddial__action")[e]?.focus({ preventScroll: !0 });
 		}
-		function me(e) {
-			return k.direction === "up" || k.direction === "down" ? e === "ArrowUp" ? k.direction === "up" ? 1 : -1 : e === "ArrowDown" ? k.direction === "up" ? -1 : 1 : null : e === "ArrowLeft" ? k.direction === "left" ? 1 : -1 : e === "ArrowRight" ? k.direction === "left" ? -1 : 1 : null;
+		function _e(e) {
+			return O.direction === "up" || O.direction === "down" ? e === "ArrowUp" ? O.direction === "up" ? 1 : -1 : e === "ArrowDown" ? O.direction === "up" ? -1 : 1 : null : e === "ArrowLeft" ? O.direction === "left" ? 1 : -1 : e === "ArrowRight" ? O.direction === "left" ? -1 : 1 : null;
 		}
-		function Y(e) {
-			if (!k.modelValue) return;
+		function J(e) {
+			if (!O.modelValue) return;
 			if (e.key === "Escape") {
-				e.preventDefault(), q(!0);
+				e.preventDefault(), K(!0);
 				return;
 			}
-			let t = me(e.key);
+			let t = _e(e.key);
 			if (t !== null) {
-				e.preventDefault(), K.move(t);
+				e.preventDefault(), G.move(t);
 				return;
 			}
 			if (e.key === "Home") {
-				e.preventDefault(), K.moveFirst();
+				e.preventDefault(), G.moveFirst();
 				return;
 			}
 			if (e.key === "End") {
-				e.preventDefault(), K.moveLast();
+				e.preventDefault(), G.moveLast();
 				return;
 			}
 			if (e.key === "Enter" || e.key === " ") {
-				let t = K.activeIndex.value, n = k.model[t];
-				n && !n.disabled && (e.preventDefault(), X(n));
+				let t = G.activeIndex.value, n = O.model[t];
+				n && !n.disabled && (e.preventDefault(), Y(n));
 			}
 		}
-		function he(e) {
-			if (!k.disabled) {
-				if (!k.modelValue) {
-					e.key.startsWith("Arrow") && (e.preventDefault(), A("update:modelValue", !0));
+		function ve(e) {
+			if (!O.disabled) {
+				if (!O.modelValue) {
+					e.key.startsWith("Arrow") && (e.preventDefault(), k("update:modelValue", !0));
 					return;
 				}
-				Y(e);
+				J(e);
 			}
 		}
-		function ge() {
-			k.disabled || A("update:modelValue", !k.modelValue);
+		function ye() {
+			O.disabled || k("update:modelValue", !O.modelValue);
+		}
+		function Y(e) {
+			O.disabled || e.disabled || (e.command?.(), k("item-click", e), K(!0));
 		}
 		function X(e) {
-			k.disabled || e.disabled || (e.command?.(), A("item-click", e), q(!0));
+			return typeof e.icon == "string" ? o(e.icon) : void 0;
 		}
 		function Z(e) {
 			return a(e.icon);
 		}
-		function _e() {
-			k.modelValue && G();
+		function be(e) {
+			return !!(X(e) || Z(e));
+		}
+		function xe() {
+			O.modelValue && W();
 		}
 		function Q(e) {
 			let t = e.target;
-			R.value?.contains(t) || B.value?.contains(t) || q();
+			L.value?.contains(t) || z.value?.contains(t) || K();
 		}
 		function $(e) {
 			let t = e.target;
-			R.value?.contains(t) || B.value?.contains(t) || q();
+			L.value?.contains(t) || z.value?.contains(t) || K();
 		}
-		return C(K.activeIndex, () => {
-			k.modelValue && J();
-		}), r(() => k.modelValue && W.value, _e), C(() => k.modelValue, (e) => {
-			e ? (h(() => {
-				G(), K.moveFirst(), J();
-			}), document.addEventListener("click", Q), document.addEventListener("focusin", $)) : (K.reset(), document.removeEventListener("click", Q), document.removeEventListener("focusin", $));
+		return S(G.activeIndex, () => {
+			O.modelValue && q();
+		}), ee(() => O.modelValue && U.value, xe), S(() => O.modelValue, (e) => {
+			e ? (ce(() => {
+				W(), G.moveFirst(), q();
+			}), document.addEventListener("click", Q), document.addEventListener("focusin", $)) : (G.reset(), document.removeEventListener("click", Q), document.removeEventListener("focusin", $));
 		}, { immediate: !0 }), _(() => {
 			document.removeEventListener("click", Q), document.removeEventListener("focusin", $);
-		}), (e, t) => (v(), d("div", se(S(M), {
+		}), (e, t) => (v(), f("div", se(x(j), {
 			ref_key: "root",
-			ref: R,
-			class: pe.value
-		}), [(v(), oe(s, {
-			to: U.value.to,
-			disabled: U.value.disabled
-		}, [p(c, {
-			name: S(P),
-			css: S(F)
+			ref: L,
+			class: ge.value
+		}), [(v(), u(s, {
+			to: H.value.to,
+			disabled: H.value.disabled
+		}, [m(c, {
+			name: x(N),
+			css: x(P)
 		}, {
-			default: de(() => [m.modelValue ? (v(), d("ul", {
+			default: me(() => [h.modelValue ? (v(), f("ul", {
 				key: 0,
-				id: S(H),
+				id: x(V),
 				ref_key: "list",
-				ref: B,
-				class: g(["m-speeddial__list", { "m-speeddial__list--teleported": W.value }]),
-				style: ce(W.value ? V.value : void 0),
+				ref: z,
+				class: le(["m-speeddial__list", { "m-speeddial__list--teleported": U.value }]),
+				style: g(U.value ? B.value : void 0),
 				role: "menu",
-				onKeydown: Y
-			}, [(v(!0), d(ae, null, b(m.model, (t, n) => (v(), d("li", {
+				onKeydown: J
+			}, [(v(!0), f(oe, null, ue(h.model, (t, n) => (v(), f("li", {
 				key: `${t.label}-${n}`,
 				role: "none"
-			}, [f("button", {
+			}, [p("button", {
 				type: "button",
 				class: "m-speeddial__action",
 				role: "menuitem",
 				title: t.label,
 				"aria-label": t.label,
 				disabled: t.disabled,
-				tabindex: S(K).tabindexFor(n),
-				onClick: (e) => X(t)
-			}, [x(e.$slots, "item", { item: t }, () => [Z(t) ? (v(), d("span", T, [p(i, {
-				name: Z(t),
+				tabindex: x(G).tabindexFor(n),
+				onClick: (e) => Y(t)
+			}, [b(e.$slots, "item", { item: t }, () => [be(t) ? (v(), f("span", w, [X(t) ? (v(), u(i, {
+				key: 0,
+				name: X(t),
 				size: "sm"
-			}, null, 8, ["name"])])) : u("", !0), f("span", E, le(t.label), 1)])], 8, w)]))), 128))], 46, fe)) : u("", !0)]),
+			}, null, 8, ["name"])) : Z(t) ? (v(), u(de(Z(t)), { key: 1 })) : d("", !0)])) : d("", !0), p("span", T, fe(t.label), 1)])], 8, C)]))), 128))], 46, he)) : d("", !0)]),
 			_: 3
-		}, 8, ["name", "css"])], 8, ["to", "disabled"])), x(e.$slots, "button", {}, () => [f("button", {
+		}, 8, ["name", "css"])], 8, ["to", "disabled"])), b(e.$slots, "button", {}, () => [p("button", {
 			ref_key: "button",
-			ref: z,
+			ref: R,
 			type: "button",
 			class: "m-speeddial__button",
-			"aria-label": L.value,
-			"aria-expanded": m.modelValue,
-			"aria-controls": m.modelValue ? S(H) : void 0,
+			"aria-label": I.value,
+			"aria-expanded": h.modelValue,
+			"aria-controls": h.modelValue ? x(V) : void 0,
 			"aria-haspopup": "menu",
-			disabled: m.disabled,
-			onClick: ge,
-			onKeydown: he
-		}, [x(e.$slots, "icon", {}, () => [p(i, {
+			disabled: h.disabled,
+			onClick: ye,
+			onKeydown: ve
+		}, [b(e.$slots, "icon", {}, () => [m(i, {
 			name: "plus",
 			size: "sm"
-		})])], 40, D)])], 16));
+		})])], 40, E)])], 16));
 	}
 });
 //#endregion
-export { O as MSpeedDial };
+export { D as MSpeedDial };

package/dist/split-button/index.js

@@ -98,9 +98,9 @@ var _e = ["disabled"], S = {
 		function xe(e) {
 			D.disabled || O("click", e);
 		}
-		function X() {
+		function X(e = !1) {
 			F.value = !0, g(() => {
-				q(), J.moveFirst(), Y();
+				q(), e ? (J.moveFirst(), Y()) : J.reset();
 			});
 		}
 		function Se() {
@@ -115,7 +115,7 @@ var _e = ["disabled"], S = {
 		function Ce(e) {
 			if (!D.disabled) {
 				if (!F.value) {
-					(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), X());
+					(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), X(!0));
 					return;
 				}
 				J.onKeydown(e);