morya-ui 0.1.1 → 0.2.1

package/dist/speed-dial/index.js

@@ -1,31 +1,34 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { t } from "../useMId-BXFYayPP.js";
-import { n, t as r } from "../overlay-oR-5MDuE.js";
-import { t as i } from "../overlayPlacement-Cd20JTD_.js";
-import { t as a } from "../useMenuKeyboard-BedmYE4W.js";
-import { t as o } from "../icon-xUOyawgJ.js";
-import { c as s } from "../config-CI8_WBbE.js";
-import { n as c } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { t as n } from "../useMId-BXFYayPP.js";
+import { n as r, t as i } from "../overlay-oR-5MDuE.js";
+import { t as a } from "../overlayPlacement-Cd20JTD_.js";
+import { t as o } from "../useMenuKeyboard-BedmYE4W.js";
+import { t as s } from "../icon-xUOyawgJ.js";
+import { c } from "../config-CI8_WBbE.js";
+import { n as l } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as ee, Teleport as te, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as ne, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, watch as E, withCtx as D } from "vue";
+import { Fragment as u, Teleport as d, Transition as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, mergeProps as ee, nextTick as te, normalizeClass as ne, normalizeStyle as re, onBeforeUnmount as ie, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useAttrs as E, watch as D, withCtx as ae } from "vue";
 //#region src/components/SpeedDial/SpeedDial.vue?vue&type=script&setup=true&lang.ts
