admins-components 9.0.7 → 9.0.9

package/dist/admins-components59.js

@@ -0,0 +1,122 @@
+import e from "./admins-components6.js";
+import t from "./admins-components24.js";
+import n from "./admins-components48.js";
+import { useSelection as r } from "./admins-components53.js";
+import { dataTableSettingsDefaults as i } from "./admins-components54.js";
+import { buildActionGroupMenuItems as a, isActionGroup as o } from "./admins-components55.js";
+import s from "./admins-components58.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeProps as _, normalizeClass as v, normalizeStyle as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, withModifiers as T } from "vue";
+//#region src/components/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
+var E = { class: "c-table-wrapper ac-component" }, D = { key: 0 }, O = ["onClick"], k = {
+	key: 1,
+	class: "c-actions-header"
+}, A = ["onClick"], j = {
+	key: 1,
+	class: "c-actions-cell"
+}, M = { class: "c-actions-wrap" }, N = /* @__PURE__ */ g({
+	__name: "DataTable",
+	props: {
+		config: {},
+		items: {},
+		settings: { default: () => ({ ...i }) },
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["selection-change", "sort-change"],
+	setup(i, { emit: g }) {
+		let N = i, P = g, F = x(null), { selectedKeys: I, allSelected: L, toggle: R, toggleAll: z } = r(() => N.items, () => N.config.selectableAttr, (e) => P("selection-change", e)), B = l(() => N.config.columns.filter((e) => e.visible !== !1));
+		function V(e) {
+			let t = F.value?.key === e && F.value.direction === "asc" ? "desc" : "asc";
+			F.value = {
+				key: e,
+				direction: t
+			}, P("sort-change", {
+				key: e,
+				direction: t
+			});
+		}
+		return (r, l) => (b(), f("div", E, [i.loading ? (b(), u(n, {
+			key: 0,
+			loading: !0
+		})) : (b(), f("table", {
+			key: 1,
+			class: v(["c-table", { "is-compact": i.settings.compact }]),
+			style: y({ "--action-count": i.config.actions?.length ?? 0 })
+		}, [p("thead", null, [p("tr", null, [
+			i.config.selectableAttr ? (b(), f("th", D, [p("span", {
+				class: v(["c-checkbox", { "c-checkbox--checked": w(L) }]),
+				onClick: l[0] ||= (...e) => w(z) && w(z)(...e)
+			}, null, 2)])) : d("", !0),
+			(b(!0), f(c, null, S(B.value, (e) => (b(), f("th", {
+				key: e.property,
+				class: v({
+					"c-sortable": e.sort,
+					"c-sortable--sorted": F.value?.key === e.property
+				}),
+				onClick: (t) => e.sort ? V(e.property) : void 0
+			}, [m(C(e.label) + " ", 1), e.sort ? (b(), f("span", {
+				key: 0,
+				class: v(["c-sort-icon fa-solid", {
+					"fa-sort": F.value?.key !== e.property,
+					"fa-sort-down": F.value?.key === e.property && F.value.direction === "desc",
+					"fa-sort-up": F.value?.key === e.property && F.value.direction === "asc",
+					"c-sort-icon--active": F.value?.key === e.property,
+					"is-asc": F.value?.key === e.property && F.value.direction === "asc",
+					"is-desc": F.value?.key === e.property && F.value.direction === "desc"
+				}])
+			}, null, 2)) : d("", !0)], 10, O))), 128)),
+			i.config.actions ? (b(), f("th", k, C(i.config.actionHeader ?? ""), 1)) : d("", !0)
+		])]), p("tbody", null, [(b(!0), f(c, null, S(i.items, (n, r) => (b(), f("tr", {
+			key: r,
+			class: v({
+				"is-selected": i.config.selectableAttr && w(I).has(n[i.config.selectableAttr]),
+				"is-striped": i.settings.striped && r % 2 == 1
+			})
+		}, [
+			i.config.selectableAttr ? (b(), f("td", {
+				key: 0,
+				class: "pointer",
+				onClick: T((e) => w(R)(n), ["stop"])
+			}, [p("span", { class: v(["c-checkbox", { "c-checkbox--checked": w(I).has(n[i.config.selectableAttr]) }]) }, null, 2)], 8, A)) : d("", !0),
+			(b(!0), f(c, null, S(B.value, (e) => (b(), f("td", {
+				key: e.property,
+				class: v(["c-table__cell", [e.class]])
+			}, [h(s, {
+				item: n,
+				col: e
+			}, null, 8, ["item", "col"])], 2))), 128)),
+			i.config.actions ? (b(), f("td", j, [p("div", M, [(b(!0), f(c, null, S(i.config.actions, (r, i) => (b(), f(c, { key: i }, [w(o)(r) ? (b(), u(t, _({
+				key: 0,
+				icon: r.icon,
+				label: r.label,
+				items: w(a)(r, n)
+			}, { ref_for: !0 }, r.config), null, 16, [
+				"icon",
+				"label",
+				"items"
+			])) : (b(), u(e, _({
+				key: 1,
+				icon: r.icon,
+				label: r.label,
+				type: r.type,
+				disabled: r.disabled ? r.disabled(n) : !1,
+				size: r.label ? "small" : "normal",
+				ariaLabel: r.ariaLabel,
+				outline: "",
+				callback: () => r.callback(n)
+			}, { ref_for: !0 }, r.config), null, 16, [
+				"icon",
+				"label",
+				"type",
+				"disabled",
+				"size",
+				"ariaLabel",
+				"callback"
+			]))], 64))), 128))])])) : d("", !0)
+		], 2))), 128))])], 6))]));
+	}
+});
+//#endregion
+export { N as default };

package/dist/admins-components6.js

@@ -1,30 +1,5 @@
-//#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 e from "./admins-components5.js";
+//#region src/components/Button.vue
+var t = e;
 //#endregion
-export { e as calendarConfigDefaults, t as datePickerConfigDefaults, n as dateRangePickerConfigDefaults };
+export { t as default };

package/dist/admins-components61.js

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

package/dist/admins-components62.js

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

package/dist/admins-components64.js

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