admins-components 9.0.4 → 9.0.6

package/dist/admins-components64.js

@@ -1,144 +1,8 @@
-import e from "./admins-components6.js";
-import t from "./admins-components24.js";
-import n from "./admins-components38.js";
-import r from "./admins-components48.js";
-import { useSelection as i } from "./admins-components53.js";
-import { dataCardsSettingsDefaults as a } from "./admins-components54.js";
-import { buildActionGroupMenuItems as o, getColumnValue as s, isActionGroup as c } from "./admins-components55.js";
-import l from "./admins-components60.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, mergeProps as v, normalizeClass as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, vShow as T, withDirectives as E, withModifiers as D } from "vue";
-//#region src/components/data-table/DataCards.vue?vue&type=script&setup=true&lang.ts
-var O = { class: "ac-component" }, k = ["onClick", "onPointerdown"], A = ["onClick"], j = { class: "c-card__heading" }, M = { class: "c-card__label" }, N = { class: "c-card__body" }, P = { class: "c-card__field-label" }, F = /* @__PURE__ */ _({
-	__name: "DataCards",
-	props: {
-		config: {},
-		items: {},
-		settings: { default: () => ({ ...a }) },
-		loading: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["selection-change"],
-	setup(a, { emit: _ }) {
-		let F = a, I = _, { selectedKeys: L, toggle: R } = i(() => F.items, () => F.config.selectableAttr, (e) => I("selection-change", e)), z = x(/* @__PURE__ */ new Set()), B = d(() => F.config.columns.filter((e) => e.visible !== !1)), V = d(() => {
-			let e = F.settings;
-			if (e?.cardHeaderColumns) {
-				let t = B.value.filter((t) => e.cardHeaderColumns[t.property]);
-				if (t.length > 0) {
-					if (e.cardHeaderOrder) {
-						let n = e.cardHeaderOrder;
-						return [...t].sort((e, t) => {
-							let r = n.indexOf(e.property), i = n.indexOf(t.property);
-							return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
-						});
-					}
-					return t;
-				}
-			}
-			let t = B.value.filter((e) => e.primary);
-			return t.length > 0 ? t : B.value.slice(0, 1);
-		}), H = null, U = !1;
-		function W(e, t) {
-			F.config.selectableAttr && e.button === 0 && (U = !1, H = setTimeout(() => {
-				U = !0, R(t);
-			}, 500));
-		}
-		function G() {
-			H &&= (clearTimeout(H), null);
-		}
-		function K(e) {
-			U && e.preventDefault();
-		}
-		function q(e) {
-			if (U) {
-				U = !1;
-				return;
-			}
-			J(e);
-		}
-		function J(e) {
-			z.value.has(e) ? z.value.delete(e) : z.value.add(e), z.value = new Set(z.value);
-		}
-		return (i, d) => (b(), m("div", O, [a.loading ? (b(), f(r, {
-			key: 0,
-			loading: !0
-		})) : (b(), m("div", {
-			key: 1,
-			class: y(["c-cards", { "is-compact": a.settings.compact }])
-		}, [(b(!0), m(u, null, S(a.items, (r, i) => (b(), m("div", {
-			key: i,
-			class: y(["c-card", {
-				"is-open": z.value.has(i),
-				"is-selected": a.config.selectableAttr && w(L).has(r[a.config.selectableAttr])
-			}])
-		}, [h("button", {
-			type: "button",
-			class: "c-card__header",
-			onClick: (e) => q(i),
-			onPointerdown: (e) => W(e, r),
-			onPointerup: d[0] ||= (e) => G(),
-			onPointerleave: d[1] ||= (e) => G(),
-			onContextmenu: K
-		}, [
-			a.config.selectableAttr ? (b(), m("span", {
-				key: 0,
-				class: "c-card__check-zone",
-				onClick: D((e) => w(R)(r), ["stop"])
-			}, [h("span", { class: y(["c-card__check", { "is-checked": w(L).has(r[a.config.selectableAttr]) }]) }, [...d[3] ||= [h("i", { class: "fa-solid fa-check" }, null, -1)]], 2)], 8, A)) : p("", !0),
-			h("span", j, [(b(!0), m(u, null, S(V.value, (e, t) => (b(), m("span", {
-				key: e.property,
-				class: "c-card__heading-item"
-			}, [h("span", M, C(e.label), 1), h("span", { class: y(["c-card__title", { "c-truncate": a.settings.compact && t === 0 }]) }, C(w(s)(r, e)), 3)]))), 128))]),
-			d[4] ||= h("span", {
-				class: "c-card__icon",
-				"aria-hidden": "true"
-			}, [h("i", { class: "fa-solid fa-chevron-down" })], -1)
-		], 40, k), E(h("div", N, [(b(!0), m(u, null, S(B.value, (e) => (b(), m("div", {
-			key: e.property,
-			class: "c-card__field",
-			tabindex: "0"
-		}, [
-			h("span", P, C(e.label), 1),
-			g(l, {
-				item: r,
-				col: e,
-				class: "c-card__field-value",
-				copy: !1
-			}, null, 8, ["item", "col"]),
-			g(n, {
-				class: "c-card__field-copy click-expand",
-				value: w(s)(r, e)
-			}, null, 8, ["value"])
-		]))), 128)), a.config.actions ? (b(), m("div", {
-			key: 0,
-			class: "c-card__actions",
-			onClick: d[2] ||= D(() => {}, ["stop"])
-		}, [(b(!0), m(u, null, S(a.config.actions, (n, i) => (b(), m(u, { key: i }, [w(c)(n) ? (b(), f(t, v({
-			key: 0,
-			icon: n.icon,
-			label: n.label,
-			items: w(o)(n, r)
-		}, { ref_for: !0 }, n.config), null, 16, [
-			"icon",
-			"label",
-			"items"
-		])) : (b(), f(e, v({
-			key: 1,
-			type: n.type,
-			icon: n.icon,
-			label: n.cardLabel ?? n.label,
-			outline: "",
-			disabled: n.disabled ? n.disabled(r) : !1,
-			callback: () => n.callback(r)
-		}, { ref_for: !0 }, n.config), null, 16, [
-			"type",
-			"icon",
-			"label",
-			"disabled",
-			"callback"
-		]))], 64))), 128))])) : p("", !0)], 512), [[T, z.value.has(i)]])], 2))), 128))], 2))]));
-	}
-});
+//#region src/utils/objects.ts
+function e(t, n) {
+	let r = { ...t };
+	for (let i in n) n[i] && typeof n[i] == "object" && !Array.isArray(n[i]) && i in t && typeof t[i] == "object" ? r[i] = e(t[i], n[i]) : r[i] = n[i];
+	return r;
+}
 //#endregion
-export { F as default };
+export { e as deepMerge };

package/dist/admins-components65.js

@@ -0,0 +1,264 @@
+import e from "./admins-components5.js";
+import t from "./admins-components26.js";
+import { dataCardsSettingsDefaults as n, dataListSettingsDefaults as r, dataTableSettingsDefaults as i } from "./admins-components53.js";
+import { deepMerge as ee } from "./admins-components64.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onMounted as h, openBlock as g, ref as _, renderList as v, resolveDirective as y, toDisplayString as b, withCtx as x, withDirectives as S, withModifiers as C } from "vue";
+//#region src/components/data-table/DataListOptions.vue?vue&type=script&setup=true&lang.ts
+var te = { class: "table-options" }, ne = { class: "table-options__col" }, re = { class: "table-options__list" }, ie = { class: "table-options__col" }, ae = { class: "table-options__title" }, oe = { class: "table-options__title-value" }, se = { class: "layout-switch" }, ce = { class: "table-options__col" }, le = { class: "table-options__title flex-center gap-1" }, ue = { class: "table-options__list" }, de = [
+	"draggable",
+	"onDragstart",
+	"onDragover",
+	"onClick"
+], fe = {
+	key: 0,
+	class: "fa-solid fa-grip-vertical table-options__drag-handle"
+}, pe = ["onClick"], me = {
+	key: 0,
+	class: "table-options__move-actions"
+}, he = ["disabled"], w = ["disabled"], T = { class: "table-options__col" }, E = { class: "table-options__list" }, D = [
+	"draggable",
+	"onDragstart",
+	"onDragover",
+	"onClick"
+], O = {
+	key: 0,
+	class: "fa-solid fa-grip-vertical table-options__drag-handle"
+}, k = ["onClick"], A = {
+	key: 0,
+	class: "table-options__move-actions"
+}, j = ["disabled"], M = ["disabled"], N = { class: "table-options__footer" }, P = /*@__PURE__*/ p({
+	__name: "DataListOptions",
+	props: {
+		open: { type: Boolean },
+		columns: {},
+		settings: {},
+		position: {},
+		storageKey: {},
+		orderable: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["close", "change"],
+	setup(p, { emit: P }) {
+		let F = p, I = P, L = _(z()), R = o(() => `data-list-${F.storageKey}`), ge = o(() => JSON.stringify(L.value) !== JSON.stringify(z()));
+		function z() {
+			return {
+				...n,
+				...i,
+				...r,
+				...F.settings,
+				columns: Object.fromEntries(F.columns.map((e) => [e.property, F.settings.columns?.[e.property] ?? e.visible !== !1])),
+				cardHeaderColumns: Object.fromEntries(F.columns.map((e) => [e.property, F.settings.cardHeaderColumns?.[e.property] ?? e.primary === !0])),
+				columnOrder: F.settings.columnOrder ?? F.columns.map((e) => e.property),
+				cardHeaderOrder: F.settings.cardHeaderOrder ?? F.columns.map((e) => e.property)
+			};
+		}
+		function _e() {
+			try {
+				let e = localStorage.getItem(R.value), t = z();
+				if (e) {
+					let n = JSON.parse(e);
+					L.value = n.settings ? ee(t, n.settings) : t;
+				} else L.value = t;
+			} catch {
+				L.value = z();
+			}
+			I("change", L.value);
+		}
+		function ve() {
+			try {
+				let e = R.value, t = localStorage.getItem(e), n = t ? JSON.parse(t) : {};
+				n.settings = L.value, localStorage.setItem(e, JSON.stringify(n));
+			} catch {}
+			I("change", L.value);
+		}
+		function B(e, t) {
+			L.value = {
+				...L.value,
+				[e]: t
+			}, ve();
+		}
+		function V(e) {
+			B("columns", {
+				...L.value.columns,
+				[e]: !L.value.columns[e]
+			});
+		}
+		function H(e) {
+			B("cardHeaderColumns", {
+				...L.value.cardHeaderColumns,
+				[e]: !L.value.cardHeaderColumns[e]
+			});
+		}
+		function U(e) {
+			B(e, !L.value[e]);
+		}
+		function W(e, t) {
+			return [...e].sort((e, n) => {
+				let r = t.indexOf(e.property), i = t.indexOf(n.property);
+				return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
+			});
+		}
+		let G = o(() => W(F.columns, L.value.columnOrder)), K = o(() => W(F.columns, L.value.cardHeaderOrder)), q = _(null), J = _(null), Y = _(null), X = _(null);
+		function ye(e) {
+			q.value = e;
+		}
+		function be(e, t) {
+			if (e.preventDefault(), q.value === null || q.value === t) return;
+			let n = [...L.value.columnOrder], r = n.splice(q.value, 1)[0];
+			r && (n.splice(t, 0, r), q.value = t, B("columnOrder", n));
+		}
+		function xe() {
+			q.value = null;
+		}
+		function Se(e) {
+			J.value = J.value === e ? null : e;
+		}
+		function Z(e) {
+			if (J.value === null) return;
+			let t = J.value + e;
+			if (t < 0 || t >= L.value.columnOrder.length) return;
+			let n = [...L.value.columnOrder], r = n[J.value];
+			n[J.value] = n[t], n[t] = r, B("columnOrder", n), J.value = t;
+		}
+		function Ce(e) {
+			Y.value = e;
+		}
+		function we(e, t) {
+			if (e.preventDefault(), Y.value === null || Y.value === t) return;
+			let n = [...L.value.cardHeaderOrder], r = n.splice(Y.value, 1)[0];
+			r && (n.splice(t, 0, r), Y.value = t, B("cardHeaderOrder", n));
+		}
+		function Q() {
+			Y.value = null;
+		}
+		function Te(e) {
+			X.value = X.value === e ? null : e;
+		}
+		function $(e) {
+			if (X.value === null) return;
+			let t = X.value + e;
+			if (t < 0 || t >= L.value.cardHeaderOrder.length) return;
+			let n = [...L.value.cardHeaderOrder], r = n[X.value];
+			n[X.value] = n[t], n[t] = r, B("cardHeaderOrder", n), X.value = t;
+		}
+		function Ee() {
+			localStorage.removeItem(R.value), L.value = z(), I("change", L.value);
+		}
+		return h(_e), (n, r) => {
+			let i = y("tooltip");
+			return g(), s(t, {
+				open: p.open,
+				title: "Lista beállítások",
+				position: F.position,
+				onClose: r[16] ||= (e) => I("close")
+			}, {
+				default: x(() => [u("div", te, [
+					u("div", ne, [r[19] ||= u("h4", { class: "table-options__title" }, "Megjelenés", -1), u("ul", re, [u("li", {
+						class: "table-options__item",
+						onClick: r[1] ||= (e) => U("compact"),
+						title: "A sorok közötti térköz csökkentése"
+					}, [u("span", {
+						class: m(["c-checkbox", { "c-checkbox--checked": L.value.compact }]),
+						onClick: r[0] ||= C((e) => U("compact"), ["stop"])
+					}, null, 2), r[17] ||= u("span", null, "Kompakt", -1)]), u("li", {
+						class: "table-options__item",
+						onClick: r[3] ||= (e) => U("striped"),
+						title: "A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)"
+					}, [u("span", {
+						class: m(["c-checkbox", { "c-checkbox--checked": L.value.striped }]),
+						onClick: r[2] ||= C((e) => U("striped"), ["stop"])
+					}, null, 2), r[18] ||= u("span", null, "Sávos (striped)", -1)])])]),
+					u("div", ie, [u("h4", ae, [r[20] ||= d(" Elrendezés ", -1), u("span", oe, "— " + b(L.value.layout === "screen" ? "Auto" : L.value.layout === "table" ? "Táblázat" : "Kártyák"), 1)]), u("div", se, [
+						u("button", {
+							class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "screen" }]),
+							title: "Kijelző méretéhez igazodó elrendezés",
+							onClick: r[4] ||= (e) => B("layout", "screen")
+						}, [...r[21] ||= [u("i", { class: "fa-solid fa-display" }, null, -1)]], 2),
+						u("button", {
+							class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "table" }]),
+							title: "Táblázat nézet",
+							onClick: r[5] ||= (e) => B("layout", "table")
+						}, [...r[22] ||= [u("i", { class: "fa-solid fa-table-list" }, null, -1)]], 2),
+						u("button", {
+							class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "cards" }]),
+							title: "Kártya nézet",
+							onClick: r[6] ||= (e) => B("layout", "cards")
+						}, [...r[23] ||= [u("i", { class: "fa-solid fa-list" }, null, -1)]], 2)
+					])]),
+					u("div", ce, [
+						S((g(), l("h4", le, [...r[24] ||= [d(" Kártya fejléc ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[i, "Kártya nézetben, a sorok fejlécén megjelenő oszlopok"]]),
+						u("ul", ue, [(g(!0), l(a, null, v(K.value, (e, t) => (g(), l("li", {
+							key: "ch-" + e.property,
+							class: m(["table-options__item", {
+								"table-options__item--disabled": e.primary,
+								"table-options__item--selected": p.orderable && X.value === t,
+								"table-options__item--dragging": p.orderable && Y.value === t
+							}]),
+							draggable: p.orderable,
+							onDragstart: C((e) => p.orderable && Ce(t), ["stop"]),
+							onDragover: C((e) => p.orderable && we(e, t), ["prevent"]),
+							onDrop: r[7] ||= C(() => {}, ["prevent"]),
+							onDragend: r[8] ||= (e) => p.orderable && Q(),
+							onClick: C((n) => p.orderable ? Te(t) : !e.primary && H(e.property), ["prevent"])
+						}, [p.orderable ? (g(), l("i", fe)) : c("", !0), u("span", {
+							class: "table-options__toggle",
+							onClick: C((t) => !e.primary && H(e.property), ["stop"])
+						}, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": L.value.cardHeaderColumns[e.property] }]) }, null, 2), u("span", null, b(e.label), 1)], 8, pe)], 42, de))), 128))]),
+						p.orderable && X.value !== null ? (g(), l("div", me, [u("button", {
+							class: "table-options__move-btn",
+							disabled: X.value === 0,
+							onClick: r[9] ||= (e) => $(-1)
+						}, [...r[25] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, he), u("button", {
+							class: "table-options__move-btn",
+							disabled: X.value === K.value.length - 1,
+							onClick: r[10] ||= (e) => $(1)
+						}, [...r[26] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, w)])) : c("", !0)
+					]),
+					u("div", T, [
+						r[29] ||= u("h4", { class: "table-options__title" }, "Oszlopok", -1),
+						u("ul", E, [(g(!0), l(a, null, v(G.value, (e, t) => (g(), l("li", {
+							key: e.property,
+							class: m(["table-options__item", {
+								"table-options__item--disabled": e.primary,
+								"table-options__item--selected": p.orderable && J.value === t,
+								"table-options__item--dragging": p.orderable && q.value === t
+							}]),
+							draggable: p.orderable,
+							onDragstart: C((e) => p.orderable && ye(t), ["stop"]),
+							onDragover: C((e) => p.orderable && be(e, t), ["prevent"]),
+							onDrop: r[11] ||= C(() => {}, ["prevent"]),
+							onDragend: r[12] ||= (e) => p.orderable && xe(),
+							onClick: C((n) => p.orderable ? Se(t) : !e.primary && V(e.property), ["prevent"])
+						}, [p.orderable ? (g(), l("i", O)) : c("", !0), u("span", {
+							class: "table-options__toggle",
+							onClick: C((t) => !e.primary && V(e.property), ["stop"])
+						}, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": L.value.columns[e.property] }]) }, null, 2), u("span", null, b(e.label), 1)], 8, k)], 42, D))), 128))]),
+						p.orderable && J.value !== null ? (g(), l("div", A, [u("button", {
+							class: "table-options__move-btn",
+							disabled: J.value === 0,
+							onClick: r[13] ||= (e) => Z(-1)
+						}, [...r[27] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, j), u("button", {
+							class: "table-options__move-btn",
+							disabled: J.value === G.value.length - 1,
+							onClick: r[14] ||= (e) => Z(1)
+						}, [...r[28] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, M)])) : c("", !0)
+					])
+				]), u("div", N, [f(e, {
+					icon: "fa-solid  fa-triangle-exclamation",
+					disabled: !ge.value,
+					label: "Alapértelmezés visszaállítása",
+					size: "small",
+					onClick: Ee
+				}, null, 8, ["disabled"]), f(e, {
+					label: "OK",
+					onClick: r[15] ||= (e) => I("close")
+				})])]),
+				_: 1
+			}, 8, ["open", "position"]);
+		};
+	}
+});
+//#endregion
+export { P as default };

package/dist/admins-components67.js

@@ -1,8 +1,7 @@
-//#region src/utils/objects.ts
-function e(t, n) {
-	let r = { ...t };
-	for (let i in n) n[i] && typeof n[i] == "object" && !Array.isArray(n[i]) && i in t && typeof t[i] == "object" ? r[i] = e(t[i], n[i]) : r[i] = n[i];
-	return r;
-}
+import './src/styles/components/data-table/data-list-options.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components65.js";
+/* empty css                    */
+//#region src/components/data-table/DataListOptions.vue
+var t = e;
 //#endregion
-export { e as deepMerge };
+export { t as default };