morya-ui 0.3.5 → 0.3.7

package/dist/drawer/index.js

@@ -12,7 +12,10 @@ import { Teleport as c, Transition as l, computed as u, createBlock as d, create
 var k = ["aria-modal", "aria-label"], A = {
 	key: 0,
 	class: "m-drawer__header"
-}, j = { key: 0 }, M = ["aria-label"], N = { class: "m-drawer__body" }, P = /* @__PURE__ */ g({
+}, j = { key: 0 }, M = ["aria-label"], N = { class: "m-drawer__body" }, P = {
+	key: 1,
+	class: "m-drawer__footer"
+}, F = /* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "Drawer",
 	props: {
@@ -64,92 +67,96 @@ var k = ["aria-modal", "aria-label"], A = {
 		"hide",
 		"after-leave"
 	],
-	setup(g, { emit: P }) {
-		let F = g, I = P, L = E(), { rootAttrs: R } = e(L, () => F.pt), z = o(), B = s(), V = x(null), H = x(!1), U = u(() => r(F, z.value.appendTo)), { transitionName: W, transitionCss: G } = n({
+	setup(g, { emit: F }) {
+		let I = g, L = F, R = E(), { rootAttrs: z } = e(R, () => I.pt), B = o(), V = s(), H = x(null), U = x(!1), W = u(() => r(I, B.value.appendTo)), { transitionName: G, transitionCss: K } = n({
 			role: "drawer",
-			local: () => F.transition,
+			local: () => I.transition,
 			componentName: "Drawer",
 			fallback: "drawer"
-		}), K = u(() => F.closeOnOutsideClick === void 0 ? F.dismissable : F.closeOnOutsideClick);
-		function q(e) {
+		}), q = u(() => I.closeOnOutsideClick === void 0 ? I.dismissable : I.closeOnOutsideClick);
+		function J(e) {
 			if (e != null) return typeof e == "number" ? `${e}px` : e;
 		}
-		let J = u(() => {
+		let Y = u(() => {
 			let e = {};
-			if (F.position === "left" || F.position === "right") {
-				let t = q(F.width);
+			if (I.position === "left" || I.position === "right") {
+				let t = J(I.width);
 				t && (e.width = t);
 			}
-			if (F.position === "top" || F.position === "bottom") {
-				let t = q(F.height);
+			if (I.position === "top" || I.position === "bottom") {
+				let t = J(I.height);
 				t && (e.height = t, e.maxHeight = t);
 			}
 			return e;
 		});
-		function Y() {
-			I("update:modelValue", !1), I("close");
+		function X() {
+			L("update:modelValue", !1), L("close");
 		}
-		async function X() {
-			if (!H.value) {
-				if (!F.beforeClose) {
-					Y();
+		async function Z() {
+			if (!U.value) {
+				if (!I.beforeClose) {
+					X();
 					return;
 				}
-				H.value = !0;
+				U.value = !0;
 				try {
-					if (!await a(F.beforeClose)) return;
-					Y();
+					if (!await a(I.beforeClose)) return;
+					X();
 				} finally {
-					H.value = !1;
+					U.value = !1;
 				}
 			}
 		}
-		function Z() {
-			K.value && X();
+		function Q() {
+			q.value && Z();
 		}
 		return i({
-			open: w(F, "modelValue"),
-			container: V,
-			closeOnEsc: () => F.closeOnEsc,
-			blockScroll: () => F.blockScroll && F.modal,
+			open: w(I, "modelValue"),
+			container: H,
+			closeOnEsc: () => I.closeOnEsc,
+			blockScroll: () => I.blockScroll && I.modal,
 			onEscape: () => {
-				X();
+				Z();
 			},
-			onOpen: () => I("show"),
-			onClose: () => I("hide")
+			onOpen: () => L("show"),
+			onClose: () => L("hide")
 		}), (e, n) => (b(), d(c, {
-			to: U.value.to,
-			disabled: U.value.disabled
+			to: W.value.to,
+			disabled: W.value.disabled
 		}, [h(l, {
-			name: T(W),
-			css: T(G),
-			onAfterLeave: n[0] ||= (e) => I("after-leave")
+			name: T(G),
+			css: T(K),
+			onAfterLeave: n[0] ||= (e) => L("after-leave")
 		}, {
-			default: D(() => [g.modelValue ? (b(), p("div", _({ key: 0 }, T(R), {
+			default: D(() => [g.modelValue ? (b(), p("div", _({ key: 0 }, T(z), {
 				class: ["m-drawer-backdrop", { "m-drawer-backdrop--modal": g.modal }],
-				onClick: O(Z, ["self"])
+				onClick: O(Q, ["self"])
 			}), [m("aside", {
 				ref_key: "drawerElement",
-				ref: V,
+				ref: H,
 				class: v(["m-drawer", `m-drawer--${g.position}`]),
-				style: y(J.value),
+				style: y(Y.value),
 				role: "dialog",
 				"aria-modal": g.modal || void 0,
 				"aria-label": g.header,
 				tabindex: "-1"
-			}, [e.$slots.header || g.header || g.showCloseIcon ? (b(), p("header", A, [S(e.$slots, "header", {}, () => [g.header ? (b(), p("h2", j, C(g.header), 1)) : f("", !0)]), g.showCloseIcon ? (b(), p("button", {
-				key: 0,
-				type: "button",
-				class: "m-drawer__close",
-				"aria-label": T(B).close,
-				onClick: X
-			}, [h(t, {
-				name: "close",
-				size: "sm"
-			})], 8, M)) : f("", !0)])) : f("", !0), m("div", N, [S(e.$slots, "default")])], 14, k)], 16)) : f("", !0)]),
+			}, [
+				e.$slots.header || g.header || g.showCloseIcon ? (b(), p("header", A, [S(e.$slots, "header", {}, () => [g.header ? (b(), p("h2", j, C(g.header), 1)) : f("", !0)]), g.showCloseIcon ? (b(), p("button", {
+					key: 0,
+					type: "button",
+					class: "m-drawer__close",
+					"aria-label": T(V).close,
+					onClick: Z
+				}, [h(t, {
+					name: "close",
+					size: "sm"
+				})], 8, M)) : f("", !0)])) : f("", !0),
+				m("div", N, [S(e.$slots, "default")]),
+				e.$slots.footer ? (b(), p("footer", P, [S(e.$slots, "footer")])) : f("", !0)
+			], 14, k)], 16)) : f("", !0)]),
 			_: 3
 		}, 8, ["name", "css"])], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { P as MDrawer };
+export { F as MDrawer };