admins-components 9.0.10 → 9.0.12

package/dist/admins-components.js

@@ -58,4 +58,4 @@ import { configureInternalArticleOfferElement as ke, iaoeConfig as Ae } from "./
 import je from "./admins-components166.js";
 import { configurePartnerPickerElement as Me, ppeconfig as Ne } from "./admins-components167.js";
 import Pe from "./admins-components169.js";
-export { me as ArticleOfferElement, ye as ArticlePickerElement, ue as BackendService, n as Button, o as Calendar, c as Checkbox, h as ConfirmModal, g as CopyToClipboard, R as DataCards, K as DataFilters, Y as DataList, B as DataListOptions, H as DataPaginator, L as DataTable, s as DatePicker, l as DateRangePicker, be as DateTimePickerElement, d as DropdownMenu, u as DropdownSelect, v as ExternalArticleOffer, Ce as ExternalArticleOfferElement, ie as FetchDetails, ae as FetchError, q as FilterTags, U as FiltersHistory, Ee as GalleryImageSelectorElement, p as Header, _ as ImagePicker, Oe as ImagePickerDetailsElement, De as ImagePickerElement, y as InternalArticleOffer, je as InternalArticleOfferElement, b as Loader, oe as Methods, m as Modal, Pe as PartnerPickerElement, f as Sidebar, S as ToastNotification, fe as aoeConfig, he as apeConfig, E as booleanToString, r as calendarConfigDefaults, pe as configureArticleOfferElement, ge as configureArticlePickerElement, xe as configureExternalArticleOfferElement, we as configureGalleryImageSelectorElement, _e as configureImagePickerElement, ke as configureInternalArticleOfferElement, Me as configurePartnerPickerElement, re as createNativeFetch, C as dataCardsSettingsDefaults, D as dataListConverters, J as dataListDefaults, w as dataListSettingsDefaults, T as dataTableSettingsDefaults, i as datePickerConfigDefaults, a as dateRangePickerConfigDefaults, W as debounce, z as deepMerge, Se as eaoeConfig, O as enumMap, k as formatCurrency, e as formatDate, A as formatNumber, te as getCurrentSite, V as getDefaultPaginator, G as getFilterParams, Z as getUrlParam, Te as gisConfig, Ae as iaoeConfig, j as identity, se as initRequest, ve as ipeConfig, X as isIpInUrl, Q as joinUrl, M as listToString, N as localToLocalString, t as parseDate, Ne as ppeconfig, $ as removeUrlParam, ee as setUrlParam, P as shortUuid, F as textEllipse, x as toast, ce as useArticleEditorService, de as useBackendService, le as useCurrentUser, I as utcToLocalString, ne as vTooltip };
+export { me as ArticleOfferElement, ye as ArticlePickerElement, ue as BackendService, n as Button, o as Calendar, c as Checkbox, h as ConfirmModal, g as CopyToClipboard, R as DataCards, K as DataFilters, Y as DataList, B as DataListOptions, H as DataPaginator, L as DataTable, s as DatePicker, l as DateRangePicker, be as DateTimePickerElement, d as DropdownMenu, u as DropdownSelect, v as ExternalArticleOffer, Ce as ExternalArticleOfferElement, ie as FetchDetails, ae as FetchError, q as FilterTags, U as FiltersHistory, Ee as GalleryImageSelectorElement, p as HeaderComponent, _ as ImagePicker, Oe as ImagePickerDetailsElement, De as ImagePickerElement, y as InternalArticleOffer, je as InternalArticleOfferElement, b as Loader, oe as Methods, m as Modal, Pe as PartnerPickerElement, f as Sidebar, S as ToastNotification, fe as aoeConfig, he as apeConfig, E as booleanToString, r as calendarConfigDefaults, pe as configureArticleOfferElement, ge as configureArticlePickerElement, xe as configureExternalArticleOfferElement, we as configureGalleryImageSelectorElement, _e as configureImagePickerElement, ke as configureInternalArticleOfferElement, Me as configurePartnerPickerElement, re as createNativeFetch, C as dataCardsSettingsDefaults, D as dataListConverters, J as dataListDefaults, w as dataListSettingsDefaults, T as dataTableSettingsDefaults, i as datePickerConfigDefaults, a as dateRangePickerConfigDefaults, W as debounce, z as deepMerge, Se as eaoeConfig, O as enumMap, k as formatCurrency, e as formatDate, A as formatNumber, te as getCurrentSite, V as getDefaultPaginator, G as getFilterParams, Z as getUrlParam, Te as gisConfig, Ae as iaoeConfig, j as identity, se as initRequest, ve as ipeConfig, X as isIpInUrl, Q as joinUrl, M as listToString, N as localToLocalString, t as parseDate, Ne as ppeconfig, $ as removeUrlParam, ee as setUrlParam, P as shortUuid, F as textEllipse, x as toast, ce as useArticleEditorService, de as useBackendService, le as useCurrentUser, I as utcToLocalString, ne as vTooltip };

