morya-ui 0.1.1 → 0.2.1

package/dist/dialog/index.js

@@ -1,27 +1,30 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { t } from "../Button-DnE_ns8s.js";
-import { n } from "../overlay-oR-5MDuE.js";
-import { t as ee } from "../useModalOverlay-Beo3CEAt.js";
-import { t as r } from "../asyncGuard-CPGT_TKu.js";
-import { t as i } from "../lastPointer-CRxcUqdd.js";
-import { c as a } from "../config-CI8_WBbE.js";
-import { n as o } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { t as n } from "../Button-DnE_ns8s.js";
+import { n as r } from "../overlay-oR-5MDuE.js";
+import { t as i } from "../useModalOverlay-Beo3CEAt.js";
+import { t as a } from "../asyncGuard-CPGT_TKu.js";
+import { t as o } from "../lastPointer-CRxcUqdd.js";
+import { c as s } from "../config-CI8_WBbE.js";
+import { n as c } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { 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, normalizeClass as g, normalizeStyle as _, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, toRef as S, unref as C, useSlots as w, watch as T, withCtx as E, withModifiers as D } from "vue";
+import { Teleport as l, 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 ee, normalizeClass as v, normalizeStyle as y, openBlock as b, ref as x, renderSlot as S, toDisplayString as C, toRef as w, unref as T, useAttrs as te, useSlots as E, watch as ne, withCtx as re, withModifiers as ie } from "vue";
 //#region src/components/Dialog/Dialog.vue?vue&type=script&setup=true&lang.ts
