admins-components 9.0.6 → 9.0.8

package/dist/admins-components50.js

@@ -0,0 +1,94 @@
+import { __setToastInstance as e } from "./admins-components49.js";
+import { Fragment as t, TransitionGroup as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, getCurrentInstance as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, withCtx as _ } from "vue";
+//#region src/components/ToastNotification.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "ac-component" }, y = { class: "c-toast__body" }, b = {
+	key: 0,
+	class: "c-toast__title"
+}, x = { class: "c-toast__message" }, S = ["onClick"], C = /* @__PURE__ */ s({
+	__name: "ToastNotification",
+	props: {
+		defaultPosition: { default: "bottom-right" },
+		defaultDisplayDuration: { default: 5e3 }
+	},
+	setup(s, { expose: C }) {
+		let w = s, T = null, E = 0, D = m([]);
+		function O(e) {
+			let t = e.id ?? ++E, n = {
+				id: t,
+				title: e.title,
+				message: e.message,
+				type: e.type ?? "info",
+				displayDuration: e.displayDuration ?? w.defaultDisplayDuration,
+				position: e.position ?? w.defaultPosition,
+				addedAt: Date.now()
+			};
+			return D.value.push(n), t;
+		}
+		function k(e) {
+			D.value = D.value.filter((t) => t.id !== e);
+		}
+		function A() {
+			let e = Date.now();
+			D.value = D.value.filter((t) => e - t.addedAt < t.displayDuration);
+		}
+		T ||= setInterval(A, 500), d(() => {
+			T &&= (clearInterval(T), null);
+		}), C({
+			addToast: O,
+			dismiss: k
+		});
+		let j = c();
+		f(() => {
+			e(j?.exposed ?? null);
+		}), d(() => {
+			e(null);
+		});
+		function M(e) {
+			switch (e) {
+				case "success": return "fa-solid fa-circle-check";
+				case "warning": return "fa-solid fa-triangle-exclamation";
+				case "error": return "fa-solid fa-circle-xmark";
+				default: return "fa-solid fa-circle-info";
+			}
+		}
+		function N(e) {
+			let t = 0;
+			for (let n of D.value) {
+				if (n.id === e.id) break;
+				n.position === e.position && t++;
+			}
+			return t;
+		}
+		return (e, s) => (p(), i("div", v, [o(n, {
+			tag: "div",
+			class: "c-toast-container",
+			name: "c-toast"
+		}, {
+			default: _(() => [(p(!0), i(t, null, h(D.value, (e) => (p(), i("div", {
+				key: e.id,
+				class: l(["c-toast", [`c-toast--${e.type}`, `c-toast--pos-${e.position}`]]),
+				style: u({ "--stack-index": N(e) }),
+				role: "status",
+				"aria-live": "polite"
+			}, [
+				a("i", {
+					class: l(["c-toast__icon", M(e.type)]),
+					"aria-hidden": "true"
+				}, null, 2),
+				a("div", y, [e.title ? (p(), i("div", b, g(e.title), 1)) : r("", !0), a("div", x, g(e.message), 1)]),
+				a("button", {
+					type: "button",
+					class: "c-toast__close",
+					"aria-label": "Bezárás",
+					onClick: (t) => k(e.id)
+				}, [...s[0] ||= [a("i", {
+					class: "fa-solid fa-xmark",
+					"aria-hidden": "true"
+				}, null, -1)]], 8, S)
+			], 6))), 128))]),
+			_: 1
+		})]));
+	}
+});
+//#endregion
+export { C as default };

package/dist/admins-components52.js

