admins-components 9.0.4 → 9.0.6

package/dist/admins-components71.js

@@ -1,112 +1,60 @@
-import e from "./admins-components6.js";
-import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, toDisplayString as u } from "vue";
-//#region src/components/data-table/DataPaginator.vue?vue&type=script&setup=true&lang.ts
-var d = { class: "c-paginator-wrapper ac-component" }, f = { class: "c-paginator" }, p = { class: "c-paginator__info" }, m = { class: "c-paginator__range" }, h = { class: "c-paginator__total" }, g = {
-	class: "c-paginator__nav",
-	"aria-label": "Pagination"
-}, _ = {
-	key: 0,
-	class: "c-paginator__ellipsis"
-}, v = ["onClick"], y = { class: "c-paginator__size" }, b = ["value"], x = ["value"], S = [
-	10,
-	25,
-	50,
-	100
-], C = "pagesize-";
-function w(e) {
-	try {
-		let t = localStorage.getItem(C + e);
-		if (t) {
-			let e = Number(t);
-			if (e > 0) return e;
+import { formatDate as e } from "./admins-components3.js";
+//#region src/utils/filterDisplay.ts
+function t(t, r, i) {
+	if (i == null || i === "") return "";
+	let a = t.find((e) => e.key === r);
+	if (a?.type === "dropdown" && a.options) {
+		let e = n(i);
+		if (Array.isArray(e)) return e.map((e) => {
+			let t = a.options?.find((t) => t.value === e);
+			return t ? t.label : String(e);
+		}).join(", ");
+		let t = a.options.find((t) => t.value === e);
+		if (t) return t.label;
+	}
+	if (a?.type === "checkbox") return i ? "Bekapcsolva" : "";
+	if (a?.type === "date" || a?.type === "datetime") {
+		if (typeof i == "object" && i) {
+			let t = i.local ?? i.utc ?? null;
+			if (t == null) return "";
+			let n = t instanceof Date ? t : new Date(t);
+			if (!isNaN(n.getTime())) return e(n, a.type === "datetime" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
+		}
+		if (typeof i == "string" && i) {
+			let t = new Date(i);
+			if (!isNaN(t.getTime())) return e(t, a.type === "datetime" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
 		}
-	} catch {}
-	return 25;
+	}
+	if ((a?.type === "daterange" || a?.type === "datetimerange") && typeof i == "object") {
+		let t = a.type === "datetimerange" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD";
+		return `${i.fromUtc ? e(new Date(i.fromUtc), t) : "…"} - ${i.toUtc ? e(new Date(i.toUtc), t) : "…"}`;
+	}
+	return typeof i == "object" ? JSON.stringify(i) : String(i);
 }
-function T(e) {
-	return {
-		total: 0,
-		page: 1,
-		pageSize: w(e)
-	};
+function n(e) {
+	if (Array.isArray(e)) return e;
+	if (typeof e == "string") {
+		if (e.startsWith("[") && e.endsWith("]")) try {
+			let t = JSON.parse(e);
+			if (Array.isArray(t)) return t;
+		} catch {}
+		return e;
+	}
+	return e;
 }
-var E = /* @__PURE__ */ o({
-	__name: "DataPaginator",
-	props: {
-		settings: {},
-		storageKey: {}
-	},
-	emits: ["update:pagination"],
-	setup(o, { emit: w }) {
-		let T = o, E = w;
-		function D(e) {
-			try {
-				localStorage.setItem(C + T.storageKey, String(e));
-			} catch {}
-		}
-		let O = n(() => Math.max(1, Math.ceil(T.settings.total / T.settings.pageSize))), k = n(() => T.settings.total === 0 ? 0 : (T.settings.page - 1) * T.settings.pageSize + 1), A = n(() => Math.min(T.settings.page * T.settings.pageSize, T.settings.total)), j = n(() => {
-			let e = O.value, t = T.settings.page, n = [];
-			if (e <= 7) {
-				for (let t = 1; t <= e; t++) n.push(t);
-				return n;
-			}
-			n.push(1), t > 3 && n.push("...");
-			let r = Math.max(2, t - 1), i = Math.min(e - 1, t + 1);
-			for (let e = r; e <= i; e++) n.push(e);
-			return t < e - 2 && n.push("..."), n.push(e), n;
+function r(e, n) {
+	let r = [];
+	for (let [i, a] of Object.entries(n)) {
+		let n = t(e, i, a);
+		if (!n) continue;
+		let o = e.find((e) => e.key === i), s = o?.label ?? i;
+		r.push({
+			key: i,
+			text: `${s}: ${n}`,
+			displayClass: o?.displayClass
 		});
-		function M(e) {
-			let t = T.settings.page, n = O.value, r = e === 1 || e === n, i = e === t;
-			return t > 3 && t < n - 2 && !r && !i;
-		}
-		function N(e) {
-			e < 1 || e > O.value || e === T.settings.page || E("update:pagination", {
-				page: e,
-				pageSize: T.settings.pageSize
-			});
-		}
-		function P(e) {
-			let t = Number(e.target.value);
-			D(t), E("update:pagination", {
-				page: 1,
-				pageSize: t
-			});
-		}
-		return (n, C) => (c(), r("div", d, [i("div", f, [
-			i("div", p, [i("span", m, u(k.value) + "–" + u(A.value), 1), i("span", h, " / " + u(o.settings.total), 1)]),
-			i("nav", g, [
-				a(e, {
-					icon: "fa-solid fa-chevron-left",
-					rel: "prev",
-					disabled: o.settings.page <= 1,
-					callback: () => N(o.settings.page - 1)
-				}, null, 8, ["disabled", "callback"]),
-				(c(!0), r(t, null, l(j.value, (e, n) => (c(), r(t, { key: n }, [e === "..." ? (c(), r("span", _, "…")) : (c(), r("button", {
-					key: 1,
-					type: "button",
-					class: s(["c-paginator__page", {
-						"is-active": e === o.settings.page,
-						"is-hidden-sm": M(e)
-					}]),
-					onClick: (t) => N(e)
-				}, u(e), 11, v))], 64))), 128)),
-				a(e, {
-					icon: "fa-solid fa-chevron-right",
-					rel: "next",
-					disabled: o.settings.page >= O.value,
-					callback: () => N(o.settings.page + 1)
-				}, null, 8, ["disabled", "callback"])
-			]),
-			i("div", y, [i("select", {
-				class: "c-paginator__select",
-				value: o.settings.pageSize,
-				onChange: P
-			}, [(c(), r(t, null, l(S, (e) => i("option", {
-				key: e,
-				value: e
-			}, u(e) + " elem / oldal", 9, x)), 64))], 40, b)])
-		])]));
 	}
-});
+	return r;
+}
 //#endregion
-export { E as default, T as getDefaultPaginator, w as getPageSize };
+export { r as buildFilterDisplay, t as displayFilterValue, n as parseDropdownValue };

package/dist/admins-components72.js

@@ -0,0 +1,222 @@
+import { formatDate as e } from "./admins-components3.js";
+import t from "./admins-components5.js";
+import n from "./admins-components34.js";
+import { buildFilterDisplay as r } from "./admins-components71.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as ee, defineComponent as d, nextTick as f, normalizeClass as p, onMounted as m, openBlock as h, ref as g, renderList as _, resolveDirective as v, toDisplayString as y, vModelText as b, watch as x, withDirectives as S, withKeys as C, withModifiers as w } from "vue";
+//#region src/components/data-table/FiltersHistory.vue?vue&type=script&setup=true&lang.ts
+var te = { class: "ac-component" }, ne = { class: "filters-history" }, re = ["aria-expanded"], ie = {
+	key: 0,
+	class: "c-indicator"
+}, ae = { key: 1 }, oe = {
+	key: 0,
+	class: "filters-history__panel c-scroll"
+}, se = { class: "filters-history__save-row" }, ce = {
+	key: 0,
+	class: "filters-history__hint"
+}, le = {
+	key: 1,
+	class: "filters-history__hint"
+}, ue = {
+	key: 2,
+	class: "filters-history__list"
+}, de = [
+	"aria-expanded",
+	"onClick",
+	"onKeydown"
+], fe = { class: "filters-history__item-header-text" }, T = { class: "filters-history__item-date" }, E = {
+	key: 0,
+	class: "filters-history__item-name"
+}, D = ["onClick"], O = ["onClick"], k = ["onClick"], A = {
+	key: 0,
+	class: "filters-history__item-content"
+}, j = {
+	key: 0,
+	class: "filters-history__item-body"
+}, M = {
+	key: 1,
+	class: "filters-history__item-empty"
+}, N = { key: 3 }, P = 50, F = 7, I = /*@__PURE__*/ d({
+	__name: "FiltersHistory",
+	props: {
+		items: {},
+		values: {},
+		storageKey: {}
+	},
+	emits: ["load", "change"],
+	setup(d, { emit: I }) {
+		let L = d, R = a(() => `data-filters-${L.storageKey}`), z = I, B = g(!1), V = g([]), H = g(""), U = g(/* @__PURE__ */ new Set()), W = g(!1);
+		function G(e) {
+			return U.value.has(e);
+		}
+		function K(e) {
+			let t = new Set(U.value);
+			t.has(e) ? t.delete(e) : t.add(e), U.value = t;
+		}
+		function pe() {
+			try {
+				let e = localStorage.getItem(R.value);
+				if (!e) {
+					V.value = [];
+					return;
+				}
+				let t = JSON.parse(e);
+				Array.isArray(t) ? V.value = t.filter((e) => e && typeof e == "object" && typeof e.id == "string" && e.values && typeof e.savedAt == "string") : V.value = [];
+			} catch {
+				V.value = [];
+			}
+		}
+		function q() {
+			try {
+				localStorage.setItem(R.value, JSON.stringify(V.value));
+			} catch {}
+		}
+		m(pe);
+		let J = a(() => Object.values(L.values).some((e) => e !== null && e !== "" && e !== void 0));
+		function me() {
+			return `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+		}
+		x(() => [L.values, H.value], () => {
+			Y.value &&= !1;
+		}, { deep: !0 });
+		let Y = g(!1);
+		function X() {
+			if (!J.value) return;
+			let e = H.value.trim();
+			V.value = [{
+				id: me(),
+				savedAt: (/* @__PURE__ */ new Date()).toISOString(),
+				name: e || void 0,
+				values: { ...L.values }
+			}, ...V.value].slice(0, P), H.value = "", q(), f(() => {
+				Y.value = !0;
+			});
+		}
+		function he(e) {
+			z("load", { ...e.values }), z("change", { ...e.values });
+		}
+		function Z(e) {
+			if (V.value = V.value.filter((t) => t.id !== e.id), U.value.has(e.id)) {
+				let t = new Set(U.value);
+				t.delete(e.id), U.value = t;
+			}
+			q();
+		}
+		function ge() {
+			V.value = [], U.value = /* @__PURE__ */ new Set(), q(), W.value = !1;
+		}
+		function Q(e) {
+			return r(L.items, e.values);
+		}
+		let _e = a(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of V.value) e.set(t.id, Q(t));
+			return e;
+		});
+		function $(e) {
+			return _e.value.get(e.id) ?? Q(e);
+		}
+		let ve = a(() => V.value.length >= P - F);
+		function ye(t) {
+			let n = new Date(t);
+			return isNaN(n.getTime()) ? t : e(n, "YYYY-MM-DD HH:mm");
+		}
+		return (e, r) => {
+			let a = v("tooltip");
+			return h(), c("div", te, [l("div", ne, [l("button", {
+				type: "button",
+				class: p(["filters-history__toggle", { "is-open": B.value }]),
+				"aria-expanded": B.value,
+				onClick: r[0] ||= (e) => B.value = !B.value
+			}, [
+				r[6] ||= l("i", { class: "fa-solid fa-sliders filters-history__toggle-icon" }, null, -1),
+				r[7] ||= l("span", { class: "filters-history__toggle-label" }, "Mentett szűrők", -1),
+				V.value.length ? (h(), c("span", ie, y(V.value.length), 1)) : s("", !0),
+				ve.value ? S((h(), c("span", ae, [u("/ " + y(P))])), [[a, `Maximum ${P} szűrő menthető`]]) : s("", !0),
+				l("i", { class: p(["fa-solid filters-history__chevron", B.value ? "fa-chevron-up" : "fa-chevron-down"]) }, null, 2)
+			], 10, re), B.value ? (h(), c("div", oe, [
+				l("div", se, [S(l("input", {
+					"onUpdate:modelValue": r[1] ||= (e) => H.value = e,
+					type: "text",
+					class: "c-input-row c-input-row--sm",
+					placeholder: "Elnevezés",
+					onKeydown: C(X, ["enter"])
+				}, null, 544), [[b, H.value]]), ee(t, {
+					icon: "fa-solid fa-bookmark",
+					label: "Mentés",
+					size: "small",
+					type: "info",
+					disabled: !J.value || Y.value,
+					onClick: X
+				}, null, 8, ["disabled"])]),
+				!J.value && V.value.length === 0 ? (h(), c("p", ce, " Nincs aktív szűrő. Adj meg értékeket a mentéshez. ")) : V.value.length === 0 ? (h(), c("p", le, [...r[8] ||= [
+					u(" Még nincs mentett szűrő.", -1),
+					l("br", null, null, -1),
+					u(" Az aktuális beállítások a „Mentés\" gombbal menthetők.", -1),
+					l("br", null, null, -1),
+					u(" Az „Elnevezés\" mező csak a könnyebb azonosítás miatt van, megadása nem kötelező. ", -1)
+				]])) : s("", !0),
+				V.value.length > 0 ? (h(), c("ul", ue, [(h(!0), c(i, null, _(V.value, (e) => (h(), c("li", {
+					key: e.id,
+					class: p(["filters-history__item", { "is-open": G(e.id) }])
+				}, [l("div", {
+					class: p(["filters-history__item-header", { "is-open": G(e.id) }]),
+					role: "button",
+					tabindex: "0",
+					"aria-expanded": G(e.id),
+					onClick: (t) => K(e.id),
+					onKeydown: [C(w((t) => K(e.id), ["prevent"]), ["enter"]), C(w((t) => K(e.id), ["prevent"]), ["space"])]
+				}, [
+					l("i", { class: p(["fa-solid filters-history__item-chevron", G(e.id) ? "fa-chevron-down" : "fa-chevron-right"]) }, null, 2),
+					l("span", fe, [l("span", T, y(ye(e.savedAt)), 1), e.name ? (h(), c("span", E, y(e.name), 1)) : s("", !0)]),
+					l("div", {
+						class: "filters-history__item-actions",
+						onClick: r[2] ||= w(() => {}, ["stop"])
+					}, [
+						l("button", {
+							type: "button",
+							class: "c-indicator filters-history__item-btn filters-history__item-load",
+							"aria-label": "Betöltés",
+							title: "Betöltés",
+							onClick: (t) => he(e)
+						}, [...r[9] ||= [l("i", { class: "fa-solid fa-check" }, null, -1)]], 8, D),
+						$(e).length ? S((h(), c("span", {
+							key: 0,
+							class: "c-indicator",
+							onClick: w((t) => K(e.id), ["stop"])
+						}, [u(y($(e).length), 1)], 8, O)), [[a, `${$(e).length} szűrési feltétel`]]) : s("", !0),
+						l("button", {
+							type: "button",
+							class: "c-indicator filters-history__item-btn filters-history__item-remove",
+							"aria-label": "Törlés",
+							title: "Törlés",
+							onClick: (t) => Z(e)
+						}, [...r[10] ||= [l("i", { class: "fa-solid fa-xmark" }, null, -1)]], 8, k)
+					])
+				], 42, de), G(e.id) ? (h(), c("div", A, [$(e).length ? (h(), c("div", j, [(h(!0), c(i, null, _($(e), (e, t) => (h(), c("span", {
+					key: t,
+					class: p(["c-chip", e.displayClass])
+				}, y(e.text), 3))), 128))])) : (h(), c("p", M, "Nincs megjeleníthető szűrő."))])) : s("", !0)], 2))), 128))])) : s("", !0),
+				V.value.length > 3 ? (h(), c("div", N, [
+					r[11] ||= l("hr", { class: "separator my-1" }, null, -1),
+					V.value.length ? (h(), c("a", {
+						key: 0,
+						class: "filters-history__clear-all px-2",
+						onClick: r[3] ||= (e) => W.value = !0
+					}, "Összes törlése")) : s("", !0),
+					W.value ? (h(), o(n, {
+						key: 1,
+						title: "Mentett szűrők törlése",
+						message: "Biztosan törlöd az összes mentett szűrőt?",
+						"confirm-label": "Törlés",
+						"cancel-label": "Mégse",
+						type: "error",
+						onConfirm: r[4] ||= (e) => ge(),
+						onCancel: r[5] ||= (e) => W.value = !1
+					})) : s("", !0)
+				])) : s("", !0)
+			])) : s("", !0)])]);
+		};
+	}
+});
+//#endregion
+export { I as default };

package/dist/admins-components74.js

@@ -1,60 +1,7 @@
-import { formatDate as e } from "./admins-components3.js";
-//#region src/utils/filterDisplay.ts
-function t(t, r, i) {
-	if (i == null || i === "") return "";
-	let a = t.find((e) => e.key === r);
-	if (a?.type === "dropdown" && a.options) {
-		let e = n(i);
-		if (Array.isArray(e)) return e.map((e) => {
-			let t = a.options?.find((t) => t.value === e);
-			return t ? t.label : String(e);
-		}).join(", ");
-		let t = a.options.find((t) => t.value === e);
-		if (t) return t.label;
-	}
-	if (a?.type === "checkbox") return i ? "Bekapcsolva" : "";
-	if (a?.type === "date" || a?.type === "datetime") {
-		if (typeof i == "object" && i) {
-			let t = i.local ?? i.utc ?? null;
-			if (t == null) return "";
-			let n = t instanceof Date ? t : new Date(t);
-			if (!isNaN(n.getTime())) return e(n, a.type === "datetime" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
-		}
-		if (typeof i == "string" && i) {
-			let t = new Date(i);
-			if (!isNaN(t.getTime())) return e(t, a.type === "datetime" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
-		}
-	}
-	if ((a?.type === "daterange" || a?.type === "datetimerange") && typeof i == "object") {
-		let t = a.type === "datetimerange" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD";
-		return `${i.fromUtc ? e(new Date(i.fromUtc), t) : "…"} - ${i.toUtc ? e(new Date(i.toUtc), t) : "…"}`;
-	}
-	return typeof i == "object" ? JSON.stringify(i) : String(i);
-}
-function n(e) {
-	if (Array.isArray(e)) return e;
-	if (typeof e == "string") {
-		if (e.startsWith("[") && e.endsWith("]")) try {
-			let t = JSON.parse(e);
-			if (Array.isArray(t)) return t;
-		} catch {}
-		return e;
-	}
-	return e;
-}
-function r(e, n) {
-	let r = [];
-	for (let [i, a] of Object.entries(n)) {
-		let n = t(e, i, a);
-		if (!n) continue;
-		let o = e.find((e) => e.key === i), s = o?.label ?? i;
-		r.push({
-			key: i,
-			text: `${s}: ${n}`,
-			displayClass: o?.displayClass
-		});
-	}
-	return r;
-}
+import './src/styles/components/data-table/filters-history.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components72.js";
+/* empty css                    */
+//#region src/components/data-table/FiltersHistory.vue
+var t = e;
 //#endregion
-export { r as buildFilterDisplay, t as displayFilterValue, n as parseDropdownValue };
+export { t as default };