admins-components 9.0.65 → 9.0.66

package/dist/admins-components.js

@@ -27,39 +27,39 @@ import J from "./admins-components70.js";
 import { deepMerge as Y } from "./admins-components71.js";
 import X from "./admins-components74.js";
 import { getFullStorageKey as Z } from "./admins-components75.js";
-import { getUrlParam as Q, joinUrl as $, removeUrlParam as ee, setUrlParam as te } from "./admins-components76.js";
-import { getDefaultPaginator as ne } from "./admins-components77.js";
-import re from "./admins-components79.js";
-import { getDefaultSort as ie } from "./admins-components80.js";
-import { filterEmptyValues as ae, getDefaultFilters as oe, getDefaultSavedFilter as se, getFilterUrlParams as ce, getSavedFilters as le, writeFilterParams as ue } from "./admins-components84.js";
-import de from "./admins-components87.js";
-import fe from "./admins-components90.js";
-import pe from "./admins-components93.js";
-import { getDefaultSearch as me } from "./admins-components97.js";
-import { dataListDefaults as he, getDefaultFetchData as ge } from "./admins-components100.js";
-import _e from "./admins-components102.js";
-import { isIpInUrl as ve } from "./admins-components103.js";
-import { getCurrentSite as ye } from "./admins-components104.js";
-import { vTooltip as be } from "./admins-components105.js";
-import { createNativeFetch as xe } from "./admins-components106.js";
-import { FetchDetails as Se, FetchError as Ce, Methods as we, initRequest as Te } from "./admins-components107.js";
-import { useArticleEditorService as Ee } from "./admins-components108.js";
-import { useCurrentUser as De } from "./admins-components109.js";
-import { BackendService as Oe, useBackendService as ke } from "./admins-components110.js";
-import { aoeConfig as Ae, configureArticleOfferElement as je } from "./admins-components163.js";
-import Me from "./admins-components165.js";
-import { apeConfig as Ne, configureArticlePickerElement as Pe } from "./admins-components166.js";
-import { configureImagePickerElement as Fe, ipeConfig as Ie } from "./admins-components167.js";
-import Le from "./admins-components169.js";
-import Re from "./admins-components170.js";
-import { configureExternalArticleOfferElement as ze, eaoeConfig as Be } from "./admins-components171.js";
-import Ve from "./admins-components172.js";
-import { configureGalleryImageSelectorElement as He, gisConfig as Ue } from "./admins-components173.js";
-import We from "./admins-components174.js";
-import Ge from "./admins-components175.js";
-import Ke from "./admins-components176.js";
-import { configureInternalArticleOfferElement as qe, iaoeConfig as Je } from "./admins-components177.js";
-import Ye from "./admins-components178.js";
-import { configurePartnerPickerElement as Xe, ppeconfig as Ze } from "./admins-components179.js";
-import Qe from "./admins-components181.js";
-export { Me as ArticleOfferElement, Le as ArticlePickerElement, Oe as BackendService, u as Button, m as Calendar, v as Checkbox, E as ConfirmModal, D as CopyToClipboard, J as DataCards, fe as DataFilters, _e as DataList, X as DataListOptions, re as DataPaginator, q as DataTable, h as DatePicker, y as DateRangePicker, Re as DateTimePickerElement, S as DropdownMenu, x as DropdownSelect, k as ExternalArticleOffer, Ve as ExternalArticleOfferElement, Se as FetchDetails, Ce as FetchError, pe as FilterTags, de as FiltersHistory, We as GalleryImageSelectorElement, w as HeaderComponent, O as ImagePicker, Ke as ImagePickerDetailsElement, Ge as ImagePickerElement, A as InternalArticleOffer, Ye as InternalArticleOfferElement, b as Loader, we as Methods, T as Modal, Qe as PartnerPickerElement, C as Sidebar, _ as TextInput, M as ToastNotification, Ae as aoeConfig, Ne as apeConfig, I as booleanToString, d as calendarConfigDefaults, e as castToDate, je as configureArticleOfferElement, Pe as configureArticlePickerElement, ze as configureExternalArticleOfferElement, He as configureGalleryImageSelectorElement, Fe as configureImagePickerElement, qe as configureInternalArticleOfferElement, Xe as configurePartnerPickerElement, xe as createNativeFetch, N as dataCardsSettingsDefaults, L as dataListConverters, he as dataListDefaults, P as dataListSettingsDefaults, F as dataTableSettingsDefaults, f as datePickerConfigDefaults, p as dateRangePickerConfigDefaults, g as debounce, Y as deepMerge, Be as eaoeConfig, t as earlierOf, n as endOfDay, R as enumMap, ae as filterEmptyValues, z as formatCurrency, r as formatDate, B as formatNumber, ye as getCurrentSite, ge as getDefaultFetchData, oe as getDefaultFilters, ne as getDefaultPaginator, se as getDefaultSavedFilter, me as getDefaultSearch, ie as getDefaultSort, ce as getFilterUrlParams, Z as getFullStorageKey, le as getSavedFilters, Q as getUrlParam, Ue as gisConfig, Je as iaoeConfig, V as identity, Te as initRequest, Ie as ipeConfig, ve as isIpInUrl, $ as joinUrl, i as laterOf, H as listToString, U as localToLocalString, a as localToUTCString, o as parseDate, Ze as ppeconfig, ee as removeUrlParam, te as setUrlParam, W as shortUuid, s as startOfDay, c as startOfWeek, G as textEllipse, j as toast, Ee as useArticleEditorService, ke as useBackendService, De as useCurrentUser, K as utcToLocalString, l as utcToString, be as vTooltip, ue as writeFilterParams };
+import { getUrlParam as Q, joinUrl as $, navigateIframe as ee, removeUrlParam as te, setUrlParam as ne } from "./admins-components76.js";
+import { getDefaultPaginator as re } from "./admins-components77.js";
+import ie from "./admins-components79.js";
+import { getDefaultSort as ae } from "./admins-components80.js";
+import { filterEmptyValues as oe, getDefaultFilters as se, getDefaultSavedFilter as ce, getFilterUrlParams as le, getSavedFilters as ue, writeFilterParams as de } from "./admins-components84.js";
+import fe from "./admins-components87.js";
+import pe from "./admins-components90.js";
+import me from "./admins-components93.js";
+import { getDefaultSearch as he } from "./admins-components97.js";
+import { dataListDefaults as ge, getDefaultFetchData as _e } from "./admins-components100.js";
+import ve from "./admins-components102.js";
+import { isIpInUrl as ye } from "./admins-components103.js";
+import { getCurrentSite as be } from "./admins-components104.js";
+import { vTooltip as xe } from "./admins-components105.js";
+import { createNativeFetch as Se } from "./admins-components106.js";
+import { FetchDetails as Ce, FetchError as we, Methods as Te, initRequest as Ee } from "./admins-components107.js";
+import { useArticleEditorService as De } from "./admins-components108.js";
+import { useCurrentUser as Oe } from "./admins-components109.js";
+import { BackendService as ke, useBackendService as Ae } from "./admins-components110.js";
+import { aoeConfig as je, configureArticleOfferElement as Me } from "./admins-components163.js";
+import Ne from "./admins-components165.js";
+import { apeConfig as Pe, configureArticlePickerElement as Fe } from "./admins-components166.js";
+import { configureImagePickerElement as Ie, ipeConfig as Le } from "./admins-components167.js";
+import Re from "./admins-components169.js";
+import ze from "./admins-components170.js";
+import { configureExternalArticleOfferElement as Be, eaoeConfig as Ve } from "./admins-components171.js";
+import He from "./admins-components172.js";
+import { configureGalleryImageSelectorElement as Ue, gisConfig as We } from "./admins-components173.js";
+import Ge from "./admins-components174.js";
+import Ke from "./admins-components175.js";
+import qe from "./admins-components176.js";
+import { configureInternalArticleOfferElement as Je, iaoeConfig as Ye } from "./admins-components177.js";
+import Xe from "./admins-components178.js";
+import { configurePartnerPickerElement as Ze, ppeconfig as Qe } from "./admins-components179.js";
+import $e from "./admins-components181.js";
+export { Ne as ArticleOfferElement, Re as ArticlePickerElement, ke as BackendService, u as Button, m as Calendar, v as Checkbox, E as ConfirmModal, D as CopyToClipboard, J as DataCards, pe as DataFilters, ve as DataList, X as DataListOptions, ie as DataPaginator, q as DataTable, h as DatePicker, y as DateRangePicker, ze as DateTimePickerElement, S as DropdownMenu, x as DropdownSelect, k as ExternalArticleOffer, He as ExternalArticleOfferElement, Ce as FetchDetails, we as FetchError, me as FilterTags, fe as FiltersHistory, Ge as GalleryImageSelectorElement, w as HeaderComponent, O as ImagePicker, qe as ImagePickerDetailsElement, Ke as ImagePickerElement, A as InternalArticleOffer, Xe as InternalArticleOfferElement, b as Loader, Te as Methods, T as Modal, $e as PartnerPickerElement, C as Sidebar, _ as TextInput, M as ToastNotification, je as aoeConfig, Pe as apeConfig, I as booleanToString, d as calendarConfigDefaults, e as castToDate, Me as configureArticleOfferElement, Fe as configureArticlePickerElement, Be as configureExternalArticleOfferElement, Ue as configureGalleryImageSelectorElement, Ie as configureImagePickerElement, Je as configureInternalArticleOfferElement, Ze as configurePartnerPickerElement, Se as createNativeFetch, N as dataCardsSettingsDefaults, L as dataListConverters, ge as dataListDefaults, P as dataListSettingsDefaults, F as dataTableSettingsDefaults, f as datePickerConfigDefaults, p as dateRangePickerConfigDefaults, g as debounce, Y as deepMerge, Ve as eaoeConfig, t as earlierOf, n as endOfDay, R as enumMap, oe as filterEmptyValues, z as formatCurrency, r as formatDate, B as formatNumber, be as getCurrentSite, _e as getDefaultFetchData, se as getDefaultFilters, re as getDefaultPaginator, ce as getDefaultSavedFilter, he as getDefaultSearch, ae as getDefaultSort, le as getFilterUrlParams, Z as getFullStorageKey, ue as getSavedFilters, Q as getUrlParam, We as gisConfig, Ye as iaoeConfig, V as identity, Ee as initRequest, Le as ipeConfig, ye as isIpInUrl, $ as joinUrl, i as laterOf, H as listToString, U as localToLocalString, a as localToUTCString, ee as navigateIframe, o as parseDate, Qe as ppeconfig, te as removeUrlParam, ne as setUrlParam, W as shortUuid, s as startOfDay, c as startOfWeek, G as textEllipse, j as toast, De as useArticleEditorService, Ae as useBackendService, Oe as useCurrentUser, K as utcToLocalString, l as utcToString, xe as vTooltip, de as writeFilterParams };

