admins-components 9.0.88 → 9.0.91

package/dist/admins-components103.js

@@ -52,7 +52,8 @@ var I = /*@__PURE__*/ b({
 		searchConfig: {},
 		filterConfig: {},
 		fillHeight: { type: Boolean },
-		defaultSort: {}
+		defaultSort: {},
+		defaultFilters: {}
 	}, {
 		...P,
 		searchConfig: void 0,
@@ -81,7 +82,10 @@ var I = /*@__PURE__*/ b({
 			handleUrl: I("filterConfig"),
 			lazy: H.value == null ? F.filterConfig?.lazy ?? !0 : !H.value.filtersEager,
 			ignoreSavedDefault: !!F.config.selectableAttr
-		})), z = f, B = E(!1), V = E(!1), H = E(null), U = E(!1), W = E(null), G = E(!1), K = E(F.filterConfig?.items ? ee(F.filterConfig.items, F.id, !1, !!F.config.selectableAttr) : {}), q = null;
+		})), z = f, B = E(!1), V = E(!1), H = E(null), U = E(!1), W = E(null), G = E(!1), K = E({
+			...F.filterConfig?.items ? ee(F.filterConfig.items, F.id, !1, !!F.config.selectableAttr) : {},
+			...F.defaultFilters
+		}), q = null;
 		ie(() => {
 			q = new ResizeObserver((e) => {
 				U.value = (e[0]?.contentRect.width ?? 0) < F.layoutBreakpoint;

package/dist/admins-components103.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components103.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n  fillHeight?: boolean\n  defaultSort?: { key: string; direction: 'asc' | 'desc' } | null\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n  fillHeight: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilterValues(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, useSlots } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters, getDefaultFilterValues } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\nconst slots = useSlots()\nconst hasActionsSlot = computed(() => !!slots.actions)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n  fontSize: resolvedSettings.value?.fontSize ?? props.searchConfig?.fontSize ?? 'normal',\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n  lazy:\n    resolvedSettings.value != null\n      ? !resolvedSettings.value.filtersEager\n      : (props.filterConfig?.lazy ?? true),\n  ignoreSavedDefault: !!props.config.selectableAttr,\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' } | null]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items\n    ? getDefaultFilters(props.filterConfig.items, props.id, false, !!props.config.selectableAttr)\n    : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.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  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\nconst sortableColumns = computed<DataSortOption[]>(() =>\n  props.config.columns.filter((c) => c.sort).map((c) => ({ value: c.property, label: c.label })),\n)\n\nconst isSelectable = computed<boolean>(() => !!props.config.selectableAttr)\n\nconst currentSort = ref<{ key: string; direction: 'asc' | 'desc' } | null>(\n  (props.handleUrl ? getDefaultSort() : null) ?? props.defaultSort ?? null,\n)\n\nconst onSortChange = (sort: { key: string; direction: 'asc' | 'desc' } | null) => {\n  currentSort.value = sort\n  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    class=\"ac-component c-data-list\"\n    :class=\"[\n      { 'c-data-list--fill-height': fillHeight },\n      `is-font-${resolvedSettings?.fontSize ?? 'normal'}`,\n    ]\"\n  >\n    <div class=\"c-data-list__toolbar\">\n      <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n      <Button\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        label=\"Szűrők\"\n        icon=\"fa-solid fa-filter\"\n        @click=\"showFilters = true\"\n        style=\"flex-shrink: 0\"\n        class=\"filter-btn\"\n        :type=\"activeFiltersCount > 0 ? 'primary' : 'normal'\"\n        :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n      />\n      <div\n        class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      >\n        <FilterTags\n          :filters=\"activeFilters\"\n          :items=\"filterConfig.items\"\n          compact\n          @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n          @openFilter=\"openFilter\"\n        />\n      </div>\n      <div class=\"c-data-list__toolbar__right\">\n        <DataSort\n          v-if=\"sortableColumns.length > 0\"\n          v-model=\"currentSort\"\n          :options=\"sortableColumns\"\n          :handle-url=\"handleUrl\"\n          :font-size=\"resolvedSettings?.fontSize ?? 'normal'\"\n          @sort-change=\"onSortChange\"\n        />\n\n        <Button\n          v-if=\"!isSelectable\"\n          icon=\"fa-solid fa-gear\"\n          class=\"lh-normal settings-btn\"\n          ariaLabel=\"Beállítások\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          v-if=\"!isSelectable\"\n          icon=\"fa-solid fa-question\"\n          class=\"lh-normal\"\n          @click=\"showGuide = true\"\n          ariaLabel=\"Súgó\"\n        />\n      </div>\n    </div>\n    <DataFilters\n      ref=\"dataFiltersRef\"\n      v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      v-bind=\"mergedFilterConfig\"\n      :storage-key=\"id\"\n      :open=\"showFilters\"\n      @close=\"showFilters = false\"\n      @change=\"onFilterChange\"\n    />\n    <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n    <DataTable\n      v-if=\"effectiveLayout === 'table'\"\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      :initial-sort=\"currentSort\"\n      @filter-change=\"emit('filter-change', $event)\"\n      @selection-change=\"emit('selection-change', $event)\"\n      @sort-change=\"onSortChange\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot && !isSelectable\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataTable>\n\n    <DataCards\n      v-else\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      @selection-change=\"emit('selection-change', $event)\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot && !isSelectable\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataCards>\n\n    <DataPaginator\n      v-if=\"pagination && showPaginator\"\n      :settings=\"pagination\"\n      :storage-key=\"id\"\n      :handle-url=\"handleUrl\"\n      :font-size=\"resolvedSettings?.fontSize ?? 'normal'\"\n      @update:pagination=\"emit('pagination-change', $event)\"\n    />\n\n    <DataListOptions\n      :open=\"showOptions\"\n      :columns=\"config.columns\"\n      :settings=\"settings ?? {}\"\n      :storage-key=\"id\"\n      :orderable=\"orderable\"\n      @close=\"showOptions = false\"\n      @change=\"onSettingsChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components103.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n  fillHeight?: boolean\n  defaultSort?: { key: string; direction: 'asc' | 'desc' } | null\n  /** Initial filter values applied on mount, merged over the auto-detected defaults */\n  defaultFilters?: Record<string, unknown>\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n  fillHeight: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilterValues(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, useSlots } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters, getDefaultFilterValues } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\nconst slots = useSlots()\nconst hasActionsSlot = computed(() => !!slots.actions)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n  fontSize: resolvedSettings.value?.fontSize ?? props.searchConfig?.fontSize ?? 'normal',\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n  lazy:\n    resolvedSettings.value != null\n      ? !resolvedSettings.value.filtersEager\n      : (props.filterConfig?.lazy ?? true),\n  ignoreSavedDefault: !!props.config.selectableAttr,\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' } | null]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>({\n  ...(props.filterConfig?.items\n    ? getDefaultFilters(props.filterConfig.items, props.id, false, !!props.config.selectableAttr)\n    : {}),\n  ...props.defaultFilters,\n})\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.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  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\nconst sortableColumns = computed<DataSortOption[]>(() =>\n  props.config.columns.filter((c) => c.sort).map((c) => ({ value: c.property, label: c.label })),\n)\n\nconst isSelectable = computed<boolean>(() => !!props.config.selectableAttr)\n\nconst currentSort = ref<{ key: string; direction: 'asc' | 'desc' } | null>(\n  (props.handleUrl ? getDefaultSort() : null) ?? props.defaultSort ?? null,\n)\n\nconst onSortChange = (sort: { key: string; direction: 'asc' | 'desc' } | null) => {\n  currentSort.value = sort\n  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    class=\"ac-component c-data-list\"\n    :class=\"[\n      { 'c-data-list--fill-height': fillHeight },\n      `is-font-${resolvedSettings?.fontSize ?? 'normal'}`,\n    ]\"\n  >\n    <div class=\"c-data-list__toolbar\">\n      <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n      <Button\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        label=\"Szűrők\"\n        icon=\"fa-solid fa-filter\"\n        @click=\"showFilters = true\"\n        style=\"flex-shrink: 0\"\n        class=\"filter-btn\"\n        :type=\"activeFiltersCount > 0 ? 'primary' : 'normal'\"\n        :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n      />\n      <div\n        class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      >\n        <FilterTags\n          :filters=\"activeFilters\"\n          :items=\"filterConfig.items\"\n          compact\n          @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n          @openFilter=\"openFilter\"\n        />\n      </div>\n      <div class=\"c-data-list__toolbar__right\">\n        <DataSort\n          v-if=\"sortableColumns.length > 0\"\n          v-model=\"currentSort\"\n          :options=\"sortableColumns\"\n          :handle-url=\"handleUrl\"\n          :font-size=\"resolvedSettings?.fontSize ?? 'normal'\"\n          @sort-change=\"onSortChange\"\n        />\n\n        <Button\n          v-if=\"!isSelectable\"\n          icon=\"fa-solid fa-gear\"\n          class=\"lh-normal settings-btn\"\n          ariaLabel=\"Beállítások\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          v-if=\"!isSelectable\"\n          icon=\"fa-solid fa-question\"\n          class=\"lh-normal\"\n          @click=\"showGuide = true\"\n          ariaLabel=\"Súgó\"\n        />\n      </div>\n    </div>\n    <DataFilters\n      ref=\"dataFiltersRef\"\n      v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      v-bind=\"mergedFilterConfig\"\n      :storage-key=\"id\"\n      :open=\"showFilters\"\n      @close=\"showFilters = false\"\n      @change=\"onFilterChange\"\n    />\n    <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n    <DataTable\n      v-if=\"effectiveLayout === 'table'\"\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      :initial-sort=\"currentSort\"\n      @filter-change=\"emit('filter-change', $event)\"\n      @selection-change=\"emit('selection-change', $event)\"\n      @sort-change=\"onSortChange\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot && !isSelectable\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataTable>\n\n    <DataCards\n      v-else\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      @selection-change=\"emit('selection-change', $event)\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot && !isSelectable\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataCards>\n\n    <DataPaginator\n      v-if=\"pagination && showPaginator\"\n      :settings=\"pagination\"\n      :storage-key=\"id\"\n      :handle-url=\"handleUrl\"\n      :font-size=\"resolvedSettings?.fontSize ?? 'normal'\"\n      @update:pagination=\"emit('pagination-change', $event)\"\n    />\n\n    <DataListOptions\n      :open=\"showOptions\"\n      :columns=\"config.columns\"\n      :settings=\"settings ?? {}\"\n      :storage-key=\"id\"\n      :orderable=\"orderable\"\n      @close=\"showOptions = false\"\n      @change=\"onSettingsChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components105.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components105.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n  fillHeight?: boolean\n  defaultSort?: { key: string; direction: 'asc' | 'desc' } | null\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n  fillHeight: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilterValues(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, useSlots } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters, getDefaultFilterValues } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\nconst slots = useSlots()\nconst hasActionsSlot = computed(() => !!slots.actions)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n  fontSize: resolvedSettings.value?.fontSize ?? props.searchConfig?.fontSize ?? 'normal',\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n  lazy:\n    resolvedSettings.value != null\n      ? !resolvedSettings.value.filtersEager\n      : (props.filterConfig?.lazy ?? true),\n  ignoreSavedDefault: !!props.config.selectableAttr,\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' } | null]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items\n    ? getDefaultFilters(props.filterConfig.items, props.id, false, !!props.config.selectableAttr)\n    : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.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  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\nconst sortableColumns = computed<DataSortOption[]>(() =>\n  props.config.columns.filter((c) => c.sort).map((c) => ({ value: c.property, label: c.label })),\n)\n\nconst isSelectable = computed<boolean>(() => !!props.config.selectableAttr)\n\nconst currentSort = ref<{ key: string; direction: 'asc' | 'desc' } | null>(\n  (props.handleUrl ? getDefaultSort() : null) ?? props.defaultSort ?? null,\n)\n\nconst onSortChange = (sort: { key: string; direction: 'asc' | 'desc' } | null) => {\n  currentSort.value = sort\n  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    class=\"ac-component c-data-list\"\n    :class=\"[\n      { 'c-data-list--fill-height': fillHeight },\n      `is-font-${resolvedSettings?.fontSize ?? 'normal'}`,\n    ]\"\n  >\n    <div class=\"c-data-list__toolbar\">\n      <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n      <Button\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        label=\"Szűrők\"\n        icon=\"fa-solid fa-filter\"\n        @click=\"showFilters = true\"\n        style=\"flex-shrink: 0\"\n        class=\"filter-btn\"\n        :type=\"activeFiltersCount > 0 ? 'primary' : 'normal'\"\n        :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n      />\n      <div\n        class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      >\n        <FilterTags\n          :filters=\"activeFilters\"\n          :items=\"filterConfig.items\"\n          compact\n          @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n          @openFilter=\"openFilter\"\n        />\n      </div>\n      <div class=\"c-data-list__toolbar__right\">\n        <DataSort\n          v-if=\"sortableColumns.length > 0\"\n          v-model=\"currentSort\"\n          :options=\"sortableColumns\"\n          :handle-url=\"handleUrl\"\n          :font-size=\"resolvedSettings?.fontSize ?? 'normal'\"\n          @sort-change=\"onSortChange\"\n        />\n\n        <Button\n          v-if=\"!isSelectable\"\n          icon=\"fa-solid fa-gear\"\n          class=\"lh-normal settings-btn\"\n          ariaLabel=\"Beállítások\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          v-if=\"!isSelectable\"\n          icon=\"fa-solid fa-question\"\n          class=\"lh-normal\"\n          @click=\"showGuide = true\"\n          ariaLabel=\"Súgó\"\n        />\n      </div>\n    </div>\n    <DataFilters\n      ref=\"dataFiltersRef\"\n      v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      v-bind=\"mergedFilterConfig\"\n      :storage-key=\"id\"\n      :open=\"showFilters\"\n      @close=\"showFilters = false\"\n      @change=\"onFilterChange\"\n    />\n    <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n    <DataTable\n      v-if=\"effectiveLayout === 'table'\"\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      :initial-sort=\"currentSort\"\n      @filter-change=\"emit('filter-change', $event)\"\n      @selection-change=\"emit('selection-change', $event)\"\n      @sort-change=\"onSortChange\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot && !isSelectable\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataTable>\n\n    <DataCards\n      v-else\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      @selection-change=\"emit('selection-change', $event)\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot && !isSelectable\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataCards>\n\n    <DataPaginator\n      v-if=\"pagination && showPaginator\"\n      :settings=\"pagination\"\n      :storage-key=\"id\"\n      :handle-url=\"handleUrl\"\n      :font-size=\"resolvedSettings?.fontSize ?? 'normal'\"\n      @update:pagination=\"emit('pagination-change', $event)\"\n    />\n\n    <DataListOptions\n      :open=\"showOptions\"\n      :columns=\"config.columns\"\n      :settings=\"settings ?? {}\"\n      :storage-key=\"id\"\n      :orderable=\"orderable\"\n      @close=\"showOptions = false\"\n      @change=\"onSettingsChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components105.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n  fillHeight?: boolean\n  defaultSort?: { key: string; direction: 'asc' | 'desc' } | null\n  /** Initial filter values applied on mount, merged over the auto-detected defaults */\n  defaultFilters?: Record<string, unknown>\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n  fillHeight: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilterValues(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, useSlots } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters, getDefaultFilterValues } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\nconst slots = useSlots()\nconst hasActionsSlot = computed(() => !!slots.actions)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n  fontSize: resolvedSettings.value?.fontSize ?? props.searchConfig?.fontSize ?? 'normal',\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n  lazy:\n    resolvedSettings.value != null\n      ? !resolvedSettings.value.filtersEager\n      : (props.filterConfig?.lazy ?? true),\n  ignoreSavedDefault: !!props.config.selectableAttr,\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' } | null]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>({\n  ...(props.filterConfig?.items\n    ? getDefaultFilters(props.filterConfig.items, props.id, false, !!props.config.selectableAttr)\n    : {}),\n  ...props.defaultFilters,\n})\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.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  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\nconst sortableColumns = computed<DataSortOption[]>(() =>\n  props.config.columns.filter((c) => c.sort).map((c) => ({ value: c.property, label: c.label })),\n)\n\nconst isSelectable = computed<boolean>(() => !!props.config.selectableAttr)\n\nconst currentSort = ref<{ key: string; direction: 'asc' | 'desc' } | null>(\n  (props.handleUrl ? getDefaultSort() : null) ?? props.defaultSort ?? null,\n)\n\nconst onSortChange = (sort: { key: string; direction: 'asc' | 'desc' } | null) => {\n  currentSort.value = sort\n  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    class=\"ac-component c-data-list\"\n    :class=\"[\n      { 'c-data-list--fill-height': fillHeight },\n      `is-font-${resolvedSettings?.fontSize ?? 'normal'}`,\n    ]\"\n  >\n    <div class=\"c-data-list__toolbar\">\n      <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n      <Button\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        label=\"Szűrők\"\n        icon=\"fa-solid fa-filter\"\n        @click=\"showFilters = true\"\n        style=\"flex-shrink: 0\"\n        class=\"filter-btn\"\n        :type=\"activeFiltersCount > 0 ? 'primary' : 'normal'\"\n        :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n      />\n      <div\n        class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      >\n        <FilterTags\n          :filters=\"activeFilters\"\n          :items=\"filterConfig.items\"\n          compact\n          @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n          @openFilter=\"openFilter\"\n        />\n      </div>\n      <div class=\"c-data-list__toolbar__right\">\n        <DataSort\n          v-if=\"sortableColumns.length > 0\"\n          v-model=\"currentSort\"\n          :options=\"sortableColumns\"\n          :handle-url=\"handleUrl\"\n          :font-size=\"resolvedSettings?.fontSize ?? 'normal'\"\n          @sort-change=\"onSortChange\"\n        />\n\n        <Button\n          v-if=\"!isSelectable\"\n          icon=\"fa-solid fa-gear\"\n          class=\"lh-normal settings-btn\"\n          ariaLabel=\"Beállítások\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          v-if=\"!isSelectable\"\n          icon=\"fa-solid fa-question\"\n          class=\"lh-normal\"\n          @click=\"showGuide = true\"\n          ariaLabel=\"Súgó\"\n        />\n      </div>\n    </div>\n    <DataFilters\n      ref=\"dataFiltersRef\"\n      v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      v-bind=\"mergedFilterConfig\"\n      :storage-key=\"id\"\n      :open=\"showFilters\"\n      @close=\"showFilters = false\"\n      @change=\"onFilterChange\"\n    />\n    <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n    <DataTable\n      v-if=\"effectiveLayout === 'table'\"\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      :initial-sort=\"currentSort\"\n      @filter-change=\"emit('filter-change', $event)\"\n      @selection-change=\"emit('selection-change', $event)\"\n      @sort-change=\"onSortChange\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot && !isSelectable\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataTable>\n\n    <DataCards\n      v-else\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      @selection-change=\"emit('selection-change', $event)\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot && !isSelectable\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataCards>\n\n    <DataPaginator\n      v-if=\"pagination && showPaginator\"\n      :settings=\"pagination\"\n      :storage-key=\"id\"\n      :handle-url=\"handleUrl\"\n      :font-size=\"resolvedSettings?.fontSize ?? 'normal'\"\n      @update:pagination=\"emit('pagination-change', $event)\"\n    />\n\n    <DataListOptions\n      :open=\"showOptions\"\n      :columns=\"config.columns\"\n      :settings=\"settings ?? {}\"\n      :storage-key=\"id\"\n      :orderable=\"orderable\"\n      @close=\"showOptions = false\"\n      @change=\"onSettingsChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}

package/dist/admins-components111.js

@@ -12,6 +12,7 @@ var i = class {
 	getImagesConfig;
 	getPresenceConfig;
 	sites;
+	getMeta;
 	authorsSearch;
 	authorsDetailsByIds;
 	articleSeriesSearch;
@@ -38,7 +39,7 @@ var i = class {
 		return this.postRequest(`admin/${e}/detailsByIds`, { ids: [] }, t);
 	}
 	constructor(r) {
-		this.articleEditorBackendUrl = r, this.baseUrl = this.articleEditorBackendUrl, this.searchPosts = n(new e(this.baseUrl, "admin/Posts/searchPosts", t.POST, this.errorMap("Cikk lekérdezés")), {}, void 0, void 0), this.whoAmI = n(new e(this.baseUrl, "whoami", t.GET, this.errorMap("Felhasználói adatok lekérdezése")), void 0, void 0, void 0), this.getPostsConfig = n(new e(this.baseUrl, "/admin/Widgets/{name}", t.GET, this.errorMap("Search Posts Widget konfiguráció lekérése")), void 0, { name: "" }, void 0), this.getImagesConfig = n(new e(this.baseUrl, "/admin/Widgets/{name}", t.GET, this.errorMap("Widget konfiguráció lekérése")), void 0, { name: "" }, void 0), this.getPresenceConfig = n(new e(this.baseUrl, "/admin/Widgets/{name}", t.GET, this.errorMap("Widget konfiguráció lekérése")), void 0, { name: "" }, void 0), this.sites = n(new e(this.baseUrl, "/admin/sites", t.GET, this.errorMap("Site lekérése")), void 0, void 0, void 0), this.authorsSearch = this.searchRequest("Authors", "Szerzők"), this.authorsDetailsByIds = this.detailsByIdsRequest("Authors", "Szerzők"), this.articleSeriesSearch = this.searchRequest("ArticleSeries", "Cikk sorozatok"), this.articleSeriesDetailsByIds = this.detailsByIdsRequest("ArticleSeries", "Cikk sorozatok"), this.partnersSearch = this.searchRequest("Partners", "Partnerek"), this.partnersDetailsByIds = this.detailsByIdsRequest("Partners", "Partnerek"), this.columnsSearch = this.searchRequest("Columns", "Rovatok"), this.columnsDetailsByIds = this.detailsByIdsRequest("Columns", "Rovatok"), this.digitalSupplementsSearch = this.searchRequest("DigitalSupplements", "Digitális kiegészítők"), this.digitalSupplementsDetailsByIds = this.detailsByIdsRequest("DigitalSupplements", "Digitális kiegészítők"), this.tagsSearch = this.searchRequest("Tags", "Címkék"), this.tagsDetailsByIds = this.detailsByIdsRequest("Tags", "Címkék"), this.getRelationsCount = this.postRequest("admin/Relations/byIds", {
+		this.articleEditorBackendUrl = r, this.baseUrl = this.articleEditorBackendUrl, this.getMeta = n(new e(this.baseUrl, "admin/Embeds/meta", t.POST, this.errorMap("Meta adatok")), { url: "" }, void 0, void 0), this.searchPosts = n(new e(this.baseUrl, "admin/Posts/searchPosts", t.POST, this.errorMap("Cikk lekérdezés")), {}, void 0, void 0), this.whoAmI = n(new e(this.baseUrl, "whoami", t.GET, this.errorMap("Felhasználói adatok lekérdezése")), void 0, void 0, void 0), this.getPostsConfig = n(new e(this.baseUrl, "/admin/Widgets/{name}", t.GET, this.errorMap("Search Posts Widget konfiguráció lekérése")), void 0, { name: "" }, void 0), this.getImagesConfig = n(new e(this.baseUrl, "/admin/Widgets/{name}", t.GET, this.errorMap("Widget konfiguráció lekérése")), void 0, { name: "" }, void 0), this.getPresenceConfig = n(new e(this.baseUrl, "/admin/Widgets/{name}", t.GET, this.errorMap("Widget konfiguráció lekérése")), void 0, { name: "" }, void 0), this.sites = n(new e(this.baseUrl, "/admin/sites", t.GET, this.errorMap("Site lekérése")), void 0, void 0, void 0), this.authorsSearch = this.searchRequest("Authors", "Szerzők"), this.authorsDetailsByIds = this.detailsByIdsRequest("Authors", "Szerzők"), this.articleSeriesSearch = this.searchRequest("ArticleSeries", "Cikk sorozatok"), this.articleSeriesDetailsByIds = this.detailsByIdsRequest("ArticleSeries", "Cikk sorozatok"), this.partnersSearch = this.searchRequest("Partners", "Partnerek"), this.partnersDetailsByIds = this.detailsByIdsRequest("Partners", "Partnerek"), this.columnsSearch = this.searchRequest("Columns", "Rovatok"), this.columnsDetailsByIds = this.detailsByIdsRequest("Columns", "Rovatok"), this.digitalSupplementsSearch = this.searchRequest("DigitalSupplements", "Digitális kiegészítők"), this.digitalSupplementsDetailsByIds = this.detailsByIdsRequest("DigitalSupplements", "Digitális kiegészítők"), this.tagsSearch = this.searchRequest("Tags", "Címkék"), this.tagsDetailsByIds = this.detailsByIdsRequest("Tags", "Címkék"), this.getRelationsCount = this.postRequest("admin/Relations/byIds", {
 			ids: [],
 			outputEntityType: ""
 		}, "Kapcsolatok számlálása");

package/dist/admins-components111.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components111.js","names":[],"sources":["../src/services/articleEditorService.ts"],"sourcesContent":["import type { SearchPostsPayload, SearchPostsResponse } from '@/models/SearchPosts'\nimport { FetchDetails, type HttpRequest, initRequest, Methods } from '@/services/services'\n\nimport type {\n  ArticleSeriesDetails,\n  AuthorDetails,\n  ColumnDetails,\n  DigitalSupplementDetails,\n  GetRelationsCountPayload,\n  IdsPayload,\n  PartnerDetails,\n  PresenceWidgetConfig,\n  RelationCount,\n  SearchArticleSeriesResult,\n  SearchAuthorsPayload,\n  SearchAuthorsResult,\n  SearchColumnsPayload,\n  SearchColumnsResult,\n  SearchDigitalSupplementsPayload,\n  SearchDigitalSupplementsResult,\n  SearchEntityPayload,\n  SearchImagesWidgetConfig,\n  SearchPartnersResult,\n  SearchPostWidgetConfig,\n  SearchTagsPayload,\n  SearchTagsResult,\n  Site,\n  TagDetails,\n  UserInfoModel,\n  WidgetDetailsResponse,\n} from '@/services/models'\n\nexport function useArticleEditorService(url: string): ArticleEditorService {\n  return new ArticleEditorService(url)\n}\n\nexport class ArticleEditorService {\n  baseUrl: string\n  searchPosts: HttpRequest<SearchPostsPayload, undefined, undefined, SearchPostsResponse>\n  whoAmI: HttpRequest<void, undefined, undefined, UserInfoModel>\n  getPostsConfig: HttpRequest<\n    undefined,\n    { name: string },\n    undefined,\n    WidgetDetailsResponse<SearchPostWidgetConfig>\n  >\n  getImagesConfig: HttpRequest<\n    undefined,\n    { name: string },\n    undefined,\n    WidgetDetailsResponse<SearchImagesWidgetConfig>\n  >\n  getPresenceConfig: HttpRequest<\n    undefined,\n    { name: string },\n    undefined,\n    WidgetDetailsResponse<PresenceWidgetConfig>\n  >\n  sites: HttpRequest<undefined, undefined, undefined, Site[]>\n\n  /* getMeta: HttpRequest<\n    { url: string },\n    undefined,\n    undefined,\n    { url: string; title: string; lead: string; imageUrl: string }\n  > */\n\n  authorsSearch: HttpRequest<SearchAuthorsPayload, undefined, undefined, SearchAuthorsResult>\n\n  authorsDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, AuthorDetails[]>\n\n  articleSeriesSearch: HttpRequest<\n    SearchEntityPayload,\n    undefined,\n    undefined,\n    SearchArticleSeriesResult\n  >\n\n  articleSeriesDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, ArticleSeriesDetails[]>\n\n  columnsSearch: HttpRequest<SearchColumnsPayload, undefined, undefined, SearchColumnsResult>\n\n  columnsDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, ColumnDetails[]>\n\n  digitalSupplementsSearch: HttpRequest<\n    SearchDigitalSupplementsPayload,\n    undefined,\n    undefined,\n    SearchDigitalSupplementsResult\n  >\n\n  digitalSupplementsDetailsByIds: HttpRequest<\n    IdsPayload,\n    undefined,\n    undefined,\n    DigitalSupplementDetails[]\n  >\n\n  partnersSearch: HttpRequest<SearchEntityPayload, undefined, undefined, SearchPartnersResult>\n\n  partnersDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, PartnerDetails[]>\n\n  tagsSearch: HttpRequest<SearchTagsPayload, undefined, undefined, SearchTagsResult>\n\n  tagsDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, TagDetails[]>\n\n  getRelationsCount: HttpRequest<GetRelationsCountPayload, undefined, undefined, RelationCount[]>\n\n  private errorMap(entityName: string) {\n    return new Map<number, string>([\n      [400, `${entityName} lekérdezése ismeretlen 400 hiba!`],\n      [500, `${entityName} lekérdezése ismeretlen 500 hiba!`],\n    ])\n  }\n\n  private postRequest<Payload, Result>(path: string, defaultPayload: Payload, entityName: string) {\n    return initRequest<Payload, undefined, undefined, Result>(\n      new FetchDetails(this.baseUrl, path, Methods.POST, this.errorMap(entityName)),\n      defaultPayload,\n      undefined,\n      undefined,\n    )\n  }\n\n  private searchRequest<Payload, Result>(resource: string, entityName: string) {\n    return this.postRequest<Payload, Result>(`admin/${resource}/search`, {} as Payload, entityName)\n  }\n\n  private detailsByIdsRequest<Result>(resource: string, entityName: string) {\n    return this.postRequest<IdsPayload, Result>(\n      `admin/${resource}/detailsByIds`,\n      { ids: [] },\n      entityName,\n    )\n  }\n\n  constructor(public articleEditorBackendUrl: string) {\n    this.baseUrl = this.articleEditorBackendUrl\n\n    /* this.getMeta = initRequest<\n      { url: string },\n      undefined,\n      undefined,\n      { url: string; title: string; lead: string; imageUrl: string }\n    >(\n      new FetchDetails(\n        this.baseUrl,\n        'admin/Embeds/meta',\n        Methods.POST,\n        this.errorMap('Meta adatok'),\n      ),\n      { url: '' },\n      undefined,\n      undefined,\n    ) */\n\n    this.searchPosts = initRequest<SearchPostsPayload, undefined, undefined, SearchPostsResponse>(\n      new FetchDetails(\n        this.baseUrl,\n        'admin/Posts/searchPosts',\n        Methods.POST,\n        this.errorMap('Cikk lekérdezés'),\n      ),\n      {} as SearchPostsPayload,\n      undefined,\n      undefined,\n    )\n\n    this.whoAmI = initRequest<void, undefined, undefined, UserInfoModel>(\n      new FetchDetails(\n        this.baseUrl,\n        'whoami',\n        Methods.GET,\n        this.errorMap('Felhasználói adatok lekérdezése'),\n      ),\n      undefined,\n      undefined,\n      undefined,\n    )\n\n    this.getPostsConfig = initRequest<\n      undefined,\n      { name: string },\n      undefined,\n      WidgetDetailsResponse<SearchPostWidgetConfig>\n    >(\n      new FetchDetails(\n        this.baseUrl,\n        '/admin/Widgets/{name}',\n        Methods.GET,\n        this.errorMap('Search Posts Widget konfiguráció lekérése'),\n      ),\n      undefined,\n      { name: '' } as { name: string },\n      undefined,\n    )\n\n    this.getImagesConfig = initRequest<\n      undefined,\n      { name: string },\n      undefined,\n      WidgetDetailsResponse<SearchImagesWidgetConfig>\n    >(\n      new FetchDetails(\n        this.baseUrl,\n        '/admin/Widgets/{name}',\n        Methods.GET,\n        this.errorMap('Widget konfiguráció lekérése'),\n      ),\n      undefined,\n      { name: '' } as { name: string },\n      undefined,\n    )\n\n    this.getPresenceConfig = initRequest<\n      undefined,\n      { name: string },\n      undefined,\n      WidgetDetailsResponse<PresenceWidgetConfig>\n    >(\n      new FetchDetails(\n        this.baseUrl,\n        '/admin/Widgets/{name}',\n        Methods.GET,\n        this.errorMap('Widget konfiguráció lekérése'),\n      ),\n      undefined,\n      { name: '' } as { name: string },\n      undefined,\n    )\n\n    this.sites = initRequest<undefined, undefined, undefined, Site[]>(\n      new FetchDetails(this.baseUrl, '/admin/sites', Methods.GET, this.errorMap('Site lekérése')),\n      undefined,\n      undefined,\n      undefined,\n    )\n\n    this.authorsSearch = this.searchRequest<SearchAuthorsPayload, SearchAuthorsResult>(\n      'Authors',\n      'Szerzők',\n    )\n    this.authorsDetailsByIds = this.detailsByIdsRequest<AuthorDetails[]>('Authors', 'Szerzők')\n\n    this.articleSeriesSearch = this.searchRequest<SearchEntityPayload, SearchArticleSeriesResult>(\n      'ArticleSeries',\n      'Cikk sorozatok',\n    )\n    this.articleSeriesDetailsByIds = this.detailsByIdsRequest<ArticleSeriesDetails[]>(\n      'ArticleSeries',\n      'Cikk sorozatok',\n    )\n\n    this.partnersSearch = this.searchRequest<SearchEntityPayload, SearchPartnersResult>(\n      'Partners',\n      'Partnerek',\n    )\n    this.partnersDetailsByIds = this.detailsByIdsRequest<PartnerDetails[]>('Partners', 'Partnerek')\n\n    this.columnsSearch = this.searchRequest<SearchColumnsPayload, SearchColumnsResult>(\n      'Columns',\n      'Rovatok',\n    )\n    this.columnsDetailsByIds = this.detailsByIdsRequest<ColumnDetails[]>('Columns', 'Rovatok')\n\n    this.digitalSupplementsSearch = this.searchRequest<\n      SearchDigitalSupplementsPayload,\n      SearchDigitalSupplementsResult\n    >('DigitalSupplements', 'Digitális kiegészítők')\n    this.digitalSupplementsDetailsByIds = this.detailsByIdsRequest<DigitalSupplementDetails[]>(\n      'DigitalSupplements',\n      'Digitális kiegészítők',\n    )\n\n    this.tagsSearch = this.searchRequest<SearchTagsPayload, SearchTagsResult>('Tags', 'Címkék')\n    this.tagsDetailsByIds = this.detailsByIdsRequest<TagDetails[]>('Tags', 'Címkék')\n\n    this.getRelationsCount = this.postRequest<GetRelationsCountPayload, RelationCount[]>(\n      'admin/Relations/byIds',\n      { ids: [], outputEntityType: '' },\n      'Kapcsolatok számlálása',\n    )\n  }\n}\n"],"mappings":";;AAgCA,SAAgB,EAAwB,GAAmC;CACzE,OAAO,IAAI,EAAqB,CAAG;AACrC;AAEA,IAAa,IAAb,MAAkC;CAoGb;CAnGnB;CACA;CACA;CACA;CAMA;CAMA;CAMA;CASA;CAEA;CAEA;CAOA;CAEA;CAEA;CAEA;CAOA;CAOA;CAEA;CAEA;CAEA;CAEA;CAEA,SAAiB,GAAoB;EACnC,uBAAO,IAAI,IAAoB,CAC7B,CAAC,KAAK,GAAG,EAAW,kCAAkC,GACtD,CAAC,KAAK,GAAG,EAAW,kCAAkC,CACxD,CAAC;CACH;CAEA,YAAqC,GAAc,GAAyB,GAAoB;EAC9F,OAAO,EACL,IAAI,EAAa,KAAK,SAAS,GAAM,EAAQ,MAAM,KAAK,SAAS,CAAU,CAAC,GAC5E,GACA,KAAA,GACA,KAAA,CACF;CACF;CAEA,cAAuC,GAAkB,GAAoB;EAC3E,OAAO,KAAK,YAA6B,SAAS,EAAS,UAAU,CAAC,GAAc,CAAU;CAChG;CAEA,oBAAoC,GAAkB,GAAoB;EACxE,OAAO,KAAK,YACV,SAAS,EAAS,gBAClB,EAAE,KAAK,CAAC,EAAE,GACV,CACF;CACF;CAEA,YAAY,GAAwC;EA6IlD,AA7IiB,KAAA,0BAAA,GACjB,KAAK,UAAU,KAAK,yBAmBpB,KAAK,cAAc,EACjB,IAAI,EACF,KAAK,SACL,2BACA,EAAQ,MACR,KAAK,SAAS,iBAAiB,CACjC,GACA,CAAC,GACD,KAAA,GACA,KAAA,CACF,GAEA,KAAK,SAAS,EACZ,IAAI,EACF,KAAK,SACL,UACA,EAAQ,KACR,KAAK,SAAS,iCAAiC,CACjD,GACA,KAAA,GACA,KAAA,GACA,KAAA,CACF,GAEA,KAAK,iBAAiB,EAMpB,IAAI,EACF,KAAK,SACL,yBACA,EAAQ,KACR,KAAK,SAAS,2CAA2C,CAC3D,GACA,KAAA,GACA,EAAE,MAAM,GAAG,GACX,KAAA,CACF,GAEA,KAAK,kBAAkB,EAMrB,IAAI,EACF,KAAK,SACL,yBACA,EAAQ,KACR,KAAK,SAAS,8BAA8B,CAC9C,GACA,KAAA,GACA,EAAE,MAAM,GAAG,GACX,KAAA,CACF,GAEA,KAAK,oBAAoB,EAMvB,IAAI,EACF,KAAK,SACL,yBACA,EAAQ,KACR,KAAK,SAAS,8BAA8B,CAC9C,GACA,KAAA,GACA,EAAE,MAAM,GAAG,GACX,KAAA,CACF,GAEA,KAAK,QAAQ,EACX,IAAI,EAAa,KAAK,SAAS,gBAAgB,EAAQ,KAAK,KAAK,SAAS,eAAe,CAAC,GAC1F,KAAA,GACA,KAAA,GACA,KAAA,CACF,GAEA,KAAK,gBAAgB,KAAK,cACxB,WACA,SACF,GACA,KAAK,sBAAsB,KAAK,oBAAqC,WAAW,SAAS,GAEzF,KAAK,sBAAsB,KAAK,cAC9B,iBACA,gBACF,GACA,KAAK,4BAA4B,KAAK,oBACpC,iBACA,gBACF,GAEA,KAAK,iBAAiB,KAAK,cACzB,YACA,WACF,GACA,KAAK,uBAAuB,KAAK,oBAAsC,YAAY,WAAW,GAE9F,KAAK,gBAAgB,KAAK,cACxB,WACA,SACF,GACA,KAAK,sBAAsB,KAAK,oBAAqC,WAAW,SAAS,GAEzF,KAAK,2BAA2B,KAAK,cAGnC,sBAAsB,uBAAuB,GAC/C,KAAK,iCAAiC,KAAK,oBACzC,sBACA,uBACF,GAEA,KAAK,aAAa,KAAK,cAAmD,QAAQ,QAAQ,GAC1F,KAAK,mBAAmB,KAAK,oBAAkC,QAAQ,QAAQ,GAE/E,KAAK,oBAAoB,KAAK,YAC5B,yBACA;GAAE,KAAK,CAAC;GAAG,kBAAkB;EAAG,GAChC,wBACF;CACF;AACF"}
+{"version":3,"file":"admins-components111.js","names":[],"sources":["../src/services/articleEditorService.ts"],"sourcesContent":["import type { SearchPostsPayload, SearchPostsResponse } from '@/models/SearchPosts'\nimport { FetchDetails, type HttpRequest, initRequest, Methods } from '@/services/services'\n\nimport type {\n  ArticleSeriesDetails,\n  AuthorDetails,\n  ColumnDetails,\n  DigitalSupplementDetails,\n  GetRelationsCountPayload,\n  IdsPayload,\n  PartnerDetails,\n  PresenceWidgetConfig,\n  RelationCount,\n  SearchArticleSeriesResult,\n  SearchAuthorsPayload,\n  SearchAuthorsResult,\n  SearchColumnsPayload,\n  SearchColumnsResult,\n  SearchDigitalSupplementsPayload,\n  SearchDigitalSupplementsResult,\n  SearchEntityPayload,\n  SearchImagesWidgetConfig,\n  SearchPartnersResult,\n  SearchPostWidgetConfig,\n  SearchTagsPayload,\n  SearchTagsResult,\n  Site,\n  TagDetails,\n  UserInfoModel,\n  WidgetDetailsResponse,\n} from '@/services/models'\n\nexport function useArticleEditorService(url: string): ArticleEditorService {\n  return new ArticleEditorService(url)\n}\n\nexport class ArticleEditorService {\n  baseUrl: string\n  searchPosts: HttpRequest<SearchPostsPayload, undefined, undefined, SearchPostsResponse>\n  whoAmI: HttpRequest<void, undefined, undefined, UserInfoModel>\n  getPostsConfig: HttpRequest<\n    undefined,\n    { name: string },\n    undefined,\n    WidgetDetailsResponse<SearchPostWidgetConfig>\n  >\n  getImagesConfig: HttpRequest<\n    undefined,\n    { name: string },\n    undefined,\n    WidgetDetailsResponse<SearchImagesWidgetConfig>\n  >\n  getPresenceConfig: HttpRequest<\n    undefined,\n    { name: string },\n    undefined,\n    WidgetDetailsResponse<PresenceWidgetConfig>\n  >\n  sites: HttpRequest<undefined, undefined, undefined, Site[]>\n\n  getMeta: HttpRequest<\n    { url: string },\n    undefined,\n    undefined,\n    { url: string; title: string; lead: string; imageUrl: string }\n  >\n\n  authorsSearch: HttpRequest<SearchAuthorsPayload, undefined, undefined, SearchAuthorsResult>\n\n  authorsDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, AuthorDetails[]>\n\n  articleSeriesSearch: HttpRequest<\n    SearchEntityPayload,\n    undefined,\n    undefined,\n    SearchArticleSeriesResult\n  >\n\n  articleSeriesDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, ArticleSeriesDetails[]>\n\n  columnsSearch: HttpRequest<SearchColumnsPayload, undefined, undefined, SearchColumnsResult>\n\n  columnsDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, ColumnDetails[]>\n\n  digitalSupplementsSearch: HttpRequest<\n    SearchDigitalSupplementsPayload,\n    undefined,\n    undefined,\n    SearchDigitalSupplementsResult\n  >\n\n  digitalSupplementsDetailsByIds: HttpRequest<\n    IdsPayload,\n    undefined,\n    undefined,\n    DigitalSupplementDetails[]\n  >\n\n  partnersSearch: HttpRequest<SearchEntityPayload, undefined, undefined, SearchPartnersResult>\n\n  partnersDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, PartnerDetails[]>\n\n  tagsSearch: HttpRequest<SearchTagsPayload, undefined, undefined, SearchTagsResult>\n\n  tagsDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, TagDetails[]>\n\n  getRelationsCount: HttpRequest<GetRelationsCountPayload, undefined, undefined, RelationCount[]>\n\n  private errorMap(entityName: string) {\n    return new Map<number, string>([\n      [400, `${entityName} lekérdezése ismeretlen 400 hiba!`],\n      [500, `${entityName} lekérdezése ismeretlen 500 hiba!`],\n    ])\n  }\n\n  private postRequest<Payload, Result>(path: string, defaultPayload: Payload, entityName: string) {\n    return initRequest<Payload, undefined, undefined, Result>(\n      new FetchDetails(this.baseUrl, path, Methods.POST, this.errorMap(entityName)),\n      defaultPayload,\n      undefined,\n      undefined,\n    )\n  }\n\n  private searchRequest<Payload, Result>(resource: string, entityName: string) {\n    return this.postRequest<Payload, Result>(`admin/${resource}/search`, {} as Payload, entityName)\n  }\n\n  private detailsByIdsRequest<Result>(resource: string, entityName: string) {\n    return this.postRequest<IdsPayload, Result>(\n      `admin/${resource}/detailsByIds`,\n      { ids: [] },\n      entityName,\n    )\n  }\n\n  constructor(public articleEditorBackendUrl: string) {\n    this.baseUrl = this.articleEditorBackendUrl\n\n    this.getMeta = initRequest<\n      { url: string },\n      undefined,\n      undefined,\n      { url: string; title: string; lead: string; imageUrl: string }\n    >(\n      new FetchDetails(\n        this.baseUrl,\n        'admin/Embeds/meta',\n        Methods.POST,\n        this.errorMap('Meta adatok'),\n      ),\n      { url: '' },\n      undefined,\n      undefined,\n    )\n\n    this.searchPosts = initRequest<SearchPostsPayload, undefined, undefined, SearchPostsResponse>(\n      new FetchDetails(\n        this.baseUrl,\n        'admin/Posts/searchPosts',\n        Methods.POST,\n        this.errorMap('Cikk lekérdezés'),\n      ),\n      {} as SearchPostsPayload,\n      undefined,\n      undefined,\n    )\n\n    this.whoAmI = initRequest<void, undefined, undefined, UserInfoModel>(\n      new FetchDetails(\n        this.baseUrl,\n        'whoami',\n        Methods.GET,\n        this.errorMap('Felhasználói adatok lekérdezése'),\n      ),\n      undefined,\n      undefined,\n      undefined,\n    )\n\n    this.getPostsConfig = initRequest<\n      undefined,\n      { name: string },\n      undefined,\n      WidgetDetailsResponse<SearchPostWidgetConfig>\n    >(\n      new FetchDetails(\n        this.baseUrl,\n        '/admin/Widgets/{name}',\n        Methods.GET,\n        this.errorMap('Search Posts Widget konfiguráció lekérése'),\n      ),\n      undefined,\n      { name: '' } as { name: string },\n      undefined,\n    )\n\n    this.getImagesConfig = initRequest<\n      undefined,\n      { name: string },\n      undefined,\n      WidgetDetailsResponse<SearchImagesWidgetConfig>\n    >(\n      new FetchDetails(\n        this.baseUrl,\n        '/admin/Widgets/{name}',\n        Methods.GET,\n        this.errorMap('Widget konfiguráció lekérése'),\n      ),\n      undefined,\n      { name: '' } as { name: string },\n      undefined,\n    )\n\n    this.getPresenceConfig = initRequest<\n      undefined,\n      { name: string },\n      undefined,\n      WidgetDetailsResponse<PresenceWidgetConfig>\n    >(\n      new FetchDetails(\n        this.baseUrl,\n        '/admin/Widgets/{name}',\n        Methods.GET,\n        this.errorMap('Widget konfiguráció lekérése'),\n      ),\n      undefined,\n      { name: '' } as { name: string },\n      undefined,\n    )\n\n    this.sites = initRequest<undefined, undefined, undefined, Site[]>(\n      new FetchDetails(this.baseUrl, '/admin/sites', Methods.GET, this.errorMap('Site lekérése')),\n      undefined,\n      undefined,\n      undefined,\n    )\n\n    this.authorsSearch = this.searchRequest<SearchAuthorsPayload, SearchAuthorsResult>(\n      'Authors',\n      'Szerzők',\n    )\n    this.authorsDetailsByIds = this.detailsByIdsRequest<AuthorDetails[]>('Authors', 'Szerzők')\n\n    this.articleSeriesSearch = this.searchRequest<SearchEntityPayload, SearchArticleSeriesResult>(\n      'ArticleSeries',\n      'Cikk sorozatok',\n    )\n    this.articleSeriesDetailsByIds = this.detailsByIdsRequest<ArticleSeriesDetails[]>(\n      'ArticleSeries',\n      'Cikk sorozatok',\n    )\n\n    this.partnersSearch = this.searchRequest<SearchEntityPayload, SearchPartnersResult>(\n      'Partners',\n      'Partnerek',\n    )\n    this.partnersDetailsByIds = this.detailsByIdsRequest<PartnerDetails[]>('Partners', 'Partnerek')\n\n    this.columnsSearch = this.searchRequest<SearchColumnsPayload, SearchColumnsResult>(\n      'Columns',\n      'Rovatok',\n    )\n    this.columnsDetailsByIds = this.detailsByIdsRequest<ColumnDetails[]>('Columns', 'Rovatok')\n\n    this.digitalSupplementsSearch = this.searchRequest<\n      SearchDigitalSupplementsPayload,\n      SearchDigitalSupplementsResult\n    >('DigitalSupplements', 'Digitális kiegészítők')\n    this.digitalSupplementsDetailsByIds = this.detailsByIdsRequest<DigitalSupplementDetails[]>(\n      'DigitalSupplements',\n      'Digitális kiegészítők',\n    )\n\n    this.tagsSearch = this.searchRequest<SearchTagsPayload, SearchTagsResult>('Tags', 'Címkék')\n    this.tagsDetailsByIds = this.detailsByIdsRequest<TagDetails[]>('Tags', 'Címkék')\n\n    this.getRelationsCount = this.postRequest<GetRelationsCountPayload, RelationCount[]>(\n      'admin/Relations/byIds',\n      { ids: [], outputEntityType: '' },\n      'Kapcsolatok számlálása',\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/admins-components91.js

@@ -7,12 +7,12 @@ import a from "./admins-components28.js";
 import o from "./admins-components34.js";
 import { extractDropdownValues as s, filterEmptyValues as c, getDefaultFilters as l, writeFilterParams as u } from "./admins-components87.js";
 import d from "./admins-components90.js";
-import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, mergeProps as x, normalizeClass as S, openBlock as C, ref as w, renderList as T, toDisplayString as E, withCtx as D } from "vue";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, mergeProps as b, normalizeClass as x, openBlock as S, ref as C, renderList as w, toDisplayString as T, withCtx as E } from "vue";
 //#region src/components/data-table/DataFilters.vue?vue&type=script&setup=true&lang.ts
-var O = {
+var D = {
 	key: 0,
 	class: "data-filters__separator"
-}, k = ["for"], A = { class: "c-label" }, j = { class: "c-label" }, M = { class: "data-filters__footer" }, N = /*@__PURE__*/ b({
+}, O = ["for"], k = { class: "c-label" }, A = { class: "c-label" }, j = { class: "data-filters__footer" }, M = /*@__PURE__*/ y({
 	__name: "DataFilters",
 	props: {
 		items: {},
@@ -37,99 +37,99 @@ var O = {
 		ignoreSavedDefault: { type: Boolean }
 	},
 	emits: ["close", "change"],
-	setup(b, { expose: N, emit: P }) {
-		let F = b, I = P, L = w(l(F.items, F.storageKey, !1, F.ignoreSavedDefault)), R = w({});
-		function z(e, t) {
-			t ? R.value[e] = t : delete R.value[e];
+	setup(y, { expose: M, emit: N }) {
+		let P = y, F = N, I = C(l(P.items, P.storageKey, !1, P.ignoreSavedDefault)), L = C({});
+		function R(e, t) {
+			t ? L.value[e] = t : delete L.value[e];
 		}
-		function B(e) {
+		function z(e) {
 			return {
 				...e.config ?? {},
 				showTime: e.type === "datetime",
 				placeholder: e.placeholder ?? (e.type === "datetime" ? "Időpont" : "Dátum")
 			};
 		}
-		function V(e) {
+		function B(e) {
 			return {
 				...e.config ?? {},
 				...e.fullWidth ? {} : { compact: !0 },
 				showTime: e.type === "datetimerange"
 			};
 		}
-		function H(e, t) {
+		function V(e, t) {
 			let n = typeof t == "string" ? t.trim() : t;
-			L.value = {
-				...L.value,
+			I.value = {
+				...I.value,
 				[e.key]: n
-			}, e.onChange && e.onChange(n), F.lazy || G();
+			}, e.onChange && e.onChange(n), P.lazy || W();
 		}
-		let U = p(() => Object.values(L.value).some((e) => e !== null && e !== "" && e !== void 0));
-		function W() {
+		let H = p(() => Object.values(I.value).some((e) => e !== null && e !== "" && e !== void 0));
+		function U() {
 			let e = {};
-			for (let t of F.items) {
+			for (let t of P.items) {
 				if (t.type === "separator") continue;
-				let n = L.value[t.key];
+				let n = I.value[t.key];
 				t.transformer ? Object.assign(e, t.transformer(n) ?? {}) : t.type === "date" || t.type === "datetime" ? e[t.key] = n?.utc ?? n : t.type === "dropdown" ? e[t.key] = s(n) : e[t.key] = n;
 			}
 			return {
-				values: c(L.value),
+				values: c(I.value),
 				transformed: c(e)
 			};
 		}
+		function W() {
+			P.handleUrl && u(P.items, I.value), F("change", U());
+		}
 		function G() {
-			F.handleUrl && u(F.items, L.value), I("change", W());
+			W(), F("close");
 		}
 		function K() {
-			G(), I("close");
-		}
-		function q() {
-			L.value = {}, G();
+			I.value = {}, W();
 		}
-		function J(e) {
-			L.value = {
-				...L.value,
+		function q(e) {
+			I.value = {
+				...I.value,
 				[e]: null
-			}, G();
+			}, W();
 		}
-		function Y(e) {
-			let t = R.value[e];
+		function J(e) {
+			let t = L.value[e];
 			t && (typeof t.focusAndOpen == "function" ? t.focusAndOpen() : typeof t.focus == "function" && t.focus());
 		}
-		function X(e) {
-			let t = { ...L.value };
-			for (let n of F.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
-			L.value = t, G();
+		function Y(e) {
+			let t = { ...I.value };
+			for (let n of P.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
+			I.value = t, W();
 		}
-		N({
-			clearFilter: J,
-			focusFilter: Y
+		M({
+			clearFilter: q,
+			focusFilter: J
 		});
-		function Z(e) {
-			e.key === "Enter" && e.target?.tagName !== "TEXTAREA" && (e.preventDefault(), K());
+		function X(e) {
+			e.key === "Enter" && e.target?.tagName !== "TEXTAREA" && (e.preventDefault(), G());
 		}
-		function Q(e, t) {
+		function Z(e, t) {
 			e.onInnerSearch && e.onInnerSearch(t);
 		}
-		return (s, c) => (C(), m(o, {
-			open: b.open,
+		return (s, c) => (S(), m(o, {
+			open: y.open,
 			title: "Szűrők",
-			position: b.position,
-			onClose: c[0] ||= (e) => I("close")
+			position: y.position,
+			onClose: c[0] ||= (e) => F("close")
 		}, {
-			default: D(() => [
+			default: E(() => [
 				_("div", {
 					class: "data-filters",
-					onKeydown: Z
-				}, [v(E(b.ignoreSavedDefault) + " ", 1), (C(!0), g(f, null, T(b.items, (e) => (C(), g("div", {
+					onKeydown: X
+				}, [(S(!0), g(f, null, w(y.items, (e) => (S(), g("div", {
 					key: e.key,
-					class: S(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
-				}, [e.type === "separator" ? (C(), g("hr", O)) : e.type === "checkbox" ? (C(), m(r, x({
+					class: x(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
+				}, [e.type === "separator" ? (S(), g("hr", D)) : e.type === "checkbox" ? (S(), m(r, b({
 					key: 1,
 					ref_for: !0,
-					ref: (t) => z(e.key, t),
-					"model-value": L.value[e.key] ?? !1,
+					ref: (t) => R(e.key, t),
+					"model-value": I.value[e.key] ?? !1,
 					label: e.label ?? e.key,
-					"onUpdate:modelValue": (t) => H(e, t)
+					"onUpdate:modelValue": (t) => V(e, t)
 				}, { ref_for: !0 }, e.config), null, 16, [
 					"model-value",
 					"label",
@@ -138,17 +138,17 @@ var O = {
 					"text",
 					"number",
 					"textarea"
-				].includes(e.type) ? (C(), m(n, x({
+				].includes(e.type) ? (S(), m(n, b({
 					key: 2,
 					type: e.type,
 					ref_for: !0,
-					ref: (t) => z(e.key, t),
+					ref: (t) => R(e.key, t),
 					id: `df-${e.key}`,
-					"model-value": L.value[e.key] ?? "",
+					"model-value": I.value[e.key] ?? "",
 					label: e.label ?? e.key,
 					placeholder: e.placeholder,
-					debounce: b.lazy ? void 0 : 500,
-					"onUpdate:modelValue": (t) => H(e, t || null)
+					debounce: y.lazy ? void 0 : 500,
+					"onUpdate:modelValue": (t) => V(e, t || null)
 				}, { ref_for: !0 }, e.config), null, 16, [
 					"type",
 					"id",
@@ -157,35 +157,35 @@ var O = {
 					"placeholder",
 					"debounce",
 					"onUpdate:modelValue"
-				])) : e.type === "date" || e.type === "datetime" ? (C(), g(f, { key: 3 }, [_("label", {
+				])) : e.type === "date" || e.type === "datetime" ? (S(), g(f, { key: 3 }, [_("label", {
 					class: "c-label",
 					for: `df-${e.key}`
-				}, E(e.label ?? e.key), 9, k), y(t, {
+				}, T(e.label ?? e.key), 9, O), v(t, {
 					ref_for: !0,
-					ref: (t) => z(e.key, t),
+					ref: (t) => R(e.key, t),
 					id: `df-${e.key}`,
-					"model-value": L.value[e.key] ?? null,
-					config: B(e),
-					"onUpdate:modelValue": (t) => H(e, t)
+					"model-value": I.value[e.key] ?? null,
+					config: z(e),
+					"onUpdate:modelValue": (t) => V(e, t)
 				}, null, 8, [
 					"id",
 					"model-value",
 					"config",
 					"onUpdate:modelValue"
-				])], 64)) : e.type === "daterange" || e.type === "datetimerange" ? (C(), g(f, { key: 4 }, [_("span", A, E(e.label ?? e.key), 1), y(i, {
+				])], 64)) : e.type === "daterange" || e.type === "datetimerange" ? (S(), g(f, { key: 4 }, [_("span", k, T(e.label ?? e.key), 1), v(i, {
 					ref_for: !0,
-					ref: (t) => z(e.key, t),
-					"model-value": L.value[e.key] ?? null,
-					config: V(e),
-					"onUpdate:modelValue": (t) => H(e, t)
+					ref: (t) => R(e.key, t),
+					"model-value": I.value[e.key] ?? null,
+					config: B(e),
+					"onUpdate:modelValue": (t) => V(e, t)
 				}, null, 8, [
 					"model-value",
 					"config",
 					"onUpdate:modelValue"
-				])], 64)) : e.type === "dropdown" ? (C(), g(f, { key: 5 }, [_("span", j, E(e.label ?? e.key), 1), y(a, {
+				])], 64)) : e.type === "dropdown" ? (S(), g(f, { key: 5 }, [_("span", A, T(e.label ?? e.key), 1), v(a, {
 					ref_for: !0,
-					ref: (t) => z(e.key, t),
-					"model-value": L.value[e.key] ?? null,
+					ref: (t) => R(e.key, t),
+					"model-value": I.value[e.key] ?? null,
 					options: e.options ?? [],
 					config: {
 						...e.config ?? {},
@@ -193,8 +193,8 @@ var O = {
 						clearable: !0,
 						filterable: !0
 					},
-					onFilterInput: (t) => Q(e, t),
-					"onUpdate:modelValue": (t) => H(e, t)
+					onFilterInput: (t) => Z(e, t),
+					"onUpdate:modelValue": (t) => V(e, t)
 				}, null, 8, [
 					"model-value",
 					"options",
@@ -202,24 +202,24 @@ var O = {
 					"onFilterInput",
 					"onUpdate:modelValue"
 				])], 64)) : h("", !0)], 2))), 128))], 32),
-				_("div", M, [y(e, {
+				_("div", j, [v(e, {
 					icon: "fa-solid fa-trash-can",
-					disabled: !U.value,
+					disabled: !H.value,
 					label: "Szűrők törlése",
 					"aria-label": "Szűrők törlése",
 					size: "small",
-					onClick: q
-				}, null, 8, ["disabled"]), y(e, {
+					onClick: K
+				}, null, 8, ["disabled"]), v(e, {
 					label: "Szűrés",
 					"aria-label": "Szűrés",
 					type: "success",
-					onClick: K
+					onClick: G
 				})]),
-				b.historyEnabled ? (C(), g(f, { key: 0 }, [c[1] ||= _("hr", { class: "separator my-3" }, null, -1), y(d, {
-					items: b.items,
-					values: L.value,
-					"storage-key": b.storageKey,
-					onLoad: X
+				y.historyEnabled ? (S(), g(f, { key: 0 }, [c[1] ||= _("hr", { class: "separator my-3" }, null, -1), v(d, {
+					items: y.items,
+					values: I.value,
+					"storage-key": y.storageKey,
+					onLoad: Y
 				}, null, 8, [
 					"items",
 					"values",
@@ -231,4 +231,4 @@ var O = {
 	}
 });
 //#endregion
-export { N as default };
+export { M as default };