morya-ui 0.1.1 → 0.2.1

package/dist/split-button/index.js

@@ -1,30 +1,33 @@
-import { r as e } from "../types-DGuu4Eg4.js";
-import { a as t, t as n } from "../Icon-DfpIfo2L.js";
-import { t as r } from "../useMId-BXFYayPP.js";
-import { n as i, t as a } from "../overlay-oR-5MDuE.js";
-import { t as o } from "../overlayPlacement-Cd20JTD_.js";
-import { t as ee } from "../useMenuKeyboard-BedmYE4W.js";
-import { c as te, o as ne } from "../config-CI8_WBbE.js";
-import { n as re } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { r as t } from "../types-DGuu4Eg4.js";
+import { a as ee, t as n } from "../Icon-DfpIfo2L.js";
+import { t as te } from "../useMId-BXFYayPP.js";
+import { n as ne, t as re } from "../overlay-oR-5MDuE.js";
+import { t as r } from "../overlayPlacement-Cd20JTD_.js";
+import { t as i } from "../useMenuKeyboard-BedmYE4W.js";
+import { c as a, o } from "../config-CI8_WBbE.js";
+import { n as s } from "../locale-DYGhxekd.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, createTextVNode as ie, createVNode as h, defineComponent as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as b, openBlock as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, watch as D, withCtx as ae } from "vue";
+import { Fragment as c, Teleport as ie, Transition as ae, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeStyle as oe, onBeforeUnmount as se, openBlock as b, ref as x, renderList as ce, renderSlot as le, toDisplayString as S, unref as C, useAttrs as ue, watch as w, withCtx as de } from "vue";
 //#region src/components/SplitButton/SplitButton.vue?vue&type=script&setup=true&lang.ts