package/dist/admins-components28.js

@@ -1,61 +1,45 @@
 import e from "./admins-components6.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";
+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, mergeProps as l, normalizeClass as u, openBlock as d, renderList as f, toDisplayString as p } 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 = {
+var m = { class: "ac-component" }, h = { class: "hc-header" }, g = { class: "hc-left" }, _ = { class: "hc-title-group" }, v = { class: "hc-title" }, y = {
 	key: 0,
 	class: "hc-toolbars"
-}, y = {
+}, b = {
 	icon: void 0,
 	showBackButton: !1,
 	toolbars: () => []
-}, b = /* @__PURE__ */ s({
+}, x = /* @__PURE__ */ s({
 	__name: "HeaderComponent",
 	props: /* @__PURE__ */ c({
 		title: {},
 		icon: {},
 		showBackButton: { type: Boolean },
 		toolbars: {}
-	}, { ...y }),
+	}, { ...b }),
 	emits: ["back"],
 	setup(s, { emit: c }) {
-		let y = s, b = c, x = n(() => {
+		let b = s, x = c, S = n(() => {
 			let e = {
 				left: 0,
 				center: 1,
 				right: 2
 			};
-			return [...y.toolbars].sort((t, n) => e[t.align] - e[n.align]);
+			return [...b.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, {
+		return (n, c) => (d(), a("div", m, [o("header", h, [o("div", g, [s.showBackButton ? (d(), 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", {
+			"aria-label": "Vissza",
+			onClick: c[0] ||= (e) => x("back")
+		})) : i("", !0), o("div", _, [s.icon ? (d(), 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", {
+			class: u([s.icon, "hc-title-icon"])
+		}, null, 2)) : i("", !0), o("h1", v, p(s.title), 1)])]), S.value.length ? (d(), a("div", y, [(d(!0), a(t, null, f(S.value, (n, i) => (d(), 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)])]));
+			class: u(["hc-buttons", `hc-buttons--${n.align}`])
+		}, [(d(!0), a(t, null, f(n.buttons, (t, n) => (d(), r(e, l({ key: n }, { ref_for: !0 }, t), null, 16))), 128))], 2))), 128))])) : i("", !0)])]));
 	}
 });
 //#endregion
-export { b as default, y as headerComponentDefaults };
+export { x as default, b as headerComponentDefaults };

package/dist/admins-components46.js

@@ -11,7 +11,7 @@ var i = /* @__PURE__ */ t({
 			class: "loader",
 			style: n({
 				width: t.size,
-				"--loader-thickness": `calc(${t.size} / 5)`
+				"--loader-thickness": `calc(${t.size} / 6)`
 			})
 		}, null, 4));
 	}

package/dist/admins-components57.js

@@ -1,15 +1,19 @@
 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";
