admins-components 9.0.54 → 9.0.55

package/dist/admins-components29.js

@@ -1,8 +1,8 @@
 import { sizeToClass as e } from "./admins-components4.js";
 import { useDropdownAnchor as t } from "./admins-components12.js";
-import { Fragment as n, Teleport as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h } from "vue";
+import { Fragment as n, Teleport as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, vShow as g, withDirectives as _ } from "vue";
 //#region src/components/DropdownMenu.vue?vue&type=script&setup=true&lang.ts
-var g = { class: "ac-component" }, _ = ["aria-label"], v = { class: "ac-component" }, y = { class: "ds-options c-scroll" }, b = ["onClick", "aria-label"], x = /* @__PURE__ */ c({
+var v = { class: "ac-component" }, y = ["aria-label"], b = { class: "ac-component" }, x = { class: "ds-options c-scroll" }, S = ["onClick", "aria-label"], C = /* @__PURE__ */ c({
 	__name: "DropdownMenu",
 	props: {
 		size: { default: "normal" },
@@ -21,22 +21,22 @@ var g = { class: "ac-component" }, _ = ["aria-label"], v = { class: "ac-componen
 		}
 	},
 	setup(c) {
-		let x = c, S = f(null), C = f(null), { isOpen: w, dropdownStyle: T } = t(S, C, {
+		let C = c, w = f(null), T = f(null), { isOpen: E, dropdownStyle: D } = t(w, T, {
 			extraStyle: (e) => ({
 				minWidth: `${e.width}px`,
 				maxWidth: `${e.width * 2}px`
 			}),
 			closeOnScroll: !0
 		});
-		function E() {
-			w.value = !w.value;
+		function O() {
+			E.value = !E.value;
 		}
-		function D(e) {
-			e.callback?.(), w.value = !1;
+		function k(e) {
+			e.callback?.(), E.value = !1;
 		}
-		return (t, f) => (d(), o("div", g, [s("div", {
+		return (t, f) => (d(), o("div", v, [s("div", {
 			ref_key: "wrapperRef",
-			ref: S,
+			ref: w,
 			class: "ds-wrapper d-inline-block"
 		}, [s("button", {
 			type: "button",
@@ -46,7 +46,7 @@ var g = { class: "ac-component" }, _ = ["aria-label"], v = { class: "ac-componen
 				c.type !== "normal" && `c-btn-${c.type}`
 			]]),
 			"aria-label": c.ariaLabel ?? c.label,
-			onClick: f[0] ||= (e) => E()
+			onClick: f[0] ||= (e) => O()
 		}, [
 			c.icon ? (d(), o("i", {
 				key: 0,
@@ -54,16 +54,16 @@ var g = { class: "ac-component" }, _ = ["aria-label"], v = { class: "ac-componen
 			}, null, 2)) : a("", !0),
 			c.label ? (d(), o("span", {
 				key: 1,
-				class: l({ "align-center-fix ": x.labelAlignmentFix })
+				class: l({ "align-center-fix ": C.labelAlignmentFix })
 			}, m(c.label), 3)) : a("", !0),
-			s("span", { class: l(["c-icon-btn c-icon-btn--chevron", { "c-icon-btn--chevron-open": h(w) }]) }, [...f[1] ||= [s("i", { class: "fa-solid fa-fw fa-chevron-down" }, null, -1)]], 2)
-		], 10, _), (d(), i(r, { to: "body" }, [s("div", v, [h(w) ? (d(), o("div", {
+			s("span", { class: l(["c-icon-btn c-icon-btn--chevron", { "c-icon-btn--chevron-open": h(E) }]) }, [...f[1] ||= [s("i", { class: "fa-solid fa-fw fa-chevron-down" }, null, -1)]], 2)
+		], 10, y), (d(), i(r, { to: "body" }, [s("div", b, [h(E) ? (d(), o("div", {
 			key: 0,
 			ref_key: "dropdownRef",
-			ref: C,
+			ref: T,
 			class: "c-dropdown ds-wrapper",
-			style: u(h(T))
-		}, [s("ul", y, [(d(!0), o(n, null, p(c.items, (t, n) => (d(), o("li", {
+			style: u(h(D))
+		}, [s("ul", x, [(d(!0), o(n, null, p(c.items, (t, n) => _((d(), o("li", {
 			key: `cb-${n}`,
 			class: l(["d-option dm-option c-field-size c-type-color", {
 				[`c-field-size--${h(e)(t.size)}`]: t.size,
@@ -71,13 +71,13 @@ var g = { class: "ac-component" }, _ = ["aria-label"], v = { class: "ac-componen
 				"is-disabled": t.disabled?.()
 			}]),
 			tabindex: "0",
-			onClick: (e) => D(t),
+			onClick: (e) => k(t),
 			"aria-label": t.ariaLabel ?? t.label
 		}, [t.icon ? (d(), o("i", {
 			key: 0,
 			class: l(["fa-fw", t.icon])
-		}, null, 2)) : a("", !0), s("span", { class: l(["d-option__label", { "c-truncate": x.textEllipsis }]) }, m(t.label), 3)], 10, b))), 128))])], 4)) : a("", !0)])]))], 512)]));
+		}, null, 2)) : a("", !0), s("span", { class: l(["d-option__label", { "c-truncate": C.textEllipsis }]) }, m(t.label), 3)], 10, S)), [[g, !t.hidden?.()]])), 128))])], 4)) : a("", !0)])]))], 512)]));
 	}
 });
 //#endregion
-export { x as default };
+export { C as default };

package/dist/admins-components29.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components29.js","names":[],"sources":["../src/components/DropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface DropdownMenuItem {\n  icon?: string\n  label: string\n  type?: ButtonType\n  size?: ControlSize\n  ariaLabel?: string\n  callback: () => void\n  disabled?: () => boolean\n}\n\nexport interface DropdownMenuProps {\n  size?: ControlSize\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  textEllipsis?: boolean\n  type?: ButtonType\n  items: DropdownMenuItem[]\n  labelAlignmentFix?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { ControlSize } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { sizeToClass } from '@/utils/dom'\n\nconst props = withDefaults(defineProps<DropdownMenuProps>(), {\n  size: 'normal',\n  type: 'normal',\n  textEllipsis: true,\n  icon: undefined,\n  label: undefined,\n  labelAlignmentFix: false,\n})\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({\n    minWidth: `${rect.width}px`,\n    maxWidth: `${rect.width * 2}px`,\n  }),\n  closeOnScroll: true,\n})\n\nfunction toggleOpen() {\n  isOpen.value = !isOpen.value\n}\n\nfunction selectItem(item: DropdownMenuItem) {\n  item.callback?.()\n  isOpen.value = false\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-wrapper d-inline-block\">\n      <button\n        type=\"button\"\n        class=\"c-btn dm-trigger\"\n        :class=\"[\n          size === 'small' && 'c-btn-sm',\n          size === 'large' && 'c-btn-lg',\n          type !== 'normal' && `c-btn-${type}`,\n        ]\"\n        :aria-label=\"ariaLabel ?? label\"\n        @click=\"toggleOpen()\"\n      >\n        <i v-if=\"icon\" class=\"fa-fw\" :class=\"icon\"></i>\n        <span v-if=\"label\" :class=\"{ 'align-center-fix ': props.labelAlignmentFix }\">{{\n          label\n        }}</span>\n\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"c-dropdown ds-wrapper\" :style=\"dropdownStyle\">\n            <ul class=\"ds-options c-scroll\">\n              <li\n                v-for=\"(item, idx) in items\"\n                :key=\"`cb-${idx}`\"\n                class=\"d-option dm-option c-field-size c-type-color\"\n                :class=\"{\n                  [`c-field-size--${sizeToClass(item.size)}`]: item.size,\n                  [`c-type-color--${item.type}`]: item.type,\n                  'is-disabled': item.disabled?.(),\n                }\"\n                tabindex=\"0\"\n                @click=\"selectItem(item)\"\n                :aria-label=\"item.ariaLabel ?? item.label\"\n              >\n                <i v-if=\"item.icon\" class=\"fa-fw\" :class=\"item.icon\"></i>\n                <span class=\"d-option__label\" :class=\"{ 'c-truncate': props.textEllipsis }\">{{\n                  item.label\n                }}</span>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/dropdown-select.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EA8BA,IAAM,IAAQ,GASR,IAAa,EAAwB,IAAI,GACzC,IAAc,EAAwB,IAAI,GAC1C,EAAE,WAAQ,qBAAkB,EAAkB,GAAY,GAAa;GAC3E,aAAa,OAAU;IACrB,UAAU,GAAG,EAAK,MAAM;IACxB,UAAU,GAAG,EAAK,QAAQ,EAAE;GAC9B;GACA,eAAe;EACjB,CAAC;EAED,SAAS,IAAa;GACpB,EAAO,QAAQ,CAAC,EAAO;EACzB;EAEA,SAAS,EAAW,GAAwB;GAE1C,AADA,EAAK,WAAW,GAChB,EAAO,QAAQ;EACjB;yBAIE,EAqDM,OArDN,GAqDM,CApDJ,EAmDM,OAAA;YAnDG;GAAJ,KAAI;GAAa,OAAM;MAC1B,EAsBS,UAAA;GArBP,MAAK;GACL,OAAK,EAAA,CAAC,oBAAkB;IACJ,EAAA,SAAI,WAAA;IAAsC,EAAA,SAAI,WAAA;IAAsC,EAAA,SAAI,YAAA,SAA0B,EAAA;;GAKrI,cAAY,EAAA,aAAa,EAAA;GACzB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAU;;GAET,EAAA,QAAA,EAAA,GAAT,EAA+C,KAAA;;IAAhC,OAAK,EAAA,CAAC,SAAgB,EAAA,IAAI,CAAA;;GAC7B,EAAA,SAAA,EAAA,GAAZ,EAES,QAAA;;IAFW,OAAK,EAAA,EAAA,qBAAyB,EAAM,kBAAiB,CAAA;QACvE,EAAA,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAGP,EAKO,QAAA,EAJL,OAAK,EAAA,CAAC,kCAAgC,EAAA,4BACA,EAAA,CAAA,EAAM,CAAA,CAAA,EAAA,GAAA,CAAA,GAAA,AAAA,EAAA,OAAA,CAE5C,EAA8C,KAAA,EAA3C,OAAM,iCAAgC,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,CAAA;mBAI7C,EAyBW,GAAA,EAzBD,IAAG,OAAM,GAAA,CACjB,EAuBM,OAvBN,GAuBM,CAtBO,EAAA,CAAA,KAAA,EAAA,GAAX,EAqBM,OAAA;;YArBiB;GAAJ,KAAI;GAAc,OAAM;GAAyB,OAAK,EAAE,EAAA,CAAA,CAAa;MACtF,EAmBK,MAnBL,GAmBK,EAAA,EAAA,EAAA,GAlBH,EAiBK,GAAA,MAAA,EAhBmB,EAAA,QAAd,GAAM,YADhB,EAiBK,MAAA;GAfF,KAAG,MAAQ;GACZ,OAAK,EAAA,CAAC,gDAA8C;sBACN,EAAA,CAAA,EAAY,EAAK,IAAI,MAAM,EAAK;sBAA0C,EAAK,SAAS,EAAK;mBAAuC,EAAK,WAAQ;;GAK/L,UAAS;GACR,UAAK,MAAE,EAAW,CAAI;GACtB,cAAY,EAAK,aAAa,EAAK;MAE3B,EAAK,QAAA,EAAA,GAAd,EAAyD,KAAA;;GAArC,OAAK,EAAA,CAAC,SAAgB,EAAK,IAAI,CAAA;4BACnD,EAES,QAAA,EAFH,OAAK,EAAA,CAAC,mBAAiB,EAAA,cAAyB,EAAM,aAAY,CAAA,CAAA,EAAA,GAAA,EACtE,EAAK,KAAK,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA"}
+{"version":3,"file":"admins-components29.js","names":[],"sources":["../src/components/DropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface DropdownMenuItem {\n  icon?: string\n  label: string\n  type?: ButtonType\n  size?: ControlSize\n  ariaLabel?: string\n  callback: () => void\n  disabled?: () => boolean\n  hidden?: () => boolean\n}\n\nexport interface DropdownMenuProps {\n  size?: ControlSize\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  textEllipsis?: boolean\n  type?: ButtonType\n  items: DropdownMenuItem[]\n  labelAlignmentFix?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { ControlSize } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { sizeToClass } from '@/utils/dom'\n\nconst props = withDefaults(defineProps<DropdownMenuProps>(), {\n  size: 'normal',\n  type: 'normal',\n  textEllipsis: true,\n  icon: undefined,\n  label: undefined,\n  labelAlignmentFix: false,\n})\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({\n    minWidth: `${rect.width}px`,\n    maxWidth: `${rect.width * 2}px`,\n  }),\n  closeOnScroll: true,\n})\n\nfunction toggleOpen() {\n  isOpen.value = !isOpen.value\n}\n\nfunction selectItem(item: DropdownMenuItem) {\n  item.callback?.()\n  isOpen.value = false\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-wrapper d-inline-block\">\n      <button\n        type=\"button\"\n        class=\"c-btn dm-trigger\"\n        :class=\"[\n          size === 'small' && 'c-btn-sm',\n          size === 'large' && 'c-btn-lg',\n          type !== 'normal' && `c-btn-${type}`,\n        ]\"\n        :aria-label=\"ariaLabel ?? label\"\n        @click=\"toggleOpen()\"\n      >\n        <i v-if=\"icon\" class=\"fa-fw\" :class=\"icon\"></i>\n        <span v-if=\"label\" :class=\"{ 'align-center-fix ': props.labelAlignmentFix }\">{{\n          label\n        }}</span>\n\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"c-dropdown ds-wrapper\" :style=\"dropdownStyle\">\n            <ul class=\"ds-options c-scroll\">\n              <li\n                v-for=\"(item, idx) in items\"\n                v-show=\"!item.hidden?.()\"\n                :key=\"`cb-${idx}`\"\n                class=\"d-option dm-option c-field-size c-type-color\"\n                :class=\"{\n                  [`c-field-size--${sizeToClass(item.size)}`]: item.size,\n                  [`c-type-color--${item.type}`]: item.type,\n                  'is-disabled': item.disabled?.(),\n                }\"\n                tabindex=\"0\"\n                @click=\"selectItem(item)\"\n                :aria-label=\"item.ariaLabel ?? item.label\"\n              >\n                <i v-if=\"item.icon\" class=\"fa-fw\" :class=\"item.icon\"></i>\n                <span class=\"d-option__label\" :class=\"{ 'c-truncate': props.textEllipsis }\">{{\n                  item.label\n                }}</span>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/dropdown-select.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EA+BA,IAAM,IAAQ,GASR,IAAa,EAAwB,IAAI,GACzC,IAAc,EAAwB,IAAI,GAC1C,EAAE,WAAQ,qBAAkB,EAAkB,GAAY,GAAa;GAC3E,aAAa,OAAU;IACrB,UAAU,GAAG,EAAK,MAAM;IACxB,UAAU,GAAG,EAAK,QAAQ,EAAE;GAC9B;GACA,eAAe;EACjB,CAAC;EAED,SAAS,IAAa;GACpB,EAAO,QAAQ,CAAC,EAAO;EACzB;EAEA,SAAS,EAAW,GAAwB;GAE1C,AADA,EAAK,WAAW,GAChB,EAAO,QAAQ;EACjB;yBAIE,EAsDM,OAtDN,GAsDM,CArDJ,EAoDM,OAAA;YApDG;GAAJ,KAAI;GAAa,OAAM;MAC1B,EAsBS,UAAA;GArBP,MAAK;GACL,OAAK,EAAA,CAAC,oBAAkB;IACJ,EAAA,SAAI,WAAA;IAAsC,EAAA,SAAI,WAAA;IAAsC,EAAA,SAAI,YAAA,SAA0B,EAAA;;GAKrI,cAAY,EAAA,aAAa,EAAA;GACzB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAU;;GAET,EAAA,QAAA,EAAA,GAAT,EAA+C,KAAA;;IAAhC,OAAK,EAAA,CAAC,SAAgB,EAAA,IAAI,CAAA;;GAC7B,EAAA,SAAA,EAAA,GAAZ,EAES,QAAA;;IAFW,OAAK,EAAA,EAAA,qBAAyB,EAAM,kBAAiB,CAAA;QACvE,EAAA,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAGP,EAKO,QAAA,EAJL,OAAK,EAAA,CAAC,kCAAgC,EAAA,4BACA,EAAA,CAAA,EAAM,CAAA,CAAA,EAAA,GAAA,CAAA,GAAA,AAAA,EAAA,OAAA,CAE5C,EAA8C,KAAA,EAA3C,OAAM,iCAAgC,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,CAAA;mBAI7C,EA0BW,GAAA,EA1BD,IAAG,OAAM,GAAA,CACjB,EAwBM,OAxBN,GAwBM,CAvBO,EAAA,CAAA,KAAA,EAAA,GAAX,EAsBM,OAAA;;YAtBiB;GAAJ,KAAI;GAAc,OAAM;GAAyB,OAAK,EAAE,EAAA,CAAA,CAAa;MACtF,EAoBK,MApBL,GAoBK,EAAA,EAAA,EAAA,GAnBH,EAkBK,GAAA,MAAA,EAjBmB,EAAA,QAAd,GAAM,cADhB,EAkBK,MAAA;GAfF,KAAG,MAAQ;GACZ,OAAK,EAAA,CAAC,gDAA8C;sBACN,EAAA,CAAA,EAAY,EAAK,IAAI,MAAM,EAAK;sBAA0C,EAAK,SAAS,EAAK;mBAAuC,EAAK,WAAQ;;GAK/L,UAAS;GACR,UAAK,MAAE,EAAW,CAAI;GACtB,cAAY,EAAK,aAAa,EAAK;MAE3B,EAAK,QAAA,EAAA,GAAd,EAAyD,KAAA;;GAArC,OAAK,EAAA,CAAC,SAAgB,EAAK,IAAI,CAAA;4BACnD,EAES,QAAA,EAFH,OAAK,EAAA,CAAC,mBAAiB,EAAA,cAAyB,EAAM,aAAY,CAAA,CAAA,EAAA,GAAA,EACtE,EAAK,KAAK,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA,IAAA,CAAA,CAAA,GAAA,CAdH,EAAK,SAAM,CAAA,CAAA,CAAA"}

package/dist/admins-components30.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components30.js","names":[],"sources":["../src/components/DropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface DropdownMenuItem {\n  icon?: string\n  label: string\n  type?: ButtonType\n  size?: ControlSize\n  ariaLabel?: string\n  callback: () => void\n  disabled?: () => boolean\n}\n\nexport interface DropdownMenuProps {\n  size?: ControlSize\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  textEllipsis?: boolean\n  type?: ButtonType\n  items: DropdownMenuItem[]\n  labelAlignmentFix?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { ControlSize } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { sizeToClass } from '@/utils/dom'\n\nconst props = withDefaults(defineProps<DropdownMenuProps>(), {\n  size: 'normal',\n  type: 'normal',\n  textEllipsis: true,\n  icon: undefined,\n  label: undefined,\n  labelAlignmentFix: false,\n})\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({\n    minWidth: `${rect.width}px`,\n    maxWidth: `${rect.width * 2}px`,\n  }),\n  closeOnScroll: true,\n})\n\nfunction toggleOpen() {\n  isOpen.value = !isOpen.value\n}\n\nfunction selectItem(item: DropdownMenuItem) {\n  item.callback?.()\n  isOpen.value = false\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-wrapper d-inline-block\">\n      <button\n        type=\"button\"\n        class=\"c-btn dm-trigger\"\n        :class=\"[\n          size === 'small' && 'c-btn-sm',\n          size === 'large' && 'c-btn-lg',\n          type !== 'normal' && `c-btn-${type}`,\n        ]\"\n        :aria-label=\"ariaLabel ?? label\"\n        @click=\"toggleOpen()\"\n      >\n        <i v-if=\"icon\" class=\"fa-fw\" :class=\"icon\"></i>\n        <span v-if=\"label\" :class=\"{ 'align-center-fix ': props.labelAlignmentFix }\">{{\n          label\n        }}</span>\n\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"c-dropdown ds-wrapper\" :style=\"dropdownStyle\">\n            <ul class=\"ds-options c-scroll\">\n              <li\n                v-for=\"(item, idx) in items\"\n                :key=\"`cb-${idx}`\"\n                class=\"d-option dm-option c-field-size c-type-color\"\n                :class=\"{\n                  [`c-field-size--${sizeToClass(item.size)}`]: item.size,\n                  [`c-type-color--${item.type}`]: item.type,\n                  'is-disabled': item.disabled?.(),\n                }\"\n                tabindex=\"0\"\n                @click=\"selectItem(item)\"\n                :aria-label=\"item.ariaLabel ?? item.label\"\n              >\n                <i v-if=\"item.icon\" class=\"fa-fw\" :class=\"item.icon\"></i>\n                <span class=\"d-option__label\" :class=\"{ 'c-truncate': props.textEllipsis }\">{{\n                  item.label\n                }}</span>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/dropdown-select.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components30.js","names":[],"sources":["../src/components/DropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface DropdownMenuItem {\n  icon?: string\n  label: string\n  type?: ButtonType\n  size?: ControlSize\n  ariaLabel?: string\n  callback: () => void\n  disabled?: () => boolean\n  hidden?: () => boolean\n}\n\nexport interface DropdownMenuProps {\n  size?: ControlSize\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  textEllipsis?: boolean\n  type?: ButtonType\n  items: DropdownMenuItem[]\n  labelAlignmentFix?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { ControlSize } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { sizeToClass } from '@/utils/dom'\n\nconst props = withDefaults(defineProps<DropdownMenuProps>(), {\n  size: 'normal',\n  type: 'normal',\n  textEllipsis: true,\n  icon: undefined,\n  label: undefined,\n  labelAlignmentFix: false,\n})\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({\n    minWidth: `${rect.width}px`,\n    maxWidth: `${rect.width * 2}px`,\n  }),\n  closeOnScroll: true,\n})\n\nfunction toggleOpen() {\n  isOpen.value = !isOpen.value\n}\n\nfunction selectItem(item: DropdownMenuItem) {\n  item.callback?.()\n  isOpen.value = false\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-wrapper d-inline-block\">\n      <button\n        type=\"button\"\n        class=\"c-btn dm-trigger\"\n        :class=\"[\n          size === 'small' && 'c-btn-sm',\n          size === 'large' && 'c-btn-lg',\n          type !== 'normal' && `c-btn-${type}`,\n        ]\"\n        :aria-label=\"ariaLabel ?? label\"\n        @click=\"toggleOpen()\"\n      >\n        <i v-if=\"icon\" class=\"fa-fw\" :class=\"icon\"></i>\n        <span v-if=\"label\" :class=\"{ 'align-center-fix ': props.labelAlignmentFix }\">{{\n          label\n        }}</span>\n\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"c-dropdown ds-wrapper\" :style=\"dropdownStyle\">\n            <ul class=\"ds-options c-scroll\">\n              <li\n                v-for=\"(item, idx) in items\"\n                v-show=\"!item.hidden?.()\"\n                :key=\"`cb-${idx}`\"\n                class=\"d-option dm-option c-field-size c-type-color\"\n                :class=\"{\n                  [`c-field-size--${sizeToClass(item.size)}`]: item.size,\n                  [`c-type-color--${item.type}`]: item.type,\n                  'is-disabled': item.disabled?.(),\n                }\"\n                tabindex=\"0\"\n                @click=\"selectItem(item)\"\n                :aria-label=\"item.ariaLabel ?? item.label\"\n              >\n                <i v-if=\"item.icon\" class=\"fa-fw\" :class=\"item.icon\"></i>\n                <span class=\"d-option__label\" :class=\"{ 'c-truncate': props.textEllipsis }\">{{\n                  item.label\n                }}</span>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/dropdown-select.scss\"></style>\n"],"mappings":""}