-var O = ["aria-modal", "aria-label"], k = {
+var ae = ["aria-modal", "aria-label"], oe = {
 	key: 0,
 	class: "m-dialog__header"
-}, A = { class: "m-dialog__heading" }, j = {
+}, se = { class: "m-dialog__heading" }, ce = {
 	key: 0,
 	class: "m-dialog__type-icon",
 	"aria-hidden": "true"
-}, M = { key: 0 }, te = {
+}, D = { key: 0 }, O = {
 	key: 0,
 	class: "m-dialog__actions"
-}, ne = ["aria-label", "disabled"], re = ["aria-label", "disabled"], ie = { class: "m-dialog__body" }, N = /* @__PURE__ */ h({
+}, k = ["aria-label", "disabled"], A = ["aria-label", "disabled"], j = { class: "m-dialog__body" }, M = /* @__PURE__ */ _({
+	inheritAttrs: !1,
 	__name: "Dialog",
 	props: {
+		pt: {},
 		modelValue: {
 			type: Boolean,
 			default: !1
@@ -74,173 +77,172 @@ var O = ["aria-modal", "aria-label"], k = {
 		"maximize",
 		"unmaximize"
 	],
-	setup(h, { expose: N, emit: P }) {
-		let F = h, I = P, L = w(), R = a(), z = o(), B = y(null), V = y(!1), H = y(i()), U = y(null), W = l(() => F.header ?? F.title), G = l(() => n(F, R.value.appendTo)), K = l(() => {
-			let e = F.type;
+	setup(_, { expose: M, emit: N }) {
+		let P = _, F = te(), { rootAttrs: I } = e(F, () => P.pt), L = N, R = E(), z = s(), B = c(), V = x(null), H = x(!1), U = x(o()), W = x(null), G = d(() => P.header ?? P.title), K = d(() => r(P, z.value.appendTo)), q = d(() => {
+			let e = P.type;
 			return e === "warning" || e === "warn" ? "warn" : e;
-		}), q = l(() => {
-			switch (K.value) {
+		}), J = d(() => {
+			switch (q.value) {
 				case "success": return "check-circle";
 				case "warn": return "warning";
 				case "error": return "x-circle";
 				case "info": return "info";
 				default: return;
 			}
-		}), J = l(() => !L.footer && !!(F.positiveText || F.negativeText)), Y = l(() => !!(L.footer || J.value)), X = l(() => U.value != null), ae = l(() => F.ariaLabel ?? W.value), oe = l(() => ({
-			"--m-dialog-origin-x": `${H.value.x}px`,
-			"--m-dialog-origin-y": `${H.value.y}px`
-		})), se = l(() => F.dismissableMask === void 0 ? F.closeOnOutsideClick === void 0 || F.closeOnOutsideClick : F.dismissableMask);
+		}), Y = d(() => !R.footer && !!(P.positiveText || P.negativeText)), le = d(() => !!(R.footer || Y.value)), X = d(() => W.value != null), ue = d(() => P.ariaLabel ?? G.value), de = d(() => ({
+			"--m-dialog-origin-x": `${U.value.x}px`,
+			"--m-dialog-origin-y": `${U.value.y}px`
+		})), fe = d(() => P.dismissableMask === void 0 ? P.closeOnOutsideClick === void 0 || P.closeOnOutsideClick : P.dismissableMask);
 		function Z() {
-			V.value = !1, U.value = null, I("update:modelValue", !1), I("close");
+			H.value = !1, W.value = null, L("update:modelValue", !1), L("close");
 		}
 		async function Q() {
-			if (!U.value) {
-				if (!F.beforeClose) {
+			if (!W.value) {
+				if (!P.beforeClose) {
 					Z();
 					return;
 				}
-				U.value = "close";
+				W.value = "close";
 				try {
-					if (!await r(F.beforeClose)) return;
+					if (!await a(P.beforeClose)) return;
 					Z();
 				} finally {
-					U.value === "close" && (U.value = null);
+					W.value === "close" && (W.value = null);
 				}
 			}
 		}
-		async function ce(e) {
-			if (!U.value) {
-				U.value = "positive";
+		async function pe(e) {
+			if (!W.value) {
+				W.value = "positive";
 				try {
-					if (!await r(F.onPositiveClick, e)) return;
+					if (!await a(P.onPositiveClick, e)) return;
 					Z();
 				} finally {
-					U.value === "positive" && (U.value = null);
+					W.value === "positive" && (W.value = null);
 				}
 			}
 		}
-		async function le(e) {
-			if (!U.value) {
-				U.value = "negative";
+		async function me(e) {
+			if (!W.value) {
+				W.value = "negative";
 				try {
-					if (!await r(F.onNegativeClick, e)) return;
+					if (!await a(P.onNegativeClick, e)) return;
 					Z();
 				} finally {
-					U.value === "negative" && (U.value = null);
+					W.value === "negative" && (W.value = null);
 				}
 			}
 		}
 		function $() {
-			V.value = !V.value, V.value ? I("maximize") : I("unmaximize");
+			H.value = !H.value, H.value ? L("maximize") : L("unmaximize");
 		}
-		function ue() {
-			se.value && Q();
+		function he() {
+			fe.value && Q();
 		}
-		return T(() => F.modelValue, (e) => {
-			e && (H.value = i());
-		}), ee({
-			open: S(F, "modelValue"),
-			container: B,
-			closeOnEsc: S(F, "closeOnEsc"),
-			blockScroll: () => F.blockScroll && F.modal,
+		return ne(() => P.modelValue, (e) => {
+			e && (U.value = o());
+		}), i({
+			open: w(P, "modelValue"),
+			container: V,
+			closeOnEsc: w(P, "closeOnEsc"),
+			blockScroll: () => P.blockScroll && P.modal,
 			onEscape: () => {
 				Q();
 			},
-			onOpen: () => I("show"),
+			onOpen: () => L("show"),
 			onClose: () => {
-				V.value = !1, I("hide");
+				H.value = !1, L("hide");
 			}
-		}), N({
+		}), M({
 			close: Q,
 			maximize: () => {
-				V.value || $();
+				H.value || $();
 			},
 			unmaximize: () => {
-				V.value && $();
+				H.value && $();
 			}
-		}), (n, ee) => (v(), u(s, {
-			to: G.value.to,
-			disabled: G.value.disabled
-		}, [m(c, { name: "m-dialog" }, {
-			default: E(() => [h.modelValue ? (v(), f("div", {
-				key: 0,
-				class: g(["m-dialog-backdrop", [`m-dialog-backdrop--${h.position}`, {
-					"m-dialog-backdrop--modal": h.modal,
-					"m-dialog-backdrop--maximized": V.value
-				}]]),
-				style: _(oe.value)
-			}, [p("div", {
+		}), (e, r) => (b(), f(l, {
+			to: K.value.to,
+			disabled: K.value.disabled
+		}, [g(u, { name: "m-dialog" }, {
+			default: re(() => [_.modelValue ? (b(), m("div", ee({ key: 0 }, T(I), {
+				class: ["m-dialog-backdrop", [`m-dialog-backdrop--${_.position}`, {
+					"m-dialog-backdrop--modal": _.modal,
+					"m-dialog-backdrop--maximized": H.value
+				}]],
+				style: de.value
+			}), [h("div", {
 				class: "m-dialog-zoom",
-				onClick: D(ue, ["self"])
-			}, [p("section", {
+				onClick: ie(he, ["self"])
+			}, [h("section", {
 				ref_key: "dialogElement",
-				ref: B,
-				class: g(["m-dialog", {
-					"m-dialog--maximized": V.value,
-					[`m-dialog--${K.value}`]: K.value
+				ref: V,
+				class: v(["m-dialog", {
+					"m-dialog--maximized": H.value,
+					[`m-dialog--${q.value}`]: q.value
 				}]),
-				style: _(h.width && !V.value ? { width: h.width } : void 0),
+				style: y(_.width && !H.value ? { width: _.width } : void 0),
 				role: "dialog",
-				"aria-modal": h.modal || void 0,
-				"aria-label": ae.value,
+				"aria-modal": _.modal || void 0,
+				"aria-label": ue.value,
 				tabindex: "-1"
 			}, [
-				n.$slots.header || W.value || q.value || h.closable || h.maximizable ? (v(), f("header", k, [p("div", A, [q.value ? (v(), f("span", j, [m(e, {
-					name: q.value,
+				e.$slots.header || G.value || J.value || _.closable || _.maximizable ? (b(), m("header", oe, [h("div", se, [J.value ? (b(), m("span", ce, [g(t, {
+					name: J.value,
 					size: "sm"
-				}, null, 8, ["name"])])) : d("", !0), b(n.$slots, "header", {}, () => [W.value ? (v(), f("h2", M, x(W.value), 1)) : d("", !0)])]), h.maximizable || h.closable ? (v(), f("div", te, [h.maximizable ? (v(), f("button", {
+				}, null, 8, ["name"])])) : p("", !0), S(e.$slots, "header", {}, () => [G.value ? (b(), m("h2", D, C(G.value), 1)) : p("", !0)])]), _.maximizable || _.closable ? (b(), m("div", O, [_.maximizable ? (b(), m("button", {
 					key: 0,
 					type: "button",
 					class: "m-dialog__action",
-					"aria-label": V.value ? C(z).restore : C(z).maximize,
+					"aria-label": H.value ? T(B).restore : T(B).maximize,
 					disabled: X.value,
 					onClick: $
-				}, [m(e, {
-					name: V.value ? "restore" : "maximize",
+				}, [g(t, {
+					name: H.value ? "restore" : "maximize",
 					size: "sm"
-				}, null, 8, ["name"])], 8, ne)) : d("", !0), h.closable ? (v(), f("button", {
+				}, null, 8, ["name"])], 8, k)) : p("", !0), _.closable ? (b(), m("button", {
 					key: 1,
 					type: "button",
 					class: "m-dialog__action",
-					"aria-label": C(z).close,
+					"aria-label": T(B).close,
 					disabled: X.value,
 					onClick: Q
-				}, [m(e, {
+				}, [g(t, {
 					name: "close",
 					size: "sm"
-				})], 8, re)) : d("", !0)])) : d("", !0)])) : d("", !0),
-				p("div", ie, [b(n.$slots, "default")]),
-				Y.value ? (v(), f("footer", {
+				})], 8, A)) : p("", !0)])) : p("", !0)])) : p("", !0),
+				h("div", j, [S(e.$slots, "default")]),
+				le.value ? (b(), m("footer", {
 					key: 1,
-					class: g(["m-dialog__footer", { "m-dialog__footer--preset": J.value }])
-				}, [b(n.$slots, "footer", {}, () => [h.negativeText ? (v(), u(t, {
+					class: v(["m-dialog__footer", { "m-dialog__footer--preset": Y.value }])
+				}, [S(e.$slots, "footer", {}, () => [_.negativeText ? (b(), f(n, {
 					key: 0,
-					label: h.negativeText,
+					label: _.negativeText,
 					severity: "secondary",
 					disabled: X.value,
-					loading: U.value === "negative",
-					onClick: le
+					loading: W.value === "negative",
+					onClick: me
 				}, null, 8, [
 					"label",
 					"disabled",
 					"loading"
-				])) : d("", !0), h.positiveText ? (v(), u(t, {
+				])) : p("", !0), _.positiveText ? (b(), f(n, {
 					key: 1,
-					label: h.positiveText,
-					severity: h.positiveSeverity,
-					disabled: X.value && U.value !== "positive",
-					loading: U.value === "positive",
-					onClick: ce
+					label: _.positiveText,
+					severity: _.positiveSeverity,
+					disabled: X.value && W.value !== "positive",
+					loading: W.value === "positive",
+					onClick: pe
 				}, null, 8, [
 					"label",
 					"severity",
 					"disabled",
 					"loading"
-				])) : d("", !0)])], 2)) : d("", !0)
-			], 14, O)])], 6)) : d("", !0)]),
+				])) : p("", !0)])], 2)) : p("", !0)
+			], 14, ae)])], 16)) : p("", !0)]),
 			_: 3
 		})], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { N as MDialog };
+export { M as MDialog };