morya-ui 0.1.1 → 0.2.2

package/dist/drawer/index.js

@@ -1,18 +1,21 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { n as t } from "../overlay-oR-5MDuE.js";
-import { t as n } from "../useModalOverlay-Beo3CEAt.js";
-import { t as r } from "../asyncGuard-CPGT_TKu.js";
-import { c as i } from "../config-CI8_WBbE.js";
-import { n as a } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { n } from "../overlay-oR-5MDuE.js";
+import { t as r } from "../useModalOverlay-Beo3CEAt.js";
+import { t as i } from "../asyncGuard-CPGT_TKu.js";
+import { c as a } from "../config-CI8_WBbE.js";
+import { n as o } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, openBlock as _, ref as v, renderSlot as y, toDisplayString as b, toRef as x, unref as S, withCtx as C, withModifiers as w } from "vue";
+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, mergeProps as g, normalizeClass as _, normalizeStyle as v, openBlock as y, ref as b, renderSlot as x, toDisplayString as S, toRef as C, unref as w, useAttrs as T, withCtx as E, withModifiers as D } from "vue";
 //#region src/components/Drawer/Drawer.vue?vue&type=script&setup=true&lang.ts
-var T = ["aria-modal", "aria-label"], E = {
+var O = ["aria-modal", "aria-label"], k = {
 	key: 0,
 	class: "m-drawer__header"
-}, D = { key: 0 }, O = ["aria-label"], k = { class: "m-drawer__body" }, A = /* @__PURE__ */ m({
+}, A = { key: 0 }, j = ["aria-label"], M = { class: "m-drawer__body" }, N = /* @__PURE__ */ h({
+	inheritAttrs: !1,
 	__name: "Drawer",
 	props: {
+		pt: {},
 		modelValue: {
 			type: Boolean,
 			default: !1
@@ -56,87 +59,86 @@ var T = ["aria-modal", "aria-label"], E = {
 		"hide",
 		"after-leave"
 	],
-	setup(m, { emit: A }) {
-		let j = m, M = A, N = i(), P = a(), F = v(null), I = v(!1), L = c(() => t(j, N.value.appendTo)), R = c(() => j.closeOnOutsideClick === void 0 ? j.dismissable : j.closeOnOutsideClick);
-		function z(e) {
+	setup(h, { emit: N }) {
+		let P = h, F = T(), { rootAttrs: I } = e(F, () => P.pt), L = N, R = a(), z = o(), B = b(null), V = b(!1), H = l(() => n(P, R.value.appendTo)), U = l(() => P.closeOnOutsideClick === void 0 ? P.dismissable : P.closeOnOutsideClick);
+		function W(e) {
 			if (e != null) return typeof e == "number" ? `${e}px` : e;
 		}
-		let B = c(() => {
+		let G = l(() => {
 			let e = {};
-			if (j.position === "left" || j.position === "right") {
-				let t = z(j.width);
+			if (P.position === "left" || P.position === "right") {
+				let t = W(P.width);
 				t && (e.width = t);
 			}
-			if (j.position === "top" || j.position === "bottom") {
-				let t = z(j.height);
+			if (P.position === "top" || P.position === "bottom") {
+				let t = W(P.height);
 				t && (e.height = t, e.maxHeight = t);
 			}
 			return e;
 		});
-		function V() {
-			M("update:modelValue", !1), M("close");
+		function K() {
+			L("update:modelValue", !1), L("close");
 		}
-		async function H() {
-			if (!I.value) {
-				if (!j.beforeClose) {
-					V();
+		async function q() {
+			if (!V.value) {
+				if (!P.beforeClose) {
+					K();
 					return;
 				}
-				I.value = !0;
+				V.value = !0;
 				try {
-					if (!await r(j.beforeClose)) return;
-					V();
+					if (!await i(P.beforeClose)) return;
+					K();
 				} finally {
-					I.value = !1;
+					V.value = !1;
 				}
 			}
 		}
-		function U() {
-			R.value && H();
+		function J() {
+			U.value && q();
 		}
-		return n({
-			open: x(j, "modelValue"),
-			container: F,
-			closeOnEsc: () => j.closeOnEsc,
-			blockScroll: () => j.blockScroll && j.modal,
+		return r({
+			open: C(P, "modelValue"),
+			container: B,
+			closeOnEsc: () => P.closeOnEsc,
+			blockScroll: () => P.blockScroll && P.modal,
 			onEscape: () => {
-				H();
+				q();
 			},
-			onOpen: () => M("show"),
-			onClose: () => M("hide")
-		}), (t, n) => (_(), l(o, {
-			to: L.value.to,
-			disabled: L.value.disabled
-		}, [p(s, {
+			onOpen: () => L("show"),
+			onClose: () => L("hide")
+		}), (e, n) => (y(), u(s, {
+			to: H.value.to,
+			disabled: H.value.disabled
+		}, [m(c, {
 			name: "m-drawer",
-			onAfterLeave: n[0] ||= (e) => M("after-leave")
+			onAfterLeave: n[0] ||= (e) => L("after-leave")
 		}, {
-			default: C(() => [m.modelValue ? (_(), d("div", {
-				key: 0,
-				class: h(["m-drawer-backdrop", { "m-drawer-backdrop--modal": m.modal }]),
-				onClick: w(U, ["self"])
-			}, [f("aside", {
+			default: E(() => [h.modelValue ? (y(), f("div", g({ key: 0 }, w(I), {
+				class: ["m-drawer-backdrop", { "m-drawer-backdrop--modal": h.modal }],
+				onClick: D(J, ["self"])
+			}), [p("aside", {
 				ref_key: "drawerElement",
-				ref: F,
-				class: h(["m-drawer", `m-drawer--${m.position}`]),
-				style: g(B.value),
+				ref: B,
+				class: _(["m-drawer", `m-drawer--${h.position}`]),
+				style: v(G.value),
 				role: "dialog",
-				"aria-modal": m.modal || void 0,
-				"aria-label": m.header,
+				"aria-modal": h.modal || void 0,
+				"aria-label": h.header,
 				tabindex: "-1"
-			}, [t.$slots.header || m.header || m.showCloseIcon ? (_(), d("header", E, [y(t.$slots, "header", {}, () => [m.header ? (_(), d("h2", D, b(m.header), 1)) : u("", !0)]), m.showCloseIcon ? (_(), d("button", {
+			}, [e.$slots.header || h.header || h.showCloseIcon ? (y(), f("header", k, [x(e.$slots, "header", {}, () => [h.header ? (y(), f("h2", A, S(h.header), 1)) : d("", !0)]), h.showCloseIcon ? (y(), f("button", {
 				key: 0,
 				type: "button",
 				class: "m-drawer__close",
-				"aria-label": S(P).close,
-				onClick: H
-			}, [p(e, {
+				"aria-label": w(z).close,
+				onClick: q
+			}, [m(t, {
 				name: "close",
 				size: "sm"
-			})], 8, O)) : u("", !0)])) : u("", !0), f("div", k, [y(t.$slots, "default")])], 14, T)], 2)) : u("", !0)]),
+			})], 8, j)) : d("", !0)])) : d("", !0), p("div", M, [x(e.$slots, "default")])], 14, O)], 16)) : d("", !0)]),
 			_: 3
 		})], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { A as MDrawer };
+export { N as MDrawer };