package/dist/admins-components58.js.map

@@ -1 +1 @@
-{"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"}
+{"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  defaultCardHeader?: 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  hidden?: (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  hidden?: (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":";AAuGA,IAAa,IAA+C;CAC1D,SAAS;CACT,SAAS;AACX,GAEa,IAA+C,EAC1D,SAAS,GACX,GAEa,IAAsD;CACjE,QAAQ;CACR,SAAS;AACX"}

package/dist/admins-components63.js

@@ -36,18 +36,19 @@ var f = /* @__PURE__ */ s({
 		}
 		function _(e, t) {
 			return e.items.map((e) => {
-				let n = e.disabled;
+				let n = e.disabled, r = e.hidden;
 				return {
 					icon: e.icon,
 					label: e.label ?? "",
 					type: e.type,
 					size: e.label ? "small" : "normal",
 					callback: () => m(e, t),
-					disabled: n ? () => n(t) : void 0
+					disabled: n ? () => n(t) : void 0,
+					hidden: r ? () => r(t) : void 0
 				};
 			});
 		}
-		return (u, v) => (l(), o(r, null, [(l(!0), o(r, null, d(s.actions, (n, a) => (l(), o(r, { key: a }, [g(n) ? (l(), i(t, c({
+		return (u, v) => (l(), o(r, null, [(l(!0), o(r, null, d(s.actions, (n, u) => (l(), o(r, { key: u }, [n.hidden && n.hidden(s.item) ? a("", !0) : (l(), o(r, { key: 0 }, [g(n) ? (l(), i(t, c({
 			key: 0,
 			icon: n.icon,
 			label: n.label,
@@ -74,7 +75,7 @@ var f = /* @__PURE__ */ s({
 			"ariaLabel",
 			"callback",
 			"disabled"
-		]))], 64))), 128)), f.value ? (l(), i(n, c({ key: 0 }, p(f.value.action, f.value.item), {
+		]))], 64))], 64))), 128)), f.value ? (l(), i(n, c({ key: 0 }, p(f.value.action, f.value.item), {
 			onConfirm: h,
 			onCancel: v[0] ||= (e) => f.value = null
 		}), null, 16)) : a("", !0)], 64));

package/dist/admins-components63.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components63.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action, item?: Record<string, unknown>): ConfirmModalProps {\n  const defaultConfig = {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n  const extra = typeof action.withConfirmConfig === 'function'\n    ? action.withConfirmConfig(item)\n    : action.withConfirmConfig\n  return {\n    ...defaultConfig,\n    ...extra,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.withConfirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction buildActionGroupMenuItems(\n  group: ActionGroup,\n  item?: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => {\n    const isDisabled = action.disabled\n    return {\n      icon: action.icon,\n      label: action.label ?? '',\n      type: action.type,\n      size: action.label ? 'small' : 'normal',\n      callback: () => handleOnClick(action, item),\n      disabled: isDisabled ? () => isDisabled(item) : undefined,\n    }\n  })\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in actions\" :key=\"ai\">\n    <DropdownMenu\n      v-if=\"isActionGroup(action)\"\n      :icon=\"action.icon\"\n      :label=\"action.label\"\n      :items=\"buildActionGroupMenuItems(action, item)\"\n      v-bind=\"action.config\"\n    />\n\n    <Button\n      v-else\n      :icon=\"action.icon\"\n      :label=\"action.label\"\n      :type=\"action.type\"\n      :size=\"action.label ? 'small' : 'normal'\"\n      :ariaLabel=\"action.ariaLabel\"\n      outline\n      :callback=\"() => handleOnClick(action, item)\"\n      :disabled=\"action.disabled ? action.disabled(item) : false\"\n      v-bind=\"action.config\"\n    />\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action, activeConfirm.item)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;EAcA,IAAM,IAAgB,EAGZ,IAAI;EAEd,SAAS,EAAiB,GAAgB,GAAmD;GAC3F,IAAM,IAAgB;IACpB,OAAO,EAAO,SAAS;IACvB,SAAS;IACT,MAAM,EAAO;GACf,GACM,IAAQ,OAAO,EAAO,qBAAsB,aAC9C,EAAO,kBAAkB,CAAI,IAC7B,EAAO;GACX,OAAO;IACL,GAAG;IACH,GAAG;GACL;EACF;EAEA,SAAS,EAAc,GAAgB,GAAgC;GACrE,AAAI,EAAO,cACT,EAAc,QAAQ;IAAE;IAAQ;GAAK,IAErC,EAAO,SAAS,CAAI;EAExB;EAEA,SAAS,IAAgB;GACvB,AAEE,EAAc,WADd,EAAc,MAAM,OAAO,SAAS,EAAc,MAAM,IAAI,GACtC;EAE1B;EAEA,SAAS,EAAc,GAAmD;GACxE,OAAQ,EAAsB,YAAY,MAAQ,MAAM,QAAS,EAAsB,KAAK;EAC9F;EAEA,SAAS,EACP,GACA,GACoB;GACpB,OAAO,EAAM,MAAM,KAAK,MAAmB;IACzC,IAAM,IAAa,EAAO;IAC1B,OAAO;KACL,MAAM,EAAO;KACb,OAAO,EAAO,SAAS;KACvB,MAAM,EAAO;KACb,MAAM,EAAO,QAAQ,UAAU;KAC/B,gBAAgB,EAAc,GAAQ,CAAI;KAC1C,UAAU,UAAmB,EAAW,CAAI,IAAI,KAAA;IAClD;GACF,CAAC;EACH;6CAIE,EAqBW,GAAA,MAAA,EArBsB,EAAA,UAAf,GAAQ,wBAAsB,EAAE,GAAA,CAExC,EAAc,CAAM,KAAA,EAAA,GAD5B,EAME,GANF,EAME;;GAJC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,OAAO,EAA0B,GAAQ,EAAA,IAAI;sBACtC,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;EAAA,CAAA,MAAA,EAAA,GAGvB,EAWE,GAXF,EAWE;;GATC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,MAAM,EAAO;GACb,MAAM,EAAO,QAAK,UAAA;GAClB,WAAW,EAAO;GACnB,SAAA;GACC,gBAAgB,EAAc,GAAQ,EAAA,IAAI;GAC1C,UAAU,EAAO,WAAW,EAAO,SAAS,EAAA,IAAI,IAAA;sBACzC,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;EAAA,CAAA,EAAA,GAAA,EAAA,YAKjB,EAAA,SAAA,EAAA,GADR,EAKE,GALF,EAKE,EAAA,KAAA,EAAA,GAHQ,EAAiB,EAAA,MAAc,QAAQ,EAAA,MAAc,IAAI,GAAA;GAChE,WAAS;GACT,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAa"}
+{"version":3,"file":"admins-components63.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action, item?: Record<string, unknown>): ConfirmModalProps {\n  const defaultConfig = {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n  const extra = typeof action.withConfirmConfig === 'function'\n    ? action.withConfirmConfig(item)\n    : action.withConfirmConfig\n  return {\n    ...defaultConfig,\n    ...extra,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.withConfirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction buildActionGroupMenuItems(\n  group: ActionGroup,\n  item?: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => {\n    const isDisabled = action.disabled\n    const isHidden = action.hidden\n    return {\n      icon: action.icon,\n      label: action.label ?? '',\n      type: action.type,\n      size: action.label ? 'small' : 'normal',\n      callback: () => handleOnClick(action, item),\n      disabled: isDisabled ? () => isDisabled(item) : undefined,\n      hidden: isHidden ? () => isHidden(item) : undefined,\n    }\n  })\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in actions\" :key=\"ai\">\n    <template v-if=\"!(action.hidden && action.hidden(item))\">\n      <DropdownMenu\n        v-if=\"isActionGroup(action)\"\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :items=\"buildActionGroupMenuItems(action, item)\"\n        v-bind=\"action.config\"\n      />\n\n      <Button\n        v-else\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :type=\"action.type\"\n        :size=\"action.label ? 'small' : 'normal'\"\n        :ariaLabel=\"action.ariaLabel\"\n        outline\n        :callback=\"() => handleOnClick(action, item)\"\n        :disabled=\"action.disabled ? action.disabled(item) : false\"\n        v-bind=\"action.config\"\n      />\n    </template>\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action, activeConfirm.item)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;EAcA,IAAM,IAAgB,EAGZ,IAAI;EAEd,SAAS,EAAiB,GAAgB,GAAmD;GAC3F,IAAM,IAAgB;IACpB,OAAO,EAAO,SAAS;IACvB,SAAS;IACT,MAAM,EAAO;GACf,GACM,IAAQ,OAAO,EAAO,qBAAsB,aAC9C,EAAO,kBAAkB,CAAI,IAC7B,EAAO;GACX,OAAO;IACL,GAAG;IACH,GAAG;GACL;EACF;EAEA,SAAS,EAAc,GAAgB,GAAgC;GACrE,AAAI,EAAO,cACT,EAAc,QAAQ;IAAE;IAAQ;GAAK,IAErC,EAAO,SAAS,CAAI;EAExB;EAEA,SAAS,IAAgB;GACvB,AAEE,EAAc,WADd,EAAc,MAAM,OAAO,SAAS,EAAc,MAAM,IAAI,GACtC;EAE1B;EAEA,SAAS,EAAc,GAAmD;GACxE,OAAQ,EAAsB,YAAY,MAAQ,MAAM,QAAS,EAAsB,KAAK;EAC9F;EAEA,SAAS,EACP,GACA,GACoB;GACpB,OAAO,EAAM,MAAM,KAAK,MAAmB;IACzC,IAAM,IAAa,EAAO,UACpB,IAAW,EAAO;IACxB,OAAO;KACL,MAAM,EAAO;KACb,OAAO,EAAO,SAAS;KACvB,MAAM,EAAO;KACb,MAAM,EAAO,QAAQ,UAAU;KAC/B,gBAAgB,EAAc,GAAQ,CAAI;KAC1C,UAAU,UAAmB,EAAW,CAAI,IAAI,KAAA;KAChD,QAAQ,UAAiB,EAAS,CAAI,IAAI,KAAA;IAC5C;GACF,CAAC;EACH;6CAIE,EAuBW,GAAA,MAAA,EAvBsB,EAAA,UAAf,GAAQ,wBAAsB,EAAE,GAAA,CAC9B,EAAO,UAAU,EAAO,OAAO,EAAA,IAAI,IAmB5B,EAAA,IAAA,EAAA,KAnB4B,EAAA,GAArD,EAqBW,GAAA,EAAA,KAAA,EAAA,GAAA,CAnBD,EAAc,CAAM,KAAA,EAAA,GAD5B,EAME,GANF,EAME;;GAJC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,OAAO,EAA0B,GAAQ,EAAA,IAAI;sBACtC,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;EAAA,CAAA,MAAA,EAAA,GAGvB,EAWE,GAXF,EAWE;;GATC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,MAAM,EAAO;GACb,MAAM,EAAO,QAAK,UAAA;GAClB,WAAW,EAAO;GACnB,SAAA;GACC,gBAAgB,EAAc,GAAQ,EAAA,IAAI;GAC1C,UAAU,EAAO,WAAW,EAAO,SAAS,EAAA,IAAI,IAAA;sBACzC,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;EAAA,CAAA,EAAA,GAAA,EAAA,EAAA,GAAA,EAAA,YAMnB,EAAA,SAAA,EAAA,GADR,EAKE,GALF,EAKE,EAAA,KAAA,EAAA,GAHQ,EAAiB,EAAA,MAAc,QAAQ,EAAA,MAAc,IAAI,GAAA;GAChE,WAAS;GACT,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAa"}

package/dist/admins-components64.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components64.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action, item?: Record<string, unknown>): ConfirmModalProps {\n  const defaultConfig = {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n  const extra = typeof action.withConfirmConfig === 'function'\n    ? action.withConfirmConfig(item)\n    : action.withConfirmConfig\n  return {\n    ...defaultConfig,\n    ...extra,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.withConfirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction buildActionGroupMenuItems(\n  group: ActionGroup,\n  item?: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => {\n    const isDisabled = action.disabled\n    return {\n      icon: action.icon,\n      label: action.label ?? '',\n      type: action.type,\n      size: action.label ? 'small' : 'normal',\n      callback: () => handleOnClick(action, item),\n      disabled: isDisabled ? () => isDisabled(item) : undefined,\n    }\n  })\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in actions\" :key=\"ai\">\n    <DropdownMenu\n      v-if=\"isActionGroup(action)\"\n      :icon=\"action.icon\"\n      :label=\"action.label\"\n      :items=\"buildActionGroupMenuItems(action, item)\"\n      v-bind=\"action.config\"\n    />\n\n    <Button\n      v-else\n      :icon=\"action.icon\"\n      :label=\"action.label\"\n      :type=\"action.type\"\n      :size=\"action.label ? 'small' : 'normal'\"\n      :ariaLabel=\"action.ariaLabel\"\n      outline\n      :callback=\"() => handleOnClick(action, item)\"\n      :disabled=\"action.disabled ? action.disabled(item) : false\"\n      v-bind=\"action.config\"\n    />\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action, activeConfirm.item)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components64.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action, item?: Record<string, unknown>): ConfirmModalProps {\n  const defaultConfig = {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n  const extra = typeof action.withConfirmConfig === 'function'\n    ? action.withConfirmConfig(item)\n    : action.withConfirmConfig\n  return {\n    ...defaultConfig,\n    ...extra,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.withConfirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction buildActionGroupMenuItems(\n  group: ActionGroup,\n  item?: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => {\n    const isDisabled = action.disabled\n    const isHidden = action.hidden\n    return {\n      icon: action.icon,\n      label: action.label ?? '',\n      type: action.type,\n      size: action.label ? 'small' : 'normal',\n      callback: () => handleOnClick(action, item),\n      disabled: isDisabled ? () => isDisabled(item) : undefined,\n      hidden: isHidden ? () => isHidden(item) : undefined,\n    }\n  })\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in actions\" :key=\"ai\">\n    <template v-if=\"!(action.hidden && action.hidden(item))\">\n      <DropdownMenu\n        v-if=\"isActionGroup(action)\"\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :items=\"buildActionGroupMenuItems(action, item)\"\n        v-bind=\"action.config\"\n      />\n\n      <Button\n        v-else\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :type=\"action.type\"\n        :size=\"action.label ? 'small' : 'normal'\"\n        :ariaLabel=\"action.ariaLabel\"\n        outline\n        :callback=\"() => handleOnClick(action, item)\"\n        :disabled=\"action.disabled ? action.disabled(item) : false\"\n        v-bind=\"action.config\"\n      />\n    </template>\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action, activeConfirm.item)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":""}

package/dist/admins-components72.js

@@ -55,7 +55,7 @@ var ae = { class: "table-options" }, oe = { class: "table-options__col" }, se =
 				...r,
 				...M.settings,
 				columns: Object.fromEntries(M.columns.map((e) => [e.property, M.settings.columns?.[e.property] ?? e.visible !== !1])),
-				cardHeaderColumns: Object.fromEntries(M.columns.map((e) => [e.property, M.settings.cardHeaderColumns?.[e.property] ?? (e.primary === !0 || e.hideable === !1)])),
+				cardHeaderColumns: Object.fromEntries(M.columns.map((e) => [e.property, M.settings.cardHeaderColumns?.[e.property] ?? (e.primary === !0 || e.hideable === !1 || e.defaultCardHeader === !0)])),
 				columnOrder: M.settings.columnOrder ?? M.columns.map((e) => e.property),
 				cardHeaderOrder: M.settings.cardHeaderOrder ?? M.columns.map((e) => e.property)
 			};

package/dist/admins-components72.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components72.js","names":[],"sources":["../src/components/data-table/DataListOptions.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Column, DataListSettings } from '@/types/data-list'\nimport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\nimport { deepMerge } from '@/utils/objects'\nimport Button from '@/components/Button.vue'\n\nexport interface DataListOptionsProps {\n  open?: boolean\n  columns: Column[]\n  settings: Partial<DataListSettings>\n  position?: SidebarPosition\n  storageKey: string\n  orderable?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, watch } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\n\nconst props = withDefaults(defineProps<DataListOptionsProps>(), {\n  orderable: false,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [settings: DataListSettings]\n}>()\n\nconst local = ref<DataListSettings>(getDefaults())\n\nconst storageKey = computed(() => `data-list-${props.storageKey}`)\n\nconst hasCustomSettings = computed(\n  () => JSON.stringify(local.value) !== JSON.stringify(getDefaults()),\n)\n\nfunction isColumnLocked(col: Column): boolean {\n  return col.primary === true || col.hideable === false\n}\n\n// Force locked columns to true in both column maps, regardless of saved state.\nfunction applyLockedOverrides(s: DataListSettings) {\n  for (const col of props.columns) {\n    if (isColumnLocked(col)) {\n      s.columns[col.property] = true\n      s.cardHeaderColumns[col.property] = true\n    }\n  }\n}\n\nfunction getDefaults(): DataListSettings {\n  return {\n    ...dataCardsSettingsDefaults,\n    ...dataTableSettingsDefaults,\n    ...dataListSettingsDefaults,\n    ...props.settings,\n    columns: Object.fromEntries(\n      props.columns.map((c) => [\n        c.property,\n        props.settings.columns?.[c.property] ?? c.visible !== false,\n      ]),\n    ),\n    cardHeaderColumns: Object.fromEntries(\n      props.columns.map((c) => [\n        c.property,\n        props.settings.cardHeaderColumns?.[c.property] ?? (c.primary === true || c.hideable === false),\n      ]),\n    ),\n    columnOrder: props.settings.columnOrder ?? props.columns.map((c) => c.property),\n    cardHeaderOrder: props.settings.cardHeaderOrder ?? props.columns.map((c) => c.property),\n  } as DataListSettings\n}\n\nfunction load() {\n  try {\n    const raw = localStorage.getItem(storageKey.value)\n    const defaults = getDefaults()\n    if (raw) {\n      const data = JSON.parse(raw)\n      local.value = data.settings\n        ? reconcileOrders(deepMerge(defaults, data.settings) as DataListSettings, props.columns)\n        : defaults\n    } else {\n      local.value = defaults\n    }\n  } catch {\n    local.value = getDefaults()\n  }\n  applyLockedOverrides(local.value)\n  emit('change', local.value)\n}\n\nfunction reconcileOrders(settings: DataListSettings, columns: Column[]): DataListSettings {\n  const sourceOrder = columns.map((c) => c.property)\n  const reconcile = (order: string[] | undefined): string[] => {\n    // Saved order, restricted to columns that still exist in the source config.\n    const saved = (order ?? []).filter((p) => sourceOrder.includes(p))\n    const savedSet = new Set(saved)\n    // Walk the source-code order. For each property:\n    // - if it was saved, pull it from the saved sequence in saved order\n    // - if it's new, insert it at its source-code position\n    const merged: string[] = []\n    let savedIdx = 0\n    for (const property of sourceOrder) {\n      if (savedSet.has(property)) {\n        merged.push(saved[savedIdx++]!)\n      } else {\n        merged.push(property)\n      }\n    }\n    return merged\n  }\n  return {\n    ...settings,\n    columnOrder: reconcile(settings.columnOrder),\n    cardHeaderOrder: reconcile(settings.cardHeaderOrder),\n  }\n}\n\nfunction save() {\n  try {\n    const key = storageKey.value\n    const raw = localStorage.getItem(key)\n    const data = raw ? JSON.parse(raw) : {}\n    data.settings = local.value\n    localStorage.setItem(key, JSON.stringify(data))\n  } catch {\n    /* ignore */\n  }\n  emit('change', local.value)\n}\n\nfunction update<K extends keyof DataListSettings>(key: K, value: DataListSettings[K]) {\n  local.value = { ...local.value, [key]: value }\n  save()\n}\n\nfunction toggleColumn(property: string) {\n  update('columns', { ...local.value.columns, [property]: !local.value.columns[property] })\n}\n\nfunction toggleCardHeaderColumn(property: string) {\n  update('cardHeaderColumns', {\n    ...local.value.cardHeaderColumns,\n    [property]: !local.value.cardHeaderColumns[property],\n  })\n}\n\nfunction toggle(key: 'striped' | 'compact') {\n  update(key, !local.value[key])\n}\n\nfunction sortByOrder(cols: Column[], order: string[]) {\n  return [...cols].sort((a, b) => {\n    const ai = order.indexOf(a.property)\n    const bi = order.indexOf(b.property)\n    return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n  })\n}\n\nconst orderedColumns = computed(() => sortByOrder(props.columns, local.value.columnOrder))\n\nconst orderedCardHeaderColumns = computed(() =>\n  sortByOrder(props.columns, local.value.cardHeaderOrder),\n)\n\nconst dragIndex = ref<number | null>(null)\nconst selectedReorderIndex = ref<number | null>(null)\n\nconst cardHeaderDragIndex = ref<number | null>(null)\nconst selectedCardHeaderIndex = ref<number | null>(null)\n\nfunction onDragStart(index: number) {\n  dragIndex.value = index\n}\n\nfunction onDragOver(e: DragEvent, index: number) {\n  e.preventDefault()\n  if (dragIndex.value === null || dragIndex.value === index) return\n  const order = [...local.value.columnOrder]\n  const moved = order.splice(dragIndex.value, 1)[0]\n  if (!moved) return\n  order.splice(index, 0, moved)\n  dragIndex.value = index\n  update('columnOrder', order)\n}\n\nfunction onDragEnd() {\n  dragIndex.value = null\n}\n\nfunction selectForReorder(index: number) {\n  selectedReorderIndex.value = selectedReorderIndex.value === index ? null : index\n}\n\nfunction moveSelected(direction: -1 | 1) {\n  if (selectedReorderIndex.value === null) return\n  const target = selectedReorderIndex.value + direction\n  if (target < 0 || target >= local.value.columnOrder.length) return\n  const order = [...local.value.columnOrder]\n  const tmp = order[selectedReorderIndex.value]!\n  order[selectedReorderIndex.value] = order[target]!\n  order[target] = tmp\n  update('columnOrder', order)\n  selectedReorderIndex.value = target\n}\n\nfunction onCardHeaderDragStart(index: number) {\n  cardHeaderDragIndex.value = index\n}\n\nfunction onCardHeaderDragOver(e: DragEvent, index: number) {\n  e.preventDefault()\n  if (cardHeaderDragIndex.value === null || cardHeaderDragIndex.value === index) return\n  const order = [...local.value.cardHeaderOrder]\n  const moved = order.splice(cardHeaderDragIndex.value, 1)[0]\n  if (!moved) return\n  order.splice(index, 0, moved)\n  cardHeaderDragIndex.value = index\n  update('cardHeaderOrder', order)\n}\n\nfunction onCardHeaderDragEnd() {\n  cardHeaderDragIndex.value = null\n}\n\nfunction selectCardHeader(index: number) {\n  selectedCardHeaderIndex.value = selectedCardHeaderIndex.value === index ? null : index\n}\n\nfunction moveCardHeader(direction: -1 | 1) {\n  if (selectedCardHeaderIndex.value === null) return\n  const target = selectedCardHeaderIndex.value + direction\n  if (target < 0 || target >= local.value.cardHeaderOrder.length) return\n  const order = [...local.value.cardHeaderOrder]\n  const tmp = order[selectedCardHeaderIndex.value]!\n  order[selectedCardHeaderIndex.value] = order[target]!\n  order[target] = tmp\n  update('cardHeaderOrder', order)\n  selectedCardHeaderIndex.value = target\n}\n\nfunction reset() {\n  localStorage.removeItem(storageKey.value)\n  local.value = getDefaults()\n  emit('change', local.value)\n}\n\nonMounted(load)\n\n// If the columns prop changes at runtime, re-reconcile the orders so new\n// columns appear at their source-code position, and re-apply locked overrides.\nwatch(() => props.columns, () => {\n  local.value = reconcileOrders(local.value, props.columns)\n  applyLockedOverrides(local.value)\n})\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Lista beállítások\" :position=\"props.position\" @close=\"emit('close')\">\n    <div class=\"table-options\">\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\">\n          Elrendezés\n          <span class=\"table-options__title-value\"\n            >—\n            {{\n              local.layout === 'screen' ? 'Auto' : local.layout === 'table' ? 'Táblázat' : 'Kártyák'\n            }}</span\n          >\n        </h4>\n        <div class=\"layout-switch\">\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'screen' }\"\n            title=\"Kijelző méretéhez igazodó elrendezés\"\n            @click=\"update('layout', 'screen')\"\n          >\n            <i class=\"fa-solid fa-display\"></i>\n          </button>\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'table' }\"\n            title=\"Táblázat nézet\"\n            @click=\"update('layout', 'table')\"\n          >\n            <i class=\"fa-solid fa-table-list\"></i>\n          </button>\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'cards' }\"\n            title=\"Kártya nézet\"\n            @click=\"update('layout', 'cards')\"\n          >\n            <i class=\"fa-solid fa-list\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"table-options__col\">\n        <h4\n          class=\"table-options__title\"\n          v-tooltip.html=\"\n            '<b>Kompakt</b>: A sorok közötti térköz csökkentése<br><br><b>Sávos</b> (csak táblázat nézetben):  A páros sorok háttere kicsit sötétebb '\"\n        >\n          Megjelenés <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            class=\"table-options__item\"\n            @click=\"toggle('compact')\"\n            title=\"A sorok közötti térköz csökkentése\"\n          >\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': local.compact }\"\n              @click.stop=\"toggle('compact')\"\n            ></span>\n            <span>Kompakt</span>\n          </li>\n          <li\n            class=\"table-options__item\"\n            @click=\"toggle('striped')\"\n            title=\"A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)\"\n          >\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': local.striped }\"\n              @click.stop=\"toggle('striped')\"\n            ></span>\n            <span>Sávos (striped)</span>\n          </li>\n        </ul>\n      </div>\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\" v-tooltip=\"'Táblázat nézetben megjelenő oszlopok'\">\n          Táblázat oszlopok <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            v-for=\"(col, index) in orderedColumns\"\n            :key=\"col.property\"\n            class=\"table-options__item\"\n            :class=\"{\n              'table-options__item--disabled': isColumnLocked(col),\n              'table-options__item--selected': orderable && selectedReorderIndex === index,\n              'table-options__item--dragging': orderable && dragIndex === index,\n            }\"\n            :draggable=\"orderable\"\n            @dragstart.stop=\"orderable && onDragStart(index)\"\n            @dragover.prevent=\"orderable && onDragOver($event, index)\"\n            @drop.prevent\n            @dragend=\"orderable && onDragEnd()\"\n            @click.prevent=\"\n              orderable ? selectForReorder(index) : !isColumnLocked(col) && toggleColumn(col.property)\n            \"\n          >\n            <i v-if=\"orderable\" class=\"fa-solid fa-grip-vertical table-options__drag-handle\"></i>\n            <span\n              class=\"table-options__toggle\"\n              @click.stop=\"!isColumnLocked(col) && toggleColumn(col.property)\"\n            >\n              <span\n                class=\"c-checkbox\"\n                :class=\"{ 'c-checkbox--checked': local.columns[col.property] }\"\n              ></span>\n              <span>{{ col.label }}</span>\n            </span>\n          </li>\n        </ul>\n        <div v-if=\"orderable && selectedReorderIndex !== null\" class=\"table-options__move-actions\">\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedReorderIndex === 0\"\n            @click=\"moveSelected(-1)\"\n          >\n            <i class=\"fa-solid fa-arrow-up\"></i>\n          </button>\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedReorderIndex === orderedColumns.length - 1\"\n            @click=\"moveSelected(1)\"\n          >\n            <i class=\"fa-solid fa-arrow-down\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"table-options__col\">\n        <h4\n          class=\"table-options__title flex-center gap-1\"\n          v-tooltip=\"'Kártya nézetben, a sorok fejlécén megjelenő oszlopok'\"\n        >\n          Kártya fejléc <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            v-for=\"(col, index) in orderedCardHeaderColumns\"\n            :key=\"'ch-' + col.property\"\n            class=\"table-options__item\"\n            :class=\"{\n              'table-options__item--disabled': isColumnLocked(col),\n              'table-options__item--selected': orderable && selectedCardHeaderIndex === index,\n              'table-options__item--dragging': orderable && cardHeaderDragIndex === index,\n            }\"\n            :draggable=\"orderable\"\n            @dragstart.stop=\"orderable && onCardHeaderDragStart(index)\"\n            @dragover.prevent=\"orderable && onCardHeaderDragOver($event, index)\"\n            @drop.prevent\n            @dragend=\"orderable && onCardHeaderDragEnd()\"\n            @click.prevent=\"\n              orderable\n                ? selectCardHeader(index)\n                : !isColumnLocked(col) && toggleCardHeaderColumn(col.property)\n            \"\n          >\n            <i v-if=\"orderable\" class=\"fa-solid fa-grip-vertical table-options__drag-handle\"></i>\n            <span\n              class=\"table-options__toggle\"\n              @click.stop=\"!isColumnLocked(col) && toggleCardHeaderColumn(col.property)\"\n            >\n              <span\n                class=\"c-checkbox\"\n                :class=\"{ 'c-checkbox--checked': local.cardHeaderColumns[col.property] }\"\n              ></span>\n              <span>{{ col.label }}</span>\n            </span>\n          </li>\n        </ul>\n        <div\n          v-if=\"orderable && selectedCardHeaderIndex !== null\"\n          class=\"table-options__move-actions\"\n        >\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedCardHeaderIndex === 0\"\n            @click=\"moveCardHeader(-1)\"\n          >\n            <i class=\"fa-solid fa-arrow-up\"></i>\n          </button>\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedCardHeaderIndex === orderedCardHeaderColumns.length - 1\"\n            @click=\"moveCardHeader(1)\"\n          >\n            <i class=\"fa-solid fa-arrow-down\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <div class=\"table-options__footer\">\n      <Button\n        icon=\"fa-solid  fa-triangle-exclamation\"\n        :disabled=\"!hasCustomSettings\"\n        label=\"Alapértelmezés visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      />\n      <Button label=\"OK\" @click=\"emit('close')\" />\n    </div>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list-options.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components72.js","names":[],"sources":["../src/components/data-table/DataListOptions.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Column, DataListSettings } from '@/types/data-list'\nimport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\nimport { deepMerge } from '@/utils/objects'\nimport Button from '@/components/Button.vue'\n\nexport interface DataListOptionsProps {\n  open?: boolean\n  columns: Column[]\n  settings: Partial<DataListSettings>\n  position?: SidebarPosition\n  storageKey: string\n  orderable?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, watch } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\n\nconst props = withDefaults(defineProps<DataListOptionsProps>(), {\n  orderable: false,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [settings: DataListSettings]\n}>()\n\nconst local = ref<DataListSettings>(getDefaults())\n\nconst storageKey = computed(() => `data-list-${props.storageKey}`)\n\nconst hasCustomSettings = computed(\n  () => JSON.stringify(local.value) !== JSON.stringify(getDefaults()),\n)\n\nfunction isColumnLocked(col: Column): boolean {\n  return col.primary === true || col.hideable === false\n}\n\n// Force locked columns to true in both column maps, regardless of saved state.\nfunction applyLockedOverrides(s: DataListSettings) {\n  for (const col of props.columns) {\n    if (isColumnLocked(col)) {\n      s.columns[col.property] = true\n      s.cardHeaderColumns[col.property] = true\n    }\n  }\n}\n\nfunction getDefaults(): DataListSettings {\n  return {\n    ...dataCardsSettingsDefaults,\n    ...dataTableSettingsDefaults,\n    ...dataListSettingsDefaults,\n    ...props.settings,\n    columns: Object.fromEntries(\n      props.columns.map((c) => [\n        c.property,\n        props.settings.columns?.[c.property] ?? c.visible !== false,\n      ]),\n    ),\n    cardHeaderColumns: Object.fromEntries(\n      props.columns.map((c) => [\n        c.property,\n        props.settings.cardHeaderColumns?.[c.property] ??\n          (c.primary === true || c.hideable === false || c.defaultCardHeader === true),\n      ]),\n    ),\n    columnOrder: props.settings.columnOrder ?? props.columns.map((c) => c.property),\n    cardHeaderOrder: props.settings.cardHeaderOrder ?? props.columns.map((c) => c.property),\n  } as DataListSettings\n}\n\nfunction load() {\n  try {\n    const raw = localStorage.getItem(storageKey.value)\n    const defaults = getDefaults()\n    if (raw) {\n      const data = JSON.parse(raw)\n      local.value = data.settings\n        ? reconcileOrders(deepMerge(defaults, data.settings) as DataListSettings, props.columns)\n        : defaults\n    } else {\n      local.value = defaults\n    }\n  } catch {\n    local.value = getDefaults()\n  }\n  applyLockedOverrides(local.value)\n  emit('change', local.value)\n}\n\nfunction reconcileOrders(settings: DataListSettings, columns: Column[]): DataListSettings {\n  const sourceOrder = columns.map((c) => c.property)\n  const reconcile = (order: string[] | undefined): string[] => {\n    // Saved order, restricted to columns that still exist in the source config.\n    const saved = (order ?? []).filter((p) => sourceOrder.includes(p))\n    const savedSet = new Set(saved)\n    // Walk the source-code order. For each property:\n    // - if it was saved, pull it from the saved sequence in saved order\n    // - if it's new, insert it at its source-code position\n    const merged: string[] = []\n    let savedIdx = 0\n    for (const property of sourceOrder) {\n      if (savedSet.has(property)) {\n        merged.push(saved[savedIdx++]!)\n      } else {\n        merged.push(property)\n      }\n    }\n    return merged\n  }\n  return {\n    ...settings,\n    columnOrder: reconcile(settings.columnOrder),\n    cardHeaderOrder: reconcile(settings.cardHeaderOrder),\n  }\n}\n\nfunction save() {\n  try {\n    const key = storageKey.value\n    const raw = localStorage.getItem(key)\n    const data = raw ? JSON.parse(raw) : {}\n    data.settings = local.value\n    localStorage.setItem(key, JSON.stringify(data))\n  } catch {\n    /* ignore */\n  }\n  emit('change', local.value)\n}\n\nfunction update<K extends keyof DataListSettings>(key: K, value: DataListSettings[K]) {\n  local.value = { ...local.value, [key]: value }\n  save()\n}\n\nfunction toggleColumn(property: string) {\n  update('columns', { ...local.value.columns, [property]: !local.value.columns[property] })\n}\n\nfunction toggleCardHeaderColumn(property: string) {\n  update('cardHeaderColumns', {\n    ...local.value.cardHeaderColumns,\n    [property]: !local.value.cardHeaderColumns[property],\n  })\n}\n\nfunction toggle(key: 'striped' | 'compact') {\n  update(key, !local.value[key])\n}\n\nfunction sortByOrder(cols: Column[], order: string[]) {\n  return [...cols].sort((a, b) => {\n    const ai = order.indexOf(a.property)\n    const bi = order.indexOf(b.property)\n    return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n  })\n}\n\nconst orderedColumns = computed(() => sortByOrder(props.columns, local.value.columnOrder))\n\nconst orderedCardHeaderColumns = computed(() =>\n  sortByOrder(props.columns, local.value.cardHeaderOrder),\n)\n\nconst dragIndex = ref<number | null>(null)\nconst selectedReorderIndex = ref<number | null>(null)\n\nconst cardHeaderDragIndex = ref<number | null>(null)\nconst selectedCardHeaderIndex = ref<number | null>(null)\n\nfunction onDragStart(index: number) {\n  dragIndex.value = index\n}\n\nfunction onDragOver(e: DragEvent, index: number) {\n  e.preventDefault()\n  if (dragIndex.value === null || dragIndex.value === index) return\n  const order = [...local.value.columnOrder]\n  const moved = order.splice(dragIndex.value, 1)[0]\n  if (!moved) return\n  order.splice(index, 0, moved)\n  dragIndex.value = index\n  update('columnOrder', order)\n}\n\nfunction onDragEnd() {\n  dragIndex.value = null\n}\n\nfunction selectForReorder(index: number) {\n  selectedReorderIndex.value = selectedReorderIndex.value === index ? null : index\n}\n\nfunction moveSelected(direction: -1 | 1) {\n  if (selectedReorderIndex.value === null) return\n  const target = selectedReorderIndex.value + direction\n  if (target < 0 || target >= local.value.columnOrder.length) return\n  const order = [...local.value.columnOrder]\n  const tmp = order[selectedReorderIndex.value]!\n  order[selectedReorderIndex.value] = order[target]!\n  order[target] = tmp\n  update('columnOrder', order)\n  selectedReorderIndex.value = target\n}\n\nfunction onCardHeaderDragStart(index: number) {\n  cardHeaderDragIndex.value = index\n}\n\nfunction onCardHeaderDragOver(e: DragEvent, index: number) {\n  e.preventDefault()\n  if (cardHeaderDragIndex.value === null || cardHeaderDragIndex.value === index) return\n  const order = [...local.value.cardHeaderOrder]\n  const moved = order.splice(cardHeaderDragIndex.value, 1)[0]\n  if (!moved) return\n  order.splice(index, 0, moved)\n  cardHeaderDragIndex.value = index\n  update('cardHeaderOrder', order)\n}\n\nfunction onCardHeaderDragEnd() {\n  cardHeaderDragIndex.value = null\n}\n\nfunction selectCardHeader(index: number) {\n  selectedCardHeaderIndex.value = selectedCardHeaderIndex.value === index ? null : index\n}\n\nfunction moveCardHeader(direction: -1 | 1) {\n  if (selectedCardHeaderIndex.value === null) return\n  const target = selectedCardHeaderIndex.value + direction\n  if (target < 0 || target >= local.value.cardHeaderOrder.length) return\n  const order = [...local.value.cardHeaderOrder]\n  const tmp = order[selectedCardHeaderIndex.value]!\n  order[selectedCardHeaderIndex.value] = order[target]!\n  order[target] = tmp\n  update('cardHeaderOrder', order)\n  selectedCardHeaderIndex.value = target\n}\n\nfunction reset() {\n  localStorage.removeItem(storageKey.value)\n  local.value = getDefaults()\n  emit('change', local.value)\n}\n\nonMounted(load)\n\n// If the columns prop changes at runtime, re-reconcile the orders so new\n// columns appear at their source-code position, and re-apply locked overrides.\nwatch(() => props.columns, () => {\n  local.value = reconcileOrders(local.value, props.columns)\n  applyLockedOverrides(local.value)\n})\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Lista beállítások\" :position=\"props.position\" @close=\"emit('close')\">\n    <div class=\"table-options\">\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\">\n          Elrendezés\n          <span class=\"table-options__title-value\"\n            >—\n            {{\n              local.layout === 'screen' ? 'Auto' : local.layout === 'table' ? 'Táblázat' : 'Kártyák'\n            }}</span\n          >\n        </h4>\n        <div class=\"layout-switch\">\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'screen' }\"\n            title=\"Kijelző méretéhez igazodó elrendezés\"\n            @click=\"update('layout', 'screen')\"\n          >\n            <i class=\"fa-solid fa-display\"></i>\n          </button>\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'table' }\"\n            title=\"Táblázat nézet\"\n            @click=\"update('layout', 'table')\"\n          >\n            <i class=\"fa-solid fa-table-list\"></i>\n          </button>\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'cards' }\"\n            title=\"Kártya nézet\"\n            @click=\"update('layout', 'cards')\"\n          >\n            <i class=\"fa-solid fa-list\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"table-options__col\">\n        <h4\n          class=\"table-options__title\"\n          v-tooltip.html=\"\n            '<b>Kompakt</b>: A sorok közötti térköz csökkentése<br><br><b>Sávos</b> (csak táblázat nézetben):  A páros sorok háttere kicsit sötétebb '\"\n        >\n          Megjelenés <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            class=\"table-options__item\"\n            @click=\"toggle('compact')\"\n            title=\"A sorok közötti térköz csökkentése\"\n          >\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': local.compact }\"\n              @click.stop=\"toggle('compact')\"\n            ></span>\n            <span>Kompakt</span>\n          </li>\n          <li\n            class=\"table-options__item\"\n            @click=\"toggle('striped')\"\n            title=\"A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)\"\n          >\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': local.striped }\"\n              @click.stop=\"toggle('striped')\"\n            ></span>\n            <span>Sávos (striped)</span>\n          </li>\n        </ul>\n      </div>\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\" v-tooltip=\"'Táblázat nézetben megjelenő oszlopok'\">\n          Táblázat oszlopok <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            v-for=\"(col, index) in orderedColumns\"\n            :key=\"col.property\"\n            class=\"table-options__item\"\n            :class=\"{\n              'table-options__item--disabled': isColumnLocked(col),\n              'table-options__item--selected': orderable && selectedReorderIndex === index,\n              'table-options__item--dragging': orderable && dragIndex === index,\n            }\"\n            :draggable=\"orderable\"\n            @dragstart.stop=\"orderable && onDragStart(index)\"\n            @dragover.prevent=\"orderable && onDragOver($event, index)\"\n            @drop.prevent\n            @dragend=\"orderable && onDragEnd()\"\n            @click.prevent=\"\n              orderable ? selectForReorder(index) : !isColumnLocked(col) && toggleColumn(col.property)\n            \"\n          >\n            <i v-if=\"orderable\" class=\"fa-solid fa-grip-vertical table-options__drag-handle\"></i>\n            <span\n              class=\"table-options__toggle\"\n              @click.stop=\"!isColumnLocked(col) && toggleColumn(col.property)\"\n            >\n              <span\n                class=\"c-checkbox\"\n                :class=\"{ 'c-checkbox--checked': local.columns[col.property] }\"\n              ></span>\n              <span>{{ col.label }}</span>\n            </span>\n          </li>\n        </ul>\n        <div v-if=\"orderable && selectedReorderIndex !== null\" class=\"table-options__move-actions\">\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedReorderIndex === 0\"\n            @click=\"moveSelected(-1)\"\n          >\n            <i class=\"fa-solid fa-arrow-up\"></i>\n          </button>\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedReorderIndex === orderedColumns.length - 1\"\n            @click=\"moveSelected(1)\"\n          >\n            <i class=\"fa-solid fa-arrow-down\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"table-options__col\">\n        <h4\n          class=\"table-options__title flex-center gap-1\"\n          v-tooltip=\"'Kártya nézetben, a sorok fejlécén megjelenő oszlopok'\"\n        >\n          Kártya fejléc <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            v-for=\"(col, index) in orderedCardHeaderColumns\"\n            :key=\"'ch-' + col.property\"\n            class=\"table-options__item\"\n            :class=\"{\n              'table-options__item--disabled': isColumnLocked(col),\n              'table-options__item--selected': orderable && selectedCardHeaderIndex === index,\n              'table-options__item--dragging': orderable && cardHeaderDragIndex === index,\n            }\"\n            :draggable=\"orderable\"\n            @dragstart.stop=\"orderable && onCardHeaderDragStart(index)\"\n            @dragover.prevent=\"orderable && onCardHeaderDragOver($event, index)\"\n            @drop.prevent\n            @dragend=\"orderable && onCardHeaderDragEnd()\"\n            @click.prevent=\"\n              orderable\n                ? selectCardHeader(index)\n                : !isColumnLocked(col) && toggleCardHeaderColumn(col.property)\n            \"\n          >\n            <i v-if=\"orderable\" class=\"fa-solid fa-grip-vertical table-options__drag-handle\"></i>\n            <span\n              class=\"table-options__toggle\"\n              @click.stop=\"!isColumnLocked(col) && toggleCardHeaderColumn(col.property)\"\n            >\n              <span\n                class=\"c-checkbox\"\n                :class=\"{ 'c-checkbox--checked': local.cardHeaderColumns[col.property] }\"\n              ></span>\n              <span>{{ col.label }}</span>\n            </span>\n          </li>\n        </ul>\n        <div\n          v-if=\"orderable && selectedCardHeaderIndex !== null\"\n          class=\"table-options__move-actions\"\n        >\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedCardHeaderIndex === 0\"\n            @click=\"moveCardHeader(-1)\"\n          >\n            <i class=\"fa-solid fa-arrow-up\"></i>\n          </button>\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedCardHeaderIndex === orderedCardHeaderColumns.length - 1\"\n            @click=\"moveCardHeader(1)\"\n          >\n            <i class=\"fa-solid fa-arrow-down\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <div class=\"table-options__footer\">\n      <Button\n        icon=\"fa-solid  fa-triangle-exclamation\"\n        :disabled=\"!hasCustomSettings\"\n        label=\"Alapértelmezés visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      />\n      <Button label=\"OK\" @click=\"emit('close')\" />\n    </div>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list-options.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components74.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components74.js","names":[],"sources":["../src/components/data-table/DataListOptions.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Column, DataListSettings } from '@/types/data-list'\nimport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\nimport { deepMerge } from '@/utils/objects'\nimport Button from '@/components/Button.vue'\n\nexport interface DataListOptionsProps {\n  open?: boolean\n  columns: Column[]\n  settings: Partial<DataListSettings>\n  position?: SidebarPosition\n  storageKey: string\n  orderable?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, watch } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\n\nconst props = withDefaults(defineProps<DataListOptionsProps>(), {\n  orderable: false,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [settings: DataListSettings]\n}>()\n\nconst local = ref<DataListSettings>(getDefaults())\n\nconst storageKey = computed(() => `data-list-${props.storageKey}`)\n\nconst hasCustomSettings = computed(\n  () => JSON.stringify(local.value) !== JSON.stringify(getDefaults()),\n)\n\nfunction isColumnLocked(col: Column): boolean {\n  return col.primary === true || col.hideable === false\n}\n\n// Force locked columns to true in both column maps, regardless of saved state.\nfunction applyLockedOverrides(s: DataListSettings) {\n  for (const col of props.columns) {\n    if (isColumnLocked(col)) {\n      s.columns[col.property] = true\n      s.cardHeaderColumns[col.property] = true\n    }\n  }\n}\n\nfunction getDefaults(): DataListSettings {\n  return {\n    ...dataCardsSettingsDefaults,\n    ...dataTableSettingsDefaults,\n    ...dataListSettingsDefaults,\n    ...props.settings,\n    columns: Object.fromEntries(\n      props.columns.map((c) => [\n        c.property,\n        props.settings.columns?.[c.property] ?? c.visible !== false,\n      ]),\n    ),\n    cardHeaderColumns: Object.fromEntries(\n      props.columns.map((c) => [\n        c.property,\n        props.settings.cardHeaderColumns?.[c.property] ?? (c.primary === true || c.hideable === false),\n      ]),\n    ),\n    columnOrder: props.settings.columnOrder ?? props.columns.map((c) => c.property),\n    cardHeaderOrder: props.settings.cardHeaderOrder ?? props.columns.map((c) => c.property),\n  } as DataListSettings\n}\n\nfunction load() {\n  try {\n    const raw = localStorage.getItem(storageKey.value)\n    const defaults = getDefaults()\n    if (raw) {\n      const data = JSON.parse(raw)\n      local.value = data.settings\n        ? reconcileOrders(deepMerge(defaults, data.settings) as DataListSettings, props.columns)\n        : defaults\n    } else {\n      local.value = defaults\n    }\n  } catch {\n    local.value = getDefaults()\n  }\n  applyLockedOverrides(local.value)\n  emit('change', local.value)\n}\n\nfunction reconcileOrders(settings: DataListSettings, columns: Column[]): DataListSettings {\n  const sourceOrder = columns.map((c) => c.property)\n  const reconcile = (order: string[] | undefined): string[] => {\n    // Saved order, restricted to columns that still exist in the source config.\n    const saved = (order ?? []).filter((p) => sourceOrder.includes(p))\n    const savedSet = new Set(saved)\n    // Walk the source-code order. For each property:\n    // - if it was saved, pull it from the saved sequence in saved order\n    // - if it's new, insert it at its source-code position\n    const merged: string[] = []\n    let savedIdx = 0\n    for (const property of sourceOrder) {\n      if (savedSet.has(property)) {\n        merged.push(saved[savedIdx++]!)\n      } else {\n        merged.push(property)\n      }\n    }\n    return merged\n  }\n  return {\n    ...settings,\n    columnOrder: reconcile(settings.columnOrder),\n    cardHeaderOrder: reconcile(settings.cardHeaderOrder),\n  }\n}\n\nfunction save() {\n  try {\n    const key = storageKey.value\n    const raw = localStorage.getItem(key)\n    const data = raw ? JSON.parse(raw) : {}\n    data.settings = local.value\n    localStorage.setItem(key, JSON.stringify(data))\n  } catch {\n    /* ignore */\n  }\n  emit('change', local.value)\n}\n\nfunction update<K extends keyof DataListSettings>(key: K, value: DataListSettings[K]) {\n  local.value = { ...local.value, [key]: value }\n  save()\n}\n\nfunction toggleColumn(property: string) {\n  update('columns', { ...local.value.columns, [property]: !local.value.columns[property] })\n}\n\nfunction toggleCardHeaderColumn(property: string) {\n  update('cardHeaderColumns', {\n    ...local.value.cardHeaderColumns,\n    [property]: !local.value.cardHeaderColumns[property],\n  })\n}\n\nfunction toggle(key: 'striped' | 'compact') {\n  update(key, !local.value[key])\n}\n\nfunction sortByOrder(cols: Column[], order: string[]) {\n  return [...cols].sort((a, b) => {\n    const ai = order.indexOf(a.property)\n    const bi = order.indexOf(b.property)\n    return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n  })\n}\n\nconst orderedColumns = computed(() => sortByOrder(props.columns, local.value.columnOrder))\n\nconst orderedCardHeaderColumns = computed(() =>\n  sortByOrder(props.columns, local.value.cardHeaderOrder),\n)\n\nconst dragIndex = ref<number | null>(null)\nconst selectedReorderIndex = ref<number | null>(null)\n\nconst cardHeaderDragIndex = ref<number | null>(null)\nconst selectedCardHeaderIndex = ref<number | null>(null)\n\nfunction onDragStart(index: number) {\n  dragIndex.value = index\n}\n\nfunction onDragOver(e: DragEvent, index: number) {\n  e.preventDefault()\n  if (dragIndex.value === null || dragIndex.value === index) return\n  const order = [...local.value.columnOrder]\n  const moved = order.splice(dragIndex.value, 1)[0]\n  if (!moved) return\n  order.splice(index, 0, moved)\n  dragIndex.value = index\n  update('columnOrder', order)\n}\n\nfunction onDragEnd() {\n  dragIndex.value = null\n}\n\nfunction selectForReorder(index: number) {\n  selectedReorderIndex.value = selectedReorderIndex.value === index ? null : index\n}\n\nfunction moveSelected(direction: -1 | 1) {\n  if (selectedReorderIndex.value === null) return\n  const target = selectedReorderIndex.value + direction\n  if (target < 0 || target >= local.value.columnOrder.length) return\n  const order = [...local.value.columnOrder]\n  const tmp = order[selectedReorderIndex.value]!\n  order[selectedReorderIndex.value] = order[target]!\n  order[target] = tmp\n  update('columnOrder', order)\n  selectedReorderIndex.value = target\n}\n\nfunction onCardHeaderDragStart(index: number) {\n  cardHeaderDragIndex.value = index\n}\n\nfunction onCardHeaderDragOver(e: DragEvent, index: number) {\n  e.preventDefault()\n  if (cardHeaderDragIndex.value === null || cardHeaderDragIndex.value === index) return\n  const order = [...local.value.cardHeaderOrder]\n  const moved = order.splice(cardHeaderDragIndex.value, 1)[0]\n  if (!moved) return\n  order.splice(index, 0, moved)\n  cardHeaderDragIndex.value = index\n  update('cardHeaderOrder', order)\n}\n\nfunction onCardHeaderDragEnd() {\n  cardHeaderDragIndex.value = null\n}\n\nfunction selectCardHeader(index: number) {\n  selectedCardHeaderIndex.value = selectedCardHeaderIndex.value === index ? null : index\n}\n\nfunction moveCardHeader(direction: -1 | 1) {\n  if (selectedCardHeaderIndex.value === null) return\n  const target = selectedCardHeaderIndex.value + direction\n  if (target < 0 || target >= local.value.cardHeaderOrder.length) return\n  const order = [...local.value.cardHeaderOrder]\n  const tmp = order[selectedCardHeaderIndex.value]!\n  order[selectedCardHeaderIndex.value] = order[target]!\n  order[target] = tmp\n  update('cardHeaderOrder', order)\n  selectedCardHeaderIndex.value = target\n}\n\nfunction reset() {\n  localStorage.removeItem(storageKey.value)\n  local.value = getDefaults()\n  emit('change', local.value)\n}\n\nonMounted(load)\n\n// If the columns prop changes at runtime, re-reconcile the orders so new\n// columns appear at their source-code position, and re-apply locked overrides.\nwatch(() => props.columns, () => {\n  local.value = reconcileOrders(local.value, props.columns)\n  applyLockedOverrides(local.value)\n})\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Lista beállítások\" :position=\"props.position\" @close=\"emit('close')\">\n    <div class=\"table-options\">\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\">\n          Elrendezés\n          <span class=\"table-options__title-value\"\n            >—\n            {{\n              local.layout === 'screen' ? 'Auto' : local.layout === 'table' ? 'Táblázat' : 'Kártyák'\n            }}</span\n          >\n        </h4>\n        <div class=\"layout-switch\">\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'screen' }\"\n            title=\"Kijelző méretéhez igazodó elrendezés\"\n            @click=\"update('layout', 'screen')\"\n          >\n            <i class=\"fa-solid fa-display\"></i>\n          </button>\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'table' }\"\n            title=\"Táblázat nézet\"\n            @click=\"update('layout', 'table')\"\n          >\n            <i class=\"fa-solid fa-table-list\"></i>\n          </button>\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'cards' }\"\n            title=\"Kártya nézet\"\n            @click=\"update('layout', 'cards')\"\n          >\n            <i class=\"fa-solid fa-list\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"table-options__col\">\n        <h4\n          class=\"table-options__title\"\n          v-tooltip.html=\"\n            '<b>Kompakt</b>: A sorok közötti térköz csökkentése<br><br><b>Sávos</b> (csak táblázat nézetben):  A páros sorok háttere kicsit sötétebb '\"\n        >\n          Megjelenés <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            class=\"table-options__item\"\n            @click=\"toggle('compact')\"\n            title=\"A sorok közötti térköz csökkentése\"\n          >\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': local.compact }\"\n              @click.stop=\"toggle('compact')\"\n            ></span>\n            <span>Kompakt</span>\n          </li>\n          <li\n            class=\"table-options__item\"\n            @click=\"toggle('striped')\"\n            title=\"A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)\"\n          >\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': local.striped }\"\n              @click.stop=\"toggle('striped')\"\n            ></span>\n            <span>Sávos (striped)</span>\n          </li>\n        </ul>\n      </div>\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\" v-tooltip=\"'Táblázat nézetben megjelenő oszlopok'\">\n          Táblázat oszlopok <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            v-for=\"(col, index) in orderedColumns\"\n            :key=\"col.property\"\n            class=\"table-options__item\"\n            :class=\"{\n              'table-options__item--disabled': isColumnLocked(col),\n              'table-options__item--selected': orderable && selectedReorderIndex === index,\n              'table-options__item--dragging': orderable && dragIndex === index,\n            }\"\n            :draggable=\"orderable\"\n            @dragstart.stop=\"orderable && onDragStart(index)\"\n            @dragover.prevent=\"orderable && onDragOver($event, index)\"\n            @drop.prevent\n            @dragend=\"orderable && onDragEnd()\"\n            @click.prevent=\"\n              orderable ? selectForReorder(index) : !isColumnLocked(col) && toggleColumn(col.property)\n            \"\n          >\n            <i v-if=\"orderable\" class=\"fa-solid fa-grip-vertical table-options__drag-handle\"></i>\n            <span\n              class=\"table-options__toggle\"\n              @click.stop=\"!isColumnLocked(col) && toggleColumn(col.property)\"\n            >\n              <span\n                class=\"c-checkbox\"\n                :class=\"{ 'c-checkbox--checked': local.columns[col.property] }\"\n              ></span>\n              <span>{{ col.label }}</span>\n            </span>\n          </li>\n        </ul>\n        <div v-if=\"orderable && selectedReorderIndex !== null\" class=\"table-options__move-actions\">\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedReorderIndex === 0\"\n            @click=\"moveSelected(-1)\"\n          >\n            <i class=\"fa-solid fa-arrow-up\"></i>\n          </button>\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedReorderIndex === orderedColumns.length - 1\"\n            @click=\"moveSelected(1)\"\n          >\n            <i class=\"fa-solid fa-arrow-down\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"table-options__col\">\n        <h4\n          class=\"table-options__title flex-center gap-1\"\n          v-tooltip=\"'Kártya nézetben, a sorok fejlécén megjelenő oszlopok'\"\n        >\n          Kártya fejléc <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            v-for=\"(col, index) in orderedCardHeaderColumns\"\n            :key=\"'ch-' + col.property\"\n            class=\"table-options__item\"\n            :class=\"{\n              'table-options__item--disabled': isColumnLocked(col),\n              'table-options__item--selected': orderable && selectedCardHeaderIndex === index,\n              'table-options__item--dragging': orderable && cardHeaderDragIndex === index,\n            }\"\n            :draggable=\"orderable\"\n            @dragstart.stop=\"orderable && onCardHeaderDragStart(index)\"\n            @dragover.prevent=\"orderable && onCardHeaderDragOver($event, index)\"\n            @drop.prevent\n            @dragend=\"orderable && onCardHeaderDragEnd()\"\n            @click.prevent=\"\n              orderable\n                ? selectCardHeader(index)\n                : !isColumnLocked(col) && toggleCardHeaderColumn(col.property)\n            \"\n          >\n            <i v-if=\"orderable\" class=\"fa-solid fa-grip-vertical table-options__drag-handle\"></i>\n            <span\n              class=\"table-options__toggle\"\n              @click.stop=\"!isColumnLocked(col) && toggleCardHeaderColumn(col.property)\"\n            >\n              <span\n                class=\"c-checkbox\"\n                :class=\"{ 'c-checkbox--checked': local.cardHeaderColumns[col.property] }\"\n              ></span>\n              <span>{{ col.label }}</span>\n            </span>\n          </li>\n        </ul>\n        <div\n          v-if=\"orderable && selectedCardHeaderIndex !== null\"\n          class=\"table-options__move-actions\"\n        >\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedCardHeaderIndex === 0\"\n            @click=\"moveCardHeader(-1)\"\n          >\n            <i class=\"fa-solid fa-arrow-up\"></i>\n          </button>\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedCardHeaderIndex === orderedCardHeaderColumns.length - 1\"\n            @click=\"moveCardHeader(1)\"\n          >\n            <i class=\"fa-solid fa-arrow-down\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <div class=\"table-options__footer\">\n      <Button\n        icon=\"fa-solid  fa-triangle-exclamation\"\n        :disabled=\"!hasCustomSettings\"\n        label=\"Alapértelmezés visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      />\n      <Button label=\"OK\" @click=\"emit('close')\" />\n    </div>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list-options.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components74.js","names":[],"sources":["../src/components/data-table/DataListOptions.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Column, DataListSettings } from '@/types/data-list'\nimport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\nimport { deepMerge } from '@/utils/objects'\nimport Button from '@/components/Button.vue'\n\nexport interface DataListOptionsProps {\n  open?: boolean\n  columns: Column[]\n  settings: Partial<DataListSettings>\n  position?: SidebarPosition\n  storageKey: string\n  orderable?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, watch } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\n\nconst props = withDefaults(defineProps<DataListOptionsProps>(), {\n  orderable: false,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [settings: DataListSettings]\n}>()\n\nconst local = ref<DataListSettings>(getDefaults())\n\nconst storageKey = computed(() => `data-list-${props.storageKey}`)\n\nconst hasCustomSettings = computed(\n  () => JSON.stringify(local.value) !== JSON.stringify(getDefaults()),\n)\n\nfunction isColumnLocked(col: Column): boolean {\n  return col.primary === true || col.hideable === false\n}\n\n// Force locked columns to true in both column maps, regardless of saved state.\nfunction applyLockedOverrides(s: DataListSettings) {\n  for (const col of props.columns) {\n    if (isColumnLocked(col)) {\n      s.columns[col.property] = true\n      s.cardHeaderColumns[col.property] = true\n    }\n  }\n}\n\nfunction getDefaults(): DataListSettings {\n  return {\n    ...dataCardsSettingsDefaults,\n    ...dataTableSettingsDefaults,\n    ...dataListSettingsDefaults,\n    ...props.settings,\n    columns: Object.fromEntries(\n      props.columns.map((c) => [\n        c.property,\n        props.settings.columns?.[c.property] ?? c.visible !== false,\n      ]),\n    ),\n    cardHeaderColumns: Object.fromEntries(\n      props.columns.map((c) => [\n        c.property,\n        props.settings.cardHeaderColumns?.[c.property] ??\n          (c.primary === true || c.hideable === false || c.defaultCardHeader === true),\n      ]),\n    ),\n    columnOrder: props.settings.columnOrder ?? props.columns.map((c) => c.property),\n    cardHeaderOrder: props.settings.cardHeaderOrder ?? props.columns.map((c) => c.property),\n  } as DataListSettings\n}\n\nfunction load() {\n  try {\n    const raw = localStorage.getItem(storageKey.value)\n    const defaults = getDefaults()\n    if (raw) {\n      const data = JSON.parse(raw)\n      local.value = data.settings\n        ? reconcileOrders(deepMerge(defaults, data.settings) as DataListSettings, props.columns)\n        : defaults\n    } else {\n      local.value = defaults\n    }\n  } catch {\n    local.value = getDefaults()\n  }\n  applyLockedOverrides(local.value)\n  emit('change', local.value)\n}\n\nfunction reconcileOrders(settings: DataListSettings, columns: Column[]): DataListSettings {\n  const sourceOrder = columns.map((c) => c.property)\n  const reconcile = (order: string[] | undefined): string[] => {\n    // Saved order, restricted to columns that still exist in the source config.\n    const saved = (order ?? []).filter((p) => sourceOrder.includes(p))\n    const savedSet = new Set(saved)\n    // Walk the source-code order. For each property:\n    // - if it was saved, pull it from the saved sequence in saved order\n    // - if it's new, insert it at its source-code position\n    const merged: string[] = []\n    let savedIdx = 0\n    for (const property of sourceOrder) {\n      if (savedSet.has(property)) {\n        merged.push(saved[savedIdx++]!)\n      } else {\n        merged.push(property)\n      }\n    }\n    return merged\n  }\n  return {\n    ...settings,\n    columnOrder: reconcile(settings.columnOrder),\n    cardHeaderOrder: reconcile(settings.cardHeaderOrder),\n  }\n}\n\nfunction save() {\n  try {\n    const key = storageKey.value\n    const raw = localStorage.getItem(key)\n    const data = raw ? JSON.parse(raw) : {}\n    data.settings = local.value\n    localStorage.setItem(key, JSON.stringify(data))\n  } catch {\n    /* ignore */\n  }\n  emit('change', local.value)\n}\n\nfunction update<K extends keyof DataListSettings>(key: K, value: DataListSettings[K]) {\n  local.value = { ...local.value, [key]: value }\n  save()\n}\n\nfunction toggleColumn(property: string) {\n  update('columns', { ...local.value.columns, [property]: !local.value.columns[property] })\n}\n\nfunction toggleCardHeaderColumn(property: string) {\n  update('cardHeaderColumns', {\n    ...local.value.cardHeaderColumns,\n    [property]: !local.value.cardHeaderColumns[property],\n  })\n}\n\nfunction toggle(key: 'striped' | 'compact') {\n  update(key, !local.value[key])\n}\n\nfunction sortByOrder(cols: Column[], order: string[]) {\n  return [...cols].sort((a, b) => {\n    const ai = order.indexOf(a.property)\n    const bi = order.indexOf(b.property)\n    return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n  })\n}\n\nconst orderedColumns = computed(() => sortByOrder(props.columns, local.value.columnOrder))\n\nconst orderedCardHeaderColumns = computed(() =>\n  sortByOrder(props.columns, local.value.cardHeaderOrder),\n)\n\nconst dragIndex = ref<number | null>(null)\nconst selectedReorderIndex = ref<number | null>(null)\n\nconst cardHeaderDragIndex = ref<number | null>(null)\nconst selectedCardHeaderIndex = ref<number | null>(null)\n\nfunction onDragStart(index: number) {\n  dragIndex.value = index\n}\n\nfunction onDragOver(e: DragEvent, index: number) {\n  e.preventDefault()\n  if (dragIndex.value === null || dragIndex.value === index) return\n  const order = [...local.value.columnOrder]\n  const moved = order.splice(dragIndex.value, 1)[0]\n  if (!moved) return\n  order.splice(index, 0, moved)\n  dragIndex.value = index\n  update('columnOrder', order)\n}\n\nfunction onDragEnd() {\n  dragIndex.value = null\n}\n\nfunction selectForReorder(index: number) {\n  selectedReorderIndex.value = selectedReorderIndex.value === index ? null : index\n}\n\nfunction moveSelected(direction: -1 | 1) {\n  if (selectedReorderIndex.value === null) return\n  const target = selectedReorderIndex.value + direction\n  if (target < 0 || target >= local.value.columnOrder.length) return\n  const order = [...local.value.columnOrder]\n  const tmp = order[selectedReorderIndex.value]!\n  order[selectedReorderIndex.value] = order[target]!\n  order[target] = tmp\n  update('columnOrder', order)\n  selectedReorderIndex.value = target\n}\n\nfunction onCardHeaderDragStart(index: number) {\n  cardHeaderDragIndex.value = index\n}\n\nfunction onCardHeaderDragOver(e: DragEvent, index: number) {\n  e.preventDefault()\n  if (cardHeaderDragIndex.value === null || cardHeaderDragIndex.value === index) return\n  const order = [...local.value.cardHeaderOrder]\n  const moved = order.splice(cardHeaderDragIndex.value, 1)[0]\n  if (!moved) return\n  order.splice(index, 0, moved)\n  cardHeaderDragIndex.value = index\n  update('cardHeaderOrder', order)\n}\n\nfunction onCardHeaderDragEnd() {\n  cardHeaderDragIndex.value = null\n}\n\nfunction selectCardHeader(index: number) {\n  selectedCardHeaderIndex.value = selectedCardHeaderIndex.value === index ? null : index\n}\n\nfunction moveCardHeader(direction: -1 | 1) {\n  if (selectedCardHeaderIndex.value === null) return\n  const target = selectedCardHeaderIndex.value + direction\n  if (target < 0 || target >= local.value.cardHeaderOrder.length) return\n  const order = [...local.value.cardHeaderOrder]\n  const tmp = order[selectedCardHeaderIndex.value]!\n  order[selectedCardHeaderIndex.value] = order[target]!\n  order[target] = tmp\n  update('cardHeaderOrder', order)\n  selectedCardHeaderIndex.value = target\n}\n\nfunction reset() {\n  localStorage.removeItem(storageKey.value)\n  local.value = getDefaults()\n  emit('change', local.value)\n}\n\nonMounted(load)\n\n// If the columns prop changes at runtime, re-reconcile the orders so new\n// columns appear at their source-code position, and re-apply locked overrides.\nwatch(() => props.columns, () => {\n  local.value = reconcileOrders(local.value, props.columns)\n  applyLockedOverrides(local.value)\n})\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Lista beállítások\" :position=\"props.position\" @close=\"emit('close')\">\n    <div class=\"table-options\">\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\">\n          Elrendezés\n          <span class=\"table-options__title-value\"\n            >—\n            {{\n              local.layout === 'screen' ? 'Auto' : local.layout === 'table' ? 'Táblázat' : 'Kártyák'\n            }}</span\n          >\n        </h4>\n        <div class=\"layout-switch\">\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'screen' }\"\n            title=\"Kijelző méretéhez igazodó elrendezés\"\n            @click=\"update('layout', 'screen')\"\n          >\n            <i class=\"fa-solid fa-display\"></i>\n          </button>\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'table' }\"\n            title=\"Táblázat nézet\"\n            @click=\"update('layout', 'table')\"\n          >\n            <i class=\"fa-solid fa-table-list\"></i>\n          </button>\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'cards' }\"\n            title=\"Kártya nézet\"\n            @click=\"update('layout', 'cards')\"\n          >\n            <i class=\"fa-solid fa-list\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"table-options__col\">\n        <h4\n          class=\"table-options__title\"\n          v-tooltip.html=\"\n            '<b>Kompakt</b>: A sorok közötti térköz csökkentése<br><br><b>Sávos</b> (csak táblázat nézetben):  A páros sorok háttere kicsit sötétebb '\"\n        >\n          Megjelenés <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            class=\"table-options__item\"\n            @click=\"toggle('compact')\"\n            title=\"A sorok közötti térköz csökkentése\"\n          >\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': local.compact }\"\n              @click.stop=\"toggle('compact')\"\n            ></span>\n            <span>Kompakt</span>\n          </li>\n          <li\n            class=\"table-options__item\"\n            @click=\"toggle('striped')\"\n            title=\"A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)\"\n          >\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': local.striped }\"\n              @click.stop=\"toggle('striped')\"\n            ></span>\n            <span>Sávos (striped)</span>\n          </li>\n        </ul>\n      </div>\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\" v-tooltip=\"'Táblázat nézetben megjelenő oszlopok'\">\n          Táblázat oszlopok <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            v-for=\"(col, index) in orderedColumns\"\n            :key=\"col.property\"\n            class=\"table-options__item\"\n            :class=\"{\n              'table-options__item--disabled': isColumnLocked(col),\n              'table-options__item--selected': orderable && selectedReorderIndex === index,\n              'table-options__item--dragging': orderable && dragIndex === index,\n            }\"\n            :draggable=\"orderable\"\n            @dragstart.stop=\"orderable && onDragStart(index)\"\n            @dragover.prevent=\"orderable && onDragOver($event, index)\"\n            @drop.prevent\n            @dragend=\"orderable && onDragEnd()\"\n            @click.prevent=\"\n              orderable ? selectForReorder(index) : !isColumnLocked(col) && toggleColumn(col.property)\n            \"\n          >\n            <i v-if=\"orderable\" class=\"fa-solid fa-grip-vertical table-options__drag-handle\"></i>\n            <span\n              class=\"table-options__toggle\"\n              @click.stop=\"!isColumnLocked(col) && toggleColumn(col.property)\"\n            >\n              <span\n                class=\"c-checkbox\"\n                :class=\"{ 'c-checkbox--checked': local.columns[col.property] }\"\n              ></span>\n              <span>{{ col.label }}</span>\n            </span>\n          </li>\n        </ul>\n        <div v-if=\"orderable && selectedReorderIndex !== null\" class=\"table-options__move-actions\">\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedReorderIndex === 0\"\n            @click=\"moveSelected(-1)\"\n          >\n            <i class=\"fa-solid fa-arrow-up\"></i>\n          </button>\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedReorderIndex === orderedColumns.length - 1\"\n            @click=\"moveSelected(1)\"\n          >\n            <i class=\"fa-solid fa-arrow-down\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"table-options__col\">\n        <h4\n          class=\"table-options__title flex-center gap-1\"\n          v-tooltip=\"'Kártya nézetben, a sorok fejlécén megjelenő oszlopok'\"\n        >\n          Kártya fejléc <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            v-for=\"(col, index) in orderedCardHeaderColumns\"\n            :key=\"'ch-' + col.property\"\n            class=\"table-options__item\"\n            :class=\"{\n              'table-options__item--disabled': isColumnLocked(col),\n              'table-options__item--selected': orderable && selectedCardHeaderIndex === index,\n              'table-options__item--dragging': orderable && cardHeaderDragIndex === index,\n            }\"\n            :draggable=\"orderable\"\n            @dragstart.stop=\"orderable && onCardHeaderDragStart(index)\"\n            @dragover.prevent=\"orderable && onCardHeaderDragOver($event, index)\"\n            @drop.prevent\n            @dragend=\"orderable && onCardHeaderDragEnd()\"\n            @click.prevent=\"\n              orderable\n                ? selectCardHeader(index)\n                : !isColumnLocked(col) && toggleCardHeaderColumn(col.property)\n            \"\n          >\n            <i v-if=\"orderable\" class=\"fa-solid fa-grip-vertical table-options__drag-handle\"></i>\n            <span\n              class=\"table-options__toggle\"\n              @click.stop=\"!isColumnLocked(col) && toggleCardHeaderColumn(col.property)\"\n            >\n              <span\n                class=\"c-checkbox\"\n                :class=\"{ 'c-checkbox--checked': local.cardHeaderColumns[col.property] }\"\n              ></span>\n              <span>{{ col.label }}</span>\n            </span>\n          </li>\n        </ul>\n        <div\n          v-if=\"orderable && selectedCardHeaderIndex !== null\"\n          class=\"table-options__move-actions\"\n        >\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedCardHeaderIndex === 0\"\n            @click=\"moveCardHeader(-1)\"\n          >\n            <i class=\"fa-solid fa-arrow-up\"></i>\n          </button>\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedCardHeaderIndex === orderedCardHeaderColumns.length - 1\"\n            @click=\"moveCardHeader(1)\"\n          >\n            <i class=\"fa-solid fa-arrow-down\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <div class=\"table-options__footer\">\n      <Button\n        icon=\"fa-solid  fa-triangle-exclamation\"\n        :disabled=\"!hasCustomSettings\"\n        label=\"Alapértelmezés visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      />\n      <Button label=\"OK\" @click=\"emit('close')\" />\n    </div>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list-options.scss\"></style>\n"],"mappings":""}

package/dist/src/components/DropdownMenu.vue.d.ts

@@ -8,6 +8,7 @@ export interface DropdownMenuItem {
     ariaLabel?: string;
     callback: () => void;
     disabled?: () => boolean;
+    hidden?: () => boolean;
 }
 export interface DropdownMenuProps {
     size?: ControlSize;

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

@@ -42,6 +42,7 @@ export interface Column {
     visible?: boolean;
     primary?: boolean;
     hideable?: boolean;
+    defaultCardHeader?: boolean;
     label: string;
     property: string;
     sort?: Sort;
@@ -66,6 +67,7 @@ export interface Action {
     type?: ButtonType;
     config?: Record<string, any>;
     disabled?: (item: any) => boolean;
+    hidden?: (item: any) => boolean;
     callback: (item: any) => any;
     withConfirm?: boolean;
     withConfirmConfig?: (item: any) => ConfirmModalProps;
@@ -79,6 +81,7 @@ export interface ActionGroup {
     config?: Record<string, any>;
     items: Action[];
     disabled?: (item: any) => boolean;
+    hidden?: (item: any) => boolean;
 }
 export declare const dataTableSettingsDefaults: DataTableSettings;
 export declare const dataCardsSettingsDefaults: DataCardsSettings;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "admins-components",
-  "version": "9.0.54",
+  "version": "9.0.55",
   "type": "module",
   "module": "./dist/admins-components.js",
   "types": "./dist/index.d.ts",