@@ -1,26 +1,7 @@
-import { computed as e, ref as t } from "vue";
-//#region src/composables/useSelection.ts
-function n(n, r, i) {
-	let a = t(/* @__PURE__ */ new Set()), o = e(() => {
-		let e = r(), t = n();
-		return t.length > 0 && e != null && t.every((t) => a.value.has(t[e]));
-	});
-	function s(e) {
-		let t = e[r()];
-		a.value.has(t) ? a.value.delete(t) : a.value.add(t), i([...a.value]);
-	}
-	function c() {
-		let e = r();
-		if (o.value) a.value.clear();
-		else for (let t of n()) a.value.add(t[e]);
-		i([...a.value]);
-	}
-	return {
-		selectedKeys: a,
-		allSelected: o,
-		toggle: s,
-		toggleAll: c
-	};
-}
+import './src/styles/components/toast-notification.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components50.js";
+/* empty css                    */
+//#region src/components/ToastNotification.vue
+var t = e;
 //#endregion
-export { n as useSelection };
+export { t as default };

package/dist/admins-components53.js

@@ -1,10 +1,26 @@
-//#region src/types/data-list.ts
-var e = {
-	striped: !0,
-	compact: !1
-}, t = { compact: !1 }, n = {
-	layout: "screen",
-	compact: !1
-};
+import { computed as e, ref as t } from "vue";
+//#region src/composables/useSelection.ts
+function n(n, r, i) {
+	let a = t(/* @__PURE__ */ new Set()), o = e(() => {
+		let e = r(), t = n();
+		return t.length > 0 && e != null && t.every((t) => a.value.has(t[e]));
+	});
+	function s(e) {
+		let t = e[r()];
+		a.value.has(t) ? a.value.delete(t) : a.value.add(t), i([...a.value]);
+	}
+	function c() {
+		let e = r();
+		if (o.value) a.value.clear();
+		else for (let t of n()) a.value.add(t[e]);
+		i([...a.value]);
+	}
+	return {
+		selectedKeys: a,
+		allSelected: o,
+		toggle: s,
+		toggleAll: c
+	};
+}
 //#endregion
-export { t as dataCardsSettingsDefaults, n as dataListSettingsDefaults, e as dataTableSettingsDefaults };
+export { n as useSelection };

package/dist/admins-components54.js

@@ -1,20 +1,10 @@
-//#region src/utils/dataList.ts
-function e(e, t) {
-	if (!t) return "";
-	let n = e[t.property];
-	return t.converter ? t.converter(n, e) : n;
-}
-function t(e) {
-	return e.isGroup === !0 && Array.isArray(e.items);
-}
-function n(e, t) {
-	return e.items.map((e) => ({
-		icon: e.icon,
-		label: e.label ?? "",
-		type: e.type,
-		size: e.label ? "small" : "normal",
-		callback: () => e.callback(t)
-	}));
-}
+//#region src/types/data-list.ts
+var e = {
+	striped: !0,
+	compact: !1
+}, t = { compact: !1 }, n = {
+	layout: "screen",
+	compact: !1
+};
 //#endregion
-export { n as buildActionGroupMenuItems, e as getColumnValue, t as isActionGroup };
+export { t as dataCardsSettingsDefaults, n as dataListSettingsDefaults, e as dataTableSettingsDefaults };

package/dist/admins-components55.js

