admins-components 9.0.7 → 9.0.9

package/dist/admins-components69.js

@@ -0,0 +1,112 @@
+import e from "./admins-components6.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: "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: {
+		settings: {},
+		storageKey: {}
+	},
+	emits: ["update:pagination"],
+	setup(o, { emit: w }) {
+		let T = o, E = w;
+		function D(e) {
+			try {
+				localStorage.setItem(C + T.storageKey, String(e));
+			} catch {}
+		}
+		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 P(e) {
+			let t = Number(e.target.value);
+			D(t), E("update:pagination", {
+				page: 1,
+				pageSize: t
+			});
+		}
+		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 { E as default, T as getDefaultPaginator, w as getPageSize };

package/dist/admins-components7.js

@@ -1,253 +1,30 @@
-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)]);
-		};
-	}
-});
+//#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
+};
 //#endregion
-export { x as default };
+export { e as calendarConfigDefaults, t as datePickerConfigDefaults, n as dateRangePickerConfigDefaults };

package/dist/admins-components71.js

@@ -1,60 +1,7 @@
-import { formatDate as e } from "./admins-components3.js";
-//#region src/utils/filterDisplay.ts
-function t(t, r, i) {
-	if (i == null || i === "") return "";
-	let a = t.find((e) => e.key === r);
-	if (a?.type === "dropdown" && a.options) {
-		let e = n(i);
-		if (Array.isArray(e)) return e.map((e) => {
-			let t = a.options?.find((t) => t.value === e);
-			return t ? t.label : String(e);
-		}).join(", ");
-		let t = a.options.find((t) => t.value === e);
-		if (t) return t.label;
-	}
-	if (a?.type === "checkbox") return i ? "Bekapcsolva" : "";
-	if (a?.type === "date" || a?.type === "datetime") {
-		if (typeof i == "object" && i) {
-			let t = i.local ?? i.utc ?? null;
-			if (t == null) return "";
-			let n = t instanceof Date ? t : new Date(t);
-			if (!isNaN(n.getTime())) return e(n, a.type === "datetime" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
-		}
-		if (typeof i == "string" && i) {
-			let t = new Date(i);
-			if (!isNaN(t.getTime())) return e(t, a.type === "datetime" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
-		}
-	}
-	if ((a?.type === "daterange" || a?.type === "datetimerange") && typeof i == "object") {
-		let t = a.type === "datetimerange" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD";
-		return `${i.fromUtc ? e(new Date(i.fromUtc), t) : "…"} - ${i.toUtc ? e(new Date(i.toUtc), t) : "…"}`;
-	}
-	return typeof i == "object" ? JSON.stringify(i) : String(i);
-}
-function n(e) {
-	if (Array.isArray(e)) return e;
-	if (typeof e == "string") {
-		if (e.startsWith("[") && e.endsWith("]")) try {
-			let t = JSON.parse(e);
-			if (Array.isArray(t)) return t;
-		} catch {}
-		return e;
-	}
-	return e;
-}
-function r(e, n) {
-	let r = [];
-	for (let [i, a] of Object.entries(n)) {
-		let n = t(e, i, a);
-		if (!n) continue;
-		let o = e.find((e) => e.key === i), s = o?.label ?? i;
-		r.push({
-			key: i,
-			text: `${s}: ${n}`,
-			displayClass: o?.displayClass
-		});
-	}
-	return r;
-}
+import './src/styles/components/data-table/data-paginator.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components69.js";
+/* empty css                    */
+//#region src/components/data-table/DataPaginator.vue
+var t = e;
 //#endregion
-export { r as buildFilterDisplay, t as displayFilterValue, n as parseDropdownValue };
+export { t as default };