package/dist/admins-components100.js

@@ -7,26 +7,27 @@ import a from "./admins-components79.js";
 import { getDefaultSort as o } from "./admins-components80.js";
 import s from "./admins-components82.js";
 import { getDefaultFilters as c } from "./admins-components84.js";
-import l from "./admins-components90.js";
-import ee from "./admins-components93.js";
-import te from "./admins-components96.js";
-import { getDefaultSearch as u } from "./admins-components97.js";
-import ne from "./admins-components99.js";
-import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as g, createVNode as _, defineComponent as v, guardReactiveProps as y, mergeDefaults as b, mergeProps as x, normalizeProps as S, onBeforeUnmount as C, onMounted as w, openBlock as T, ref as E, renderList as D, renderSlot as O, withCtx as k } from "vue";
+import ee from "./admins-components90.js";
+import l from "./admins-components93.js";
+import u from "./admins-components96.js";
+import { getDefaultSearch as d } from "./admins-components97.js";
+import te from "./admins-components99.js";
+import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createVNode as v, defineComponent as y, guardReactiveProps as b, mergeDefaults as x, mergeProps as S, normalizeClass as ne, normalizeProps as C, onBeforeUnmount as w, onMounted as re, openBlock as T, ref as E, renderList as D, renderSlot as O, withCtx as k } from "vue";
 //#region src/components/data-table/DataList.vue?vue&type=script&setup=true&lang.ts
