admins-components 9.0.84 → 9.0.86

package/dist/admins-components80.js

@@ -3,19 +3,19 @@ import { getFullStorageKey as t } from "./admins-components78.js";
 import { readUrlNumber as n, writeUrlOrRemove as r } from "./admins-components79.js";
 import { Fragment as i, computed as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, onMounted as d, openBlock as f, renderList as p, toDisplayString as m } from "vue";
 //#region src/components/data-table/DataPaginator.vue?vue&type=script&setup=true&lang.ts
-var h = { class: "ac-component c-paginator-wrapper" }, g = { class: "c-paginator" }, _ = { class: "c-paginator__info" }, v = { class: "c-paginator__range" }, y = { class: "c-paginator__total" }, b = {
+var h = { class: "c-paginator" }, g = { class: "c-paginator__info" }, _ = { class: "c-paginator__range" }, v = { class: "c-paginator__total" }, y = {
 	class: "c-paginator__nav",
 	"aria-label": "Pagination"
-}, x = {
+}, b = {
 	key: 0,
 	class: "c-paginator__ellipsis"
-}, S = ["onClick"], C = { class: "c-paginator__size" }, w = ["value"], T = ["value"], E = [
+}, x = ["onClick"], S = { class: "c-paginator__size" }, C = ["value"], w = ["value"], T = [
 	10,
 	25,
 	50,
 	100
-], D = 25;
-function O(e) {
+], E = 25;
+function D(e) {
 	let r = n("pageSize");
 	if (r != null) return r;
 	try {
@@ -27,16 +27,16 @@ function O(e) {
 	} catch {
 		console.warn("Failed to read page size from localStorage");
 	}
-	return D;
+	return E;
 }
-function k(e) {
+function O(e) {
 	return {
 		total: 0,
 		page: n("page") ?? 1,
-		pageSize: O(e)
+		pageSize: D(e)
 	};
 }
-var A = /*@__PURE__*/ l({
+var k = /*@__PURE__*/ l({
 	__name: "DataPaginator",
 	props: {
 		settings: {},
@@ -44,26 +44,27 @@ var A = /*@__PURE__*/ l({
 		handleUrl: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		fontSize: { default: "normal" }
 	},
 	emits: ["update:pagination"],
-	setup(l, { emit: D }) {
-		let O = l, k = D;
-		function A(e) {
+	setup(l, { emit: E }) {
+		let D = l, O = E;
+		function k(e) {
 			try {
-				localStorage.setItem(t("pagination", O.storageKey), String(e));
+				localStorage.setItem(t("pagination", D.storageKey), String(e));
 			} catch {
 				console.warn("Failed to save page size to localStorage");
 			}
 		}
-		let j = a(() => Math.max(1, Math.ceil(O.settings.total / O.settings.pageSize))), M = a(() => O.settings.total === 0 ? 0 : (O.settings.page - 1) * O.settings.pageSize + 1), N = a(() => Math.min(O.settings.page * O.settings.pageSize, O.settings.total)), P = a(() => {
-			let e = j.value, t = O.settings.page;
-			if (e <= F) {
+		let A = a(() => Math.max(1, Math.ceil(D.settings.total / D.settings.pageSize))), j = a(() => D.settings.total === 0 ? 0 : (D.settings.page - 1) * D.settings.pageSize + 1), M = a(() => Math.min(D.settings.page * D.settings.pageSize, D.settings.total)), N = a(() => {
+			let e = A.value, t = D.settings.page;
+			if (e <= P) {
 				let t = [];
 				for (let n = 1; n <= e; n++) t.push(n);
 				return t;
 			}
-			let n = F - 2, r = t - 1, i = t + 1;
+			let n = P - 2, r = t - 1, i = t + 1;
 			for (r < 2 && (i = Math.min(e - 1, i + (2 - r)), r = 2), i > e - 1 && (r = Math.max(2, r - (i - (e - 1))), i = e - 1); i - r + 1 < n;) {
 				let t = r > 2, a = i < e - 1;
 				if (!t && !a) break;
@@ -74,73 +75,73 @@ var A = /*@__PURE__*/ l({
 			s.push(1), a && s.push("...");
 			for (let e = r; e <= i; e++) s.push(e);
 			return o && s.push("..."), s.push(e), s;
-		}), F = 7;
-		function I(e) {
-			let t = O.settings.page, n = j.value, r = e === 1 || e === n, i = e === t;
+		}), P = 7;
+		function F(e) {
+			let t = D.settings.page, n = A.value, r = e === 1 || e === n, i = e === t;
 			return t > 3 && t < n - 2 && !r && !i;
 		}
-		function L(e) {
-			e < 1 || e > j.value || e === O.settings.page || (r("page", e, {
-				handleUrl: O.handleUrl,
+		function I(e) {
+			e < 1 || e > A.value || e === D.settings.page || (r("page", e, {
+				handleUrl: D.handleUrl,
 				default: 1
-			}), r("pageSize", O.settings.pageSize, { handleUrl: O.handleUrl }), k("update:pagination", {
+			}), r("pageSize", D.settings.pageSize, { handleUrl: D.handleUrl }), O("update:pagination", {
 				page: e,
-				pageSize: O.settings.pageSize
+				pageSize: D.settings.pageSize
 			}));
 		}
-		function R(e) {
+		function L(e) {
 			let t = Number(e.target.value);
-			A(t), r("pageSize", t, { handleUrl: O.handleUrl }), r("page", 1, {
-				handleUrl: O.handleUrl,
+			k(t), r("pageSize", t, { handleUrl: D.handleUrl }), r("page", 1, {
+				handleUrl: D.handleUrl,
 				default: 1
-			}), k("update:pagination", {
+			}), O("update:pagination", {
 				page: 1,
 				pageSize: t
 			});
 		}
 		return d(() => {
-			if (!O.handleUrl) return;
+			if (!D.handleUrl) return;
 			let e = n("pageSize"), t = n("page");
-			e != null && t != null && (e !== O.settings.pageSize || t !== O.settings.page) && k("update:pagination", {
+			e != null && t != null && (e !== D.settings.pageSize || t !== D.settings.page) && O("update:pagination", {
 				page: t,
 				pageSize: e
 			});
-		}), (t, n) => (f(), o("div", h, [s("div", g, [
-			s("div", _, [s("span", v, m(M.value) + "–" + m(N.value), 1), s("span", y, " / " + m(l.settings.total), 1)]),
-			s("nav", b, [
+		}), (t, n) => (f(), o("div", { class: u(["ac-component c-paginator-wrapper", [`is-font-${l.fontSize}`]]) }, [s("div", h, [
+			s("div", g, [s("span", _, m(j.value) + "–" + m(M.value), 1), s("span", v, " / " + m(l.settings.total), 1)]),
+			s("nav", y, [
 				c(e, {
 					icon: "fa-solid fa-chevron-left",
 					rel: "prev",
 					disabled: l.settings.page <= 1,
-					callback: () => L(l.settings.page - 1)
+					callback: () => I(l.settings.page - 1)
 				}, null, 8, ["disabled", "callback"]),
-				(f(!0), o(i, null, p(P.value, (e, t) => (f(), o(i, { key: t }, [e === "..." ? (f(), o("span", x, "…")) : (f(), o("button", {
+				(f(!0), o(i, null, p(N.value, (e, t) => (f(), o(i, { key: t }, [e === "..." ? (f(), o("span", b, "…")) : (f(), o("button", {
 					key: 1,
 					type: "button",
 					class: u(["c-paginator__page", {
 						"is-active": e === l.settings.page,
-						"is-hidden-sm": I(e)
+						"is-hidden-sm": F(e)
 					}]),
-					onClick: (t) => L(e)
-				}, m(e), 11, S))], 64))), 128)),
+					onClick: (t) => I(e)
+				}, m(e), 11, x))], 64))), 128)),
 				c(e, {
 					icon: "fa-solid fa-chevron-right",
 					rel: "next",
-					disabled: l.settings.page >= j.value,
-					callback: () => L(l.settings.page + 1)
+					disabled: l.settings.page >= A.value,
+					callback: () => I(l.settings.page + 1)
 				}, null, 8, ["disabled", "callback"])
 			]),
-			s("div", C, [s("select", {
+			s("div", S, [s("select", {
 				class: "c-paginator__select",
 				id: "page-size-select",
 				value: l.settings.pageSize,
-				onChange: R
-			}, [(f(), o(i, null, p(E, (e) => s("option", {
+				onChange: L
+			}, [(f(), o(i, null, p(T, (e) => s("option", {
 				key: e,
 				value: e
-			}, m(e) + " elem / oldal", 9, T)), 64))], 40, w)])
-		])]));
+			}, m(e) + " elem / oldal", 9, w)), 64))], 40, C)])
+		])], 2));
 	}
 });
 //#endregion
-export { A as default, k as getDefaultPaginator, O as getPageSize };
+export { k as default, O as getDefaultPaginator, D as getPageSize };

package/dist/admins-components80.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components80.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst DEFAULT_PAGE_SIZE = 25\n\nexport function getPageSize(storageKey: string): number {\n  // URL > localStorage > default\n  const urlSize = readUrlNumber('pageSize')\n  if (urlSize != null) return urlSize\n  try {\n    const fullStorageKey = getFullStorageKey('pagination', storageKey)\n    const raw = localStorage.getItem(fullStorageKey)\n    if (raw) {\n      const size = Number(raw)\n      if (size > 0) return size\n    }\n  } catch {\n    console.warn('Failed to read page size from localStorage')\n  }\n  return DEFAULT_PAGE_SIZE\n}\n\nexport function getDefaultPaginator(storageKey: string) {\n  return {\n    total: 0,\n    page: readUrlNumber('page') ?? 1,\n    pageSize: getPageSize(storageKey),\n  } as PaginatorSettings\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted } from 'vue'\nimport Button from '@/components/Button.vue'\nimport type { PaginatorSettings, PageSettings } from '@/types/data-list'\nimport { getFullStorageKey } from '@/utils/storageKey'\nimport { readUrlNumber, writeUrlOrRemove } from '@/utils/url'\n\nconst props = withDefaults(\n  defineProps<{ settings: PaginatorSettings; storageKey: string; handleUrl?: boolean }>(),\n  { handleUrl: false },\n)\n\nconst emit = defineEmits<{\n  'update:pagination': [pagination: PageSettings]\n}>()\n\nfunction savePageSize(size: number) {\n  try {\n    localStorage.setItem(getFullStorageKey('pagination', props.storageKey), String(size))\n  } catch {\n    console.warn('Failed to save page size to localStorage')\n  }\n}\n\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(props.settings.total / props.settings.pageSize)),\n)\n\nconst rangeStart = computed(() =>\n  props.settings.total === 0 ? 0 : (props.settings.page - 1) * props.settings.pageSize + 1,\n)\nconst rangeEnd = computed(() =>\n  Math.min(props.settings.page * props.settings.pageSize, props.settings.total),\n)\n\nconst visiblePages = computed<(number | '...')[]>(() => {\n  const total = totalPages.value\n  const current = props.settings.page\n\n  if (total <= SLOT_COUNT) {\n    const pages: number[] = []\n    for (let i = 1; i <= total; i++) pages.push(i)\n    return pages\n  }\n\n  const inner = SLOT_COUNT - 2\n  let winStart = current - 1\n  let winEnd = current + 1\n  if (winStart < 2) {\n    winEnd = Math.min(total - 1, winEnd + (2 - winStart))\n    winStart = 2\n  }\n  if (winEnd > total - 1) {\n    winStart = Math.max(2, winStart - (winEnd - (total - 1)))\n    winEnd = total - 1\n  }\n\n  while (winEnd - winStart + 1 < inner) {\n    const canExtendLeft = winStart > 2\n    const canExtendRight = winEnd < total - 1\n    if (!canExtendLeft && !canExtendRight) break\n\n    const roomLeft = winStart - 2\n    const roomRight = total - 1 - winEnd\n\n    const ellipsisIfExtendLeft =\n      ((canExtendLeft ? winStart - 1 : 0) > 2 ? 1 : 0) + (winEnd < total - 1 ? 1 : 0)\n    const ellipsisIfExtendRight =\n      (winStart > 2 ? 1 : 0) + ((canExtendRight ? winEnd + 1 : 0) < total - 1 ? 1 : 0)\n\n    const newSize = winEnd - winStart + 2\n\n    let extended = false\n    if (\n      canExtendLeft &&\n      (roomLeft >= roomRight || !canExtendRight) &&\n      newSize + ellipsisIfExtendLeft <= inner\n    ) {\n      winStart--\n      extended = true\n    } else if (canExtendRight && newSize + ellipsisIfExtendRight <= inner) {\n      winEnd++\n      extended = true\n    }\n    if (!extended) break\n  }\n  const showLeftEllipsis = winStart > 2\n  const showRightEllipsis = winEnd < total - 1\n\n  const pages: (number | '...')[] = []\n  pages.push(1)\n  if (showLeftEllipsis) pages.push('...')\n  for (let p = winStart; p <= winEnd; p++) pages.push(p)\n  if (showRightEllipsis) pages.push('...')\n  pages.push(total)\n\n  return pages\n})\n\nconst SLOT_COUNT = 7\n\nfunction shouldHideOnSmall(page: number) {\n  const current = props.settings.page\n  const total = totalPages.value\n\n  const isEdge = page === 1 || page === total\n  const isCurrent = page === current\n\n  const isMiddleRange = current > 3 && current < total - 2\n\n  return isMiddleRange && !isEdge && !isCurrent\n}\n\nfunction goToPage(page: number) {\n  if (page < 1 || page > totalPages.value || page === props.settings.page) return\n  writeUrlOrRemove('page', page, { handleUrl: props.handleUrl, default: 1 })\n  writeUrlOrRemove('pageSize', props.settings.pageSize, { handleUrl: props.handleUrl })\n  emit('update:pagination', { page, pageSize: props.settings.pageSize })\n}\n\nfunction changePageSize(event: Event) {\n  const size = Number((event.target as HTMLSelectElement).value)\n  savePageSize(size)\n  writeUrlOrRemove('pageSize', size, { handleUrl: props.handleUrl })\n  writeUrlOrRemove('page', 1, { handleUrl: props.handleUrl, default: 1 })\n  emit('update:pagination', { page: 1, pageSize: size })\n}\n\nonMounted(() => {\n  if (!props.handleUrl) return\n\n  const urlSize = readUrlNumber('pageSize')\n  const urlPage = readUrlNumber('page')\n  if (urlSize == null || urlPage == null) return\n  if (urlSize === props.settings.pageSize && urlPage === props.settings.page) return\n  emit('update:pagination', { page: urlPage, pageSize: urlSize })\n})\n</script>\n\n<template>\n  <div class=\"ac-component c-paginator-wrapper\">\n    <div class=\"c-paginator\">\n      <div class=\"c-paginator__info\">\n        <span class=\"c-paginator__range\">{{ rangeStart }}&ndash;{{ rangeEnd }}</span>\n        <span class=\"c-paginator__total\"> / {{ settings.total }}</span>\n      </div>\n\n      <nav class=\"c-paginator__nav\" aria-label=\"Pagination\">\n        <Button\n          icon=\"fa-solid fa-chevron-left\"\n          rel=\"prev\"\n          :disabled=\"settings.page <= 1\"\n          :callback=\"() => goToPage(settings.page - 1)\"\n        />\n\n        <template v-for=\"(p, i) in visiblePages\" :key=\"i\">\n          <span v-if=\"p === '...'\" class=\"c-paginator__ellipsis\">&hellip;</span>\n          <button\n            v-else\n            type=\"button\"\n            class=\"c-paginator__page\"\n            :class=\"{\n              'is-active': p === settings.page,\n              'is-hidden-sm': shouldHideOnSmall(p),\n            }\"\n            @click=\"goToPage(p)\"\n          >\n            {{ p }}\n          </button>\n        </template>\n\n        <Button\n          icon=\"fa-solid fa-chevron-right\"\n          rel=\"next\"\n          :disabled=\"settings.page >= totalPages\"\n          :callback=\"() => goToPage(settings.page + 1)\"\n        />\n      </nav>\n\n      <div class=\"c-paginator__size\">\n        <select\n          class=\"c-paginator__select\"\n          id=\"page-size-select\"\n          :value=\"settings.pageSize\"\n          @change=\"changePageSize\"\n        >\n          <option v-for=\"s in SIZE_OPTIONS\" :key=\"s\" :value=\"s\">{{ s }} elem / oldal</option>\n        </select>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-paginator.scss\"></style>\n"],"mappings":";;;;;;;;;;;sFACM,IAAe;CAAC;CAAI;CAAI;CAAI;AAAG,GAC/B,IAAoB;AAE1B,SAAgB,EAAY,GAA4B;CAEtD,IAAM,IAAU,EAAc,UAAU;CACxC,IAAI,KAAW,MAAM,OAAO;CAC5B,IAAI;EACF,IAAM,IAAiB,EAAkB,cAAc,CAAU,GAC3D,IAAM,aAAa,QAAQ,CAAc;EAC/C,IAAI,GAAK;GACP,IAAM,IAAO,OAAO,CAAG;GACvB,IAAI,IAAO,GAAG,OAAO;EACvB;CACF,QAAQ;EACN,QAAQ,KAAK,4CAA4C;CAC3D;CACA,OAAO;AACT;AAEA,SAAgB,EAAoB,GAAoB;CACtD,OAAO;EACL,OAAO;EACP,MAAM,EAAc,MAAM,KAAK;EAC/B,UAAU,EAAY,CAAU;CAClC;AACF;;;;;;;;;;;;;EAUA,IAAM,IAAQ,GAKR,IAAO;EAIb,SAAS,EAAa,GAAc;GAClC,IAAI;IACF,aAAa,QAAQ,EAAkB,cAAc,EAAM,UAAU,GAAG,OAAO,CAAI,CAAC;GACtF,QAAQ;IACN,QAAQ,KAAK,0CAA0C;GACzD;EACF;EAEA,IAAM,IAAa,QACjB,KAAK,IAAI,GAAG,KAAK,KAAK,EAAM,SAAS,QAAQ,EAAM,SAAS,QAAQ,CAAC,CACvE,GAEM,IAAa,QACjB,EAAM,SAAS,UAAU,IAAI,KAAK,EAAM,SAAS,OAAO,KAAK,EAAM,SAAS,WAAW,CACzF,GACM,IAAW,QACf,KAAK,IAAI,EAAM,SAAS,OAAO,EAAM,SAAS,UAAU,EAAM,SAAS,KAAK,CAC9E,GAEM,IAAe,QAAmC;GACtD,IAAM,IAAQ,EAAW,OACnB,IAAU,EAAM,SAAS;GAE/B,IAAI,KAAS,GAAY;IACvB,IAAM,IAAkB,CAAC;IACzB,KAAK,IAAI,IAAI,GAAG,KAAK,GAAO,KAAK,EAAM,KAAK,CAAC;IAC7C,OAAO;GACT;GAEA,IAAM,IAAQ,IAAa,GACvB,IAAW,IAAU,GACrB,IAAS,IAAU;GAUvB,KATI,IAAW,MACb,IAAS,KAAK,IAAI,IAAQ,GAAG,KAAU,IAAI,EAAS,GACpD,IAAW,IAET,IAAS,IAAQ,MACnB,IAAW,KAAK,IAAI,GAAG,KAAY,KAAU,IAAQ,GAAG,GACxD,IAAS,IAAQ,IAGZ,IAAS,IAAW,IAAI,IAAO;IACpC,IAAM,IAAgB,IAAW,GAC3B,IAAiB,IAAS,IAAQ;IACxC,IAAI,CAAC,KAAiB,CAAC,GAAgB;IAEvC,IAAM,IAAW,IAAW,GACtB,IAAY,IAAQ,IAAI,GAExB,IAAA,GACF,IAAgB,IAAW,IAAI,KAAK,KAAc,MAAS,IAAQ,IACjE,IACH,MAAW,KAAQ,GAAO,IAAiB,IAAS,IAAI,KAAK,IAAQ,IAElE,IAAU,IAAS,IAAW,GAEhC,IAAW;IAYf,IAVE,MACC,KAAY,KAAa,CAAC,MAC3B,IAAU,KAAwB,KAElC,KACA,IAAW,MACF,KAAkB,IAAU,KAAyB,MAC9D,KACA,IAAW,KAET,CAAC,GAAU;GACjB;GACA,IAAM,IAAmB,IAAW,GAC9B,IAAoB,IAAS,IAAQ,GAErC,IAA4B,CAAC;GAEnC,AADA,EAAM,KAAK,CAAC,GACR,KAAkB,EAAM,KAAK,KAAK;GACtC,KAAK,IAAI,IAAI,GAAU,KAAK,GAAQ,KAAK,EAAM,KAAK,CAAC;GAIrD,OAHI,KAAmB,EAAM,KAAK,KAAK,GACvC,EAAM,KAAK,CAAK,GAET;EACT,CAAC,GAEK,IAAa;EAEnB,SAAS,EAAkB,GAAc;GACvC,IAAM,IAAU,EAAM,SAAS,MACzB,IAAQ,EAAW,OAEnB,IAAS,MAAS,KAAK,MAAS,GAChC,IAAY,MAAS;GAI3B,OAFsB,IAAU,KAAK,IAAU,IAAQ,KAE/B,CAAC,KAAU,CAAC;EACtC;EAEA,SAAS,EAAS,GAAc;GAC1B,IAAO,KAAK,IAAO,EAAW,SAAS,MAAS,EAAM,SAAS,SACnE,EAAiB,QAAQ,GAAM;IAAE,WAAW,EAAM;IAAW,SAAS;GAAE,CAAC,GACzE,EAAiB,YAAY,EAAM,SAAS,UAAU,EAAE,WAAW,EAAM,UAAU,CAAC,GACpF,EAAK,qBAAqB;IAAE;IAAM,UAAU,EAAM,SAAS;GAAS,CAAC;EACvE;EAEA,SAAS,EAAe,GAAc;GACpC,IAAM,IAAO,OAAQ,EAAM,OAA6B,KAAK;GAI7D,AAHA,EAAa,CAAI,GACjB,EAAiB,YAAY,GAAM,EAAE,WAAW,EAAM,UAAU,CAAC,GACjE,EAAiB,QAAQ,GAAG;IAAE,WAAW,EAAM;IAAW,SAAS;GAAE,CAAC,GACtE,EAAK,qBAAqB;IAAE,MAAM;IAAG,UAAU;GAAK,CAAC;EACvD;SAEA,QAAgB;GACd,IAAI,CAAC,EAAM,WAAW;GAEtB,IAAM,IAAU,EAAc,UAAU,GAClC,IAAU,EAAc,MAAM;GAChC,KAAW,QAAQ,KAAW,SAC9B,MAAY,EAAM,SAAS,YAAY,MAAY,EAAM,SAAS,SACtE,EAAK,qBAAqB;IAAE,MAAM;IAAS,UAAU;GAAQ,CAAC;EAChE,CAAC,cAIC,EAAA,GAAA,EAkDM,OAlDN,GAkDM,CAjDJ,EAgDM,OAhDN,GAgDM;GA/CJ,EAGM,OAHN,GAGM,CAFJ,EAA6E,QAA7E,GAA6E,EAAzC,EAAA,KAAU,IAAG,MAAO,EAAG,EAAA,KAAQ,GAAA,CAAA,GACnE,EAA+D,QAA/D,GAAiC,QAAG,EAAG,EAAA,SAAS,KAAK,GAAA,CAAA,CAAA,CAAA;GAGvD,EA8BM,OA9BN,GA8BM;IA7BJ,EAKE,GAAA;KAJA,MAAK;KACL,KAAI;KACH,UAAU,EAAA,SAAS,QAAI;KACvB,gBAAgB,EAAS,EAAA,SAAS,OAAI,CAAA;;KAGzC,EAAA,EAAA,GAAA,EAcW,GAAA,MAAA,EAdgB,EAAA,QAAT,GAAG,OAA0B,EAAA,GAAA,EAAA,GAAA,EAAA,KAAA,EAAC,GAAA,CAClC,MAAC,SAAb,EAAA,GAAA,EAAsE,QAAtE,GAAuD,GAAQ,MAC/D,EAAA,GAAA,EAWS,UAAA;;KATP,MAAK;KACL,OAAK,EAAA,CAAC,qBAAmB;MACY,aAAA,MAAM,EAAA,SAAS;MAAoC,gBAAA,EAAkB,CAAC;;KAI1G,UAAK,MAAE,EAAS,CAAC;IAEf,GAAA,EAAA,CAAC,GAAA,IAAA,CAAA,EAAA,GAAA,EAAA;IAIR,EAKE,GAAA;KAJA,MAAK;KACL,KAAI;KACH,UAAU,EAAA,SAAS,QAAQ,EAAA;KAC3B,gBAAgB,EAAS,EAAA,SAAS,OAAI,CAAA;;;GAI3C,EASM,OATN,GASM,CARJ,EAOS,UAAA;IANP,OAAM;IACN,IAAG;IACF,OAAO,EAAA,SAAS;IAChB,UAAQ;GAET,GAAA,EAAA,EAAA,GAAA,EAAmF,GAAA,MAAA,EAA/D,IAAL,MAAf,EAAmF,UAAA;IAAhD,KAAK;IAAI,OAAO;GAAM,GAAA,EAAA,CAAC,IAAG,iBAAa,GAAA,CAAA"}
+{"version":3,"file":"admins-components80.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst DEFAULT_PAGE_SIZE = 25\n\nexport function getPageSize(storageKey: string): number {\n  // URL > localStorage > default\n  const urlSize = readUrlNumber('pageSize')\n  if (urlSize != null) return urlSize\n  try {\n    const fullStorageKey = getFullStorageKey('pagination', storageKey)\n    const raw = localStorage.getItem(fullStorageKey)\n    if (raw) {\n      const size = Number(raw)\n      if (size > 0) return size\n    }\n  } catch {\n    console.warn('Failed to read page size from localStorage')\n  }\n  return DEFAULT_PAGE_SIZE\n}\n\nexport function getDefaultPaginator(storageKey: string) {\n  return {\n    total: 0,\n    page: readUrlNumber('page') ?? 1,\n    pageSize: getPageSize(storageKey),\n  } as PaginatorSettings\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted } from 'vue'\nimport Button from '@/components/Button.vue'\nimport type { PaginatorSettings, PageSettings } from '@/types/data-list'\nimport { getFullStorageKey } from '@/utils/storageKey'\nimport { readUrlNumber, writeUrlOrRemove } from '@/utils/url'\n\nconst props = withDefaults(\n  defineProps<{\n    settings: PaginatorSettings\n    storageKey: string\n    handleUrl?: boolean\n    fontSize?: 'small' | 'normal' | 'large'\n  }>(),\n  { handleUrl: false, fontSize: 'normal' },\n)\n\nconst emit = defineEmits<{\n  'update:pagination': [pagination: PageSettings]\n}>()\n\nfunction savePageSize(size: number) {\n  try {\n    localStorage.setItem(getFullStorageKey('pagination', props.storageKey), String(size))\n  } catch {\n    console.warn('Failed to save page size to localStorage')\n  }\n}\n\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(props.settings.total / props.settings.pageSize)),\n)\n\nconst rangeStart = computed(() =>\n  props.settings.total === 0 ? 0 : (props.settings.page - 1) * props.settings.pageSize + 1,\n)\nconst rangeEnd = computed(() =>\n  Math.min(props.settings.page * props.settings.pageSize, props.settings.total),\n)\n\nconst visiblePages = computed<(number | '...')[]>(() => {\n  const total = totalPages.value\n  const current = props.settings.page\n\n  if (total <= SLOT_COUNT) {\n    const pages: number[] = []\n    for (let i = 1; i <= total; i++) pages.push(i)\n    return pages\n  }\n\n  const inner = SLOT_COUNT - 2\n  let winStart = current - 1\n  let winEnd = current + 1\n  if (winStart < 2) {\n    winEnd = Math.min(total - 1, winEnd + (2 - winStart))\n    winStart = 2\n  }\n  if (winEnd > total - 1) {\n    winStart = Math.max(2, winStart - (winEnd - (total - 1)))\n    winEnd = total - 1\n  }\n\n  while (winEnd - winStart + 1 < inner) {\n    const canExtendLeft = winStart > 2\n    const canExtendRight = winEnd < total - 1\n    if (!canExtendLeft && !canExtendRight) break\n\n    const roomLeft = winStart - 2\n    const roomRight = total - 1 - winEnd\n\n    const ellipsisIfExtendLeft =\n      ((canExtendLeft ? winStart - 1 : 0) > 2 ? 1 : 0) + (winEnd < total - 1 ? 1 : 0)\n    const ellipsisIfExtendRight =\n      (winStart > 2 ? 1 : 0) + ((canExtendRight ? winEnd + 1 : 0) < total - 1 ? 1 : 0)\n\n    const newSize = winEnd - winStart + 2\n\n    let extended = false\n    if (\n      canExtendLeft &&\n      (roomLeft >= roomRight || !canExtendRight) &&\n      newSize + ellipsisIfExtendLeft <= inner\n    ) {\n      winStart--\n      extended = true\n    } else if (canExtendRight && newSize + ellipsisIfExtendRight <= inner) {\n      winEnd++\n      extended = true\n    }\n    if (!extended) break\n  }\n  const showLeftEllipsis = winStart > 2\n  const showRightEllipsis = winEnd < total - 1\n\n  const pages: (number | '...')[] = []\n  pages.push(1)\n  if (showLeftEllipsis) pages.push('...')\n  for (let p = winStart; p <= winEnd; p++) pages.push(p)\n  if (showRightEllipsis) pages.push('...')\n  pages.push(total)\n\n  return pages\n})\n\nconst SLOT_COUNT = 7\n\nfunction shouldHideOnSmall(page: number) {\n  const current = props.settings.page\n  const total = totalPages.value\n\n  const isEdge = page === 1 || page === total\n  const isCurrent = page === current\n\n  const isMiddleRange = current > 3 && current < total - 2\n\n  return isMiddleRange && !isEdge && !isCurrent\n}\n\nfunction goToPage(page: number) {\n  if (page < 1 || page > totalPages.value || page === props.settings.page) return\n  writeUrlOrRemove('page', page, { handleUrl: props.handleUrl, default: 1 })\n  writeUrlOrRemove('pageSize', props.settings.pageSize, { handleUrl: props.handleUrl })\n  emit('update:pagination', { page, pageSize: props.settings.pageSize })\n}\n\nfunction changePageSize(event: Event) {\n  const size = Number((event.target as HTMLSelectElement).value)\n  savePageSize(size)\n  writeUrlOrRemove('pageSize', size, { handleUrl: props.handleUrl })\n  writeUrlOrRemove('page', 1, { handleUrl: props.handleUrl, default: 1 })\n  emit('update:pagination', { page: 1, pageSize: size })\n}\n\nonMounted(() => {\n  if (!props.handleUrl) return\n\n  const urlSize = readUrlNumber('pageSize')\n  const urlPage = readUrlNumber('page')\n  if (urlSize == null || urlPage == null) return\n  if (urlSize === props.settings.pageSize && urlPage === props.settings.page) return\n  emit('update:pagination', { page: urlPage, pageSize: urlSize })\n})\n</script>\n\n<template>\n  <div class=\"ac-component c-paginator-wrapper\" :class=\"[`is-font-${fontSize}`]\">\n    <div class=\"c-paginator\">\n      <div class=\"c-paginator__info\">\n        <span class=\"c-paginator__range\">{{ rangeStart }}&ndash;{{ rangeEnd }}</span>\n        <span class=\"c-paginator__total\"> / {{ settings.total }}</span>\n      </div>\n\n      <nav class=\"c-paginator__nav\" aria-label=\"Pagination\">\n        <Button\n          icon=\"fa-solid fa-chevron-left\"\n          rel=\"prev\"\n          :disabled=\"settings.page <= 1\"\n          :callback=\"() => goToPage(settings.page - 1)\"\n        />\n\n        <template v-for=\"(p, i) in visiblePages\" :key=\"i\">\n          <span v-if=\"p === '...'\" class=\"c-paginator__ellipsis\">&hellip;</span>\n          <button\n            v-else\n            type=\"button\"\n            class=\"c-paginator__page\"\n            :class=\"{\n              'is-active': p === settings.page,\n              'is-hidden-sm': shouldHideOnSmall(p),\n            }\"\n            @click=\"goToPage(p)\"\n          >\n            {{ p }}\n          </button>\n        </template>\n\n        <Button\n          icon=\"fa-solid fa-chevron-right\"\n          rel=\"next\"\n          :disabled=\"settings.page >= totalPages\"\n          :callback=\"() => goToPage(settings.page + 1)\"\n        />\n      </nav>\n\n      <div class=\"c-paginator__size\">\n        <select\n          class=\"c-paginator__select\"\n          id=\"page-size-select\"\n          :value=\"settings.pageSize\"\n          @change=\"changePageSize\"\n        >\n          <option v-for=\"s in SIZE_OPTIONS\" :key=\"s\" :value=\"s\">{{ s }} elem / oldal</option>\n        </select>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-paginator.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components82.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components82.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst DEFAULT_PAGE_SIZE = 25\n\nexport function getPageSize(storageKey: string): number {\n  // URL > localStorage > default\n  const urlSize = readUrlNumber('pageSize')\n  if (urlSize != null) return urlSize\n  try {\n    const fullStorageKey = getFullStorageKey('pagination', storageKey)\n    const raw = localStorage.getItem(fullStorageKey)\n    if (raw) {\n      const size = Number(raw)\n      if (size > 0) return size\n    }\n  } catch {\n    console.warn('Failed to read page size from localStorage')\n  }\n  return DEFAULT_PAGE_SIZE\n}\n\nexport function getDefaultPaginator(storageKey: string) {\n  return {\n    total: 0,\n    page: readUrlNumber('page') ?? 1,\n    pageSize: getPageSize(storageKey),\n  } as PaginatorSettings\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted } from 'vue'\nimport Button from '@/components/Button.vue'\nimport type { PaginatorSettings, PageSettings } from '@/types/data-list'\nimport { getFullStorageKey } from '@/utils/storageKey'\nimport { readUrlNumber, writeUrlOrRemove } from '@/utils/url'\n\nconst props = withDefaults(\n  defineProps<{ settings: PaginatorSettings; storageKey: string; handleUrl?: boolean }>(),\n  { handleUrl: false },\n)\n\nconst emit = defineEmits<{\n  'update:pagination': [pagination: PageSettings]\n}>()\n\nfunction savePageSize(size: number) {\n  try {\n    localStorage.setItem(getFullStorageKey('pagination', props.storageKey), String(size))\n  } catch {\n    console.warn('Failed to save page size to localStorage')\n  }\n}\n\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(props.settings.total / props.settings.pageSize)),\n)\n\nconst rangeStart = computed(() =>\n  props.settings.total === 0 ? 0 : (props.settings.page - 1) * props.settings.pageSize + 1,\n)\nconst rangeEnd = computed(() =>\n  Math.min(props.settings.page * props.settings.pageSize, props.settings.total),\n)\n\nconst visiblePages = computed<(number | '...')[]>(() => {\n  const total = totalPages.value\n  const current = props.settings.page\n\n  if (total <= SLOT_COUNT) {\n    const pages: number[] = []\n    for (let i = 1; i <= total; i++) pages.push(i)\n    return pages\n  }\n\n  const inner = SLOT_COUNT - 2\n  let winStart = current - 1\n  let winEnd = current + 1\n  if (winStart < 2) {\n    winEnd = Math.min(total - 1, winEnd + (2 - winStart))\n    winStart = 2\n  }\n  if (winEnd > total - 1) {\n    winStart = Math.max(2, winStart - (winEnd - (total - 1)))\n    winEnd = total - 1\n  }\n\n  while (winEnd - winStart + 1 < inner) {\n    const canExtendLeft = winStart > 2\n    const canExtendRight = winEnd < total - 1\n    if (!canExtendLeft && !canExtendRight) break\n\n    const roomLeft = winStart - 2\n    const roomRight = total - 1 - winEnd\n\n    const ellipsisIfExtendLeft =\n      ((canExtendLeft ? winStart - 1 : 0) > 2 ? 1 : 0) + (winEnd < total - 1 ? 1 : 0)\n    const ellipsisIfExtendRight =\n      (winStart > 2 ? 1 : 0) + ((canExtendRight ? winEnd + 1 : 0) < total - 1 ? 1 : 0)\n\n    const newSize = winEnd - winStart + 2\n\n    let extended = false\n    if (\n      canExtendLeft &&\n      (roomLeft >= roomRight || !canExtendRight) &&\n      newSize + ellipsisIfExtendLeft <= inner\n    ) {\n      winStart--\n      extended = true\n    } else if (canExtendRight && newSize + ellipsisIfExtendRight <= inner) {\n      winEnd++\n      extended = true\n    }\n    if (!extended) break\n  }\n  const showLeftEllipsis = winStart > 2\n  const showRightEllipsis = winEnd < total - 1\n\n  const pages: (number | '...')[] = []\n  pages.push(1)\n  if (showLeftEllipsis) pages.push('...')\n  for (let p = winStart; p <= winEnd; p++) pages.push(p)\n  if (showRightEllipsis) pages.push('...')\n  pages.push(total)\n\n  return pages\n})\n\nconst SLOT_COUNT = 7\n\nfunction shouldHideOnSmall(page: number) {\n  const current = props.settings.page\n  const total = totalPages.value\n\n  const isEdge = page === 1 || page === total\n  const isCurrent = page === current\n\n  const isMiddleRange = current > 3 && current < total - 2\n\n  return isMiddleRange && !isEdge && !isCurrent\n}\n\nfunction goToPage(page: number) {\n  if (page < 1 || page > totalPages.value || page === props.settings.page) return\n  writeUrlOrRemove('page', page, { handleUrl: props.handleUrl, default: 1 })\n  writeUrlOrRemove('pageSize', props.settings.pageSize, { handleUrl: props.handleUrl })\n  emit('update:pagination', { page, pageSize: props.settings.pageSize })\n}\n\nfunction changePageSize(event: Event) {\n  const size = Number((event.target as HTMLSelectElement).value)\n  savePageSize(size)\n  writeUrlOrRemove('pageSize', size, { handleUrl: props.handleUrl })\n  writeUrlOrRemove('page', 1, { handleUrl: props.handleUrl, default: 1 })\n  emit('update:pagination', { page: 1, pageSize: size })\n}\n\nonMounted(() => {\n  if (!props.handleUrl) return\n\n  const urlSize = readUrlNumber('pageSize')\n  const urlPage = readUrlNumber('page')\n  if (urlSize == null || urlPage == null) return\n  if (urlSize === props.settings.pageSize && urlPage === props.settings.page) return\n  emit('update:pagination', { page: urlPage, pageSize: urlSize })\n})\n</script>\n\n<template>\n  <div class=\"ac-component c-paginator-wrapper\">\n    <div class=\"c-paginator\">\n      <div class=\"c-paginator__info\">\n        <span class=\"c-paginator__range\">{{ rangeStart }}&ndash;{{ rangeEnd }}</span>\n        <span class=\"c-paginator__total\"> / {{ settings.total }}</span>\n      </div>\n\n      <nav class=\"c-paginator__nav\" aria-label=\"Pagination\">\n        <Button\n          icon=\"fa-solid fa-chevron-left\"\n          rel=\"prev\"\n          :disabled=\"settings.page <= 1\"\n          :callback=\"() => goToPage(settings.page - 1)\"\n        />\n\n        <template v-for=\"(p, i) in visiblePages\" :key=\"i\">\n          <span v-if=\"p === '...'\" class=\"c-paginator__ellipsis\">&hellip;</span>\n          <button\n            v-else\n            type=\"button\"\n            class=\"c-paginator__page\"\n            :class=\"{\n              'is-active': p === settings.page,\n              'is-hidden-sm': shouldHideOnSmall(p),\n            }\"\n            @click=\"goToPage(p)\"\n          >\n            {{ p }}\n          </button>\n        </template>\n\n        <Button\n          icon=\"fa-solid fa-chevron-right\"\n          rel=\"next\"\n          :disabled=\"settings.page >= totalPages\"\n          :callback=\"() => goToPage(settings.page + 1)\"\n        />\n      </nav>\n\n      <div class=\"c-paginator__size\">\n        <select\n          class=\"c-paginator__select\"\n          id=\"page-size-select\"\n          :value=\"settings.pageSize\"\n          @change=\"changePageSize\"\n        >\n          <option v-for=\"s in SIZE_OPTIONS\" :key=\"s\" :value=\"s\">{{ s }} elem / oldal</option>\n        </select>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-paginator.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components82.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst DEFAULT_PAGE_SIZE = 25\n\nexport function getPageSize(storageKey: string): number {\n  // URL > localStorage > default\n  const urlSize = readUrlNumber('pageSize')\n  if (urlSize != null) return urlSize\n  try {\n    const fullStorageKey = getFullStorageKey('pagination', storageKey)\n    const raw = localStorage.getItem(fullStorageKey)\n    if (raw) {\n      const size = Number(raw)\n      if (size > 0) return size\n    }\n  } catch {\n    console.warn('Failed to read page size from localStorage')\n  }\n  return DEFAULT_PAGE_SIZE\n}\n\nexport function getDefaultPaginator(storageKey: string) {\n  return {\n    total: 0,\n    page: readUrlNumber('page') ?? 1,\n    pageSize: getPageSize(storageKey),\n  } as PaginatorSettings\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted } from 'vue'\nimport Button from '@/components/Button.vue'\nimport type { PaginatorSettings, PageSettings } from '@/types/data-list'\nimport { getFullStorageKey } from '@/utils/storageKey'\nimport { readUrlNumber, writeUrlOrRemove } from '@/utils/url'\n\nconst props = withDefaults(\n  defineProps<{\n    settings: PaginatorSettings\n    storageKey: string\n    handleUrl?: boolean\n    fontSize?: 'small' | 'normal' | 'large'\n  }>(),\n  { handleUrl: false, fontSize: 'normal' },\n)\n\nconst emit = defineEmits<{\n  'update:pagination': [pagination: PageSettings]\n}>()\n\nfunction savePageSize(size: number) {\n  try {\n    localStorage.setItem(getFullStorageKey('pagination', props.storageKey), String(size))\n  } catch {\n    console.warn('Failed to save page size to localStorage')\n  }\n}\n\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(props.settings.total / props.settings.pageSize)),\n)\n\nconst rangeStart = computed(() =>\n  props.settings.total === 0 ? 0 : (props.settings.page - 1) * props.settings.pageSize + 1,\n)\nconst rangeEnd = computed(() =>\n  Math.min(props.settings.page * props.settings.pageSize, props.settings.total),\n)\n\nconst visiblePages = computed<(number | '...')[]>(() => {\n  const total = totalPages.value\n  const current = props.settings.page\n\n  if (total <= SLOT_COUNT) {\n    const pages: number[] = []\n    for (let i = 1; i <= total; i++) pages.push(i)\n    return pages\n  }\n\n  const inner = SLOT_COUNT - 2\n  let winStart = current - 1\n  let winEnd = current + 1\n  if (winStart < 2) {\n    winEnd = Math.min(total - 1, winEnd + (2 - winStart))\n    winStart = 2\n  }\n  if (winEnd > total - 1) {\n    winStart = Math.max(2, winStart - (winEnd - (total - 1)))\n    winEnd = total - 1\n  }\n\n  while (winEnd - winStart + 1 < inner) {\n    const canExtendLeft = winStart > 2\n    const canExtendRight = winEnd < total - 1\n    if (!canExtendLeft && !canExtendRight) break\n\n    const roomLeft = winStart - 2\n    const roomRight = total - 1 - winEnd\n\n    const ellipsisIfExtendLeft =\n      ((canExtendLeft ? winStart - 1 : 0) > 2 ? 1 : 0) + (winEnd < total - 1 ? 1 : 0)\n    const ellipsisIfExtendRight =\n      (winStart > 2 ? 1 : 0) + ((canExtendRight ? winEnd + 1 : 0) < total - 1 ? 1 : 0)\n\n    const newSize = winEnd - winStart + 2\n\n    let extended = false\n    if (\n      canExtendLeft &&\n      (roomLeft >= roomRight || !canExtendRight) &&\n      newSize + ellipsisIfExtendLeft <= inner\n    ) {\n      winStart--\n      extended = true\n    } else if (canExtendRight && newSize + ellipsisIfExtendRight <= inner) {\n      winEnd++\n      extended = true\n    }\n    if (!extended) break\n  }\n  const showLeftEllipsis = winStart > 2\n  const showRightEllipsis = winEnd < total - 1\n\n  const pages: (number | '...')[] = []\n  pages.push(1)\n  if (showLeftEllipsis) pages.push('...')\n  for (let p = winStart; p <= winEnd; p++) pages.push(p)\n  if (showRightEllipsis) pages.push('...')\n  pages.push(total)\n\n  return pages\n})\n\nconst SLOT_COUNT = 7\n\nfunction shouldHideOnSmall(page: number) {\n  const current = props.settings.page\n  const total = totalPages.value\n\n  const isEdge = page === 1 || page === total\n  const isCurrent = page === current\n\n  const isMiddleRange = current > 3 && current < total - 2\n\n  return isMiddleRange && !isEdge && !isCurrent\n}\n\nfunction goToPage(page: number) {\n  if (page < 1 || page > totalPages.value || page === props.settings.page) return\n  writeUrlOrRemove('page', page, { handleUrl: props.handleUrl, default: 1 })\n  writeUrlOrRemove('pageSize', props.settings.pageSize, { handleUrl: props.handleUrl })\n  emit('update:pagination', { page, pageSize: props.settings.pageSize })\n}\n\nfunction changePageSize(event: Event) {\n  const size = Number((event.target as HTMLSelectElement).value)\n  savePageSize(size)\n  writeUrlOrRemove('pageSize', size, { handleUrl: props.handleUrl })\n  writeUrlOrRemove('page', 1, { handleUrl: props.handleUrl, default: 1 })\n  emit('update:pagination', { page: 1, pageSize: size })\n}\n\nonMounted(() => {\n  if (!props.handleUrl) return\n\n  const urlSize = readUrlNumber('pageSize')\n  const urlPage = readUrlNumber('page')\n  if (urlSize == null || urlPage == null) return\n  if (urlSize === props.settings.pageSize && urlPage === props.settings.page) return\n  emit('update:pagination', { page: urlPage, pageSize: urlSize })\n})\n</script>\n\n<template>\n  <div class=\"ac-component c-paginator-wrapper\" :class=\"[`is-font-${fontSize}`]\">\n    <div class=\"c-paginator\">\n      <div class=\"c-paginator__info\">\n        <span class=\"c-paginator__range\">{{ rangeStart }}&ndash;{{ rangeEnd }}</span>\n        <span class=\"c-paginator__total\"> / {{ settings.total }}</span>\n      </div>\n\n      <nav class=\"c-paginator__nav\" aria-label=\"Pagination\">\n        <Button\n          icon=\"fa-solid fa-chevron-left\"\n          rel=\"prev\"\n          :disabled=\"settings.page <= 1\"\n          :callback=\"() => goToPage(settings.page - 1)\"\n        />\n\n        <template v-for=\"(p, i) in visiblePages\" :key=\"i\">\n          <span v-if=\"p === '...'\" class=\"c-paginator__ellipsis\">&hellip;</span>\n          <button\n            v-else\n            type=\"button\"\n            class=\"c-paginator__page\"\n            :class=\"{\n              'is-active': p === settings.page,\n              'is-hidden-sm': shouldHideOnSmall(p),\n            }\"\n            @click=\"goToPage(p)\"\n          >\n            {{ p }}\n          </button>\n        </template>\n\n        <Button\n          icon=\"fa-solid fa-chevron-right\"\n          rel=\"next\"\n          :disabled=\"settings.page >= totalPages\"\n          :callback=\"() => goToPage(settings.page + 1)\"\n        />\n      </nav>\n\n      <div class=\"c-paginator__size\">\n        <select\n          class=\"c-paginator__select\"\n          id=\"page-size-select\"\n          :value=\"settings.pageSize\"\n          @change=\"changePageSize\"\n        >\n          <option v-for=\"s in SIZE_OPTIONS\" :key=\"s\" :value=\"s\">{{ s }} elem / oldal</option>\n        </select>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-paginator.scss\"></style>\n"],"mappings":""}

package/dist/src/components/data-table/DataCards.vue.d.ts

@@ -1,24 +1,24 @@
-import { DataListConfig, DataCardsSettings, DataListSettings } from '../../types/data-list';
+import { DataListConfig, DataListSettings } from '../../types/data-list';
 export { dataCardsSettingsDefaults } from '../../types/data-list';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     config: DataListConfig;
     items: Record<string, unknown>[];
-    settings?: DataCardsSettings | DataListSettings;
+    settings?: Partial<DataListSettings>;
     loading?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "selection-change": (selected: unknown[]) => any;
 }, string, import('vue').PublicProps, Readonly<{
     config: DataListConfig;
     items: Record<string, unknown>[];
-    settings?: DataCardsSettings | DataListSettings;
+    settings?: Partial<DataListSettings>;
     loading?: boolean;
 }> & Readonly<{
     "onSelection-change"?: ((selected: unknown[]) => any) | undefined;
 }>, {
     loading: boolean;
-    settings: DataCardsSettings | DataListSettings;
+    settings: Partial<DataListSettings>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     [x: string]: ((props: {
         item: any;

package/dist/src/components/data-table/DataPaginator.vue.d.ts

@@ -7,14 +7,17 @@ declare const __VLS_export: import('vue').DefineComponent<{
     settings: PaginatorSettings;
     storageKey: string;
     handleUrl?: boolean;
+    fontSize?: "small" | "normal" | "large";
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:pagination": (pagination: PageSettings) => any;
 }, string, import('vue').PublicProps, Readonly<{
     settings: PaginatorSettings;
     storageKey: string;
     handleUrl?: boolean;
+    fontSize?: "small" | "normal" | "large";
 }> & Readonly<{
     "onUpdate:pagination"?: ((pagination: PageSettings) => any) | undefined;
 }>, {
+    fontSize: "small" | "normal" | "large";
     handleUrl: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/components/data-table/DataTable.vue.d.ts

@@ -1,4 +1,4 @@
-import { DataListConfig, DataTableSettings } from '../../types/data-list';
+import { DataListConfig, DataListSettings } from '../../types/data-list';
 export type { LayoutMode, DataListConfig, DataListSettings, DataTableSettings, DataCardsSettings, Column, Sort, Action, ActionGroup, FilterConfig, FilterValue, } from '../../types/data-list';
 export { dataTableSettingsDefaults, dataCardsSettingsDefaults, dataListSettingsDefaults, } from '../../types/data-list';
 declare const _default: typeof __VLS_export;
@@ -6,7 +6,7 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     config: DataListConfig;
     items: Record<string, unknown>[];
-    settings?: DataTableSettings;
+    settings?: Partial<DataListSettings>;
     loading?: boolean;
     initialSort?: {
         key: string;
@@ -21,7 +21,7 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
 }, string, import('vue').PublicProps, Readonly<{
     config: DataListConfig;
     items: Record<string, unknown>[];
-    settings?: DataTableSettings;
+    settings?: Partial<DataListSettings>;
     loading?: boolean;
     initialSort?: {
         key: string;
@@ -35,7 +35,7 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     }) => any) | undefined;
 }>, {
     loading: boolean;
-    settings: DataTableSettings;
+    settings: Partial<DataListSettings>;
     initialSort: {
         key: string;
         direction: "desc" | "asc";

package/dist/src/types/data-list.d.ts

@@ -1,5 +1,5 @@
 import { DropdownOption } from '../components/DropdownSelect.vue';
-import { PickedDate, PickedUtcRange } from './types';
+import { ControlSize, PickedDate, PickedUtcRange } from './types';
 import { ButtonType } from '../components/Button.vue';
 import { ConfirmModalProps } from '../components/ConfirmModal.vue';
 export type FilterValue = string | PickedDate | PickedUtcRange | string[] | null | undefined;
@@ -24,6 +24,7 @@ export interface DataListSettings extends DataTableSettings, DataCardsSettings {
     columnOrder: string[];
     cardHeaderOrder: string[];
     filtersEager: boolean;
+    fontSize: ControlSize;
 }
 export interface PageSettings {
     page: number;

package/dist/styles/components/data-table/data-cards.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.ac-component .c-cards-wrapper,.ac-component.c-cards-wrapper{max-height:var(--data-list-max-height,75dvh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.c-data-list--fill-height>.ac-component .c-cards-wrapper,.c-data-list--fill-height>.ac-component.c-cards-wrapper{flex:auto;height:auto;min-height:0;max-height:none}.ac-component .c-cards-wrapper.is-loading,.ac-component.c-cards-wrapper.is-loading{touch-action:none;overflow:hidden}.ac-component .c-cards-wrapper.is-loading .c-cards,.ac-component.c-cards-wrapper.is-loading .c-cards{opacity:.45;transition:opacity .15s ease-out}.ac-component .c-cards-wrapper .c-cards,.ac-component.c-cards-wrapper .c-cards{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);flex-direction:column;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.ac-component .c-cards-wrapper .c-cards.is-compact,.ac-component.c-cards-wrapper .c-cards.is-compact{gap:.25rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__header,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__header{--header-padding-y:.375rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__label,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__label{font-size:.6rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__field,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__field{min-height:unset;padding-top:.5rem;padding-bottom:.375rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__body,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__body{row-gap:.5rem;padding-bottom:.5rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__actions,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__actions{padding-top:0}.ac-component .c-cards-wrapper .c-cards__loading-wrap,.ac-component.c-cards-wrapper .c-cards__loading-wrap{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.ac-component .c-cards-wrapper .c-cards__backdrop,.ac-component.c-cards-wrapper .c-cards__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;animation:.15s ease-out c-cards-backdrop-in;display:flex;position:absolute;inset:0}.ac-component .c-cards-wrapper .c-card,.ac-component.c-cards-wrapper .c-card{border:1px solid var(--neutral-200);background:var(--neutral-0);border-radius:.75rem;transition:border-color .15s,box-shadow .15s}.ac-component .c-cards-wrapper .c-card.is-open,.ac-component.c-cards-wrapper .c-card.is-open{border-color:var(--premium-500)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__header,.ac-component.c-cards-wrapper .c-card.is-open .c-card__header{background:var(--premium-50)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__header:hover,.ac-component.c-cards-wrapper .c-card.is-open .c-card__header:hover{background:var(--premium-100)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__icon,.ac-component.c-cards-wrapper .c-card.is-open .c-card__icon{transform:rotate(180deg)}.ac-component .c-cards-wrapper .c-card.is-selected,.ac-component.c-cards-wrapper .c-card.is-selected{border-color:var(--premium-400);box-shadow:0 0 0 1px var(--premium-200)}.ac-component .c-cards-wrapper .c-card.is-selected .c-card__header,.ac-component.c-cards-wrapper .c-card.is-selected .c-card__header{background:var(--site-100)}.ac-component .c-cards-wrapper .c-card.is-selected .c-card__header:hover,.ac-component.c-cards-wrapper .c-card.is-selected .c-card__header:hover{background:var(--site-200)}.ac-component .c-cards-wrapper .c-card__header,.ac-component.c-cards-wrapper .c-card__header{--header-padding-y:.75rem;--header-padding-x:.75rem;width:100%;padding:var(--header-padding-y) var(--header-padding-x);border-radius:inherit;background:var(--neutral-50);color:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:.5rem;line-height:1.2;transition:background-color .15s;display:flex}.ac-component .c-cards-wrapper .c-card__header:hover,.ac-component.c-cards-wrapper .c-card__header:hover{background:var(--premium-100)}.ac-component .c-cards-wrapper .c-card__check-zone,.ac-component.c-cards-wrapper .c-card__check-zone{padding:0 .5rem 0 var(--header-padding-x);margin:calc(-1 * var(--header-padding-y)) -.5rem calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x));align-self:stretch;align-items:center;display:flex}.ac-component .c-cards-wrapper .c-card__check-zone .c-checkbox,.ac-component.c-cards-wrapper .c-card__check-zone .c-checkbox{width:1.25rem;height:1.25rem}.ac-component .c-cards-wrapper .c-card__heading,.ac-component.c-cards-wrapper .c-card__heading{flex-direction:row;flex:auto;gap:.5rem;min-width:0;display:flex}.ac-component .c-cards-wrapper .c-card__heading-item,.ac-component.c-cards-wrapper .c-card__heading-item{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.ac-component .c-cards-wrapper .c-card__heading-item.primary,.ac-component.c-cards-wrapper .c-card__heading-item.primary{flex:2 1 0}.ac-component .c-cards-wrapper .c-card__label,.ac-component.c-cards-wrapper .c-card__label{color:var(--neutral-600);text-transform:uppercase;letter-spacing:.03em;font-size:.675rem;font-weight:700}.ac-component .c-cards-wrapper .c-card__title,.ac-component.c-cards-wrapper .c-card__title{color:var(--neutral-800);font-size:.85rem;font-weight:600}.ac-component .c-cards-wrapper .c-card__icon,.ac-component.c-cards-wrapper .c-card__icon{margin:calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x)) calc(-1 * var(--header-padding-y)) 0;color:var(--neutral-700);cursor:pointer;justify-content:center;align-self:stretch;align-items:center;padding:0 .75rem;font-size:.9rem;transition:transform .2s;display:flex}.ac-component .c-cards-wrapper .c-card__body,.ac-component.c-cards-wrapper .c-card__body{--field-gap-x:.375rem;gap:.75rem var(--field-gap-x);flex-wrap:wrap;padding:.625rem;display:flex;container-type:inline-size}.ac-component .c-cards-wrapper .c-card__field,.ac-component.c-cards-wrapper .c-card__field{flex:1 1 calc(50% - .5 * var(--field-gap-x));border:1px solid var(--neutral-200);border-radius:8px;align-items:center;min-height:2.5rem;padding:.5rem;display:flex;position:relative}.ac-component .c-cards-wrapper .c-card__field:hover .c-copy-btn,.ac-component.c-cards-wrapper .c-card__field:hover .c-copy-btn{opacity:1}.ac-component .c-cards-wrapper .c-card__field-value,.ac-component.c-cards-wrapper .c-card__field-value{overflow-wrap:break-word;word-break:break-word;flex:1;font-size:.875rem}.ac-component .c-cards-wrapper .c-card__field-label,.ac-component.c-cards-wrapper .c-card__field-label{letter-spacing:.02em;background:var(--neutral-0);color:var(--neutral-600);padding:0 .125rem;font-size:.7rem;font-weight:700;position:absolute;top:-.5lh;left:.5rem}.ac-component .c-cards-wrapper .c-card__field .c-copy-btn,.ac-component.c-cards-wrapper .c-card__field .c-copy-btn{opacity:0}.ac-component .c-cards-wrapper .c-card__field-copy,.ac-component.c-cards-wrapper .c-card__field-copy{background:var(--neutral-0);padding:.125rem;position:absolute;top:-.625lh;right:.375rem}.ac-component .c-cards-wrapper .c-card__field-copy:hover,.ac-component.c-cards-wrapper .c-card__field-copy:hover{color:var(--premium-600);background:var(--background-100)}@media (hover:none),(pointer:coarse){.ac-component .c-cards-wrapper .c-card__field:focus-within,.ac-component .c-cards-wrapper .c-card__field:hover,.ac-component.c-cards-wrapper .c-card__field:focus-within,.ac-component.c-cards-wrapper .c-card__field:hover{border-color:var(--neutral-300)}.ac-component .c-cards-wrapper .c-card__field:focus-within .c-card__field-copy,.ac-component .c-cards-wrapper .c-card__field:hover .c-card__field-copy,.ac-component.c-cards-wrapper .c-card__field:focus-within .c-card__field-copy,.ac-component.c-cards-wrapper .c-card__field:hover .c-card__field-copy{opacity:1}}.ac-component .c-cards-wrapper .c-card__actions,.ac-component.c-cards-wrapper .c-card__actions{flex-wrap:wrap;flex:100%;justify-content:space-around;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}@keyframes c-cards-backdrop-in{0%{opacity:0}to{opacity:1}}@container (width<=526px){.ac-component .c-cards-wrapper .c-card__field,.ac-component.c-cards-wrapper .c-card__field{flex-basis:100%}}
+.ac-component .c-cards-wrapper,.ac-component.c-cards-wrapper{max-height:var(--data-list-max-height,75dvh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.c-data-list--fill-height>.ac-component .c-cards-wrapper,.c-data-list--fill-height>.ac-component.c-cards-wrapper{flex:auto;height:auto;min-height:0;max-height:none}.ac-component .c-cards-wrapper.is-loading,.ac-component.c-cards-wrapper.is-loading{touch-action:none;overflow:hidden}.ac-component .c-cards-wrapper.is-loading .c-cards,.ac-component.c-cards-wrapper.is-loading .c-cards{opacity:.45;transition:opacity .15s ease-out}.ac-component .c-cards-wrapper.is-font-small .c-cards,.ac-component.c-cards-wrapper.is-font-small .c-cards{font-size:.875rem}.ac-component .c-cards-wrapper.is-font-normal .c-cards,.ac-component.c-cards-wrapper.is-font-normal .c-cards{font-size:1rem}.ac-component .c-cards-wrapper.is-font-large .c-cards,.ac-component.c-cards-wrapper.is-font-large .c-cards{font-size:1.125rem}.ac-component .c-cards-wrapper .c-cards,.ac-component.c-cards-wrapper .c-cards{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);flex-direction:column;gap:.5rem;padding:.5rem 0;font-size:1rem;display:flex}.ac-component .c-cards-wrapper .c-cards button,.ac-component.c-cards-wrapper .c-cards button{font-size:inherit}.ac-component .c-cards-wrapper .c-cards.is-compact,.ac-component.c-cards-wrapper .c-cards.is-compact{gap:.25rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__header,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__header{--header-padding-y:.375rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__label,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__label{font-size:.675rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__title,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__title{font-size:inherit}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__field,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__field{min-height:unset;padding-top:.5rem;padding-bottom:.375rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__body,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__body{row-gap:.5rem;padding-bottom:.5rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__actions,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__actions{padding-top:0}.ac-component .c-cards-wrapper .c-cards__loading-wrap,.ac-component.c-cards-wrapper .c-cards__loading-wrap{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.ac-component .c-cards-wrapper .c-cards__backdrop,.ac-component.c-cards-wrapper .c-cards__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;animation:.15s ease-out c-cards-backdrop-in;display:flex;position:absolute;inset:0}.ac-component .c-cards-wrapper .c-card,.ac-component.c-cards-wrapper .c-card{border:1px solid var(--neutral-200);background:var(--neutral-0);border-radius:.75rem;transition:border-color .15s,box-shadow .15s}.ac-component .c-cards-wrapper .c-card.is-open,.ac-component.c-cards-wrapper .c-card.is-open{border-color:var(--premium-500)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__header,.ac-component.c-cards-wrapper .c-card.is-open .c-card__header{background:var(--premium-50)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__header:hover,.ac-component.c-cards-wrapper .c-card.is-open .c-card__header:hover{background:var(--premium-100)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__icon,.ac-component.c-cards-wrapper .c-card.is-open .c-card__icon{transform:rotate(180deg)}.ac-component .c-cards-wrapper .c-card.is-selected,.ac-component.c-cards-wrapper .c-card.is-selected{border-color:var(--premium-400);box-shadow:0 0 0 1px var(--premium-200)}.ac-component .c-cards-wrapper .c-card.is-selected .c-card__header,.ac-component.c-cards-wrapper .c-card.is-selected .c-card__header{background:var(--site-100)}.ac-component .c-cards-wrapper .c-card.is-selected .c-card__header:hover,.ac-component.c-cards-wrapper .c-card.is-selected .c-card__header:hover{background:var(--site-200)}.ac-component .c-cards-wrapper .c-card__header,.ac-component.c-cards-wrapper .c-card__header{--header-padding-y:.75rem;--header-padding-x:.75rem;width:100%;padding:var(--header-padding-y) var(--header-padding-x);border-radius:inherit;background:var(--neutral-50);color:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:.5rem;line-height:1.2;transition:background-color .15s;display:flex}.ac-component .c-cards-wrapper .c-card__header:hover,.ac-component.c-cards-wrapper .c-card__header:hover{background:var(--premium-100)}.ac-component .c-cards-wrapper .c-card__check-zone,.ac-component.c-cards-wrapper .c-card__check-zone{padding:0 .5rem 0 var(--header-padding-x);margin:calc(-1 * var(--header-padding-y)) -.5rem calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x));align-self:stretch;align-items:center;display:flex}.ac-component .c-cards-wrapper .c-card__check-zone .c-checkbox,.ac-component.c-cards-wrapper .c-card__check-zone .c-checkbox{width:1.25rem;height:1.25rem}.ac-component .c-cards-wrapper .c-card__heading,.ac-component.c-cards-wrapper .c-card__heading{flex-direction:row;flex:auto;gap:.5rem;min-width:0;display:flex}.ac-component .c-cards-wrapper .c-card__heading-item,.ac-component.c-cards-wrapper .c-card__heading-item{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.ac-component .c-cards-wrapper .c-card__heading-item.primary,.ac-component.c-cards-wrapper .c-card__heading-item.primary{flex:2 1 0}.ac-component .c-cards-wrapper .c-card__label,.ac-component.c-cards-wrapper .c-card__label{color:var(--neutral-600);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:700}.ac-component .c-cards-wrapper .c-card__title,.ac-component.c-cards-wrapper .c-card__title{color:var(--neutral-800);font-weight:600}.ac-component .c-cards-wrapper .c-card__icon,.ac-component.c-cards-wrapper .c-card__icon{margin:calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x)) calc(-1 * var(--header-padding-y)) 0;color:var(--neutral-700);cursor:pointer;justify-content:center;align-self:stretch;align-items:center;padding:0 .75rem;transition:transform .2s;display:flex}.ac-component .c-cards-wrapper .c-card__body,.ac-component.c-cards-wrapper .c-card__body{--field-gap-x:.375rem;gap:.75rem var(--field-gap-x);flex-wrap:wrap;padding:.625rem;display:flex;container-type:inline-size}.ac-component .c-cards-wrapper .c-card__field,.ac-component.c-cards-wrapper .c-card__field{flex:1 1 calc(50% - .5 * var(--field-gap-x));border:1px solid var(--neutral-200);border-radius:8px;align-items:center;min-height:2.5rem;padding:.5rem;display:flex;position:relative}.ac-component .c-cards-wrapper .c-card__field:hover .c-copy-btn,.ac-component.c-cards-wrapper .c-card__field:hover .c-copy-btn{opacity:1}.ac-component .c-cards-wrapper .c-card__field-value,.ac-component.c-cards-wrapper .c-card__field-value{overflow-wrap:break-word;word-break:break-word;flex:1}.ac-component .c-cards-wrapper .c-card__field-label,.ac-component.c-cards-wrapper .c-card__field-label{letter-spacing:.02em;background:var(--neutral-0);color:var(--neutral-600);padding:0 .125rem;font-weight:700;position:absolute;top:-.5lh;left:.5rem}.ac-component .c-cards-wrapper .c-card__field .c-copy-btn,.ac-component.c-cards-wrapper .c-card__field .c-copy-btn{opacity:0}.ac-component .c-cards-wrapper .c-card__field-copy,.ac-component.c-cards-wrapper .c-card__field-copy{background:var(--neutral-0);padding:.125rem;position:absolute;top:-.625lh;right:.375rem}.ac-component .c-cards-wrapper .c-card__field-copy:hover,.ac-component.c-cards-wrapper .c-card__field-copy:hover{color:var(--premium-600);background:var(--background-100)}@media (hover:none),(pointer:coarse){.ac-component .c-cards-wrapper .c-card__field:focus-within,.ac-component .c-cards-wrapper .c-card__field:hover,.ac-component.c-cards-wrapper .c-card__field:focus-within,.ac-component.c-cards-wrapper .c-card__field:hover{border-color:var(--neutral-300)}.ac-component .c-cards-wrapper .c-card__field:focus-within .c-card__field-copy,.ac-component .c-cards-wrapper .c-card__field:hover .c-card__field-copy,.ac-component.c-cards-wrapper .c-card__field:focus-within .c-card__field-copy,.ac-component.c-cards-wrapper .c-card__field:hover .c-card__field-copy{opacity:1}}.ac-component .c-cards-wrapper .c-card__actions,.ac-component.c-cards-wrapper .c-card__actions{flex-wrap:wrap;flex:100%;justify-content:space-around;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}@keyframes c-cards-backdrop-in{0%{opacity:0}to{opacity:1}}@container (width<=526px){.ac-component .c-cards-wrapper .c-card__field,.ac-component.c-cards-wrapper .c-card__field{flex-basis:100%}}

package/dist/styles/components/data-table/data-list-options.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.ac-component .list-options{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ac-component .list-options__col{min-width:0}.ac-component .list-options__title{text-transform:uppercase;letter-spacing:.03em;color:var(--neutral-600);margin:0 0 .25rem;font-size:.8rem;font-weight:600}.ac-component .list-options__title-value{text-transform:none;letter-spacing:0;color:var(--neutral-500);font-weight:400}.ac-component .list-options__list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.ac-component .list-options__item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;align-items:center;gap:.4rem;padding:.2rem .25rem;font-size:.85rem;display:flex}.ac-component .list-options__item:hover{background:var(--neutral-100)}.ac-component .list-options__item--disabled{opacity:.5;cursor:not-allowed}.ac-component .list-options__item--disabled .c-checkbox{pointer-events:none}.ac-component .list-options__item--selected{background:var(--premium-100);border-radius:4px}.ac-component .list-options__item--dragging{opacity:.4}.ac-component .list-options__drag-handle{cursor:grab;color:#aaa;font-size:.7rem}.ac-component .list-options__drag-handle:active{cursor:grabbing}.ac-component .list-options__toggle{cursor:pointer;flex:1;align-items:center;gap:.5rem;min-width:0;padding:.25rem 0;display:flex}.ac-component .list-options__move-actions{gap:.5rem;margin-top:.5rem;display:flex}.ac-component .list-options__move-btn{border:1px solid var(--neutral-200);background:var(--neutral-0);width:2.5rem;height:2.5rem;color:var(--neutral-700);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;transition:background-color .15s,color .15s;display:flex}.ac-component .list-options__move-btn:hover:not(:disabled){background:var(--premium-100);color:var(--premium-600)}.ac-component .list-options__move-btn:disabled{opacity:.3;cursor:not-allowed}.ac-component .list-options .layout-switch{border:1px solid var(--neutral-200);border-radius:6px;margin-top:.25rem;display:inline-flex;position:relative}.ac-component .list-options .layout-switch__btn{background:var(--background-50);color:var(--neutral-600);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.575rem .875rem;font-size:.9375rem;transition:all .15s;display:flex}.ac-component .list-options .layout-switch__btn:first-child{border-radius:5px 0 0 5px}.ac-component .list-options .layout-switch__btn:last-child{border-radius:0 5px 5px 0}.ac-component .list-options .layout-switch__btn:not(:last-child){border-right:1px solid var(--neutral-200)}.ac-component .list-options .layout-switch__btn:hover:not(.ac-component .list-options .layout-switch__btn--active){background:var(--neutral-100);color:var(--neutral-700)}.ac-component .list-options .layout-switch__btn--active{background:var(--ac-color-primary);color:var(--neutral-0)}.ac-component .list-options-footer{justify-content:space-between;align-items:center;display:flex}
+.ac-component .list-options{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ac-component .list-options__col{min-width:0}.ac-component .list-options__col--full{grid-column:1/-1;width:100%}.ac-component .list-options__title{text-transform:uppercase;letter-spacing:.03em;color:var(--neutral-600);margin:0 0 .25rem;font-size:.8rem;font-weight:600}.ac-component .list-options__title-value{text-transform:none;letter-spacing:0;color:var(--neutral-500);font-weight:400}.ac-component .list-options__list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.ac-component .list-options__item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;align-items:center;gap:.4rem;padding:.2rem .25rem;font-size:.85rem;display:flex}.ac-component .list-options__item:hover{background:var(--neutral-100)}.ac-component .list-options__item--disabled{opacity:.5;cursor:not-allowed}.ac-component .list-options__item--disabled .c-checkbox{pointer-events:none}.ac-component .list-options__item--selected{background:var(--premium-100);border-radius:4px}.ac-component .list-options__item--dragging{opacity:.4}.ac-component .list-options__drag-handle{cursor:grab;color:#aaa;font-size:.7rem}.ac-component .list-options__drag-handle:active{cursor:grabbing}.ac-component .list-options__toggle{cursor:pointer;flex:1;align-items:center;gap:.5rem;min-width:0;padding:.25rem 0;display:flex}.ac-component .list-options__move-actions{gap:.5rem;margin-top:.5rem;display:flex}.ac-component .list-options__move-btn{border:1px solid var(--neutral-200);background:var(--neutral-0);width:2.5rem;height:2.5rem;color:var(--neutral-700);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;transition:background-color .15s,color .15s;display:flex}.ac-component .list-options__move-btn:hover:not(:disabled){background:var(--premium-100);color:var(--premium-600)}.ac-component .list-options__move-btn:disabled{opacity:.3;cursor:not-allowed}.ac-component .list-options .layout-switch{border:1px solid var(--neutral-200);border-radius:6px;margin-top:.25rem;display:inline-flex;position:relative}.ac-component .list-options .layout-switch__btn{background:var(--background-50);color:var(--neutral-600);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.45rem .75rem;font-size:.85rem;transition:all .15s;display:flex}.ac-component .list-options .layout-switch__btn:first-child{border-radius:5px 0 0 5px}.ac-component .list-options .layout-switch__btn:last-child{border-radius:0 5px 5px 0}.ac-component .list-options .layout-switch__btn:not(:last-child){border-right:1px solid var(--neutral-200)}.ac-component .list-options .layout-switch__btn:hover:not(.ac-component .list-options .layout-switch__btn--active){background:var(--neutral-100);color:var(--neutral-700)}.ac-component .list-options .layout-switch__btn--active{background:var(--ac-color-primary);color:var(--neutral-0)}.ac-component .list-options-footer{justify-content:space-between;align-items:center;display:flex}

package/dist/styles/components/data-table/data-list.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.ac-component .c-data-list{width:100%;min-width:0}.ac-component .c-data-list--fill-height{--data-list-max-height:none;flex-direction:column;flex:auto;min-height:0;display:flex}.ac-component .c-data-list--fill-height>.c-table-wrapper{flex:auto;height:auto;min-height:0;max-height:none}.ac-component .c-data-list__toolbar{align-items:center;gap:.5rem;margin-bottom:.5rem;padding-inline:.5rem;display:flex}@media (width<=1024px){.ac-component .c-data-list__toolbar{flex-wrap:wrap;padding-inline:.25rem}.ac-component .c-data-list__toolbar .flex-center-wrap-on-mobile{flex-basis:100%;order:99}}.ac-component .c-data-list__toolbar .settings-btn .fa-gear{margin-inline:-1px}.ac-component .c-data-list__toolbar__right{white-space:nowrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}@media (width<=1280px){.ac-component .c-data-list__toolbar__right{gap:.25rem}}.ac-component .c-data-list .dc-datetime{white-space:normal;display:inline}.ac-component .c-data-list .dc-datetime__part{white-space:nowrap}.ac-component .c-data-list .dc-datetime__sep{white-space:normal;width:.25em;display:inline-block}.ac-component .c-data-list .dc-loading{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}
+.ac-component .c-data-list{width:100%;min-width:0}.ac-component .c-data-list--fill-height{--data-list-max-height:none;flex-direction:column;flex:auto;min-height:0;display:flex}.ac-component .c-data-list--fill-height>.c-table-wrapper{flex:auto;height:auto;min-height:0;max-height:none}.ac-component .c-data-list__toolbar{padding-inline:.5rem;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-top:.5rem;display:flex}@media (width<=1024px){.ac-component .c-data-list__toolbar{flex-wrap:wrap;padding-inline:.25rem}.ac-component .c-data-list__toolbar .flex-center-wrap-on-mobile{flex-basis:100%;order:99}}.ac-component .c-data-list__toolbar .settings-btn .fa-gear{margin-inline:-1px}.ac-component .c-data-list__toolbar__right{white-space:nowrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}@media (width<=1280px){.ac-component .c-data-list__toolbar__right{gap:.25rem}}.ac-component .c-data-list .dc-datetime{white-space:normal;display:inline}.ac-component .c-data-list .dc-datetime__part{white-space:nowrap}.ac-component .c-data-list .dc-datetime__sep{white-space:normal;width:.25em;display:inline-block}.ac-component .c-data-list .dc-loading{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}

package/dist/styles/components/data-table/data-paginator.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.c-paginator-wrapper{padding-top:.25rem;container:paginator/inline-size}.c-paginator{background:var(--neutral-50);grid-template-columns:1fr auto 1fr;grid-template-areas:"info nav size";align-items:center;gap:.5rem;padding:.375rem;font-size:.8125rem;display:grid;box-shadow:0 -2px 5px -1px #32325d40,0 -1px 3px -1px #0000004d}.c-paginator__info{color:var(--neutral-600);white-space:nowrap;grid-area:info;justify-self:start}.c-paginator__range{color:var(--neutral-800);font-weight:600}.c-paginator__nav{grid-area:nav;justify-self:center;align-items:center;gap:.25rem;display:flex}.c-paginator__page{min-width:2rem;height:2rem;color:var(--neutral-700);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:0 .375rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.c-paginator__page:hover{background:var(--neutral-150);border-color:var(--neutral-200)}.c-paginator__page.is-active{background:var(--ac-color-info);color:var(--neutral-0);border-color:var(--ac-color-info);cursor:default}.c-paginator__ellipsis{min-width:2rem;height:2rem;color:var(--neutral-400);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.c-paginator__size{grid-area:size;justify-self:end;align-items:center;display:flex}.c-paginator__select{appearance:none;border:1px solid var(--neutral-200);background:var(--neutral-0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234a5759'/%3E%3C/svg%3E") no-repeat right .625rem center;color:var(--neutral-800);cursor:pointer;background-size:.625rem;border-radius:.375rem;padding:.375rem 2rem .375rem .625rem;font-size:.8125rem;transition:border-color .15s}.c-paginator__select:hover{border-color:var(--neutral-300)}.c-paginator__select:focus{border-color:var(--ac-color-info);outline:none;box-shadow:0 0 0 2px #f265221f}@container paginator (width<=640px){.c-paginator{grid-template-columns:1fr 1fr;grid-template-areas:"nav nav""info size"}.c-paginator__nav{justify-self:center;width:max-content;max-width:100%}.c-paginator__info{text-align:left;white-space:nowrap;justify-self:start}.c-paginator__size{justify-content:flex-end;justify-self:end;display:flex}}@container paginator (width<=420px){.c-paginator .is-hidden-sm{display:none}}
+.c-paginator-wrapper{padding-top:.25rem;container:paginator/inline-size}.c-paginator-wrapper.is-font-small{font-size:.875rem}.c-paginator-wrapper.is-font-normal{font-size:1rem}.c-paginator-wrapper.is-font-large{font-size:1.125rem}.c-paginator-wrapper .c-paginator,.c-paginator-wrapper .c-paginator__info,.c-paginator-wrapper .c-paginator__range,.c-paginator-wrapper .c-paginator__total,.c-paginator-wrapper .c-paginator__nav,.c-paginator-wrapper .c-paginator__page,.c-paginator-wrapper .c-paginator__ellipsis,.c-paginator-wrapper .c-paginator__size,.c-paginator-wrapper .c-paginator__select{font-size:inherit}.c-paginator-wrapper.is-font-small .c-paginator__page,.c-paginator-wrapper.is-font-small .c-paginator__select{min-width:1.75rem;height:1.75rem;padding:0 .3125rem}.c-paginator-wrapper.is-font-small .c-paginator__select{padding:.3125rem 1.75rem .3125rem .5rem}.c-paginator-wrapper.is-font-large .c-paginator__page,.c-paginator-wrapper.is-font-large .c-paginator__select{min-width:2.25rem;height:2.25rem;padding:0 .4375rem}.c-paginator-wrapper.is-font-large .c-paginator__select{padding:.4375rem 2.25rem .4375rem .75rem}.c-paginator{background:var(--neutral-50);grid-template-columns:1fr auto 1fr;grid-template-areas:"info nav size";align-items:center;gap:.5rem;padding:.375rem;display:grid;box-shadow:0 -2px 5px -1px #32325d40,0 -1px 3px -1px #0000004d}.c-paginator__info{color:var(--neutral-600);white-space:nowrap;grid-area:info;justify-self:start}.c-paginator__range{color:var(--neutral-800);font-weight:600}.c-paginator__nav{grid-area:nav;justify-self:center;align-items:center;gap:.25rem;display:flex}.c-paginator__page{min-width:2rem;height:2rem;color:var(--neutral-700);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:0 .375rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.c-paginator__page:hover{background:var(--neutral-150);border-color:var(--neutral-200)}.c-paginator__page.is-active{background:var(--ac-color-info);color:var(--neutral-0);border-color:var(--ac-color-info);cursor:default}.c-paginator__ellipsis{min-width:2rem;height:2rem;color:var(--neutral-400);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.c-paginator__size{grid-area:size;justify-self:end;align-items:center;display:flex}.c-paginator__select{appearance:none;border:1px solid var(--neutral-200);background:var(--neutral-0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234a5759'/%3E%3C/svg%3E") no-repeat right .625rem center;color:var(--neutral-800);cursor:pointer;background-size:.625rem;border-radius:.375rem;padding:.375rem 2rem .375rem .625rem;transition:border-color .15s}.c-paginator__select:hover{border-color:var(--neutral-300)}.c-paginator__select:focus{border-color:var(--ac-color-info);outline:none;box-shadow:0 0 0 2px #f265221f}@container paginator (width<=640px){.c-paginator{grid-template-columns:1fr 1fr;grid-template-areas:"nav nav""info size"}.c-paginator__nav{justify-self:center;width:max-content;max-width:100%}.c-paginator__info{text-align:left;white-space:nowrap;justify-self:start}.c-paginator__size{justify-content:flex-end;justify-self:end;display:flex}}@container paginator (width<=420px){.c-paginator .is-hidden-sm{display:none}}

package/dist/styles/components/data-table/data-table.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.c-table-wrapper{--table-col-max-width:clamp(12rem, 10vw, 22rem);--table-primary-col-min-width:clamp(14rem, 33vw, 20rem);--table-primary-col-max-width:clamp(14rem, 28vw, 28rem);max-height:var(--data-list-max-height,75dvh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.c-table-wrapper .c-table{--cell-padding:.375rem;border-collapse:collapse;width:100%;min-width:48rem;font-size:.875rem}.c-table-wrapper .c-table thead{z-index:2;background-color:var(--neutral-150);position:sticky;top:0;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.c-table-wrapper .c-table th,.c-table-wrapper .c-table td{padding:var(--cell-padding);text-align:left;border-bottom:1px solid var(--neutral-200);overflow-wrap:break-word}.c-table-wrapper .c-table .primary-col{min-width:var(--table-primary-col-min-width);max-width:var(--table-primary-col-max-width);overflow-wrap:anywhere;word-break:break-word}.c-table-wrapper .c-table th.c-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.c-table-wrapper .c-table th.c-sortable--sorted{color:var(--premium-500)}.c-table-wrapper .c-table th.c-sortable:hover{color:#1e2627}.c-table-wrapper .c-table th .c-sort-icon{color:var(--neutral-400);margin-left:.25rem;transition:color .15s}.c-table-wrapper .c-table th .c-sort-icon--active{color:var(--premium-500)}.c-table-wrapper .c-table td{max-width:var(--table-col-max-width)}.c-table-wrapper .c-table td.is-nowrap{white-space:nowrap}.c-table-wrapper .c-table.is-compact th,.c-table-wrapper .c-table.is-compact td{padding-block:.25rem}.c-table-wrapper .c-table tbody tr.is-striped{background-color:var(--neutral-50)}.c-table-wrapper .c-table tbody tr.is-selected,.c-table-wrapper .c-table tbody tr.is-striped.is-selected{background-color:var(--premium-200)}.c-table-wrapper .c-table tbody .c-table__loading-row,.c-table-wrapper .c-table tbody .c-table__loading-row:hover{background-color:#0000}.c-table-wrapper .c-table tbody .c-table__loading-cell{text-align:center;border-bottom:1px solid var(--neutral-200);padding:2rem}.c-table-wrapper .c-table tbody .c-table__loading-wrap{justify-content:center;align-items:center;width:100%;display:flex}@media (hover:hover) and (pointer:fine){.c-table-wrapper .c-table th.c-sortable:hover .c-sort-icon{color:var(--neutral-700)}.c-table-wrapper .c-table tbody tr:hover,.c-table-wrapper .c-table tbody tr.is-striped:hover{background-color:var(--premium-100)}.c-table-wrapper .c-table tbody tr:hover td,.c-table-wrapper .c-table tbody tr.is-striped:hover td{border-color:var(--premium-400)}.c-table-wrapper .c-table tbody tr.is-selected:hover,.c-table-wrapper .c-table tbody tr.is-striped.is-selected:hover{background-color:var(--premium-300)}}.c-table-wrapper .c-table .c-actions-header{text-align:center}.c-table-wrapper .c-table .c-actions-cell .c-actions-wrap{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem;width:fit-content;max-width:100%;margin-inline:auto;display:flex}.c-table-wrapper .c-table__cell{position:relative}@media (hover:none),(pointer:coarse){.c-table-wrapper .c-table__cell{transition:background-color .15s}.c-table-wrapper .c-table__cell:focus-within,.c-table-wrapper .c-table__cell:hover{background-color:#dfefef80}}.c-table-wrapper .c-table__cell .c-copy-btn{opacity:0;position:absolute;top:0;right:0}.c-table-wrapper .c-table__cell:hover .c-copy-btn,.c-table-wrapper .c-table__cell:focus-within .c-copy-btn{opacity:1}.c-table-wrapper .c-table__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;padding-top:3rem;animation:.15s ease-out c-table-backdrop-in;display:flex;position:absolute;inset:0}.c-table-wrapper.is-loading{touch-action:none;overflow:hidden}.c-table-wrapper.is-loading .c-table tbody{opacity:.45;transition:opacity .15s ease-out}@keyframes c-table-backdrop-in{0%{opacity:0}to{opacity:1}}
+.c-table-wrapper{--table-col-max-width:clamp(12rem, 10vw, 22rem);--table-primary-col-min-width:clamp(14rem, 33vw, 20rem);--table-primary-col-max-width:clamp(14rem, 28vw, 28rem);max-height:var(--data-list-max-height,75dvh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.c-table-wrapper.is-font-small .c-table{font-size:.875rem}.c-table-wrapper.is-font-normal .c-table{font-size:1rem}.c-table-wrapper.is-font-large .c-table{font-size:1.125rem}.c-table-wrapper .c-table{--cell-padding:.375rem;border-collapse:collapse;width:100%;min-width:48rem;font-size:1rem}.c-table-wrapper .c-table thead{z-index:2;background-color:var(--neutral-150);position:sticky;top:0;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.c-table-wrapper .c-table th,.c-table-wrapper .c-table td{padding:var(--cell-padding);text-align:left;border-bottom:1px solid var(--neutral-200);overflow-wrap:break-word}.c-table-wrapper .c-table .primary-col{min-width:var(--table-primary-col-min-width);max-width:var(--table-primary-col-max-width);overflow-wrap:anywhere;word-break:break-word}.c-table-wrapper .c-table th.c-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.c-table-wrapper .c-table th.c-sortable--sorted{color:var(--premium-500)}.c-table-wrapper .c-table th.c-sortable:hover{color:#1e2627}.c-table-wrapper .c-table th .c-sort-icon{color:var(--neutral-400);margin-left:.25rem;transition:color .15s}.c-table-wrapper .c-table th .c-sort-icon--active{color:var(--premium-500)}.c-table-wrapper .c-table td{max-width:var(--table-col-max-width)}.c-table-wrapper .c-table td.is-nowrap{white-space:nowrap}.c-table-wrapper .c-table.is-compact th,.c-table-wrapper .c-table.is-compact td{padding-block:.25rem}.c-table-wrapper .c-table tbody tr.is-striped{background-color:var(--neutral-50)}.c-table-wrapper .c-table tbody tr.is-selected,.c-table-wrapper .c-table tbody tr.is-striped.is-selected{background-color:var(--premium-200)}.c-table-wrapper .c-table tbody .c-table__loading-row,.c-table-wrapper .c-table tbody .c-table__loading-row:hover{background-color:#0000}.c-table-wrapper .c-table tbody .c-table__loading-cell{text-align:center;border-bottom:1px solid var(--neutral-200);padding:2rem}.c-table-wrapper .c-table tbody .c-table__loading-wrap{justify-content:center;align-items:center;width:100%;display:flex}@media (hover:hover) and (pointer:fine){.c-table-wrapper .c-table th.c-sortable:hover .c-sort-icon{color:var(--neutral-700)}.c-table-wrapper .c-table tbody tr:hover,.c-table-wrapper .c-table tbody tr.is-striped:hover{background-color:var(--premium-100)}.c-table-wrapper .c-table tbody tr:hover td,.c-table-wrapper .c-table tbody tr.is-striped:hover td{border-color:var(--premium-400)}.c-table-wrapper .c-table tbody tr.is-selected:hover,.c-table-wrapper .c-table tbody tr.is-striped.is-selected:hover{background-color:var(--premium-300)}}.c-table-wrapper .c-table .c-actions-header{text-align:center}.c-table-wrapper .c-table .c-actions-cell .c-actions-wrap{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem;width:fit-content;max-width:100%;margin-inline:auto;display:flex}.c-table-wrapper .c-table__cell{position:relative}@media (hover:none),(pointer:coarse){.c-table-wrapper .c-table__cell{transition:background-color .15s}.c-table-wrapper .c-table__cell:focus-within,.c-table-wrapper .c-table__cell:hover{background-color:#dfefef80}}.c-table-wrapper .c-table__cell .c-copy-btn{opacity:0;position:absolute;top:0;right:0}.c-table-wrapper .c-table__cell:hover .c-copy-btn,.c-table-wrapper .c-table__cell:focus-within .c-copy-btn{opacity:1}.c-table-wrapper .c-table__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;padding-top:3rem;animation:.15s ease-out c-table-backdrop-in;display:flex;position:absolute;inset:0}.c-table-wrapper.is-loading{touch-action:none;overflow:hidden}.c-table-wrapper.is-loading .c-table tbody{opacity:.45;transition:opacity .15s ease-out}@keyframes c-table-backdrop-in{0%{opacity:0}to{opacity:1}}