morya-ui 0.2.6 → 0.2.7

package/dist/date-picker/index.js

@@ -3,8 +3,8 @@ import { t } from "../Icon-DfpIfo2L.js";
 import { n, t as r } from "../overlay-oR-5MDuE.js";
 import { t as i } from "../overlayPlacement-Cd20JTD_.js";
 import { t as a } from "../useMId-BXFYayPP.js";
-import { c as o, o as s } from "../config-Dln2-u_v.js";
-import { n as ee, t as te } from "../locale-DNYpTg5K.js";
+import { c as o, o as s } from "../config-BdK5ccNT.js";
+import { n as ee, t as te } from "../locale-B36KH7c3.js";
 import "./style.js";
 import { Fragment as c, Teleport as ne, Transition as re, computed as l, createBlock as ie, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as ae, nextTick as h, normalizeClass as g, normalizeStyle as oe, onBeforeUnmount as se, openBlock as _, ref as v, renderList as y, renderSlot as ce, toDisplayString as b, unref as x, useAttrs as le, watch as ue, withCtx as de, withKeys as fe, withModifiers as S } from "vue";
 //#region src/components/DatePicker/DatePicker.vue?vue&type=script&setup=true&lang.ts

package/dist/dialog/index.js

@@ -1,26 +1,26 @@
 import { r as e } from "../useComponentAttrs-BTYEe61P.js";
 import { t } from "../Icon-DfpIfo2L.js";
-import { t as n } from "../Button-lNErA-7h.js";
+import { t as n } from "../Button--RkQybU-.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-Dln2-u_v.js";
-import { n as c } from "../locale-DNYpTg5K.js";
+import { c as s } from "../config-BdK5ccNT.js";
+import { n as ee } from "../locale-B36KH7c3.js";
 import "./style.js";
-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";
+import { Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeProps as _, 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 E, useSlots as D, watch as O, withCtx as te, withModifiers as ne } from "vue";
 //#region src/components/Dialog/Dialog.vue?vue&type=script&setup=true&lang.ts