-var O = ["id"], k = [
+var oe = ["id"], se = [
 	"title",
 	"aria-label",
 	"disabled",
 	"tabindex",
 	"onClick"
-], re = {
+], ce = {
 	key: 0,
 	"aria-hidden": "true"
-}, ie = { class: "m-speeddial__action-label" }, ae = [
+}, le = { class: "m-speeddial__action-label" }, O = [
 	"aria-label",
 	"aria-expanded",
 	"aria-controls",
 	"disabled"
-], A = /* @__PURE__ */ g({
+], k = /* @__PURE__ */ y({
+	inheritAttrs: !1,
 	__name: "SpeedDial",
 	props: {
+		pt: {},
 		model: { default: () => [] },
 		direction: { default: "up" },
 		modelValue: {
@@ -44,42 +47,42 @@ var O = ["id"], k = [
 		appendTo: {}
 	},
 	emits: ["update:modelValue", "item-click"],
-	setup(g, { emit: A }) {
-		let j = g, M = A, N = s(), P = c(), F = u(() => j.ariaLabel ?? P.value.speedDial), I = x(null), L = x(null), R = x(null), z = x({}), B = t("m-speeddial-list"), V = u(() => n(j, N.value.appendTo)), H = u(() => r(j, N.value.appendTo)), U = u(() => [
+	setup(y, { emit: k }) {
+		let A = y, j = E(), { rootAttrs: M } = e(j, () => A.pt), N = k, P = c(), F = l(), I = p(() => A.ariaLabel ?? F.value.speedDial), L = x(null), R = x(null), z = x(null), B = x({}), V = n("m-speeddial-list"), H = p(() => r(A, P.value.appendTo)), U = p(() => i(A, P.value.appendTo)), ue = p(() => [
 			"m-speeddial",
-			`m-speeddial--${j.direction}`,
+			`m-speeddial--${A.direction}`,
 			{
-				"m-speeddial--open": j.modelValue,
-				"m-speeddial--disabled": j.disabled
+				"m-speeddial--open": A.modelValue,
+				"m-speeddial--disabled": A.disabled
 			}
 		]);
 		function W() {
-			if (!H.value || !L.value) return;
-			let e = L.value.getBoundingClientRect(), t = j.direction === "up" ? "top" : j.direction === "down" ? "bottom" : j.direction === "left" ? "left" : "right";
-			z.value = i(e, t);
+			if (!U.value || !R.value) return;
+			let e = R.value.getBoundingClientRect(), t = A.direction === "up" ? "top" : A.direction === "down" ? "bottom" : A.direction === "left" ? "left" : "right";
+			B.value = a(e, t);
 		}
-		let G = a({
-			itemCount: () => j.model.length,
-			isItemDisabled: (e) => !!j.model[e]?.disabled,
-			enabled: () => j.modelValue
+		let G = o({
+			itemCount: () => A.model.length,
+			isItemDisabled: (e) => !!A.model[e]?.disabled,
+			enabled: () => A.modelValue
 		});
 		function K(e = !1) {
-			M("update:modelValue", !1), e && L.value?.focus({ preventScroll: !0 });
+			N("update:modelValue", !1), e && R.value?.focus({ preventScroll: !0 });
 		}
 		function q() {
 			let e = G.activeIndex.value;
-			e < 0 || R.value?.querySelectorAll(".m-speeddial__action")[e]?.focus({ preventScroll: !0 });
+			e < 0 || z.value?.querySelectorAll(".m-speeddial__action")[e]?.focus({ preventScroll: !0 });
 		}
-		function oe(e) {
-			return j.direction === "up" || j.direction === "down" ? e === "ArrowUp" ? j.direction === "up" ? 1 : -1 : e === "ArrowDown" ? j.direction === "up" ? -1 : 1 : null : e === "ArrowLeft" ? j.direction === "left" ? 1 : -1 : e === "ArrowRight" ? j.direction === "left" ? -1 : 1 : null;
+		function de(e) {
+			return A.direction === "up" || A.direction === "down" ? e === "ArrowUp" ? A.direction === "up" ? 1 : -1 : e === "ArrowDown" ? A.direction === "up" ? -1 : 1 : null : e === "ArrowLeft" ? A.direction === "left" ? 1 : -1 : e === "ArrowRight" ? A.direction === "left" ? -1 : 1 : null;
 		}
 		function J(e) {
-			if (!j.modelValue) return;
+			if (!A.modelValue) return;
 			if (e.key === "Escape") {
 				e.preventDefault(), K(!0);
 				return;
 			}
-			let t = oe(e.key);
+			let t = de(e.key);
 			if (t !== null) {
 				e.preventDefault(), G.move(t);
 				return;
@@ -93,68 +96,68 @@ var O = ["id"], k = [
 				return;
 			}
 			if (e.key === "Enter" || e.key === " ") {
-				let t = G.activeIndex.value, n = j.model[t];
+				let t = G.activeIndex.value, n = A.model[t];
 				n && !n.disabled && (e.preventDefault(), Y(n));
 			}
 		}
-		function se(e) {
-			if (!j.disabled) {
-				if (!j.modelValue) {
-					e.key.startsWith("Arrow") && (e.preventDefault(), M("update:modelValue", !0));
+		function fe(e) {
+			if (!A.disabled) {
+				if (!A.modelValue) {
+					e.key.startsWith("Arrow") && (e.preventDefault(), N("update:modelValue", !0));
 					return;
 				}
 				J(e);
 			}
 		}
-		function ce() {
-			j.disabled || M("update:modelValue", !j.modelValue);
+		function pe() {
+			A.disabled || N("update:modelValue", !A.modelValue);
 		}
 		function Y(e) {
-			j.disabled || e.disabled || (e.command?.(), M("item-click", e), K(!0));
+			A.disabled || e.disabled || (e.command?.(), N("item-click", e), K(!0));
 		}
 		function X(e) {
-			return o(e.icon);
+			return s(e.icon);
 		}
 		function Z() {
-			j.modelValue && W();
+			A.modelValue && W();
 		}
 		function Q(e) {
 			let t = e.target;
-			I.value?.contains(t) || R.value?.contains(t) || K();
+			L.value?.contains(t) || z.value?.contains(t) || K();
 		}
 		function $(e) {
 			let t = e.target;
-			I.value?.contains(t) || R.value?.contains(t) || K();
+			L.value?.contains(t) || z.value?.contains(t) || K();
 		}
-		return E(G.activeIndex, () => {
-			j.modelValue && q();
-		}), E(() => j.modelValue, (e) => {
-			e ? (_(() => {
+		return D(G.activeIndex, () => {
+			A.modelValue && q();
+		}), D(() => A.modelValue, (e) => {
+			e ? (te(() => {
 				W(), G.moveFirst(), q();
-			}), document.addEventListener("click", Q), document.addEventListener("focusin", $), H.value && (window.addEventListener("resize", Z), window.addEventListener("scroll", Z, !0))) : (G.reset(), document.removeEventListener("click", Q), document.removeEventListener("focusin", $), window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, !0));
-		}, { immediate: !0 }), ne(() => {
+			}), document.addEventListener("click", Q), document.addEventListener("focusin", $), U.value && (window.addEventListener("resize", Z), window.addEventListener("scroll", Z, !0))) : (G.reset(), document.removeEventListener("click", Q), document.removeEventListener("focusin", $), window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, !0));
+		}, { immediate: !0 }), ie(() => {
 			document.removeEventListener("click", Q), document.removeEventListener("focusin", $), window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, !0);
-		}), (t, n) => (b(), p("div", {
+		}), (e, n) => (b(), g("div", ee(T(M), {
 			ref_key: "root",
-			ref: I,
-			class: v(U.value)
-		}, [(b(), d(te, {
-			to: V.value.to,
-			disabled: V.value.disabled
-		}, [h(l, { name: "m-scale-fade" }, {
-			default: D(() => [g.modelValue ? (b(), p("ul", {
+			ref: L,
+			class: ue.value
+		}), [(b(), m(d, {
+			to: H.value.to,
+			disabled: H.value.disabled
+		}, [v(f, { name: "m-scale-fade" }, {
+			default: ae(() => [y.modelValue ? (b(), g("ul", {
 				key: 0,
-				id: T(B),
+				id: T(V),
 				ref_key: "list",
-				ref: R,
-				class: v(["m-speeddial__list", { "m-speeddial__list--teleported": H.value }]),
-				style: y(H.value ? z.value : void 0),
+				ref: z,
+				class: ne(["m-speeddial__list", { "m-speeddial__list--teleported": U.value }]),
+				style: re(U.value ? B.value : void 0),
 				role: "menu",
 				onKeydown: J
-			}, [(b(!0), p(ee, null, S(g.model, (n, r) => (b(), p("li", {
+			}, [(b(!0), g(u, null, S(y.model, (n, r) => (b(), g("li", {
 				key: `${n.label}-${r}`,
 				role: "none"
-			}, [m("button", {
+			}, [_("button", {
 				type: "button",
 				class: "m-speeddial__action",
 				role: "menuitem",
@@ -163,28 +166,28 @@ var O = ["id"], k = [
 				disabled: n.disabled,
 				tabindex: T(G).tabindexFor(r),
 				onClick: (e) => Y(n)
-			}, [C(t.$slots, "item", { item: n }, () => [X(n) ? (b(), p("span", re, [h(e, {
+			}, [C(e.$slots, "item", { item: n }, () => [X(n) ? (b(), g("span", ce, [v(t, {
 				name: X(n),
 				size: "sm"
-			}, null, 8, ["name"])])) : f("", !0), m("span", ie, w(n.label), 1)])], 8, k)]))), 128))], 46, O)) : f("", !0)]),
+			}, null, 8, ["name"])])) : h("", !0), _("span", le, w(n.label), 1)])], 8, se)]))), 128))], 46, oe)) : h("", !0)]),
 			_: 3
-		})], 8, ["to", "disabled"])), C(t.$slots, "button", {}, () => [m("button", {
+		})], 8, ["to", "disabled"])), C(e.$slots, "button", {}, () => [_("button", {
 			ref_key: "button",
-			ref: L,
+			ref: R,
 			type: "button",
 			class: "m-speeddial__button",
-			"aria-label": F.value,
-			"aria-expanded": g.modelValue,
-			"aria-controls": g.modelValue ? T(B) : void 0,
+			"aria-label": I.value,
+			"aria-expanded": y.modelValue,
+			"aria-controls": y.modelValue ? T(V) : void 0,
 			"aria-haspopup": "menu",
-			disabled: g.disabled,
-			onClick: ce,
-			onKeydown: se
-		}, [C(t.$slots, "icon", {}, () => [h(e, {
+			disabled: y.disabled,
+			onClick: pe,
+			onKeydown: fe
+		}, [C(e.$slots, "icon", {}, () => [v(t, {
 			name: "plus",
 			size: "sm"
-		})])], 40, ae)])], 2));
+		})])], 40, O)])], 16));
 	}
 });
 //#endregion
-export { A as MSpeedDial };
+export { k as MSpeedDial };