-var re = { class: "ac-component" }, A = { class: "c-data-list__toolbar" }, j = {
+var A = { class: "c-data-list__toolbar" }, j = {
 	key: 2,
 	class: "flex-center gap-1 flex-center-wrap-on-mobile"
-}, M = { class: "flex-center ml-auto nowrap" }, N = {
+}, M = { class: "c-data-list__toolbar__right" }, N = {
 	layoutBreakpoint: 768,
 	orderable: !0,
 	loading: !1,
 	useSearch: !0,
 	useFilters: !0,
-	handleUrl: !1
+	handleUrl: !1,
+	fillHeight: !1
 };
 function P(e, t) {
-	let n = i(t), r = o(), a = u(), s = c(e, t, !0);
+	let n = i(t), r = o(), a = d(), s = c(e, t, !0);
 	return {
 		...n,
 		...r,
@@ -34,9 +35,9 @@ function P(e, t) {
 		...s
 	};
 }
-var F = /* @__PURE__ */ v({
+var F = /* @__PURE__ */ y({
 	__name: "DataList",
-	props: /* @__PURE__ */ b({
+	props: /* @__PURE__ */ x({
 		config: {},
 		items: {},
 		settings: {},
@@ -49,7 +50,8 @@ var F = /* @__PURE__ */ v({
 		useSearch: { type: Boolean },
 		useFilters: { type: Boolean },
 		searchConfig: {},
-		filterConfig: {}
+		filterConfig: {},
+		fillHeight: { type: Boolean }
 	}, {
 		...N,
 		searchConfig: void 0,
@@ -63,32 +65,32 @@ var F = /* @__PURE__ */ v({
 		"sort-change",
 		"search-change"
 	],
-	setup(i, { expose: u, emit: v }) {
-		let b = E(null), N = i;
+	setup(i, { expose: d, emit: y }) {
+		let x = E(null), N = i;
 		function P(e) {
 			let t = N[e];
 			return t && Object.hasOwn(t, "handleUrl") ? t.handleUrl : N.handleUrl;
 		}
-		let F = d(() => ({
+		let F = f(() => ({
 			...N.searchConfig,
 			handleUrl: P("searchConfig")
-		})), ie = d(() => ({
+		})), I = f(() => ({
 			...N.filterConfig,
 			handleUrl: P("filterConfig")
-		})), I = v, L = E(!1), R = E(!1), z = E(null), B = E(!1), V = E(null), H = E(!1), U = E(N.filterConfig?.items ? c(N.filterConfig.items, N.id, !1) : {}), W = null;
-		w(() => {
-			W = new ResizeObserver((e) => {
-				B.value = (e[0]?.contentRect.width ?? 0) < N.layoutBreakpoint;
-			}), V.value && W.observe(V.value);
-		}), C(() => W?.disconnect());
-		let G = d(() => {
-			let e = z.value?.layout;
-			return e === "table" || e === "cards" ? e : B.value ? "cards" : "table";
-		}), K = d(() => {
-			if (!z.value) return N.config;
-			let e = z.value.columnOrder, t = N.config.columns.map((e) => ({
+		})), L = y, R = E(!1), z = E(!1), B = E(null), V = E(!1), H = E(null), U = E(!1), W = E(N.filterConfig?.items ? c(N.filterConfig.items, N.id, !1) : {}), G = null;
+		re(() => {
+			G = new ResizeObserver((e) => {
+				V.value = (e[0]?.contentRect.width ?? 0) < N.layoutBreakpoint;
+			}), H.value && G.observe(H.value);
+		}), w(() => G?.disconnect());
+		let K = f(() => {
+			let e = B.value?.layout;
+			return e === "table" || e === "cards" ? e : V.value ? "cards" : "table";
+		}), q = f(() => {
+			if (!B.value) return N.config;
+			let e = B.value.columnOrder, t = N.config.columns.map((e) => ({
 				...e,
-				visible: z.value.columns[e.property] ?? e.visible !== !1
+				visible: B.value.columns[e.property] ?? e.visible !== !1
 			}));
 			return e?.length && t.sort((t, n) => {
 				let r = e.indexOf(t.property), i = e.indexOf(n.property);
@@ -98,55 +100,56 @@ var F = /* @__PURE__ */ v({
 				columns: t
 			};
 		});
-		function q(e) {
-			z.value = e, I("settings-change", e);
+		function J(e) {
+			B.value = e, L("settings-change", e);
 		}
-		u({
-			openOptions: () => L.value = !0,
-			closeOptions: () => L.value = !1,
-			openFilters: () => H.value = !0,
-			closeFilters: () => H.value = !1
+		d({
+			openOptions: () => R.value = !0,
+			closeOptions: () => R.value = !1,
+			openFilters: () => U.value = !0,
+			closeFilters: () => U.value = !1
 		});
-		async function J(e) {
-			H.value = !0, setTimeout(() => {
-				b.value?.focusFilter(e);
+		async function Y(e) {
+			U.value = !0, setTimeout(() => {
+				x.value?.focusFilter(e);
 			}, 300);
 		}
-		function ae(e) {
-			U.value = e.values, I("filter-change", e.transformed);
+		function ie(e) {
+			W.value = e.values, L("filter-change", e.transformed);
 		}
-		let Y = d(() => Object.values(U.value).filter((e) => e != null && e !== "").length), X = d(() => !!N.pagination && (N.items.length > 0 || !N.loading)), oe = (e) => {
-			I("search-change", e);
-		}, Z = d(() => N.config.columns.filter((e) => e.sort).map((e) => ({
+		let X = f(() => Object.values(W.value).filter((e) => e != null && e !== "").length), ae = f(() => !!N.pagination && (N.items.length > 0 || !N.loading)), oe = (e) => {
+			L("search-change", e);
+		}, Z = f(() => N.config.columns.filter((e) => e.sort).map((e) => ({
 			value: e.property,
 			label: e.label
 		}))), Q = E(N.handleUrl ? o() : null), $ = (e) => {
-			Q.value = e, I("sort-change", e);
+			Q.value = e, L("sort-change", e);
 		};
-		return (o, c) => (T(), m("div", re, [h("div", {
+		return (o, c) => (T(), h("div", {
 			ref_key: "root",
-			ref: V,
-			class: "c-data-list"
+			ref: H,
+			class: ne(["ac-component c-data-list", { "c-data-list--fill-height": i.fillHeight }])
 		}, [
-			h("div", A, [
-				i.useSearch ? (T(), f(ne, x({ key: 0 }, F.value, { onSearchChange: oe }), null, 16)) : p("", !0),
-				i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (T(), f(e, {
+			g("div", A, [
+				i.useSearch ? (T(), p(te, S({ key: 0 }, F.value, { onSearchChange: oe }), null, 16)) : m("", !0),
+				i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (T(), p(e, {
 					key: 1,
 					label: "Szűrők",
 					icon: "fa-solid fa-filter",
-					onClick: c[0] ||= (e) => H.value = !0,
+					onClick: c[0] ||= (e) => U.value = !0,
 					style: { "flex-shrink": "0" },
-					type: Y.value > 0 ? "info" : "normal",
-					indicator: Y.value > 0 ? Y.value : void 0
-				}, null, 8, ["type", "indicator"])) : p("", !0),
-				i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (T(), m("div", j, [_(ee, {
-					filters: U.value,
+					type: X.value > 0 ? "primary" : "normal",
+					indicator: X.value > 0 ? X.value : void 0
+				}, null, 8, ["type", "indicator"])) : m("", !0),
+				i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (T(), h("div", j, [v(l, {
+					filters: W.value,
 					items: i.filterConfig.items,
-					onRemove: c[1] ||= (e) => b.value?.clearFilter(e),
-					onOpenFilter: J
-				}, null, 8, ["filters", "items"])])) : p("", !0),
-				h("div", M, [
-					Z.value.length > 0 ? (T(), f(s, {
+					compact: "",
+					onRemove: c[1] ||= (e) => x.value?.clearFilter(e),
+					onOpenFilter: Y
+				}, null, 8, ["filters", "items"])])) : m("", !0),
+				g("div", M, [
+					Z.value.length > 0 ? (T(), p(s, {
 						key: 0,
 						modelValue: Q.value,
 						"onUpdate:modelValue": c[2] ||= (e) => Q.value = e,
@@ -157,87 +160,89 @@ var F = /* @__PURE__ */ v({
 						"modelValue",
 						"options",
 						"handle-url"
-					])) : p("", !0),
-					_(e, {
+					])) : m("", !0),
+					v(e, {
 						icon: "fa-solid fa-gear",
 						class: "lh-normal settings-btn",
-						onClick: c[3] ||= (e) => L.value = !0
+						ariaLabel: "Beállítások",
+						onClick: c[3] ||= (e) => R.value = !0
 					}),
-					_(e, {
+					v(e, {
 						icon: "fa-solid fa-question",
 						class: "lh-normal",
-						onClick: c[4] ||= (e) => R.value = !0
+						onClick: c[4] ||= (e) => z.value = !0,
+						ariaLabel: "Súgó"
 					})
 				])
 			]),
-			i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (T(), f(l, x({
+			i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (T(), p(ee, S({
 				key: 0,
 				ref_key: "dataFiltersRef",
-				ref: b
-			}, ie.value, {
+				ref: x
+			}, I.value, {
 				"storage-key": i.id,
-				open: H.value,
-				onClose: c[5] ||= (e) => H.value = !1,
-				onChange: ae
-			}), null, 16, ["storage-key", "open"])) : p("", !0),
-			_(te, {
-				open: R.value,
-				onClose: c[6] ||= (e) => R.value = !1
+				open: U.value,
+				onClose: c[5] ||= (e) => U.value = !1,
+				onChange: ie
+			}), null, 16, ["storage-key", "open"])) : m("", !0),
+			v(u, {
+				open: z.value,
+				onClose: c[6] ||= (e) => z.value = !1
 			}, null, 8, ["open"]),
-			G.value === "table" ? (T(), f(t, {
+			K.value === "table" ? (T(), p(t, {
 				key: 1,
-				config: K.value,
+				config: q.value,
 				loading: i.loading,
 				items: i.items,
-				settings: z.value ?? void 0,
+				settings: B.value ?? void 0,
 				"initial-sort": Q.value,
-				onFilterChange: c[7] ||= (e) => I("filter-change", e),
-				onSelectionChange: c[8] ||= (e) => I("selection-change", e),
+				onFilterChange: c[7] ||= (e) => L("filter-change", e),
+				onSelectionChange: c[8] ||= (e) => L("selection-change", e),
 				onSortChange: $
-			}, g({ _: 2 }, [D(K.value.columns, (e) => ({
+			}, _({ _: 2 }, [D(q.value.columns, (e) => ({
 				name: `cell:${e.property}`,
-				fn: k((t) => [O(o.$slots, `cell:${e.property}`, S(y(t)))])
+				fn: k((t) => [O(o.$slots, `cell:${e.property}`, C(b(t)))])
 			}))]), 1032, [
 				"config",
 				"loading",
 				"items",
 				"settings",
 				"initial-sort"
-			])) : (T(), f(n, {
+			])) : (T(), p(n, {
 				key: 2,
-				config: K.value,
+				config: q.value,
 				loading: i.loading,
 				items: i.items,
-				settings: z.value ?? void 0,
-				onSelectionChange: c[9] ||= (e) => I("selection-change", e)
-			}, g({ _: 2 }, [D(K.value.columns, (e) => ({
+				settings: B.value ?? void 0,
+				onSelectionChange: c[9] ||= (e) => L("selection-change", e)
+			}, _({ _: 2 }, [D(q.value.columns, (e) => ({
 				name: `cell:${e.property}`,
-				fn: k((t) => [O(o.$slots, `cell:${e.property}`, S(y(t)))])
+				fn: k((t) => [O(o.$slots, `cell:${e.property}`, C(b(t)))])
 			}))]), 1032, [
 				"config",
 				"loading",
 				"items",
 				"settings"
 			])),
-			i.pagination && X.value ? (T(), f(a, {
+			i.pagination && ae.value ? (T(), p(a, {
 				key: 3,
 				settings: i.pagination,
 				"storage-key": i.id,
 				"handle-url": i.handleUrl,
-				"onUpdate:pagination": c[10] ||= (e) => I("pagination-change", e)
+				"onUpdate:pagination": c[10] ||= (e) => L("pagination-change", e)
 			}, null, 8, [
 				"settings",
 				"storage-key",
 				"handle-url"
-			])) : p("", !0),
-			_(r, {
-				open: L.value,
+			])) : m("", !0),
+			v(r, {
+				open: R.value,
 				columns: i.config.columns,
 				settings: i.settings ?? {},
 				"storage-key": i.id,
 				orderable: i.orderable,
-				onClose: c[11] ||= (e) => L.value = !1,
-				onChange: q
+				onClose: c[11] ||= (e) => R.value = !1,
+				onChange: J
 			}, null, 8, [
 				"open",
 				"columns",
@@ -245,7 +250,7 @@ var F = /* @__PURE__ */ v({
 				"storage-key",
 				"orderable"
 			])
-		], 512)]));
+		], 2));
 	}
 });
 //#endregion

package/dist/admins-components100.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components100.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilters(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' } | null]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items ? getDefaultFilters(props.filterConfig.items, props.id, false) : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.sort((a, b) => {\n      const ai = order.indexOf(a.property)\n      const bi = order.indexOf(b.property)\n      return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n    })\n  }\n  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\nconst sortableColumns = computed<DataSortOption[]>(() =>\n  props.config.columns.filter((c) => c.sort).map((c) => ({ value: c.property, label: c.label })),\n)\n\nconst currentSort = ref<{ key: string; direction: 'asc' | 'desc' } | null>(\n  props.handleUrl ? getDefaultSort() : null,\n)\n\nconst onSortChange = (sort: { key: string; direction: 'asc' | 'desc' } | null) => {\n  currentSort.value = sort\n  // DataSort already writes the URL when handleUrl: true; we only emit.\n  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <div class=\"c-data-list__toolbar\">\n        <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n        <Button\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n          label=\"Szűrők\"\n          icon=\"fa-solid fa-filter\"\n          @click=\"showFilters = true\"\n          style=\"flex-shrink: 0\"\n          :type=\"activeFiltersCount > 0 ? 'info' : 'normal'\"\n          :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n        />\n        <div\n          class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        >\n          <FilterTags\n            :filters=\"activeFilters\"\n            :items=\"filterConfig.items\"\n            @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n            @openFilter=\"openFilter\"\n          />\n        </div>\n        <div class=\"flex-center ml-auto nowrap\">\n          <DataSort\n            v-if=\"sortableColumns.length > 0\"\n            v-model=\"currentSort\"\n            :options=\"sortableColumns\"\n            :handle-url=\"handleUrl\"\n            @sort-change=\"onSortChange\"\n          />\n\n          <Button\n            icon=\"fa-solid fa-gear\"\n            class=\"lh-normal settings-btn\"\n            @click=\"showOptions = true\"\n          />\n          <Button icon=\"fa-solid fa-question\" class=\"lh-normal\" @click=\"showGuide = true\" />\n        </div>\n      </div>\n      <DataFilters\n        ref=\"dataFiltersRef\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        v-bind=\"mergedFilterConfig\"\n        :storage-key=\"id\"\n        :open=\"showFilters\"\n        @close=\"showFilters = false\"\n        @change=\"onFilterChange\"\n      />\n      <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n      <DataTable\n        v-if=\"effectiveLayout === 'table'\"\n        :config=\"internalConfig\"\n        :loading=\"loading\"\n        :items=\"items\"\n        :settings=\"resolvedSettings ?? undefined\"\n        :initial-sort=\"currentSort\"\n        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"onSortChange\"\n      >\n        <template\n          v-for=\"col in internalConfig.columns\"\n          :key=\"col.property\"\n          #[`cell:${col.property}`]=\"slotProps\"\n        >\n          <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n        </template>\n      </DataTable>\n\n      <DataCards\n        v-else\n        :config=\"internalConfig\"\n        :loading=\"loading\"\n        :items=\"items\"\n        :settings=\"resolvedSettings ?? undefined\"\n        @selection-change=\"emit('selection-change', $event)\"\n      >\n        <template\n          v-for=\"col in internalConfig.columns\"\n          :key=\"col.property\"\n          #[`cell:${col.property}`]=\"slotProps\"\n        >\n          <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n        </template>\n      </DataCards>\n\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\n        :handle-url=\"handleUrl\"\n        @update:pagination=\"emit('pagination-change', $event)\"\n      />\n\n      <DataListOptions\n        :open=\"showOptions\"\n        :columns=\"config.columns\"\n        :settings=\"settings ?? {}\"\n        :storage-key=\"id\"\n        :orderable=\"orderable\"\n        @close=\"showOptions = false\"\n        @change=\"onSettingsChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components100.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n  /**\n   * If true, the table wrapper fills its parent column instead of capping\n   * at `--data-list-max-height`. The parent must be a flex column with a\n   * definite height for the tbody to scroll inside the wrapper.\n   */\n  fillHeight?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n  fillHeight: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilters(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' } | null]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items ? getDefaultFilters(props.filterConfig.items, props.id, false) : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.sort((a, b) => {\n      const ai = order.indexOf(a.property)\n      const bi = order.indexOf(b.property)\n      return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n    })\n  }\n  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\nconst sortableColumns = computed<DataSortOption[]>(() =>\n  props.config.columns.filter((c) => c.sort).map((c) => ({ value: c.property, label: c.label })),\n)\n\nconst currentSort = ref<{ key: string; direction: 'asc' | 'desc' } | null>(\n  props.handleUrl ? getDefaultSort() : null,\n)\n\nconst onSortChange = (sort: { key: string; direction: 'asc' | 'desc' } | null) => {\n  currentSort.value = sort\n  // DataSort already writes the URL when handleUrl: true; we only emit.\n  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    class=\"ac-component c-data-list\"\n    :class=\"{ 'c-data-list--fill-height': fillHeight }\"\n  >\n    <div class=\"c-data-list__toolbar\">\n      <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n      <Button\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        label=\"Szűrők\"\n        icon=\"fa-solid fa-filter\"\n        @click=\"showFilters = true\"\n        style=\"flex-shrink: 0\"\n        :type=\"activeFiltersCount > 0 ? 'primary' : 'normal'\"\n        :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n      />\n      <div\n        class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      >\n        <FilterTags\n          :filters=\"activeFilters\"\n          :items=\"filterConfig.items\"\n          compact\n          @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n          @openFilter=\"openFilter\"\n        />\n      </div>\n      <div class=\"c-data-list__toolbar__right\">\n        <DataSort\n          v-if=\"sortableColumns.length > 0\"\n          v-model=\"currentSort\"\n          :options=\"sortableColumns\"\n          :handle-url=\"handleUrl\"\n          @sort-change=\"onSortChange\"\n        />\n\n        <Button\n          icon=\"fa-solid fa-gear\"\n          class=\"lh-normal settings-btn\"\n          ariaLabel=\"Beállítások\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          icon=\"fa-solid fa-question\"\n          class=\"lh-normal\"\n          @click=\"showGuide = true\"\n          ariaLabel=\"Súgó\"\n        />\n      </div>\n    </div>\n    <DataFilters\n      ref=\"dataFiltersRef\"\n      v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      v-bind=\"mergedFilterConfig\"\n      :storage-key=\"id\"\n      :open=\"showFilters\"\n      @close=\"showFilters = false\"\n      @change=\"onFilterChange\"\n    />\n    <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n    <DataTable\n      v-if=\"effectiveLayout === 'table'\"\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      :initial-sort=\"currentSort\"\n      @filter-change=\"emit('filter-change', $event)\"\n      @selection-change=\"emit('selection-change', $event)\"\n      @sort-change=\"onSortChange\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n    </DataTable>\n\n    <DataCards\n      v-else\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      @selection-change=\"emit('selection-change', $event)\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n    </DataCards>\n\n    <DataPaginator\n      v-if=\"pagination && showPaginator\"\n      :settings=\"pagination\"\n      :storage-key=\"id\"\n      :handle-url=\"handleUrl\"\n      @update:pagination=\"emit('pagination-change', $event)\"\n    />\n\n    <DataListOptions\n      :open=\"showOptions\"\n      :columns=\"config.columns\"\n      :settings=\"settings ?? {}\"\n      :storage-key=\"id\"\n      :orderable=\"orderable\"\n      @close=\"showOptions = false\"\n      @change=\"onSettingsChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components102.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components102.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilters(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' } | null]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items ? getDefaultFilters(props.filterConfig.items, props.id, false) : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.sort((a, b) => {\n      const ai = order.indexOf(a.property)\n      const bi = order.indexOf(b.property)\n      return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n    })\n  }\n  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\nconst sortableColumns = computed<DataSortOption[]>(() =>\n  props.config.columns.filter((c) => c.sort).map((c) => ({ value: c.property, label: c.label })),\n)\n\nconst currentSort = ref<{ key: string; direction: 'asc' | 'desc' } | null>(\n  props.handleUrl ? getDefaultSort() : null,\n)\n\nconst onSortChange = (sort: { key: string; direction: 'asc' | 'desc' } | null) => {\n  currentSort.value = sort\n  // DataSort already writes the URL when handleUrl: true; we only emit.\n  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <div class=\"c-data-list__toolbar\">\n        <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n        <Button\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n          label=\"Szűrők\"\n          icon=\"fa-solid fa-filter\"\n          @click=\"showFilters = true\"\n          style=\"flex-shrink: 0\"\n          :type=\"activeFiltersCount > 0 ? 'info' : 'normal'\"\n          :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n        />\n        <div\n          class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        >\n          <FilterTags\n            :filters=\"activeFilters\"\n            :items=\"filterConfig.items\"\n            @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n            @openFilter=\"openFilter\"\n          />\n        </div>\n        <div class=\"flex-center ml-auto nowrap\">\n          <DataSort\n            v-if=\"sortableColumns.length > 0\"\n            v-model=\"currentSort\"\n            :options=\"sortableColumns\"\n            :handle-url=\"handleUrl\"\n            @sort-change=\"onSortChange\"\n          />\n\n          <Button\n            icon=\"fa-solid fa-gear\"\n            class=\"lh-normal settings-btn\"\n            @click=\"showOptions = true\"\n          />\n          <Button icon=\"fa-solid fa-question\" class=\"lh-normal\" @click=\"showGuide = true\" />\n        </div>\n      </div>\n      <DataFilters\n        ref=\"dataFiltersRef\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        v-bind=\"mergedFilterConfig\"\n        :storage-key=\"id\"\n        :open=\"showFilters\"\n        @close=\"showFilters = false\"\n        @change=\"onFilterChange\"\n      />\n      <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n      <DataTable\n        v-if=\"effectiveLayout === 'table'\"\n        :config=\"internalConfig\"\n        :loading=\"loading\"\n        :items=\"items\"\n        :settings=\"resolvedSettings ?? undefined\"\n        :initial-sort=\"currentSort\"\n        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"onSortChange\"\n      >\n        <template\n          v-for=\"col in internalConfig.columns\"\n          :key=\"col.property\"\n          #[`cell:${col.property}`]=\"slotProps\"\n        >\n          <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n        </template>\n      </DataTable>\n\n      <DataCards\n        v-else\n        :config=\"internalConfig\"\n        :loading=\"loading\"\n        :items=\"items\"\n        :settings=\"resolvedSettings ?? undefined\"\n        @selection-change=\"emit('selection-change', $event)\"\n      >\n        <template\n          v-for=\"col in internalConfig.columns\"\n          :key=\"col.property\"\n          #[`cell:${col.property}`]=\"slotProps\"\n        >\n          <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n        </template>\n      </DataCards>\n\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\n        :handle-url=\"handleUrl\"\n        @update:pagination=\"emit('pagination-change', $event)\"\n      />\n\n      <DataListOptions\n        :open=\"showOptions\"\n        :columns=\"config.columns\"\n        :settings=\"settings ?? {}\"\n        :storage-key=\"id\"\n        :orderable=\"orderable\"\n        @close=\"showOptions = false\"\n        @change=\"onSettingsChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components102.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n  /**\n   * If true, the table wrapper fills its parent column instead of capping\n   * at `--data-list-max-height`. The parent must be a flex column with a\n   * definite height for the tbody to scroll inside the wrapper.\n   */\n  fillHeight?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n  fillHeight: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilters(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' } | null]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items ? getDefaultFilters(props.filterConfig.items, props.id, false) : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.sort((a, b) => {\n      const ai = order.indexOf(a.property)\n      const bi = order.indexOf(b.property)\n      return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n    })\n  }\n  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\nconst sortableColumns = computed<DataSortOption[]>(() =>\n  props.config.columns.filter((c) => c.sort).map((c) => ({ value: c.property, label: c.label })),\n)\n\nconst currentSort = ref<{ key: string; direction: 'asc' | 'desc' } | null>(\n  props.handleUrl ? getDefaultSort() : null,\n)\n\nconst onSortChange = (sort: { key: string; direction: 'asc' | 'desc' } | null) => {\n  currentSort.value = sort\n  // DataSort already writes the URL when handleUrl: true; we only emit.\n  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    class=\"ac-component c-data-list\"\n    :class=\"{ 'c-data-list--fill-height': fillHeight }\"\n  >\n    <div class=\"c-data-list__toolbar\">\n      <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n      <Button\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        label=\"Szűrők\"\n        icon=\"fa-solid fa-filter\"\n        @click=\"showFilters = true\"\n        style=\"flex-shrink: 0\"\n        :type=\"activeFiltersCount > 0 ? 'primary' : 'normal'\"\n        :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n      />\n      <div\n        class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      >\n        <FilterTags\n          :filters=\"activeFilters\"\n          :items=\"filterConfig.items\"\n          compact\n          @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n          @openFilter=\"openFilter\"\n        />\n      </div>\n      <div class=\"c-data-list__toolbar__right\">\n        <DataSort\n          v-if=\"sortableColumns.length > 0\"\n          v-model=\"currentSort\"\n          :options=\"sortableColumns\"\n          :handle-url=\"handleUrl\"\n          @sort-change=\"onSortChange\"\n        />\n\n        <Button\n          icon=\"fa-solid fa-gear\"\n          class=\"lh-normal settings-btn\"\n          ariaLabel=\"Beállítások\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          icon=\"fa-solid fa-question\"\n          class=\"lh-normal\"\n          @click=\"showGuide = true\"\n          ariaLabel=\"Súgó\"\n        />\n      </div>\n    </div>\n    <DataFilters\n      ref=\"dataFiltersRef\"\n      v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      v-bind=\"mergedFilterConfig\"\n      :storage-key=\"id\"\n      :open=\"showFilters\"\n      @close=\"showFilters = false\"\n      @change=\"onFilterChange\"\n    />\n    <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n    <DataTable\n      v-if=\"effectiveLayout === 'table'\"\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      :initial-sort=\"currentSort\"\n      @filter-change=\"emit('filter-change', $event)\"\n      @selection-change=\"emit('selection-change', $event)\"\n      @sort-change=\"onSortChange\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n    </DataTable>\n\n    <DataCards\n      v-else\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      @selection-change=\"emit('selection-change', $event)\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n    </DataCards>\n\n    <DataPaginator\n      v-if=\"pagination && showPaginator\"\n      :settings=\"pagination\"\n      :storage-key=\"id\"\n      :handle-url=\"handleUrl\"\n      @update:pagination=\"emit('pagination-change', $event)\"\n    />\n\n    <DataListOptions\n      :open=\"showOptions\"\n      :columns=\"config.columns\"\n      :settings=\"settings ?? {}\"\n      :storage-key=\"id\"\n      :orderable=\"orderable\"\n      @close=\"showOptions = false\"\n      @change=\"onSettingsChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}

package/dist/admins-components21.js

@@ -206,7 +206,7 @@ var ce = { class: "ac-component" }, le = { class: "drp-input" }, ue = { class: "
 				P.value.showPresets ? (b(), h("div", xe, [
 					T((b(), h("span", Se, [_(a, {
 						icon: "fa-solid fa-chevron-left",
-						class: "drp-toolbar__stepper left",
+						class: "drp-toolbar__stepper drp-toolbar__stepper--left",
 						disabled: !X.value,
 						onClick: t[2] ||= (e) => Q(-1)
 					}, null, 8, ["disabled"])])), [[n, X.value ? "Intervallum mozgatása visszafelé" : "Nem léphető tovább a minimum dátum miatt"]]),
@@ -223,7 +223,7 @@ var ce = { class: "ac-component" }, le = { class: "drp-input" }, ue = { class: "
 						icon: "fa-solid fa-chevron-right",
 						disabled: !Z.value,
 						onClick: t[3] ||= (e) => Q(1),
-						class: "drp-toolbar__stepper right"
+						class: "drp-toolbar__stepper drp-toolbar__stepper--right"
 					}, null, 8, ["disabled"])])), [[n, Z.value ? "Intervallum mozgatása előre" : "Nem léphető tovább a maximum dátum miatt"]])
 				])) : m("", !0),
 				P.value.showClearButton || P.value.showOkButton || P.value.lazy ? (b(), h("div", k, [P.value.showClearButton ? (b(), p(a, {