admins-components 9.0.4 → 9.0.6

package/dist/admins-components19.js

@@ -1,6 +1,182 @@
-import "./admins-components7.js";
-import e from "./admins-components18.js";
-//#region src/components/DateRangePicker.vue
-var t = e;
+import e from "./admins-components5.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, vModelText as g, watch as _, withDirectives as v, withModifiers as y } from "vue";
+//#region src/components/DropdownSelect.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	key: 0,
+	class: "c-truncate ds-value"
+}, x = {
+	key: 1,
+	class: "c-placeholder"
+}, S = {
+	key: 0,
+	class: "ds-filter"
+}, C = ["title"], w = { class: "ds-options c-scroll" }, T = ["onClick", "onKeydown"], E = {
+	key: 0,
+	class: "ds-option ds-option--empty"
+}, D = {
+	key: 1,
+	class: "c-footer"
+}, O = {
+	placeholder: "Select...",
+	filterable: !0,
+	clearable: !0,
+	textEllipsis: !0,
+	multiple: !1,
+	lazy: !1,
+	size: "normal"
+}, k = /*@__PURE__*/ s({
+	__name: "DropdownSelect",
+	props: {
+		modelValue: { default: null },
+		options: {},
+		config: { default: () => ({ ...O }) }
+	},
+	emits: ["update:modelValue"],
+	setup(s, { expose: k, emit: A }) {
+		let j = s, M = n(() => ({
+			...O,
+			...j.config
+		})), N = A, P = p(!1), F = p(""), I = p(null), L = p(null), R = p([]), z = p(B(j.modelValue));
+		function B(e) {
+			return e == null ? [] : Array.isArray(e) ? [...e] : [e];
+		}
+		_(() => j.modelValue, (e) => {
+			z.value = B(e);
+		}), _(P, (e) => {
+			e && (F.value = "", M.value.filterable && c(() => L.value?.focus()), M.value.lazy && (R.value = [...z.value]));
+		});
+		let V = n(() => z.value.length === 0 ? null : M.value.multiple ? z.value.length > 2 ? `${z.value.length} kiválasztva` : z.value.map((e) => j.options.find((t) => t.value === e)?.label ?? e).join(", ") : j.options.find((e) => e.value === z.value[0])?.label ?? null), H = n(() => {
+			let e = F.value.toLowerCase();
+			return e ? j.options.filter((t) => t.label.toLowerCase().includes(e)) : j.options;
+		}), U = n(() => H.value.filter((e) => e.value)), W = n(() => {
+			if (U.value.length === 0) return !1;
+			let e = M.value.lazy && P.value ? R.value : z.value;
+			return U.value.every((t) => t.value && e.includes(t.value));
+		});
+		function G(e) {
+			return (M.value.lazy && P.value ? R : z).value.includes(e);
+		}
+		function K() {
+			let e = M.value.lazy && P.value ? R : z, t = U.value.map((e) => e.value);
+			if (W.value) e.value = e.value.filter((e) => !t.includes(e));
+			else {
+				let n = t.filter((t) => !e.value.includes(t));
+				e.value = [...e.value, ...n];
+			}
+			M.value.lazy || N("update:modelValue", z.value.length > 0 ? [...z.value] : null);
+		}
+		function q(e, t) {
+			let n = e.indexOf(t);
+			return n >= 0 ? e.filter((e, t) => t !== n) : [...e, t];
+		}
+		function J(e) {
+			if (e.callback) {
+				e.callback(), P.value = !1;
+				return;
+			}
+			let t = e.value;
+			t && (M.value.multiple ? M.value.lazy ? R.value = q(R.value, t) : (z.value = q(z.value, t), N("update:modelValue", z.value.length > 0 ? [...z.value] : null)) : (z.value = [t], N("update:modelValue", t), P.value = !1));
+		}
+		function Y() {
+			M.value.lazy && (z.value = [...R.value], N("update:modelValue", R.value.length > 0 ? [...R.value] : null)), P.value = !1;
+		}
+		function X() {
+			M.value.lazy ? R.value = [] : (z.value = [], N("update:modelValue", null));
+		}
+		function Z(e, t) {
+			e.key === " " ? (e.preventDefault(), J(t)) : e.key === "Enter" && (e.preventDefault(), Y());
+		}
+		function Q(e) {
+			I.value && !I.value.contains(e.target) && (P.value = !1);
+		}
+		d(() => document.addEventListener("mousedown", Q)), u(() => document.removeEventListener("mousedown", Q));
+		function $() {
+			P.value = !P.value, P.value && (F.value = "");
+		}
+		function ee() {
+			z.value = [], N("update:modelValue", null), P.value = !1;
+		}
+		function te() {
+			P.value = !0, M.value.filterable && c(() => L.value?.focus());
+		}
+		return k({ focusAndOpen: te }), (n, s) => (f(), a("div", {
+			ref_key: "wrapperRef",
+			ref: I,
+			class: "c-wrapper ds-wrapper ac-component"
+		}, [o("div", {
+			class: l(["c-input-row pointer", {
+				"c-input-row--sm": M.value.size === "small",
+				"c-input-row--lg": M.value.size === "large"
+			}]),
+			onClick: s[1] ||= (e) => $()
+		}, [
+			V.value ? (f(), a("span", b, h(V.value), 1)) : (f(), a("span", x, h(M.value.placeholder), 1)),
+			M.value.clearable && z.value.length > 0 ? (f(), a("button", {
+				key: 2,
+				type: "button",
+				class: "c-icon-btn c-icon-btn--clear ds-clear-btn",
+				onClick: s[0] ||= y((e) => ee(), ["stop"]),
+				"aria-label": "Törlés"
+			}, [...s[6] ||= [o("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]])) : i("", !0),
+			o("span", { class: l(["c-icon-btn c-icon-btn--chevron mr-2", { "c-icon-btn--chevron-open": P.value }]) }, [...s[7] ||= [o("i", { class: "fa-solid fa-fw fa-chevron-down" }, null, -1)]], 2)
+		], 2), P.value ? (f(), a("div", {
+			key: 0,
+			class: l(["c-dropdown ds-dropdown ac-component", { "ds-dropdown--multiple": M.value.multiple }])
+		}, [
+			M.value.filterable ? (f(), a("div", S, [
+				M.value.multiple ? (f(), a("span", {
+					key: 0,
+					class: l(["c-checkbox ds-select-all-checkbox", { "c-checkbox--checked": W.value }]),
+					onClick: s[2] ||= y((e) => K(), ["stop"]),
+					title: W.value ? "Összes kijelölés törlése" : "Összes kijelölése"
+				}, null, 10, C)) : i("", !0),
+				v(o("input", {
+					ref_key: "filterInputRef",
+					ref: L,
+					type: "text",
+					class: "c-focus ds-filter-input",
+					"onUpdate:modelValue": s[3] ||= (e) => F.value = e,
+					placeholder: "Filter...",
+					onClick: s[4] ||= y(() => {}, ["stop"])
+				}, null, 512), [[g, F.value]]),
+				F.value ? (f(), a("button", {
+					key: 1,
+					type: "button",
+					class: "c-icon-btn c-icon-btn--clear ds-filter-clear",
+					onClick: s[5] ||= y((e) => F.value = "", ["stop"]),
+					"aria-label": "Szűrők törlése"
+				}, [...s[8] ||= [o("i", { class: "fa-solid fa-xmark" }, null, -1)]])) : i("", !0)
+			])) : i("", !0),
+			o("ul", w, [(f(!0), a(t, null, m(H.value, (e, t) => (f(), a("li", {
+				key: e.value ?? `cb-${t}`,
+				class: l(["d-option ds-option", { "ds-option--selected": e.value && G(e.value) }]),
+				tabindex: "0",
+				onClick: (t) => J(e),
+				onKeydown: (t) => Z(t, e)
+			}, [
+				M.value.multiple && e.value ? (f(), a("span", {
+					key: 0,
+					class: l(["c-checkbox", { "c-checkbox--checked": G(e.value) }])
+				}, null, 2)) : i("", !0),
+				e.icon ? (f(), a("i", {
+					key: 1,
+					class: l(["fa-fw", e.icon])
+				}, null, 2)) : i("", !0),
+				o("span", { class: l(["d-option__label", { "c-truncate": M.value.textEllipsis }]) }, h(e.label), 3)
+			], 42, T))), 128)), H.value.length === 0 ? (f(), a("li", E, " Nincs találat ")) : i("", !0)]),
+			M.value.multiple || M.value.clearable && z.value.length > 0 ? (f(), a("div", D, [M.value.clearable ? (f(), r(e, {
+				key: 0,
+				label: "Törlés",
+				outline: "",
+				onClick: X
+			})) : i("", !0), M.value.multiple ? (f(), r(e, {
+				key: 1,
+				label: "OK",
+				type: "success",
+				onClick: Y
+			})) : i("", !0)])) : i("", !0)
+		], 2)) : i("", !0)], 512));
+	}
+});
 //#endregion
-export { t as default };
+export { k as default, O as dropdownSelectConfigDefaults };

package/dist/admins-components21.js

@@ -0,0 +1,7 @@
+import './src/styles/components/dropdown-select.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components19.js";
+/* empty css                    */
+//#region src/components/DropdownSelect.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/admins-components22.js

@@ -1,7 +1,73 @@
-import './src/styles/components/dropdown-select.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components20.js";
-/* empty css                    */
-//#region src/components/DropdownSelect.vue
-var t = e;
+import { useDropdownAnchor as e } from "./admins-components11.js";
+import { Fragment as t, Teleport as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m } from "vue";
+//#region src/components/DropdownMenu.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "ds-options c-scroll" }, g = ["onClick"], _ = /*@__PURE__*/ s({
+	__name: "DropdownMenu",
+	props: {
+		size: { default: "normal" },
+		icon: { default: void 0 },
+		label: { default: void 0 },
+		textEllipsis: {
+			type: Boolean,
+			default: !0
+		},
+		type: { default: "normal" },
+		items: {},
+		labelAlignmentFix: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(s) {
+		let _ = s, v = d(null), y = d(null), { isOpen: b, dropdownStyle: x } = e(v, y, { extraStyle: (e) => ({
+			minWidth: `${e.width}px`,
+			maxWidth: `${e.width * 2}px`
+		}) });
+		function S() {
+			b.value = !b.value;
+		}
+		function C(e) {
+			e.callback?.(), b.value = !1;
+		}
+		return (e, d) => (u(), a("div", {
+			ref_key: "wrapperRef",
+			ref: v,
+			class: "ds-wrapper ac-component",
+			style: { display: "inline-block" }
+		}, [o("button", {
+			type: "button",
+			class: c(["c-btn dm-trigger", [
+				s.size === "small" && "c-btn-sm",
+				s.size === "large" && "c-btn-lg",
+				s.type !== "normal" && `c-btn-${s.type}`
+			]]),
+			onClick: d[0] ||= (e) => S()
+		}, [
+			s.icon ? (u(), a("i", {
+				key: 0,
+				class: c(["fa-fw", s.icon])
+			}, null, 2)) : i("", !0),
+			s.label ? (u(), a("span", {
+				key: 1,
+				class: c({ "align-center-text-fix ": _.labelAlignmentFix })
+			}, p(s.label), 3)) : i("", !0),
+			o("span", { class: c(["c-icon-btn c-icon-btn--chevron", { "c-icon-btn--chevron-open": m(b) }]) }, [...d[1] ||= [o("i", { class: "fa-solid fa-fw fa-chevron-down" }, null, -1)]], 2)
+		], 2), (u(), r(n, { to: "body" }, [m(b) ? (u(), a("div", {
+			key: 0,
+			ref_key: "dropdownRef",
+			ref: y,
+			class: "c-dropdown ds-wrapper ac-component",
+			style: l(m(x))
+		}, [o("ul", h, [(u(!0), a(t, null, f(s.items, (e, t) => (u(), a("li", {
+			key: `cb-${t}`,
+			class: c(["d-option dm-option c-field-size c-type-color", { [`c-type-color--${e.type}`]: e.type }]),
+			tabindex: "0",
+			onClick: (t) => C(e)
+		}, [e.icon ? (u(), a("i", {
+			key: 0,
+			class: c(["fa-fw", e.icon])
+		}, null, 2)) : i("", !0), o("span", { class: c(["d-option__label", { "c-truncate": _.textEllipsis }]) }, p(e.label), 3)], 10, g))), 128))])], 4)) : i("", !0)]))], 512));
+	}
+});
 //#endregion
-export { t as default };
+export { _ as default };

package/dist/admins-components23.js

@@ -1,73 +1,7 @@
-import { useDropdownAnchor as e } from "./admins-components12.js";
-import { Fragment as t, Teleport as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m } from "vue";
-//#region src/components/DropdownMenu.vue?vue&type=script&setup=true&lang.ts
-var h = { class: "ds-options c-scroll" }, g = ["onClick"], _ = /* @__PURE__ */ s({
-	__name: "DropdownMenu",
-	props: {
-		size: { default: "normal" },
-		icon: { default: void 0 },
-		label: { default: void 0 },
-		textEllipsis: {
-			type: Boolean,
-			default: !0
-		},
-		type: { default: "normal" },
-		items: {},
-		labelAlignmentFix: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(s) {
-		let _ = s, v = d(null), y = d(null), { isOpen: b, dropdownStyle: x } = e(v, y, { extraStyle: (e) => ({
-			minWidth: `${e.width}px`,
-			maxWidth: `${e.width * 2}px`
-		}) });
-		function S() {
-			b.value = !b.value;
-		}
-		function C(e) {
-			e.callback?.(), b.value = !1;
-		}
-		return (e, d) => (u(), a("div", {
-			ref_key: "wrapperRef",
-			ref: v,
-			class: "ds-wrapper ac-component",
-			style: { display: "inline-block" }
-		}, [o("button", {
-			type: "button",
-			class: c(["c-btn dm-trigger", [
-				s.size === "small" && "c-btn-sm",
-				s.size === "large" && "c-btn-lg",
-				s.type !== "normal" && `c-btn-${s.type}`
-			]]),
-			onClick: d[0] ||= (e) => S()
-		}, [
-			s.icon ? (u(), a("i", {
-				key: 0,
-				class: c(["fa-fw", s.icon])
-			}, null, 2)) : i("", !0),
-			s.label ? (u(), a("span", {
-				key: 1,
-				class: c({ "align-center-text-fix ": _.labelAlignmentFix })
-			}, p(s.label), 3)) : i("", !0),
-			o("span", { class: c(["c-icon-btn c-icon-btn--chevron", { "c-icon-btn--chevron-open": m(b) }]) }, [...d[1] ||= [o("i", { class: "fa-solid fa-fw fa-chevron-down" }, null, -1)]], 2)
-		], 2), (u(), r(n, { to: "body" }, [m(b) ? (u(), a("div", {
-			key: 0,
-			ref_key: "dropdownRef",
-			ref: y,
-			class: "c-dropdown ds-wrapper ac-component",
-			style: l(m(x))
-		}, [o("ul", h, [(u(!0), a(t, null, f(s.items, (e, t) => (u(), a("li", {
-			key: `cb-${t}`,
-			class: c(["d-option dm-option c-field-size c-type-color", { [`c-type-color--${e.type}`]: e.type }]),
-			tabindex: "0",
-			onClick: (t) => C(e)
-		}, [e.icon ? (u(), a("i", {
-			key: 0,
-			class: c(["fa-fw", e.icon])
-		}, null, 2)) : i("", !0), o("span", { class: c(["d-option__label", { "c-truncate": _.textEllipsis }]) }, p(e.label), 3)], 10, g))), 128))])], 4)) : i("", !0)]))], 512));
-	}
-});
+import './src/styles/components/dropdown-select.scss_vue_type_style_index_0_src_true_lang.css';
+/* empty css                    */
+import e from "./admins-components22.js";
+//#region src/components/DropdownMenu.vue
+var t = e;
 //#endregion
-export { _ as default };
+export { t as default };

package/dist/admins-components24.js

@@ -1,7 +1,59 @@
-import './src/styles/components/dropdown-select.scss_vue_type_style_index_0_src_true_lang.css';
-/* empty css                    */
-import e from "./admins-components23.js";
-//#region src/components/DropdownMenu.vue
-var t = e;
+import e from "./admins-components5.js";
+import { Teleport as t, Transition as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeDefaults as l, normalizeClass as u, onBeforeUnmount as d, onMounted as f, openBlock as p, renderSlot as m, toDisplayString as h, withCtx as g, withModifiers as _ } from "vue";
+//#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "ac-component" }, y = {
+	key: 0,
+	class: "sb-header"
+}, b = { class: "sb-title" }, x = { class: "sb-content c-scroll" }, S = {
+	open: !1,
+	position: "left",
+	hasHeader: !0,
+	withBackdrop: !0
+}, C = /*@__PURE__*/ c({
+	__name: "Sidebar",
+	props: /*@__PURE__*/ l({
+		open: { type: Boolean },
+		position: {},
+		title: {},
+		hasHeader: { type: Boolean },
+		withBackdrop: { type: Boolean }
+	}, { ...S }),
+	emits: ["close"],
+	setup(c, { emit: l }) {
+		let S = l;
+		function C() {
+			S("close");
+		}
+		function w() {
+			C();
+		}
+		function T(e) {
+			e.key === "Escape" && C();
+		}
+		return f(() => document.addEventListener("keydown", T)), d(() => document.removeEventListener("keydown", T)), (l, d) => (p(), r(t, { to: "body" }, [o("div", v, [s(n, { name: "sb-fade" }, {
+			default: g(() => [c.open && c.withBackdrop ? (p(), a("div", {
+				key: 0,
+				class: "sb-backdrop",
+				onClick: _(w, ["self"])
+			})) : i("", !0)]),
+			_: 1
+		}), s(n, { name: `sb-slide-${c.position}` }, {
+			default: g(() => [c.open ? (p(), a("div", {
+				key: 0,
+				class: u(["sb-panel", `sb-panel--${c.position}`])
+			}, [c.hasHeader ? (p(), a("div", y, [o("span", b, h(c.title ?? ""), 1), s(e, {
+				class: "sb-close",
+				icon: "fa-solid fa-xmark",
+				onClick: d[0] ||= (e) => C()
+			})])) : (p(), r(e, {
+				key: 1,
+				class: "sb-close sb-close--absolute",
+				icon: "fa-solid fa-xmark",
+				onClick: d[1] ||= (e) => C()
+			})), o("div", x, [m(l.$slots, "default")])], 2)) : i("", !0)]),
+			_: 3
+		}, 8, ["name"])])]));
+	}
+});
 //#endregion
-export { t as default };
+export { C as default, S as sidebarDefaults };

package/dist/admins-components26.js

@@ -0,0 +1,7 @@
+import './src/styles/components/sidebar.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components24.js";
+/* empty css                    */
+//#region src/components/Sidebar.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/admins-components27.js

@@ -1,7 +1,61 @@
-import './src/styles/components/sidebar.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components25.js";
-/* empty css                    */
-//#region src/components/Sidebar.vue
-var t = e;
+import e from "./admins-components5.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeDefaults as c, normalizeClass as l, openBlock as u, renderList as d, toDisplayString as f } from "vue";
+//#region src/components/HeaderComponent.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "ac-component" }, m = { class: "hc-header" }, h = { class: "hc-left" }, g = { class: "hc-title-group" }, _ = { class: "hc-title" }, v = {
+	key: 0,
+	class: "hc-toolbars"
+}, y = {
+	icon: void 0,
+	showBackButton: !1,
+	toolbars: () => []
+}, b = /*@__PURE__*/ s({
+	__name: "HeaderComponent",
+	props: /*@__PURE__*/ c({
+		title: {},
+		icon: {},
+		showBackButton: { type: Boolean },
+		toolbars: {}
+	}, { ...y }),
+	emits: ["back"],
+	setup(s, { emit: c }) {
+		let y = s, b = c, x = n(() => {
+			let e = {
+				left: 0,
+				center: 1,
+				right: 2
+			};
+			return [...y.toolbars].sort((t, n) => e[t.align] - e[n.align]);
+		});
+		return (n, c) => (u(), a("div", p, [o("header", m, [o("div", h, [s.showBackButton ? (u(), r(e, {
+			key: 0,
+			class: "hc-back-btn",
+			icon: "fa-solid fa-chevron-left",
+			onClick: c[0] ||= (e) => b("back")
+		})) : i("", !0), o("div", g, [s.icon ? (u(), a("i", {
+			key: 0,
+			class: l([s.icon, "hc-title-icon"])
+		}, null, 2)) : i("", !0), o("h1", _, f(s.title), 1)])]), x.value.length ? (u(), a("div", v, [(u(!0), a(t, null, d(x.value, (n, i) => (u(), a("div", {
+			key: i,
+			class: l(["hc-buttons", `hc-buttons--${n.align}`])
+		}, [(u(!0), a(t, null, d(n.buttons, (t, n) => (u(), r(e, {
+			key: n,
+			label: t.label,
+			icon: t.icon,
+			"icon-position": t.iconPosition,
+			type: t.type,
+			size: t.size,
+			outline: t.outline,
+			onClick: (e) => t.callback?.()
+		}, null, 8, [
+			"label",
+			"icon",
+			"icon-position",
+			"type",
+			"size",
+			"outline",
+			"onClick"
+		]))), 128))], 2))), 128))])) : i("", !0)])]));
+	}
+});
 //#endregion
-export { t as default };
+export { b as default, y as headerComponentDefaults };

package/dist/admins-components29.js

@@ -0,0 +1,7 @@
+import './src/styles/components/header.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components27.js";
+/* empty css                    */
+//#region src/components/HeaderComponent.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/admins-components30.js

@@ -1,7 +1,37 @@
-import './src/styles/components/header.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components28.js";
-/* empty css                    */
-//#region src/components/HeaderComponent.vue
-var t = e;
+import { Teleport as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, onMounted as o, onUnmounted as s, openBlock as c, renderSlot as l, toDisplayString as u } from "vue";
+//#region src/components/Modal.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "c-modal" }, f = { class: "c-modal-header" }, p = { class: "c-modal-title" }, m = { class: "c-modal-body c-scroll" }, h = {
+	key: 0,
+	class: "c-modal-footer"
+}, g = /*@__PURE__*/ a({
+	__name: "Modal",
+	props: { title: {} },
+	emits: ["close"],
+	setup(a, { emit: g }) {
+		let _ = g;
+		function v(e) {
+			e.target === e.currentTarget && _("close");
+		}
+		function y(e) {
+			e.key === "Escape" && _("close");
+		}
+		return o(() => {
+			document.addEventListener("keydown", y);
+		}), s(() => {
+			document.removeEventListener("keydown", y);
+		}), (o, s) => (c(), t(e, { to: "body" }, [i("div", {
+			class: "c-modal-backdrop ac-component",
+			onMousedown: v
+		}, [i("div", d, [
+			i("div", f, [i("h3", p, u(a.title), 1), i("button", {
+				type: "button",
+				class: "c-modal-close",
+				onClick: s[0] ||= (e) => _("close")
+			}, [...s[1] ||= [i("i", { class: "ri-close-line" }, null, -1)]])]),
+			i("div", m, [l(o.$slots, "default")]),
+			o.$slots.footer ? (c(), r("div", h, [l(o.$slots, "footer")])) : n("", !0)
+		])], 32)]));
+	}
+});
 //#endregion
-export { t as default };
+export { g as default };

package/dist/admins-components32.js

@@ -0,0 +1,7 @@
+import './src/styles/components/modal.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components30.js";
+/* empty css                    */
+//#region src/components/Modal.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/admins-components33.js

@@ -1,7 +1,37 @@
-import './src/styles/components/modal.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components31.js";
-/* empty css                    */
-//#region src/components/Modal.vue
-var t = e;
+import e from "./admins-components5.js";
+import t from "./admins-components32.js";
+import { createBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, openBlock as o, toDisplayString as s, withCtx as c } from "vue";
+//#region src/components/ConfirmModal.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "c-confirm-modal-message" }, u = /*@__PURE__*/ a({
+	__name: "ConfirmModal",
+	props: {
+		title: {},
+		message: {},
+		confirmLabel: { default: "Confirm" },
+		cancelLabel: { default: "Cancel" },
+		type: { default: "normal" }
+	},
+	emits: ["confirm", "cancel"],
+	setup(a, { emit: u }) {
+		let d = u;
+		return (u, f) => (o(), n(t, {
+			title: a.title,
+			onClose: f[2] ||= (e) => d("cancel")
+		}, {
+			footer: c(() => [i(e, {
+				label: a.cancelLabel,
+				type: "normal",
+				outline: "",
+				onClick: f[0] ||= (e) => d("cancel")
+			}, null, 8, ["label"]), i(e, {
+				label: a.confirmLabel,
+				type: a.type,
+				onClick: f[1] ||= (e) => d("confirm")
+			}, null, 8, ["label", "type"])]),
+			default: c(() => [r("p", l, s(a.message), 1)]),
+			_: 1
+		}, 8, ["title"]));
+	}
+});
 //#endregion
