admins-components 9.0.4 → 9.0.6

package/dist/admins-components56.js

@@ -1,74 +1,60 @@
-import { castToDate as e, formatDate as t } from "./admins-components3.js";
-//#region src/utils/dataListConverters.ts
-function n(n = !1, r) {
-	return (i) => {
-		let a = e(i);
-		return a ? r ? t(a, r) : n ? t(a, "YYYY-MM-DD HH:mm") : t(a, "YYYY-MM-DD") : "";
-	};
-}
-function r(e = 4) {
-	return (t) => {
-		if (!t) return "";
-		let n = typeof t == "string" ? t : String(t);
-		return `${n.slice(0, e)}...${n.slice(-e)}`;
-	};
-}
-function i(n = "YYYY-MM-DD") {
-	return (r) => {
-		let i = e(r);
-		return i ? t(i, n) : "";
-	};
-}
-function a(e = 60, t = "…") {
-	return (n) => {
-		let r = typeof n == "string" ? n : n == null ? "" : String(n);
-		return r.length <= e ? r : r.slice(0, e).trimEnd() + t;
-	};
-}
-function o(e = "Igen", t = "Nem", n = "") {
-	return (r) => r === !0 ? e : r === !1 ? t : n;
-}
-function s(e, t) {
-	return (n) => {
-		if (n == null) return t ?? "";
-		let r = String(n);
-		return r in e ? e[r] : t ?? n;
-	};
-}
-function c(e = 0, t = "hu-HU") {
-	return (n) => {
-		let r = typeof n == "number" ? n : Number(n);
-		return Number.isFinite(r) ? r.toLocaleString(t, {
-			minimumFractionDigits: e,
-			maximumFractionDigits: e
-		}) : n;
-	};
-}
-function l(e = "HUF", t = "hu-HU", n = 0) {
-	return (r) => {
-		let i = typeof r == "number" ? r : Number(r);
-		return Number.isFinite(i) ? i.toLocaleString(t, {
-			style: "currency",
-			currency: e,
-			minimumFractionDigits: n,
-			maximumFractionDigits: n
-		}) : r;
-	};
-}
-function u(e = ", ") {
-	return (t) => Array.isArray(t) ? t.map(String).join(e) : t == null ? "" : String(t);
-}
-var d = (e) => e, f = {
-	utcToLocalString: n,
-	localToLocalString: i,
-	shortUuid: r,
-	textEllipse: a,
-	booleanToString: o,
-	enumMap: s,
-	formatNumber: c,
-	formatCurrency: l,
-	listToString: u,
-	identity: d
-};
+import e from "./admins-components37.js";
+import { getColumnValue as t } from "./admins-components54.js";
+import { shortUuid as n } from "./admins-components55.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, openBlock as l, resolveDirective as u, toDisplayString as d, withDirectives as f } from "vue";
+//#region src/components/data-table/DataCell.vue?vue&type=script&setup=true&lang.ts
+var p = { key: 0 }, m = ["innerHTML"], h = {
+	key: 1,
+	class: "dc-datetime"
+}, g = { class: "dc-datetime__part" }, _ = {
+	key: 0,
+	class: "dc-datetime__sep"
+}, v = { class: "dc-datetime__part" }, y = { key: 2 }, b = ["innerHTML"], x = /*@__PURE__*/ c({
+	__name: "DataCell",
+	props: {
+		item: {},
+		col: {},
+		copy: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(c) {
+		let x = c, S = r(() => t(x.item, x.col)), C = r(() => n()(S.value)), w = r(() => {
+			if (x.col.type !== "datetime") return null;
+			let e = S.value;
+			if (!e) return {
+				date: "",
+				time: ""
+			};
+			let t = e.indexOf(" ");
+			return t === -1 ? {
+				date: e,
+				time: ""
+			} : {
+				date: e.slice(0, t),
+				time: e.slice(t + 1)
+			};
+		});
+		return (t, n) => {
+			let r = u("tooltip");
+			return c.col.type === "uuid" ? f((l(), o("span", p, [s("span", { innerHTML: C.value }, null, 8, m), c.copy ? (l(), i(e, {
+				key: 0,
+				value: S.value
+			}, null, 8, ["value"])) : a("", !0)])), [[r, S.value]]) : c.col.type === "datetime" ? (l(), o("span", h, [
+				s("span", g, d(w.value?.date), 1),
+				w.value?.time ? (l(), o("span", _)) : a("", !0),
+				s("span", v, d(w.value?.time), 1),
+				c.copy ? (l(), i(e, {
+					key: 1,
+					value: S.value
+				}, null, 8, ["value"])) : a("", !0)
+			])) : (l(), o("span", y, [s("span", { innerHTML: S.value }, null, 8, b), c.copy ? (l(), i(e, {
+				key: 0,
+				value: S.value
+			}, null, 8, ["value"])) : a("", !0)]));
+		};
+	}
+});
 //#endregion
-export { o as booleanToString, f as dataListConverters, s as enumMap, l as formatCurrency, c as formatNumber, d as identity, u as listToString, i as localToLocalString, r as shortUuid, a as textEllipse, n as utcToLocalString };
+export { x as default };

package/dist/admins-components57.js

@@ -1,60 +1,5 @@
-import e from "./admins-components38.js";
-import { getColumnValue as t } from "./admins-components55.js";
-import { shortUuid as n } from "./admins-components56.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, openBlock as u, resolveDirective as d, toDisplayString as f, withDirectives as p } from "vue";
-//#region src/components/data-table/DataCell.vue?vue&type=script&setup=true&lang.ts
-var m = { key: 0 }, h = {
-	key: 1,
-	class: "dc-datetime"
-}, g = { class: "dc-datetime__part" }, _ = {
-	key: 0,
-	class: "dc-datetime__sep"
-}, v = { class: "dc-datetime__part" }, y = { key: 2 }, b = /* @__PURE__ */ l({
-	__name: "DataCell",
-	props: {
-		item: {},
-		col: {},
-		copy: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(l) {
-		let b = l, x = r(() => t(b.item, b.col)), S = r(() => n()(x.value)), C = r(() => {
-			if (b.col.type !== "datetime") return null;
-			let e = x.value;
-			if (!e) return {
-				date: "",
-				time: ""
-			};
-			let t = e.indexOf(" ");
-			return t === -1 ? {
-				date: e,
-				time: ""
-			} : {
-				date: e.slice(0, t),
-				time: e.slice(t + 1)
-			};
-		});
-		return (t, n) => {
-			let r = d("tooltip");
-			return l.col.type === "uuid" ? p((u(), o("span", m, [c(f(S.value) + " ", 1), l.copy ? (u(), i(e, {
-				key: 0,
-				value: x.value
-			}, null, 8, ["value"])) : a("", !0)])), [[r, x.value]]) : l.col.type === "datetime" ? (u(), o("span", h, [
-				s("span", g, f(C.value?.date), 1),
-				C.value?.time ? (u(), o("span", _)) : a("", !0),
-				s("span", v, f(C.value?.time), 1),
-				l.copy ? (u(), i(e, {
-					key: 1,
-					value: x.value
-				}, null, 8, ["value"])) : a("", !0)
-			])) : (u(), o("span", y, [c(f(x.value), 1), l.copy ? (u(), i(e, {
-				key: 0,
-				value: x.value
-			}, null, 8, ["value"])) : a("", !0)]));
-		};
-	}
-});
+import e from "./admins-components56.js";
+//#region src/components/data-table/DataCell.vue
+var t = e;
 //#endregion
-export { b as default };
+export { t as default };

package/dist/admins-components58.js

@@ -0,0 +1,121 @@
+import e from "./admins-components5.js";
+import t from "./admins-components23.js";
+import n from "./admins-components47.js";
+import { useSelection as r } from "./admins-components52.js";
+import { dataTableSettingsDefaults as i } from "./admins-components53.js";
+import { buildActionGroupMenuItems as a, isActionGroup as o } from "./admins-components54.js";
+import s from "./admins-components57.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,
+				scope: "col",
+				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",
+				outline: "",
+				callback: () => r.callback(n)
+			}, { ref_for: !0 }, r.config), null, 16, [
+				"icon",
+				"label",
+				"type",
+				"disabled",
+				"size",
+				"callback"
+			]))], 64))), 128))])])) : d("", !0)
+		], 2))), 128))])], 6))]));
+	}
+});
+//#endregion
+export { N as default };