+import t from "./admins-components48.js";
+import { getColumnValue as n } from "./admins-components55.js";
+import { shortUuid as r } from "./admins-components56.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, openBlock as d, resolveDirective as f, toDisplayString as p, withDirectives as m } 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,
+var h = {
+	key: 0,
+	class: "dc-loading"
+}, g = { key: 1 }, _ = ["innerHTML"], v = {
+	key: 2,
 	class: "dc-datetime"
-}, g = { class: "dc-datetime__part" }, _ = {
+}, y = { class: "dc-datetime__part" }, b = {
 	key: 0,
 	class: "dc-datetime__sep"
-}, v = { class: "dc-datetime__part" }, y = { key: 2 }, b = ["innerHTML"], x = /* @__PURE__ */ c({
+}, x = { class: "dc-datetime__part" }, S = { key: 3 }, C = ["innerHTML"], w = /* @__PURE__ */ u({
 	__name: "DataCell",
 	props: {
 		item: {},
@@ -19,10 +23,10 @@ var p = { key: 0 }, m = ["innerHTML"], h = {
 			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;
+	setup(u) {
+		let w = u, T = i(() => n(w.item, w.col)), E = i(() => r()(T.value)), D = i(() => {
+			if (w.col.type !== "datetime") return null;
+			let e = T.value;
 			if (!e) return {
 				date: "",
 				time: ""
@@ -36,25 +40,28 @@ var p = { key: 0 }, m = ["innerHTML"], h = {
 				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, {
+		return (n, r) => {
+			let i = f("tooltip");
+			return u.col.loading?.() ? (d(), s("span", h, [l(t, {
+				loading: !0,
+				size: "1rem"
+			})])) : u.col.type === "uuid" ? m((d(), s("span", g, [c("span", { innerHTML: E.value }, null, 8, _), u.copy && T.value ? (d(), a(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, {
+				value: T.value
+			}, null, 8, ["value"])) : o("", !0)])), [[i, T.value]]) : u.col.type === "datetime" ? (d(), s("span", v, [
+				c("span", y, p(D.value?.date), 1),
+				D.value?.time ? (d(), s("span", b)) : o("", !0),
+				c("span", x, p(D.value?.time), 1),
+				u.copy && T.value ? (d(), a(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, {
+					value: T.value
+				}, null, 8, ["value"])) : o("", !0)
+			])) : (d(), s("span", S, [c("span", { innerHTML: T.value }, null, 8, C), u.copy && T.value ? (d(), a(e, {
 				key: 0,
-				value: S.value
-			}, null, 8, ["value"])) : a("", !0)]));
+				value: T.value
+			}, null, 8, ["value"])) : o("", !0)]));
 		};
 	}
 });
 //#endregion
-export { x as default };
+export { w as default };

package/dist/admins-components59.js

@@ -10,10 +10,14 @@ import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d
 var E = { class: "c-table-wrapper ac-component" }, D = { key: 0 }, O = ["onClick"], k = {
 	key: 1,
 	class: "c-actions-header"
-}, A = ["onClick"], j = {
+}, A = { key: 0 }, j = ["onClick"], M = {
 	key: 1,
 	class: "c-actions-cell"
-}, M = { class: "c-actions-wrap" }, N = /* @__PURE__ */ g({
+}, N = { class: "c-actions-wrap" }, P = { key: 1 }, F = { class: "c-table__loading-row" }, I = ["colspan"], L = { class: "c-table__loading-wrap" }, R = {
+	key: 0,
+	class: "c-table__backdrop",
+	"aria-hidden": "true"
+}, z = /* @__PURE__ */ g({
 	__name: "DataTable",
 	props: {
 		config: {},
@@ -26,68 +30,67 @@ var E = { class: "c-table-wrapper ac-component" }, D = { key: 0 }, O = ["onClick
 	},
 	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 = {
+		let z = i, B = g, V = x(null), { selectedKeys: H, allSelected: U, toggle: W, toggleAll: G } = r(() => z.items, () => z.config.selectableAttr, (e) => B("selection-change", e)), K = l(() => z.config.columns.filter((e) => e.visible !== !1));
+		function q(e) {
+			let t = V.value?.key === e && V.value.direction === "asc" ? "desc" : "asc";
+			V.value = {
 				key: e,
 				direction: t
-			}, P("sort-change", {
+			}, B("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 }]),
+		return (r, l) => (b(), f("div", E, [p("table", {
+			class: v(["c-table", {
+				"is-compact": i.settings.compact,
+				"is-loading": i.loading
+			}]),
 			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)
+				class: v(["c-checkbox", { "c-checkbox--checked": w(U) }]),
+				onClick: l[0] ||= (...e) => w(G) && w(G)(...e)
 			}, null, 2)])) : d("", !0),
-			(b(!0), f(c, null, S(B.value, (e) => (b(), f("th", {
+			(b(!0), f(c, null, S(K.value, (e) => (b(), f("th", {
 				key: e.property,
 				class: v({
 					"c-sortable": e.sort,
-					"c-sortable--sorted": F.value?.key === e.property
+					"c-sortable--sorted": V.value?.key === e.property
 				}),
-				onClick: (t) => e.sort ? V(e.property) : void 0
+				onClick: (t) => e.sort ? q(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"
+					"fa-sort": V.value?.key !== e.property,
+					"fa-sort-down": V.value?.key === e.property && V.value.direction === "desc",
+					"fa-sort-up": V.value?.key === e.property && V.value.direction === "asc",
+					"c-sort-icon--active": V.value?.key === e.property,
+					"is-asc": V.value?.key === e.property && V.value.direction === "asc",
+					"is-desc": V.value?.key === e.property && V.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", {
+		])]), !i.loading || i.items.length > 0 ? (b(), f("tbody", A, [(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-selected": i.config.selectableAttr && w(H).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", {
+				onClick: T((e) => w(W)(n), ["stop"])
+			}, [p("span", { class: v(["c-checkbox", { "c-checkbox--checked": w(H).has(n[i.config.selectableAttr]) }]) }, null, 2)], 8, j)) : d("", !0),
+			(b(!0), f(c, null, S(K.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, _({
+			i.config.actions ? (b(), f("td", M, [p("div", N, [(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,
@@ -115,8 +118,17 @@ var E = { class: "c-table-wrapper ac-component" }, D = { key: 0 }, O = ["onClick
 				"ariaLabel",
 				"callback"
 			]))], 64))), 128))])])) : d("", !0)
-		], 2))), 128))])], 6))]));
+		], 2))), 128))])) : (b(), f("tbody", P, [p("tr", F, [p("td", {
+			colspan: K.value.length + +!!i.config.selectableAttr + +!!i.config.actions,
+			class: "c-table__loading-cell"
+		}, [p("div", L, [h(n, {
+			loading: !0,
+			size: "2.5rem"
+		})])], 8, I)])]))], 6), i.loading && i.items.length > 0 ? (b(), f("div", R, [h(n, {
+			loading: !0,
+			size: "2.5rem"
+		})])) : d("", !0)]));
 	}
 });
 //#endregion
