admins-components 9.0.22 → 9.0.24

package/dist/admins-components87.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components87.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\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  filters?: FilterItem[]\n  historyEnabled?: boolean\n  loading?: boolean\n  handleUrl?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  historyEnabled: true,\n  loading: false,\n  handleUrl: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } 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 from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.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 FilterItem,\n  type FilterResponse,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport { getFilterParams } from '@/utils/dataFilters'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\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' }]\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 hasTextFilter = computed(() =>\n  props.filters?.some((item) => item.type === 'text' || item.type === 'textarea'),\n)\n\nconst exactMatchFilterItem: FilterItem = {\n  type: 'checkbox',\n  key: 'exactMatch',\n  label: 'Pontos egyezés',\n  fullWidth: true,\n  config: {\n    labelAlignmentFix: true,\n  },\n  displayClass: 'highlight-chip',\n}\n\nfunction ensureExactMatchItem(items: FilterItem[]): FilterItem[] {\n  if (!hasTextFilter.value) return items\n  if (items.some((i) => i.key === 'exactMatch')) return items\n\n  return [exactMatchFilterItem, ...items]\n}\n\nconst resolvedFilters = computed<FilterItem[]>(() => ensureExactMatchItem(props.filters ?? []))\n\nconst activeFilters = ref<Record<string, any>>(\n  props.filters ? (getFilterParams(resolvedFilters.value) ?? {}) : {},\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</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <template v-if=\"resolvedFilters && resolvedFilters.length > 0\">\n        <div class=\"flex-center gap-2 mb-3 wrap-on-small\">\n          <Button\n            label=\"Szűrők megnyitása\"\n            icon=\"fa-solid fa-filter\"\n            @click=\"showFilters = true\"\n            style=\"flex-shrink: 0\"\n            :type=\"activeFiltersCount > 0 ? 'info' : 'normal'\"\n            :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n          />\n          <div class=\"flex-center gap-1\">\n            <FilterTags\n              :filters=\"activeFilters\"\n              :items=\"resolvedFilters\"\n              @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n              @openFilter=\"openFilter\"\n            />\n          </div>\n        </div>\n        <DataFilters\n          ref=\"dataFiltersRef\"\n          :open=\"showFilters\"\n          :items=\"resolvedFilters\"\n          lazy\n          :handle-url=\"handleUrl\"\n          :storage-key=\"id\"\n          @close=\"showFilters = false\"\n          @change=\"onFilterChange\"\n        />\n      </template>\n\n      <div class=\"c-data-list__toolbar\">\n        <Button\n          label=\"Beállítások\"\n          icon=\"fa-solid fa-gear\"\n          class=\"c-data-list__toolbar__item\"\n          size=\"small\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          label=\"Súgó\"\n          icon=\"fa-solid fa-question\"\n          icon-position=\"right\"\n          class=\"c-data-list__toolbar__item ml-auto\"\n          label-alignment-fix\n          size=\"small\"\n          @click=\"showGuide = true\"\n        />\n      </div>\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        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"emit('sort-change', $event)\"\n      />\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\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\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  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":";;;;;;;;;;;qKAiBa,IAAmB;CAC9B,kBAAkB;CAClB,WAAW;CACX,gBAAgB;CAChB,SAAS;CACT,WAAW;AACb;;;;;;;;;;;;;;;;;;;;;;;EAyBA,IAAM,IAAiB,EAA6C,IAAI,GAElE,IAAQ,GAIR,IAAO,GAQP,IAAc,EAAI,EAAK,GACvB,IAAY,EAAI,EAAK,GACrB,IAAmB,EAA6B,IAAI,GACpD,IAAW,EAAI,EAAK,GACpB,IAAO,EAAwB,IAAI,GACnC,IAAc,EAAI,EAAK,GAEvB,IAAgB,QACpB,EAAM,SAAS,MAAM,MAAS,EAAK,SAAS,UAAU,EAAK,SAAS,UAAU,CAChF,GAEM,IAAmC;GACvC,MAAM;GACN,KAAK;GACL,OAAO;GACP,WAAW;GACX,QAAQ,EACN,mBAAmB,GACrB;GACA,cAAc;EAChB;EAEA,SAAS,EAAqB,GAAmC;GAI/D,OAHI,CAAC,EAAc,SACf,EAAM,MAAM,MAAM,EAAE,QAAQ,YAAY,IAAU,IAE/C,CAAC,GAAsB,GAAG,CAAK;EACxC;EAEA,IAAM,IAAkB,QAA6B,EAAqB,EAAM,WAAW,CAAC,CAAC,CAAC,GAExF,IAAgB,EACpB,EAAM,UAAW,EAAgB,EAAgB,KAAK,KAAK,CAAC,IAAK,CAAC,CACpE,GAEI,IAAwC;EAS5C,AAPA,QAAgB;GAId,AAHA,IAAiB,IAAI,gBAAgB,MAAY;IAC/C,EAAS,SAAS,EAAQ,IAAI,YAAY,SAAS,KAAK,EAAM;GAChE,CAAC,GACG,EAAK,SAAO,EAAe,QAAQ,EAAK,KAAK;EACnD,CAAC,GAED,QAAsB,GAAgB,WAAW,CAAC;EAElD,IAAM,IAAkB,QAAkC;GACxD,IAAM,IAAS,EAAiB,OAAO;GAEvC,OADI,MAAW,WAAW,MAAW,UAAgB,IAC9C,EAAS,QAAQ,UAAU;EACpC,CAAC,GAEK,IAAiB,QAA+B;GACpD,IAAI,CAAC,EAAiB,OAAO,OAAO,EAAM;GAC1C,IAAM,IAAQ,EAAiB,MAAM,aAC/B,IAAS,EAAM,OAAO,QAAQ,KAAK,OAAO;IAC9C,GAAG;IACH,SAAS,EAAiB,MAAO,QAAQ,EAAE,aAAa,EAAE,YAAY;GACxE,EAAE;GAQF,OAPI,GAAO,UACT,EAAO,MAAM,GAAG,MAAM;IACpB,IAAM,IAAK,EAAM,QAAQ,EAAE,QAAQ,GAC7B,IAAK,EAAM,QAAQ,EAAE,QAAQ;IACnC,QAAQ,MAAO,KAAK,MAAM,MAAO,MAAO,KAAK,MAAM;GACrD,CAAC,GAEI;IAAE,GAAG,EAAM;IAAQ,SAAS;GAAO;EAC5C,CAAC;EAED,SAAS,EAAiB,GAAqB;GAE7C,AADA,EAAiB,QAAQ,GACzB,EAAK,mBAAmB,CAAC;EAC3B;EAEA,EAAa;GACX,mBAAoB,EAAY,QAAQ;GACxC,oBAAqB,EAAY,QAAQ;GACzC,mBAAoB,EAAY,QAAQ;GACxC,oBAAqB,EAAY,QAAQ;EAC3C,CAAC;EAED,eAAe,EAAW,GAAa;GAErC,AADA,EAAY,QAAQ,IACpB,iBAAiB;IACf,EAAe,OAAO,YAAY,CAAG;GACvC,GAAG,GAAG;EACR;EAEA,SAAS,EAAe,GAA0B;GAEhD,AADA,EAAc,QAAQ,EAAS,QAC/B,EAAK,iBAAiB,EAAS,WAAW;EAC5C;EAEA,IAAM,IAAqB,QACnB,OAAO,OAAO,EAAc,KAAK,EAAE,QAAQ,MAAM,KAAK,QAAQ,MAAM,EAAE,EAAE,MAChF,GAEM,IAAgB,QACd,CAAC,CAAC,EAAM,eAAe,EAAM,MAAM,SAAS,KAAK,CAAC,EAAM,QAChE;yBAIE,EAyFM,OAzFN,GAyFM,CAxFJ,EAuFM,OAAA;YAvFG;GAAJ,KAAI;GAAO,OAAM;;GACJ,EAAA,SAAmB,EAAA,MAAgB,SAAM,KAAA,EAAA,GAAzD,EA6BW,GAAA,EAAA,KAAA,EAAA,GAAA,CA5BT,EAiBM,OAjBN,GAiBM,CAhBJ,EAOE,GAAA;IANA,OAAM;IACN,MAAK;IACJ,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAW;IACnB,OAAA,EAAA,eAAA,IAAA;IACC,MAAM,EAAA,QAAkB,IAAA,SAAA;IACxB,WAAW,EAAA,QAAkB,IAAO,EAAA,QAAqB,KAAA;uCAE5D,EAOM,OAPN,GAOM,CANJ,EAKE,GAAA;IAJC,SAAS,EAAA;IACT,OAAO,EAAA;IACP,UAAM,AAAA,EAAA,QAAG,MAAgB,EAAA,OAAgB,YAAY,CAAG;IACxD,cAAY;0CAInB,EASE,GAAA;aARI;IAAJ,KAAI;IACH,MAAM,EAAA;IACN,OAAO,EAAA;IACR,MAAA;IACC,cAAY,EAAA;IACZ,eAAa,EAAA;IACb,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAW;IAClB,UAAQ;;;;;;;GAIb,EAiBM,OAjBN,GAiBM,CAhBJ,EAME,GAAA;IALA,OAAM;IACN,MAAK;IACL,OAAM;IACN,MAAK;IACJ,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAW;OAErB,EAQE,GAAA;IAPA,OAAM;IACN,MAAK;IACL,iBAAc;IACd,OAAM;IACN,uBAAA;IACA,MAAK;IACJ,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAS;;GAGrB,EAA8D,GAAA;IAA9C,MAAM,EAAA;IAAY,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAS;;GAE1C,EAAA,UAAe,WAAA,EAAA,GADvB,EASE,GAAA;;IAPC,QAAQ,EAAA;IACR,SAAS,EAAA;IACT,OAAO,EAAA;IACP,UAAU,EAAA,SAAoB,KAAA;IAC9B,gBAAa,AAAA,EAAA,QAAA,MAAE,EAAI,iBAAkB,CAAM;IAC3C,mBAAgB,AAAA,EAAA,QAAA,MAAE,EAAI,oBAAqB,CAAM;IACjD,cAAW,AAAA,EAAA,QAAA,MAAE,EAAI,eAAgB,CAAM;;;;;;eAG1C,EAOE,GAAA;;IALC,QAAQ,EAAA;IACR,SAAS,EAAA;IACT,OAAO,EAAA;IACP,UAAU,EAAA,SAAoB,KAAA;IAC9B,mBAAgB,AAAA,EAAA,QAAA,MAAE,EAAI,oBAAqB,CAAM;;;;;;;GAI5C,EAAA,cAAc,EAAA,SAAA,EAAA,GADtB,EAKE,GAAA;;IAHC,UAAU,EAAA;IACV,eAAa,EAAA;IACb,uBAAiB,AAAA,EAAA,SAAA,MAAE,EAAI,qBAAsB,CAAM;;GAGtD,EAQE,GAAA;IAPC,MAAM,EAAA;IACN,SAAS,EAAA,OAAO;IAChB,UAAU,EAAA,YAAQ,CAAA;IAClB,eAAa,EAAA;IACb,WAAW,EAAA;IACX,SAAK,AAAA,EAAA,SAAA,MAAE,EAAA,QAAW;IAClB,UAAQ"}
+{"version":3,"file":"admins-components87.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\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  filters?: FilterItem[]\n  historyEnabled?: boolean\n  loading?: boolean\n  handleUrl?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  historyEnabled: true,\n  loading: false,\n  handleUrl: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } 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 from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.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 FilterItem,\n  type FilterResponse,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport { getFilterParams } from '@/utils/dataFilters'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\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' }]\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\n// const hasTextFilter = computed(() =>\n//   props.filters?.some((item) => item.type === 'text' || item.type === 'textarea'),\n// )\n\n// const exactMatchFilterItem: FilterItem = {\n//   type: 'checkbox',\n//   key: 'exactMatch',\n//   label: 'Pontos egyezés',\n//   fullWidth: true,\n//   config: {\n//     labelAlignmentFix: true,\n//   },\n//   displayClass: 'highlight-chip',\n// }\n\n// function ensureExactMatchItem(items: FilterItem[]): FilterItem[] {\n//   if (!hasTextFilter.value) return items\n//   if (items.some((i) => i.key === 'exactMatch')) return items\n\n//   return [exactMatchFilterItem, ...items]\n// }\n\n// const resolvedFilters = computed<FilterItem[]>(() => ensureExactMatchItem(props.filters ?? []))\n\nconst activeFilters = ref<Record<string, any>>(\n  props.filters ? (getFilterParams(props.filters) ?? {}) : {},\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</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <template v-if=\"filters && filters.length > 0\">\n        <div class=\"flex-center gap-2 mb-3 wrap-on-small\">\n          <Button\n            label=\"Szűrők megnyitása\"\n            icon=\"fa-solid fa-filter\"\n            @click=\"showFilters = true\"\n            style=\"flex-shrink: 0\"\n            :type=\"activeFiltersCount > 0 ? 'info' : 'normal'\"\n            :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n          />\n          <div class=\"flex-center gap-1\">\n            <FilterTags\n              :filters=\"activeFilters\"\n              :items=\"filters\"\n              @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n              @openFilter=\"openFilter\"\n            />\n          </div>\n        </div>\n        <DataFilters\n          ref=\"dataFiltersRef\"\n          :open=\"showFilters\"\n          :items=\"filters\"\n          :history-enabled=\"historyEnabled\"\n          lazy\n          :handle-url=\"handleUrl\"\n          :storage-key=\"id\"\n          @close=\"showFilters = false\"\n          @change=\"onFilterChange\"\n        />\n      </template>\n\n      <div class=\"c-data-list__toolbar\">\n        <Button\n          label=\"Beállítások\"\n          icon=\"fa-solid fa-gear\"\n          class=\"c-data-list__toolbar__item\"\n          size=\"small\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          label=\"Súgó\"\n          icon=\"fa-solid fa-question\"\n          icon-position=\"right\"\n          class=\"c-data-list__toolbar__item ml-auto\"\n          label-alignment-fix\n          size=\"small\"\n          @click=\"showGuide = true\"\n        />\n      </div>\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        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"emit('sort-change', $event)\"\n      />\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\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\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  </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-components89.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components89.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\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  filters?: FilterItem[]\n  historyEnabled?: boolean\n  loading?: boolean\n  handleUrl?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  historyEnabled: true,\n  loading: false,\n  handleUrl: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } 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 from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.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 FilterItem,\n  type FilterResponse,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport { getFilterParams } from '@/utils/dataFilters'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\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' }]\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 hasTextFilter = computed(() =>\n  props.filters?.some((item) => item.type === 'text' || item.type === 'textarea'),\n)\n\nconst exactMatchFilterItem: FilterItem = {\n  type: 'checkbox',\n  key: 'exactMatch',\n  label: 'Pontos egyezés',\n  fullWidth: true,\n  config: {\n    labelAlignmentFix: true,\n  },\n  displayClass: 'highlight-chip',\n}\n\nfunction ensureExactMatchItem(items: FilterItem[]): FilterItem[] {\n  if (!hasTextFilter.value) return items\n  if (items.some((i) => i.key === 'exactMatch')) return items\n\n  return [exactMatchFilterItem, ...items]\n}\n\nconst resolvedFilters = computed<FilterItem[]>(() => ensureExactMatchItem(props.filters ?? []))\n\nconst activeFilters = ref<Record<string, any>>(\n  props.filters ? (getFilterParams(resolvedFilters.value) ?? {}) : {},\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</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <template v-if=\"resolvedFilters && resolvedFilters.length > 0\">\n        <div class=\"flex-center gap-2 mb-3 wrap-on-small\">\n          <Button\n            label=\"Szűrők megnyitása\"\n            icon=\"fa-solid fa-filter\"\n            @click=\"showFilters = true\"\n            style=\"flex-shrink: 0\"\n            :type=\"activeFiltersCount > 0 ? 'info' : 'normal'\"\n            :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n          />\n          <div class=\"flex-center gap-1\">\n            <FilterTags\n              :filters=\"activeFilters\"\n              :items=\"resolvedFilters\"\n              @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n              @openFilter=\"openFilter\"\n            />\n          </div>\n        </div>\n        <DataFilters\n          ref=\"dataFiltersRef\"\n          :open=\"showFilters\"\n          :items=\"resolvedFilters\"\n          lazy\n          :handle-url=\"handleUrl\"\n          :storage-key=\"id\"\n          @close=\"showFilters = false\"\n          @change=\"onFilterChange\"\n        />\n      </template>\n\n      <div class=\"c-data-list__toolbar\">\n        <Button\n          label=\"Beállítások\"\n          icon=\"fa-solid fa-gear\"\n          class=\"c-data-list__toolbar__item\"\n          size=\"small\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          label=\"Súgó\"\n          icon=\"fa-solid fa-question\"\n          icon-position=\"right\"\n          class=\"c-data-list__toolbar__item ml-auto\"\n          label-alignment-fix\n          size=\"small\"\n          @click=\"showGuide = true\"\n        />\n      </div>\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        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"emit('sort-change', $event)\"\n      />\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\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\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  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components89.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\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  filters?: FilterItem[]\n  historyEnabled?: boolean\n  loading?: boolean\n  handleUrl?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  historyEnabled: true,\n  loading: false,\n  handleUrl: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } 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 from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.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 FilterItem,\n  type FilterResponse,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport { getFilterParams } from '@/utils/dataFilters'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\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' }]\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\n// const hasTextFilter = computed(() =>\n//   props.filters?.some((item) => item.type === 'text' || item.type === 'textarea'),\n// )\n\n// const exactMatchFilterItem: FilterItem = {\n//   type: 'checkbox',\n//   key: 'exactMatch',\n//   label: 'Pontos egyezés',\n//   fullWidth: true,\n//   config: {\n//     labelAlignmentFix: true,\n//   },\n//   displayClass: 'highlight-chip',\n// }\n\n// function ensureExactMatchItem(items: FilterItem[]): FilterItem[] {\n//   if (!hasTextFilter.value) return items\n//   if (items.some((i) => i.key === 'exactMatch')) return items\n\n//   return [exactMatchFilterItem, ...items]\n// }\n\n// const resolvedFilters = computed<FilterItem[]>(() => ensureExactMatchItem(props.filters ?? []))\n\nconst activeFilters = ref<Record<string, any>>(\n  props.filters ? (getFilterParams(props.filters) ?? {}) : {},\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</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <template v-if=\"filters && filters.length > 0\">\n        <div class=\"flex-center gap-2 mb-3 wrap-on-small\">\n          <Button\n            label=\"Szűrők megnyitása\"\n            icon=\"fa-solid fa-filter\"\n            @click=\"showFilters = true\"\n            style=\"flex-shrink: 0\"\n            :type=\"activeFiltersCount > 0 ? 'info' : 'normal'\"\n            :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n          />\n          <div class=\"flex-center gap-1\">\n            <FilterTags\n              :filters=\"activeFilters\"\n              :items=\"filters\"\n              @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n              @openFilter=\"openFilter\"\n            />\n          </div>\n        </div>\n        <DataFilters\n          ref=\"dataFiltersRef\"\n          :open=\"showFilters\"\n          :items=\"filters\"\n          :history-enabled=\"historyEnabled\"\n          lazy\n          :handle-url=\"handleUrl\"\n          :storage-key=\"id\"\n          @close=\"showFilters = false\"\n          @change=\"onFilterChange\"\n        />\n      </template>\n\n      <div class=\"c-data-list__toolbar\">\n        <Button\n          label=\"Beállítások\"\n          icon=\"fa-solid fa-gear\"\n          class=\"c-data-list__toolbar__item\"\n          size=\"small\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          label=\"Súgó\"\n          icon=\"fa-solid fa-question\"\n          icon-position=\"right\"\n          class=\"c-data-list__toolbar__item ml-auto\"\n          label-alignment-fix\n          size=\"small\"\n          @click=\"showGuide = true\"\n        />\n      </div>\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        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"emit('sort-change', $event)\"\n      />\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\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\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  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}

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

@@ -30,5 +30,4 @@ declare const __VLS_export: import('vue').DefineComponent<DropdownSelectProps, {
     "onUpdate:modelValue"?: ((value: string | string[] | null) => any) | undefined;
 }>, {
     modelValue: string | string[] | null;
-    config: DropdownSelectConfig;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/composables/useDropdownAnchor.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+export interface UseDropdownAnchorOptions {
+    extraStyle?: (rect: DOMRect) => Record<string, string>;
+    isOutsideClick?: (e: MouseEvent, wrapperEl: HTMLElement | null, dropdownEl: HTMLElement | null) => boolean;
+}
+export interface UseDropdownAnchorReturn {
+    isOpen: Ref<boolean>;
+    dropdownStyle: Ref<Record<string, string>>;
+    positionDropdown: () => void;
+}
+export declare function useDropdownAnchor(wrapperRef: Ref<HTMLElement | null>, dropdownRef: Ref<HTMLElement | null>, options?: UseDropdownAnchorOptions): UseDropdownAnchorReturn;

package/dist/src/composables/useSelection.d.ts

@@ -0,0 +1,6 @@
+export declare function useSelection(getItems: () => Record<string, unknown>[], getAttr: () => string | undefined, emit: (selected: unknown[]) => void): {
+    selectedKeys: import('vue').Ref<Set<unknown> & Omit<Set<unknown>, keyof Set<any>>, Set<unknown> | (Set<unknown> & Omit<Set<unknown>, keyof Set<any>>)>;
+    allSelected: import('vue').ComputedRef<boolean>;
+    toggle: (item: Record<string, unknown>) => void;
+    toggleAll: () => void;
+};

package/dist/src/directives/tooltip.d.ts

@@ -0,0 +1,2 @@
+import { Directive } from 'vue';
+export declare const vTooltip: Directive;

package/dist/src/models/SearchPosts.d.ts

@@ -0,0 +1,46 @@
+export interface SearchPostsPayload {
+    title?: string;
+    exactMatch?: boolean;
+    createdFrom?: string;
+    createdTo?: string;
+    modifiedFrom?: string;
+    modifiedTo?: string;
+    order?: string;
+    status?: string;
+    createdBy?: string;
+    modifiedBy?: string;
+    author?: string;
+    column?: string;
+    rank?: number;
+    tag?: string;
+    pageIndex: 0;
+    pageSize: 0;
+    releasedFrom?: string;
+    releasedTo?: string;
+    publishDateFrom?: string;
+    publishDateTo?: string;
+}
+export interface SearchPostsResponse {
+    posts: Post[];
+}
+export interface Post {
+    id: string;
+    legacyId: string;
+    wpId: number;
+    title: string;
+    lead: string;
+    rank: number;
+    modifiedBy: string;
+    createdAt: string;
+    modifiedAt: string;
+    publishDateGmt: string;
+    creator: string;
+    status: string;
+    isPaid: true;
+    siteId: string;
+    authors: string[];
+    columns: string[];
+    tags: string[];
+    editingByUser: string;
+    featuredImage: string;
+}

package/dist/src/services/articleEditorService.d.ts

@@ -0,0 +1,42 @@
+import { SearchPostsPayload, SearchPostsResponse } from '../models/SearchPosts';
+import { HttpRequest } from './services';
+import { ArticleSeriesDetails, AuthorDetails, ColumnDetails, DigitalSupplementDetails, IdsPayload, PartnerDetails, PresenceWidgetConfig, RelationsCountResponse, SearchArticleSeriesResult, SearchAuthorsPayload, SearchAuthorsResult, SearchColumnsPayload, SearchColumnsResult, SearchDigitalSupplementsPayload, SearchDigitalSupplementsResult, SearchEntityPayload, SearchImagesWidgetConfig, SearchPartnersResult, SearchPostWidgetConfig, SearchTagsPayload, SearchTagsResult, Site, TagDetails, UserInfoModel, WidgetDetailsResponse } from './models';
+export declare function useArticleEditorService(url: string): ArticleEditorService;
+export declare class ArticleEditorService {
+    articleEditorBackendUrl: string;
+    baseUrl: string;
+    searchPosts: HttpRequest<SearchPostsPayload, undefined, undefined, SearchPostsResponse>;
+    whoAmI: HttpRequest<void, undefined, undefined, UserInfoModel>;
+    getPostsConfig: HttpRequest<undefined, {
+        name: string;
+    }, undefined, WidgetDetailsResponse<SearchPostWidgetConfig>>;
+    getImagesConfig: HttpRequest<undefined, {
+        name: string;
+    }, undefined, WidgetDetailsResponse<SearchImagesWidgetConfig>>;
+    getPresenceConfig: HttpRequest<undefined, {
+        name: string;
+    }, undefined, WidgetDetailsResponse<PresenceWidgetConfig>>;
+    sites: HttpRequest<undefined, undefined, undefined, Site[]>;
+    authorsSearch: HttpRequest<SearchAuthorsPayload, undefined, undefined, SearchAuthorsResult>;
+    authorsDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, AuthorDetails[]>;
+    articleSeriesSearch: HttpRequest<SearchEntityPayload, undefined, undefined, SearchArticleSeriesResult>;
+    articleSeriesDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, ArticleSeriesDetails[]>;
+    columnsSearch: HttpRequest<SearchColumnsPayload, undefined, undefined, SearchColumnsResult>;
+    columnsDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, ColumnDetails[]>;
+    digitalSupplementsSearch: HttpRequest<SearchDigitalSupplementsPayload, undefined, undefined, SearchDigitalSupplementsResult>;
+    digitalSupplementsDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, DigitalSupplementDetails[]>;
+    partnersSearch: HttpRequest<SearchEntityPayload, undefined, undefined, SearchPartnersResult>;
+    partnersDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, PartnerDetails[]>;
+    tagsSearch: HttpRequest<SearchTagsPayload, undefined, undefined, SearchTagsResult>;
+    tagsDetailsByIds: HttpRequest<IdsPayload, undefined, undefined, TagDetails[]>;
+    getRelationsCount: HttpRequest<undefined, {
+        id: string;
+    }, {
+        entityType: string;
+    }, RelationsCountResponse>;
+    private errorMap;
+    private postRequest;
+    private searchRequest;
+    private detailsByIdsRequest;
+    constructor(articleEditorBackendUrl: string);
+}

package/dist/src/services/articleEditorService_short_try.d.ts

@@ -0,0 +1,43 @@
+import { SearchPostsPayload, SearchPostsResponse } from '../models/SearchPosts';
+import { ArticleSeriesDetails, AuthorDetails, ColumnDetails, DigitalSupplementDetails, IdsPayload, PartnerDetails, PresenceWidgetConfig, RelationsCountResponse, SearchArticleSeriesResult, SearchAuthorsPayload, SearchAuthorsResult, SearchColumnsPayload, SearchColumnsResult, SearchDigitalSupplementsPayload, SearchDigitalSupplementsResult, SearchEntityPayload, SearchImagesWidgetConfig, SearchPartnersResult, SearchPostWidgetConfig, SearchTagsPayload, SearchTagsResult, Site, TagDetails, UserInfoModel, WidgetDetailsResponse } from './models';
+type PathParams = {
+    name: string;
+};
+type RelationParams = {
+    id: string;
+};
+type RelationQuery = {
+    entityType: string;
+};
+export declare function useArticleEditorService(url: string): ArticleEditorService;
+export declare class ArticleEditorService {
+    baseUrl: string;
+    constructor(baseUrl: string);
+    private errorMap;
+    private request;
+    private post;
+    private get;
+    private search;
+    private details;
+    private widget;
+    searchPosts: import('./services').HttpRequest<SearchPostsPayload, undefined, undefined, SearchPostsResponse>;
+    whoAmI: import('./services').HttpRequest<undefined, undefined, undefined, UserInfoModel>;
+    getPostsConfig: import('./services').HttpRequest<undefined, PathParams, undefined, WidgetDetailsResponse<SearchPostWidgetConfig>>;
+    getImagesConfig: import('./services').HttpRequest<undefined, PathParams, undefined, WidgetDetailsResponse<SearchImagesWidgetConfig>>;
+    getPresenceConfig: import('./services').HttpRequest<undefined, PathParams, undefined, WidgetDetailsResponse<PresenceWidgetConfig>>;
+    sites: import('./services').HttpRequest<undefined, undefined, undefined, Site[]>;
+    authorsSearch: import('./services').HttpRequest<SearchAuthorsPayload, undefined, undefined, SearchAuthorsResult>;
+    authorsDetailsByIds: import('./services').HttpRequest<IdsPayload, undefined, undefined, AuthorDetails[]>;
+    articleSeriesSearch: import('./services').HttpRequest<SearchEntityPayload, undefined, undefined, SearchArticleSeriesResult>;
+    articleSeriesDetailsByIds: import('./services').HttpRequest<IdsPayload, undefined, undefined, ArticleSeriesDetails[]>;
+    columnsSearch: import('./services').HttpRequest<SearchColumnsPayload, undefined, undefined, SearchColumnsResult>;
+    columnsDetailsByIds: import('./services').HttpRequest<IdsPayload, undefined, undefined, ColumnDetails[]>;
+    digitalSupplementsSearch: import('./services').HttpRequest<SearchDigitalSupplementsPayload, undefined, undefined, SearchDigitalSupplementsResult>;
+    digitalSupplementsDetailsByIds: import('./services').HttpRequest<IdsPayload, undefined, undefined, DigitalSupplementDetails[]>;
+    partnersSearch: import('./services').HttpRequest<SearchEntityPayload, undefined, undefined, SearchPartnersResult>;
+    partnersDetailsByIds: import('./services').HttpRequest<IdsPayload, undefined, undefined, PartnerDetails[]>;
+    tagsSearch: import('./services').HttpRequest<SearchTagsPayload, undefined, undefined, SearchTagsResult>;
+    tagsDetailsByIds: import('./services').HttpRequest<IdsPayload, undefined, undefined, TagDetails[]>;
+    getRelationsCount: import('./services').HttpRequest<undefined, RelationParams, RelationQuery, RelationsCountResponse>;
+}
+export {};

package/dist/src/services/backendService.d.ts

@@ -0,0 +1,25 @@
+import { HttpRequest, Methods } from './services';
+export type EndpointConfig<Payload = unknown, RouteParams = unknown, QueryParams = unknown, Result = unknown> = {
+    url: string;
+    method?: Methods;
+    entityName?: string;
+    operationName?: string;
+    payloadType?: Payload;
+    routeParamsType?: RouteParams;
+    queryParamsType?: QueryParams;
+    resultType?: Result;
+};
+export type EndpointsMap = Record<string, EndpointConfig<any, any, any, any>>;
+export type EndpointRequests<E extends EndpointsMap> = {
+    [Name in keyof E]: E[Name] extends EndpointConfig<infer P, infer RP, infer QP, infer R> ? HttpRequest<P, RP, QP, R> : never;
+};
+export type BackendServiceConfig<E extends EndpointsMap = EndpointsMap> = {
+    backendUrl: string;
+    endpoints: E;
+};
+export declare function useBackendService<E extends EndpointsMap>(config: BackendServiceConfig<E>): BackendService<E>;
+export declare class BackendService<E extends EndpointsMap = EndpointsMap> {
+    readonly backendUrl: string;
+    readonly endpoints: EndpointRequests<E>;
+    constructor({ backendUrl, endpoints }: BackendServiceConfig<E>);
+}

package/dist/src/services/createNativeFetch.d.ts

@@ -0,0 +1,39 @@
+import { Ref } from 'vue';
+export type NativeUseFetchReturn<T = unknown> = {
+    data: Ref<T | null>;
+    error: Ref<any>;
+    response: Ref<Response | null>;
+    statusCode: Ref<number | null>;
+    isFetching: Ref<boolean>;
+    canAbort: Ref<boolean>;
+    get: () => NativeUseFetchReturn<T>;
+    post: (payload?: unknown) => NativeUseFetchReturn<T>;
+    put: (payload?: unknown) => NativeUseFetchReturn<T>;
+    patch: (payload?: unknown) => NativeUseFetchReturn<T>;
+    delete: (payload?: unknown) => NativeUseFetchReturn<T>;
+    json: <R = T>() => NativeUseFetchReturn<R>;
+    text: () => NativeUseFetchReturn<string>;
+    execute: () => Promise<NativeUseFetchReturn<T>>;
+    abort: () => void;
+};
+export type CreateFetchOptions = {
+    baseUrl: string;
+    fetchOptions?: RequestInit;
+    options?: {
+        immediate?: boolean;
+        beforeFetch?: (ctx: {
+            url: string;
+            options: RequestInit;
+        }) => any;
+        afterFetch?: (ctx: {
+            data: unknown;
+            response: Response;
+        }) => any;
+        onFetchError?: (ctx: {
+            error: any;
+            response: Response | null;
+            data: unknown;
+        }) => any;
+    };
+};
+export declare function createNativeFetch(config: CreateFetchOptions): <T = unknown>(url: string) => NativeUseFetchReturn<T>;

package/dist/src/services/currentUserInfo.d.ts

@@ -0,0 +1,19 @@
+import { Ref, ComputedRef } from 'vue';
+import { UserInfoModel, Site } from './models';
+export type UserState = 'loading' | 'authenticated' | 'error';
+export interface CurrentUserStore {
+    user: Ref<UserInfoModel | null>;
+    state: Ref<UserState>;
+    error: Ref<string | null>;
+    isLoading: ComputedRef<boolean>;
+    isAuthenticated: ComputedRef<boolean>;
+    displayName: ComputedRef<string>;
+    email: ComputedRef<string>;
+    roles: ComputedRef<readonly string[]>;
+    initialize(backendUrl: string, enableLogging?: boolean): Promise<void>;
+    clear(): void;
+    hasPermission(siteId: string, entityName: string | 'all', accessLevel: 'reader' | 'admin'): boolean;
+    getMixableSitesForResource(entityName: string | 'all', currentSiteId: string | undefined): Site[];
+    getMixableSiteIdsForResource(entityName: string | 'all', currentSiteId: string | undefined): string[];
+}
+export declare function useCurrentUser(): CurrentUserStore;

package/dist/src/services/models.d.ts

@@ -0,0 +1,139 @@
+import { NameIdPair, ValueLabelPair } from '../types/types';
+export interface SearchEntityPayloadBase {
+    siteIds?: string[];
+    pageSize: number;
+    pageIndex: number;
+}
+export interface SearchEntityPayload extends SearchEntityPayloadBase {
+    name?: string;
+}
+export interface ArticleSeriesDetails {
+    id: string;
+    name: string;
+    siteId?: string;
+    isActive?: boolean;
+    webId?: string;
+    logoImageUrl?: string;
+    htmlDescription?: string;
+    url?: string;
+}
+export interface SearchAuthorsPayload extends SearchEntityPayloadBase {
+    authorName?: string;
+    archived?: boolean;
+    id?: string;
+}
+export interface AuthorDetails {
+    id: string;
+    fullName: string;
+    avatarUrl?: string;
+    imageUrl?: string;
+    thumbnailImageUrl?: string;
+    pageUrl?: string;
+    imageId?: string;
+    introduction?: string;
+}
+export interface SearchColumnsPayload extends SearchEntityPayload {
+    isArchived?: boolean;
+}
+export interface ColumnDetails {
+    id: string;
+    webId: string;
+    columnUrl: string;
+    name: string;
+}
+export interface SearchDigitalSupplementsPayload extends SearchEntityPayloadBase {
+    title?: string;
+}
+export interface DigitalSupplementDetails {
+    siteId?: string;
+    id: string;
+    title: string;
+    lead?: string;
+    url?: string;
+    releaseDate?: string;
+    coverImageUrl?: string;
+    pdfLink?: string;
+    links?: {
+        icon?: string;
+        url: string;
+        title: string;
+    }[];
+}
+export interface PartnerDetails {
+    id: string;
+    logoUrlThumb: string;
+    name: string;
+}
+export interface SearchTagsPayload extends SearchEntityPayloadBase {
+    display?: string;
+    followable?: boolean;
+}
+export interface TagDetails {
+    id: string;
+    siteId?: string;
+    webId?: string;
+    url?: string;
+    name: string;
+    followable?: boolean;
+}
+export interface UserInfoModel {
+    displayName: string;
+    roles: string[];
+    email: string;
+    id: string;
+}
+export interface RelationsCountResponse {
+    count: number;
+}
+export type SearchResult<K extends string> = {
+    total: number;
+} & Record<K, NameIdPair[]>;
+export type SearchAuthorsResult = SearchResult<'authors'>;
+export type IdsPayload = {
+    ids: string[];
+};
+export type SearchDigitalSupplementsResult = SearchResult<'digitalSupplements'>;
+export type SearchArticleSeriesResult = SearchResult<'articleSeries'>;
+export type SearchColumnsResult = SearchResult<'columns'>;
+export type SearchTagsResult = SearchResult<'tags'>;
+export type SearchPartnersResult = SearchResult<'partners'>;
+export type WidgetDetailsResponse<T> = {
+    name: string;
+    environments: T[];
+};
+export interface PresenceWidgetConfig {
+    name: string;
+    apiUrl: string;
+}
+export interface SearchPostWidgetConfig {
+    name: string;
+    apiUrl: string;
+    wpUrl: string;
+    widgetUrl: string;
+}
+export interface SearchImagesWidgetConfig {
+    name: string;
+    apiUrl: string;
+    imageBaseUrl: string;
+    widgetUrl: string;
+    viewId: string;
+}
+export interface Site {
+    name: string;
+    id: string;
+    defaultAuthor: string;
+    ranks: ValueLabelPair[];
+    others: ValueLabelPair[];
+    entities: Entity[];
+    postTypes: PostType[];
+}
+export interface PostType {
+    id: string;
+    name: string;
+    controls: string[];
+    properties: string[];
+}
+export interface Entity {
+    type: string;
+    allowedSiteIds: string[];
+}

package/dist/src/services/services.d.ts

@@ -0,0 +1,38 @@
+import { createNativeFetch, NativeUseFetchReturn } from './createNativeFetch';
+import { Ref } from 'vue';
+export declare class FetchError {
+    title?: string;
+    message?: string;
+    errorCode?: number;
+    constructor(title?: string, message?: string, errorCode?: number);
+}
+export interface HttpRequest<TPayload, TRouteParams, TQueryParams, TResponse> {
+    data: Ref<TResponse>;
+    execute: () => any;
+    isFetching: Ref<boolean>;
+    fetch: NativeUseFetchReturn;
+    successCallback?: (response: TResponse) => void;
+    errorCallback?: (error: FetchError) => void;
+    finallyCallback?: () => void;
+    queryParams: Ref<TQueryParams>;
+    routeParams: Ref<TRouteParams>;
+    payload: Ref<TPayload>;
+}
+export declare enum Methods {
+    GET = 0,
+    GET_TEXT = 1,
+    POST = 2,
+    POST_TEXT = 3,
+    PUT = 4,
+    PUT_TEXT = 5,
+    PATCH = 6,
+    DELETE = 7
+}
+export declare class FetchDetails {
+    relativeUrl: string;
+    method: Methods;
+    fetchMethod: ReturnType<typeof createNativeFetch>;
+    constructor(baseUrl: string, relativeUrl: string, method: Methods, errorMessages: Map<number, string>, contentType?: string | null, defaultRequestHeaders?: Record<string, string>);
+}
+export declare function initRequest<TPayload, TRouteParams, TQueryParams, TResponse>(fetchDetails: FetchDetails, payload: TPayload, routeParams: TRouteParams, queryParams: TQueryParams): HttpRequest<TPayload, TRouteParams, TQueryParams, TResponse>;
+export declare function serializeQueryParams(queryParams: Record<string, unknown> | null | undefined): string;

package/dist/src/services/toast.d.ts

@@ -0,0 +1,22 @@
+import { ToastInput, ToastPosition, ToastType } from '../components/ToastNotification.vue';
+export interface ToastExposed {
+    addToast: (input: ToastInput) => number;
+    dismiss: (id: number) => void;
+}
+export declare function __setToastInstance(value: ToastExposed | null): void;
+export interface ToastShortcutOptions {
+    displayDuration?: number;
+    position?: ToastPosition;
+    title?: string;
+    id?: number;
+}
+interface ToastApi {
+    show: (input: ToastInput) => number | null;
+    success: (title: string, message: string, options?: ToastShortcutOptions) => number | null;
+    error: (title: string, message: string, options?: ToastShortcutOptions) => number | null;
+    warning: (title: string, message: string, options?: ToastShortcutOptions) => number | null;
+    info: (title: string, message: string, options?: ToastShortcutOptions) => number | null;
+    dismiss: (id: number) => void;
+}
+export declare const toast: ToastApi;
+export type { ToastInput, ToastPosition, ToastType };

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

@@ -0,0 +1,83 @@
+import { Ref } from 'vue';
+import { DropdownOption } from '../components/DropdownSelect.vue';
+import { PickedDate, PickedUtcRange } from './types';
+import { ButtonType } from '../components/Button.vue';
+export type FilterValue = string | PickedDate | PickedUtcRange | string[] | null | undefined;
+export interface FilterConfig {
+    type: 'text' | 'date' | 'date-range' | 'select' | 'multi-select';
+    key: string;
+    placeholder?: string;
+    options?: DropdownOption[];
+}
+export type LayoutMode = 'table' | 'cards' | 'screen';
+export interface DataTableSettings {
+    striped: boolean;
+    compact: boolean;
+}
+export interface DataCardsSettings {
+    compact: boolean;
+}
+export interface DataListSettings extends DataTableSettings, DataCardsSettings {
+    layout: LayoutMode;
+    columns: Record<string, boolean>;
+    cardHeaderColumns: Record<string, boolean>;
+    columnOrder: string[];
+    cardHeaderOrder: string[];
+}
+export interface PageSettings {
+    page: number;
+    pageSize: number;
+}
+export interface PaginatorSettings extends PageSettings {
+    total: number;
+}
+export interface DataListConfig {
+    selectableAttr?: string | undefined;
+    columns: Column[];
+    sortEnabled: boolean;
+    actions?: Array<Action | ActionGroup> | undefined;
+    actionHeader?: string | undefined;
+}
+export type ColumnType = 'normal' | 'uuid' | 'date' | 'datetime';
+export interface Column {
+    visible?: boolean | undefined;
+    primary?: boolean | undefined;
+    label: string;
+    property: string;
+    sort?: undefined | Sort;
+    converter?: undefined | ((v: any, item: any) => any);
+    type?: ColumnType;
+    class?: string | undefined;
+    headerClass?: string | undefined;
+    loading?: (() => boolean) | undefined;
+}
+export type SortDirection = 'asc' | 'desc' | null;
+export interface Sort {
+    label: string;
+    active: Ref<boolean> | undefined;
+    direction?: Ref<SortDirection> | undefined;
+    callback: (property: string, direction: SortDirection) => any;
+}
+export interface Action {
+    icon: string;
+    label?: string;
+    ariaLabel?: string;
+    cardLabel?: string;
+    type?: ButtonType;
+    config?: Record<string, any> | undefined;
+    disabled?: (item: any) => boolean;
+    callback: (item: any) => any;
+}
+export interface ActionGroup {
+    isGroup: true;
+    icon?: string;
+    label?: string;
+    ariaLabel?: string;
+    cardLabel?: string;
+    config?: Record<string, any> | undefined;
+    items: Action[];
+    disabled?: (item: any) => boolean;
+}
+export declare const dataTableSettingsDefaults: DataTableSettings;
+export declare const dataCardsSettingsDefaults: DataCardsSettings;
+export declare const dataListSettingsDefaults: Partial<DataListSettings>;