admins-components 9.0.4 → 9.0.6

package/dist/admins-components80.js

@@ -1,251 +1,38 @@
-import e from "./admins-components6.js";
-import t from "./admins-components14.js";
-import n from "./admins-components16.js";
-import r from "./admins-components19.js";
-import i from "./admins-components22.js";
-import a from "./admins-components27.js";
-import o from "./admins-components77.js";
-import { debounce as s } from "./admins-components78.js";
-import { readFilterParams as c, writeFilterParams as l } from "./admins-components79.js";
-import { Fragment 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, onMounted as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, watch as T, withCtx as E } from "vue";
-//#region src/components/data-table/DataFilters.vue?vue&type=script&setup=true&lang.ts
-var D = { class: "data-filters" }, O = {
-	key: 0,
-	class: "data-filters__separator"
-}, k = { class: "c-label" }, A = [
-	"placeholder",
-	"value",
-	"onInput"
-], j = [
-	"placeholder",
-	"value",
-	"onInput"
-], M = [
-	"placeholder",
-	"value",
-	"onInput"
-], N = { class: "data-filters__footer" }, P = {
-	key: 0,
-	class: "separator my-3"
-}, F = /* @__PURE__ */ g({
-	__name: "DataFilters",
+import { displayFilterValue as e } from "./admins-components71.js";
+import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderList as c, toDisplayString as l, unref as u } from "vue";
+//#region src/components/data-table/FilterTags.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "filter-tags ac-component gap-1" }, f = ["onClick"], p = { class: "filter-tags__key" }, m = ["title"], h = ["onClick"], g = /*@__PURE__*/ a({
+	__name: "FilterTags",
 	props: {
-		open: {
-			type: Boolean,
-			default: !1
-		},
+		filters: {},
 		items: {},
-		position: { default: "left" },
-		lazy: {
-			type: Boolean,
-			default: !0
-		},
-		handleUrl: {
-			type: Boolean,
-			default: !1
-		},
-		historyEnabled: {
-			type: Boolean,
-			default: !0
-		},
-		storageKey: {}
+		itemClass: {}
 	},
-	emits: ["close", "change"],
-	setup(g, { expose: F, emit: I }) {
-		let L = g, R = I, z = x(W()), B = x({});
-		function V(e, t) {
-			t ? B.value[e] = t : delete B.value[e];
-		}
-		function H(e) {
-			return {
-				...e.config ?? {},
-				showTime: e.type === "datetime",
-				placeholder: e.placeholder ?? (e.type === "datetime" ? "Időpont" : "Dátum")
-			};
-		}
-		function U(e) {
-			return {
-				...e.config ?? {},
-				...e.fullWidth ? {} : { compact: !0 },
-				showTime: e.type === "datetimerange"
-			};
-		}
-		function W(e = null) {
-			let t = {};
-			for (let n of L.items) n.type !== "separator" && (t[n.key] = n.value ?? e);
-			return t;
-		}
-		y(() => {
-			if (!L.handleUrl) return;
-			let e = c(L.items);
-			console.log(e), Object.keys(e).length > 0 && (z.value = {
-				...z.value,
-				...e
-			});
-		});
-		function G(e) {
-			return Object.fromEntries(Object.entries(e).filter(([e, t]) => t !== null && t !== "" && t !== void 0));
-		}
-		function K(e, t) {
-			z.value = {
-				...z.value,
-				[e]: t
-			}, L.lazy || (L.handleUrl && l(L.items, z.value), R("change", G(z.value)));
-		}
-		let q = s((e, t) => {
-			K(e, t);
-		});
-		function J() {
-			L.handleUrl && l(L.items, z.value), R("change", G(z.value)), R("close");
-		}
-		function Y() {
-			z.value = {}, L.handleUrl && l(L.items, z.value), R("change", G(z.value));
-		}
-		let X = x(!1);
-		T(z, (e) => {
-			X.value = Object.values(e).some((e) => e !== null && e !== "" && e !== void 0);
-		}, {
-			deep: !0,
-			immediate: !0
-		});
-		function Z(e) {
-			z.value = {
-				...z.value,
-				[e]: null
-			}, L.handleUrl && l(L.items, z.value), R("change", G(z.value));
-		}
-		function Q(e) {
-			let t = B.value[e];
-			if (t) {
-				if (typeof t.focusAndOpen == "function") {
-					t.focusAndOpen();
-					return;
-				}
-				typeof t.focus == "function" && t.focus();
-			}
-		}
-		function $(e) {
-			let t = { ...z.value };
-			for (let n of L.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
-			z.value = t, L.handleUrl && l(L.items, z.value), R("change", G(z.value));
-		}
-		return F({
-			clearFilter: Z,
-			focusFilter: Q
-		}), (s, c) => (b(), d(a, {
-			open: g.open,
-			title: "Szűrők",
-			position: g.position,
-			onClose: c[0] ||= (e) => R("close")
-		}, {
-			default: E(() => [
-				m("div", D, [(b(!0), p(u, null, S(g.items, (e) => (b(), p("div", {
-					key: e.key,
-					class: v(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
-				}, [e.type === "separator" ? (b(), p("hr", O)) : e.type === "checkbox" ? (b(), d(n, _({
-					key: 1,
-					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					"model-value": z.value[e.key] ?? !1,
-					label: e.label ?? e.key,
-					"onUpdate:modelValue": (t) => K(e.key, t)
-				}, { ref_for: !0 }, e.config), null, 16, [
-					"model-value",
-					"label",
-					"onUpdate:modelValue"
-				])) : (b(), p(u, { key: 2 }, [m("label", k, C(e.label ?? e.key), 1), e.type === "text" ? (b(), p("input", _({
-					key: 0,
-					type: "text",
-					class: "c-input-row",
-					placeholder: e.placeholder,
-					value: z.value[e.key] ?? "",
-					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					onInput: (t) => w(q)(e.key, t.target.value || null)
-				}, { ref_for: !0 }, e.config), null, 16, A)) : e.type === "textarea" ? (b(), p("textarea", _({
-					key: 1,
-					class: "c-input-row data-filters__textarea",
-					placeholder: e.placeholder,
-					value: z.value[e.key] ?? "",
-					ref_for: !0,
-					ref: (t) => V(e.key, t)
-				}, { ref_for: !0 }, e.config, { onInput: (t) => w(q)(e.key, t.target.value || null) }), null, 16, j)) : e.type === "number" ? (b(), p("input", _({
-					key: 2,
-					type: "number",
-					class: "c-input-row",
-					placeholder: e.placeholder,
-					value: z.value[e.key] ?? "",
-					ref_for: !0,
-					ref: (t) => V(e.key, t)
-				}, { ref_for: !0 }, e.config, { onInput: (t) => w(q)(e.key, t.target.value ? Number(t.target.value) : null) }), null, 16, M)) : e.type === "date" || e.type === "datetime" ? (b(), d(t, {
-					key: 3,
-					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					"model-value": z.value[e.key] ?? null,
-					config: H(e),
-					"onUpdate:modelValue": (t) => K(e.key, t)
-				}, null, 8, [
-					"model-value",
-					"config",
-					"onUpdate:modelValue"
-				])) : e.type === "daterange" || e.type === "datetimerange" ? (b(), d(r, {
-					key: 4,
-					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					"model-value": z.value[e.key] ?? null,
-					config: U(e),
-					"onUpdate:modelValue": (t) => K(e.key, t)
-				}, null, 8, [
-					"model-value",
-					"config",
-					"onUpdate:modelValue"
-				])) : e.type === "dropdown" ? (b(), d(i, {
-					key: 5,
-					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					"model-value": z.value[e.key] ?? null,
-					options: e.options ?? [],
-					config: {
-						...e.config ?? {},
-						placeholder: e.placeholder ?? "Válassz...",
-						clearable: !0,
-						filterable: !0
-					},
-					"onUpdate:modelValue": (t) => K(e.key, t)
-				}, null, 8, [
-					"model-value",
-					"options",
-					"config",
-					"onUpdate:modelValue"
-				])) : f("", !0)], 64))], 2))), 128))]),
-				m("div", N, [h(e, {
-					icon: "fa-solid fa-trash-can",
-					disabled: !X.value,
-					label: "Szűrők törlése",
-					size: "small",
-					onClick: Y
-				}, null, 8, ["disabled"]), h(e, {
-					label: "Szűrés",
-					type: "success",
-					onClick: J
-				})]),
-				g.historyEnabled ? (b(), p("hr", P)) : f("", !0),
-				g.historyEnabled ? (b(), d(o, {
-					key: 1,
-					items: g.items,
-					values: z.value,
-					"storage-key": g.storageKey,
-					onLoad: $,
-					onChange: $
-				}, null, 8, [
-					"items",
-					"values",
-					"storage-key"
-				])) : f("", !0)
-			]),
-			_: 1
-		}, 8, ["open", "position"]));
+	emits: ["remove", "openFilter"],
+	setup(a, { emit: g }) {
+		let _ = a, v = g;
+		function y(e) {
+			return _.items.find((t) => t.key === e);
+		}
+		function b(e) {
+			return y(e)?.label ?? e;
+		}
+		return (g, _) => (s(), r("div", d, [(s(!0), r(t, null, c(a.filters, (c, d) => (s(), r(t, { key: d }, [c != null && c !== "" ? (s(), r("span", {
+			key: 0,
+			class: o(["filter-tags__tag c-chip", [a.itemClass, y(d)?.displayClass]])
+		}, [i("span", {
+			class: "filter-tags__content align-center-text-fix",
+			onClick: (e) => v("openFilter", String(d))
+		}, [i("span", p, l(b(String(d))) + ":", 1), i("span", {
+			class: "filter-tags__value",
+			title: u(e)(a.items, String(d), c)
+		}, l(u(e)(a.items, String(d), c)), 9, m)], 8, f), i("button", {
+			type: "button",
+			class: "filter-tags__remove",
+			onClick: (e) => v("remove", String(d)),
+			"aria-label": "Remove filter"
+		}, [..._[0] ||= [i("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]], 8, h)], 2)) : n("", !0)], 64))), 128))]));
 	}
 });
 //#endregion
-export { F as default };
+export { g as default };

package/dist/admins-components82.js

@@ -1,8 +1,7 @@
-import './src/styles/components/data-table/data-filters.scss_vue_type_style_index_0_src_true_lang.css';
-import "./admins-components79.js";
+import './src/styles/components/data-table/filter-tags.scss_vue_type_style_index_0_src_true_lang.css';
 import e from "./admins-components80.js";
 /* empty css                    */
-//#region src/components/data-table/DataFilters.vue
+//#region src/components/data-table/FilterTags.vue
 var t = e;
 //#endregion
 export { t as default };

package/dist/admins-components83.js

@@ -1,38 +1,199 @@
-import { displayFilterValue as e } from "./admins-components74.js";
-import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderList as c, toDisplayString as l, unref as u } from "vue";
-//#region src/components/data-table/FilterTags.vue?vue&type=script&setup=true&lang.ts
-var d = { class: "filter-tags ac-component gap-1" }, f = ["onClick"], p = { class: "filter-tags__key" }, m = ["title"], h = ["onClick"], g = /* @__PURE__ */ a({
-	__name: "FilterTags",
+import e from "./admins-components26.js";
+import { createBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, openBlock as a, ref as o, withCtx as s, withModifiers as c } from "vue";
+//#region src/components/data-table/DataListGuide.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "dl-guide-section" }, u = { class: "dl-guide-toc m-0" }, d = { class: "m-0" }, f = { class: "m-0" }, p = { class: "m-0" }, m = { class: "m-0" }, h = { class: "m-0" }, g = { class: "m-0" }, _ = /*@__PURE__*/ i({
+	__name: "DataListGuide",
 	props: {
-		filters: {},
-		items: {},
-		itemClass: {}
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		position: { default: "right" }
 	},
-	emits: ["remove", "openFilter"],
-	setup(a, { emit: g }) {
-		let _ = a, v = g;
-		function y(e) {
-			return _.items.find((t) => t.key === e);
-		}
+	emits: ["close"],
+	setup(i, { emit: _ }) {
+		let v = _, y = o(null);
 		function b(e) {
-			return y(e)?.label ?? e;
+			if (!e || !y.value) return;
+			let t = y.value.querySelector(`#${e}`);
+			t && t.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
 		}
-		return (g, _) => (s(), r("div", d, [(s(!0), r(t, null, c(a.filters, (c, d) => (s(), r(t, { key: d }, [c != null && c !== "" ? (s(), r("span", {
-			key: 0,
-			class: o(["filter-tags__tag c-chip", [a.itemClass, y(d)?.displayClass]])
-		}, [i("span", {
-			class: "filter-tags__content align-center-text-fix",
-			onClick: (e) => v("openFilter", String(d))
-		}, [i("span", p, l(b(String(d))) + ":", 1), i("span", {
-			class: "filter-tags__value",
-			title: u(e)(a.items, String(d), c)
-		}, l(u(e)(a.items, String(d), c)), 9, m)], 8, f), i("button", {
-			type: "button",
-			class: "filter-tags__remove",
-			onClick: (e) => v("remove", String(d)),
-			"aria-label": "Remove filter"
-		}, [..._[0] ||= [i("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]], 8, h)], 2)) : n("", !0)], 64))), 128))]));
+		return (o, _) => (a(), t(e, {
+			open: i.open,
+			title: "Súgó",
+			position: i.position,
+			onClose: _[8] ||= (e) => v("close")
+		}, {
+			default: s(() => [n("div", {
+				ref_key: "root",
+				ref: y,
+				class: "ac-component dl-guide"
+			}, [
+				n("section", l, [_[9] ||= n("h3", { class: "dl-guide-title" }, "Tartalom", -1), n("ul", u, [n("li", null, [n("a", {
+					href: "#",
+					class: "dl-guide-toc-link dl-guide-toc-link--primary",
+					onClick: _[0] ||= c((e) => b("layout"), ["prevent"])
+				}, "Megjelenés testreszabása"), n("ul", null, [
+					n("li", d, [n("a", {
+						href: "#",
+						class: "dl-guide-toc-link",
+						onClick: _[1] ||= c((e) => b("view"), ["prevent"])
+					}, "Nézet")]),
+					n("li", f, [n("a", {
+						href: "#",
+						class: "dl-guide-toc-link",
+						onClick: _[2] ||= c((e) => b("appearance"), ["prevent"])
+					}, "Megjelenés")]),
+					n("li", p, [n("a", {
+						href: "#",
+						class: "dl-guide-toc-link",
+						onClick: _[3] ||= c((e) => b("columns"), ["prevent"])
+					}, "Oszlopok láthatósága és sorrendje")]),
+					n("li", m, [n("a", {
+						href: "#",
+						class: "dl-guide-toc-link",
+						onClick: _[4] ||= c((e) => b("reset"), ["prevent"])
+					}, "Beállítások visszaállítása")])
+				])]), n("li", null, [n("a", {
+					href: "#",
+					class: "dl-guide-toc-link dl-guide-toc-link--primary",
+					onClick: _[5] ||= c((e) => b("filters"), ["prevent"])
+				}, "Szűrők"), n("ul", null, [n("li", h, [n("a", {
+					href: "#",
+					class: "dl-guide-toc-link",
+					onClick: _[6] ||= c((e) => b("exact-match"), ["prevent"])
+				}, "Pontos egyezés")]), n("li", g, [n("a", {
+					href: "#",
+					class: "dl-guide-toc-link",
+					onClick: _[7] ||= c((e) => b("save-filters"), ["prevent"])
+				}, "Szűrések mentése")])])])])]),
+				_[10] ||= n("hr", { class: "separator" }, null, -1),
+				_[11] ||= n("section", {
+					id: "layout",
+					class: "dl-guide-section"
+				}, [
+					n("h3", { class: "dl-guide-title" }, "A táblázat megjelenésének testreszabása"),
+					n("p", null, [
+						r(" A "),
+						n("strong", null, [n("i", { class: "fa-solid fa-gear" }), r(" Beállítások")]),
+						r(" gombra kattintva lehetőség van a tábla megjelenésének testreszabására. A beállítások az adott táblához kapcsolódóan helyi tárolóban kerülnek mentésre, így ugyanazon eszközön és böngészőben megmaradnak a következő látogatáskor is. ")
+					]),
+					n("hr", { class: "separator" }),
+					n("h4", {
+						id: "view",
+						class: "dl-guide-subtitle"
+					}, "Nézet"),
+					n("ul", null, [
+						n("li", null, [
+							n("i", { class: "fa-solid fa-display mr-1" }),
+							n("strong", null, "Kijelző méretéhez igazodó"),
+							r(" (alapértelmezett): A kijelző méretétől függően automatikusan választ a táblázat és a kártyás nézet között. ")
+						]),
+						n("li", null, [
+							n("i", { class: "fa-solid fa-table-list mr-1" }),
+							r(),
+							n("strong", null, "Táblázat:"),
+							r(" klasszikus táblázatos megjelenés ")
+						]),
+						n("li", null, [
+							n("i", { class: "fa-solid fa-list mr-1" }),
+							r(),
+							n("strong", null, "Kártyák:"),
+							r(" sorok kártyás megjelenítése, a kártya fejlécére kattintva lenyithatóak a részletes adatok. ")
+						])
+					]),
+					n("hr", { class: "separator" }),
+					n("h4", {
+						id: "appearance",
+						class: "dl-guide-subtitle"
+					}, "Megjelenés"),
+					n("ul", null, [n("li", null, [n("strong", null, "Kompakt:"), r(" A sorok közti távolság és a belső margók csökkentésével több adat jeleníthető meg egyszerre. ")]), n("li", null, [n("strong", null, "Sávos (striped):"), r(" Csak a táblázatos nézetben elérhető, minden második sor enyhe szürke hátteret kap, ezzel megkönnyítve a sorok követését. ")])]),
+					n("hr", { class: "separator" }),
+					n("h4", {
+						id: "columns",
+						class: "dl-guide-subtitle"
+					}, "Oszlopok láthatósága és sorrendje"),
+					n("ul", null, [n("li", null, [n("strong", null, "Kártya fejléc:"), r(" kártyás nézet esetén a fejlécben megjelenő mezők láthatósága és sorrendje. ")]), n("li", null, [n("strong", null, "Oszlopok:"), r(" táblázat nézetben az oszlopok láthatósága és sorrendje. ")])]),
+					n("p", null, [
+						r(" A sorrend módosítása történhet az "),
+						n("i", { class: "fa-solid fa-grip-vertical" }),
+						r(" ikonon "),
+						n("strong", { class: "nowrap" }, "drag-n-drop"),
+						r("al vagy az ikonra kattinva a megjelenő nyilak segítségével. ")
+					]),
+					n("hr", { class: "separator" }),
+					n("h4", {
+						id: "reset",
+						class: "dl-guide-subtitle"
+					}, "Beállítások visszaállítása"),
+					n("p", null, [
+						r(" Az "),
+						n("strong", null, "Alapértelmezés visszaállítása"),
+						r(" gomb visszaállítja a gyári értékeket, és törli a helyi tárolóban elmentett beállításokat. ")
+					])
+				], -1),
+				_[12] ||= n("hr", { class: "separator" }, null, -1),
+				_[13] ||= n("section", {
+					id: "filters",
+					class: "dl-guide-section"
+				}, [
+					n("h3", { class: "dl-guide-title" }, "Szűrők"),
+					n("h4", {
+						id: "exact-match",
+						class: "dl-guide-subtitle"
+					}, "Pontos egyezés"),
+					n("p", null, [
+						r(" Amennyiben a táblázhoz tartozik szabad szavas keresés, a pontos egyezés opciót használva csak azokat a találatokat kapjuk, amelyek teljes mértékben megfelelnek a keresett kifejezésnek. Pl. alap esetben "),
+						n("strong", null, [n("em", null, "\"alma\"")]),
+						r(" keresésre a "),
+						n("strong", null, [n("em", null, "\"piros alma\"")]),
+						r(", "),
+						n("strong", null, [n("em", null, "\"almafa\"")]),
+						r(", "),
+						n("strong", null, [n("em", null, "\"alma\"")]),
+						r(" vagy "),
+						n("strong", null, [n("em", null, "\"almás pite\"")]),
+						r(" is találat lehet, míg pontos egyezés esetén csak az "),
+						n("strong", null, [n("em", null, "\"alma\"")]),
+						r(" található meg. ")
+					]),
+					n("hr", { class: "separator" }),
+					n("h4", {
+						id: "save-filters",
+						class: "dl-guide-subtitle"
+					}, "Szűrések mentése"),
+					n("p", null, [
+						r(" A "),
+						n("strong", null, [n("i", { class: "fa-solid fa-sliders" }), r(" Mentett szűrők")]),
+						r("re kattintva lehetőség van elmenteni az aktuális szűrési feltételeket, így később egyetlen kattintással előhívhatja azokat. ")
+					]),
+					n("p", null, [
+						r(" A szűrési feltételek megadása után a "),
+						n("strong", null, [n("i", { class: "fa-solid fa-bookmark fa-sm" }), r(" Mentés")]),
+						r(" gomb megnyomásával elmenthető a szűrőkészlet. Az elnevezés megadása nem kötelező, csak saját magadnak szól a későbbi könnyebb azonosítás érdekében. ")
+					]),
+					n("p", null, " Ezt követően a szűrőkészlet a mentés dátumával és elnevezésével jelenik meg a mentett szűrők között. Ezekre kattintva lenyithatók a szűrőkészlet részletei. "),
+					n("p", null, "A mentett készlet jobb oldalán található 3 ikon:"),
+					n("ul", null, [
+						n("li", null, [n("i", { class: "fa-solid fa-check" }), r(": ikonra kattintva tölthetők be a készletek. Megnyomásakor a szűrési feltételek automatikusan kitöltődnek az elmentett értékekkel. ")]),
+						n("li", null, [n("span", { class: "c-indicator" }, "?"), r(": azt mutatja, hogy hány szűrési feltétel van a készletben. ")]),
+						n("li", null, [n("i", { class: "fa-solid fa-xmark" }), r(": a mentett szűrőkészlet törlése (a művelet megerősítést kér). ")])
+					]),
+					n("p", { class: "dl-guide-note" }, [
+						r("Táblázatonként maximum "),
+						n("strong", null, "20"),
+						r(" készlet menthető el.")
+					]),
+					n("p", null, " A lista alján található \"Összes törlése\" gombbal törölhető a táblához tartozó minden elmentett szűrőkészlet. "),
+					n("p", { class: "dl-guide-note" }, [n("strong", null, "Fontos:"), r(" a beállítások és a szűrők is csak böngészőben (localStorage) kerülnek tárolásra, ezért más eszközön vagy böngészőben nem lesznek elérhetőek. ")])
+				], -1)
+			], 512)]),
+			_: 1
+		}, 8, ["open", "position"]));
 	}
 });
 //#endregion
-export { g as default };
+export { _ as default };

package/dist/admins-components85.js

@@ -1,7 +1,7 @@
-import './src/styles/components/data-table/filter-tags.scss_vue_type_style_index_0_src_true_lang.css';
+import './src/styles/components/data-table/data-list-guide.scss_vue_type_style_index_0_src_true_lang.css';
 import e from "./admins-components83.js";
 /* empty css                    */
-//#region src/components/data-table/FilterTags.vue
+//#region src/components/data-table/DataListGuide.vue
 var t = e;
 //#endregion
 export { t as default };