-export { N as default };
+export { z as default };

package/dist/admins-components62.js

@@ -6,9 +6,16 @@ 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-components58.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";
+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, watch as E, withDirectives as D, withModifiers as O } 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__ */ _({
+var k = ["onClick", "onPointerdown"], A = ["onClick"], j = { class: "c-card__heading" }, M = { class: "c-card__label" }, N = ["innerHTML"], P = { class: "c-card__body" }, F = { class: "c-card__field-label" }, I = {
+	key: 1,
+	class: "c-cards__loading-wrap"
+}, L = {
+	key: 2,
+	class: "c-cards__backdrop",
+	"aria-hidden": "true"
+}, R = /* @__PURE__ */ _({
 	__name: "DataCards",
 	props: {
 		config: {},
@@ -21,10 +28,14 @@ var O = { class: "ac-component" }, k = ["onClick", "onPointerdown"], A = ["onCli
 	},
 	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;
+		let R = a, z = _, { selectedKeys: B, toggle: V } = i(() => R.items, () => R.config.selectableAttr, (e) => z("selection-change", e)), H = x(/* @__PURE__ */ new Set());
+		E(() => R.items, () => {
+			H.value = /* @__PURE__ */ new Set();
+		});
+		let U = d(() => R.config.columns.filter((e) => e.visible !== !1)), W = d(() => {
+			let e = R.settings;
 			if (e?.cardHeaderColumns) {
-				let t = B.value.filter((t) => e.cardHeaderColumns[t.property]);
+				let t = U.value.filter((t) => e.cardHeaderColumns[t.property]);
 				if (t.length > 0) {
 					if (e.cardHeaderOrder) {
 						let n = e.cardHeaderOrder;
@@ -36,84 +47,85 @@ var O = { class: "ac-component" }, k = ["onClick", "onPointerdown"], A = ["onCli
 					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);
+			let t = U.value.filter((e) => e.primary);
+			return t.length > 0 ? t : U.value.slice(0, 1);
+		}), G = null, K = !1;
+		function q(e, t) {
+			R.config.selectableAttr && e.button === 0 && (K = !1, G = setTimeout(() => {
+				K = !0, V(t);
 			}, 500));
 		}
-		function G() {
-			H &&= (clearTimeout(H), null);
+		function J() {
+			G &&= (clearTimeout(G), null);
 		}
-		function K(e) {
-			U && e.preventDefault();
+		function Y(e) {
+			K && e.preventDefault();
 		}
-		function q(e) {
-			if (U) {
-				U = !1;
+		function X(e) {
+			if (K) {
+				K = !1;
 				return;
 			}
-			J(e);
+			Z(e);
 		}
-		function J(e) {
-			z.value.has(e) ? z.value.delete(e) : z.value.add(e), z.value = new Set(z.value);
+		function Z(e) {
+			H.value.has(e) ? H.value.delete(e) : H.value.add(e), H.value = new Set(H.value);
 		}
-		return (i, d) => (b(), m("div", O, [a.loading ? (b(), f(r, {
+		return (i, d) => (b(), m("div", { class: y(["ac-component", { "is-loading": a.loading }]) }, [!a.loading || a.items.length > 0 ? (b(), m("div", {
 			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])
+				"is-open": H.value.has(i),
+				"is-selected": a.config.selectableAttr && w(B).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
+			onClick: (e) => X(i),
+			onPointerdown: (e) => q(e, r),
+			onPointerup: d[0] ||= (e) => J(),
+			onPointerleave: d[1] ||= (e) => J(),
+			onContextmenu: Y
 		}, [
 			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", {
+				onClick: O((e) => w(V)(r), ["stop"])
+			}, [h("span", { class: y(["c-card__check", { "is-checked": w(B).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(W.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))]),
+			}, [h("span", M, C(e.label), 1), h("span", {
+				class: y(["c-card__title", { "c-truncate": a.settings.compact && t === 0 }]),
+				innerHTML: w(s)(r, e)
+			}, null, 10, N)]))), 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", {
+		], 40, k), D(h("div", P, [(b(!0), m(u, null, S(U.value, (e) => (b(), m("div", {
 			key: e.property,
 			class: "c-card__field",
 			tabindex: "0"
 		}, [
-			h("span", P, C(e.label), 1),
+			h("span", F, C(e.label), 1),
 			g(l, {
 				item: r,
 				col: e,
 				class: "c-card__field-value",
 				copy: !1
 			}, null, 8, ["item", "col"]),
-			g(n, {
+			w(s)(r, e) ? (b(), f(n, {
+				key: 0,
 				class: "c-card__field-copy click-expand",
 				value: w(s)(r, e)
-			}, null, 8, ["value"])
+			}, null, 8, ["value"])) : p("", !0)
 		]))), 128)), a.config.actions ? (b(), m("div", {
 			key: 0,
 			class: "c-card__actions",
-			onClick: d[2] ||= D(() => {}, ["stop"])
+			onClick: d[2] ||= O(() => {}, ["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,
@@ -141,8 +153,14 @@ var O = { class: "ac-component" }, k = ["onClick", "onPointerdown"], A = ["onCli
 			"ariaLabel",
 			"disabled",
 			"callback"
-		]))], 64))), 128))])) : p("", !0)], 512), [[T, z.value.has(i)]])], 2))), 128))], 2))]));
+		]))], 64))), 128))])) : p("", !0)], 512), [[T, H.value.has(i)]])], 2))), 128))], 2)) : (b(), m("div", I, [g(r, {
+			loading: !0,
+			size: "2.5rem"
+		})])), a.loading && a.items.length > 0 ? (b(), m("div", L, [g(r, {
+			loading: !0,
+			size: "2.5rem"
+		})])) : p("", !0)], 2));
 	}
 });
 //#endregion
