admins-components 9.0.3 → 9.0.5

package/dist/admins-components68.js

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

package/dist/admins-components7.js

@@ -1,30 +1,253 @@
-//#region src/types/datepickers.ts
-var e = {
-	showTime: !1,
-	minDate: /* @__PURE__ */ new Date("1990-01-01"),
-	maxDate: new Date(Date.now() + 10 * 365 * 24 * 60 * 60 * 1e3),
-	showWeekNumber: !0,
-	locale: "hu-HU",
-	highlightWeekends: !0,
-	showOkButton: !1,
-	showClearButton: !1
-}, t = {
-	...e,
-	showOkButton: !0,
-	showClearButton: !0,
-	placeholder: "YYYY-MM-DD",
-	size: "normal"
-}, n = {
-	...e,
-	placeholderFrom: "Ettől",
-	placeholderTo: "Eddig",
-	showOkButton: !0,
-	showClearButton: !0,
-	showIcon: !1,
-	showPresets: !0,
-	size: "normal",
-	lazy: !0,
-	compact: !1
-};
+import { formatDate as e, parseDate as t } from "./admins-components3.js";
+import n from "./admins-components5.js";
+import { calendarConfigDefaults as r } from "./admins-components6.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as ee, defineComponent as u, nextTick as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, resolveDirective as te, toDisplayString as g, unref as _, useTemplateRef as v, watch as ne, withDirectives as re } from "vue";
+//#region src/components/Calendar.vue?vue&type=script&setup=true&lang.ts
+var ie = { class: "dp-calendar ac-component" }, ae = { class: "dp-header" }, oe = ["aria-label"], se = { class: "dp-header-labels" }, y = ["aria-label", "aria-hidden"], ce = ["onClick"], le = {
+	key: 1,
+	class: "dp-picker-grid dp-month-picker dp-picker-grid--3col"
+}, ue = ["onClick"], b = {
+	key: 0,
+	class: "dp-weekday dp-weekday--week"
+}, de = ["disabled", "onClick"], fe = {
+	key: 0,
+	class: "c-footer"
+}, pe = { class: "dp-time-inputs" }, me = ["value", "disabled"], he = ["value", "disabled"], x = /*@__PURE__*/ u({
+	__name: "Calendar",
+	props: {
+		modelValue: {},
+		config: { default: () => ({ ...r }) }
+	},
+	emits: ["update:modelValue", "confirm"],
+	setup(u, { emit: x }) {
+		let S = u, C = x, w = a(() => ({
+			...r,
+			...S.config
+		})), T = a(() => w.value.format ?? (w.value.showTime ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD"));
+		function E(e) {
+			return e ? t(e, T.value) : null;
+		}
+		let D = E(S.modelValue), O = m(D?.getMonth() ?? (/* @__PURE__ */ new Date()).getMonth()), k = m(D?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear()), A = m(D), j = m(D?.getHours() ?? 0), M = m(D?.getMinutes() ?? 0), N = m(null);
+		ne(() => S.modelValue, (e) => {
+			let t = E(e ?? null);
+			t ? (A.value = t, O.value = t.getMonth(), k.value = t.getFullYear(), j.value = t.getHours(), M.value = t.getMinutes()) : A.value = null;
+		});
+		let P = a(() => Array.from({ length: 7 }, (e, t) => new Date(2024, 0, t + 1).toLocaleDateString(w.value.locale, { weekday: "narrow" }))), F = a(() => new Date(k.value, O.value).toLocaleDateString(w.value.locale, { month: "long" })), I = a(() => Array.from({ length: 12 }, (e, t) => new Date(2024, t).toLocaleDateString(w.value.locale, { month: "long" }))), L = a(() => {
+			let e = new Date(k.value, O.value, 1), t = new Date(k.value, O.value + 1, 0), n = (e.getDay() + 6) % 7, r = [];
+			for (let e = n - 1; e >= 0; e--) r.push({
+				date: new Date(k.value, O.value, -e),
+				currentMonth: !1,
+				disabled: V(new Date(k.value, O.value, -e))
+			});
+			for (let e = 1; e <= t.getDate(); e++) r.push({
+				date: new Date(k.value, O.value, e),
+				currentMonth: !0,
+				disabled: V(new Date(k.value, O.value, e))
+			});
+			for (let e = 1; r.length < 35; e++) r.push({
+				date: new Date(k.value, O.value + 1, e),
+				currentMonth: !1,
+				disabled: V(new Date(k.value, O.value + 1, e))
+			});
+			return r;
+		});
+		function R(e) {
+			let t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate())), n = (t.getUTCDay() + 6) % 7;
+			t.setUTCDate(t.getUTCDate() - n + 3);
+			let r = new Date(Date.UTC(t.getUTCFullYear(), 0, 4)), i = (t.getTime() - r.getTime()) / 864e5;
+			return 1 + Math.round((i - 3 + (r.getUTCDay() + 6) % 7) / 7);
+		}
+		let z = a(() => {
+			let e = [];
+			for (let t = 0; t < 6; t++) {
+				let n = L.value[t * 7]?.date;
+				e.push(n ? R(n) : 0);
+			}
+			return e;
+		});
+		function B(e) {
+			return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+		}
+		function V(e) {
+			return w.value.minDate && e < B(w.value.minDate) || w.value.maxDate && e > B(w.value.maxDate) || !1;
+		}
+		function ge(e) {
+			return e.getDay() === 0 || e.getDay() === 6;
+		}
+		function H(e, t) {
+			return !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+		}
+		function _e(e) {
+			return H(e, /* @__PURE__ */ new Date());
+		}
+		function U(e) {
+			let t = new Date(k.value, O.value + e, 1);
+			k.value = t.getFullYear(), O.value = t.getMonth();
+		}
+		function W() {
+			N.value = null;
+		}
+		function ve() {
+			N.value ? W() : U(-1);
+		}
+		function ye() {
+			N.value ? W() : U(1);
+		}
+		let be = a(() => Array.from({ length: (/* @__PURE__ */ new Date()).getFullYear() + 3 - 2e3 + 1 }, (e, t) => 2e3 + t)), G = v("yearPickerRef");
+		function K(e) {
+			N.value = N.value === e ? null : e, N.value === "year" && d(() => {
+				let e = G.value, t = e?.querySelector(".dp-picker-item--selected");
+				t && e ? e.scrollTop = t.offsetTop - e.offsetHeight / 2 + t.offsetHeight / 2 : e && (e.scrollTop = e.scrollHeight);
+			});
+		}
+		function xe(e) {
+			k.value = e, N.value = null;
+		}
+		function Se(e) {
+			O.value = e, N.value = null;
+		}
+		function Ce(e) {
+			e.disabled || (A.value = new Date(e.date), q(), w.value.showTime && d(() => Z.value?.focus()));
+		}
+		function q() {
+			if (!A.value) {
+				C("update:modelValue", null);
+				return;
+			}
+			let t = new Date(A.value);
+			w.value.showTime ? t.setHours(j.value, M.value, 0, 0) : t.setHours(0, 0, 0, 0), C("update:modelValue", e(t, T.value));
+		}
+		function we() {
+			A.value = null, j.value = 0, M.value = 0, C("update:modelValue", null);
+		}
+		function J(e, t) {
+			return a({
+				get: () => String(t.value).padStart(2, "0"),
+				set: (n) => {
+					t.value = Math.min(e, Math.max(0, parseInt(n) || 0));
+				}
+			});
+		}
+		let Y = J(23, j), X = J(59, M), Z = v("hoursInput"), Q = v("minutesInput");
+		function $(e, t) {
+			let n = t.target;
+			e === "hours" ? (Y.value = n.value, n.value.length >= 2 && (Q.value?.focus(), Q.value?.select())) : (X.value = n.value, n.value.length >= 2 && n.blur()), q();
+		}
+		return (e, t) => {
+			let r = te("tooltip");
+			return p(), c("div", ie, [l("div", ae, [
+				l("button", {
+					class: "dp-nav-btn",
+					type: "button",
+					"aria-label": N.value ? "Back to days" : "Previous",
+					onClick: ve
+				}, [...t[7] ||= [l("i", { class: "fa-solid fa-chevron-left" }, null, -1)]], 8, oe),
+				l("div", se, [l("span", {
+					class: "dp-header-labels--item",
+					onClick: t[0] ||= (e) => K("year")
+				}, g(k.value), 1), l("span", {
+					class: "dp-header-labels--item",
+					onClick: t[1] ||= (e) => K("month")
+				}, g(F.value), 1)]),
+				l("button", {
+					class: f(["dp-nav-btn", { "dp-nav-btn--spacer": N.value !== null }]),
+					type: "button",
+					"aria-label": N.value ? "Back to days" : "Next",
+					"aria-hidden": N.value ? "true" : "false",
+					onClick: ye
+				}, [...t[8] ||= [l("i", { class: "fa-solid fa-chevron-right" }, null, -1)]], 10, y)
+			]), l("div", { class: f(["dp-body", { "dp-body--has-footer": w.value.showTime || w.value.showOkButton || w.value.showClearButton }]) }, [N.value === "year" ? (p(), c("div", {
+				key: 0,
+				ref_key: "yearPickerRef",
+				ref: G,
+				class: "dp-picker-grid dp-picker-grid--4col dp-picker-grid--scrollable c-scroll"
+			}, [(p(!0), c(i, null, h(be.value, (e) => (p(), c("button", {
+				key: e,
+				type: "button",
+				class: f(["dp-picker-item", {
+					"dp-picker-item--selected": e === k.value,
+					"dp-picker-item--today": e === (/* @__PURE__ */ new Date()).getFullYear()
+				}]),
+				onClick: (t) => xe(e)
+			}, g(e), 11, ce))), 128))], 512)) : N.value === "month" ? (p(), c("div", le, [(p(!0), c(i, null, h(I.value, (e, t) => (p(), c("button", {
+				key: t,
+				type: "button",
+				class: f(["dp-picker-item", {
+					"dp-picker-item--selected": t === O.value,
+					"dp-picker-item--today": t === (/* @__PURE__ */ new Date()).getMonth() && k.value === (/* @__PURE__ */ new Date()).getFullYear()
+				}]),
+				onClick: (e) => Se(t)
+			}, g(e), 11, ue))), 128))])) : (p(), c(i, { key: 2 }, [
+				l("div", { class: f(["dp-weekdays", { "dp-weekdays--has-week": w.value.showWeekNumber }]) }, [w.value.showWeekNumber ? (p(), c("span", b)) : s("", !0), (p(!0), c(i, null, h(P.value, (e) => (p(), c("span", {
+					key: e,
+					class: "dp-weekday"
+				}, g(e), 1))), 128))], 2),
+				l("div", { class: f(["dp-picker-grid", w.value.showWeekNumber ? "dp-picker-grid--8col" : "dp-picker-grid--7col"]) }, [(p(!0), c(i, null, h(L.value, (e, t) => (p(), c(i, { key: t }, [w.value.showWeekNumber && Number(t) % 7 == 0 ? re((p(), c("span", {
+					key: 0,
+					class: f(["dp-week-number", { "dp-week-number--other": !e.currentMonth && !L.value[Number(t) + 7]?.currentMonth }])
+				}, [ee(g(z.value[Math.floor(Number(t) / 7)]) + ". ", 1)], 2)), [[r, `${z.value[Math.floor(Number(t) / 7)]}. hét`]]) : s("", !0), l("button", {
+					type: "button",
+					class: f(["dp-picker-item dp-picker-item--circle", {
+						"dp-picker-item--other": !e.currentMonth,
+						"dp-picker-item--selected": H(e.date, A.value),
+						"dp-picker-item--today": _e(e.date),
+						"dp-picker-item--disabled": e.disabled,
+						"dp-picker-item--weekend": w.value.highlightWeekends && ge(e.date)
+					}]),
+					disabled: e.disabled,
+					onClick: (t) => Ce(e)
+				}, g(e.date.getDate()), 11, de)], 64))), 128))], 2),
+				w.value.showTime || w.value.showOkButton || w.value.showClearButton ? (p(), c("div", fe, [
+					w.value.showTime ? (p(), c(i, { key: 0 }, [t[10] ||= l("label", {
+						class: "dp-time-label",
+						for: "dp-hours"
+					}, "Time", -1), l("div", pe, [
+						l("input", {
+							id: "dp-hours",
+							ref_key: "hoursInput",
+							ref: Z,
+							type: "number",
+							class: "c-focus dp-time-input",
+							value: _(Y),
+							disabled: !A.value,
+							min: "0",
+							max: "23",
+							onInput: t[2] ||= (e) => $("hours", e),
+							onFocus: t[3] ||= (e) => e.target.select()
+						}, null, 40, me),
+						t[9] ||= l("span", { class: "dp-time-sep" }, ":", -1),
+						l("input", {
+							id: "dp-minutes",
+							ref_key: "minutesInput",
+							ref: Q,
+							type: "number",
+							class: "c-focus dp-time-input",
+							value: _(X),
+							disabled: !A.value,
+							min: "0",
+							max: "59",
+							onInput: t[4] ||= (e) => $("minutes", e),
+							onFocus: t[5] ||= (e) => e.target.select()
+						}, null, 40, he)
+					])], 64)) : s("", !0),
+					w.value.showClearButton ? (p(), o(n, {
+						key: 1,
+						label: "Törlés",
+						onClick: we,
+						outline: "",
+						disabled: !A.value
+					}, null, 8, ["disabled"])) : s("", !0),
+					w.value.showOkButton ? (p(), o(n, {
+						key: 2,
+						label: "OK",
+						type: "success",
+						onClick: t[6] ||= (e) => C("confirm", u.modelValue),
+						disabled: !A.value
+					}, null, 8, ["disabled"])) : s("", !0)
+				])) : s("", !0)
+			], 64))], 2)]);
+		};
+	}
+});
 //#endregion
-export { e as calendarConfigDefaults, t as datePickerConfigDefaults, n as dateRangePickerConfigDefaults };
+export { x as default };

package/dist/admins-components70.js

@@ -1,7 +1,7 @@
-import './src/styles/components/data-table/data-list-options.scss_vue_type_style_index_0_src_true_lang.css';
+import './src/styles/components/data-table/data-paginator.scss_vue_type_style_index_0_src_true_lang.css';
 import e from "./admins-components68.js";
 /* empty css                    */
-//#region src/components/data-table/DataListOptions.vue
+//#region src/components/data-table/DataPaginator.vue
 var t = e;
 //#endregion
 export { t as default };