package/dist/admins-components6.js

@@ -1,7 +1,30 @@
-import './src/styles/_buttons.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components4.js";
-/* empty css                   */
-//#region src/components/Button.vue
-var t = e;
+//#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 { t as default };
+export { e as calendarConfigDefaults, t as datePickerConfigDefaults, n as dateRangePickerConfigDefaults };

package/dist/admins-components60.js

@@ -1,8 +1,8 @@
-import './src/components/data-table/DataCell.vue_vue_type_style_index_0_scoped_d46d9895_lang.css';
-import e from "./admins-components57.js";
+import './src/styles/components/data-table/data-table.scss_vue_type_style_index_0_src_true_lang.css';
+import "./admins-components53.js";
+import e from "./admins-components58.js";
 /* empty css                    */
-import t from "./admins-components59.js";
-//#region src/components/data-table/DataCell.vue
-var n = /* @__PURE__ */ t(e, [["__scopeId", "data-v-d46d9895"]]);
+//#region src/components/data-table/DataTable.vue
+var t = e;
 //#endregion
-export { n as default };
+export { t as default };

package/dist/admins-components61.js

@@ -1,121 +1,144 @@
-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-components60.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",
+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: () => ({ ...i }) },
+		settings: { default: () => ({ ...a }) },
 		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
-			});
+	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));
 		}
-		return (r, l) => (b(), f("div", E, [i.loading ? (b(), u(n, {
+		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(), f("table", {
+		})) : (b(), m("div", {
 			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,
-				scope: "col",
-				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
-			})
+			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
 		}, [
-			i.config.selectableAttr ? (b(), f("td", {
+			a.config.selectableAttr ? (b(), m("span", {
 				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", {
+				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: 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",
-				outline: "",
-				callback: () => r.callback(n)
-			}, { ref_for: !0 }, r.config), null, 16, [
-				"icon",
-				"label",
-				"type",
-				"disabled",
-				"size",
-				"callback"
-			]))], 64))), 128))])])) : d("", !0)
-		], 2))), 128))])], 6))]));
+				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))]));
 	}
 });
 //#endregion
-export { N as default };
+export { F as default };

package/dist/admins-components63.js

@@ -1,8 +1,8 @@
-import './src/styles/components/data-table/data-table.scss_vue_type_style_index_0_src_true_lang.css';
-import "./admins-components54.js";
+import './src/styles/components/data-table/data-cards.scss_vue_type_style_index_0_src_true_lang.css';
+import "./admins-components53.js";
 import e from "./admins-components61.js";
 /* empty css                    */
-//#region src/components/data-table/DataTable.vue
+//#region src/components/data-table/DataCards.vue
 var t = e;
 //#endregion
 export { t as default };