-export { t as default };
+export { u as default };

package/dist/admins-components34.js

@@ -1,37 +1,5 @@
-import e from "./admins-components6.js";
-import t from "./admins-components33.js";
-import { createBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, openBlock as o, toDisplayString as s, withCtx as c } from "vue";
-//#region src/components/ConfirmModal.vue?vue&type=script&setup=true&lang.ts
-var l = { class: "c-confirm-modal-message" }, u = /* @__PURE__ */ a({
-	__name: "ConfirmModal",
-	props: {
-		title: {},
-		message: {},
-		confirmLabel: { default: "Confirm" },
-		cancelLabel: { default: "Cancel" },
-		type: { default: "normal" }
-	},
-	emits: ["confirm", "cancel"],
-	setup(a, { emit: u }) {
-		let d = u;
-		return (u, f) => (o(), n(t, {
-			title: a.title,
-			onClose: f[2] ||= (e) => d("cancel")
-		}, {
-			footer: c(() => [i(e, {
-				label: a.cancelLabel,
-				type: "normal",
-				outline: "",
-				onClick: f[0] ||= (e) => d("cancel")
-			}, null, 8, ["label"]), i(e, {
-				label: a.confirmLabel,
-				type: a.type,
-				onClick: f[1] ||= (e) => d("confirm")
-			}, null, 8, ["label", "type"])]),
-			default: c(() => [r("p", l, s(a.message), 1)]),
-			_: 1
-		}, 8, ["title"]));
-	}
-});
+import e from "./admins-components33.js";
+//#region src/components/ConfirmModal.vue
+var t = e;
 //#endregion
-export { u as default };
+export { t as default };