admins-components 9.0.49 → 9.0.51

package/dist/admins-components5.js

@@ -1,23 +1,20 @@
 import { sizeToClass as e, typeToClass as t } from "./admins-components4.js";
-import { computed as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, defineComponent as o, mergeDefaults as s, normalizeClass as c, openBlock as l, toDisplayString as u } from "vue";
+import { computed as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, mergeDefaults as o, normalizeClass as s, openBlock as c, toDisplayString as l } from "vue";
 //#region src/components/Button.vue?vue&type=script&setup=true&lang.ts
-var d = [
+var u = [
 	"aria-label",
 	"title",
 	"disabled"
-], f = { key: 1 }, p = {
-	key: 0,
-	class: "c-btn-indicator"
-}, m = {
+], d = { key: 1 }, f = ["aria-label"], p = {
 	size: "normal",
 	type: "normal",
 	outline: !1,
 	icon: void 0,
 	iconPosition: "left",
 	labelAlignmentFix: !1
-}, h = /* @__PURE__ */ o({
+}, m = /* @__PURE__ */ a({
 	__name: "Button",
-	props: /* @__PURE__ */ s({
+	props: /* @__PURE__ */ o({
 		size: {},
 		type: {},
 		outline: { type: Boolean },
@@ -29,33 +26,38 @@ var d = [
 		disabled: { type: [Boolean, Function] },
 		indicator: {},
 		labelAlignmentFix: { type: Boolean }
-	}, { ...m }),
-	setup(o) {
-		let s = o, m = n(() => [
+	}, { ...p }),
+	setup(a) {
+		let o = a, p = n(() => [
 			"c-btn",
-			e(s.size, "c-btn"),
-			s.outline && "c-btn-outline",
-			t(s.type, "c-btn")
-		]), h = n(() => s.disabled === void 0 || s.disabled === null ? !1 : typeof s.disabled == "function" ? s.disabled() : s.disabled);
-		return (e, t) => (l(), i("button", {
+			e(o.size, "c-btn"),
+			o.outline && "c-btn-outline",
+			t(o.type, "c-btn")
+		]), m = n(() => o.disabled === void 0 || o.disabled === null ? !1 : typeof o.disabled == "function" ? o.disabled() : o.disabled);
+		return (e, t) => (c(), i("button", {
 			type: "button",
-			class: c(m.value),
-			"aria-label": o.ariaLabel ?? o.label,
-			title: o.ariaLabel ?? o.label,
-			onClick: t[0] ||= (e) => o.callback?.(),
-			disabled: h.value
+			class: s(p.value),
+			"aria-label": a.ariaLabel ?? a.label,
+			title: a.ariaLabel ?? a.label,
+			onClick: t[0] ||= (e) => a.callback?.(),
+			disabled: m.value
 		}, [
-			o.icon && o.iconPosition === "left" ? (l(), i("i", {
+			a.icon && a.iconPosition === "left" ? (c(), i("i", {
 				key: 0,
-				class: c(o.icon)
+				class: s(a.icon)
 			}, null, 2)) : r("", !0),
-			o.label ? (l(), i("span", f, [a(u(o.label) + " ", 1), o.indicator !== void 0 && o.indicator !== null ? (l(), i("span", p, u(o.indicator), 1)) : r("", !0)])) : r("", !0),
-			o.icon && o.iconPosition === "right" ? (l(), i("i", {
+			a.label ? (c(), i("span", d, l(a.label), 1)) : r("", !0),
+			a.indicator != null && a.indicator !== "" ? (c(), i("span", {
 				key: 2,
-				class: c(o.icon)
+				class: "c-btn-indicator",
+				"aria-label": `${a.indicator}`
+			}, l(a.indicator), 9, f)) : r("", !0),
+			a.icon && a.iconPosition === "right" ? (c(), i("i", {
+				key: 3,
+				class: s(a.icon)
 			}, null, 2)) : r("", !0)
-		], 10, d));
+		], 10, u));
 	}
 });
 //#endregion
-export { m as buttonDefaults, h as default };
+export { p as buttonDefaults, m as default };

package/dist/admins-components5.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components5.js","names":[],"sources":["../src/components/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ButtonType = 'normal' | 'dark' | 'success' | 'error' | 'warning' | 'info'\n\nexport type IconPosition = 'left' | 'right'\n\nexport interface ButtonProps {\n  size?: ControlSize\n  type?: ButtonType\n  outline?: boolean\n  icon?: string\n  iconPosition?: IconPosition\n  label?: string\n  ariaLabel?: string\n  callback?: () => void\n  disabled?: boolean | (() => boolean)\n  indicator?: string | number\n  labelAlignmentFix?: boolean\n}\n\nexport const buttonDefaults = {\n  size: 'normal' as ControlSize,\n  type: 'normal' as ButtonType,\n  outline: false,\n  icon: undefined,\n  iconPosition: 'left' as IconPosition,\n  labelAlignmentFix: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { sizeToClass, typeToClass } from '@/utils/dom'\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  ...buttonDefaults,\n})\n\nconst classes = computed(() => [\n  'c-btn',\n  sizeToClass(props.size, 'c-btn'),\n  props.outline && 'c-btn-outline',\n  typeToClass(props.type, 'c-btn'),\n])\n\nconst isDisabled = computed(() => {\n  if (props.disabled === undefined || props.disabled === null) return false\n  return typeof props.disabled === 'function' ? props.disabled() : props.disabled\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"classes\"\n    :aria-label=\"ariaLabel ?? label\"\n    :title=\"ariaLabel ?? label\"\n    @click=\"callback?.()\"\n    :disabled=\"isDisabled\"\n  >\n    <i v-if=\"icon && iconPosition === 'left'\" :class=\"icon\"></i>\n<!-- :class=\"{ 'align-center-fix': labelAlignmentFix }\"  -->\n    <span v-if=\"label\" >\n      {{ label }}\n\n      <span v-if=\"indicator !== undefined && indicator !== null\" class=\"c-btn-indicator\">\n        {{ indicator }}\n      </span>\n    </span>\n\n    <i v-if=\"icon && iconPosition === 'right'\" :class=\"icon\"></i>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;GAmBa,IAAiB;CAC5B,MAAM;CACN,MAAM;CACN,SAAS;CACT,MAAM,KAAA;CACN,cAAc;CACd,mBAAmB;AACrB;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAIR,IAAU,QAAe;GAC7B;GACA,EAAY,EAAM,MAAM,OAAO;GAC/B,EAAM,WAAW;GACjB,EAAY,EAAM,MAAM,OAAO;EACjC,CAAC,GAEK,IAAa,QACb,EAAM,aAAa,KAAA,KAAa,EAAM,aAAa,OAAa,KAC7D,OAAO,EAAM,YAAa,aAAa,EAAM,SAAS,IAAI,EAAM,QACxE;yBAIC,EAmBS,UAAA;GAlBP,MAAK;GACJ,OAAK,EAAE,EAAA,KAAO;GACd,cAAY,EAAA,aAAa,EAAA;GACzB,OAAO,EAAA,aAAa,EAAA;GACpB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,WAAQ;GACf,UAAU,EAAA;;GAEF,EAAA,QAAQ,EAAA,iBAAY,UAAA,EAAA,GAA7B,EAA4D,KAAA;;IAAjB,OAAK,EAAE,EAAA,IAAI;;GAE1C,EAAA,SAAA,EAAA,GAAZ,EAMO,QAAA,GAAA,CAAA,EAAA,EALF,EAAA,KAAK,IAAG,KAEX,CAAA,GAAY,EAAA,cAAc,KAAA,KAAa,EAAA,cAAS,QAAA,EAAA,GAAhD,EAEO,QAFP,GAEO,EADF,EAAA,SAAS,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAIP,EAAA,QAAQ,EAAA,iBAAY,WAAA,EAAA,GAA7B,EAA6D,KAAA;;IAAjB,OAAK,EAAE,EAAA,IAAI"}
+{"version":3,"file":"admins-components5.js","names":[],"sources":["../src/components/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ButtonType = 'normal' | 'dark' | 'success' | 'error' | 'warning' | 'info'\n\nexport type IconPosition = 'left' | 'right'\n\nexport interface ButtonProps {\n  size?: ControlSize\n  type?: ButtonType\n  outline?: boolean\n  icon?: string\n  iconPosition?: IconPosition\n  label?: string\n  ariaLabel?: string\n  callback?: () => void\n  disabled?: boolean | (() => boolean)\n  indicator?: string | number\n  labelAlignmentFix?: boolean\n}\n\nexport const buttonDefaults = {\n  size: 'normal' as ControlSize,\n  type: 'normal' as ButtonType,\n  outline: false,\n  icon: undefined,\n  iconPosition: 'left' as IconPosition,\n  labelAlignmentFix: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { sizeToClass, typeToClass } from '@/utils/dom'\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  ...buttonDefaults,\n})\n\nconst classes = computed(() => [\n  'c-btn',\n  sizeToClass(props.size, 'c-btn'),\n  props.outline && 'c-btn-outline',\n  typeToClass(props.type, 'c-btn'),\n])\n\nconst isDisabled = computed(() => {\n  if (props.disabled === undefined || props.disabled === null) return false\n  return typeof props.disabled === 'function' ? props.disabled() : props.disabled\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"classes\"\n    :aria-label=\"ariaLabel ?? label\"\n    :title=\"ariaLabel ?? label\"\n    @click=\"callback?.()\"\n    :disabled=\"isDisabled\"\n  >\n    <i v-if=\"icon && iconPosition === 'left'\" :class=\"icon\"></i>\n    <span v-if=\"label\">{{ label }}</span>\n    <span\n      v-if=\"indicator != null && indicator !== ''\"\n      class=\"c-btn-indicator\"\n      :aria-label=\"`${indicator}`\"\n    >\n      {{ indicator }}\n    </span>\n    <i v-if=\"icon && iconPosition === 'right'\" :class=\"icon\"></i>\n  </button>\n</template>\n"],"mappings":";;;;;;;uCAmBa,IAAiB;CAC5B,MAAM;CACN,MAAM;CACN,SAAS;CACT,MAAM,KAAA;CACN,cAAc;CACd,mBAAmB;AACrB;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAIR,IAAU,QAAe;GAC7B;GACA,EAAY,EAAM,MAAM,OAAO;GAC/B,EAAM,WAAW;GACjB,EAAY,EAAM,MAAM,OAAO;EACjC,CAAC,GAEK,IAAa,QACb,EAAM,aAAa,KAAA,KAAa,EAAM,aAAa,OAAa,KAC7D,OAAO,EAAM,YAAa,aAAa,EAAM,SAAS,IAAI,EAAM,QACxE;yBAIC,EAkBS,UAAA;GAjBP,MAAK;GACJ,OAAK,EAAE,EAAA,KAAO;GACd,cAAY,EAAA,aAAa,EAAA;GACzB,OAAO,EAAA,aAAa,EAAA;GACpB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,WAAQ;GACf,UAAU,EAAA;;GAEF,EAAA,QAAQ,EAAA,iBAAY,UAAA,EAAA,GAA7B,EAA4D,KAAA;;IAAjB,OAAK,EAAE,EAAA,IAAI;;GAC1C,EAAA,SAAA,EAAA,GAAZ,EAAqC,QAAA,GAAA,EAAf,EAAA,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAEnB,EAAA,aAAS,QAAY,EAAA,cAAS,MAAA,EAAA,GADtC,EAMO,QAAA;;IAJL,OAAM;IACL,cAAU,GAAK,EAAA;QAEb,EAAA,SAAS,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAEL,EAAA,QAAQ,EAAA,iBAAY,WAAA,EAAA,GAA7B,EAA6D,KAAA;;IAAjB,OAAK,EAAE,EAAA,IAAI"}

package/dist/admins-components58.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components58.js","names":[],"sources":["../src/types/data-list.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport type { PickedDate, PickedUtcRange } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\n\nexport type FilterValue = string | PickedDate | PickedUtcRange | string[] | null | undefined\n\nexport interface FilterConfig {\n  type: 'text' | 'date' | 'date-range' | 'select' | 'multi-select'\n  key: string\n  placeholder?: string\n  options?: DropdownOption[]\n}\n\nexport type LayoutMode = 'table' | 'cards' | 'screen'\n\nexport interface DataTableSettings {\n  striped: boolean\n  compact: boolean\n}\n\nexport interface DataCardsSettings {\n  compact: boolean\n}\n\nexport interface DataListSettings extends DataTableSettings, DataCardsSettings {\n  layout: LayoutMode\n  columns: Record<string, boolean>\n  cardHeaderColumns: Record<string, boolean>\n  columnOrder: string[]\n  cardHeaderOrder: string[]\n}\n\nexport interface PageSettings {\n  page: number\n  pageSize: number\n}\n\nexport interface PaginatorSettings extends PageSettings {\n  total: number\n}\n\nexport interface DataListConfig {\n  selectableAttr?: string | undefined\n  columns: Column[]\n\n  actions?: Array<Action | ActionGroup> | undefined\n  actionHeader?: string | undefined\n}\n\nexport type ColumnType = 'normal' | 'uuid' | 'date' | 'datetime'\n\nexport interface Column {\n  visible?: boolean | undefined\n  primary?: boolean | undefined\n  label: string\n  property: string\n  sort?: undefined | Sort\n  type?: ColumnType\n  class?: string | undefined\n  headerClass?: string | undefined\n  hideCopyToClipboard?: boolean | undefined\n\n  converter?: undefined | ((v: any, item: any) => any)\n  loading?: (() => boolean) | undefined\n}\n\nexport type SortDirection = 'asc' | 'desc' | null\n\nexport interface Sort {\n  label: string\n  active: Ref<boolean> | undefined\n  direction?: Ref<SortDirection> | undefined\n  callback: (property: string, direction: SortDirection) => any\n}\n\nexport interface Action {\n  icon: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  type?: ButtonType\n  config?: Record<string, any> | undefined\n  disabled?: (item: any) => boolean\n  callback: (item: any) => any\n  withConfirm?: boolean\n  withConfirmConfig?: (item: any) => ConfirmModalProps\n}\n\nexport interface ActionGroup {\n  isGroup: true\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  config?: Record<string, any> | undefined\n  items: Action[]\n  disabled?: (item: any) => boolean\n}\n\nexport const dataTableSettingsDefaults: DataTableSettings = {\n  striped: true,\n  compact: false,\n}\n\nexport const dataCardsSettingsDefaults: DataCardsSettings = {\n  compact: false,\n}\n\nexport const dataListSettingsDefaults: Partial<DataListSettings> = {\n  layout: 'screen',\n  compact: false,\n}\n"],"mappings":";AAqGA,IAAa,IAA+C;CAC1D,SAAS;CACT,SAAS;AACX,GAEa,IAA+C,EAC1D,SAAS,GACX,GAEa,IAAsD;CACjE,QAAQ;CACR,SAAS;AACX"}
+{"version":3,"file":"admins-components58.js","names":[],"sources":["../src/types/data-list.ts"],"sourcesContent":["import type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport type { PickedDate, PickedUtcRange } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\n\nexport type FilterValue = string | PickedDate | PickedUtcRange | string[] | null | undefined\n\nexport interface FilterConfig {\n  type: 'text' | 'date' | 'date-range' | 'select' | 'multi-select'\n  key: string\n  placeholder?: string\n  options?: DropdownOption[]\n}\n\nexport type LayoutMode = 'table' | 'cards' | 'screen'\n\nexport interface DataTableSettings {\n  striped: boolean\n  compact: boolean\n}\n\nexport interface DataCardsSettings {\n  compact: boolean\n}\n\nexport interface DataListSettings extends DataTableSettings, DataCardsSettings {\n  layout: LayoutMode\n  columns: Record<string, boolean>\n  cardHeaderColumns: Record<string, boolean>\n  columnOrder: string[]\n  cardHeaderOrder: string[]\n}\n\nexport interface PageSettings {\n  page: number\n  pageSize: number\n}\n\nexport interface PaginatorSettings extends PageSettings {\n  total: number\n}\n\nexport interface DataListConfig {\n  selectableAttr?: string\n  columns: Column[]\n\n  actions?: Array<Action | ActionGroup>\n  actionHeader?: string\n}\n\nexport type ColumnType = 'normal' | 'uuid' | 'date' | 'datetime'\n\nexport interface Column {\n  visible?: boolean\n  primary?: boolean\n  hideable?: boolean\n  label: string\n  property: string\n  sort?: Sort\n  type?: ColumnType\n  class?: string\n  headerClass?: string\n  hideCopyToClipboard?: boolean\n  hideHeader?: boolean\n\n  converter?: ((v: any, item: any) => any)\n  loading?: (() => boolean)\n}\n\nexport type SortDirection = 'asc' | 'desc' | null\n\nexport interface Sort {\n  label: string\n  callback: (property: string, direction: SortDirection) => any\n}\n\nexport interface Action {\n  icon: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  type?: ButtonType\n  config?: Record<string, any>\n  disabled?: (item: any) => boolean\n  callback: (item: any) => any\n  withConfirm?: boolean\n  withConfirmConfig?: (item: any) => ConfirmModalProps\n}\n\nexport interface ActionGroup {\n  isGroup: true\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  config?: Record<string, any>\n  items: Action[]\n  disabled?: (item: any) => boolean\n}\n\nexport const dataTableSettingsDefaults: DataTableSettings = {\n  striped: true,\n  compact: false,\n}\n\nexport const dataCardsSettingsDefaults: DataCardsSettings = {\n  compact: false,\n}\n\nexport const dataListSettingsDefaults: Partial<DataListSettings> = {\n  layout: 'screen',\n  compact: false,\n}\n"],"mappings":";AAoGA,IAAa,IAA+C;CAC1D,SAAS;CACT,SAAS;AACX,GAEa,IAA+C,EAC1D,SAAS,GACX,GAEa,IAAsD;CACjE,QAAQ;CACR,SAAS;AACX"}

package/dist/admins-components6.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components6.js","names":[],"sources":["../src/components/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ButtonType = 'normal' | 'dark' | 'success' | 'error' | 'warning' | 'info'\n\nexport type IconPosition = 'left' | 'right'\n\nexport interface ButtonProps {\n  size?: ControlSize\n  type?: ButtonType\n  outline?: boolean\n  icon?: string\n  iconPosition?: IconPosition\n  label?: string\n  ariaLabel?: string\n  callback?: () => void\n  disabled?: boolean | (() => boolean)\n  indicator?: string | number\n  labelAlignmentFix?: boolean\n}\n\nexport const buttonDefaults = {\n  size: 'normal' as ControlSize,\n  type: 'normal' as ButtonType,\n  outline: false,\n  icon: undefined,\n  iconPosition: 'left' as IconPosition,\n  labelAlignmentFix: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { sizeToClass, typeToClass } from '@/utils/dom'\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  ...buttonDefaults,\n})\n\nconst classes = computed(() => [\n  'c-btn',\n  sizeToClass(props.size, 'c-btn'),\n  props.outline && 'c-btn-outline',\n  typeToClass(props.type, 'c-btn'),\n])\n\nconst isDisabled = computed(() => {\n  if (props.disabled === undefined || props.disabled === null) return false\n  return typeof props.disabled === 'function' ? props.disabled() : props.disabled\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"classes\"\n    :aria-label=\"ariaLabel ?? label\"\n    :title=\"ariaLabel ?? label\"\n    @click=\"callback?.()\"\n    :disabled=\"isDisabled\"\n  >\n    <i v-if=\"icon && iconPosition === 'left'\" :class=\"icon\"></i>\n<!-- :class=\"{ 'align-center-fix': labelAlignmentFix }\"  -->\n    <span v-if=\"label\" >\n      {{ label }}\n\n      <span v-if=\"indicator !== undefined && indicator !== null\" class=\"c-btn-indicator\">\n        {{ indicator }}\n      </span>\n    </span>\n\n    <i v-if=\"icon && iconPosition === 'right'\" :class=\"icon\"></i>\n  </button>\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components6.js","names":[],"sources":["../src/components/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ButtonType = 'normal' | 'dark' | 'success' | 'error' | 'warning' | 'info'\n\nexport type IconPosition = 'left' | 'right'\n\nexport interface ButtonProps {\n  size?: ControlSize\n  type?: ButtonType\n  outline?: boolean\n  icon?: string\n  iconPosition?: IconPosition\n  label?: string\n  ariaLabel?: string\n  callback?: () => void\n  disabled?: boolean | (() => boolean)\n  indicator?: string | number\n  labelAlignmentFix?: boolean\n}\n\nexport const buttonDefaults = {\n  size: 'normal' as ControlSize,\n  type: 'normal' as ButtonType,\n  outline: false,\n  icon: undefined,\n  iconPosition: 'left' as IconPosition,\n  labelAlignmentFix: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { sizeToClass, typeToClass } from '@/utils/dom'\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  ...buttonDefaults,\n})\n\nconst classes = computed(() => [\n  'c-btn',\n  sizeToClass(props.size, 'c-btn'),\n  props.outline && 'c-btn-outline',\n  typeToClass(props.type, 'c-btn'),\n])\n\nconst isDisabled = computed(() => {\n  if (props.disabled === undefined || props.disabled === null) return false\n  return typeof props.disabled === 'function' ? props.disabled() : props.disabled\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"classes\"\n    :aria-label=\"ariaLabel ?? label\"\n    :title=\"ariaLabel ?? label\"\n    @click=\"callback?.()\"\n    :disabled=\"isDisabled\"\n  >\n    <i v-if=\"icon && iconPosition === 'left'\" :class=\"icon\"></i>\n    <span v-if=\"label\">{{ label }}</span>\n    <span\n      v-if=\"indicator != null && indicator !== ''\"\n      class=\"c-btn-indicator\"\n      :aria-label=\"`${indicator}`\"\n    >\n      {{ indicator }}\n    </span>\n    <i v-if=\"icon && iconPosition === 'right'\" :class=\"icon\"></i>\n  </button>\n</template>\n"],"mappings":""}

package/dist/admins-components61.js

@@ -4,16 +4,16 @@ import { getColumnValue as n } from "./admins-components59.js";
 import { shortUuid as r } from "./admins-components60.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, isVNode as d, openBlock as f, resolveDirective as p, resolveDynamicComponent as m, toDisplayString as h, withDirectives as g } from "vue";
 //#region src/components/data-table/DataCell.vue?vue&type=script&setup=true&lang.ts
-var _ = {
+var _ = { class: "dc-cell" }, v = {
 	key: 0,
 	class: "dc-loading"
-}, v = { key: 2 }, y = ["innerHTML"], b = {
+}, y = { key: 2 }, b = ["innerHTML"], x = {
 	key: 3,
 	class: "dc-datetime"
-}, x = { class: "dc-datetime__part" }, S = {
+}, S = { class: "dc-datetime__part" }, C = {
 	key: 0,
 	class: "dc-datetime__sep"
-}, C = { class: "dc-datetime__part" }, w = { key: 4 }, T = ["innerHTML"], E = /* @__PURE__ */ u({
+}, w = { class: "dc-datetime__part" }, T = { key: 4 }, E = ["innerHTML"], D = /* @__PURE__ */ u({
 	__name: "DataCell",
 	props: {
 		item: {},
@@ -24,9 +24,9 @@ var _ = {
 		}
 	},
 	setup(u) {
-		let E = u, D = i(() => n(E.item, E.col)), O = i(() => d(D.value)), k = i(() => r()(D.value)), A = i(() => {
-			if (E.col.type !== "datetime") return null;
-			let e = D.value;
+		let D = u, O = i(() => n(D.item, D.col)), k = i(() => d(O.value)), A = i(() => r()(O.value)), j = i(() => {
+			if (D.col.type !== "datetime") return null;
+			let e = O.value;
 			if (!e) return {
 				date: "",
 				time: ""
@@ -42,26 +42,26 @@ var _ = {
 		});
 		return (n, r) => {
 			let i = p("tooltip");
-			return u.col.loading?.() ? (f(), s("span", _, [l(e, {
+			return f(), s("span", _, [u.col.loading?.() ? (f(), s("span", v, [l(e, {
 				loading: !0,
 				size: "1rem"
-			})])) : O.value ? (f(), a(m(D.value), { key: 1 })) : u.col.type === "uuid" ? g((f(), s("span", v, [c("span", { innerHTML: k.value }, null, 8, y), u.copy && D.value ? (f(), a(t, {
+			})])) : k.value ? (f(), a(m(O.value), { key: 1 })) : u.col.type === "uuid" ? g((f(), s("span", y, [c("span", { innerHTML: A.value }, null, 8, b), u.copy && O.value ? (f(), a(t, {
 				key: 0,
-				value: D.value
-			}, null, 8, ["value"])) : o("", !0)])), [[i, D.value]]) : u.col.type === "datetime" ? (f(), s("span", b, [
-				c("span", x, h(A.value?.date), 1),
-				A.value?.time ? (f(), s("span", S)) : o("", !0),
-				c("span", C, h(A.value?.time), 1),
-				u.copy && D.value ? (f(), a(t, {
+				value: O.value
+			}, null, 8, ["value"])) : o("", !0)])), [[i, O.value]]) : u.col.type === "datetime" ? (f(), s("span", x, [
+				c("span", S, h(j.value?.date), 1),
+				j.value?.time ? (f(), s("span", C)) : o("", !0),
+				c("span", w, h(j.value?.time), 1),
+				u.copy && O.value ? (f(), a(t, {
 					key: 1,
-					value: D.value
+					value: O.value
 				}, null, 8, ["value"])) : o("", !0)
-			])) : (f(), s("span", w, [c("span", { innerHTML: D.value }, null, 8, T), u.copy && D.value ? (f(), a(t, {
+			])) : (f(), s("span", T, [c("span", { innerHTML: O.value }, null, 8, E), u.copy && O.value ? (f(), a(t, {
 				key: 0,
-				value: D.value
-			}, null, 8, ["value"])) : o("", !0)]));
+				value: O.value
+			}, null, 8, ["value"])) : o("", !0)]))]);
 		};
 	}
 });
 //#endregion
-export { E as default };
+export { D as default };

package/dist/admins-components61.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components61.js","names":[],"sources":["../src/components/data-table/DataCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Column } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { computed, isVNode, type VNode } from 'vue'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    item: Record<string, unknown>\n    col: Column\n    copy?: boolean\n  }>(),\n  {\n    copy: true,\n  },\n)\n\nconst columnValue = computed<string | VNode>(() => getColumnValue(props.item, props.col))\nconst isVnodeValue = computed(() => isVNode(columnValue.value))\n\nconst uuIdValue = computed(() => {\n  return shortUuid()(columnValue.value as string)\n})\n\nconst datetimeParts = computed<{ date: string; time: string } | null>(() => {\n  if (props.col.type !== 'datetime') return null\n  const value = columnValue.value as string\n  if (!value) return { date: '', time: '' }\n  const spaceIdx = value.indexOf(' ')\n  if (spaceIdx === -1) return { date: value, time: '' }\n  return {\n    date: value.slice(0, spaceIdx),\n    time: value.slice(spaceIdx + 1),\n  }\n})\n</script>\n<template>\n  <span v-if=\"col.loading?.()\" class=\"dc-loading\">\n    <Loader :loading=\"true\" size=\"1rem\" />\n  </span>\n\n  <component :is=\"columnValue\" v-else-if=\"isVnodeValue\" />\n\n  <span v-else-if=\"col.type === 'uuid'\" v-tooltip=\"columnValue\">\n    <span v-html=\"uuIdValue\"></span>\n    <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n  </span>\n  <span v-else-if=\"col.type === 'datetime'\" class=\"dc-datetime\">\n    <span class=\"dc-datetime__part\">{{ datetimeParts?.date }}</span\n    ><span v-if=\"datetimeParts?.time\" class=\"dc-datetime__sep\"> </span\n    ><span class=\"dc-datetime__part\">{{ datetimeParts?.time }}</span>\n    <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n  </span>\n\n  <span v-else\n    ><span v-html=\"columnValue\"></span\n    ><CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAWR,IAAc,QAA+B,EAAe,EAAM,MAAM,EAAM,GAAG,CAAC,GAClF,IAAe,QAAe,EAAQ,EAAY,KAAK,CAAC,GAExD,IAAY,QACT,EAAU,EAAE,EAAY,KAAe,CAC/C,GAEK,IAAgB,QAAsD;GAC1E,IAAI,EAAM,IAAI,SAAS,YAAY,OAAO;GAC1C,IAAM,IAAQ,EAAY;GAC1B,IAAI,CAAC,GAAO,OAAO;IAAE,MAAM;IAAI,MAAM;GAAG;GACxC,IAAM,IAAW,EAAM,QAAQ,GAAG;GAElC,OADI,MAAa,KAAW;IAAE,MAAM;IAAO,MAAM;GAAG,IAC7C;IACL,MAAM,EAAM,MAAM,GAAG,CAAQ;IAC7B,MAAM,EAAM,MAAM,IAAW,CAAC;GAChC;EACF,CAAC;;;UAGa,EAAA,IAAI,UAAO,KAAA,EAAA,GAAvB,EAEO,QAFP,GAEO,CADL,EAAsC,GAAA;IAA7B,SAAS;IAAM,MAAK;WAGS,EAAA,SAAA,EAAA,GAAxC,EAAwD,EAAxC,EAAA,KAAW,GAAA,EAAA,KAAA,EAAA,CAAA,KAEV,EAAA,IAAI,SAAI,SAAA,GAAA,EAAA,GAAzB,EAGO,QAAA,GAAA,CAFL,EAAgC,QAAA,EAA1B,WAAQ,EAAA,MAAS,GAAA,MAAA,GAAA,CAAA,GACA,EAAA,QAAQ,EAAA,SAAA,EAAA,GAA/B,EAAmE,GAAA;;IAAtB,OAAO,EAAA;gDAFL,EAAA,KAAW,CAAA,CAAA,IAI3C,EAAA,IAAI,SAAI,cAAA,EAAA,GAAzB,EAKO,QALP,GAKO;IAJL,EACC,QADD,GACC,EADkC,EAAA,OAAe,IAAI,GAAA,CAAA;IACzC,EAAA,OAAe,QAAA,EAAA,GAA3B,EACA,QADA,CACA,KAAA,EAAA,IAAA,EAAA;IAAA,EAAgE,QAAhE,GAAgE,EAA7B,EAAA,OAAe,IAAI,GAAA,CAAA;IAChC,EAAA,QAAQ,EAAA,SAAA,EAAA,GAA/B,EAAmE,GAAA;;KAAtB,OAAO,EAAA;;eAGtD,EAGO,QAAA,GAAA,CAFJ,EACA,QAAA,EADM,WAAQ,EAAA,MAAW,GAAA,MAAA,GAAA,CAAA,GACF,EAAA,QAAQ,EAAA,SAAA,EAAA,GAA/B,EAAmE,GAAA;;IAAtB,OAAO,EAAA"}
+{"version":3,"file":"admins-components61.js","names":[],"sources":["../src/components/data-table/DataCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Column } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { computed, isVNode, type VNode } from 'vue'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    item: Record<string, unknown>\n    col: Column\n    copy?: boolean\n  }>(),\n  {\n    copy: true,\n  },\n)\n\nconst columnValue = computed<string | VNode>(() => getColumnValue(props.item, props.col))\nconst isVnodeValue = computed(() => isVNode(columnValue.value))\n\nconst uuIdValue = computed(() => {\n  return shortUuid()(columnValue.value as string)\n})\n\nconst datetimeParts = computed<{ date: string; time: string } | null>(() => {\n  if (props.col.type !== 'datetime') return null\n  const value = columnValue.value as string\n  if (!value) return { date: '', time: '' }\n  const spaceIdx = value.indexOf(' ')\n  if (spaceIdx === -1) return { date: value, time: '' }\n  return {\n    date: value.slice(0, spaceIdx),\n    time: value.slice(spaceIdx + 1),\n  }\n})\n</script>\n<template>\n  <span class=\"dc-cell\">\n    <span v-if=\"col.loading?.()\" class=\"dc-loading\">\n      <Loader :loading=\"true\" size=\"1rem\" />\n    </span>\n\n    <component :is=\"columnValue\" v-else-if=\"isVnodeValue\" />\n\n    <span v-else-if=\"col.type === 'uuid'\" v-tooltip=\"columnValue\">\n      <span v-html=\"uuIdValue\"></span>\n      <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n    </span>\n    <span v-else-if=\"col.type === 'datetime'\" class=\"dc-datetime\">\n      <span class=\"dc-datetime__part\">{{ datetimeParts?.date }}</span\n      ><span v-if=\"datetimeParts?.time\" class=\"dc-datetime__sep\"> </span\n      ><span class=\"dc-datetime__part\">{{ datetimeParts?.time }}</span>\n      <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n    </span>\n\n    <span v-else\n      ><span v-html=\"columnValue\"></span\n      ><CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n    </span>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAWR,IAAc,QAA+B,EAAe,EAAM,MAAM,EAAM,GAAG,CAAC,GAClF,IAAe,QAAe,EAAQ,EAAY,KAAK,CAAC,GAExD,IAAY,QACT,EAAU,EAAE,EAAY,KAAe,CAC/C,GAEK,IAAgB,QAAsD;GAC1E,IAAI,EAAM,IAAI,SAAS,YAAY,OAAO;GAC1C,IAAM,IAAQ,EAAY;GAC1B,IAAI,CAAC,GAAO,OAAO;IAAE,MAAM;IAAI,MAAM;GAAG;GACxC,IAAM,IAAW,EAAM,QAAQ,GAAG;GAElC,OADI,MAAa,KAAW;IAAE,MAAM;IAAO,MAAM;GAAG,IAC7C;IACL,MAAM,EAAM,MAAM,GAAG,CAAQ;IAC7B,MAAM,EAAM,MAAM,IAAW,CAAC;GAChC;EACF,CAAC;;;eAGC,EAsBO,QAtBP,GAsBO,CArBO,EAAA,IAAI,UAAO,KAAA,EAAA,GAAvB,EAEO,QAFP,GAEO,CADL,EAAsC,GAAA;IAA7B,SAAS;IAAM,MAAK;WAGS,EAAA,SAAA,EAAA,GAAxC,EAAwD,EAAxC,EAAA,KAAW,GAAA,EAAA,KAAA,EAAA,CAAA,KAEV,EAAA,IAAI,SAAI,SAAA,GAAA,EAAA,GAAzB,EAGO,QAAA,GAAA,CAFL,EAAgC,QAAA,EAA1B,WAAQ,EAAA,MAAS,GAAA,MAAA,GAAA,CAAA,GACA,EAAA,QAAQ,EAAA,SAAA,EAAA,GAA/B,EAAmE,GAAA;;IAAtB,OAAO,EAAA;gDAFL,EAAA,KAAW,CAAA,CAAA,IAI3C,EAAA,IAAI,SAAI,cAAA,EAAA,GAAzB,EAKO,QALP,GAKO;IAJL,EACC,QADD,GACC,EADkC,EAAA,OAAe,IAAI,GAAA,CAAA;IACzC,EAAA,OAAe,QAAA,EAAA,GAA3B,EACA,QADA,CACA,KAAA,EAAA,IAAA,EAAA;IAAA,EAAgE,QAAhE,GAAgE,EAA7B,EAAA,OAAe,IAAI,GAAA,CAAA;IAChC,EAAA,QAAQ,EAAA,SAAA,EAAA,GAA/B,EAAmE,GAAA;;KAAtB,OAAO,EAAA;;eAGtD,EAGO,QAAA,GAAA,CAFJ,EACA,QAAA,EADM,WAAQ,EAAA,MAAW,GAAA,MAAA,GAAA,CAAA,GACF,EAAA,QAAQ,EAAA,SAAA,EAAA,GAA/B,EAAmE,GAAA;;IAAtB,OAAO,EAAA"}

package/dist/admins-components62.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components62.js","names":[],"sources":["../src/components/data-table/DataCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Column } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { computed, isVNode, type VNode } from 'vue'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    item: Record<string, unknown>\n    col: Column\n    copy?: boolean\n  }>(),\n  {\n    copy: true,\n  },\n)\n\nconst columnValue = computed<string | VNode>(() => getColumnValue(props.item, props.col))\nconst isVnodeValue = computed(() => isVNode(columnValue.value))\n\nconst uuIdValue = computed(() => {\n  return shortUuid()(columnValue.value as string)\n})\n\nconst datetimeParts = computed<{ date: string; time: string } | null>(() => {\n  if (props.col.type !== 'datetime') return null\n  const value = columnValue.value as string\n  if (!value) return { date: '', time: '' }\n  const spaceIdx = value.indexOf(' ')\n  if (spaceIdx === -1) return { date: value, time: '' }\n  return {\n    date: value.slice(0, spaceIdx),\n    time: value.slice(spaceIdx + 1),\n  }\n})\n</script>\n<template>\n  <span v-if=\"col.loading?.()\" class=\"dc-loading\">\n    <Loader :loading=\"true\" size=\"1rem\" />\n  </span>\n\n  <component :is=\"columnValue\" v-else-if=\"isVnodeValue\" />\n\n  <span v-else-if=\"col.type === 'uuid'\" v-tooltip=\"columnValue\">\n    <span v-html=\"uuIdValue\"></span>\n    <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n  </span>\n  <span v-else-if=\"col.type === 'datetime'\" class=\"dc-datetime\">\n    <span class=\"dc-datetime__part\">{{ datetimeParts?.date }}</span\n    ><span v-if=\"datetimeParts?.time\" class=\"dc-datetime__sep\"> </span\n    ><span class=\"dc-datetime__part\">{{ datetimeParts?.time }}</span>\n    <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n  </span>\n\n  <span v-else\n    ><span v-html=\"columnValue\"></span\n    ><CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n  </span>\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components62.js","names":[],"sources":["../src/components/data-table/DataCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Column } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { computed, isVNode, type VNode } from 'vue'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    item: Record<string, unknown>\n    col: Column\n    copy?: boolean\n  }>(),\n  {\n    copy: true,\n  },\n)\n\nconst columnValue = computed<string | VNode>(() => getColumnValue(props.item, props.col))\nconst isVnodeValue = computed(() => isVNode(columnValue.value))\n\nconst uuIdValue = computed(() => {\n  return shortUuid()(columnValue.value as string)\n})\n\nconst datetimeParts = computed<{ date: string; time: string } | null>(() => {\n  if (props.col.type !== 'datetime') return null\n  const value = columnValue.value as string\n  if (!value) return { date: '', time: '' }\n  const spaceIdx = value.indexOf(' ')\n  if (spaceIdx === -1) return { date: value, time: '' }\n  return {\n    date: value.slice(0, spaceIdx),\n    time: value.slice(spaceIdx + 1),\n  }\n})\n</script>\n<template>\n  <span class=\"dc-cell\">\n    <span v-if=\"col.loading?.()\" class=\"dc-loading\">\n      <Loader :loading=\"true\" size=\"1rem\" />\n    </span>\n\n    <component :is=\"columnValue\" v-else-if=\"isVnodeValue\" />\n\n    <span v-else-if=\"col.type === 'uuid'\" v-tooltip=\"columnValue\">\n      <span v-html=\"uuIdValue\"></span>\n      <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n    </span>\n    <span v-else-if=\"col.type === 'datetime'\" class=\"dc-datetime\">\n      <span class=\"dc-datetime__part\">{{ datetimeParts?.date }}</span\n      ><span v-if=\"datetimeParts?.time\" class=\"dc-datetime__sep\"> </span\n      ><span class=\"dc-datetime__part\">{{ datetimeParts?.time }}</span>\n      <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n    </span>\n\n    <span v-else\n      ><span v-html=\"columnValue\"></span\n      ><CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n    </span>\n  </span>\n</template>\n"],"mappings":""}

package/dist/admins-components65.js

@@ -4,19 +4,19 @@ import { useSelection as n } from "./admins-components57.js";
 import { dataTableSettingsDefaults as r } from "./admins-components58.js";
 import i from "./admins-components62.js";
 import a from "./admins-components64.js";
-import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, unref as b, withModifiers as x } from "vue";
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, onMounted as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, watch as S, withModifiers as C } from "vue";
 //#region src/components/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
-var S = { class: "ac-component" }, C = { class: "c-table-wrapper" }, w = { key: 0 }, T = ["title", "onClick"], E = {
+var w = { class: "ac-component" }, T = { class: "c-table-wrapper list-table-view" }, E = { key: 0 }, D = ["title", "onClick"], O = {
 	key: 1,
 	class: "c-actions-header"
-}, D = { key: 0 }, O = ["onClick"], k = {
+}, k = { key: 0 }, A = ["onClick"], j = {
 	key: 1,
 	class: "c-actions-cell"
-}, A = { class: "c-actions-wrap" }, j = { key: 1 }, M = { class: "c-table__loading-row" }, N = ["colspan"], P = { class: "c-table__loading-wrap" }, F = {
+}, M = { class: "c-actions-wrap" }, N = { key: 1 }, P = { class: "c-table__loading-row" }, F = ["colspan"], I = { class: "c-table__loading-wrap" }, L = {
 	key: 0,
 	class: "c-table__backdrop",
 	"aria-hidden": "true"
-}, I = /* @__PURE__ */ p({
+}, R = /* @__PURE__ */ p({
 	__name: "DataTable",
 	props: {
 		config: {},
@@ -25,70 +25,94 @@ var S = { class: "ac-component" }, C = { class: "c-table-wrapper" }, w = { key:
 		loading: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		initialSort: { default: null }
 	},
 	emits: ["selection-change", "sort-change"],
 	setup(r, { emit: p }) {
-		let I = r, L = p, R = _(null), { selectedKeys: z, allSelected: B, toggle: V, toggleAll: H } = n(() => I.items, () => I.config.selectableAttr, (e) => L("selection-change", e)), U = s(() => I.config.columns.filter((e) => e.visible !== !1));
-		function W(e) {
-			let t = e.property, n = R.value?.key === t && R.value.direction === "asc" ? "desc" : "asc";
-			R.value = {
+		let R = r, z = p, B = v(null), { selectedKeys: V, allSelected: H, toggle: U, toggleAll: W } = n(() => R.items, () => R.config.selectableAttr, (e) => z("selection-change", e)), G = s(() => R.config.columns.filter((e) => e.visible !== !1));
+		function K(e) {
+			let t = e.property, n = B.value?.key === t && B.value.direction === "asc" ? "desc" : "asc";
+			B.value = {
 				key: t,
 				direction: n
-			}, e.sort?.callback?.(t, n), L("sort-change", {
+			}, e.sort?.callback?.(t, n), z("sort-change", {
 				key: t,
 				direction: n
 			});
 		}
-		return (n, s) => (g(), l("div", S, [u("div", C, [u("table", {
+		function q(e) {
+			if (!e) {
+				B.value !== null && (B.value = null);
+				return;
+			}
+			let t = R.config.columns.find((t) => t.property === e.key);
+			t && (B.value?.key === e.key && B.value.direction === e.direction || (B.value = {
+				key: e.key,
+				direction: e.direction
+			}, t.sort?.callback?.(e.key, e.direction), z("sort-change", {
+				key: e.key,
+				direction: e.direction
+			})));
+		}
+		return g(() => q(R.initialSort)), S(() => R.initialSort, (e) => {
+			if (!e) {
+				B.value !== null && (B.value = null);
+				return;
+			}
+			R.config.columns.find((t) => t.property === e.key) && (B.value?.key === e.key && B.value.direction === e.direction || (B.value = {
+				key: e.key,
+				direction: e.direction
+			}));
+		}), (n, s) => (_(), l("div", w, [u("div", T, [u("table", {
 			class: m(["c-table", {
 				"is-compact": r.settings.compact,
 				"is-loading": r.loading
 			}]),
 			style: h({ "--action-count": r.config.actions?.length ?? 0 })
 		}, [u("thead", null, [u("tr", null, [
-			r.config.selectableAttr ? (g(), l("th", w, [f(e, {
-				"model-value": b(B),
-				"onUpdate:modelValue": b(H)
+			r.config.selectableAttr ? (_(), l("th", E, [f(e, {
+				"model-value": x(H),
+				"onUpdate:modelValue": x(W)
 			}, null, 8, ["model-value", "onUpdate:modelValue"])])) : c("", !0),
-			(g(!0), l(o, null, v(U.value, (e) => (g(), l("th", {
+			(_(!0), l(o, null, y(G.value, (e) => (_(), l("th", {
 				key: e.property,
 				class: m([{
 					"c-sortable": e.sort,
-					"c-sortable--sorted": R.value?.key === e.property,
+					"c-sortable--sorted": B.value?.key === e.property,
 					"primary-col": e.primary
 				}, e.headerClass]),
 				title: e.sort ? `Sorrendezés ${e.label} alapján` : void 0,
-				onClick: (t) => e.sort ? W(e) : void 0
-			}, [d(y(e.label) + " ", 1), e.sort ? (g(), l("span", {
+				onClick: (t) => e.sort ? K(e) : void 0
+			}, [d(b(e.hideHeader ? "" : e.label) + " ", 1), e.sort ? (_(), l("span", {
 				key: 0,
 				class: m(["c-sort-icon fa-solid", {
-					"fa-sort": R.value?.key !== e.property,
-					"fa-sort-down": R.value?.key === e.property && R.value.direction === "desc",
-					"fa-sort-up": R.value?.key === e.property && R.value.direction === "asc",
-					"c-sort-icon--active": R.value?.key === e.property,
-					"is-asc": R.value?.key === e.property && R.value.direction === "asc",
-					"is-desc": R.value?.key === e.property && R.value.direction === "desc"
+					"fa-sort": B.value?.key !== e.property,
+					"fa-sort-down": B.value?.key === e.property && B.value.direction === "desc",
+					"fa-sort-up": B.value?.key === e.property && B.value.direction === "asc",
+					"c-sort-icon--active": B.value?.key === e.property,
+					"is-asc": B.value?.key === e.property && B.value.direction === "asc",
+					"is-desc": B.value?.key === e.property && B.value.direction === "desc"
 				}])
-			}, null, 2)) : c("", !0)], 10, T))), 128)),
-			r.config.actions ? (g(), l("th", E, y(r.config.actionHeader ?? ""), 1)) : c("", !0)
-		])]), !r.loading || r.items.length > 0 ? (g(), l("tbody", D, [(g(!0), l(o, null, v(r.items, (t, n) => (g(), l("tr", {
+			}, null, 2)) : c("", !0)], 10, D))), 128)),
+			r.config.actions ? (_(), l("th", O, b(r.config.actionHeader ?? ""), 1)) : c("", !0)
+		])]), !r.loading || r.items.length > 0 ? (_(), l("tbody", k, [(_(!0), l(o, null, y(r.items, (t, n) => (_(), l("tr", {
 			key: n,
 			class: m({
-				"is-selected": r.config.selectableAttr && b(z).has(t[r.config.selectableAttr]),
+				"is-selected": r.config.selectableAttr && x(V).has(t[r.config.selectableAttr]),
 				"is-striped": r.settings.striped && n % 2 == 1
 			})
 		}, [
-			r.config.selectableAttr ? (g(), l("td", {
+			r.config.selectableAttr ? (_(), l("td", {
 				key: 0,
 				class: "pointer",
-				onClick: x((e) => b(V)(t), ["stop"])
+				onClick: C((e) => x(U)(t), ["stop"])
 			}, [f(e, {
-				"model-value": !!b(z).has(t[r.config.selectableAttr]),
-				"onUpdate:modelValue": (e) => b(V)(t),
-				onClick: s[0] ||= x(() => {}, ["stop"])
-			}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, O)) : c("", !0),
-			(g(!0), l(o, null, v(U.value, (e) => (g(), l("td", {
+				"model-value": !!x(V).has(t[r.config.selectableAttr]),
+				"onUpdate:modelValue": (e) => x(U)(t),
+				onClick: s[0] ||= C(() => {}, ["stop"])
+			}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, A)) : c("", !0),
+			(_(!0), l(o, null, y(G.value, (e) => (_(), l("td", {
 				key: e.property,
 				class: m(["c-table__cell", [e.class, { "primary-col": e.primary }]])
 			}, [f(i, {
@@ -100,21 +124,21 @@ var S = { class: "ac-component" }, C = { class: "c-table-wrapper" }, w = { key:
 				"col",
 				"copy"
 			])], 2))), 128)),
-			r.config.actions ? (g(), l("td", k, [u("div", A, [f(a, {
+			r.config.actions ? (_(), l("td", j, [u("div", M, [f(a, {
 				actions: r.config.actions,
 				item: t
 			}, null, 8, ["actions", "item"])])])) : c("", !0)
-		], 2))), 128))])) : (g(), l("tbody", j, [u("tr", M, [u("td", {
-			colspan: U.value.length + +!!r.config.selectableAttr + +!!r.config.actions,
+		], 2))), 128))])) : (_(), l("tbody", N, [u("tr", P, [u("td", {
+			colspan: G.value.length + +!!r.config.selectableAttr + +!!r.config.actions,
 			class: "c-table__loading-cell"
-		}, [u("div", P, [f(t, {
+		}, [u("div", I, [f(t, {
 			loading: !0,
 			size: "2.5rem"
-		})])], 8, N)])]))], 6), r.loading && r.items.length > 0 ? (g(), l("div", F, [f(t, {
+		})])], 8, F)])]))], 6), r.loading && r.items.length > 0 ? (_(), l("div", L, [f(t, {
 			loading: !0,
 			size: "2.5rem"
 		})])) : c("", !0)])]));
 	}
 });
 //#endregion
-export { I as default };
+export { R as default };

package/dist/admins-components65.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components65.js","names":[],"sources":["../src/components/data-table/DataTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type {\n  LayoutMode,\n  DataListConfig,\n  DataListSettings,\n  DataTableSettings,\n  DataCardsSettings,\n  Column,\n  Sort,\n  Action,\n  ActionGroup,\n  FilterConfig,\n  FilterValue,\n} from '@/types/data-list'\n\nexport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataTableSettingsDefaults } from '@/types/data-list'\nimport type { Column, DataListConfig, DataTableSettings } from '@/types/data-list'\nimport Loader from '@/components/Loader.vue'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\n\ntype SortDirection = 'asc' | 'desc'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataTableSettings\n    loading?: boolean\n  }>(),\n  {\n    settings: () => ({ ...dataTableSettingsDefaults }),\n    loading: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n  'sort-change': [sort: { key: string; direction: SortDirection }]\n}>()\n\n//const CHARACTER_BREAKPOINT = 20\n\nconst activeSort = ref<{\n  key: string\n  direction: SortDirection\n} | null>(null)\n\nconst {\n  selectedKeys,\n  allSelected,\n  toggle: toggleRow,\n  toggleAll,\n} = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nfunction handleSort(col: Column) {\n  const key = col.property\n  const direction: SortDirection =\n    activeSort.value?.key === key && activeSort.value.direction === 'asc' ? 'desc' : 'asc'\n\n  activeSort.value = { key, direction }\n  col.sort?.callback?.(key, direction)\n\n  emit('sort-change', { key, direction })\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-table-wrapper\">\n      <table\n        class=\"c-table\"\n        :class=\"{ 'is-compact': settings.compact, 'is-loading': loading }\"\n        :style=\"{ '--action-count': config.actions?.length ?? 0 }\"\n      >\n        <thead>\n          <tr>\n            <th v-if=\"config.selectableAttr\">\n              <Checkbox :model-value=\"allSelected\" @update:model-value=\"toggleAll\" />\n            </th>\n\n            <th\n              v-for=\"col in visibleColumns\"\n              :key=\"col.property\"\n              :class=\"[\n                {\n                  'c-sortable': col.sort,\n                  'c-sortable--sorted': activeSort?.key === col.property,\n                  'primary-col': col.primary,\n                },\n                col.headerClass,\n              ]\"\n              :title=\"col.sort ? `Sorrendezés ${col.label} alapján` : undefined\"\n              @click=\"col.sort ? handleSort(col) : undefined\"\n            >\n              {{ col.label }}\n\n              <span\n                v-if=\"col.sort\"\n                class=\"c-sort-icon fa-solid\"\n                :class=\"{\n                  'fa-sort': activeSort?.key !== col.property,\n                  'fa-sort-down':\n                    activeSort?.key === col.property && activeSort.direction === 'desc',\n                  'fa-sort-up': activeSort?.key === col.property && activeSort.direction === 'asc',\n                  'c-sort-icon--active': activeSort?.key === col.property,\n                  'is-asc': activeSort?.key === col.property && activeSort.direction === 'asc',\n                  'is-desc': activeSort?.key === col.property && activeSort.direction === 'desc',\n                }\"\n              ></span>\n            </th>\n\n            <th v-if=\"config.actions\" class=\"c-actions-header\">\n              {{ config.actionHeader ?? '' }}\n            </th>\n          </tr>\n        </thead>\n\n        <tbody v-if=\"!loading || items.length > 0\">\n          <tr\n            v-for=\"(item, index) in items\"\n            :key=\"index\"\n            :class=\"{\n              'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n              'is-striped': settings.striped && index % 2 === 1,\n            }\"\n          >\n            <td v-if=\"config.selectableAttr\" class=\"pointer\" @click.stop=\"toggleRow(item)\">\n              <Checkbox\n                :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n                @update:model-value=\"toggleRow(item)\"\n                @click.stop\n              />\n            </td>\n\n            <td\n              v-for=\"col in visibleColumns\"\n              :key=\"col.property\"\n              class=\"c-table__cell\"\n              :class=\"[\n                col.class,\n                { 'primary-col': col.primary },\n                /* { 'is-nowrap': String(getColumnValue(item, col) ?? '').length < CHARACTER_BREAKPOINT}, */\n              ]\"\n            >\n              <DataCell :item=\"item\" :col=\"col\" :copy=\"!col.hideCopyToClipboard\" />\n            </td>\n\n            <td v-if=\"config.actions\" class=\"c-actions-cell\">\n              <div class=\"c-actions-wrap\">\n                <DataListActions :actions=\"config.actions\" :item=\"item\" />\n              </div>\n            </td>\n          </tr>\n        </tbody>\n        <tbody v-else>\n          <tr class=\"c-table__loading-row\">\n            <td\n              :colspan=\"\n                visibleColumns.length + (config.selectableAttr ? 1 : 0) + (config.actions ? 1 : 0)\n              \"\n              class=\"c-table__loading-cell\"\n            >\n              <div class=\"c-table__loading-wrap\">\n                <Loader :loading=\"true\" size=\"2.5rem\" />\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <div v-if=\"loading && items.length > 0\" class=\"c-table__backdrop\" aria-hidden=\"true\">\n        <Loader :loading=\"true\" size=\"2.5rem\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-table.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components65.js","names":[],"sources":["../src/components/data-table/DataTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type {\n  LayoutMode,\n  DataListConfig,\n  DataListSettings,\n  DataTableSettings,\n  DataCardsSettings,\n  Column,\n  Sort,\n  Action,\n  ActionGroup,\n  FilterConfig,\n  FilterValue,\n} from '@/types/data-list'\n\nexport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onMounted, watch } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataTableSettingsDefaults } from '@/types/data-list'\nimport type { Column, DataListConfig, DataTableSettings } from '@/types/data-list'\nimport Loader from '@/components/Loader.vue'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\n\ntype SortDirection = 'asc' | 'desc'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataTableSettings\n    loading?: boolean\n    initialSort?: { key: string; direction: SortDirection } | null\n  }>(),\n  {\n    settings: () => ({ ...dataTableSettingsDefaults }),\n    loading: false,\n    initialSort: null,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n  'sort-change': [sort: { key: string; direction: SortDirection }]\n}>()\n\n//const CHARACTER_BREAKPOINT = 20\n\nconst activeSort = ref<{\n  key: string\n  direction: SortDirection\n} | null>(null)\n\nconst {\n  selectedKeys,\n  allSelected,\n  toggle: toggleRow,\n  toggleAll,\n} = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nfunction handleSort(col: Column) {\n  const key = col.property\n  const direction: SortDirection =\n    activeSort.value?.key === key && activeSort.value.direction === 'asc' ? 'desc' : 'asc'\n\n  activeSort.value = { key, direction }\n  col.sort?.callback?.(key, direction)\n\n  emit('sort-change', { key, direction })\n}\n\nfunction applyInitialSort(sort: { key: string; direction: SortDirection } | null | undefined) {\n  if (!sort) {\n    if (activeSort.value !== null) activeSort.value = null\n    return\n  }\n  const col = props.config.columns.find((c) => c.property === sort.key)\n  if (!col) return\n  if (activeSort.value?.key === sort.key && activeSort.value.direction === sort.direction) return\n  activeSort.value = { key: sort.key, direction: sort.direction }\n  col.sort?.callback?.(sort.key, sort.direction)\n  emit('sort-change', { key: sort.key, direction: sort.direction })\n}\n\nonMounted(() => applyInitialSort(props.initialSort))\nwatch(\n  () => props.initialSort,\n  (s) => {\n    // When initialSort changes, sync the visual indicator only.\n    // Don't re-emit sort-change — that would cause an infinite loop with\n    // parents that re-assign the prop from the emitted value.\n    if (!s) {\n      if (activeSort.value !== null) activeSort.value = null\n      return\n    }\n    const col = props.config.columns.find((c) => c.property === s.key)\n    if (!col) return\n    if (activeSort.value?.key === s.key && activeSort.value.direction === s.direction) return\n    activeSort.value = { key: s.key, direction: s.direction }\n  },\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-table-wrapper list-table-view\">\n      <table\n        class=\"c-table\"\n        :class=\"{ 'is-compact': settings.compact, 'is-loading': loading }\"\n        :style=\"{ '--action-count': config.actions?.length ?? 0 }\"\n      >\n        <thead>\n          <tr>\n            <th v-if=\"config.selectableAttr\">\n              <Checkbox :model-value=\"allSelected\" @update:model-value=\"toggleAll\" />\n            </th>\n\n            <th\n              v-for=\"col in visibleColumns\"\n              :key=\"col.property\"\n              :class=\"[\n                {\n                  'c-sortable': col.sort,\n                  'c-sortable--sorted': activeSort?.key === col.property,\n                  'primary-col': col.primary,\n                },\n                col.headerClass,\n              ]\"\n              :title=\"col.sort ? `Sorrendezés ${col.label} alapján` : undefined\"\n              @click=\"col.sort ? handleSort(col) : undefined\"\n            >\n              {{ !col.hideHeader ? col.label : '' }}\n\n              <span\n                v-if=\"col.sort\"\n                class=\"c-sort-icon fa-solid\"\n                :class=\"{\n                  'fa-sort': activeSort?.key !== col.property,\n                  'fa-sort-down':\n                    activeSort?.key === col.property && activeSort.direction === 'desc',\n                  'fa-sort-up': activeSort?.key === col.property && activeSort.direction === 'asc',\n                  'c-sort-icon--active': activeSort?.key === col.property,\n                  'is-asc': activeSort?.key === col.property && activeSort.direction === 'asc',\n                  'is-desc': activeSort?.key === col.property && activeSort.direction === 'desc',\n                }\"\n              ></span>\n            </th>\n\n            <th v-if=\"config.actions\" class=\"c-actions-header\">\n              {{ config.actionHeader ?? '' }}\n            </th>\n          </tr>\n        </thead>\n\n        <tbody v-if=\"!loading || items.length > 0\">\n          <tr\n            v-for=\"(item, index) in items\"\n            :key=\"index\"\n            :class=\"{\n              'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n              'is-striped': settings.striped && index % 2 === 1,\n            }\"\n          >\n            <td v-if=\"config.selectableAttr\" class=\"pointer\" @click.stop=\"toggleRow(item)\">\n              <Checkbox\n                :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n                @update:model-value=\"toggleRow(item)\"\n                @click.stop\n              />\n            </td>\n\n            <td\n              v-for=\"col in visibleColumns\"\n              :key=\"col.property\"\n              class=\"c-table__cell\"\n              :class=\"[\n                col.class,\n                { 'primary-col': col.primary },\n                /* { 'is-nowrap': String(getColumnValue(item, col) ?? '').length < CHARACTER_BREAKPOINT}, */\n              ]\"\n            >\n              <DataCell :item=\"item\" :col=\"col\" :copy=\"!col.hideCopyToClipboard\" />\n            </td>\n\n            <td v-if=\"config.actions\" class=\"c-actions-cell\">\n              <div class=\"c-actions-wrap\">\n                <DataListActions :actions=\"config.actions\" :item=\"item\" />\n              </div>\n            </td>\n          </tr>\n        </tbody>\n        <tbody v-else>\n          <tr class=\"c-table__loading-row\">\n            <td\n              :colspan=\"\n                visibleColumns.length + (config.selectableAttr ? 1 : 0) + (config.actions ? 1 : 0)\n              \"\n              class=\"c-table__loading-cell\"\n            >\n              <div class=\"c-table__loading-wrap\">\n                <Loader :loading=\"true\" size=\"2.5rem\" />\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <div v-if=\"loading && items.length > 0\" class=\"c-table__backdrop\" aria-hidden=\"true\">\n        <Loader :loading=\"true\" size=\"2.5rem\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-table.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components67.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components67.js","names":[],"sources":["../src/components/data-table/DataTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type {\n  LayoutMode,\n  DataListConfig,\n  DataListSettings,\n  DataTableSettings,\n  DataCardsSettings,\n  Column,\n  Sort,\n  Action,\n  ActionGroup,\n  FilterConfig,\n  FilterValue,\n} from '@/types/data-list'\n\nexport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataTableSettingsDefaults } from '@/types/data-list'\nimport type { Column, DataListConfig, DataTableSettings } from '@/types/data-list'\nimport Loader from '@/components/Loader.vue'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\n\ntype SortDirection = 'asc' | 'desc'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataTableSettings\n    loading?: boolean\n  }>(),\n  {\n    settings: () => ({ ...dataTableSettingsDefaults }),\n    loading: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n  'sort-change': [sort: { key: string; direction: SortDirection }]\n}>()\n\n//const CHARACTER_BREAKPOINT = 20\n\nconst activeSort = ref<{\n  key: string\n  direction: SortDirection\n} | null>(null)\n\nconst {\n  selectedKeys,\n  allSelected,\n  toggle: toggleRow,\n  toggleAll,\n} = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nfunction handleSort(col: Column) {\n  const key = col.property\n  const direction: SortDirection =\n    activeSort.value?.key === key && activeSort.value.direction === 'asc' ? 'desc' : 'asc'\n\n  activeSort.value = { key, direction }\n  col.sort?.callback?.(key, direction)\n\n  emit('sort-change', { key, direction })\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-table-wrapper\">\n      <table\n        class=\"c-table\"\n        :class=\"{ 'is-compact': settings.compact, 'is-loading': loading }\"\n        :style=\"{ '--action-count': config.actions?.length ?? 0 }\"\n      >\n        <thead>\n          <tr>\n            <th v-if=\"config.selectableAttr\">\n              <Checkbox :model-value=\"allSelected\" @update:model-value=\"toggleAll\" />\n            </th>\n\n            <th\n              v-for=\"col in visibleColumns\"\n              :key=\"col.property\"\n              :class=\"[\n                {\n                  'c-sortable': col.sort,\n                  'c-sortable--sorted': activeSort?.key === col.property,\n                  'primary-col': col.primary,\n                },\n                col.headerClass,\n              ]\"\n              :title=\"col.sort ? `Sorrendezés ${col.label} alapján` : undefined\"\n              @click=\"col.sort ? handleSort(col) : undefined\"\n            >\n              {{ col.label }}\n\n              <span\n                v-if=\"col.sort\"\n                class=\"c-sort-icon fa-solid\"\n                :class=\"{\n                  'fa-sort': activeSort?.key !== col.property,\n                  'fa-sort-down':\n                    activeSort?.key === col.property && activeSort.direction === 'desc',\n                  'fa-sort-up': activeSort?.key === col.property && activeSort.direction === 'asc',\n                  'c-sort-icon--active': activeSort?.key === col.property,\n                  'is-asc': activeSort?.key === col.property && activeSort.direction === 'asc',\n                  'is-desc': activeSort?.key === col.property && activeSort.direction === 'desc',\n                }\"\n              ></span>\n            </th>\n\n            <th v-if=\"config.actions\" class=\"c-actions-header\">\n              {{ config.actionHeader ?? '' }}\n            </th>\n          </tr>\n        </thead>\n\n        <tbody v-if=\"!loading || items.length > 0\">\n          <tr\n            v-for=\"(item, index) in items\"\n            :key=\"index\"\n            :class=\"{\n              'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n              'is-striped': settings.striped && index % 2 === 1,\n            }\"\n          >\n            <td v-if=\"config.selectableAttr\" class=\"pointer\" @click.stop=\"toggleRow(item)\">\n              <Checkbox\n                :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n                @update:model-value=\"toggleRow(item)\"\n                @click.stop\n              />\n            </td>\n\n            <td\n              v-for=\"col in visibleColumns\"\n              :key=\"col.property\"\n              class=\"c-table__cell\"\n              :class=\"[\n                col.class,\n                { 'primary-col': col.primary },\n                /* { 'is-nowrap': String(getColumnValue(item, col) ?? '').length < CHARACTER_BREAKPOINT}, */\n              ]\"\n            >\n              <DataCell :item=\"item\" :col=\"col\" :copy=\"!col.hideCopyToClipboard\" />\n            </td>\n\n            <td v-if=\"config.actions\" class=\"c-actions-cell\">\n              <div class=\"c-actions-wrap\">\n                <DataListActions :actions=\"config.actions\" :item=\"item\" />\n              </div>\n            </td>\n          </tr>\n        </tbody>\n        <tbody v-else>\n          <tr class=\"c-table__loading-row\">\n            <td\n              :colspan=\"\n                visibleColumns.length + (config.selectableAttr ? 1 : 0) + (config.actions ? 1 : 0)\n              \"\n              class=\"c-table__loading-cell\"\n            >\n              <div class=\"c-table__loading-wrap\">\n                <Loader :loading=\"true\" size=\"2.5rem\" />\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <div v-if=\"loading && items.length > 0\" class=\"c-table__backdrop\" aria-hidden=\"true\">\n        <Loader :loading=\"true\" size=\"2.5rem\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-table.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components67.js","names":[],"sources":["../src/components/data-table/DataTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type {\n  LayoutMode,\n  DataListConfig,\n  DataListSettings,\n  DataTableSettings,\n  DataCardsSettings,\n  Column,\n  Sort,\n  Action,\n  ActionGroup,\n  FilterConfig,\n  FilterValue,\n} from '@/types/data-list'\n\nexport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onMounted, watch } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataTableSettingsDefaults } from '@/types/data-list'\nimport type { Column, DataListConfig, DataTableSettings } from '@/types/data-list'\nimport Loader from '@/components/Loader.vue'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\n\ntype SortDirection = 'asc' | 'desc'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataTableSettings\n    loading?: boolean\n    initialSort?: { key: string; direction: SortDirection } | null\n  }>(),\n  {\n    settings: () => ({ ...dataTableSettingsDefaults }),\n    loading: false,\n    initialSort: null,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n  'sort-change': [sort: { key: string; direction: SortDirection }]\n}>()\n\n//const CHARACTER_BREAKPOINT = 20\n\nconst activeSort = ref<{\n  key: string\n  direction: SortDirection\n} | null>(null)\n\nconst {\n  selectedKeys,\n  allSelected,\n  toggle: toggleRow,\n  toggleAll,\n} = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nfunction handleSort(col: Column) {\n  const key = col.property\n  const direction: SortDirection =\n    activeSort.value?.key === key && activeSort.value.direction === 'asc' ? 'desc' : 'asc'\n\n  activeSort.value = { key, direction }\n  col.sort?.callback?.(key, direction)\n\n  emit('sort-change', { key, direction })\n}\n\nfunction applyInitialSort(sort: { key: string; direction: SortDirection } | null | undefined) {\n  if (!sort) {\n    if (activeSort.value !== null) activeSort.value = null\n    return\n  }\n  const col = props.config.columns.find((c) => c.property === sort.key)\n  if (!col) return\n  if (activeSort.value?.key === sort.key && activeSort.value.direction === sort.direction) return\n  activeSort.value = { key: sort.key, direction: sort.direction }\n  col.sort?.callback?.(sort.key, sort.direction)\n  emit('sort-change', { key: sort.key, direction: sort.direction })\n}\n\nonMounted(() => applyInitialSort(props.initialSort))\nwatch(\n  () => props.initialSort,\n  (s) => {\n    // When initialSort changes, sync the visual indicator only.\n    // Don't re-emit sort-change — that would cause an infinite loop with\n    // parents that re-assign the prop from the emitted value.\n    if (!s) {\n      if (activeSort.value !== null) activeSort.value = null\n      return\n    }\n    const col = props.config.columns.find((c) => c.property === s.key)\n    if (!col) return\n    if (activeSort.value?.key === s.key && activeSort.value.direction === s.direction) return\n    activeSort.value = { key: s.key, direction: s.direction }\n  },\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-table-wrapper list-table-view\">\n      <table\n        class=\"c-table\"\n        :class=\"{ 'is-compact': settings.compact, 'is-loading': loading }\"\n        :style=\"{ '--action-count': config.actions?.length ?? 0 }\"\n      >\n        <thead>\n          <tr>\n            <th v-if=\"config.selectableAttr\">\n              <Checkbox :model-value=\"allSelected\" @update:model-value=\"toggleAll\" />\n            </th>\n\n            <th\n              v-for=\"col in visibleColumns\"\n              :key=\"col.property\"\n              :class=\"[\n                {\n                  'c-sortable': col.sort,\n                  'c-sortable--sorted': activeSort?.key === col.property,\n                  'primary-col': col.primary,\n                },\n                col.headerClass,\n              ]\"\n              :title=\"col.sort ? `Sorrendezés ${col.label} alapján` : undefined\"\n              @click=\"col.sort ? handleSort(col) : undefined\"\n            >\n              {{ !col.hideHeader ? col.label : '' }}\n\n              <span\n                v-if=\"col.sort\"\n                class=\"c-sort-icon fa-solid\"\n                :class=\"{\n                  'fa-sort': activeSort?.key !== col.property,\n                  'fa-sort-down':\n                    activeSort?.key === col.property && activeSort.direction === 'desc',\n                  'fa-sort-up': activeSort?.key === col.property && activeSort.direction === 'asc',\n                  'c-sort-icon--active': activeSort?.key === col.property,\n                  'is-asc': activeSort?.key === col.property && activeSort.direction === 'asc',\n                  'is-desc': activeSort?.key === col.property && activeSort.direction === 'desc',\n                }\"\n              ></span>\n            </th>\n\n            <th v-if=\"config.actions\" class=\"c-actions-header\">\n              {{ config.actionHeader ?? '' }}\n            </th>\n          </tr>\n        </thead>\n\n        <tbody v-if=\"!loading || items.length > 0\">\n          <tr\n            v-for=\"(item, index) in items\"\n            :key=\"index\"\n            :class=\"{\n              'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n              'is-striped': settings.striped && index % 2 === 1,\n            }\"\n          >\n            <td v-if=\"config.selectableAttr\" class=\"pointer\" @click.stop=\"toggleRow(item)\">\n              <Checkbox\n                :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n                @update:model-value=\"toggleRow(item)\"\n                @click.stop\n              />\n            </td>\n\n            <td\n              v-for=\"col in visibleColumns\"\n              :key=\"col.property\"\n              class=\"c-table__cell\"\n              :class=\"[\n                col.class,\n                { 'primary-col': col.primary },\n                /* { 'is-nowrap': String(getColumnValue(item, col) ?? '').length < CHARACTER_BREAKPOINT}, */\n              ]\"\n            >\n              <DataCell :item=\"item\" :col=\"col\" :copy=\"!col.hideCopyToClipboard\" />\n            </td>\n\n            <td v-if=\"config.actions\" class=\"c-actions-cell\">\n              <div class=\"c-actions-wrap\">\n                <DataListActions :actions=\"config.actions\" :item=\"item\" />\n              </div>\n            </td>\n          </tr>\n        </tbody>\n        <tbody v-else>\n          <tr class=\"c-table__loading-row\">\n            <td\n              :colspan=\"\n                visibleColumns.length + (config.selectableAttr ? 1 : 0) + (config.actions ? 1 : 0)\n              \"\n              class=\"c-table__loading-cell\"\n            >\n              <div class=\"c-table__loading-wrap\">\n                <Loader :loading=\"true\" size=\"2.5rem\" />\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <div v-if=\"loading && items.length > 0\" class=\"c-table__backdrop\" aria-hidden=\"true\">\n        <Loader :loading=\"true\" size=\"2.5rem\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-table.scss\"></style>\n"],"mappings":""}