-var oe = ["disabled"], se = {
+var fe = ["disabled"], pe = {
 	key: 0,
 	class: "m-splitbutton__icon",
 	"aria-hidden": "true"
-}, ce = { key: 1 }, le = [
+}, me = { key: 1 }, T = [
 	"aria-label",
 	"aria-expanded",
 	"aria-controls",
 	"disabled"
-], ue = ["id"], O = [
+], he = ["id"], E = [
 	"disabled",
 	"tabindex",
 	"onClick"
-], k = /* @__PURE__ */ g({
+], D = /* @__PURE__ */ g({
+	inheritAttrs: !1,
 	__name: "SplitButton",
 	props: {
+		pt: {},
 		label: {},
 		icon: {},
 		model: { default: () => [] },
@@ -45,21 +48,21 @@ var oe = ["disabled"], se = {
 		appendTo: {}
 	},
 	emits: ["click", "command"],
-	setup(g, { emit: k }) {
-		let A = g, j = k, M = te(), N = re(), P = S(!1), F = S(null), I = S(null), L = S(null), R = S({}), z = r("m-splitbutton-menu"), B = ne("SplitButton", () => A.size), V = u(() => e(B.value)), H = u(() => A.icon && t(A.icon) ? A.icon : void 0), U = u(() => A.icon && !H.value ? A.icon : void 0), W = u(() => i(A, M.value.appendTo)), G = u(() => a(A, M.value.appendTo)), de = u(() => [
+	setup(g, { emit: D }) {
+		let O = g, k = ue(), { rootAttrs: A } = e(k, () => O.pt), j = D, M = a(), N = s(), P = x(!1), F = x(null), I = x(null), L = x(null), R = x({}), z = te("m-splitbutton-menu"), B = o("SplitButton", () => O.size), V = l(() => t(B.value)), H = l(() => O.icon && ee(O.icon) ? O.icon : void 0), U = l(() => O.icon && !H.value ? O.icon : void 0), W = l(() => ne(O, M.value.appendTo)), G = l(() => re(O, M.value.appendTo)), ge = l(() => [
 			"m-splitbutton",
 			`m-splitbutton--${B.value}`,
 			{
-				"m-splitbutton--disabled": A.disabled,
-				"m-splitbutton--outlined": A.outlined,
-				[`m-splitbutton--${A.severity}`]: !!A.severity,
+				"m-splitbutton--disabled": O.disabled,
+				"m-splitbutton--outlined": O.outlined,
+				[`m-splitbutton--${O.severity}`]: !!O.severity,
 				"m-splitbutton--open": P.value
 			}
 		]);
 		function K() {
 			if (!G.value || !F.value) return;
 			let e = F.value.getBoundingClientRect();
-			R.value = o(e, "bottom-end", {
+			R.value = r(e, "bottom-end", {
 				gap: 4,
 				minWidth: `${e.width}px`
 			});
@@ -67,12 +70,12 @@ var oe = ["disabled"], se = {
 		function q() {
 			P.value && K();
 		}
-		let J = ee({
-			itemCount: () => A.model.length,
-			isItemDisabled: (e) => !!A.model[e]?.disabled,
+		let J = i({
+			itemCount: () => O.model.length,
+			isItemDisabled: (e) => !!O.model[e]?.disabled,
 			enabled: P,
 			onActivate: (e) => {
-				let t = A.model[e];
+				let t = O.model[e];
 				t && Z(t);
 			},
 			onEscape: () => {
@@ -84,16 +87,16 @@ var oe = ["disabled"], se = {
 			let e = J.activeIndex.value;
 			e < 0 || L.value?.querySelectorAll(".m-splitbutton__item")[e]?.focus({ preventScroll: !0 });
 		}
-		function fe(e) {
-			A.disabled || j("click", e);
+		function _e(e) {
+			O.disabled || j("click", e);
 		}
 		function X() {
-			P.value = !0, _(() => {
+			P.value = !0, v(() => {
 				K(), J.moveFirst(), Y();
 			});
 		}
-		function pe() {
-			if (!A.disabled) {
+		function ve() {
+			if (!O.disabled) {
 				if (P.value) {
 					P.value = !1;
 					return;
@@ -101,8 +104,8 @@ var oe = ["disabled"], se = {
 				X();
 			}
 		}
-		function me(e) {
-			if (!A.disabled) {
+		function ye(e) {
+			if (!O.disabled) {
 				if (!P.value) {
 					(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), X());
 					return;
@@ -111,7 +114,7 @@ var oe = ["disabled"], se = {
 			}
 		}
 		function Z(e) {
-			e.disabled || A.disabled || (e.command?.(), j("command", e), P.value = !1, I.value?.focus({ preventScroll: !0 }));
+			e.disabled || O.disabled || (e.command?.(), j("command", e), P.value = !1, I.value?.focus({ preventScroll: !0 }));
 		}
 		function Q(e) {
 			let t = e.target;
@@ -121,71 +124,71 @@ var oe = ["disabled"], se = {
 			let t = e.target;
 			F.value?.contains(t) || L.value?.contains(t) || (P.value = !1);
 		}
-		return D(J.activeIndex, () => {
+		return w(J.activeIndex, () => {
 			P.value && Y();
-		}), D(P, (e) => {
-			e ? (document.addEventListener("click", Q), document.addEventListener("focusin", $), _(() => K()), G.value && (window.addEventListener("resize", q), window.addEventListener("scroll", q, !0))) : (J.reset(), document.removeEventListener("click", Q), document.removeEventListener("focusin", $), window.removeEventListener("resize", q), window.removeEventListener("scroll", q, !0));
-		}), b(() => {
+		}), w(P, (e) => {
+			e ? (document.addEventListener("click", Q), document.addEventListener("focusin", $), v(() => K()), G.value && (window.addEventListener("resize", q), window.addEventListener("scroll", q, !0))) : (J.reset(), document.removeEventListener("click", Q), document.removeEventListener("focusin", $), window.removeEventListener("resize", q), window.removeEventListener("scroll", q, !0));
+		}), se(() => {
 			document.removeEventListener("click", Q), document.removeEventListener("focusin", $), window.removeEventListener("resize", q), window.removeEventListener("scroll", q, !0);
-		}), (e, t) => (x(), p("div", {
+		}), (e, t) => (b(), f("div", _(C(A), {
 			ref_key: "root",
 			ref: F,
-			class: v(de.value)
-		}, [
-			m("button", {
+			class: ge.value
+		}), [
+			p("button", {
 				type: "button",
 				class: "m-splitbutton__main",
 				disabled: g.disabled,
-				onClick: fe
-			}, [w(e.$slots, "default", {}, () => [H.value || U.value ? (x(), p("span", se, [H.value ? (x(), d(n, {
+				onClick: _e
+			}, [le(e.$slots, "default", {}, () => [H.value || U.value ? (b(), f("span", pe, [H.value ? (b(), u(n, {
 				key: 0,
 				name: H.value,
 				size: V.value
-			}, null, 8, ["name", "size"])) : (x(), p(s, { key: 1 }, [ie(T(U.value), 1)], 64))])) : f("", !0), g.label ? (x(), p("span", ce, T(g.label), 1)) : f("", !0)])], 8, oe),
-			m("button", {
+			}, null, 8, ["name", "size"])) : (b(), f(c, { key: 1 }, [m(S(U.value), 1)], 64))])) : d("", !0), g.label ? (b(), f("span", me, S(g.label), 1)) : d("", !0)])], 8, fe),
+			p("button", {
 				ref_key: "trigger",
 				ref: I,
 				type: "button",
 				class: "m-splitbutton__trigger",
-				"aria-label": E(N).moreActions,
+				"aria-label": C(N).moreActions,
 				"aria-expanded": P.value,
-				"aria-controls": P.value ? E(z) : void 0,
+				"aria-controls": P.value ? C(z) : void 0,
 				"aria-haspopup": "menu",
 				disabled: g.disabled,
-				onClick: pe,
-				onKeydown: me
+				onClick: ve,
+				onKeydown: ye
 			}, [h(n, {
 				name: "chevron-down",
 				size: V.value
-			}, null, 8, ["size"])], 40, le),
-			(x(), d(c, {
+			}, null, 8, ["size"])], 40, T),
+			(b(), u(ie, {
 				to: W.value.to,
 				disabled: W.value.disabled
-			}, [h(l, { name: "m-scale-fade" }, {
-				default: ae(() => [P.value ? (x(), p("ul", {
+			}, [h(ae, { name: "m-scale-fade" }, {
+				default: de(() => [P.value ? (b(), f("ul", {
 					key: 0,
-					id: E(z),
+					id: C(z),
 					ref_key: "menu",
 					ref: L,
-					class: v(["m-splitbutton__menu", { "m-splitbutton__menu--teleported": G.value }]),
-					style: y(G.value ? R.value : void 0),
+					class: y(["m-splitbutton__menu", { "m-splitbutton__menu--teleported": G.value }]),
+					style: oe(G.value ? R.value : void 0),
 					role: "menu",
-					onKeydown: t[0] ||= (...e) => E(J).onKeydown && E(J).onKeydown(...e)
-				}, [(x(!0), p(s, null, C(g.model, (e, t) => (x(), p("li", {
+					onKeydown: t[0] ||= (...e) => C(J).onKeydown && C(J).onKeydown(...e)
+				}, [(b(!0), f(c, null, ce(g.model, (e, t) => (b(), f("li", {
 					key: `${e.label}-${t}`,
 					role: "presentation"
-				}, [m("button", {
+				}, [p("button", {
 					type: "button",
 					class: "m-splitbutton__item",
 					role: "menuitem",
 					disabled: e.disabled,
-					tabindex: E(J).tabindexFor(t),
+					tabindex: C(J).tabindexFor(t),
 					onClick: (t) => Z(e)
-				}, T(e.label), 9, O)]))), 128))], 46, ue)) : f("", !0)]),
+				}, S(e.label), 9, E)]))), 128))], 46, he)) : d("", !0)]),
 				_: 1
 			})], 8, ["to", "disabled"]))
-		], 2));
+		], 16));
 	}
 });
 //#endregion
-export { k as MSplitButton };
+export { D as MSplitButton };