-var ae = ["aria-modal", "aria-label"], oe = {
+var re = ["aria-modal", "aria-label"], ie = {
 	key: 0,
 	class: "m-dialog__header"
-}, se = { class: "m-dialog__heading" }, ce = {
+}, ae = { class: "m-dialog__heading" }, oe = {
 	key: 0,
 	class: "m-dialog__type-icon",
 	"aria-hidden": "true"
-}, D = { key: 0 }, O = {
+}, se = { key: 0 }, ce = {
 	key: 0,
 	class: "m-dialog__actions"
-}, k = ["aria-label", "disabled"], A = ["aria-label", "disabled"], j = { class: "m-dialog__body" }, M = /* @__PURE__ */ _({
+}, le = ["aria-label", "disabled"], ue = ["aria-label", "disabled"], k = { class: "m-dialog__body" }, A = /* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "Dialog",
 	props: {
@@ -77,11 +77,23 @@ var ae = ["aria-modal", "aria-label"], oe = {
 		"maximize",
 		"unmaximize"
 	],
-	setup(_, { expose: M, emit: N }) {
-		let P = _, F = N, I = te(), { rootAttrs: L } = e(I, () => P.pt), 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;
+	setup(g, { expose: A, emit: j }) {
+		let M = g, N = j, P = E(), { rootAttrs: F } = e(P, () => M.pt), I = u(() => {
+			let e = F.value.style;
+			if (e) return typeof e == "string" ? e.match(/(?:^|;)\s*width\s*:\s*([^;]+)/i)?.[1]?.trim() : typeof e.width == "string" ? e.width : void 0;
+		}), L = u(() => {
+			let e = { ...F.value }, t = e.style;
+			if (!t || !I.value) return e;
+			if (typeof t == "string") {
+				let n = t.replace(/(?:^|;)\s*width\s*:\s*[^;]+/i, "").replace(/^;|;$/g, "").trim();
+				return n ? e.style = n : delete e.style, e;
+			}
+			let { width: n, ...r } = t;
+			return Object.keys(r).length ? e.style = r : delete e.style, e;
+		}), R = D(), z = s(), B = ee(), V = x(null), H = x(!1), U = x(o()), W = x(null), G = u(() => M.header ?? M.title), K = u(() => r(M, z.value.appendTo)), q = u(() => {
+			let e = M.type;
 			return e === "warning" || e === "warn" ? "warn" : e;
-		}), J = d(() => {
+		}), J = u(() => {
 			switch (q.value) {
 				case "success": return "check-circle";
 				case "warn": return "warning";
@@ -89,44 +101,48 @@ var ae = ["aria-modal", "aria-label"], oe = {
 				case "info": return "info";
 				default: return;
 			}
-		}), 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(() => ({
+		}), Y = u(() => !R.footer && !!(M.positiveText || M.negativeText)), de = u(() => !!(R.footer || Y.value)), X = u(() => W.value != null), fe = u(() => M.ariaLabel ?? G.value), pe = u(() => ({
 			"--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);
+		})), me = u(() => {
+			if (H.value) return;
+			let e = M.width ?? I.value;
+			return e ? { width: e } : void 0;
+		}), he = u(() => M.dismissableMask === void 0 ? M.closeOnOutsideClick === void 0 || M.closeOnOutsideClick : M.dismissableMask);
 		function Z() {
-			H.value = !1, W.value = null, F("update:modelValue", !1), F("close");
+			H.value = !1, W.value = null, N("update:modelValue", !1), N("close");
 		}
 		async function Q() {
 			if (!W.value) {
-				if (!P.beforeClose) {
+				if (!M.beforeClose) {
 					Z();
 					return;
 				}
 				W.value = "close";
 				try {
-					if (!await a(P.beforeClose)) return;
+					if (!await a(M.beforeClose)) return;
 					Z();
 				} finally {
 					W.value === "close" && (W.value = null);
 				}
 			}
 		}
-		async function pe(e) {
+		async function ge(e) {
 			if (!W.value) {
 				W.value = "positive";
 				try {
-					if (!await a(P.onPositiveClick, e)) return;
+					if (!await a(M.onPositiveClick, e)) return;
 					Z();
 				} finally {
 					W.value === "positive" && (W.value = null);
 				}
 			}
 		}
-		async function me(e) {
+		async function _e(e) {
 			if (!W.value) {
 				W.value = "negative";
 				try {
-					if (!await a(P.onNegativeClick, e)) return;
+					if (!await a(M.onNegativeClick, e)) return;
 					Z();
 				} finally {
 					W.value === "negative" && (W.value = null);
@@ -134,26 +150,26 @@ var ae = ["aria-modal", "aria-label"], oe = {
 			}
 		}
 		function $() {
-			H.value = !H.value, H.value ? F("maximize") : F("unmaximize");
+			H.value = !H.value, H.value ? N("maximize") : N("unmaximize");
 		}
-		function he() {
-			fe.value && Q();
+		function ve() {
+			he.value && Q();
 		}
-		return ne(() => P.modelValue, (e) => {
+		return O(() => M.modelValue, (e) => {
 			e && (U.value = o());
 		}), i({
-			open: w(P, "modelValue"),
+			open: w(M, "modelValue"),
 			container: V,
-			closeOnEsc: w(P, "closeOnEsc"),
-			blockScroll: () => P.blockScroll && P.modal,
+			closeOnEsc: w(M, "closeOnEsc"),
+			blockScroll: () => M.blockScroll && M.modal,
 			onEscape: () => {
 				Q();
 			},
-			onOpen: () => F("show"),
+			onOpen: () => N("show"),
 			onClose: () => {
-				H.value = !1, F("hide");
+				H.value = !1, N("hide");
 			}
-		}), M({
+		}), A({
 			close: Q,
 			maximize: () => {
 				H.value || $();
@@ -161,88 +177,88 @@ var ae = ["aria-modal", "aria-label"], oe = {
 			unmaximize: () => {
 				H.value && $();
 			}
-		}), (e, r) => (b(), f(l, {
+		}), (e, r) => (b(), d(c, {
 			to: K.value.to,
 			disabled: K.value.disabled
-		}, [g(u, { name: "m-dialog" }, {
-			default: re(() => [_.modelValue ? (b(), m("div", ee({ key: 0 }, T(L), {
-				class: ["m-dialog-backdrop", [`m-dialog-backdrop--${_.position}`, {
-					"m-dialog-backdrop--modal": _.modal,
+		}, [h(l, { name: "m-dialog" }, {
+			default: te(() => [g.modelValue ? (b(), p("div", _({ key: 0 }, L.value, {
+				class: ["m-dialog-backdrop", [`m-dialog-backdrop--${g.position}`, {
+					"m-dialog-backdrop--modal": g.modal,
 					"m-dialog-backdrop--maximized": H.value
 				}]],
-				style: de.value
-			}), [h("div", {
+				style: pe.value
+			}), [m("div", {
 				class: "m-dialog-zoom",
-				onClick: ie(he, ["self"])
-			}, [h("section", {
+				onClick: ne(ve, ["self"])
+			}, [m("section", {
 				ref_key: "dialogElement",
 				ref: V,
 				class: v(["m-dialog", {
 					"m-dialog--maximized": H.value,
 					[`m-dialog--${q.value}`]: q.value
 				}]),
-				style: y(_.width && !H.value ? { width: _.width } : void 0),
+				style: y(me.value),
 				role: "dialog",
-				"aria-modal": _.modal || void 0,
-				"aria-label": ue.value,
+				"aria-modal": g.modal || void 0,
+				"aria-label": fe.value,
 				tabindex: "-1"
 			}, [
-				e.$slots.header || G.value || J.value || _.closable || _.maximizable ? (b(), m("header", oe, [h("div", se, [J.value ? (b(), m("span", ce, [g(t, {
+				e.$slots.header || G.value || J.value || g.closable || g.maximizable ? (b(), p("header", ie, [m("div", ae, [J.value ? (b(), p("span", oe, [h(t, {
 					name: J.value,
 					size: "sm"
-				}, 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", {
+				}, null, 8, ["name"])])) : f("", !0), S(e.$slots, "header", {}, () => [G.value ? (b(), p("h2", se, C(G.value), 1)) : f("", !0)])]), g.maximizable || g.closable ? (b(), p("div", ce, [g.maximizable ? (b(), p("button", {
 					key: 0,
 					type: "button",
 					class: "m-dialog__action",
 					"aria-label": H.value ? T(B).restore : T(B).maximize,
 					disabled: X.value,
 					onClick: $
-				}, [g(t, {
+				}, [h(t, {
 					name: H.value ? "restore" : "maximize",
 					size: "sm"
-				}, null, 8, ["name"])], 8, k)) : p("", !0), _.closable ? (b(), m("button", {
+				}, null, 8, ["name"])], 8, le)) : f("", !0), g.closable ? (b(), p("button", {
 					key: 1,
 					type: "button",
 					class: "m-dialog__action",
 					"aria-label": T(B).close,
 					disabled: X.value,
 					onClick: Q
-				}, [g(t, {
+				}, [h(t, {
 					name: "close",
 					size: "sm"
-				})], 8, A)) : p("", !0)])) : p("", !0)])) : p("", !0),
-				h("div", j, [S(e.$slots, "default")]),
-				le.value ? (b(), m("footer", {
+				})], 8, ue)) : f("", !0)])) : f("", !0)])) : f("", !0),
+				m("div", k, [S(e.$slots, "default")]),
+				de.value ? (b(), p("footer", {
 					key: 1,
 					class: v(["m-dialog__footer", { "m-dialog__footer--preset": Y.value }])
-				}, [S(e.$slots, "footer", {}, () => [_.negativeText ? (b(), f(n, {
+				}, [S(e.$slots, "footer", {}, () => [g.negativeText ? (b(), d(n, {
 					key: 0,
-					label: _.negativeText,
+					label: g.negativeText,
 					severity: "secondary",
 					disabled: X.value,
 					loading: W.value === "negative",
-					onClick: me
+					onClick: _e
 				}, null, 8, [
 					"label",
 					"disabled",
 					"loading"
-				])) : p("", !0), _.positiveText ? (b(), f(n, {
+				])) : f("", !0), g.positiveText ? (b(), d(n, {
 					key: 1,
-					label: _.positiveText,
-					severity: _.positiveSeverity,
+					label: g.positiveText,
+					severity: g.positiveSeverity,
 					disabled: X.value && W.value !== "positive",
 					loading: W.value === "positive",
-					onClick: pe
+					onClick: ge
 				}, null, 8, [
 					"label",
 					"severity",
 					"disabled",
 					"loading"
-				])) : p("", !0)])], 2)) : p("", !0)
-			], 14, ae)])], 16)) : p("", !0)]),
+				])) : f("", !0)])], 2)) : f("", !0)
+			], 14, re)])], 16)) : f("", !0)]),
 			_: 3
 		})], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { M as MDialog };
+export { A as MDialog };

package/dist/drawer/index.js

@@ -3,8 +3,8 @@ 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-Dln2-u_v.js";
-import { n as o } from "../locale-DNYpTg5K.js";
+import { c as a } from "../config-BdK5ccNT.js";
+import { n as o } from "../locale-B36KH7c3.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, 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

package/dist/dropdown/index.js

@@ -5,9 +5,9 @@ import { t as i } from "../overlayPlacement-Cd20JTD_.js";
 import { t as a } from "../Scrollbar-BYnCO8fv.js";
 import { t as o } from "../icon-xUOyawgJ.js";
 import { t as s } from "../key-CaQYVkjh.js";
-import { t as c } from "../FlyoutSubmenu-kymVjXLs.js";
-import { c as l } from "../config-Dln2-u_v.js";
-import { n as u } from "../locale-DNYpTg5K.js";
+import { t as c } from "../FlyoutSubmenu-B_bkgKag.js";
+import { c as l } from "../config-BdK5ccNT.js";
+import { n as u } from "../locale-B36KH7c3.js";
 import "./style.js";
 import { Fragment as d, Teleport as f, Transition as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as y, createTextVNode as b, createVNode as x, defineComponent as S, mergeProps as C, nextTick as w, normalizeClass as T, normalizeStyle as E, onBeforeUnmount as D, openBlock as O, ref as k, renderList as A, renderSlot as j, toDisplayString as M, unref as N, useAttrs as ee, watch as te, withCtx as P } from "vue";
 //#region src/components/Dropdown/DropdownNodes.vue?vue&type=script&setup=true&lang.ts

package/dist/empty/index.js

@@ -1,54 +1,169 @@
 import { r as e } from "../useComponentAttrs-BTYEe61P.js";
 import { t } from "../Icon-DfpIfo2L.js";
-import { n } from "../locale-DNYpTg5K.js";
+import { t as n } from "../useMId-BXFYayPP.js";
+import { n as r } from "../locale-B36KH7c3.js";
 import "./style.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, defineComponent as c, mergeProps as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, useAttrs as m, useSlots as h } from "vue";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, defineComponent as l, mergeProps as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useAttrs as g, useSlots as _, watch as v } from "vue";
+//#region src/components/Empty/illustrations/catalog.ts
+var y = [
+	"no-content",
+	"no-result",
+	"no-message",
+	"no-schedule",
+	"no-issue",
+	"network-error",
+	"server-error",
+	"building",
+	"churn-high",
+	"conversion-low",
+	"activity-low",
+	"profile-unclear",
+	"input-irregular",
+	"payment-cycle-long"
+];
+function b(e) {
+	return y.includes(e);
+}
+//#endregion
+//#region src/components/Empty/illustrations/loaders.ts
+var x = {
+	"no-content": () => import("../no-content-CwbqVPoN.js"),
+	"no-result": () => import("../no-result-pGce34BV.js"),
+	"no-message": () => import("../no-message-DnIEpMiO.js"),
+	"no-schedule": () => import("../no-schedule-Cl9Frt1Q.js"),
+	"no-issue": () => import("../no-issue-DMkU-Pnw.js"),
+	"network-error": () => import("../network-error-C6vl5a7S.js"),
+	"server-error": () => import("../server-error-D8zGMe5r.js"),
+	building: () => import("../building-DYLdXiQg.js"),
+	"churn-high": () => import("../churn-high-D1ELpZzW.js"),
+	"conversion-low": () => import("../conversion-low-CwZiQc2k.js"),
+	"activity-low": () => import("../activity-low-CgK9kHWr.js"),
+	"profile-unclear": () => import("../profile-unclear-CGs4PCfw.js"),
+	"input-irregular": () => import("../input-irregular-xSLDoNTS.js"),
+	"payment-cycle-long": () => import("../payment-cycle-long-Ba9FNStl.js")
+};
+async function S(e) {
+	return (await x[e]()).default;
+}
+//#endregion
+//#region src/components/Empty/illustrations/defaultEmptyIcon.ts
+var C = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 28 28\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M26 7.5C26 11.0899 23.0899 14 19.5 14C15.9101 14 13 11.0899 13 7.5C13 3.91015 15.9101 1 19.5 1C23.0899 1 26 3.91015 26 7.5ZM16.8536 4.14645C16.6583 3.95118 16.3417 3.95118 16.1464 4.14645C15.9512 4.34171 15.9512 4.65829 16.1464 4.85355L18.7929 7.5L16.1464 10.1464C15.9512 10.3417 15.9512 10.6583 16.1464 10.8536C16.3417 11.0488 16.6583 11.0488 16.8536 10.8536L19.5 8.20711L22.1464 10.8536C22.3417 11.0488 22.6583 11.0488 22.8536 10.8536C23.0488 10.6583 23.0488 10.3417 22.8536 10.1464L20.2071 7.5L22.8536 4.85355C23.0488 4.65829 23.0488 3.95118 22.8536 4.14645C22.6583 3.95118 22.3417 3.95118 22.1464 4.14645L19.5 6.79289L16.8536 4.14645Z\" fill=\"currentColor\"/><path d=\"M25 22.75V12.5991C24.5572 13.0765 24.053 13.4961 23.5 13.8454V16H17.5L17.3982 16.0068C17.0322 16.0565 16.75 16.3703 16.75 16.75C16.75 18.2688 15.5188 19.5 14 19.5C12.4812 19.5 11.25 18.2688 11.25 16.75L11.2432 16.6482C11.1935 16.2822 10.8797 16 10.5 16H4.5V7.25C4.5 6.2835 5.2835 5.5 6.25 5.5H12.2696C12.4146 4.97463 12.6153 4.47237 12.865 4H6.25C4.45507 4 3 5.45507 3 7.25V22.75C3 24.5449 4.45507 26 6.25 26H21.75C23.5449 26 25 24.5449 25 22.75ZM4.5 22.75V17.5H9.81597L9.85751 17.7041C10.2905 19.5919 11.9808 21 14 21L14.215 20.9947C16.2095 20.8953 17.842 19.4209 18.184 17.5H23.5V22.75C23.5 23.7165 22.7165 24.5 21.75 24.5H6.25C5.2835 24.5 4.5 23.7165 4.5 22.75Z\" fill=\"currentColor\"/></svg>", w = [
+	"no-content",
+	"no-result",
+	"no-message",
+	"no-schedule",
+	"no-issue"
+], T = [
+	"network-error",
+	"server-error",
+	"building"
+], E = /__MID_(\d+)__/g;
+function D(e, t) {
+	return e.replace(E, (e, n) => `${t}-${n}`);
+}
+async function O(e, t) {
+	return D(await S(e), t);
+}
+//#endregion
 //#region src/components/Empty/Empty.vue?vue&type=script&setup=true&lang.ts
-var g = {
+var k = {
 	key: 0,
-	class: "m-empty__mark",
+	class: "m-empty__illustration",
 	"aria-hidden": "true"
-}, _ = ["src"], v = {
+}, A = ["src"], j = ["innerHTML"], M = ["innerHTML"], N = {
 	key: 1,
+	class: "m-empty__body"
+}, P = {
+	key: 0,
 	class: "m-empty__title"
-}, y = {
-	key: 2,
+}, F = {
+	key: 1,
 	class: "m-empty__description"
-}, b = {
-	key: 3,
+}, I = {
+	key: 2,
 	class: "m-empty__extra"
-}, x = /* @__PURE__ */ c({
+}, L = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "Empty",
 	props: {
 		pt: {},
 		title: {},
 		description: {},
-		icon: { default: "database" },
-		image: {}
+		showDescription: {
+			type: Boolean,
+			default: !0
+		},
+		showIcon: {
+			type: Boolean,
+			default: !0
+		},
+		size: {},
+		icon: {},
+		illustration: {},
+		image: {},
+		simple: {
+			type: Boolean,
+			default: !1
+		}
 	},
-	setup(c) {
-		let x = c, S = m(), C = h(), { rootAttrs: w } = e(S, () => x.pt), T = n(), E = r(() => x.title ?? T.value.emptyMessage), D = r(() => !!(C.image || x.image)), O = r(() => !D.value && !!(C.icon || x.icon));
-		return (e, n) => (u(), o("div", l(p(w), {
-			class: "m-empty",
+	setup(l) {
+		let y = l, b = g(), x = _(), { rootAttrs: S } = e(b, () => y.pt), w = r(), T = n("m-ill"), E = f(), D = 0;
+		function L(e) {
+			return e === "small" || e === "sm" ? "small" : e === "large" || e === "lg" ? "large" : "medium";
+		}
+		let R = i(() => L(y.size)), z = i(() => !!(x.image || y.image)), B = i(() => !!x.icon), V = i(() => {
+			if (y.showIcon) {
+				if (y.illustration) return y.illustration;
+				if (!(z.value || B.value) && y.icon === "search") return "no-result";
+			}
+		});
+		v(V, (e) => {
+			let t = ++D;
+			if (!e) {
+				E.value = void 0;
+				return;
+			}
+			O(e, T).then((e) => {
+				t === D && (E.value = e);
+			}, () => {
+				t === D && (E.value = void 0);
+			});
+		}, { immediate: !0 });
+		let H = i(() => y.showIcon && !!V.value && !!E.value && !z.value && !B.value), U = i(() => y.showIcon && !!y.icon && y.icon !== "search" && !V.value && !z.value && !B.value), W = i(() => y.showIcon && !V.value && !U.value && !z.value && !B.value), G = i(() => y.showIcon && (z.value || B.value || H.value || U.value || W.value)), K = i(() => y.description == null ? w.value.emptyMessage : y.description), q = i(() => x.title ? !0 : y.title != null && y.title !== ""), J = i(() => y.showDescription ? x.default ? !0 : !!K.value : !1), Y = i(() => [
+			"m-empty",
+			`m-empty--${R.value}`,
+			{
+				"m-empty--simple": y.simple,
+				"m-empty--default-icon": W.value
+			}
+		]);
+		return (e, n) => (d(), s("div", u(h(S), {
+			class: Y.value,
 			role: "status"
 		}), [
-			D.value || O.value ? (u(), o("div", g, [d(e.$slots, "image", {}, () => [c.image ? (u(), o("img", {
+			G.value ? (d(), s("div", k, [z.value ? p(e.$slots, "image", {}, () => [l.image ? (d(), s("img", {
 				key: 0,
 				class: "m-empty__image",
-				src: c.image,
+				src: l.image,
 				alt: ""
-			}, null, 8, _)) : a("", !0)]), D.value ? a("", !0) : d(e.$slots, "icon", {}, () => [c.icon ? (u(), i(t, {
-				key: 0,
+			}, null, 8, A)) : o("", !0)], void 0, 0) : B.value ? p(e.$slots, "icon", {}, void 0, void 0, 1) : H.value && E.value ? (d(), s("div", {
+				key: 2,
+				class: "m-empty__glyph",
+				innerHTML: E.value
+			}, null, 8, j)) : U.value && l.icon ? (d(), a(t, {
+				key: 3,
 				class: "m-empty__icon",
-				name: c.icon,
+				name: l.icon,
 				size: "lg"
-			}, null, 8, ["name"])) : a("", !0)], void 0, 0)])) : a("", !0),
-			p(C).title || E.value ? (u(), o("div", v, [d(e.$slots, "title", {}, () => [s(f(E.value), 1)])])) : a("", !0),
-			p(C).description || c.description ? (u(), o("div", y, [d(e.$slots, "description", {}, () => [s(f(c.description), 1)])])) : a("", !0),
-			p(C).extra || p(C).default ? (u(), o("div", b, [d(e.$slots, "extra"), d(e.$slots, "default")])) : a("", !0)
+			}, null, 8, ["name"])) : W.value ? (d(), s("div", {
+				key: 4,
+				class: "m-empty__default-icon",
+				innerHTML: h(C)
+			}, null, 8, M)) : o("", !0)])) : o("", !0),
+			q.value || J.value ? (d(), s("div", N, [q.value ? (d(), s("div", P, [p(e.$slots, "title", {}, () => [c(m(l.title), 1)])])) : o("", !0), J.value ? (d(), s("div", F, [p(e.$slots, "default", {}, () => [c(m(K.value), 1)])])) : o("", !0)])) : o("", !0),
+			h(x).extra ? (d(), s("div", I, [p(e.$slots, "extra")])) : o("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { x as MEmpty };
+export { y as EMPTY_ILLUSTRATION_KEYS, T as EMPTY_OUTCOME_KEYS, w as EMPTY_PRESET_KEYS, L as MEmpty, b as isEmptyIllustration, S as loadEmptyIllustration };