-export { F as default };
+export { R as default };

package/dist/admins-components66.js

@@ -59,14 +59,25 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 				let e = localStorage.getItem(R.value), t = z();
 				if (e) {
 					let n = JSON.parse(e);
-					L.value = n.settings ? ee(t, n.settings) : t;
+					L.value = n.settings ? ve(ee(t, n.settings), F.columns) : t;
 				} else L.value = t;
 			} catch {
 				L.value = z();
 			}
 			I("change", L.value);
 		}
-		function ve() {
+		function ve(e, t) {
+			let n = t.map((e) => e.property), r = (e) => {
+				let t = new Set(n), r = (e ?? []).filter((e) => t.has(e)), i = n.filter((e) => !r.includes(e));
+				return [...r, ...i];
+			};
+			return {
+				...e,
+				columnOrder: r(e.columnOrder),
+				cardHeaderOrder: r(e.cardHeaderOrder)
+			};
+		}
+		function ye() {
 			try {
 				let e = R.value, t = localStorage.getItem(e), n = t ? JSON.parse(t) : {};
 				n.settings = L.value, localStorage.setItem(e, JSON.stringify(n));
@@ -77,7 +88,7 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 			L.value = {
 				...L.value,
 				[e]: t
-			}, ve();
+			}, ye();
 		}
 		function V(e) {
 			B("columns", {
@@ -101,18 +112,18 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 			});
 		}
 		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) {
+		function be(e) {
 			q.value = e;
 		}
-		function be(e, t) {
+		function xe(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() {
+		function Se() {
 			q.value = null;
 		}
-		function Se(e) {
+		function Ce(e) {
 			J.value = J.value === e ? null : e;
 		}
 		function Z(e) {
@@ -122,18 +133,18 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 			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) {
+		function we(e) {
 			Y.value = e;
 		}
-		function we(e, t) {
+		function Q(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() {
+		function Te() {
 			Y.value = null;
 		}
-		function Te(e) {
+		function Ee(e) {
 			X.value = X.value === e ? null : e;
 		}
 		function $(e) {
@@ -143,7 +154,7 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 			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() {
+		function De() {
 			localStorage.removeItem(R.value), L.value = z(), I("change", L.value);
 		}
 		return h(_e), (n, r) => {
@@ -197,11 +208,11 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 								"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"]),
+							onDragstart: C((e) => p.orderable && we(t), ["stop"]),
+							onDragover: C((e) => p.orderable && Q(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"])
+							onDragend: r[8] ||= (e) => p.orderable && Te(),
+							onClick: C((n) => p.orderable ? Ee(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"])
@@ -226,11 +237,11 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 								"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"]),
+							onDragstart: C((e) => p.orderable && be(t), ["stop"]),
+							onDragover: C((e) => p.orderable && xe(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"])
+							onDragend: r[12] ||= (e) => p.orderable && Se(),
+							onClick: C((n) => p.orderable ? Ce(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"])
@@ -250,7 +261,7 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 					disabled: !ge.value,
 					label: "Alapértelmezés visszaállítása",
 					size: "small",
-					onClick: Ee
+					onClick: De
 				}, null, 8, ["disabled"]), f(e, {
 					label: "OK",
 					onClick: r[15] ||= (e) => I("close")