@@ -1,74 +1,20 @@
-import { castToDate as e, formatDate as t } from "./admins-components3.js";
-//#region src/utils/dataListConverters.ts
-function n(n = !1, r) {
-	return (i) => {
-		let a = e(i);
-		return a ? r ? t(a, r) : n ? t(a, "YYYY-MM-DD HH:mm") : t(a, "YYYY-MM-DD") : "";
-	};
+//#region src/utils/dataList.ts
+function e(e, t) {
+	if (!t) return "";
+	let n = e[t.property];
+	return t.converter ? t.converter(n, e) : n;
+}
+function t(e) {
+	return e.isGroup === !0 && Array.isArray(e.items);
+}
+function n(e, t) {
+	return e.items.map((e) => ({
+		icon: e.icon,
+		label: e.label ?? "",
+		type: e.type,
+		size: e.label ? "small" : "normal",
+		callback: () => e.callback(t)
+	}));
 }
-function r(e = 4) {
-	return (t) => {
-		if (!t) return "";
-		let n = typeof t == "string" ? t : String(t);
-		return `${n.slice(0, e)}...${n.slice(-e)}`;
-	};
-}
-function i(n = "YYYY-MM-DD") {
-	return (r) => {
-		let i = e(r);
-		return i ? t(i, n) : "";
-	};
-}
-function a(e = 60, t = "…") {
-	return (n) => {
-		let r = typeof n == "string" ? n : n == null ? "" : String(n);
-		return r.length <= e ? r : r.slice(0, e).trimEnd() + t;
-	};
-}
-function o(e = "Igen", t = "Nem", n = "") {
-	return (r) => r === !0 ? e : r === !1 ? t : n;
-}
-function s(e, t) {
-	return (n) => {
-		if (n == null) return t ?? "";
-		let r = String(n);
-		return r in e ? e[r] : t ?? n;
-	};
-}
-function c(e = 0, t = "hu-HU") {
-	return (n) => {
-		let r = typeof n == "number" ? n : Number(n);
-		return Number.isFinite(r) ? r.toLocaleString(t, {
-			minimumFractionDigits: e,
-			maximumFractionDigits: e
-		}) : n;
-	};
-}
-function l(e = "HUF", t = "hu-HU", n = 0) {
-	return (r) => {
-		let i = typeof r == "number" ? r : Number(r);
-		return Number.isFinite(i) ? i.toLocaleString(t, {
-			style: "currency",
-			currency: e,
-			minimumFractionDigits: n,
-			maximumFractionDigits: n
-		}) : r;
-	};
-}
-function u(e = ", ") {
-	return (t) => Array.isArray(t) ? t.map(String).join(e) : t == null ? "" : String(t);
-}
-var d = (e) => e, f = {
-	utcToLocalString: n,
-	localToLocalString: i,
-	shortUuid: r,
-	textEllipse: a,
-	booleanToString: o,
-	enumMap: s,
-	formatNumber: c,
-	formatCurrency: l,
-	listToString: u,
-	identity: d
-};
 //#endregion
-export { o as booleanToString, f as dataListConverters, s as enumMap, l as formatCurrency, c as formatNumber, d as identity, u as listToString, i as localToLocalString, r as shortUuid, a as textEllipse, n as utcToLocalString };
+export { n as buildActionGroupMenuItems, e as getColumnValue, t as isActionGroup };

package/dist/admins-components56.js

@@ -1,60 +1,74 @@
-import e from "./admins-components37.js";
-import { getColumnValue as t } from "./admins-components54.js";
-import { shortUuid as n } from "./admins-components55.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, openBlock as l, resolveDirective as u, toDisplayString as d, withDirectives as f } from "vue";
-//#region src/components/data-table/DataCell.vue?vue&type=script&setup=true&lang.ts
-var p = { key: 0 }, m = ["innerHTML"], h = {
-	key: 1,
-	class: "dc-datetime"
-}, g = { class: "dc-datetime__part" }, _ = {
-	key: 0,
-	class: "dc-datetime__sep"
-}, v = { class: "dc-datetime__part" }, y = { key: 2 }, b = ["innerHTML"], x = /*@__PURE__*/ c({
-	__name: "DataCell",
-	props: {
-		item: {},
-		col: {},
-		copy: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(c) {
-		let x = c, S = r(() => t(x.item, x.col)), C = r(() => n()(S.value)), w = r(() => {
-			if (x.col.type !== "datetime") return null;
-			let e = S.value;
-			if (!e) return {
-				date: "",
-				time: ""
-			};
-			let t = e.indexOf(" ");
-			return t === -1 ? {
-				date: e,
-				time: ""
-			} : {
-				date: e.slice(0, t),
-				time: e.slice(t + 1)
-			};
-		});
-		return (t, n) => {
-			let r = u("tooltip");
-			return c.col.type === "uuid" ? f((l(), o("span", p, [s("span", { innerHTML: C.value }, null, 8, m), c.copy ? (l(), i(e, {
-				key: 0,
-				value: S.value
-			}, null, 8, ["value"])) : a("", !0)])), [[r, S.value]]) : c.col.type === "datetime" ? (l(), o("span", h, [
-				s("span", g, d(w.value?.date), 1),
-				w.value?.time ? (l(), o("span", _)) : a("", !0),
-				s("span", v, d(w.value?.time), 1),
-				c.copy ? (l(), i(e, {
-					key: 1,
-					value: S.value
-				}, null, 8, ["value"])) : a("", !0)
-			])) : (l(), o("span", y, [s("span", { innerHTML: S.value }, null, 8, b), c.copy ? (l(), i(e, {
-				key: 0,
-				value: S.value
-			}, null, 8, ["value"])) : a("", !0)]));
-		};
-	}
-});
+import { castToDate as e, formatDate as t } from "./admins-components3.js";
+//#region src/utils/dataListConverters.ts
+function n(n = !1, r) {
+	return (i) => {
+		let a = e(i);
+		return a ? r ? t(a, r) : n ? t(a, "YYYY-MM-DD HH:mm") : t(a, "YYYY-MM-DD") : "";
+	};
+}
+function r(e = 4) {
+	return (t) => {
+		if (!t) return "";
+		let n = typeof t == "string" ? t : String(t);
+		return `${n.slice(0, e)}...${n.slice(-e)}`;
+	};
+}
+function i(n = "YYYY-MM-DD") {
+	return (r) => {
+		let i = e(r);
+		return i ? t(i, n) : "";
+	};
+}
+function a(e = 60, t = "…") {
+	return (n) => {
+		let r = typeof n == "string" ? n : n == null ? "" : String(n);
+		return r.length <= e ? r : r.slice(0, e).trimEnd() + t;
+	};
+}
+function o(e = "Igen", t = "Nem", n = "") {
+	return (r) => r === !0 ? e : r === !1 ? t : n;
+}
+function s(e, t) {
+	return (n) => {
+		if (n == null) return t ?? "";
+		let r = String(n);
+		return r in e ? e[r] : t ?? n;
+	};
+}
+function c(e = 0, t = "hu-HU") {
+	return (n) => {
+		let r = typeof n == "number" ? n : Number(n);
+		return Number.isFinite(r) ? r.toLocaleString(t, {
+			minimumFractionDigits: e,
+			maximumFractionDigits: e
+		}) : n;
+	};
+}
+function l(e = "HUF", t = "hu-HU", n = 0) {
+	return (r) => {
+		let i = typeof r == "number" ? r : Number(r);
+		return Number.isFinite(i) ? i.toLocaleString(t, {
+			style: "currency",
+			currency: e,
+			minimumFractionDigits: n,
+			maximumFractionDigits: n
+		}) : r;
+	};
+}
+function u(e = ", ") {
+	return (t) => Array.isArray(t) ? t.map(String).join(e) : t == null ? "" : String(t);
+}
+var d = (e) => e, f = {
+	utcToLocalString: n,
+	localToLocalString: i,
+	shortUuid: r,
+	textEllipse: a,
+	booleanToString: o,
+	enumMap: s,
+	formatNumber: c,
+	formatCurrency: l,
+	listToString: u,
+	identity: d
+};
 //#endregion
-export { x as default };
+export { o as booleanToString, f as dataListConverters, s as enumMap, l as formatCurrency, c as formatNumber, d as identity, u as listToString, i as localToLocalString, r as shortUuid, a as textEllipse, n as utcToLocalString };

package/dist/admins-components57.js

@@ -1,5 +1,60 @@
-import e from "./admins-components56.js";
-//#region src/components/data-table/DataCell.vue
-var t = e;
+import e from "./admins-components38.js";
+import { getColumnValue as t } from "./admins-components55.js";
+import { shortUuid as n } from "./admins-components56.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, openBlock as l, resolveDirective as u, toDisplayString as d, withDirectives as f } from "vue";
+//#region src/components/data-table/DataCell.vue?vue&type=script&setup=true&lang.ts
+var p = { key: 0 }, m = ["innerHTML"], h = {
+	key: 1,
+	class: "dc-datetime"
+}, g = { class: "dc-datetime__part" }, _ = {
+	key: 0,
+	class: "dc-datetime__sep"
+}, v = { class: "dc-datetime__part" }, y = { key: 2 }, b = ["innerHTML"], x = /* @__PURE__ */ c({
+	__name: "DataCell",
+	props: {
+		item: {},
+		col: {},
+		copy: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(c) {
+		let x = c, S = r(() => t(x.item, x.col)), C = r(() => n()(S.value)), w = r(() => {
+			if (x.col.type !== "datetime") return null;
+			let e = S.value;
+			if (!e) return {
+				date: "",
+				time: ""
+			};
+			let t = e.indexOf(" ");
+			return t === -1 ? {
+				date: e,
+				time: ""
+			} : {
+				date: e.slice(0, t),
+				time: e.slice(t + 1)
+			};
+		});
+		return (t, n) => {
+			let r = u("tooltip");
+			return c.col.type === "uuid" ? f((l(), o("span", p, [s("span", { innerHTML: C.value }, null, 8, m), c.copy ? (l(), i(e, {
+				key: 0,
+				value: S.value
+			}, null, 8, ["value"])) : a("", !0)])), [[r, S.value]]) : c.col.type === "datetime" ? (l(), o("span", h, [
+				s("span", g, d(w.value?.date), 1),
+				w.value?.time ? (l(), o("span", _)) : a("", !0),
+				s("span", v, d(w.value?.time), 1),
+				c.copy ? (l(), i(e, {
+					key: 1,
+					value: S.value
+				}, null, 8, ["value"])) : a("", !0)
+			])) : (l(), o("span", y, [s("span", { innerHTML: S.value }, null, 8, b), c.copy ? (l(), i(e, {
+				key: 0,
+				value: S.value
+			}, null, 8, ["value"])) : a("", !0)]));
+		};
+	}
+});
 //#endregion
-export { t as default };
+export { x as default };

package/dist/admins-components58.js

@@ -1,121 +1,5 @@
-import e from "./admins-components5.js";
-import t from "./admins-components23.js";
-import n from "./admins-components47.js";
-import { useSelection as r } from "./admins-components52.js";
-import { dataTableSettingsDefaults as i } from "./admins-components53.js";
-import { buildActionGroupMenuItems as a, isActionGroup as o } from "./admins-components54.js";
-import s from "./admins-components57.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeProps as _, normalizeClass as v, normalizeStyle as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, withModifiers as T } from "vue";
-//#region src/components/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
-var E = { class: "c-table-wrapper ac-component" }, D = { key: 0 }, O = ["onClick"], k = {
-	key: 1,
-	class: "c-actions-header"
-}, A = ["onClick"], j = {
-	key: 1,
-	class: "c-actions-cell"
-}, M = { class: "c-actions-wrap" }, N = /*@__PURE__*/ g({
-	__name: "DataTable",
-	props: {
-		config: {},
-		items: {},
-		settings: { default: () => ({ ...i }) },
-		loading: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["selection-change", "sort-change"],
-	setup(i, { emit: g }) {
-		let N = i, P = g, F = x(null), { selectedKeys: I, allSelected: L, toggle: R, toggleAll: z } = r(() => N.items, () => N.config.selectableAttr, (e) => P("selection-change", e)), B = l(() => N.config.columns.filter((e) => e.visible !== !1));
-		function V(e) {
-			let t = F.value?.key === e && F.value.direction === "asc" ? "desc" : "asc";
-			F.value = {
-				key: e,
-				direction: t
-			}, P("sort-change", {
-				key: e,
-				direction: t
-			});
-		}
-		return (r, l) => (b(), f("div", E, [i.loading ? (b(), u(n, {
-			key: 0,
-			loading: !0
-		})) : (b(), f("table", {
-			key: 1,
-			class: v(["c-table", { "is-compact": i.settings.compact }]),
-			style: y({ "--action-count": i.config.actions?.length ?? 0 })
-		}, [p("thead", null, [p("tr", null, [
-			i.config.selectableAttr ? (b(), f("th", D, [p("span", {
-				class: v(["c-checkbox", { "c-checkbox--checked": w(L) }]),
-				onClick: l[0] ||= (...e) => w(z) && w(z)(...e)
-			}, null, 2)])) : d("", !0),
-			(b(!0), f(c, null, S(B.value, (e) => (b(), f("th", {
-				key: e.property,
-				scope: "col",
-				class: v({
-					"c-sortable": e.sort,
-					"c-sortable--sorted": F.value?.key === e.property
-				}),
-				onClick: (t) => e.sort ? V(e.property) : void 0
-			}, [m(C(e.label) + " ", 1), e.sort ? (b(), f("span", {
-				key: 0,
-				class: v(["c-sort-icon fa-solid", {
-					"fa-sort": F.value?.key !== e.property,
-					"fa-sort-down": F.value?.key === e.property && F.value.direction === "desc",
-					"fa-sort-up": F.value?.key === e.property && F.value.direction === "asc",
-					"c-sort-icon--active": F.value?.key === e.property,
-					"is-asc": F.value?.key === e.property && F.value.direction === "asc",
-					"is-desc": F.value?.key === e.property && F.value.direction === "desc"
-				}])
-			}, null, 2)) : d("", !0)], 10, O))), 128)),
-			i.config.actions ? (b(), f("th", k, C(i.config.actionHeader ?? ""), 1)) : d("", !0)
-		])]), p("tbody", null, [(b(!0), f(c, null, S(i.items, (n, r) => (b(), f("tr", {
-			key: r,
-			class: v({
-				"is-selected": i.config.selectableAttr && w(I).has(n[i.config.selectableAttr]),
-				"is-striped": i.settings.striped && r % 2 == 1
-			})
-		}, [
-			i.config.selectableAttr ? (b(), f("td", {
-				key: 0,
-				class: "pointer",
-				onClick: T((e) => w(R)(n), ["stop"])
-			}, [p("span", { class: v(["c-checkbox", { "c-checkbox--checked": w(I).has(n[i.config.selectableAttr]) }]) }, null, 2)], 8, A)) : d("", !0),
-			(b(!0), f(c, null, S(B.value, (e) => (b(), f("td", {
-				key: e.property,
-				class: v(["c-table__cell", [e.class]])
-			}, [h(s, {
-				item: n,
-				col: e
-			}, null, 8, ["item", "col"])], 2))), 128)),
-			i.config.actions ? (b(), f("td", j, [p("div", M, [(b(!0), f(c, null, S(i.config.actions, (r, i) => (b(), f(c, { key: i }, [w(o)(r) ? (b(), u(t, _({
-				key: 0,
-				icon: r.icon,
-				label: r.label,
-				items: w(a)(r, n)
-			}, { ref_for: !0 }, r.config), null, 16, [
-				"icon",
-				"label",
-				"items"
-			])) : (b(), u(e, _({
-				key: 1,
-				icon: r.icon,
-				label: r.label,
-				type: r.type,
-				disabled: r.disabled ? r.disabled(n) : !1,
-				size: r.label ? "small" : "normal",
-				outline: "",
-				callback: () => r.callback(n)
-			}, { ref_for: !0 }, r.config), null, 16, [
-				"icon",
-				"label",
-				"type",
-				"disabled",
-				"size",
-				"callback"
-			]))], 64))), 128))])])) : d("", !0)
-		], 2))), 128))])], 6))]));
-	}
-});
+import e from "./admins-components57.js";
+//#region src/components/data-table/DataCell.vue
+var t = e;
 //#endregion
-export { N as default };
+export { t as default };