admins-components 9.0.66 → 9.0.67

package/dist/admins-components80.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components80.js","names":[],"sources":["../src/components/data-table/DataSort.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type SortDirection = 'asc' | 'desc'\n\nexport interface DataSortOption {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface DataSortProps {\n  modelValue: { key: string; direction: SortDirection } | null\n  options: DataSortOption[]\n  placeholder?: string\n  handleUrl?: boolean\n  disabled?: boolean\n}\n\n/**\n * Resolve the initial sort state from the URL.\n * URL is the only source — there is no localStorage fallback for sort.\n * Returns `null` if no valid `sortBy` + `sortDir` pair is present in the URL.\n */\nexport function getDefaultSort(): { key: string; direction: SortDirection } | null {\n  if (typeof window === 'undefined') return null\n  const params = new URLSearchParams(window.location.search)\n  const key = params.get('sortBy')\n  const dir = params.get('sortDir')\n  if (key && (dir === 'asc' || dir === 'desc')) {\n    return { key, direction: dir }\n  }\n  return null\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { writeUrlOrRemove } from '@/utils/url'\nimport Button from '../Button.vue'\n\nconst props = withDefaults(defineProps<DataSortProps>(), {\n  placeholder: 'Rendezés...',\n  handleUrl: false,\n  disabled: false\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [sort: { key: string; direction: SortDirection } | null]\n  'sort-change': [sort: { key: string; direction: SortDirection } | null]\n}>()\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({ minWidth: `${Math.max(rect.width, 240)}px` }),\n  closeOnScroll: true,\n})\n\nconst sortBy = computed<string | string[] | null>({\n  get: () => props.modelValue?.key ?? null,\n  set: (v) => {\n    if (Array.isArray(v)) return\n    emitChange(v, props.modelValue?.direction ?? 'asc')\n  },\n})\n\nconst direction = computed<SortDirection>({\n  get: () => props.modelValue?.direction ?? 'asc',\n  set: (d) => emitChange(props.modelValue?.key ?? null, d),\n})\n\nconst activeLabel = computed(() => {\n  if (!props.modelValue) return props.placeholder\n  const opt = props.options.find((o) => o.value === props.modelValue!.key)\n  const label = opt?.label ?? props.modelValue.key\n  return `${label} (${props.modelValue.direction === 'asc' ? 'növekvő' : 'csökkenő'})`\n})\n\nfunction emitChange(key: string | null, dir: SortDirection) {\n  if (key == null) {\n    if (props.handleUrl) {\n      writeUrlOrRemove('sortBy', null, { handleUrl: true })\n      writeUrlOrRemove('sortDir', null, { handleUrl: true })\n    }\n    emit('update:modelValue', null)\n    emit('sort-change', null)\n    return\n  }\n  if (props.handleUrl) {\n    writeUrlOrRemove('sortBy', key, { handleUrl: true })\n    writeUrlOrRemove('sortDir', dir, { handleUrl: true, default: 'asc' })\n  }\n  const next = { key, direction: dir }\n  emit('update:modelValue', next)\n  emit('sort-change', next)\n}\n\nfunction clear() {\n  emitChange(null, 'asc')\n  isOpen.value = false\n}\n\n// Read initial state from URL on mount when handleUrl is true and modelValue is empty.\nwatch(\n  isOpen,\n  (open) => {\n    if (!open || !props.handleUrl || props.modelValue) return\n    const sort = getDefaultSort()\n    if (sort) emitChange(sort.key, sort.direction)\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-sort-wrapper\">\n      <button\n        type=\"button\"\n        class=\"c-btn ds-sort-trigger lh-1\"\n        :class=\"[modelValue && 'is-active', disabled && 'is-disabled', isOpen && 'is-open']\"\n        :disabled=\"disabled\"\n        :aria-label=\"`Rendezés: ${activeLabel}`\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <i\n          class=\"fa-solid fa-fw\"\n          :class=\"\n            !modelValue || modelValue.direction === 'asc'\n              ? 'fa-arrow-up-wide-short'\n              : 'fa-arrow-down-wide-short'\n          \"\n        ></i>\n        <span class=\"ds-sort-label c-truncate\">{{ activeLabel }}</span>\n        <button\n          v-if=\"modelValue\"\n          type=\"button\"\n          class=\"c-icon-btn c-icon-btn--clear ds-sort-clear\"\n          aria-label=\"Rendezés törlése\"\n          title=\"Rendezés törlése\"\n          @click.stop=\"clear\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\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=\"ds-sort-panel\" :style=\"dropdownStyle\">\n\n            <div class=\"ds-sort-panel__row\">\n              <label class=\"ds-sort-panel__label\">Oszlop</label>\n              <DropdownSelect\n                :model-value=\"sortBy\"\n                :options=\"options\"\n                :config=\"{\n                  clearable: false,\n                  placeholder: 'Válassz oszlopot...',\n                  filterable: false,\n                }\"\n                @update:model-value=\"(v) => (sortBy = v)\"\n              />\n            </div>\n\n            <div class=\"ds-sort-panel__row\">\n              <span class=\"ds-sort-panel__label\">Irány</span>\n              <div class=\"ds-sort-direction\" role=\"group\" aria-label=\"Rendezés iránya\">\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn\"\n                  :class=\"{ 'is-active': direction === 'asc' }\"\n                  :aria-pressed=\"direction === 'asc'\"\n                  aria-label=\"Növekvő\"\n                  @click=\"direction = 'asc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-up-wide-short\"></i>\n                  <span>Növekvő</span>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn dir-desc\"\n                  :class=\"{ 'is-active': direction === 'desc' }\"\n                  :aria-pressed=\"direction === 'desc'\"\n                  aria-label=\"Csökkenő\"\n                  @click=\"direction = 'desc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-down-wide-short\"></i>\n                  <span>Csökkenő</span>\n                </button>\n              </div>\n            </div>\n\n            <div class=\"ds-sort-panel__footer\">\n              <Button label=\"Rendben\" outline size=\"small\" @click=\"isOpen = false\" />\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-sort.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components80.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst DEFAULT_PAGE_SIZE = 25\n\nexport function getPageSize(storageKey: string): number {\n  // URL > localStorage > default\n  const urlSize = readUrlNumber('pageSize')\n  if (urlSize != null) return urlSize\n  try {\n    const fullStorageKey = getFullStorageKey('pagination', storageKey)\n    const raw = localStorage.getItem(fullStorageKey)\n    if (raw) {\n      const size = Number(raw)\n      if (size > 0) return size\n    }\n  } catch {\n    console.warn('Failed to read page size from localStorage')\n  }\n  return DEFAULT_PAGE_SIZE\n}\n\nexport function getDefaultPaginator(storageKey: string) {\n  return {\n    total: 0,\n    page: readUrlNumber('page') ?? 1,\n    pageSize: getPageSize(storageKey),\n  } as PaginatorSettings\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted } from 'vue'\nimport Button from '@/components/Button.vue'\nimport type { PaginatorSettings, PageSettings } from '@/types/data-list'\nimport { getFullStorageKey } from '@/utils/storageKey'\nimport { readUrlNumber, writeUrlOrRemove } from '@/utils/url'\n\nconst props = withDefaults(\n  defineProps<{ settings: PaginatorSettings; storageKey: string; handleUrl?: boolean }>(),\n  { handleUrl: false },\n)\n\nconst emit = defineEmits<{\n  'update:pagination': [pagination: PageSettings]\n}>()\n\nfunction savePageSize(size: number) {\n  try {\n    localStorage.setItem(getFullStorageKey('pagination', props.storageKey), String(size))\n  } catch {\n    console.warn('Failed to save page size to localStorage')\n  }\n}\n\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(props.settings.total / props.settings.pageSize)),\n)\n\nconst rangeStart = computed(() =>\n  props.settings.total === 0 ? 0 : (props.settings.page - 1) * props.settings.pageSize + 1,\n)\nconst rangeEnd = computed(() =>\n  Math.min(props.settings.page * props.settings.pageSize, props.settings.total),\n)\n\nconst visiblePages = computed<(number | '...')[]>(() => {\n  const total = totalPages.value\n  const current = props.settings.page\n\n  if (total <= SLOT_COUNT) {\n    const pages: number[] = []\n    for (let i = 1; i <= total; i++) pages.push(i)\n    return pages\n  }\n\n  const inner = SLOT_COUNT - 2\n  let winStart = current - 1\n  let winEnd = current + 1\n  if (winStart < 2) {\n    winEnd = Math.min(total - 1, winEnd + (2 - winStart))\n    winStart = 2\n  }\n  if (winEnd > total - 1) {\n    winStart = Math.max(2, winStart - (winEnd - (total - 1)))\n    winEnd = total - 1\n  }\n\n  while (winEnd - winStart + 1 < inner) {\n    const canExtendLeft = winStart > 2\n    const canExtendRight = winEnd < total - 1\n    if (!canExtendLeft && !canExtendRight) break\n\n    const roomLeft = winStart - 2\n    const roomRight = total - 1 - winEnd\n\n    const ellipsisIfExtendLeft =\n      ((canExtendLeft ? winStart - 1 : 0) > 2 ? 1 : 0) + (winEnd < total - 1 ? 1 : 0)\n    const ellipsisIfExtendRight =\n      (winStart > 2 ? 1 : 0) + ((canExtendRight ? winEnd + 1 : 0) < total - 1 ? 1 : 0)\n\n    const newSize = winEnd - winStart + 2\n\n    let extended = false\n    if (\n      canExtendLeft &&\n      (roomLeft >= roomRight || !canExtendRight) &&\n      newSize + ellipsisIfExtendLeft <= inner\n    ) {\n      winStart--\n      extended = true\n    } else if (canExtendRight && newSize + ellipsisIfExtendRight <= inner) {\n      winEnd++\n      extended = true\n    }\n    if (!extended) break\n  }\n  const showLeftEllipsis = winStart > 2\n  const showRightEllipsis = winEnd < total - 1\n\n  const pages: (number | '...')[] = []\n  pages.push(1)\n  if (showLeftEllipsis) pages.push('...')\n  for (let p = winStart; p <= winEnd; p++) pages.push(p)\n  if (showRightEllipsis) pages.push('...')\n  pages.push(total)\n\n  return pages\n})\n\nconst SLOT_COUNT = 7\n\nfunction shouldHideOnSmall(page: number) {\n  const current = props.settings.page\n  const total = totalPages.value\n\n  const isEdge = page === 1 || page === total\n  const isCurrent = page === current\n\n  const isMiddleRange = current > 3 && current < total - 2\n\n  return isMiddleRange && !isEdge && !isCurrent\n}\n\nfunction goToPage(page: number) {\n  if (page < 1 || page > totalPages.value || page === props.settings.page) return\n  writeUrlOrRemove('page', page, { handleUrl: props.handleUrl, default: 1 })\n  writeUrlOrRemove('pageSize', props.settings.pageSize, { handleUrl: props.handleUrl })\n  emit('update:pagination', { page, pageSize: props.settings.pageSize })\n}\n\nfunction changePageSize(event: Event) {\n  const size = Number((event.target as HTMLSelectElement).value)\n  savePageSize(size)\n  writeUrlOrRemove('pageSize', size, { handleUrl: props.handleUrl })\n  writeUrlOrRemove('page', 1, { handleUrl: props.handleUrl, default: 1 })\n  emit('update:pagination', { page: 1, pageSize: size })\n}\n\nonMounted(() => {\n  if (!props.handleUrl) return\n  // URL only counts if BOTH `page` and `pageSize` are present and valid.\n  // It wins for this load but is intentionally NOT written to localStorage —\n  // localStorage holds the user's persistent preference and must not be\n  // polluted by transient URL state.\n  const urlSize = readUrlNumber('pageSize')\n  const urlPage = readUrlNumber('page')\n  if (urlSize == null || urlPage == null) return\n  if (urlSize === props.settings.pageSize && urlPage === props.settings.page) return\n  emit('update:pagination', { page: urlPage, pageSize: urlSize })\n})\n</script>\n\n<template>\n  <div class=\"ac-component c-paginator-wrapper\">\n    <div class=\"c-paginator\">\n      <div class=\"c-paginator__info\">\n        <span class=\"c-paginator__range\">{{ rangeStart }}&ndash;{{ rangeEnd }}</span>\n        <span class=\"c-paginator__total\"> / {{ settings.total }}</span>\n      </div>\n\n      <nav class=\"c-paginator__nav\" aria-label=\"Pagination\">\n        <Button\n          icon=\"fa-solid fa-chevron-left\"\n          rel=\"prev\"\n          :disabled=\"settings.page <= 1\"\n          :callback=\"() => goToPage(settings.page - 1)\"\n        />\n\n        <template v-for=\"(p, i) in visiblePages\" :key=\"i\">\n          <span v-if=\"p === '...'\" class=\"c-paginator__ellipsis\">&hellip;</span>\n          <button\n            v-else\n            type=\"button\"\n            class=\"c-paginator__page\"\n            :class=\"{\n              'is-active': p === settings.page,\n              'is-hidden-sm': shouldHideOnSmall(p),\n            }\"\n            @click=\"goToPage(p)\"\n          >\n            {{ p }}\n          </button>\n        </template>\n\n        <Button\n          icon=\"fa-solid fa-chevron-right\"\n          rel=\"next\"\n          :disabled=\"settings.page >= totalPages\"\n          :callback=\"() => goToPage(settings.page + 1)\"\n        />\n      </nav>\n\n      <div class=\"c-paginator__size\">\n        <select\n          class=\"c-paginator__select\"\n          id=\"page-size-select\"\n          :value=\"settings.pageSize\"\n          @change=\"changePageSize\"\n        >\n          <option v-for=\"s in SIZE_OPTIONS\" :key=\"s\" :value=\"s\">{{ s }} elem / oldal</option>\n        </select>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-paginator.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components82.js

@@ -1,7 +1,7 @@
-import './src/styles/components/data-table/data-sort.scss_vue_type_style_index_0_src_true_lang.css';
+import './src/styles/components/data-table/data-paginator.scss_vue_type_style_index_0_src_true_lang.css';
 import e from "./admins-components80.js";
 /* empty css                    */
-//#region src/components/data-table/DataSort.vue
+//#region src/components/data-table/DataPaginator.vue
 var t = e;
 //#endregion
 export { t as default };

package/dist/admins-components82.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components82.js","names":[],"sources":["../src/components/data-table/DataSort.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type SortDirection = 'asc' | 'desc'\n\nexport interface DataSortOption {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface DataSortProps {\n  modelValue: { key: string; direction: SortDirection } | null\n  options: DataSortOption[]\n  placeholder?: string\n  handleUrl?: boolean\n  disabled?: boolean\n}\n\n/**\n * Resolve the initial sort state from the URL.\n * URL is the only source — there is no localStorage fallback for sort.\n * Returns `null` if no valid `sortBy` + `sortDir` pair is present in the URL.\n */\nexport function getDefaultSort(): { key: string; direction: SortDirection } | null {\n  if (typeof window === 'undefined') return null\n  const params = new URLSearchParams(window.location.search)\n  const key = params.get('sortBy')\n  const dir = params.get('sortDir')\n  if (key && (dir === 'asc' || dir === 'desc')) {\n    return { key, direction: dir }\n  }\n  return null\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { writeUrlOrRemove } from '@/utils/url'\nimport Button from '../Button.vue'\n\nconst props = withDefaults(defineProps<DataSortProps>(), {\n  placeholder: 'Rendezés...',\n  handleUrl: false,\n  disabled: false\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [sort: { key: string; direction: SortDirection } | null]\n  'sort-change': [sort: { key: string; direction: SortDirection } | null]\n}>()\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({ minWidth: `${Math.max(rect.width, 240)}px` }),\n  closeOnScroll: true,\n})\n\nconst sortBy = computed<string | string[] | null>({\n  get: () => props.modelValue?.key ?? null,\n  set: (v) => {\n    if (Array.isArray(v)) return\n    emitChange(v, props.modelValue?.direction ?? 'asc')\n  },\n})\n\nconst direction = computed<SortDirection>({\n  get: () => props.modelValue?.direction ?? 'asc',\n  set: (d) => emitChange(props.modelValue?.key ?? null, d),\n})\n\nconst activeLabel = computed(() => {\n  if (!props.modelValue) return props.placeholder\n  const opt = props.options.find((o) => o.value === props.modelValue!.key)\n  const label = opt?.label ?? props.modelValue.key\n  return `${label} (${props.modelValue.direction === 'asc' ? 'növekvő' : 'csökkenő'})`\n})\n\nfunction emitChange(key: string | null, dir: SortDirection) {\n  if (key == null) {\n    if (props.handleUrl) {\n      writeUrlOrRemove('sortBy', null, { handleUrl: true })\n      writeUrlOrRemove('sortDir', null, { handleUrl: true })\n    }\n    emit('update:modelValue', null)\n    emit('sort-change', null)\n    return\n  }\n  if (props.handleUrl) {\n    writeUrlOrRemove('sortBy', key, { handleUrl: true })\n    writeUrlOrRemove('sortDir', dir, { handleUrl: true, default: 'asc' })\n  }\n  const next = { key, direction: dir }\n  emit('update:modelValue', next)\n  emit('sort-change', next)\n}\n\nfunction clear() {\n  emitChange(null, 'asc')\n  isOpen.value = false\n}\n\n// Read initial state from URL on mount when handleUrl is true and modelValue is empty.\nwatch(\n  isOpen,\n  (open) => {\n    if (!open || !props.handleUrl || props.modelValue) return\n    const sort = getDefaultSort()\n    if (sort) emitChange(sort.key, sort.direction)\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-sort-wrapper\">\n      <button\n        type=\"button\"\n        class=\"c-btn ds-sort-trigger lh-1\"\n        :class=\"[modelValue && 'is-active', disabled && 'is-disabled', isOpen && 'is-open']\"\n        :disabled=\"disabled\"\n        :aria-label=\"`Rendezés: ${activeLabel}`\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <i\n          class=\"fa-solid fa-fw\"\n          :class=\"\n            !modelValue || modelValue.direction === 'asc'\n              ? 'fa-arrow-up-wide-short'\n              : 'fa-arrow-down-wide-short'\n          \"\n        ></i>\n        <span class=\"ds-sort-label c-truncate\">{{ activeLabel }}</span>\n        <button\n          v-if=\"modelValue\"\n          type=\"button\"\n          class=\"c-icon-btn c-icon-btn--clear ds-sort-clear\"\n          aria-label=\"Rendezés törlése\"\n          title=\"Rendezés törlése\"\n          @click.stop=\"clear\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\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=\"ds-sort-panel\" :style=\"dropdownStyle\">\n\n            <div class=\"ds-sort-panel__row\">\n              <label class=\"ds-sort-panel__label\">Oszlop</label>\n              <DropdownSelect\n                :model-value=\"sortBy\"\n                :options=\"options\"\n                :config=\"{\n                  clearable: false,\n                  placeholder: 'Válassz oszlopot...',\n                  filterable: false,\n                }\"\n                @update:model-value=\"(v) => (sortBy = v)\"\n              />\n            </div>\n\n            <div class=\"ds-sort-panel__row\">\n              <span class=\"ds-sort-panel__label\">Irány</span>\n              <div class=\"ds-sort-direction\" role=\"group\" aria-label=\"Rendezés iránya\">\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn\"\n                  :class=\"{ 'is-active': direction === 'asc' }\"\n                  :aria-pressed=\"direction === 'asc'\"\n                  aria-label=\"Növekvő\"\n                  @click=\"direction = 'asc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-up-wide-short\"></i>\n                  <span>Növekvő</span>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn dir-desc\"\n                  :class=\"{ 'is-active': direction === 'desc' }\"\n                  :aria-pressed=\"direction === 'desc'\"\n                  aria-label=\"Csökkenő\"\n                  @click=\"direction = 'desc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-down-wide-short\"></i>\n                  <span>Csökkenő</span>\n                </button>\n              </div>\n            </div>\n\n            <div class=\"ds-sort-panel__footer\">\n              <Button label=\"Rendben\" outline size=\"small\" @click=\"isOpen = false\" />\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-sort.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components82.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst DEFAULT_PAGE_SIZE = 25\n\nexport function getPageSize(storageKey: string): number {\n  // URL > localStorage > default\n  const urlSize = readUrlNumber('pageSize')\n  if (urlSize != null) return urlSize\n  try {\n    const fullStorageKey = getFullStorageKey('pagination', storageKey)\n    const raw = localStorage.getItem(fullStorageKey)\n    if (raw) {\n      const size = Number(raw)\n      if (size > 0) return size\n    }\n  } catch {\n    console.warn('Failed to read page size from localStorage')\n  }\n  return DEFAULT_PAGE_SIZE\n}\n\nexport function getDefaultPaginator(storageKey: string) {\n  return {\n    total: 0,\n    page: readUrlNumber('page') ?? 1,\n    pageSize: getPageSize(storageKey),\n  } as PaginatorSettings\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted } from 'vue'\nimport Button from '@/components/Button.vue'\nimport type { PaginatorSettings, PageSettings } from '@/types/data-list'\nimport { getFullStorageKey } from '@/utils/storageKey'\nimport { readUrlNumber, writeUrlOrRemove } from '@/utils/url'\n\nconst props = withDefaults(\n  defineProps<{ settings: PaginatorSettings; storageKey: string; handleUrl?: boolean }>(),\n  { handleUrl: false },\n)\n\nconst emit = defineEmits<{\n  'update:pagination': [pagination: PageSettings]\n}>()\n\nfunction savePageSize(size: number) {\n  try {\n    localStorage.setItem(getFullStorageKey('pagination', props.storageKey), String(size))\n  } catch {\n    console.warn('Failed to save page size to localStorage')\n  }\n}\n\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(props.settings.total / props.settings.pageSize)),\n)\n\nconst rangeStart = computed(() =>\n  props.settings.total === 0 ? 0 : (props.settings.page - 1) * props.settings.pageSize + 1,\n)\nconst rangeEnd = computed(() =>\n  Math.min(props.settings.page * props.settings.pageSize, props.settings.total),\n)\n\nconst visiblePages = computed<(number | '...')[]>(() => {\n  const total = totalPages.value\n  const current = props.settings.page\n\n  if (total <= SLOT_COUNT) {\n    const pages: number[] = []\n    for (let i = 1; i <= total; i++) pages.push(i)\n    return pages\n  }\n\n  const inner = SLOT_COUNT - 2\n  let winStart = current - 1\n  let winEnd = current + 1\n  if (winStart < 2) {\n    winEnd = Math.min(total - 1, winEnd + (2 - winStart))\n    winStart = 2\n  }\n  if (winEnd > total - 1) {\n    winStart = Math.max(2, winStart - (winEnd - (total - 1)))\n    winEnd = total - 1\n  }\n\n  while (winEnd - winStart + 1 < inner) {\n    const canExtendLeft = winStart > 2\n    const canExtendRight = winEnd < total - 1\n    if (!canExtendLeft && !canExtendRight) break\n\n    const roomLeft = winStart - 2\n    const roomRight = total - 1 - winEnd\n\n    const ellipsisIfExtendLeft =\n      ((canExtendLeft ? winStart - 1 : 0) > 2 ? 1 : 0) + (winEnd < total - 1 ? 1 : 0)\n    const ellipsisIfExtendRight =\n      (winStart > 2 ? 1 : 0) + ((canExtendRight ? winEnd + 1 : 0) < total - 1 ? 1 : 0)\n\n    const newSize = winEnd - winStart + 2\n\n    let extended = false\n    if (\n      canExtendLeft &&\n      (roomLeft >= roomRight || !canExtendRight) &&\n      newSize + ellipsisIfExtendLeft <= inner\n    ) {\n      winStart--\n      extended = true\n    } else if (canExtendRight && newSize + ellipsisIfExtendRight <= inner) {\n      winEnd++\n      extended = true\n    }\n    if (!extended) break\n  }\n  const showLeftEllipsis = winStart > 2\n  const showRightEllipsis = winEnd < total - 1\n\n  const pages: (number | '...')[] = []\n  pages.push(1)\n  if (showLeftEllipsis) pages.push('...')\n  for (let p = winStart; p <= winEnd; p++) pages.push(p)\n  if (showRightEllipsis) pages.push('...')\n  pages.push(total)\n\n  return pages\n})\n\nconst SLOT_COUNT = 7\n\nfunction shouldHideOnSmall(page: number) {\n  const current = props.settings.page\n  const total = totalPages.value\n\n  const isEdge = page === 1 || page === total\n  const isCurrent = page === current\n\n  const isMiddleRange = current > 3 && current < total - 2\n\n  return isMiddleRange && !isEdge && !isCurrent\n}\n\nfunction goToPage(page: number) {\n  if (page < 1 || page > totalPages.value || page === props.settings.page) return\n  writeUrlOrRemove('page', page, { handleUrl: props.handleUrl, default: 1 })\n  writeUrlOrRemove('pageSize', props.settings.pageSize, { handleUrl: props.handleUrl })\n  emit('update:pagination', { page, pageSize: props.settings.pageSize })\n}\n\nfunction changePageSize(event: Event) {\n  const size = Number((event.target as HTMLSelectElement).value)\n  savePageSize(size)\n  writeUrlOrRemove('pageSize', size, { handleUrl: props.handleUrl })\n  writeUrlOrRemove('page', 1, { handleUrl: props.handleUrl, default: 1 })\n  emit('update:pagination', { page: 1, pageSize: size })\n}\n\nonMounted(() => {\n  if (!props.handleUrl) return\n  // URL only counts if BOTH `page` and `pageSize` are present and valid.\n  // It wins for this load but is intentionally NOT written to localStorage —\n  // localStorage holds the user's persistent preference and must not be\n  // polluted by transient URL state.\n  const urlSize = readUrlNumber('pageSize')\n  const urlPage = readUrlNumber('page')\n  if (urlSize == null || urlPage == null) return\n  if (urlSize === props.settings.pageSize && urlPage === props.settings.page) return\n  emit('update:pagination', { page: urlPage, pageSize: urlSize })\n})\n</script>\n\n<template>\n  <div class=\"ac-component c-paginator-wrapper\">\n    <div class=\"c-paginator\">\n      <div class=\"c-paginator__info\">\n        <span class=\"c-paginator__range\">{{ rangeStart }}&ndash;{{ rangeEnd }}</span>\n        <span class=\"c-paginator__total\"> / {{ settings.total }}</span>\n      </div>\n\n      <nav class=\"c-paginator__nav\" aria-label=\"Pagination\">\n        <Button\n          icon=\"fa-solid fa-chevron-left\"\n          rel=\"prev\"\n          :disabled=\"settings.page <= 1\"\n          :callback=\"() => goToPage(settings.page - 1)\"\n        />\n\n        <template v-for=\"(p, i) in visiblePages\" :key=\"i\">\n          <span v-if=\"p === '...'\" class=\"c-paginator__ellipsis\">&hellip;</span>\n          <button\n            v-else\n            type=\"button\"\n            class=\"c-paginator__page\"\n            :class=\"{\n              'is-active': p === settings.page,\n              'is-hidden-sm': shouldHideOnSmall(p),\n            }\"\n            @click=\"goToPage(p)\"\n          >\n            {{ p }}\n          </button>\n        </template>\n\n        <Button\n          icon=\"fa-solid fa-chevron-right\"\n          rel=\"next\"\n          :disabled=\"settings.page >= totalPages\"\n          :callback=\"() => goToPage(settings.page + 1)\"\n        />\n      </nav>\n\n      <div class=\"c-paginator__size\">\n        <select\n          class=\"c-paginator__select\"\n          id=\"page-size-select\"\n          :value=\"settings.pageSize\"\n          @change=\"changePageSize\"\n        >\n          <option v-for=\"s in SIZE_OPTIONS\" :key=\"s\" :value=\"s\">{{ s }} elem / oldal</option>\n        </select>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-paginator.scss\"></style>\n"],"mappings":""}

package/dist/admins-components83.js

@@ -1,60 +1,137 @@
-import { formatDate as e } from "./admins-components3.js";
-//#region src/utils/filterDisplay.ts
-function t(t, r, i) {
-	if (i == null || i === "") return "";
-	let a = t.find((e) => e.key === r);
-	if (a?.type === "dropdown" && a.options) {
-		let e = n(i);
-		if (Array.isArray(e)) return e.map((e) => {
-			let t = a.options?.find((t) => t.value === e);
-			return t ? t.label : String(e);
-		}).join(", ");
-		let t = a.options.find((t) => t.value === e);
-		if (t) return t.label;
-	}
-	if (a?.type === "checkbox") return i ? "Bekapcsolva" : "";
-	if (a?.type === "date" || a?.type === "datetime") {
-		if (typeof i == "object" && i) {
-			let t = i.local ?? i.utc ?? null;
-			if (t == null) return "";
-			let n = t instanceof Date ? t : new Date(t);
-			if (!isNaN(n.getTime())) return e(n, a.type === "datetime" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
+import e from "./admins-components6.js";
+import { useDropdownAnchor as t } from "./admins-components12.js";
+import n from "./admins-components28.js";
+import { writeUrlOrRemove as r } from "./admins-components79.js";
+import { Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, ref as h, toDisplayString as g, unref as _, watch as v, withModifiers as y } from "vue";
+//#region src/components/data-table/DataSort.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "ac-component" }, x = ["disabled", "aria-label"], S = { class: "ds-sort-label c-truncate" }, C = { class: "ac-component" }, w = { class: "ds-sort-panel__row" }, T = { class: "ds-sort-panel__row" }, E = {
+	class: "ds-sort-direction",
+	role: "group",
+	"aria-label": "Rendezés iránya"
+}, D = ["aria-pressed"], O = ["aria-pressed"], k = { class: "ds-sort-panel__footer" };
+function A() {
+	if (typeof window > "u") return null;
+	let e = new URLSearchParams(window.location.search), t = e.get("sortBy"), n = e.get("sortDir");
+	return t && (n === "asc" || n === "desc") ? {
+		key: t,
+		direction: n
+	} : null;
+}
+var j = /* @__PURE__ */ d({
+	__name: "DataSort",
+	props: {
+		modelValue: {},
+		options: {},
+		placeholder: { default: "Rendezés..." },
+		handleUrl: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
 		}
-		if (typeof i == "string" && i) {
-			let t = new Date(i);
-			if (!isNaN(t.getTime())) return e(t, a.type === "datetime" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
+	},
+	emits: ["update:modelValue", "sort-change"],
+	setup(d, { emit: j }) {
+		let M = d, N = j, P = h(null), F = h(null), { isOpen: I, dropdownStyle: L } = t(P, F, {
+			extraStyle: (e) => ({ minWidth: `${Math.max(e.width, 240)}px` }),
+			closeOnScroll: !0
+		}), R = a({
+			get: () => M.modelValue?.key ?? null,
+			set: (e) => {
+				Array.isArray(e) || V(e, M.modelValue?.direction ?? "asc");
+			}
+		}), z = a({
+			get: () => M.modelValue?.direction ?? "asc",
+			set: (e) => V(M.modelValue?.key ?? null, e)
+		}), B = a(() => M.modelValue ? `${M.options.find((e) => e.value === M.modelValue.key)?.label ?? M.modelValue.key} (${M.modelValue.direction === "asc" ? "növekvő" : "csökkenő"})` : M.placeholder);
+		function V(e, t) {
+			if (e == null) {
+				M.handleUrl && (r("sortBy", null, { handleUrl: !0 }), r("sortDir", null, { handleUrl: !0 })), N("update:modelValue", null), N("sort-change", null);
+				return;
+			}
+			M.handleUrl && (r("sortBy", e, { handleUrl: !0 }), r("sortDir", t, {
+				handleUrl: !0,
+				default: "asc"
+			}));
+			let n = {
+				key: e,
+				direction: t
+			};
+			N("update:modelValue", n), N("sort-change", n);
 		}
+		function H() {
+			V(null, "asc"), I.value = !1;
+		}
+		return v(I, (e) => {
+			if (!e || !M.handleUrl || M.modelValue) return;
+			let t = A();
+			t && V(t.key, t.direction);
+		}, { immediate: !0 }), (t, r) => (m(), c("div", b, [l("div", {
+			ref_key: "wrapperRef",
+			ref: P,
+			class: "ds-sort-wrapper"
+		}, [l("button", {
+			type: "button",
+			class: f(["c-btn ds-sort-trigger lh-1", [
+				d.modelValue && "is-active",
+				d.disabled && "is-disabled",
+				_(I) && "is-open"
+			]]),
+			disabled: d.disabled,
+			"aria-label": `Rendezés: ${B.value}`,
+			onClick: r[0] ||= (e) => I.value = !_(I)
+		}, [
+			l("i", { class: f(["fa-solid fa-fw", !d.modelValue || d.modelValue.direction === "asc" ? "fa-arrow-up-wide-short" : "fa-arrow-down-wide-short"]) }, null, 2),
+			l("span", S, g(B.value), 1),
+			d.modelValue ? (m(), c("button", {
+				key: 0,
+				type: "button",
+				class: "c-icon-btn c-icon-btn--clear ds-sort-clear",
+				"aria-label": "Rendezés törlése",
+				title: "Rendezés törlése",
+				onClick: y(H, ["stop"])
+			}, [...r[5] ||= [l("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]])) : s("", !0),
+			l("span", { class: f(["c-icon-btn c-icon-btn--chevron", { "c-icon-btn--chevron-open": _(I) }]) }, [...r[6] ||= [l("i", { class: "fa-solid fa-fw fa-chevron-down" }, null, -1)]], 2)
+		], 10, x), (m(), o(i, { to: "body" }, [l("div", C, [_(I) ? (m(), c("div", {
+			key: 0,
+			ref_key: "dropdownRef",
+			ref: F,
+			class: "ds-sort-panel",
+			style: p(_(L))
+		}, [
+			l("div", w, [r[7] ||= l("label", { class: "ds-sort-panel__label" }, "Oszlop", -1), u(n, {
+				"model-value": R.value,
+				options: d.options,
+				config: {
+					clearable: !1,
+					placeholder: "Válassz oszlopot...",
+					filterable: !1
+				},
+				"onUpdate:modelValue": r[1] ||= (e) => R.value = e
+			}, null, 8, ["model-value", "options"])]),
+			l("div", T, [r[10] ||= l("span", { class: "ds-sort-panel__label" }, "Irány", -1), l("div", E, [l("button", {
+				type: "button",
+				class: f(["ds-sort-direction__btn", { "is-active": z.value === "asc" }]),
+				"aria-pressed": z.value === "asc",
+				"aria-label": "Növekvő",
+				onClick: r[2] ||= (e) => z.value = "asc"
+			}, [...r[8] ||= [l("i", { class: "fa-solid fa-fw fa-arrow-up-wide-short" }, null, -1), l("span", null, "Növekvő", -1)]], 10, D), l("button", {
+				type: "button",
+				class: f(["ds-sort-direction__btn dir-desc", { "is-active": z.value === "desc" }]),
+				"aria-pressed": z.value === "desc",
+				"aria-label": "Csökkenő",
+				onClick: r[3] ||= (e) => z.value = "desc"
+			}, [...r[9] ||= [l("i", { class: "fa-solid fa-fw fa-arrow-down-wide-short" }, null, -1), l("span", null, "Csökkenő", -1)]], 10, O)])]),
+			l("div", k, [u(e, {
+				label: "Rendben",
+				outline: "",
+				size: "small",
+				onClick: r[4] ||= (e) => I.value = !1
+			})])
+		], 4)) : s("", !0)])]))], 512)]));
 	}
-	if ((a?.type === "daterange" || a?.type === "datetimerange") && typeof i == "object") {
-		let t = a.type === "datetimerange" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD";
-		return `${i.fromUtc ? e(new Date(i.fromUtc), t) : "…"} - ${i.toUtc ? e(new Date(i.toUtc), t) : "…"}`;
-	}
-	return typeof i == "object" ? JSON.stringify(i) : String(i);
-}
-function n(e) {
-	if (Array.isArray(e)) return e;
-	if (typeof e == "string") {
-		if (e.startsWith("[") && e.endsWith("]")) try {
-			let t = JSON.parse(e);
-			if (Array.isArray(t)) return t;
-		} catch {}
-		return e;
-	}
-	return e;
-}
-function r(e, n) {
-	let r = [];
-	for (let [i, a] of Object.entries(n)) {
-		let n = t(e, i, a);
-		if (!n) continue;
-		let o = e.find((e) => e.key === i), s = o?.label ?? i;
-		r.push({
-			key: i,
-			text: `${s}: ${n}`,
-			displayClass: o?.displayClass
-		});
-	}
-	return r;
-}
+});
 //#endregion
-export { r as buildFilterDisplay, t as displayFilterValue, n as parseDropdownValue };
+export { j as default, A as getDefaultSort };

package/dist/admins-components83.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components83.js","names":[],"sources":["../src/utils/filterDisplay.ts"],"sourcesContent":["import { formatDate } from '@/utils/date'\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\n\nexport function displayFilterValue(items: FilterItem[], key: string, value: any): string {\n  if (value === null || value === undefined || value === '') return ''\n\n  const item = items.find((i) => i.key === key)\n\n  if (item?.type === 'dropdown' && item.options) {\n    const parsedValue = parseDropdownValue(value)\n\n    if (Array.isArray(parsedValue)) {\n      const labels = parsedValue.map((v) => {\n        const opt = item.options?.find((o) => o.value === v)\n        return opt ? opt.label : String(v)\n      })\n      return labels.join(', ')\n    }\n\n    const opt = item.options.find((o) => o.value === parsedValue)\n    if (opt) return opt.label\n  }\n  if (item?.type === 'checkbox') {\n    return value ? 'Bekapcsolva' : ''\n  }\n\n  if (item?.type === 'date' || item?.type === 'datetime') {\n    if (typeof value === 'object' && value !== null) {\n      const local: Date | string | null | undefined = value.local ?? value.utc ?? null\n      if (local == null) return ''\n      const d = local instanceof Date ? local : new Date(local)\n      if (!isNaN(d.getTime())) {\n        return formatDate(d, item.type === 'datetime' ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD')\n      }\n    }\n    if (typeof value === 'string' && value) {\n      const d = new Date(value)\n      if (!isNaN(d.getTime())) {\n        return formatDate(d, item.type === 'datetime' ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD')\n      }\n    }\n  }\n\n  if ((item?.type === 'daterange' || item?.type === 'datetimerange') && typeof value === 'object') {\n    const showTime = item.type === 'datetimerange'\n    const fmt = showTime ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD'\n    const from = value.fromUtc ? formatDate(new Date(value.fromUtc), fmt) : '…'\n    const to = value.toUtc ? formatDate(new Date(value.toUtc), fmt) : '…'\n    return `${from} - ${to}`\n  }\n\n  if (typeof value === 'object') return JSON.stringify(value)\n\n  return String(value)\n}\n\nexport function parseDropdownValue(value: any): unknown {\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  if (typeof value === 'string') {\n    if (value.startsWith('[') && value.endsWith(']')) {\n      try {\n        const parsed = JSON.parse(value)\n        if (Array.isArray(parsed)) {\n          return parsed\n        }\n      } catch {\n        // If parsing fails, treat as string\n      }\n    }\n    return value\n  }\n\n  return value\n}\n\nexport interface FilterDisplayPart {\n  key: string\n  text: string\n  displayClass?: string\n}\n\nexport function buildFilterDisplay(\n  items: FilterItem[],\n  values: Record<string, any>,\n): FilterDisplayPart[] {\n  const parts: FilterDisplayPart[] = []\n  for (const [key, rawValue] of Object.entries(values)) {\n    const v = displayFilterValue(items, key, rawValue)\n    if (!v) continue\n    const item = items.find((i) => i.key === key)\n    const labelText = item?.label ?? key\n    parts.push({ key, text: `${labelText}: ${v}`, displayClass: item?.displayClass })\n  }\n\n  return parts\n}\n\nexport function buildFilterValues(items: FilterItem[], values: Record<string, any>): string[] {\n  return buildFilterDisplay(items, values).map((p) => p.text)\n}\n"],"mappings":";;AAGA,SAAgB,EAAmB,GAAqB,GAAa,GAAoB;CACvF,IAAI,KAAU,QAA+B,MAAU,IAAI,OAAO;CAElE,IAAM,IAAO,EAAM,MAAM,MAAM,EAAE,QAAQ,CAAG;CAE5C,IAAI,GAAM,SAAS,cAAc,EAAK,SAAS;EAC7C,IAAM,IAAc,EAAmB,CAAK;EAE5C,IAAI,MAAM,QAAQ,CAAW,GAK3B,OAJe,EAAY,KAAK,MAAM;GACpC,IAAM,IAAM,EAAK,SAAS,MAAM,MAAM,EAAE,UAAU,CAAC;GACnD,OAAO,IAAM,EAAI,QAAQ,OAAO,CAAC;EACnC,CACO,EAAO,KAAK,IAAI;EAGzB,IAAM,IAAM,EAAK,QAAQ,MAAM,MAAM,EAAE,UAAU,CAAW;EAC5D,IAAI,GAAK,OAAO,EAAI;CACtB;CACA,IAAI,GAAM,SAAS,YACjB,OAAO,IAAQ,gBAAgB;CAGjC,IAAI,GAAM,SAAS,UAAU,GAAM,SAAS,YAAY;EACtD,IAAI,OAAO,KAAU,YAAY,GAAgB;GAC/C,IAAM,IAA0C,EAAM,SAAS,EAAM,OAAO;GAC5E,IAAI,KAAS,MAAM,OAAO;GAC1B,IAAM,IAAI,aAAiB,OAAO,IAAQ,IAAI,KAAK,CAAK;GACxD,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,GACpB,OAAO,EAAW,GAAG,EAAK,SAAS,aAAa,qBAAqB,YAAY;EAErF;EACA,IAAI,OAAO,KAAU,YAAY,GAAO;GACtC,IAAM,IAAI,IAAI,KAAK,CAAK;GACxB,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,GACpB,OAAO,EAAW,GAAG,EAAK,SAAS,aAAa,qBAAqB,YAAY;EAErF;CACF;CAEA,KAAK,GAAM,SAAS,eAAe,GAAM,SAAS,oBAAoB,OAAO,KAAU,UAAU;EAE/F,IAAM,IADW,EAAK,SAAS,kBACR,qBAAqB;EAG5C,OAAO,GAFM,EAAM,UAAU,EAAW,IAAI,KAAK,EAAM,OAAO,GAAG,CAAG,IAAI,IAEzD,KADJ,EAAM,QAAQ,EAAW,IAAI,KAAK,EAAM,KAAK,GAAG,CAAG,IAAI;CAEpE;CAIA,OAFI,OAAO,KAAU,WAAiB,KAAK,UAAU,CAAK,IAEnD,OAAO,CAAK;AACrB;AAEA,SAAgB,EAAmB,GAAqB;CACtD,IAAI,MAAM,QAAQ,CAAK,GACrB,OAAO;CAGT,IAAI,OAAO,KAAU,UAAU;EAC7B,IAAI,EAAM,WAAW,GAAG,KAAK,EAAM,SAAS,GAAG,GAC7C,IAAI;GACF,IAAM,IAAS,KAAK,MAAM,CAAK;GAC/B,IAAI,MAAM,QAAQ,CAAM,GACtB,OAAO;EAEX,QAAQ,CAER;EAEF,OAAO;CACT;CAEA,OAAO;AACT;AAQA,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAA6B,CAAC;CACpC,KAAK,IAAM,CAAC,GAAK,MAAa,OAAO,QAAQ,CAAM,GAAG;EACpD,IAAM,IAAI,EAAmB,GAAO,GAAK,CAAQ;EACjD,IAAI,CAAC,GAAG;EACR,IAAM,IAAO,EAAM,MAAM,MAAM,EAAE,QAAQ,CAAG,GACtC,IAAY,GAAM,SAAS;EACjC,EAAM,KAAK;GAAE;GAAK,MAAM,GAAG,EAAU,IAAI;GAAK,cAAc,GAAM;EAAa,CAAC;CAClF;CAEA,OAAO;AACT"}
+{"version":3,"file":"admins-components83.js","names":[],"sources":["../src/components/data-table/DataSort.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type SortDirection = 'asc' | 'desc'\n\nexport interface DataSortOption {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface DataSortProps {\n  modelValue: { key: string; direction: SortDirection } | null\n  options: DataSortOption[]\n  placeholder?: string\n  handleUrl?: boolean\n  disabled?: boolean\n}\n\nexport function getDefaultSort(): { key: string; direction: SortDirection } | null {\n  if (typeof window === 'undefined') return null\n  const params = new URLSearchParams(window.location.search)\n  const key = params.get('sortBy')\n  const dir = params.get('sortDir')\n  if (key && (dir === 'asc' || dir === 'desc')) {\n    return { key, direction: dir }\n  }\n  return null\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { writeUrlOrRemove } from '@/utils/url'\nimport Button from '../Button.vue'\n\nconst props = withDefaults(defineProps<DataSortProps>(), {\n  placeholder: 'Rendezés...',\n  handleUrl: false,\n  disabled: false\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [sort: { key: string; direction: SortDirection } | null]\n  'sort-change': [sort: { key: string; direction: SortDirection } | null]\n}>()\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({ minWidth: `${Math.max(rect.width, 240)}px` }),\n  closeOnScroll: true,\n})\n\nconst sortBy = computed<string | string[] | null>({\n  get: () => props.modelValue?.key ?? null,\n  set: (v) => {\n    if (Array.isArray(v)) return\n    emitChange(v, props.modelValue?.direction ?? 'asc')\n  },\n})\n\nconst direction = computed<SortDirection>({\n  get: () => props.modelValue?.direction ?? 'asc',\n  set: (d) => emitChange(props.modelValue?.key ?? null, d),\n})\n\nconst activeLabel = computed(() => {\n  if (!props.modelValue) return props.placeholder\n  const opt = props.options.find((o) => o.value === props.modelValue!.key)\n  const label = opt?.label ?? props.modelValue.key\n  return `${label} (${props.modelValue.direction === 'asc' ? 'növekvő' : 'csökkenő'})`\n})\n\nfunction emitChange(key: string | null, dir: SortDirection) {\n  if (key == null) {\n    if (props.handleUrl) {\n      writeUrlOrRemove('sortBy', null, { handleUrl: true })\n      writeUrlOrRemove('sortDir', null, { handleUrl: true })\n    }\n    emit('update:modelValue', null)\n    emit('sort-change', null)\n    return\n  }\n  if (props.handleUrl) {\n    writeUrlOrRemove('sortBy', key, { handleUrl: true })\n    writeUrlOrRemove('sortDir', dir, { handleUrl: true, default: 'asc' })\n  }\n  const next = { key, direction: dir }\n  emit('update:modelValue', next)\n  emit('sort-change', next)\n}\n\nfunction clear() {\n  emitChange(null, 'asc')\n  isOpen.value = false\n}\n\n// Read initial state from URL on mount when handleUrl is true and modelValue is empty.\nwatch(\n  isOpen,\n  (open) => {\n    if (!open || !props.handleUrl || props.modelValue) return\n    const sort = getDefaultSort()\n    if (sort) emitChange(sort.key, sort.direction)\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-sort-wrapper\">\n      <button\n        type=\"button\"\n        class=\"c-btn ds-sort-trigger lh-1\"\n        :class=\"[modelValue && 'is-active', disabled && 'is-disabled', isOpen && 'is-open']\"\n        :disabled=\"disabled\"\n        :aria-label=\"`Rendezés: ${activeLabel}`\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <i\n          class=\"fa-solid fa-fw\"\n          :class=\"\n            !modelValue || modelValue.direction === 'asc'\n              ? 'fa-arrow-up-wide-short'\n              : 'fa-arrow-down-wide-short'\n          \"\n        ></i>\n        <span class=\"ds-sort-label c-truncate\">{{ activeLabel }}</span>\n        <button\n          v-if=\"modelValue\"\n          type=\"button\"\n          class=\"c-icon-btn c-icon-btn--clear ds-sort-clear\"\n          aria-label=\"Rendezés törlése\"\n          title=\"Rendezés törlése\"\n          @click.stop=\"clear\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\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=\"ds-sort-panel\" :style=\"dropdownStyle\">\n\n            <div class=\"ds-sort-panel__row\">\n              <label class=\"ds-sort-panel__label\">Oszlop</label>\n              <DropdownSelect\n                :model-value=\"sortBy\"\n                :options=\"options\"\n                :config=\"{\n                  clearable: false,\n                  placeholder: 'Válassz oszlopot...',\n                  filterable: false,\n                }\"\n                @update:model-value=\"(v) => (sortBy = v)\"\n              />\n            </div>\n\n            <div class=\"ds-sort-panel__row\">\n              <span class=\"ds-sort-panel__label\">Irány</span>\n              <div class=\"ds-sort-direction\" role=\"group\" aria-label=\"Rendezés iránya\">\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn\"\n                  :class=\"{ 'is-active': direction === 'asc' }\"\n                  :aria-pressed=\"direction === 'asc'\"\n                  aria-label=\"Növekvő\"\n                  @click=\"direction = 'asc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-up-wide-short\"></i>\n                  <span>Növekvő</span>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn dir-desc\"\n                  :class=\"{ 'is-active': direction === 'desc' }\"\n                  :aria-pressed=\"direction === 'desc'\"\n                  aria-label=\"Csökkenő\"\n                  @click=\"direction = 'desc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-down-wide-short\"></i>\n                  <span>Csökkenő</span>\n                </button>\n              </div>\n            </div>\n\n            <div class=\"ds-sort-panel__footer\">\n              <Button label=\"Rendben\" outline size=\"small\" @click=\"isOpen = false\" />\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-sort.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components85.js

@@ -1,239 +1,7 @@
-import { formatDate as e } from "./admins-components3.js";
-import t from "./admins-components6.js";
-import n from "./admins-components42.js";
-import { getFullStorageKey as r } from "./admins-components75.js";
-import { buildFilterDisplay as i } from "./admins-components83.js";
-import { getSavedFilters as ee } from "./admins-components84.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as te, defineComponent as f, nextTick as p, normalizeClass as m, onMounted as ne, openBlock as h, ref as g, renderList as _, resolveDirective as v, toDisplayString as y, vModelText as b, watch as re, withDirectives as x, withKeys as S, withModifiers as C } from "vue";
-//#region src/components/data-table/FiltersHistory.vue?vue&type=script&setup=true&lang.ts
-var ie = { class: "ac-component" }, ae = { class: "filters-history" }, oe = ["aria-expanded"], se = {
-	key: 0,
-	class: "c-indicator"
-}, ce = { key: 1 }, le = {
-	key: 0,
-	class: "filters-history__panel c-scroll"
-}, ue = { class: "filters-history__save-row" }, de = {
-	key: 0,
-	class: "filters-history__hint"
-}, fe = {
-	key: 1,
-	class: "filters-history__hint"
-}, w = {
-	key: 2,
-	class: "filters-history__list"
-}, T = [
-	"aria-expanded",
-	"onClick",
-	"onKeydown"
-], E = { class: "filters-history__item-header-text" }, D = { class: "filters-history__item-name" }, O = {
-	key: 0,
-	class: "filters-history__item-date"
-}, k = [
-	"onClick",
-	"aria-label",
-	"title"
-], A = ["onClick"], j = ["onClick"], M = ["onClick"], N = {
-	key: 0,
-	class: "filters-history__item-content"
-}, P = {
-	key: 0,
-	class: "filters-history__item-body"
-}, F = {
-	key: 1,
-	class: "filters-history__item-empty"
-}, I = { key: 3 }, L = /* @__PURE__ */ f({
-	__name: "FiltersHistory",
-	props: {
-		items: {},
-		values: {},
-		storageKey: {}
-	},
-	emits: ["load"],
-	setup(f, { emit: L }) {
-		let R = f, z = L, B = g(!1), V = g([]), H = g(""), U = g(/* @__PURE__ */ new Set()), W = g(!1);
-		function G(e) {
-			return U.value.has(e);
-		}
-		function K(e) {
-			let t = new Set(U.value);
-			t.has(e) ? t.delete(e) : t.add(e), U.value = t;
-		}
-		function pe() {
-			V.value = ee(R.storageKey);
-		}
-		function q() {
-			try {
-				let e = r("filters", R.storageKey);
-				localStorage.setItem(e, JSON.stringify(V.value));
-			} catch {
-				console.warn("Failed to persist saved filters to localStorage");
-			}
-		}
-		ne(pe);
-		let J = o(() => Object.values(R.values).some((e) => e !== null && e !== "" && e !== void 0));
-		function me() {
-			return Date.now().toString(36);
-		}
-		re(() => [R.values, H.value], () => {
-			Y.value &&= !1;
-		}, { deep: !0 });
-		let Y = g(!1);
-		function X() {
-			if (!J.value) return;
-			let e = H.value.trim();
-			V.value = [{
-				id: me(),
-				savedAt: (/* @__PURE__ */ new Date()).toISOString(),
-				name: e || void 0,
-				values: { ...R.values }
-			}, ...V.value].slice(0, 50), H.value = "", q(), p(() => {
-				Y.value = !0;
-			});
-		}
-		function he(e) {
-			z("load", { ...e.values });
-		}
-		function Z(e) {
-			if (V.value = V.value.filter((t) => t.id !== e.id), U.value.has(e.id)) {
-				let t = new Set(U.value);
-				t.delete(e.id), U.value = t;
-			}
-			q();
-		}
-		function ge() {
-			V.value = [], U.value = /* @__PURE__ */ new Set(), q(), W.value = !1;
-		}
-		function Q(e) {
-			return i(R.items, e.values);
-		}
-		let _e = o(() => {
-			let e = /* @__PURE__ */ new Map();
-			for (let t of V.value) e.set(t.id, Q(t));
-			return e;
-		});
-		function $(e) {
-			return _e.value.get(e.id) ?? Q(e);
-		}
-		let ve = o(() => {
-			let e = V.value.find((e) => e.isDefault);
-			return e ? [e, ...V.value.filter((e) => !e.isDefault)] : V.value;
-		}), ye = o(() => V.value.length >= 43);
-		function be(t) {
-			let n = new Date(t);
-			return isNaN(n.getTime()) ? t : e(n, "YYYY-MM-DD HH:mm");
-		}
-		function xe(e) {
-			e.isDefault ? e.isDefault = !1 : (V.value.forEach((e) => {
-				e.isDefault = !1;
-			}), e.isDefault = !0), q();
-		}
-		return (e, r) => {
-			let i = v("tooltip");
-			return h(), l("div", ie, [u("div", ae, [u("button", {
-				type: "button",
-				class: m(["filters-history__toggle", { "is-open": B.value }]),
-				"aria-expanded": B.value,
-				onClick: r[0] ||= (e) => B.value = !B.value
-			}, [
-				r[6] ||= u("i", { class: "fa-solid fa-sliders filters-history__toggle-icon" }, null, -1),
-				r[7] ||= u("span", { class: "filters-history__toggle-label" }, "Mentett szűrők", -1),
-				V.value.length ? (h(), l("span", se, y(V.value.length), 1)) : c("", !0),
-				ye.value ? x((h(), l("span", ce, [d("/ " + y(50))])), [[i, "Maximum 50 szűrő menthető"]]) : c("", !0),
-				u("i", { class: m(["fa-solid filters-history__chevron", B.value ? "fa-chevron-up" : "fa-chevron-down"]) }, null, 2)
-			], 10, oe), B.value ? (h(), l("div", le, [
-				u("div", ue, [x(u("input", {
-					"onUpdate:modelValue": r[1] ||= (e) => H.value = e,
-					type: "text",
-					class: "c-input-row c-input-row--sm",
-					placeholder: "Elnevezés",
-					onKeydown: S(X, ["enter"])
-				}, null, 544), [[b, H.value]]), te(t, {
-					icon: "fa-solid fa-bookmark",
-					label: "Mentés",
-					size: "small",
-					type: "info",
-					disabled: !J.value || Y.value,
-					onClick: X
-				}, null, 8, ["disabled"])]),
-				!J.value && V.value.length === 0 ? (h(), l("p", de, " Nincs aktív szűrő. Adj meg értékeket a mentéshez. ")) : V.value.length === 0 ? (h(), l("p", fe, [...r[8] ||= [
-					d(" Még nincs mentett szűrő.", -1),
-					u("br", null, null, -1),
-					d(" Az aktuális beállítások a „Mentés\" gombbal menthetők.", -1),
-					u("br", null, null, -1),
-					d(" Az „Elnevezés\" mező csak a könnyebb azonosítás miatt van, megadása nem kötelező. ", -1)
-				]])) : c("", !0),
-				V.value.length > 0 ? (h(), l("ul", w, [(h(!0), l(a, null, _(ve.value, (e) => (h(), l("li", {
-					key: e.id,
-					class: m(["filters-history__item", {
-						"is-open": G(e.id),
-						"is-default": e.isDefault
-					}])
-				}, [u("div", {
-					class: "filters-history__item-header",
-					role: "button",
-					tabindex: "0",
-					"aria-expanded": G(e.id),
-					onClick: (t) => K(e.id),
-					onKeydown: [S(C((t) => K(e.id), ["prevent"]), ["enter"]), S(C((t) => K(e.id), ["prevent"]), ["space"])]
-				}, [
-					u("i", { class: m(["fa-solid filters-history__item-chevron", G(e.id) ? "fa-chevron-down" : "fa-chevron-right"]) }, null, 2),
-					u("span", E, [u("span", D, y(e.name), 1), e.name ? (h(), l("span", O, y(be(e.savedAt)), 1)) : c("", !0)]),
-					u("div", {
-						class: "filters-history__item-actions",
-						onClick: r[2] ||= C(() => {}, ["stop"])
-					}, [
-						u("button", {
-							type: "button",
-							class: m(["c-indicator filters-history__item-btn filters-history__item-default", { active: e.isDefault }]),
-							onClick: (t) => xe(e),
-							"aria-label": e.isDefault ? "Alapértelmezett szűrő törlése" : "Alapértelmezett szűrő beállítása",
-							title: e.isDefault ? "Alapértelmezett szűrő törlése" : "Alapértelmezett szűrő beállítása"
-						}, [u("i", { class: m(["fa-star fix-icon-pos", e.isDefault ? "fa-solid" : "fa-regular"]) }, null, 2)], 10, k),
-						u("button", {
-							type: "button",
-							class: "c-indicator filters-history__item-btn filters-history__item-load",
-							"aria-label": "Betöltés",
-							title: "Betöltés",
-							onClick: (t) => he(e)
-						}, [...r[9] ||= [u("i", { class: "fa-solid fa-check" }, null, -1)]], 8, A),
-						$(e).length ? x((h(), l("span", {
-							key: 0,
-							class: "c-indicator",
-							onClick: C((t) => K(e.id), ["stop"])
-						}, [d(y($(e).length), 1)], 8, j)), [[i, `${$(e).length} szűrési feltétel`]]) : c("", !0),
-						u("button", {
-							type: "button",
-							class: "c-indicator filters-history__item-btn filters-history__item-remove",
-							"aria-label": "Törlés",
-							title: "Törlés",
-							onClick: (t) => Z(e)
-						}, [...r[10] ||= [u("i", { class: "fa-solid fa-xmark" }, null, -1)]], 8, M)
-					])
-				], 40, T), G(e.id) ? (h(), l("div", N, [$(e).length ? (h(), l("div", P, [(h(!0), l(a, null, _($(e), (e, t) => (h(), l("span", {
-					key: t,
-					class: m(["c-chip", e.displayClass])
-				}, y(e.text), 3))), 128))])) : (h(), l("p", F, "Nincs megjeleníthető szűrő."))])) : c("", !0)], 2))), 128))])) : c("", !0),
-				V.value.length > 3 ? (h(), l("div", I, [
-					r[11] ||= u("hr", { class: "separator my-1" }, null, -1),
-					V.value.length ? (h(), l("a", {
-						key: 0,
-						class: "filters-history__clear-all px-2",
-						onClick: r[3] ||= (e) => W.value = !0
-					}, "Összes törlése")) : c("", !0),
-					W.value ? (h(), s(n, {
-						key: 1,
-						title: "Mentett szűrők törlése",
-						message: "Biztosan törlöd az összes mentett szűrőt?",
-						"confirm-label": "Törlés",
-						"cancel-label": "Mégse",
-						type: "error",
-						onConfirm: r[4] ||= (e) => ge(),
-						onCancel: r[5] ||= (e) => W.value = !1
-					})) : c("", !0)
-				])) : c("", !0)
-			])) : c("", !0)])]);
-		};
-	}
-});
+import './src/styles/components/data-table/data-sort.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components83.js";
+/* empty css                    */
+//#region src/components/data-table/DataSort.vue
+var t = e;
 //#endregion
-export { L as default };
+export { t as default };