admins-components 9.0.12 → 9.0.13

package/dist/admins-components43.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components43.js","names":[],"sources":["../src/components/custom/ExternalArticleOffer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport ImagePicker from '@/components/custom/ImagePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\n\nexport interface Article {\n  url: string\n  imageUrl: string\n  imageId: string\n  title: string\n  lead: string\n}\n\nexport interface ExternalArticleOfferModel {\n  article: Article\n  format: string\n}\n\nconst defaultValue: ExternalArticleOfferModel = {\n  article: {\n    url: '',\n    imageUrl: '',\n    imageId: '',\n    title: '',\n    lead: '',\n  },\n  format: '',\n}\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: ExternalArticleOfferModel): void\n}>()\n\nconst props = defineProps<{\n  modelValue?: ExternalArticleOfferModel\n  onArticleUrlChanged: (url: string, callback: (article: Article) => void) => void\n  articleEditorUrl: string\n  environment: string\n  searchImageWidgetUrl: string\n  imageBaseUrl: string\n  imageViewId: string\n  formats: { label: string; value: string }[]\n}>()\n\nconst localModel = ref<ExternalArticleOfferModel>(defaultValue)\nconst imageModel = ref({\n  id: localModel.value.article.imageId,\n  url: '',\n  source: '',\n  title: '',\n  isAdult: false,\n})\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (!newVal) {\n      localModel.value = defaultValue\n    } else {\n      localModel.value = newVal\n    }\n  },\n  { deep: true, immediate: true },\n)\n\nwatch(\n  () => localModel,\n  (newVal) => {\n    emit('update:modelValue', localModel.value)\n    imageModel.value.id = newVal.value.article.imageId\n    imageModel.value.url = newVal.value.article.imageUrl\n  },\n  { deep: true, immediate: true },\n)\n\nwatch(\n  () => imageModel.value.id,\n  (id) => {\n    localModel.value.article.imageId = id\n  },\n  { deep: true, immediate: true },\n)\n\nwatch(\n  () => imageModel.value.url,\n  (url) => {\n    localModel.value.article.imageUrl = url\n  },\n  { deep: true, immediate: true },\n)\n\nconst onUrlChanged = (event: Event) => {\n  localModel.value.article.url = (event.target as any)?.value || ''\n  if (!localModel.value.article.url) return\n\n  props.onArticleUrlChanged(localModel.value.article.url, (article) => {\n    localModel.value.article = article\n  })\n}\n\nconst addScript = (url: string) => {\n  if (!customElements.get('hvg-search-image')) {\n    if (!document.querySelector(`script[src=\"${url}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = url\n      document.head.appendChild(script)\n    }\n  }\n}\n\naddScript(props.searchImageWidgetUrl)\n</script>\n\n<template>\n  <div class=\"flex-column gap-2 ac-component\">\n    <div>\n      <label for=\"articleUrl\" class=\"c-label\">Article URL</label>\n      <div class=\"c-input-row\">\n        <textarea\n          id=\"articleUrl\"\n          class=\"c-input\"\n          placeholder=\"Article URL\"\n          :value=\"localModel.article.url\"\n          @input=\"onUrlChanged\"\n        />\n      </div>\n    </div>\n\n    <div>\n      <label for=\"articleTitle\" class=\"c-label\">Title</label>\n      <div class=\"c-input-row\">\n        <textarea\n          id=\"articleTitle\"\n          class=\"c-input\"\n          placeholder=\"Article title\"\n          :value=\"localModel.article.title\"\n          @input=\"localModel.article.title = ($event.target as any)?.value || ''\"\n        />\n      </div>\n    </div>\n\n    <div>\n      <label for=\"articleLead\" class=\"c-label\">Lead</label>\n      <div class=\"c-input-row\">\n        <textarea\n          id=\"articleLead\"\n          class=\"c-input\"\n          placeholder=\"Article lead / description\"\n          :value=\"localModel.article.lead\"\n          @input=\"localModel.article.lead = ($event.target as any)?.value || ''\"\n        />\n      </div>\n    </div>\n\n    <div>\n      <ImagePicker\n        v-model=\"imageModel\"\n        :details=\"false\"\n        :editable=\"false\"\n        :environment=\"props.environment\"\n        :article-editor-url=\"props.articleEditorUrl\"\n        :search-image-widget-url=\"props.searchImageWidgetUrl\"\n        :image-base-url=\"props.imageBaseUrl\"\n        :image-view-id=\"props.imageViewId\"\n      />\n    </div>\n\n    <div>\n      <label class=\"c-label\">Format</label>\n      <DropdownSelect\n        v-model=\"localModel.format\"\n        :options=\"props.formats\"\n        :config=\"{ placeholder: 'Select format...' }\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/admins-components44.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components44.js","names":[],"sources":["../src/components/custom/InternalArticleOffer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref, watch } from 'vue'\nimport ImagePicker from '@/components/custom/ImagePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport Modal from '@/components/Modal.vue'\nimport Button from '@/components/Button.vue'\n\nexport interface Article {\n  siteId: string\n  id: string\n  imageId: string\n  title: string\n  lead: string\n}\n\nexport interface InternalArticleOfferModel {\n  article: Article\n  format: string\n}\n\nconst defaultValue: InternalArticleOfferModel = {\n  article: {\n    siteId: '',\n    id: '',\n    imageId: '',\n    title: '',\n    lead: '',\n  },\n  format: '',\n}\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: InternalArticleOfferModel): void\n}>()\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: InternalArticleOfferModel\n    searchArticleApiUrl: string\n    searchArticleWidgetUrl: string\n    environment: string\n    searchImageWidgetUrl: string\n    imageBaseUrl: string\n    imageViewId: string\n    showIds?: boolean\n    formats: { label: string; value: string }[]\n  }>(),\n  {\n    showIds: true,\n  },\n)\n\nconst localModel = ref<InternalArticleOfferModel>(defaultValue)\nconst imageModel = ref({\n  id: localModel.value.article.imageId || '',\n  url: '',\n  source: '',\n  title: '',\n  isAdult: false,\n})\nconst showArticleModal = ref(false)\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (!newVal) {\n      localModel.value = defaultValue\n    } else {\n      localModel.value = newVal\n    }\n  },\n  { deep: true, immediate: true },\n)\n\nwatch(\n  () => localModel,\n  (newVal) => {\n    emit('update:modelValue', localModel.value)\n    imageModel.value.id = newVal.value.article.imageId\n  },\n  { deep: true, immediate: true },\n)\n\nwatch(\n  () => imageModel.value.id,\n  (id) => {\n    localModel.value.article.imageId = id\n  },\n  { deep: true, immediate: true },\n)\n\nconst articleCausationId = ref(new Date().getTime().toString() + 'article')\nconst EMPTYGUID = '00000000-0000-0000-0000-000000000000'\n\nonUnmounted(() => {\n  window.removeEventListener('search_posts_selected', onPostSelected)\n})\n\nonMounted(() => {\n  window.addEventListener('search_posts_selected', onPostSelected)\n})\n\nconst onPostSelected = (e: any) => {\n  if (e.detail.id == articleCausationId.value) {\n    if (e.detail.result && e.detail.posts.length > 0) {\n      localModel.value.article.id = e.detail.posts[0].id\n      localModel.value.article.siteId = e.detail.posts[0].siteId\n      localModel.value.article.title = e.detail.posts[0].title\n      localModel.value.article.lead = e.detail.posts[0].lead\n      const imageId = e.detail.posts[0].featuredImage\n      localModel.value.article.imageId = imageId || EMPTYGUID\n    }\n\n    showArticleModal.value = false\n  }\n}\n\nconst selectArticle = () => {\n  showArticleModal.value = true\n}\n\nconst addScript = (url: string) => {\n  if (!customElements.get('search-posts-widget')) {\n    if (!document.querySelector(`script[src=\"${url}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = url\n      document.head.appendChild(script)\n    }\n  }\n}\n\nif (!customElements.get('hvg-search-image')) {\n  if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n    const script = document.createElement('script')\n    script.type = 'text/javascript'\n    script.src = props.searchImageWidgetUrl\n    script.async = true\n    document.head.appendChild(script)\n  }\n}\n\naddScript(props.searchArticleWidgetUrl)\n</script>\n\n<template>\n  <div class=\"flex-column gap-2 ac-component\">\n    <div>\n      <Button\n        type=\"success\"\n        label=\"Cikk kiválasztása\"\n        class=\"nowrap\"\n        @click=\"selectArticle\"\n        icon=\"fa-solid fa-newspaper\"\n      />\n    </div>\n\n    <template v-if=\"showIds\">\n      <div class=\"flex gap-2\">\n        <div>\n          <label for=\"articleId\" class=\"c-label\">Article ID</label>\n          <div class=\"c-input-row\">\n            <input\n              id=\"articleId\"\n              type=\"text\"\n              class=\"c-input\"\n              placeholder=\"Article ID\"\n              disabled\n              :value=\"localModel.article.id\"\n            />\n          </div>\n        </div>\n\n        <div>\n          <label for=\"articleSiteId\" class=\"c-label\">Site ID</label>\n          <div class=\"c-input-row\">\n            <input\n              id=\"articleSiteId\"\n              type=\"text\"\n              class=\"c-input\"\n              placeholder=\"Site ID\"\n              disabled\n              :value=\"localModel.article.siteId\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n\n    <div>\n      <label for=\"articleTitle\" class=\"c-label\">Title</label>\n      <div class=\"c-input-row\">\n        <textarea\n          id=\"articleTitle\"\n          class=\"c-input\"\n          placeholder=\"Article title\"\n          :value=\"localModel.article.title\"\n          @input=\"localModel.article.title = ($event.target as any)?.value || ''\"\n        />\n      </div>\n    </div>\n\n    <div>\n      <label for=\"articleLead\" class=\"c-label\">Lead</label>\n      <div class=\"c-input-row\">\n        <textarea\n          id=\"articleLead\"\n          class=\"c-input\"\n          placeholder=\"Article lead / description\"\n          :value=\"localModel.article.lead\"\n          @input=\"localModel.article.lead = ($event.target as any)?.value || ''\"\n        />\n      </div>\n    </div>\n\n    <hr class=\"separator\" />\n\n    <div>\n      <ImagePicker\n        v-model=\"imageModel\"\n        :details=\"false\"\n        :editable=\"false\"\n        :environment=\"props.environment\"\n        :article-editor-url=\"props.searchArticleApiUrl\"\n        :search-image-widget-url=\"props.searchImageWidgetUrl\"\n        :image-base-url=\"props.imageBaseUrl\"\n        :image-view-id=\"props.imageViewId\"\n      />\n    </div>\n\n    <div>\n      <label class=\"c-label\">Format</label>\n      <DropdownSelect\n        v-model=\"localModel.format\"\n        :options=\"props.formats\"\n        :config=\"{ placeholder: 'Select format...' }\"\n      />\n    </div>\n\n    <Modal v-if=\"showArticleModal\" title=\"Search Article\" @close=\"showArticleModal = false\">\n      <search-posts-widget\n        :id=\"articleCausationId\"\n        selector=\"true\"\n        :apiurl=\"props.searchArticleApiUrl\"\n        wpurl=\"\"\n        searchurl=\"\"\n        style=\"height: 500px\"\n      />\n    </Modal>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/admins-components45.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components45.js","names":[],"sources":["../src/components/custom/InternalArticleOffer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref, watch } from 'vue'\nimport ImagePicker from '@/components/custom/ImagePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport Modal from '@/components/Modal.vue'\nimport Button from '@/components/Button.vue'\n\nexport interface Article {\n  siteId: string\n  id: string\n  imageId: string\n  title: string\n  lead: string\n}\n\nexport interface InternalArticleOfferModel {\n  article: Article\n  format: string\n}\n\nconst defaultValue: InternalArticleOfferModel = {\n  article: {\n    siteId: '',\n    id: '',\n    imageId: '',\n    title: '',\n    lead: '',\n  },\n  format: '',\n}\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: InternalArticleOfferModel): void\n}>()\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: InternalArticleOfferModel\n    searchArticleApiUrl: string\n    searchArticleWidgetUrl: string\n    environment: string\n    searchImageWidgetUrl: string\n    imageBaseUrl: string\n    imageViewId: string\n    showIds?: boolean\n    formats: { label: string; value: string }[]\n  }>(),\n  {\n    showIds: true,\n  },\n)\n\nconst localModel = ref<InternalArticleOfferModel>(defaultValue)\nconst imageModel = ref({\n  id: localModel.value.article.imageId || '',\n  url: '',\n  source: '',\n  title: '',\n  isAdult: false,\n})\nconst showArticleModal = ref(false)\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (!newVal) {\n      localModel.value = defaultValue\n    } else {\n      localModel.value = newVal\n    }\n  },\n  { deep: true, immediate: true },\n)\n\nwatch(\n  () => localModel,\n  (newVal) => {\n    emit('update:modelValue', localModel.value)\n    imageModel.value.id = newVal.value.article.imageId\n  },\n  { deep: true, immediate: true },\n)\n\nwatch(\n  () => imageModel.value.id,\n  (id) => {\n    localModel.value.article.imageId = id\n  },\n  { deep: true, immediate: true },\n)\n\nconst articleCausationId = ref(new Date().getTime().toString() + 'article')\nconst EMPTYGUID = '00000000-0000-0000-0000-000000000000'\n\nonUnmounted(() => {\n  window.removeEventListener('search_posts_selected', onPostSelected)\n})\n\nonMounted(() => {\n  window.addEventListener('search_posts_selected', onPostSelected)\n})\n\nconst onPostSelected = (e: any) => {\n  if (e.detail.id == articleCausationId.value) {\n    if (e.detail.result && e.detail.posts.length > 0) {\n      localModel.value.article.id = e.detail.posts[0].id\n      localModel.value.article.siteId = e.detail.posts[0].siteId\n      localModel.value.article.title = e.detail.posts[0].title\n      localModel.value.article.lead = e.detail.posts[0].lead\n      const imageId = e.detail.posts[0].featuredImage\n      localModel.value.article.imageId = imageId || EMPTYGUID\n    }\n\n    showArticleModal.value = false\n  }\n}\n\nconst selectArticle = () => {\n  showArticleModal.value = true\n}\n\nconst addScript = (url: string) => {\n  if (!customElements.get('search-posts-widget')) {\n    if (!document.querySelector(`script[src=\"${url}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = url\n      document.head.appendChild(script)\n    }\n  }\n}\n\nif (!customElements.get('hvg-search-image')) {\n  if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n    const script = document.createElement('script')\n    script.type = 'text/javascript'\n    script.src = props.searchImageWidgetUrl\n    script.async = true\n    document.head.appendChild(script)\n  }\n}\n\naddScript(props.searchArticleWidgetUrl)\n</script>\n\n<template>\n  <div class=\"flex-column gap-2 ac-component\">\n    <div>\n      <Button\n        type=\"success\"\n        label=\"Cikk kiválasztása\"\n        class=\"nowrap\"\n        @click=\"selectArticle\"\n        icon=\"fa-solid fa-newspaper\"\n      />\n    </div>\n\n    <template v-if=\"showIds\">\n      <div class=\"flex gap-2\">\n        <div>\n          <label for=\"articleId\" class=\"c-label\">Article ID</label>\n          <div class=\"c-input-row\">\n            <input\n              id=\"articleId\"\n              type=\"text\"\n              class=\"c-input\"\n              placeholder=\"Article ID\"\n              disabled\n              :value=\"localModel.article.id\"\n            />\n          </div>\n        </div>\n\n        <div>\n          <label for=\"articleSiteId\" class=\"c-label\">Site ID</label>\n          <div class=\"c-input-row\">\n            <input\n              id=\"articleSiteId\"\n              type=\"text\"\n              class=\"c-input\"\n              placeholder=\"Site ID\"\n              disabled\n              :value=\"localModel.article.siteId\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n\n    <div>\n      <label for=\"articleTitle\" class=\"c-label\">Title</label>\n      <div class=\"c-input-row\">\n        <textarea\n          id=\"articleTitle\"\n          class=\"c-input\"\n          placeholder=\"Article title\"\n          :value=\"localModel.article.title\"\n          @input=\"localModel.article.title = ($event.target as any)?.value || ''\"\n        />\n      </div>\n    </div>\n\n    <div>\n      <label for=\"articleLead\" class=\"c-label\">Lead</label>\n      <div class=\"c-input-row\">\n        <textarea\n          id=\"articleLead\"\n          class=\"c-input\"\n          placeholder=\"Article lead / description\"\n          :value=\"localModel.article.lead\"\n          @input=\"localModel.article.lead = ($event.target as any)?.value || ''\"\n        />\n      </div>\n    </div>\n\n    <hr class=\"separator\" />\n\n    <div>\n      <ImagePicker\n        v-model=\"imageModel\"\n        :details=\"false\"\n        :editable=\"false\"\n        :environment=\"props.environment\"\n        :article-editor-url=\"props.searchArticleApiUrl\"\n        :search-image-widget-url=\"props.searchImageWidgetUrl\"\n        :image-base-url=\"props.imageBaseUrl\"\n        :image-view-id=\"props.imageViewId\"\n      />\n    </div>\n\n    <div>\n      <label class=\"c-label\">Format</label>\n      <DropdownSelect\n        v-model=\"localModel.format\"\n        :options=\"props.formats\"\n        :config=\"{ placeholder: 'Select format...' }\"\n      />\n    </div>\n\n    <Modal v-if=\"showArticleModal\" title=\"Search Article\" @close=\"showArticleModal = false\">\n      <search-posts-widget\n        :id=\"articleCausationId\"\n        selector=\"true\"\n        :apiurl=\"props.searchArticleApiUrl\"\n        wpurl=\"\"\n        searchurl=\"\"\n        style=\"height: 500px\"\n      />\n    </Modal>\n  </div>\n</template>\n"],"mappings":""}

package/dist/admins-components46.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components46.js","names":[],"sources":["../src/components/Loader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nwithDefaults(\n  defineProps<{\n    loading: boolean\n    size?: string\n  }>(),\n  {\n    size: '2rem',\n  },\n)\n</script>\n<template>\n  <div class=\"loader\" :style=\"{ width: size, '--loader-thickness': `calc(${size} / 6)` }\"></div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/loader.scss\"></style>\n"],"mappings":";;;;;;;;;yBAYE,EAA8F,OAAA;GAAzF,OAAM;GAAU,OAAK,EAAA;IAAA,OAAW,EAAA;IAAI,sBAAA,QAAgC,EAAA,KAAI;GAAA,CAAA"}

package/dist/admins-components48.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components48.js","names":[],"sources":["../src/components/Loader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nwithDefaults(\n  defineProps<{\n    loading: boolean\n    size?: string\n  }>(),\n  {\n    size: '2rem',\n  },\n)\n</script>\n<template>\n  <div class=\"loader\" :style=\"{ width: size, '--loader-thickness': `calc(${size} / 6)` }\"></div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/loader.scss\"></style>\n"],"mappings":""}

package/dist/admins-components49.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components49.js","names":[],"sources":["../src/services/toast.ts"],"sourcesContent":["import { ref } from 'vue'\nimport type { ToastInput, ToastPosition, ToastType } from '@/components/ToastNotification.vue'\n\n// Singleton instance management\nexport interface ToastExposed {\n  addToast: (input: ToastInput) => number\n  dismiss: (id: number) => void\n}\nconst instance = ref<ToastExposed | null>(null)\n\nexport function __setToastInstance(value: ToastExposed | null): void {\n  instance.value = value\n}\n\nexport interface ToastShortcutOptions {\n  displayDuration?: number\n  position?: ToastPosition\n  title?: string\n  id?: number\n}\n\ninterface ToastApi {\n  show: (input: ToastInput) => number | null\n  success: (title: string, message: string, options?: ToastShortcutOptions) => number | null\n  error: (title: string, message: string, options?: ToastShortcutOptions) => number | null\n  warning: (title: string, message: string, options?: ToastShortcutOptions) => number | null\n  info: (title: string, message: string, options?: ToastShortcutOptions) => number | null\n  dismiss: (id: number) => void\n}\n\nfunction show(input: ToastInput): number | null {\n  if (!instance.value) {\n    console.warn(\n      '[useToast] No <ToastNotification /> instance is mounted. ' +\n        'Mount it once in your app root (e.g. App.vue) before calling toast.*',\n    )\n    return null\n  }\n  return instance.value.addToast(input)\n}\n\nfunction success(\n  title: string,\n  message: string,\n  options: ToastShortcutOptions = {},\n): number | null {\n  return show({\n    title,\n    message,\n    type: 'success',\n    ...options,\n  })\n}\n\nfunction error(title: string, message: string, options: ToastShortcutOptions = {}): number | null {\n  return show({\n    title,\n    message,\n    type: 'error',\n    displayDuration: options.displayDuration ?? 10000,\n    ...options,\n  })\n}\n\nfunction warning(\n  title: string,\n  message: string,\n  options: ToastShortcutOptions = {},\n): number | null {\n  return show({\n    title,\n    message,\n    type: 'warning',\n    ...options,\n  })\n}\n\nfunction info(title: string, message: string, options: ToastShortcutOptions = {}): number | null {\n  return show({\n    title,\n    message,\n    type: 'info',\n    ...options,\n  })\n}\n\nfunction dismiss(id: number): void {\n  instance.value?.dismiss(id)\n}\n\nexport const toast: ToastApi = {\n  show,\n  success,\n  error,\n  warning,\n  info,\n  dismiss,\n}\n\nexport type { ToastInput, ToastPosition, ToastType }\n"],"mappings":";;AAQA,IAAM,IAAW,EAAyB,IAAI;AAE9C,SAAgB,EAAmB,GAAkC;CACnE,EAAS,QAAQ;AACnB;AAkBA,SAAS,EAAK,GAAkC;CAQ9C,OAPK,EAAS,QAOP,EAAS,MAAM,SAAS,CAAK,KANlC,QAAQ,KACN,+HAEF,GACO;AAGX;AAEA,SAAS,EACP,GACA,GACA,IAAgC,CAAC,GAClB;CACf,OAAO,EAAK;EACV;EACA;EACA,MAAM;EACN,GAAG;CACL,CAAC;AACH;AAEA,SAAS,EAAM,GAAe,GAAiB,IAAgC,CAAC,GAAkB;CAChG,OAAO,EAAK;EACV;EACA;EACA,MAAM;EACN,iBAAiB,EAAQ,mBAAmB;EAC5C,GAAG;CACL,CAAC;AACH;AAEA,SAAS,EACP,GACA,GACA,IAAgC,CAAC,GAClB;CACf,OAAO,EAAK;EACV;EACA;EACA,MAAM;EACN,GAAG;CACL,CAAC;AACH;AAEA,SAAS,EAAK,GAAe,GAAiB,IAAgC,CAAC,GAAkB;CAC/F,OAAO,EAAK;EACV;EACA;EACA,MAAM;EACN,GAAG;CACL,CAAC;AACH;AAEA,SAAS,EAAQ,GAAkB;CACjC,EAAS,OAAO,QAAQ,CAAE;AAC5B;AAEA,IAAa,IAAkB;CAC7B;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/admins-components5.js.map

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

package/dist/admins-components50.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components50.js","names":[],"sources":["../src/components/ToastNotification.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ToastType = 'info' | 'success' | 'warning' | 'error'\n\nexport type ToastPosition =\n  | 'top-right'\n  | 'top-center'\n  | 'top-left'\n  | 'middle-right'\n  | 'middle-center'\n  | 'middle-left'\n  | 'bottom-right'\n  | 'bottom-center'\n  | 'bottom-left'\n\nexport interface ToastInput {\n  title: string\n  message: string\n  type?: ToastType\n  displayDuration?: number\n  position?: ToastPosition\n  id?: number\n}\n\nexport interface Toast extends Required<ToastInput> {\n  id: number\n  addedAt: number\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { getCurrentInstance, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { __setToastInstance, type ToastExposed } from '@/services/toast'\n\nexport interface ToastNotificationProps {\n  defaultPosition?: ToastPosition\n  defaultDisplayDuration?: number\n}\n\nconst props = withDefaults(defineProps<ToastNotificationProps>(), {\n  defaultPosition: 'bottom-right',\n  defaultDisplayDuration: 5000,\n})\n\nconst TICK_MS = 500\nlet timer: ReturnType<typeof setInterval> | null = null\nlet nextId = 0\n\nconst toasts = ref<Toast[]>([])\n\nfunction addToast(input: ToastInput): number {\n  const id = input.id ?? ++nextId\n  const toast: Toast = {\n    id,\n    title: input.title,\n    message: input.message,\n    type: input.type ?? 'info',\n    displayDuration: input.displayDuration ?? props.defaultDisplayDuration,\n    position: input.position ?? props.defaultPosition,\n    addedAt: Date.now(),\n  }\n  toasts.value.push(toast)\n  return id\n}\n\nfunction dismiss(id: number): void {\n  toasts.value = toasts.value.filter((t) => t.id !== id)\n}\n\n//This way toasts doesnt expire while browser tab is inactive.\nfunction tick(): void {\n  const now = Date.now()\n  toasts.value = toasts.value.filter((t) => now - t.addedAt < t.displayDuration)\n}\n\nif (!timer) {\n  timer = setInterval(tick, TICK_MS)\n}\n\nonBeforeUnmount(() => {\n  if (timer) {\n    clearInterval(timer)\n    timer = null\n  }\n})\n\ndefineExpose({ addToast, dismiss })\n\n//Singleton\nconst ownInstance = getCurrentInstance()\nonMounted(() => {\n  __setToastInstance((ownInstance?.exposed as ToastExposed | null) ?? null)\n})\nonBeforeUnmount(() => {\n  __setToastInstance(null)\n})\n\nfunction iconFor(type: ToastType): string {\n  switch (type) {\n    case 'success':\n      return 'fa-solid fa-circle-check'\n    case 'warning':\n      return 'fa-solid fa-triangle-exclamation'\n    case 'error':\n      return 'fa-solid fa-circle-xmark'\n    case 'info':\n    default:\n      return 'fa-solid fa-circle-info'\n  }\n}\n\nfunction getStackIndex(toast: Toast): number {\n  let index = 0\n  for (const t of toasts.value) {\n    if (t.id === toast.id) break\n    if (t.position === toast.position) index++\n  }\n  return index\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <TransitionGroup tag=\"div\" class=\"c-toast-container\" name=\"c-toast\">\n      <div\n        v-for=\"toast in toasts\"\n        :key=\"toast.id\"\n        class=\"c-toast\"\n        :class=\"[`c-toast--${toast.type}`, `c-toast--pos-${toast.position}`]\"\n        :style=\"{ '--stack-index': getStackIndex(toast) }\"\n        role=\"status\"\n        aria-live=\"polite\"\n      >\n        <i class=\"c-toast__icon\" :class=\"iconFor(toast.type)\" aria-hidden=\"true\"></i>\n        <div class=\"c-toast__body\">\n          <div v-if=\"toast.title\" class=\"c-toast__title\">{{ toast.title }}</div>\n          <div class=\"c-toast__message\">{{ toast.message }}</div>\n        </div>\n        <button\n          type=\"button\"\n          class=\"c-toast__close\"\n          aria-label=\"Bezárás\"\n          @click=\"dismiss(toast.id)\"\n        >\n          <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </TransitionGroup>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/toast-notification.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;EAsCA,IAAM,IAAQ,GAMV,IAA+C,MAC/C,IAAS,GAEP,IAAS,EAAa,CAAC,CAAC;EAE9B,SAAS,EAAS,GAA2B;GAC3C,IAAM,IAAK,EAAM,MAAM,EAAE,GACnB,IAAe;IACnB;IACA,OAAO,EAAM;IACb,SAAS,EAAM;IACf,MAAM,EAAM,QAAQ;IACpB,iBAAiB,EAAM,mBAAmB,EAAM;IAChD,UAAU,EAAM,YAAY,EAAM;IAClC,SAAS,KAAK,IAAI;GACpB;GAEA,OADA,EAAO,MAAM,KAAK,CAAK,GAChB;EACT;EAEA,SAAS,EAAQ,GAAkB;GACjC,EAAO,QAAQ,EAAO,MAAM,QAAQ,MAAM,EAAE,OAAO,CAAE;EACvD;EAGA,SAAS,IAAa;GACpB,IAAM,IAAM,KAAK,IAAI;GACrB,EAAO,QAAQ,EAAO,MAAM,QAAQ,MAAM,IAAM,EAAE,UAAU,EAAE,eAAe;EAC/E;EAaA,AAXA,AACE,MAAQ,YAAY,GAAM,GAAO,GAGnC,QAAsB;GACpB,AAEE,OADA,cAAc,CAAK,GACX;EAEZ,CAAC,GAED,EAAa;GAAE;GAAU;EAAQ,CAAC;EAGlC,IAAM,IAAc,EAAmB;EAIvC,AAHA,QAAgB;GACd,EAAoB,GAAa,WAAmC,IAAI;EAC1E,CAAC,GACD,QAAsB;GACpB,EAAmB,IAAI;EACzB,CAAC;EAED,SAAS,EAAQ,GAAyB;GACxC,QAAQ,GAAR;IACE,KAAK,WACH,OAAO;IACT,KAAK,WACH,OAAO;IACT,KAAK,SACH,OAAO;IAET,SACE,OAAO;GACX;EACF;EAEA,SAAS,EAAc,GAAsB;GAC3C,IAAI,IAAQ;GACZ,KAAK,IAAM,KAAK,EAAO,OAAO;IAC5B,IAAI,EAAE,OAAO,EAAM,IAAI;IACvB,AAAI,EAAE,aAAa,EAAM,YAAU;GACrC;GACA,OAAO;EACT;yBAIE,EA0BM,OA1BN,GA0BM,CAzBJ,EAwBkB,GAAA;GAxBD,KAAI;GAAM,OAAM;GAAoB,MAAK;;oBAE/B,EAAA,EAAA,EAAA,GADzB,EAsBM,GAAA,MAAA,EArBY,EAAA,QAAT,YADT,EAsBM,OAAA;IApBH,KAAK,EAAM;IACZ,OAAK,EAAA,CAAC,WAAS,CAAA,YACM,EAAM,QAAI,gBAAoB,EAAM,UAAQ,CAAA,CAAA;IAChE,OAAK,EAAA,EAAA,iBAAqB,EAAc,CAAK,EAAA,CAAA;IAC9C,MAAK;IACL,aAAU;;IAEV,EAA6E,KAAA;KAA1E,OAAK,EAAA,CAAC,iBAAwB,EAAQ,EAAM,IAAI,CAAA,CAAA;KAAG,eAAY;;IAClE,EAGM,OAHN,GAGM,CAFO,EAAM,SAAA,EAAA,GAAjB,EAAsE,OAAtE,GAAsE,EAApB,EAAM,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAC7D,EAAuD,OAAvD,GAAuD,EAAtB,EAAM,OAAO,GAAA,CAAA,CAAA,CAAA;IAEhD,EAOS,UAAA;KANP,MAAK;KACL,OAAM;KACN,cAAW;KACV,UAAK,MAAE,EAAQ,EAAM,EAAE;qBAExB,EAAoD,KAAA;KAAjD,OAAM;KAAoB,eAAY"}

package/dist/admins-components52.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components52.js","names":[],"sources":["../src/components/ToastNotification.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ToastType = 'info' | 'success' | 'warning' | 'error'\n\nexport type ToastPosition =\n  | 'top-right'\n  | 'top-center'\n  | 'top-left'\n  | 'middle-right'\n  | 'middle-center'\n  | 'middle-left'\n  | 'bottom-right'\n  | 'bottom-center'\n  | 'bottom-left'\n\nexport interface ToastInput {\n  title: string\n  message: string\n  type?: ToastType\n  displayDuration?: number\n  position?: ToastPosition\n  id?: number\n}\n\nexport interface Toast extends Required<ToastInput> {\n  id: number\n  addedAt: number\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { getCurrentInstance, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { __setToastInstance, type ToastExposed } from '@/services/toast'\n\nexport interface ToastNotificationProps {\n  defaultPosition?: ToastPosition\n  defaultDisplayDuration?: number\n}\n\nconst props = withDefaults(defineProps<ToastNotificationProps>(), {\n  defaultPosition: 'bottom-right',\n  defaultDisplayDuration: 5000,\n})\n\nconst TICK_MS = 500\nlet timer: ReturnType<typeof setInterval> | null = null\nlet nextId = 0\n\nconst toasts = ref<Toast[]>([])\n\nfunction addToast(input: ToastInput): number {\n  const id = input.id ?? ++nextId\n  const toast: Toast = {\n    id,\n    title: input.title,\n    message: input.message,\n    type: input.type ?? 'info',\n    displayDuration: input.displayDuration ?? props.defaultDisplayDuration,\n    position: input.position ?? props.defaultPosition,\n    addedAt: Date.now(),\n  }\n  toasts.value.push(toast)\n  return id\n}\n\nfunction dismiss(id: number): void {\n  toasts.value = toasts.value.filter((t) => t.id !== id)\n}\n\n//This way toasts doesnt expire while browser tab is inactive.\nfunction tick(): void {\n  const now = Date.now()\n  toasts.value = toasts.value.filter((t) => now - t.addedAt < t.displayDuration)\n}\n\nif (!timer) {\n  timer = setInterval(tick, TICK_MS)\n}\n\nonBeforeUnmount(() => {\n  if (timer) {\n    clearInterval(timer)\n    timer = null\n  }\n})\n\ndefineExpose({ addToast, dismiss })\n\n//Singleton\nconst ownInstance = getCurrentInstance()\nonMounted(() => {\n  __setToastInstance((ownInstance?.exposed as ToastExposed | null) ?? null)\n})\nonBeforeUnmount(() => {\n  __setToastInstance(null)\n})\n\nfunction iconFor(type: ToastType): string {\n  switch (type) {\n    case 'success':\n      return 'fa-solid fa-circle-check'\n    case 'warning':\n      return 'fa-solid fa-triangle-exclamation'\n    case 'error':\n      return 'fa-solid fa-circle-xmark'\n    case 'info':\n    default:\n      return 'fa-solid fa-circle-info'\n  }\n}\n\nfunction getStackIndex(toast: Toast): number {\n  let index = 0\n  for (const t of toasts.value) {\n    if (t.id === toast.id) break\n    if (t.position === toast.position) index++\n  }\n  return index\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <TransitionGroup tag=\"div\" class=\"c-toast-container\" name=\"c-toast\">\n      <div\n        v-for=\"toast in toasts\"\n        :key=\"toast.id\"\n        class=\"c-toast\"\n        :class=\"[`c-toast--${toast.type}`, `c-toast--pos-${toast.position}`]\"\n        :style=\"{ '--stack-index': getStackIndex(toast) }\"\n        role=\"status\"\n        aria-live=\"polite\"\n      >\n        <i class=\"c-toast__icon\" :class=\"iconFor(toast.type)\" aria-hidden=\"true\"></i>\n        <div class=\"c-toast__body\">\n          <div v-if=\"toast.title\" class=\"c-toast__title\">{{ toast.title }}</div>\n          <div class=\"c-toast__message\">{{ toast.message }}</div>\n        </div>\n        <button\n          type=\"button\"\n          class=\"c-toast__close\"\n          aria-label=\"Bezárás\"\n          @click=\"dismiss(toast.id)\"\n        >\n          <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </TransitionGroup>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/toast-notification.scss\"></style>\n"],"mappings":""}

package/dist/admins-components53.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components53.js","names":[],"sources":["../src/composables/useSelection.ts"],"sourcesContent":["import { ref, computed } from 'vue'\n\nexport function useSelection(\n  getItems: () => Record<string, unknown>[],\n  getAttr: () => string | undefined,\n  emit: (selected: unknown[]) => void,\n) {\n  const selectedKeys = ref<Set<unknown>>(new Set())\n\n  const allSelected = computed(() => {\n    const attr = getAttr()\n    const items = getItems()\n    return items.length > 0 && attr != null && items.every((i) => selectedKeys.value.has(i[attr]))\n  })\n\n  function toggle(item: Record<string, unknown>) {\n    const key = item[getAttr()!]\n    if (selectedKeys.value.has(key)) {\n      selectedKeys.value.delete(key)\n    } else {\n      selectedKeys.value.add(key)\n    }\n    emit([...selectedKeys.value])\n  }\n\n  function toggleAll() {\n    const attr = getAttr()!\n    if (allSelected.value) {\n      selectedKeys.value.clear()\n    } else {\n      for (const item of getItems()) {\n        selectedKeys.value.add(item[attr])\n      }\n    }\n    emit([...selectedKeys.value])\n  }\n\n  return { selectedKeys, allSelected, toggle, toggleAll }\n}\n"],"mappings":";;AAEA,SAAgB,EACd,GACA,GACA,GACA;CACA,IAAM,IAAe,kBAAkB,IAAI,IAAI,CAAC,GAE1C,IAAc,QAAe;EACjC,IAAM,IAAO,EAAQ,GACf,IAAQ,EAAS;EACvB,OAAO,EAAM,SAAS,KAAK,KAAQ,QAAQ,EAAM,OAAO,MAAM,EAAa,MAAM,IAAI,EAAE,EAAK,CAAC;CAC/F,CAAC;CAED,SAAS,EAAO,GAA+B;EAC7C,IAAM,IAAM,EAAK,EAAQ;EAMzB,AALI,EAAa,MAAM,IAAI,CAAG,IAC5B,EAAa,MAAM,OAAO,CAAG,IAE7B,EAAa,MAAM,IAAI,CAAG,GAE5B,EAAK,CAAC,GAAG,EAAa,KAAK,CAAC;CAC9B;CAEA,SAAS,IAAY;EACnB,IAAM,IAAO,EAAQ;EACrB,IAAI,EAAY,OACd,EAAa,MAAM,MAAM;OAEzB,KAAK,IAAM,KAAQ,EAAS,GAC1B,EAAa,MAAM,IAAI,EAAK,EAAK;EAGrC,EAAK,CAAC,GAAG,EAAa,KAAK,CAAC;CAC9B;CAEA,OAAO;EAAE;EAAc;EAAa;EAAQ;CAAU;AACxD"}

package/dist/admins-components54.js.map

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

package/dist/admins-components55.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components55.js","names":[],"sources":["../src/utils/dataList.ts"],"sourcesContent":["import type { Column } from '@/types/data-list'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\nexport function getColumnValue(item: Record<string, unknown>, col: Column | undefined) {\n  if (!col) return ''\n  const value = (item as any)[col.property]\n  return col.converter ? col.converter(value, item) : value\n}\n\nexport function isUuid(str: string): boolean {\n  return /^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(str)\n}\n\nexport function isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nexport function buildActionGroupMenuItems(\n  group: ActionGroup,\n  item: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => ({\n    icon: action.icon,\n    label: action.label ?? '',\n    type: action.type,\n    size: action.label ? 'small' : 'normal',\n    callback: () => action.callback(item),\n  }))\n}\n"],"mappings":";AAIA,SAAgB,EAAe,GAA+B,GAAyB;CACrF,IAAI,CAAC,GAAK,OAAO;CACjB,IAAM,IAAS,EAAa,EAAI;CAChC,OAAO,EAAI,YAAY,EAAI,UAAU,GAAO,CAAI,IAAI;AACtD;AAMA,SAAgB,EAAc,GAAmD;CAC/E,OAAQ,EAAsB,YAAY,MAAQ,MAAM,QAAS,EAAsB,KAAK;AAC9F;AAEA,SAAgB,EACd,GACA,GACoB;CACpB,OAAO,EAAM,MAAM,KAAK,OAAoB;EAC1C,MAAM,EAAO;EACb,OAAO,EAAO,SAAS;EACvB,MAAM,EAAO;EACb,MAAM,EAAO,QAAQ,UAAU;EAC/B,gBAAgB,EAAO,SAAS,CAAI;CACtC,EAAE;AACJ"}

package/dist/admins-components56.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components56.js","names":[],"sources":["../src/utils/dataListConverters.ts"],"sourcesContent":["import { castToDate, formatDate } from '@/utils/date'\n\ntype Converter = (value: unknown, item?: unknown) => unknown\n/*\nexport function utcToLocalString(format = 'YYYY-MM-DD'): Converter {\n  return (value) => {\n    const d = castToDate(value)\n    return d ? formatDate(d, format) : ''\n  }\n} */\n\nexport function utcToLocalString(time = false, format?: string): Converter {\n  return (value) => {\n    const d = castToDate(value)\n    if (!d) return ''\n    if (format) return formatDate(d, format)\n    //if (time) return `${formatDate(d, 'YYYY-MM-DD')}\\n${formatDate(d, 'HH:mm')}`\n    if (time) return formatDate(d, 'YYYY-MM-DD HH:mm')\n    return formatDate(d, 'YYYY-MM-DD');\n  }\n}\nexport function shortUuid(length = 4): Converter {\n  return (value) => {\n    if (!value) return ''\n    const s = typeof value === 'string' ? value : String(value)\n    return `${s.slice(0, length)}...${s.slice(-length)}`\n  }\n}\n\nexport function localToLocalString(format = 'YYYY-MM-DD'): Converter {\n  return (value) => {\n    const d = castToDate(value)\n    return d ? formatDate(d, format) : ''\n  }\n}\n\nexport function textEllipse(max = 60, suffix = '…'): Converter {\n  return (value) => {\n    const s = typeof value === 'string' ? value : value == null ? '' : String(value)\n    if (s.length <= max) return s\n    return s.slice(0, max).trimEnd() + suffix\n  }\n}\n\nexport function booleanToString(trueLabel = 'Igen', falseLabel = 'Nem', fallback = ''): Converter {\n  return (value) => {\n    if (value === true) return trueLabel\n    if (value === false) return falseLabel\n    return fallback\n  }\n}\n\nexport function enumMap<T = unknown>(map: Record<string, T>, fallback?: T): Converter {\n  return (value) => {\n    if (value == null) return fallback ?? ''\n    const key = String(value)\n    return key in map ? map[key] : (fallback ?? value)\n  }\n}\n\nexport function formatNumber(decimals = 0, locale = 'hu-HU'): Converter {\n  return (value) => {\n    const n = typeof value === 'number' ? value : Number(value)\n    if (!Number.isFinite(n)) return value\n    return n.toLocaleString(locale, {\n      minimumFractionDigits: decimals,\n      maximumFractionDigits: decimals,\n    })\n  }\n}\n\nexport function formatCurrency(currencyCode = 'HUF', locale = 'hu-HU', decimals = 0): Converter {\n  return (value) => {\n    const n = typeof value === 'number' ? value : Number(value)\n    if (!Number.isFinite(n)) return value\n    return n.toLocaleString(locale, {\n      style: 'currency',\n      currency: currencyCode,\n      minimumFractionDigits: decimals,\n      maximumFractionDigits: decimals,\n    })\n  }\n}\n\nexport function listToString(separator = ', '): Converter {\n  return (value) => {\n    if (Array.isArray(value)) return value.map(String).join(separator)\n    if (value == null) return ''\n    return String(value)\n  }\n}\n\nexport const identity: Converter = (value) => value\n\nexport const dataListConverters = {\n  utcToLocalString,\n  localToLocalString,\n  shortUuid,\n  textEllipse,\n  booleanToString,\n  enumMap,\n  formatNumber,\n  formatCurrency,\n  listToString,\n  identity,\n} as const\n"],"mappings":";;AAWA,SAAgB,EAAiB,IAAO,IAAO,GAA4B;CACzE,QAAQ,MAAU;EAChB,IAAM,IAAI,EAAW,CAAK;EAK1B,OAJK,IACD,IAAe,EAAW,GAAG,CAAM,IAEnC,IAAa,EAAW,GAAG,kBAAkB,IAC1C,EAAW,GAAG,YAAY,IAJlB;CAKjB;AACF;AACA,SAAgB,EAAU,IAAS,GAAc;CAC/C,QAAQ,MAAU;EAChB,IAAI,CAAC,GAAO,OAAO;EACnB,IAAM,IAAI,OAAO,KAAU,WAAW,IAAQ,OAAO,CAAK;EAC1D,OAAO,GAAG,EAAE,MAAM,GAAG,CAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAM;CACnD;AACF;AAEA,SAAgB,EAAmB,IAAS,cAAyB;CACnE,QAAQ,MAAU;EAChB,IAAM,IAAI,EAAW,CAAK;EAC1B,OAAO,IAAI,EAAW,GAAG,CAAM,IAAI;CACrC;AACF;AAEA,SAAgB,EAAY,IAAM,IAAI,IAAS,KAAgB;CAC7D,QAAQ,MAAU;EAChB,IAAM,IAAI,OAAO,KAAU,WAAW,IAAQ,KAAS,OAAO,KAAK,OAAO,CAAK;EAE/E,OADI,EAAE,UAAU,IAAY,IACrB,EAAE,MAAM,GAAG,CAAG,EAAE,QAAQ,IAAI;CACrC;AACF;AAEA,SAAgB,EAAgB,IAAY,QAAQ,IAAa,OAAO,IAAW,IAAe;CAChG,QAAQ,MACF,MAAU,KAAa,IACvB,MAAU,KAAc,IACrB;AAEX;AAEA,SAAgB,EAAqB,GAAwB,GAAyB;CACpF,QAAQ,MAAU;EAChB,IAAI,KAAS,MAAM,OAAO,KAAY;EACtC,IAAM,IAAM,OAAO,CAAK;EACxB,OAAO,KAAO,IAAM,EAAI,KAAQ,KAAY;CAC9C;AACF;AAEA,SAAgB,EAAa,IAAW,GAAG,IAAS,SAAoB;CACtE,QAAQ,MAAU;EAChB,IAAM,IAAI,OAAO,KAAU,WAAW,IAAQ,OAAO,CAAK;EAE1D,OADK,OAAO,SAAS,CAAC,IACf,EAAE,eAAe,GAAQ;GAC9B,uBAAuB;GACvB,uBAAuB;EACzB,CAAC,IAJ+B;CAKlC;AACF;AAEA,SAAgB,EAAe,IAAe,OAAO,IAAS,SAAS,IAAW,GAAc;CAC9F,QAAQ,MAAU;EAChB,IAAM,IAAI,OAAO,KAAU,WAAW,IAAQ,OAAO,CAAK;EAE1D,OADK,OAAO,SAAS,CAAC,IACf,EAAE,eAAe,GAAQ;GAC9B,OAAO;GACP,UAAU;GACV,uBAAuB;GACvB,uBAAuB;EACzB,CAAC,IAN+B;CAOlC;AACF;AAEA,SAAgB,EAAa,IAAY,MAAiB;CACxD,QAAQ,MACF,MAAM,QAAQ,CAAK,IAAU,EAAM,IAAI,MAAM,EAAE,KAAK,CAAS,IAC7D,KAAS,OAAa,KACnB,OAAO,CAAK;AAEvB;AAEA,IAAa,KAAuB,MAAU,GAEjC,IAAqB;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/admins-components57.js.map

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

package/dist/admins-components58.js.map

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

package/dist/admins-components59.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components59.js","names":[],"sources":["../src/components/data-table/DataTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type {\n  LayoutMode,\n  DataListConfig,\n  DataListSettings,\n  DataTableSettings,\n  DataCardsSettings,\n  Column,\n  Sort,\n  Action,\n  ActionGroup,\n  FilterConfig,\n  FilterValue,\n} from '@/types/data-list'\n\nexport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Button from '@/components/Button.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataTableSettingsDefaults } from '@/types/data-list'\nimport type { DataListConfig, DataTableSettings } from '@/types/data-list'\nimport Loader from '@/components/Loader.vue'\nimport DataCell from './DataCell.vue'\nimport DropdownMenu from '../DropdownMenu.vue'\nimport { buildActionGroupMenuItems, isActionGroup } from '@/utils/dataList'\n\ntype SortDirection = 'asc' | 'desc'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataTableSettings\n    loading?: boolean\n  }>(),\n  {\n    settings: () => ({ ...dataTableSettingsDefaults }),\n    loading: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n  'sort-change': [sort: { key: string; direction: SortDirection }]\n}>()\n\n//const CHARACTER_BREAKPOINT = 20\n\nconst activeSort = ref<{\n  key: string\n  direction: SortDirection\n} | null>(null)\n\nconst {\n  selectedKeys,\n  allSelected,\n  toggle: toggleRow,\n  toggleAll,\n} = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nfunction handleSort(key: string) {\n  const direction: SortDirection =\n    activeSort.value?.key === key && activeSort.value.direction === 'asc' ? 'desc' : 'asc'\n\n  activeSort.value = { key, direction }\n\n  emit('sort-change', { key, direction })\n}\n</script>\n\n<template>\n  <div class=\"c-table-wrapper ac-component\">\n    <table\n      class=\"c-table\"\n      :class=\"{ 'is-compact': settings.compact, 'is-loading': loading }\"\n      :style=\"{ '--action-count': config.actions?.length ?? 0 }\"\n    >\n      <thead>\n        <tr>\n          <th v-if=\"config.selectableAttr\">\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': allSelected }\"\n              @click=\"toggleAll\"\n            ></span>\n          </th>\n\n          <th\n            v-for=\"col in visibleColumns\"\n            :key=\"col.property\"\n            :class=\"{\n              'c-sortable': col.sort,\n              'c-sortable--sorted': activeSort?.key === col.property,\n            }\"\n            @click=\"col.sort ? handleSort(col.property) : undefined\"\n          >\n            {{ col.label }}\n\n            <span\n              v-if=\"col.sort\"\n              class=\"c-sort-icon fa-solid\"\n              :class=\"{\n                'fa-sort': activeSort?.key !== col.property,\n                'fa-sort-down': activeSort?.key === col.property && activeSort.direction === 'desc',\n                'fa-sort-up': activeSort?.key === col.property && activeSort.direction === 'asc',\n                'c-sort-icon--active': activeSort?.key === col.property,\n                'is-asc': activeSort?.key === col.property && activeSort.direction === 'asc',\n                'is-desc': activeSort?.key === col.property && activeSort.direction === 'desc',\n              }\"\n            ></span>\n          </th>\n\n          <th v-if=\"config.actions\" class=\"c-actions-header\">\n            {{ config.actionHeader ?? '' }}\n          </th>\n        </tr>\n      </thead>\n\n      <tbody v-if=\"!loading || items.length > 0\">\n        <tr\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          :class=\"{\n            'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n            'is-striped': settings.striped && index % 2 === 1,\n          }\"\n        >\n          <td v-if=\"config.selectableAttr\" class=\"pointer\" @click.stop=\"toggleRow(item)\">\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': selectedKeys.has(item[config.selectableAttr]) }\"\n            ></span>\n          </td>\n\n          <td\n            v-for=\"col in visibleColumns\"\n            :key=\"col.property\"\n            class=\"c-table__cell\"\n            :class=\"[\n              col.class,\n              /* { 'is-nowrap': String(getColumnValue(item, col) ?? '').length < CHARACTER_BREAKPOINT}, */\n            ]\"\n          >\n            <DataCell :item=\"item\" :col=\"col\" />\n          </td>\n\n          <td v-if=\"config.actions\" class=\"c-actions-cell\">\n            <div class=\"c-actions-wrap\">\n              <template v-for=\"(action, ai) in config.actions\" :key=\"ai\">\n                <DropdownMenu\n                  v-if=\"isActionGroup(action)\"\n                  :icon=\"action.icon\"\n                  :label=\"action.label\"\n                  :items=\"buildActionGroupMenuItems(action, item)\"\n                  v-bind=\"action.config\"\n                />\n\n                <Button\n                  v-else\n                  :icon=\"action.icon\"\n                  :label=\"action.label\"\n                  :type=\"action.type\"\n                  :disabled=\"action.disabled ? action.disabled(item) : false\"\n                  :size=\"action.label ? 'small' : 'normal'\"\n                  :ariaLabel=\"action.ariaLabel\"\n                  outline\n                  :callback=\"() => action.callback(item)\"\n                  v-bind=\"action.config\"\n                />\n              </template>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n      <tbody v-else>\n        <tr class=\"c-table__loading-row\">\n          <td\n            :colspan=\"\n              visibleColumns.length + (config.selectableAttr ? 1 : 0) + (config.actions ? 1 : 0)\n            \"\n            class=\"c-table__loading-cell\"\n          >\n            <div class=\"c-table__loading-wrap\">\n              <Loader :loading=\"true\" size=\"2.5rem\" />\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <div v-if=\"loading && items.length > 0\" class=\"c-table__backdrop\" aria-hidden=\"true\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-table.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components6.js.map

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

package/dist/admins-components61.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components61.js","names":[],"sources":["../src/components/data-table/DataTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type {\n  LayoutMode,\n  DataListConfig,\n  DataListSettings,\n  DataTableSettings,\n  DataCardsSettings,\n  Column,\n  Sort,\n  Action,\n  ActionGroup,\n  FilterConfig,\n  FilterValue,\n} from '@/types/data-list'\n\nexport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Button from '@/components/Button.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataTableSettingsDefaults } from '@/types/data-list'\nimport type { DataListConfig, DataTableSettings } from '@/types/data-list'\nimport Loader from '@/components/Loader.vue'\nimport DataCell from './DataCell.vue'\nimport DropdownMenu from '../DropdownMenu.vue'\nimport { buildActionGroupMenuItems, isActionGroup } from '@/utils/dataList'\n\ntype SortDirection = 'asc' | 'desc'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataTableSettings\n    loading?: boolean\n  }>(),\n  {\n    settings: () => ({ ...dataTableSettingsDefaults }),\n    loading: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n  'sort-change': [sort: { key: string; direction: SortDirection }]\n}>()\n\n//const CHARACTER_BREAKPOINT = 20\n\nconst activeSort = ref<{\n  key: string\n  direction: SortDirection\n} | null>(null)\n\nconst {\n  selectedKeys,\n  allSelected,\n  toggle: toggleRow,\n  toggleAll,\n} = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nfunction handleSort(key: string) {\n  const direction: SortDirection =\n    activeSort.value?.key === key && activeSort.value.direction === 'asc' ? 'desc' : 'asc'\n\n  activeSort.value = { key, direction }\n\n  emit('sort-change', { key, direction })\n}\n</script>\n\n<template>\n  <div class=\"c-table-wrapper ac-component\">\n    <table\n      class=\"c-table\"\n      :class=\"{ 'is-compact': settings.compact, 'is-loading': loading }\"\n      :style=\"{ '--action-count': config.actions?.length ?? 0 }\"\n    >\n      <thead>\n        <tr>\n          <th v-if=\"config.selectableAttr\">\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': allSelected }\"\n              @click=\"toggleAll\"\n            ></span>\n          </th>\n\n          <th\n            v-for=\"col in visibleColumns\"\n            :key=\"col.property\"\n            :class=\"{\n              'c-sortable': col.sort,\n              'c-sortable--sorted': activeSort?.key === col.property,\n            }\"\n            @click=\"col.sort ? handleSort(col.property) : undefined\"\n          >\n            {{ col.label }}\n\n            <span\n              v-if=\"col.sort\"\n              class=\"c-sort-icon fa-solid\"\n              :class=\"{\n                'fa-sort': activeSort?.key !== col.property,\n                'fa-sort-down': activeSort?.key === col.property && activeSort.direction === 'desc',\n                'fa-sort-up': activeSort?.key === col.property && activeSort.direction === 'asc',\n                'c-sort-icon--active': activeSort?.key === col.property,\n                'is-asc': activeSort?.key === col.property && activeSort.direction === 'asc',\n                'is-desc': activeSort?.key === col.property && activeSort.direction === 'desc',\n              }\"\n            ></span>\n          </th>\n\n          <th v-if=\"config.actions\" class=\"c-actions-header\">\n            {{ config.actionHeader ?? '' }}\n          </th>\n        </tr>\n      </thead>\n\n      <tbody v-if=\"!loading || items.length > 0\">\n        <tr\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          :class=\"{\n            'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n            'is-striped': settings.striped && index % 2 === 1,\n          }\"\n        >\n          <td v-if=\"config.selectableAttr\" class=\"pointer\" @click.stop=\"toggleRow(item)\">\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': selectedKeys.has(item[config.selectableAttr]) }\"\n            ></span>\n          </td>\n\n          <td\n            v-for=\"col in visibleColumns\"\n            :key=\"col.property\"\n            class=\"c-table__cell\"\n            :class=\"[\n              col.class,\n              /* { 'is-nowrap': String(getColumnValue(item, col) ?? '').length < CHARACTER_BREAKPOINT}, */\n            ]\"\n          >\n            <DataCell :item=\"item\" :col=\"col\" />\n          </td>\n\n          <td v-if=\"config.actions\" class=\"c-actions-cell\">\n            <div class=\"c-actions-wrap\">\n              <template v-for=\"(action, ai) in config.actions\" :key=\"ai\">\n                <DropdownMenu\n                  v-if=\"isActionGroup(action)\"\n                  :icon=\"action.icon\"\n                  :label=\"action.label\"\n                  :items=\"buildActionGroupMenuItems(action, item)\"\n                  v-bind=\"action.config\"\n                />\n\n                <Button\n                  v-else\n                  :icon=\"action.icon\"\n                  :label=\"action.label\"\n                  :type=\"action.type\"\n                  :disabled=\"action.disabled ? action.disabled(item) : false\"\n                  :size=\"action.label ? 'small' : 'normal'\"\n                  :ariaLabel=\"action.ariaLabel\"\n                  outline\n                  :callback=\"() => action.callback(item)\"\n                  v-bind=\"action.config\"\n                />\n              </template>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n      <tbody v-else>\n        <tr class=\"c-table__loading-row\">\n          <td\n            :colspan=\"\n              visibleColumns.length + (config.selectableAttr ? 1 : 0) + (config.actions ? 1 : 0)\n            \"\n            class=\"c-table__loading-cell\"\n          >\n            <div class=\"c-table__loading-wrap\">\n              <Loader :loading=\"true\" size=\"2.5rem\" />\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <div v-if=\"loading && items.length > 0\" class=\"c-table__backdrop\" aria-hidden=\"true\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-table.scss\"></style>\n"],"mappings":""}

package/dist/admins-components62.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components62.js","names":[],"sources":["../src/components/data-table/DataCards.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DataListConfig, DataCardsSettings, DataListSettings } from '@/types/data-list'\nimport DataCell from './DataCell.vue'\nexport { dataCardsSettingsDefaults } from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport Button from '@/components/Button.vue'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataCardsSettingsDefaults } from '@/types/data-list'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport { getColumnValue } from '@/utils/dataList'\nimport { buildActionGroupMenuItems, isActionGroup } from '@/utils/dataList'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataCardsSettings | DataListSettings\n    loading?: boolean\n  }>(),\n  {\n    settings: () => ({ ...dataCardsSettingsDefaults }),\n    loading: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n}>()\n\nconst { selectedKeys, toggle: toggleRow } = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst openRowIndexes = ref<Set<number>>(new Set())\n\nwatch(\n  () => props.items,\n  () => {\n    openRowIndexes.value = new Set()\n  },\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nconst cardHeaderColumns = computed(() => {\n  const s = props.settings as any\n  if (s?.cardHeaderColumns) {\n    const cols = visibleColumns.value.filter((c) => s.cardHeaderColumns[c.property])\n    if (cols.length > 0) {\n      if (s.cardHeaderOrder) {\n        const order = s.cardHeaderOrder as string[]\n        return [...cols].sort((a, b) => {\n          const ai = order.indexOf(a.property)\n          const bi = order.indexOf(b.property)\n          return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n        })\n      }\n      return cols\n    }\n  }\n  const primary = visibleColumns.value.filter((c) => c.primary)\n  if (primary.length > 0) return primary\n\n  return visibleColumns.value.slice(0, 1)\n})\n\nlet longPressTimer: ReturnType<typeof setTimeout> | null = null\nlet longPressTriggered = false\n\nfunction onPointerDown(e: PointerEvent, item: Record<string, unknown>) {\n  if (!props.config.selectableAttr) return\n  if (e.button !== 0) return\n  longPressTriggered = false\n  longPressTimer = setTimeout(() => {\n    longPressTriggered = true\n    toggleRow(item)\n  }, 500)\n}\n\nfunction onPointerUp() {\n  if (longPressTimer) {\n    clearTimeout(longPressTimer)\n    longPressTimer = null\n  }\n}\n\nfunction onContextMenu(e: MouseEvent) {\n  if (longPressTriggered) {\n    e.preventDefault()\n  }\n}\n\nfunction onHeaderClick(index: number) {\n  if (longPressTriggered) {\n    longPressTriggered = false\n    return\n  }\n  toggleAccordion(index)\n}\n\nfunction toggleAccordion(index: number) {\n  if (openRowIndexes.value.has(index)) {\n    openRowIndexes.value.delete(index)\n  } else {\n    openRowIndexes.value.add(index)\n  }\n  openRowIndexes.value = new Set(openRowIndexes.value)\n}\n</script>\n\n<template>\n  <div class=\"ac-component\" :class=\"{ 'is-loading': loading }\">\n    <div\n      v-if=\"!loading || items.length > 0\"\n      class=\"c-cards\"\n      :class=\"{ 'is-compact': settings.compact }\"\n    >\n      <div\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        class=\"c-card\"\n        :class=\"{\n          'is-open': openRowIndexes.has(index),\n          'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n        }\"\n      >\n        <button\n          type=\"button\"\n          class=\"c-card__header\"\n          @click=\"onHeaderClick(index)\"\n          @pointerdown=\"onPointerDown($event, item)\"\n          @pointerup=\"onPointerUp()\"\n          @pointerleave=\"onPointerUp()\"\n          @contextmenu=\"onContextMenu\"\n        >\n          <span\n            v-if=\"config.selectableAttr\"\n            class=\"c-card__check-zone\"\n            @click.stop=\"toggleRow(item)\"\n          >\n            <span\n              class=\"c-card__check\"\n              :class=\"{ 'is-checked': selectedKeys.has(item[config.selectableAttr]) }\"\n            >\n              <i class=\"fa-solid fa-check\"></i>\n            </span>\n          </span>\n          <span class=\"c-card__heading\">\n            <span\n              v-for=\"(col, i) in cardHeaderColumns\"\n              :key=\"col.property\"\n              class=\"c-card__heading-item\"\n            >\n              <span class=\"c-card__label\">{{ col.label }}</span>\n              <span\n                class=\"c-card__title\"\n                :class=\"{ 'c-truncate': settings.compact && i === 0 }\"\n                v-html=\"getColumnValue(item, col)\"\n              ></span>\n            </span>\n          </span>\n          <span class=\"c-card__icon\" aria-hidden=\"true\"\n            ><i class=\"fa-solid fa-chevron-down\"></i\n          ></span>\n        </button>\n\n        <div v-show=\"openRowIndexes.has(index)\" class=\"c-card__body\">\n          <div v-for=\"col in visibleColumns\" :key=\"col.property\" class=\"c-card__field\" tabindex=\"0\">\n            <span class=\"c-card__field-label\">{{ col.label }}</span>\n            <DataCell :item=\"item\" :col=\"col\" class=\"c-card__field-value\" :copy=\"false\" />\n\n            <CopyToClipboard\n              v-if=\"getColumnValue(item, col)\"\n              class=\"c-card__field-copy click-expand\"\n              :value=\"getColumnValue(item, col)\"\n            />\n          </div>\n\n          <div v-if=\"config.actions\" class=\"c-card__actions\" @click.stop>\n            <template v-for=\"(action, ai) in config.actions\" :key=\"ai\">\n              <DropdownMenu\n                v-if=\"isActionGroup(action)\"\n                :icon=\"action.icon\"\n                :label=\"action.label\"\n                :ariaLabel=\"action.ariaLabel\"\n                :items=\"buildActionGroupMenuItems(action, item)\"\n                v-bind=\"action.config\"\n              />\n\n              <Button\n                v-else\n                :type=\"action.type\"\n                :icon=\"action.icon\"\n                :label=\"action.cardLabel ?? action.label\"\n                :ariaLabel=\"action.ariaLabel\"\n                outline\n                :disabled=\"action.disabled ? action.disabled(item) : false\"\n                :callback=\"() => action.callback(item)\"\n                v-bind=\"action.config\"\n              />\n            </template>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else class=\"c-cards__loading-wrap\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n    <div v-if=\"loading && items.length > 0\" class=\"c-cards__backdrop\" aria-hidden=\"true\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-cards.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components64.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components64.js","names":[],"sources":["../src/components/data-table/DataCards.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DataListConfig, DataCardsSettings, DataListSettings } from '@/types/data-list'\nimport DataCell from './DataCell.vue'\nexport { dataCardsSettingsDefaults } from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport Button from '@/components/Button.vue'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataCardsSettingsDefaults } from '@/types/data-list'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport { getColumnValue } from '@/utils/dataList'\nimport { buildActionGroupMenuItems, isActionGroup } from '@/utils/dataList'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataCardsSettings | DataListSettings\n    loading?: boolean\n  }>(),\n  {\n    settings: () => ({ ...dataCardsSettingsDefaults }),\n    loading: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n}>()\n\nconst { selectedKeys, toggle: toggleRow } = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst openRowIndexes = ref<Set<number>>(new Set())\n\nwatch(\n  () => props.items,\n  () => {\n    openRowIndexes.value = new Set()\n  },\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nconst cardHeaderColumns = computed(() => {\n  const s = props.settings as any\n  if (s?.cardHeaderColumns) {\n    const cols = visibleColumns.value.filter((c) => s.cardHeaderColumns[c.property])\n    if (cols.length > 0) {\n      if (s.cardHeaderOrder) {\n        const order = s.cardHeaderOrder as string[]\n        return [...cols].sort((a, b) => {\n          const ai = order.indexOf(a.property)\n          const bi = order.indexOf(b.property)\n          return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n        })\n      }\n      return cols\n    }\n  }\n  const primary = visibleColumns.value.filter((c) => c.primary)\n  if (primary.length > 0) return primary\n\n  return visibleColumns.value.slice(0, 1)\n})\n\nlet longPressTimer: ReturnType<typeof setTimeout> | null = null\nlet longPressTriggered = false\n\nfunction onPointerDown(e: PointerEvent, item: Record<string, unknown>) {\n  if (!props.config.selectableAttr) return\n  if (e.button !== 0) return\n  longPressTriggered = false\n  longPressTimer = setTimeout(() => {\n    longPressTriggered = true\n    toggleRow(item)\n  }, 500)\n}\n\nfunction onPointerUp() {\n  if (longPressTimer) {\n    clearTimeout(longPressTimer)\n    longPressTimer = null\n  }\n}\n\nfunction onContextMenu(e: MouseEvent) {\n  if (longPressTriggered) {\n    e.preventDefault()\n  }\n}\n\nfunction onHeaderClick(index: number) {\n  if (longPressTriggered) {\n    longPressTriggered = false\n    return\n  }\n  toggleAccordion(index)\n}\n\nfunction toggleAccordion(index: number) {\n  if (openRowIndexes.value.has(index)) {\n    openRowIndexes.value.delete(index)\n  } else {\n    openRowIndexes.value.add(index)\n  }\n  openRowIndexes.value = new Set(openRowIndexes.value)\n}\n</script>\n\n<template>\n  <div class=\"ac-component\" :class=\"{ 'is-loading': loading }\">\n    <div\n      v-if=\"!loading || items.length > 0\"\n      class=\"c-cards\"\n      :class=\"{ 'is-compact': settings.compact }\"\n    >\n      <div\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        class=\"c-card\"\n        :class=\"{\n          'is-open': openRowIndexes.has(index),\n          'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n        }\"\n      >\n        <button\n          type=\"button\"\n          class=\"c-card__header\"\n          @click=\"onHeaderClick(index)\"\n          @pointerdown=\"onPointerDown($event, item)\"\n          @pointerup=\"onPointerUp()\"\n          @pointerleave=\"onPointerUp()\"\n          @contextmenu=\"onContextMenu\"\n        >\n          <span\n            v-if=\"config.selectableAttr\"\n            class=\"c-card__check-zone\"\n            @click.stop=\"toggleRow(item)\"\n          >\n            <span\n              class=\"c-card__check\"\n              :class=\"{ 'is-checked': selectedKeys.has(item[config.selectableAttr]) }\"\n            >\n              <i class=\"fa-solid fa-check\"></i>\n            </span>\n          </span>\n          <span class=\"c-card__heading\">\n            <span\n              v-for=\"(col, i) in cardHeaderColumns\"\n              :key=\"col.property\"\n              class=\"c-card__heading-item\"\n            >\n              <span class=\"c-card__label\">{{ col.label }}</span>\n              <span\n                class=\"c-card__title\"\n                :class=\"{ 'c-truncate': settings.compact && i === 0 }\"\n                v-html=\"getColumnValue(item, col)\"\n              ></span>\n            </span>\n          </span>\n          <span class=\"c-card__icon\" aria-hidden=\"true\"\n            ><i class=\"fa-solid fa-chevron-down\"></i\n          ></span>\n        </button>\n\n        <div v-show=\"openRowIndexes.has(index)\" class=\"c-card__body\">\n          <div v-for=\"col in visibleColumns\" :key=\"col.property\" class=\"c-card__field\" tabindex=\"0\">\n            <span class=\"c-card__field-label\">{{ col.label }}</span>\n            <DataCell :item=\"item\" :col=\"col\" class=\"c-card__field-value\" :copy=\"false\" />\n\n            <CopyToClipboard\n              v-if=\"getColumnValue(item, col)\"\n              class=\"c-card__field-copy click-expand\"\n              :value=\"getColumnValue(item, col)\"\n            />\n          </div>\n\n          <div v-if=\"config.actions\" class=\"c-card__actions\" @click.stop>\n            <template v-for=\"(action, ai) in config.actions\" :key=\"ai\">\n              <DropdownMenu\n                v-if=\"isActionGroup(action)\"\n                :icon=\"action.icon\"\n                :label=\"action.label\"\n                :ariaLabel=\"action.ariaLabel\"\n                :items=\"buildActionGroupMenuItems(action, item)\"\n                v-bind=\"action.config\"\n              />\n\n              <Button\n                v-else\n                :type=\"action.type\"\n                :icon=\"action.icon\"\n                :label=\"action.cardLabel ?? action.label\"\n                :ariaLabel=\"action.ariaLabel\"\n                outline\n                :disabled=\"action.disabled ? action.disabled(item) : false\"\n                :callback=\"() => action.callback(item)\"\n                v-bind=\"action.config\"\n              />\n            </template>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else class=\"c-cards__loading-wrap\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n    <div v-if=\"loading && items.length > 0\" class=\"c-cards__backdrop\" aria-hidden=\"true\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-cards.scss\"></style>\n"],"mappings":""}

package/dist/admins-components65.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components65.js","names":[],"sources":["../src/utils/objects.ts"],"sourcesContent":["export function deepMerge(target: Record<string, any>, source: Record<string, any>) {\n  const result = { ...target };\n\n  for (const key in source) {\n    if (\n      source[key] &&\n      typeof source[key] === 'object' &&\n      !Array.isArray(source[key]) &&\n      key in target &&\n      typeof target[key] === 'object'\n    ) {\n      result[key] = deepMerge(target[key], source[key]);\n    } else {\n      result[key] = source[key];\n    }\n  }\n\n  return result;\n}\n"],"mappings":";AAAA,SAAgB,EAAU,GAA6B,GAA6B;CAClF,IAAM,IAAS,EAAE,GAAG,EAAO;CAE3B,KAAK,IAAM,KAAO,GAChB,AACE,EAAO,MACP,OAAO,EAAO,MAAS,YACvB,CAAC,MAAM,QAAQ,EAAO,EAAI,KAC1B,KAAO,KACP,OAAO,EAAO,MAAS,WAEvB,EAAO,KAAO,EAAU,EAAO,IAAM,EAAO,EAAI,IAEhD,EAAO,KAAO,EAAO;CAIzB,OAAO;AACT"}

package/dist/admins-components66.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components66.js","names":[],"sources":["../src/components/data-table/DataListOptions.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Column, DataListSettings } from '@/types/data-list'\nimport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\nimport { deepMerge } from '@/utils/objects'\nimport Button from '@/components/Button.vue'\n\nexport interface DataListOptionsProps {\n  open?: boolean\n  columns: Column[]\n  settings: Partial<DataListSettings>\n  position?: SidebarPosition\n  storageKey: string\n  orderable?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\n\nconst props = withDefaults(defineProps<DataListOptionsProps>(), {\n  orderable: false,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [settings: DataListSettings]\n}>()\n\nconst local = ref<DataListSettings>(getDefaults())\n\nconst storageKey = computed(() => `data-list-${props.storageKey}`)\n\nconst hasCustomSettings = computed(\n  () => JSON.stringify(local.value) !== JSON.stringify(getDefaults()),\n)\n\nfunction getDefaults(): DataListSettings {\n  return {\n    ...dataCardsSettingsDefaults,\n    ...dataTableSettingsDefaults,\n    ...dataListSettingsDefaults,\n    ...props.settings,\n    columns: Object.fromEntries(\n      props.columns.map((c) => [\n        c.property,\n        props.settings.columns?.[c.property] ?? c.visible !== false,\n      ]),\n    ),\n    cardHeaderColumns: Object.fromEntries(\n      props.columns.map((c) => [\n        c.property,\n        props.settings.cardHeaderColumns?.[c.property] ?? c.primary === true,\n      ]),\n    ),\n    columnOrder: props.settings.columnOrder ?? props.columns.map((c) => c.property),\n    cardHeaderOrder: props.settings.cardHeaderOrder ?? props.columns.map((c) => c.property),\n  } as DataListSettings\n}\n\nfunction load() {\n  try {\n    const raw = localStorage.getItem(storageKey.value)\n    const defaults = getDefaults()\n    if (raw) {\n      const data = JSON.parse(raw)\n      local.value = data.settings\n        ? reconcileOrders(deepMerge(defaults, data.settings) as DataListSettings, props.columns)\n        : defaults\n    } else {\n      local.value = defaults\n    }\n  } catch {\n    local.value = getDefaults()\n  }\n  emit('change', local.value)\n}\n\nfunction reconcileOrders(settings: DataListSettings, columns: Column[]): DataListSettings {\n  const props = columns.map((c) => c.property)\n  const reconcile = (order: string[] | undefined): string[] => {\n    const known = new Set(props)\n    const filtered = (order ?? []).filter((p) => known.has(p))\n    const missing = props.filter((p) => !filtered.includes(p))\n    return [...filtered, ...missing]\n  }\n  return {\n    ...settings,\n    columnOrder: reconcile(settings.columnOrder),\n    cardHeaderOrder: reconcile(settings.cardHeaderOrder),\n  }\n}\n\nfunction save() {\n  try {\n    const key = storageKey.value\n    const raw = localStorage.getItem(key)\n    const data = raw ? JSON.parse(raw) : {}\n    data.settings = local.value\n    localStorage.setItem(key, JSON.stringify(data))\n  } catch {\n    /* ignore */\n  }\n  emit('change', local.value)\n}\n\nfunction update<K extends keyof DataListSettings>(key: K, value: DataListSettings[K]) {\n  local.value = { ...local.value, [key]: value }\n  save()\n}\n\nfunction toggleColumn(property: string) {\n  update('columns', { ...local.value.columns, [property]: !local.value.columns[property] })\n}\n\nfunction toggleCardHeaderColumn(property: string) {\n  update('cardHeaderColumns', {\n    ...local.value.cardHeaderColumns,\n    [property]: !local.value.cardHeaderColumns[property],\n  })\n}\n\nfunction toggle(key: 'striped' | 'compact') {\n  update(key, !local.value[key])\n}\n\nfunction sortByOrder(cols: Column[], order: string[]) {\n  return [...cols].sort((a, b) => {\n    const ai = order.indexOf(a.property)\n    const bi = order.indexOf(b.property)\n    return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n  })\n}\n\nconst orderedColumns = computed(() => sortByOrder(props.columns, local.value.columnOrder))\n\nconst orderedCardHeaderColumns = computed(() =>\n  sortByOrder(props.columns, local.value.cardHeaderOrder),\n)\n\nconst dragIndex = ref<number | null>(null)\nconst selectedReorderIndex = ref<number | null>(null)\n\nconst cardHeaderDragIndex = ref<number | null>(null)\nconst selectedCardHeaderIndex = ref<number | null>(null)\n\nfunction onDragStart(index: number) {\n  dragIndex.value = index\n}\n\nfunction onDragOver(e: DragEvent, index: number) {\n  e.preventDefault()\n  if (dragIndex.value === null || dragIndex.value === index) return\n  const order = [...local.value.columnOrder]\n  const moved = order.splice(dragIndex.value, 1)[0]\n  if (!moved) return\n  order.splice(index, 0, moved)\n  dragIndex.value = index\n  update('columnOrder', order)\n}\n\nfunction onDragEnd() {\n  dragIndex.value = null\n}\n\nfunction selectForReorder(index: number) {\n  selectedReorderIndex.value = selectedReorderIndex.value === index ? null : index\n}\n\nfunction moveSelected(direction: -1 | 1) {\n  if (selectedReorderIndex.value === null) return\n  const target = selectedReorderIndex.value + direction\n  if (target < 0 || target >= local.value.columnOrder.length) return\n  const order = [...local.value.columnOrder]\n  const tmp = order[selectedReorderIndex.value]!\n  order[selectedReorderIndex.value] = order[target]!\n  order[target] = tmp\n  update('columnOrder', order)\n  selectedReorderIndex.value = target\n}\n\nfunction onCardHeaderDragStart(index: number) {\n  cardHeaderDragIndex.value = index\n}\n\nfunction onCardHeaderDragOver(e: DragEvent, index: number) {\n  e.preventDefault()\n  if (cardHeaderDragIndex.value === null || cardHeaderDragIndex.value === index) return\n  const order = [...local.value.cardHeaderOrder]\n  const moved = order.splice(cardHeaderDragIndex.value, 1)[0]\n  if (!moved) return\n  order.splice(index, 0, moved)\n  cardHeaderDragIndex.value = index\n  update('cardHeaderOrder', order)\n}\n\nfunction onCardHeaderDragEnd() {\n  cardHeaderDragIndex.value = null\n}\n\nfunction selectCardHeader(index: number) {\n  selectedCardHeaderIndex.value = selectedCardHeaderIndex.value === index ? null : index\n}\n\nfunction moveCardHeader(direction: -1 | 1) {\n  if (selectedCardHeaderIndex.value === null) return\n  const target = selectedCardHeaderIndex.value + direction\n  if (target < 0 || target >= local.value.cardHeaderOrder.length) return\n  const order = [...local.value.cardHeaderOrder]\n  const tmp = order[selectedCardHeaderIndex.value]!\n  order[selectedCardHeaderIndex.value] = order[target]!\n  order[target] = tmp\n  update('cardHeaderOrder', order)\n  selectedCardHeaderIndex.value = target\n}\n\nfunction reset() {\n  localStorage.removeItem(storageKey.value)\n  local.value = getDefaults()\n  emit('change', local.value)\n}\n\nonMounted(load)\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Lista beállítások\" :position=\"props.position\" @close=\"emit('close')\">\n    <div class=\"table-options\">\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\">Megjelenés</h4>\n        <ul class=\"table-options__list\">\n          <li\n            class=\"table-options__item\"\n            @click=\"toggle('compact')\"\n            title=\"A sorok közötti térköz csökkentése\"\n          >\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': local.compact }\"\n              @click.stop=\"toggle('compact')\"\n            ></span>\n            <span>Kompakt</span>\n          </li>\n          <li\n            class=\"table-options__item\"\n            @click=\"toggle('striped')\"\n            title=\"A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)\"\n          >\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': local.striped }\"\n              @click.stop=\"toggle('striped')\"\n            ></span>\n            <span>Sávos (striped)</span>\n          </li>\n        </ul>\n      </div>\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\">\n          Elrendezés\n          <span class=\"table-options__title-value\"\n            >—\n            {{\n              local.layout === 'screen' ? 'Auto' : local.layout === 'table' ? 'Táblázat' : 'Kártyák'\n            }}</span\n          >\n        </h4>\n        <div class=\"layout-switch\">\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'screen' }\"\n            title=\"Kijelző méretéhez igazodó elrendezés\"\n            @click=\"update('layout', 'screen')\"\n          >\n            <i class=\"fa-solid fa-display\"></i>\n          </button>\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'table' }\"\n            title=\"Táblázat nézet\"\n            @click=\"update('layout', 'table')\"\n          >\n            <i class=\"fa-solid fa-table-list\"></i>\n          </button>\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'cards' }\"\n            title=\"Kártya nézet\"\n            @click=\"update('layout', 'cards')\"\n          >\n            <i class=\"fa-solid fa-list\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"table-options__col\">\n        <h4\n          class=\"table-options__title flex-center gap-1\"\n          v-tooltip=\"'Kártya nézetben, a sorok fejlécén megjelenő oszlopok'\"\n        >\n          Kártya fejléc <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            v-for=\"(col, index) in orderedCardHeaderColumns\"\n            :key=\"'ch-' + col.property\"\n            class=\"table-options__item\"\n            :class=\"{\n              'table-options__item--disabled': col.primary,\n              'table-options__item--selected': orderable && selectedCardHeaderIndex === index,\n              'table-options__item--dragging': orderable && cardHeaderDragIndex === index,\n            }\"\n            :draggable=\"orderable\"\n            @dragstart.stop=\"orderable && onCardHeaderDragStart(index)\"\n            @dragover.prevent=\"orderable && onCardHeaderDragOver($event, index)\"\n            @drop.prevent\n            @dragend=\"orderable && onCardHeaderDragEnd()\"\n            @click.prevent=\"\n              orderable\n                ? selectCardHeader(index)\n                : !col.primary && toggleCardHeaderColumn(col.property)\n            \"\n          >\n            <i v-if=\"orderable\" class=\"fa-solid fa-grip-vertical table-options__drag-handle\"></i>\n            <span\n              class=\"table-options__toggle\"\n              @click.stop=\"!col.primary && toggleCardHeaderColumn(col.property)\"\n            >\n              <span\n                class=\"c-checkbox\"\n                :class=\"{ 'c-checkbox--checked': local.cardHeaderColumns[col.property] }\"\n              ></span>\n              <span>{{ col.label }}</span>\n            </span>\n          </li>\n        </ul>\n        <div\n          v-if=\"orderable && selectedCardHeaderIndex !== null\"\n          class=\"table-options__move-actions\"\n        >\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedCardHeaderIndex === 0\"\n            @click=\"moveCardHeader(-1)\"\n          >\n            <i class=\"fa-solid fa-arrow-up\"></i>\n          </button>\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedCardHeaderIndex === orderedCardHeaderColumns.length - 1\"\n            @click=\"moveCardHeader(1)\"\n          >\n            <i class=\"fa-solid fa-arrow-down\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\">Oszlopok</h4>\n        <ul class=\"table-options__list\">\n          <li\n            v-for=\"(col, index) in orderedColumns\"\n            :key=\"col.property\"\n            class=\"table-options__item\"\n            :class=\"{\n              'table-options__item--disabled': col.primary,\n              'table-options__item--selected': orderable && selectedReorderIndex === index,\n              'table-options__item--dragging': orderable && dragIndex === index,\n            }\"\n            :draggable=\"orderable\"\n            @dragstart.stop=\"orderable && onDragStart(index)\"\n            @dragover.prevent=\"orderable && onDragOver($event, index)\"\n            @drop.prevent\n            @dragend=\"orderable && onDragEnd()\"\n            @click.prevent=\"\n              orderable ? selectForReorder(index) : !col.primary && toggleColumn(col.property)\n            \"\n          >\n            <i v-if=\"orderable\" class=\"fa-solid fa-grip-vertical table-options__drag-handle\"></i>\n            <span\n              class=\"table-options__toggle\"\n              @click.stop=\"!col.primary && toggleColumn(col.property)\"\n            >\n              <span\n                class=\"c-checkbox\"\n                :class=\"{ 'c-checkbox--checked': local.columns[col.property] }\"\n              ></span>\n              <span>{{ col.label }}</span>\n            </span>\n          </li>\n        </ul>\n        <div v-if=\"orderable && selectedReorderIndex !== null\" class=\"table-options__move-actions\">\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedReorderIndex === 0\"\n            @click=\"moveSelected(-1)\"\n          >\n            <i class=\"fa-solid fa-arrow-up\"></i>\n          </button>\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedReorderIndex === orderedColumns.length - 1\"\n            @click=\"moveSelected(1)\"\n          >\n            <i class=\"fa-solid fa-arrow-down\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <div class=\"table-options__footer\">\n      <Button\n        icon=\"fa-solid  fa-triangle-exclamation\"\n        :disabled=\"!hasCustomSettings\"\n        label=\"Alapértelmezés visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      />\n      <Button label=\"OK\" @click=\"emit('close')\" />\n    </div>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list-options.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,IAAM,IAAQ,GAIR,IAAO,GAKP,IAAQ,EAAsB,EAAY,CAAC,GAE3C,IAAa,QAAe,aAAa,EAAM,YAAY,GAE3D,KAAoB,QAClB,KAAK,UAAU,EAAM,KAAK,MAAM,KAAK,UAAU,EAAY,CAAC,CACpE;EAEA,SAAS,IAAgC;GACvC,OAAO;IACL,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG,EAAM;IACT,SAAS,OAAO,YACd,EAAM,QAAQ,KAAK,MAAM,CACvB,EAAE,UACF,EAAM,SAAS,UAAU,EAAE,aAAa,EAAE,YAAY,EACxD,CAAC,CACH;IACA,mBAAmB,OAAO,YACxB,EAAM,QAAQ,KAAK,MAAM,CACvB,EAAE,UACF,EAAM,SAAS,oBAAoB,EAAE,aAAa,EAAE,YAAY,EAClE,CAAC,CACH;IACA,aAAa,EAAM,SAAS,eAAe,EAAM,QAAQ,KAAK,MAAM,EAAE,QAAQ;IAC9E,iBAAiB,EAAM,SAAS,mBAAmB,EAAM,QAAQ,KAAK,MAAM,EAAE,QAAQ;GACxF;EACF;EAEA,SAAS,KAAO;GACd,IAAI;IACF,IAAM,IAAM,aAAa,QAAQ,EAAW,KAAK,GAC3C,IAAW,EAAY;IAC7B,IAAI,GAAK;KACP,IAAM,IAAO,KAAK,MAAM,CAAG;KAC3B,EAAM,QAAQ,EAAK,WACf,GAAgB,GAAU,GAAU,EAAK,QAAQ,GAAuB,EAAM,OAAO,IACrF;IACN,OACE,EAAM,QAAQ;GAElB,QAAQ;IACN,EAAM,QAAQ,EAAY;GAC5B;GACA,EAAK,UAAU,EAAM,KAAK;EAC5B;EAEA,SAAS,GAAgB,GAA4B,GAAqC;GACxF,IAAM,IAAQ,EAAQ,KAAK,MAAM,EAAE,QAAQ,GACrC,KAAa,MAA0C;IAC3D,IAAM,IAAQ,IAAI,IAAI,CAAK,GACrB,KAAY,KAAS,CAAC,GAAG,QAAQ,MAAM,EAAM,IAAI,CAAC,CAAC,GACnD,IAAU,EAAM,QAAQ,MAAM,CAAC,EAAS,SAAS,CAAC,CAAC;IACzD,OAAO,CAAC,GAAG,GAAU,GAAG,CAAO;GACjC;GACA,OAAO;IACL,GAAG;IACH,aAAa,EAAU,EAAS,WAAW;IAC3C,iBAAiB,EAAU,EAAS,eAAe;GACrD;EACF;EAEA,SAAS,KAAO;GACd,IAAI;IACF,IAAM,IAAM,EAAW,OACjB,IAAM,aAAa,QAAQ,CAAG,GAC9B,IAAO,IAAM,KAAK,MAAM,CAAG,IAAI,CAAC;IAEtC,AADA,EAAK,WAAW,EAAM,OACtB,aAAa,QAAQ,GAAK,KAAK,UAAU,CAAI,CAAC;GAChD,QAAQ,CAER;GACA,EAAK,UAAU,EAAM,KAAK;EAC5B;EAEA,SAAS,EAAyC,GAAQ,GAA4B;GAEpF,AADA,EAAM,QAAQ;IAAE,GAAG,EAAM;KAAQ,IAAM;GAAM,GAC7C,GAAK;EACP;EAEA,SAAS,EAAa,GAAkB;GACtC,EAAO,WAAW;IAAE,GAAG,EAAM,MAAM;KAAU,IAAW,CAAC,EAAM,MAAM,QAAQ;GAAU,CAAC;EAC1F;EAEA,SAAS,EAAuB,GAAkB;GAChD,EAAO,qBAAqB;IAC1B,GAAG,EAAM,MAAM;KACd,IAAW,CAAC,EAAM,MAAM,kBAAkB;GAC7C,CAAC;EACH;EAEA,SAAS,EAAO,GAA4B;GAC1C,EAAO,GAAK,CAAC,EAAM,MAAM,EAAI;EAC/B;EAEA,SAAS,EAAY,GAAgB,GAAiB;GACpD,OAAO,CAAC,GAAG,CAAI,EAAE,MAAM,GAAG,MAAM;IAC9B,IAAM,IAAK,EAAM,QAAQ,EAAE,QAAQ,GAC7B,IAAK,EAAM,QAAQ,EAAE,QAAQ;IACnC,QAAQ,MAAO,KAAK,MAAM,MAAO,MAAO,KAAK,MAAM;GACrD,CAAC;EACH;EAEA,IAAM,IAAiB,QAAe,EAAY,EAAM,SAAS,EAAM,MAAM,WAAW,CAAC,GAEnF,IAA2B,QAC/B,EAAY,EAAM,SAAS,EAAM,MAAM,eAAe,CACxD,GAEM,IAAY,EAAmB,IAAI,GACnC,IAAuB,EAAmB,IAAI,GAE9C,IAAsB,EAAmB,IAAI,GAC7C,IAA0B,EAAmB,IAAI;EAEvD,SAAS,GAAY,GAAe;GAClC,EAAU,QAAQ;EACpB;EAEA,SAAS,GAAW,GAAc,GAAe;GAE/C,IADA,EAAE,eAAe,GACb,EAAU,UAAU,QAAQ,EAAU,UAAU,GAAO;GAC3D,IAAM,IAAQ,CAAC,GAAG,EAAM,MAAM,WAAW,GACnC,IAAQ,EAAM,OAAO,EAAU,OAAO,CAAC,EAAE;GAC1C,MACL,EAAM,OAAO,GAAO,GAAG,CAAK,GAC5B,EAAU,QAAQ,GAClB,EAAO,eAAe,CAAK;EAC7B;EAEA,SAAS,KAAY;GACnB,EAAU,QAAQ;EACpB;EAEA,SAAS,GAAiB,GAAe;GACvC,EAAqB,QAAQ,EAAqB,UAAU,IAAQ,OAAO;EAC7E;EAEA,SAAS,EAAa,GAAmB;GACvC,IAAI,EAAqB,UAAU,MAAM;GACzC,IAAM,IAAS,EAAqB,QAAQ;GAC5C,IAAI,IAAS,KAAK,KAAU,EAAM,MAAM,YAAY,QAAQ;GAC5D,IAAM,IAAQ,CAAC,GAAG,EAAM,MAAM,WAAW,GACnC,IAAM,EAAM,EAAqB;GAIvC,AAHA,EAAM,EAAqB,SAAS,EAAM,IAC1C,EAAM,KAAU,GAChB,EAAO,eAAe,CAAK,GAC3B,EAAqB,QAAQ;EAC/B;EAEA,SAAS,GAAsB,GAAe;GAC5C,EAAoB,QAAQ;EAC9B;EAEA,SAAS,EAAqB,GAAc,GAAe;GAEzD,IADA,EAAE,eAAe,GACb,EAAoB,UAAU,QAAQ,EAAoB,UAAU,GAAO;GAC/E,IAAM,IAAQ,CAAC,GAAG,EAAM,MAAM,eAAe,GACvC,IAAQ,EAAM,OAAO,EAAoB,OAAO,CAAC,EAAE;GACpD,MACL,EAAM,OAAO,GAAO,GAAG,CAAK,GAC5B,EAAoB,QAAQ,GAC5B,EAAO,mBAAmB,CAAK;EACjC;EAEA,SAAS,KAAsB;GAC7B,EAAoB,QAAQ;EAC9B;EAEA,SAAS,GAAiB,GAAe;GACvC,EAAwB,QAAQ,EAAwB,UAAU,IAAQ,OAAO;EACnF;EAEA,SAAS,EAAe,GAAmB;GACzC,IAAI,EAAwB,UAAU,MAAM;GAC5C,IAAM,IAAS,EAAwB,QAAQ;GAC/C,IAAI,IAAS,KAAK,KAAU,EAAM,MAAM,gBAAgB,QAAQ;GAChE,IAAM,IAAQ,CAAC,GAAG,EAAM,MAAM,eAAe,GACvC,IAAM,EAAM,EAAwB;GAI1C,AAHA,EAAM,EAAwB,SAAS,EAAM,IAC7C,EAAM,KAAU,GAChB,EAAO,mBAAmB,CAAK,GAC/B,EAAwB,QAAQ;EAClC;EAEA,SAAS,KAAQ;GAGf,AAFA,aAAa,WAAW,EAAW,KAAK,GACxC,EAAM,QAAQ,EAAY,GAC1B,EAAK,UAAU,EAAM,KAAK;EAC5B;SAEA,EAAU,EAAI;;eAIZ,EA+LU,GAAA;IA/LA,MAAM,EAAA;IAAM,OAAM;IAAqB,UAAU,EAAM;IAAW,SAAK,AAAA,EAAA,SAAA,MAAE,EAAI,OAAA;;qBAoL/E,CAnLN,EAmLM,OAnLN,IAmLM;KAlLJ,EA4BM,OA5BN,IA4BM,CAAA,AAAA,EAAA,QA3BJ,EAAgD,MAAA,EAA5C,OAAM,uBAAsB,GAAC,cAAU,EAAA,GAC3C,EAyBK,MAzBL,IAyBK,CAxBH,EAWK,MAAA;MAVH,OAAM;MACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAM,SAAA;MACd,OAAM;SAEN,EAIQ,QAAA;MAHN,OAAK,EAAA,CAAC,cAAY,EAAA,uBACe,EAAA,MAAM,QAAO,CAAA,CAAA;MAC7C,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAM,SAAA,GAAA,CAAA,MAAA,CAAA;4BAErB,EAAoB,QAAA,MAAd,WAAO,EAAA,CAAA,CAAA,GAEf,EAWK,MAAA;MAVH,OAAM;MACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAM,SAAA;MACd,OAAM;SAEN,EAIQ,QAAA;MAHN,OAAK,EAAA,CAAC,cAAY,EAAA,uBACe,EAAA,MAAM,QAAO,CAAA,CAAA;MAC7C,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAM,SAAA,GAAA,CAAA,MAAA,CAAA;4BAErB,EAA4B,QAAA,MAAtB,mBAAe,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;KAI3B,EAoCM,OApCN,IAoCM,CAnCJ,EAQK,MARL,IAQK,CAAA,AAAA,EAAA,QAAA,EAR4B,gBAE/B,EAAA,GAAA,EAKC,QALD,IACG,OACD,EACE,EAAA,MAAM,WAAM,WAAA,SAAyB,EAAA,MAAM,WAAM,UAAA,aAAA,SAAA,GAAA,CAAA,CAAA,CAAA,GAIvD,EAyBM,OAzBN,IAyBM;MAxBJ,EAOS,UAAA;OANP,OAAK,EAAA,CAAC,sBAAoB,EAAA,8BACc,EAAA,MAAM,WAAM,SAAA,CAAA,CAAA;OACpD,OAAM;OACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAM,UAAA,QAAA;wBAEd,EAAmC,KAAA,EAAhC,OAAM,sBAAqB,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,CAAA;MAEhC,EAOS,UAAA;OANP,OAAK,EAAA,CAAC,sBAAoB,EAAA,8BACc,EAAA,MAAM,WAAM,QAAA,CAAA,CAAA;OACpD,OAAM;OACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAM,UAAA,OAAA;wBAEd,EAAsC,KAAA,EAAnC,OAAM,yBAAwB,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,CAAA;MAEnC,EAOS,UAAA;OANP,OAAK,EAAA,CAAC,sBAAoB,EAAA,8BACc,EAAA,MAAM,WAAM,QAAA,CAAA,CAAA;OACpD,OAAM;OACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAM,UAAA,OAAA;wBAEd,EAAgC,KAAA,EAA7B,OAAM,mBAAkB,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,CAAA;;KAIjC,EA4DM,OA5DN,IA4DM;cA3DJ,EAKK,MALL,IAKK,CAAA,GAAA,AAAA,EAAA,QAAA,CAAA,EAFJ,mBACe,EAAA,GAAA,EAA6C,KAAA,EAA1C,OAAM,gCAA+B,GAAA,MAAA,EAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,GAF3C,sDAAsD,CAAA,CAAA;MAInE,EAiCK,MAjCL,IAiCK,EAAA,EAAA,EAAA,GAhCH,EA+BK,GAAA,MAAA,EA9BoB,EAAA,QAAf,GAAK,YADf,EA+BK,MAAA;OA7BF,KAAG,QAAU,EAAI;OAClB,OAAK,EAAA,CAAC,uBAAqB;yCAC8B,EAAI;yCAAwD,EAAA,aAAa,EAAA,UAA4B;yCAAsD,EAAA,aAAa,EAAA,UAAwB;;OAKxP,WAAW,EAAA;OACX,aAAS,GAAA,MAAO,EAAA,aAAa,GAAsB,CAAK,GAAA,CAAA,MAAA,CAAA;OACxD,YAAQ,GAAA,MAAU,EAAA,aAAa,EAAqB,GAAQ,CAAK,GAAA,CAAA,SAAA,CAAA;OACjE,QAAI,AAAA,EAAA,OAAA,QAAL,CAAA,GAAa,CAAA,SAAA,CAAA;OACZ,WAAO,AAAA,EAAA,QAAA,MAAE,EAAA,aAAa,GAAmB;OACzC,SAAK,GAAA,MAAyB,EAAA,YAA4B,GAAiB,CAAK,IAAA,CAAqB,EAAI,WAAW,EAAuB,EAAI,QAAQ,GAAA,CAAA,SAAA,CAAA;UAM/I,EAAA,aAAA,EAAA,GAAT,EAAqF,KAArF,EAAqF,KAAA,EAAA,IAAA,EAAA,GACrF,EASO,QAAA;OARL,OAAM;OACL,SAAK,GAAA,MAAA,CAAQ,EAAI,WAAW,EAAuB,EAAI,QAAQ,GAAA,CAAA,MAAA,CAAA;UAEhE,EAGQ,QAAA,EAFN,OAAK,EAAA,CAAC,cAAY,EAAA,uBACe,EAAA,MAAM,kBAAkB,EAAI,UAAQ,CAAA,CAAA,EAAA,GAAA,MAAA,CAAA,GAEvE,EAA4B,QAAA,MAAA,EAAnB,EAAI,KAAK,GAAA,CAAA,CAAA,GAAA,GAAA,EAAA,CAAA,GAAA,IAAA,EAAA;MAKhB,EAAA,aAAa,EAAA,UAAuB,QAAA,EAAA,GAD5C,EAkBM,OAlBN,IAkBM,CAdJ,EAMS,UAAA;OALP,OAAM;OACL,UAAU,EAAA,UAAuB;OACjC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAc,EAAA;wBAEtB,EAAoC,KAAA,EAAjC,OAAM,uBAAsB,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,GAAA,EAAA,GAEjC,EAMS,UAAA;OALP,OAAM;OACL,UAAU,EAAA,UAA4B,EAAA,MAAyB,SAAM;OACrE,SAAK,AAAA,EAAA,SAAA,MAAE,EAAc,CAAA;wBAEtB,EAAsC,KAAA,EAAnC,OAAM,yBAAwB,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,GAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;;KAIvC,EAkDM,OAlDN,GAkDM;gBAjDJ,EAA8C,MAAA,EAA1C,OAAM,uBAAsB,GAAC,YAAQ,EAAA;MACzC,EA+BK,MA/BL,GA+BK,EAAA,EAAA,EAAA,GA9BH,EA6BK,GAAA,MAAA,EA5BoB,EAAA,QAAf,GAAK,YADf,EA6BK,MAAA;OA3BF,KAAK,EAAI;OACV,OAAK,EAAA,CAAC,uBAAqB;yCAC8B,EAAI;yCAAwD,EAAA,aAAa,EAAA,UAAyB;yCAAsD,EAAA,aAAa,EAAA,UAAc;;OAK3O,WAAW,EAAA;OACX,aAAS,GAAA,MAAO,EAAA,aAAa,GAAY,CAAK,GAAA,CAAA,MAAA,CAAA;OAC9C,YAAQ,GAAA,MAAU,EAAA,aAAa,GAAW,GAAQ,CAAK,GAAA,CAAA,SAAA,CAAA;OACvD,QAAI,AAAA,EAAA,QAAA,QAAL,CAAA,GAAa,CAAA,SAAA,CAAA;OACZ,WAAO,AAAA,EAAA,SAAA,MAAE,EAAA,aAAa,GAAS;OAC/B,SAAK,GAAA,MAAyB,EAAA,YAAY,GAAiB,CAAK,IAAA,CAAK,EAAI,WAAW,EAAa,EAAI,QAAQ,GAAA,CAAA,SAAA,CAAA;UAIrG,EAAA,aAAA,EAAA,GAAT,EAAqF,KAArF,CAAqF,KAAA,EAAA,IAAA,EAAA,GACrF,EASO,QAAA;OARL,OAAM;OACL,SAAK,GAAA,MAAA,CAAQ,EAAI,WAAW,EAAa,EAAI,QAAQ,GAAA,CAAA,MAAA,CAAA;UAEtD,EAGQ,QAAA,EAFN,OAAK,EAAA,CAAC,cAAY,EAAA,uBACe,EAAA,MAAM,QAAQ,EAAI,UAAQ,CAAA,CAAA,EAAA,GAAA,MAAA,CAAA,GAE7D,EAA4B,QAAA,MAAA,EAAnB,EAAI,KAAK,GAAA,CAAA,CAAA,GAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;MAIb,EAAA,aAAa,EAAA,UAAoB,QAAA,EAAA,GAA5C,EAeM,OAfN,GAeM,CAdJ,EAMS,UAAA;OALP,OAAM;OACL,UAAU,EAAA,UAAoB;OAC9B,SAAK,AAAA,EAAA,SAAA,MAAE,EAAY,EAAA;wBAEpB,EAAoC,KAAA,EAAjC,OAAM,uBAAsB,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,GAAA,CAAA,GAEjC,EAMS,UAAA;OALP,OAAM;OACL,UAAU,EAAA,UAAyB,EAAA,MAAe,SAAM;OACxD,SAAK,AAAA,EAAA,SAAA,MAAE,EAAY,CAAA;wBAEpB,EAAsC,KAAA,EAAnC,OAAM,yBAAwB,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,GAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;;QAKzC,EASM,OATN,GASM,CARJ,EAME,GAAA;KALA,MAAK;KACJ,UAAQ,CAAG,GAAA;KACZ,OAAM;KACN,MAAK;KACJ,SAAO;+BAEV,EAA4C,GAAA;KAApC,OAAM;KAAM,SAAK,AAAA,EAAA,SAAA,MAAE,EAAI,OAAA"}

package/dist/admins-components68.js.map

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

package/dist/admins-components69.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components69.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst STORAGE_KEY_PREFIX = 'pagesize-'\n\nexport function getPageSize(storageKey: string): number {\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY_PREFIX + storageKey)\n    if (raw) {\n      const size = Number(raw)\n      if (size > 0) return size\n    }\n  } catch {\n    /* ignore */\n  }\n  return 25\n}\n\nexport function getDefaultPaginator(storageKey: string) {\n  return {\n    total: 0,\n    page: 1,\n    pageSize: getPageSize(storageKey),\n  } as PaginatorSettings\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport Button from '@/components/Button.vue'\nimport type { PaginatorSettings, PageSettings } from '@/types/data-list'\n\nconst props = defineProps<{ settings: PaginatorSettings; storageKey: string }>()\n\nconst emit = defineEmits<{\n  'update:pagination': [pagination: PageSettings]\n}>()\n\nfunction savePageSize(size: number) {\n  try {\n    localStorage.setItem(STORAGE_KEY_PREFIX + props.storageKey, String(size))\n  } catch {\n    /* ignore */\n  }\n}\n\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(props.settings.total / props.settings.pageSize)),\n)\n\nconst rangeStart = computed(() =>\n  props.settings.total === 0 ? 0 : (props.settings.page - 1) * props.settings.pageSize + 1,\n)\nconst rangeEnd = computed(() =>\n  Math.min(props.settings.page * props.settings.pageSize, props.settings.total),\n)\n\nconst visiblePages = computed<(number | '...')[]>(() => {\n  const total = totalPages.value\n  const current = props.settings.page\n\n  if (total <= SLOT_COUNT) {\n    const pages: number[] = []\n    for (let i = 1; i <= total; i++) pages.push(i)\n    return pages\n  }\n\n  const inner = SLOT_COUNT - 2\n  let winStart = current - 1\n  let winEnd = current + 1\n  if (winStart < 2) {\n    winEnd = Math.min(total - 1, winEnd + (2 - winStart))\n    winStart = 2\n  }\n  if (winEnd > total - 1) {\n    winStart = Math.max(2, winStart - (winEnd - (total - 1)))\n    winEnd = total - 1\n  }\n\n  while (winEnd - winStart + 1 < inner) {\n    const canExtendLeft = winStart > 2\n    const canExtendRight = winEnd < total - 1\n    if (!canExtendLeft && !canExtendRight) break\n\n    const roomLeft = winStart - 2\n    const roomRight = total - 1 - winEnd\n\n    const ellipsisIfExtendLeft =\n      ((canExtendLeft ? winStart - 1 : 0) > 2 ? 1 : 0) + (winEnd < total - 1 ? 1 : 0)\n    const ellipsisIfExtendRight =\n      (winStart > 2 ? 1 : 0) + ((canExtendRight ? winEnd + 1 : 0) < total - 1 ? 1 : 0)\n\n    const newSize = winEnd - winStart + 2\n\n    let extended = false\n    if (\n      canExtendLeft &&\n      (roomLeft >= roomRight || !canExtendRight) &&\n      newSize + ellipsisIfExtendLeft <= inner\n    ) {\n      winStart--\n      extended = true\n    } else if (canExtendRight && newSize + ellipsisIfExtendRight <= inner) {\n      winEnd++\n      extended = true\n    }\n    if (!extended) break\n  }\n  const showLeftEllipsis = winStart > 2\n  const showRightEllipsis = winEnd < total - 1\n\n  const pages: (number | '...')[] = []\n  pages.push(1)\n  if (showLeftEllipsis) pages.push('...')\n  for (let p = winStart; p <= winEnd; p++) pages.push(p)\n  if (showRightEllipsis) pages.push('...')\n  pages.push(total)\n\n  return pages\n})\n\nconst SLOT_COUNT = 7\n\nfunction shouldHideOnSmall(page: number) {\n  const current = props.settings.page\n  const total = totalPages.value\n\n  const isEdge = page === 1 || page === total\n  const isCurrent = page === current\n\n  const isMiddleRange = current > 3 && current < total - 2\n\n  return isMiddleRange && !isEdge && !isCurrent\n}\n\nfunction goToPage(page: number) {\n  if (page < 1 || page > totalPages.value || page === props.settings.page) return\n  emit('update:pagination', { page, pageSize: props.settings.pageSize })\n}\n\nfunction changePageSize(event: Event) {\n  const size = Number((event.target as HTMLSelectElement).value)\n  savePageSize(size)\n  emit('update:pagination', { page: 1, pageSize: size })\n}\n</script>\n\n<template>\n  <div class=\"c-paginator-wrapper ac-component\">\n    <div class=\"c-paginator\">\n      <div class=\"c-paginator__info\">\n        <span class=\"c-paginator__range\">{{ rangeStart }}&ndash;{{ rangeEnd }}</span>\n        <span class=\"c-paginator__total\"> / {{ settings.total }}</span>\n      </div>\n\n      <nav class=\"c-paginator__nav\" aria-label=\"Pagination\">\n        <Button\n          icon=\"fa-solid fa-chevron-left\"\n          rel=\"prev\"\n          :disabled=\"settings.page <= 1\"\n          :callback=\"() => goToPage(settings.page - 1)\"\n        />\n\n        <template v-for=\"(p, i) in visiblePages\" :key=\"i\">\n          <span v-if=\"p === '...'\" class=\"c-paginator__ellipsis\">&hellip;</span>\n          <button\n            v-else\n            type=\"button\"\n            class=\"c-paginator__page\"\n            :class=\"{\n              'is-active': p === settings.page,\n              'is-hidden-sm': shouldHideOnSmall(p),\n            }\"\n            @click=\"goToPage(p)\"\n          >\n            {{ p }}\n          </button>\n        </template>\n\n        <Button\n          icon=\"fa-solid fa-chevron-right\"\n          rel=\"next\"\n          :disabled=\"settings.page >= totalPages\"\n          :callback=\"() => goToPage(settings.page + 1)\"\n        />\n      </nav>\n\n      <div class=\"c-paginator__size\">\n        <select class=\"c-paginator__select\" :value=\"settings.pageSize\" @change=\"changePageSize\">\n          <option v-for=\"s in SIZE_OPTIONS\" :key=\"s\" :value=\"s\">{{ s }} elem / oldal</option>\n        </select>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-paginator.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components7.js","names":[],"sources":["../src/types/datepickers.ts"],"sourcesContent":["import type { ControlSize } from './types'\n\nexport interface CalendarConfig {\n  showTime?: boolean\n  format?: string\n  minDate?: Date | null\n  maxDate?: Date | null\n  showWeekNumber?: boolean\n  locale?: string\n  highlightWeekends?: boolean\n  showOkButton?: boolean\n  showClearButton?: boolean\n}\n\nexport interface DatePickerConfig extends CalendarConfig {\n  placeholder?: string\n  size?: ControlSize\n}\n\nexport interface DateRangePickerConfig extends CalendarConfig {\n  placeholderFrom?: string\n  placeholderTo?: string\n  showIcon?: boolean\n  showPresets?: boolean\n  size?: ControlSize\n  lazy?: boolean\n  compact?: boolean\n}\n\nexport const calendarConfigDefaults: CalendarConfig = {\n  showTime: false,\n  minDate: new Date('1990-01-01'),\n  maxDate: new Date(Date.now() + 10 * 365 * 24 * 60 * 60 * 1000),\n  showWeekNumber: true,\n  locale: 'hu-HU',\n  highlightWeekends: true,\n  showOkButton: false,\n  showClearButton: false,\n}\n\nexport const datePickerConfigDefaults: Partial<DatePickerConfig> = {\n  ...calendarConfigDefaults,\n  showOkButton: true,\n  showClearButton: true,\n  placeholder: 'YYYY-MM-DD',\n  size: 'normal' as ControlSize,\n}\n\nexport const dateRangePickerConfigDefaults: Partial<DateRangePickerConfig> = {\n  ...calendarConfigDefaults,\n  placeholderFrom: 'Ettől',\n  placeholderTo: 'Eddig',\n  showOkButton: true,\n  showClearButton: true,\n  showIcon: false,\n  showPresets: true,\n  size: 'normal' as ControlSize,\n  lazy: true,\n  compact: false,\n}\n"],"mappings":";AA6BA,IAAa,IAAyC;CACpD,UAAU;CACV,yBAAS,IAAI,KAAK,YAAY;CAC9B,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,MAAM,KAAK,KAAK,KAAK,GAAI;CAC7D,gBAAgB;CAChB,QAAQ;CACR,mBAAmB;CACnB,cAAc;CACd,iBAAiB;AACnB,GAEa,IAAsD;CACjE,GAAG;CACH,cAAc;CACd,iBAAiB;CACjB,aAAa;CACb,MAAM;AACR,GAEa,IAAgE;CAC3E,GAAG;CACH,iBAAiB;CACjB,eAAe;CACf,cAAc;CACd,iBAAiB;CACjB,UAAU;CACV,aAAa;CACb,MAAM;CACN,MAAM;CACN,SAAS;AACX"}

package/dist/admins-components71.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components71.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst STORAGE_KEY_PREFIX = 'pagesize-'\n\nexport function getPageSize(storageKey: string): number {\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY_PREFIX + storageKey)\n    if (raw) {\n      const size = Number(raw)\n      if (size > 0) return size\n    }\n  } catch {\n    /* ignore */\n  }\n  return 25\n}\n\nexport function getDefaultPaginator(storageKey: string) {\n  return {\n    total: 0,\n    page: 1,\n    pageSize: getPageSize(storageKey),\n  } as PaginatorSettings\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport Button from '@/components/Button.vue'\nimport type { PaginatorSettings, PageSettings } from '@/types/data-list'\n\nconst props = defineProps<{ settings: PaginatorSettings; storageKey: string }>()\n\nconst emit = defineEmits<{\n  'update:pagination': [pagination: PageSettings]\n}>()\n\nfunction savePageSize(size: number) {\n  try {\n    localStorage.setItem(STORAGE_KEY_PREFIX + props.storageKey, String(size))\n  } catch {\n    /* ignore */\n  }\n}\n\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(props.settings.total / props.settings.pageSize)),\n)\n\nconst rangeStart = computed(() =>\n  props.settings.total === 0 ? 0 : (props.settings.page - 1) * props.settings.pageSize + 1,\n)\nconst rangeEnd = computed(() =>\n  Math.min(props.settings.page * props.settings.pageSize, props.settings.total),\n)\n\nconst visiblePages = computed<(number | '...')[]>(() => {\n  const total = totalPages.value\n  const current = props.settings.page\n\n  if (total <= SLOT_COUNT) {\n    const pages: number[] = []\n    for (let i = 1; i <= total; i++) pages.push(i)\n    return pages\n  }\n\n  const inner = SLOT_COUNT - 2\n  let winStart = current - 1\n  let winEnd = current + 1\n  if (winStart < 2) {\n    winEnd = Math.min(total - 1, winEnd + (2 - winStart))\n    winStart = 2\n  }\n  if (winEnd > total - 1) {\n    winStart = Math.max(2, winStart - (winEnd - (total - 1)))\n    winEnd = total - 1\n  }\n\n  while (winEnd - winStart + 1 < inner) {\n    const canExtendLeft = winStart > 2\n    const canExtendRight = winEnd < total - 1\n    if (!canExtendLeft && !canExtendRight) break\n\n    const roomLeft = winStart - 2\n    const roomRight = total - 1 - winEnd\n\n    const ellipsisIfExtendLeft =\n      ((canExtendLeft ? winStart - 1 : 0) > 2 ? 1 : 0) + (winEnd < total - 1 ? 1 : 0)\n    const ellipsisIfExtendRight =\n      (winStart > 2 ? 1 : 0) + ((canExtendRight ? winEnd + 1 : 0) < total - 1 ? 1 : 0)\n\n    const newSize = winEnd - winStart + 2\n\n    let extended = false\n    if (\n      canExtendLeft &&\n      (roomLeft >= roomRight || !canExtendRight) &&\n      newSize + ellipsisIfExtendLeft <= inner\n    ) {\n      winStart--\n      extended = true\n    } else if (canExtendRight && newSize + ellipsisIfExtendRight <= inner) {\n      winEnd++\n      extended = true\n    }\n    if (!extended) break\n  }\n  const showLeftEllipsis = winStart > 2\n  const showRightEllipsis = winEnd < total - 1\n\n  const pages: (number | '...')[] = []\n  pages.push(1)\n  if (showLeftEllipsis) pages.push('...')\n  for (let p = winStart; p <= winEnd; p++) pages.push(p)\n  if (showRightEllipsis) pages.push('...')\n  pages.push(total)\n\n  return pages\n})\n\nconst SLOT_COUNT = 7\n\nfunction shouldHideOnSmall(page: number) {\n  const current = props.settings.page\n  const total = totalPages.value\n\n  const isEdge = page === 1 || page === total\n  const isCurrent = page === current\n\n  const isMiddleRange = current > 3 && current < total - 2\n\n  return isMiddleRange && !isEdge && !isCurrent\n}\n\nfunction goToPage(page: number) {\n  if (page < 1 || page > totalPages.value || page === props.settings.page) return\n  emit('update:pagination', { page, pageSize: props.settings.pageSize })\n}\n\nfunction changePageSize(event: Event) {\n  const size = Number((event.target as HTMLSelectElement).value)\n  savePageSize(size)\n  emit('update:pagination', { page: 1, pageSize: size })\n}\n</script>\n\n<template>\n  <div class=\"c-paginator-wrapper ac-component\">\n    <div class=\"c-paginator\">\n      <div class=\"c-paginator__info\">\n        <span class=\"c-paginator__range\">{{ rangeStart }}&ndash;{{ rangeEnd }}</span>\n        <span class=\"c-paginator__total\"> / {{ settings.total }}</span>\n      </div>\n\n      <nav class=\"c-paginator__nav\" aria-label=\"Pagination\">\n        <Button\n          icon=\"fa-solid fa-chevron-left\"\n          rel=\"prev\"\n          :disabled=\"settings.page <= 1\"\n          :callback=\"() => goToPage(settings.page - 1)\"\n        />\n\n        <template v-for=\"(p, i) in visiblePages\" :key=\"i\">\n          <span v-if=\"p === '...'\" class=\"c-paginator__ellipsis\">&hellip;</span>\n          <button\n            v-else\n            type=\"button\"\n            class=\"c-paginator__page\"\n            :class=\"{\n              'is-active': p === settings.page,\n              'is-hidden-sm': shouldHideOnSmall(p),\n            }\"\n            @click=\"goToPage(p)\"\n          >\n            {{ p }}\n          </button>\n        </template>\n\n        <Button\n          icon=\"fa-solid fa-chevron-right\"\n          rel=\"next\"\n          :disabled=\"settings.page >= totalPages\"\n          :callback=\"() => goToPage(settings.page + 1)\"\n        />\n      </nav>\n\n      <div class=\"c-paginator__size\">\n        <select class=\"c-paginator__select\" :value=\"settings.pageSize\" @change=\"changePageSize\">\n          <option v-for=\"s in SIZE_OPTIONS\" :key=\"s\" :value=\"s\">{{ s }} elem / oldal</option>\n        </select>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-paginator.scss\"></style>\n"],"mappings":""}

package/dist/admins-components72.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components72.js","names":[],"sources":["../src/utils/filterDisplay.ts"],"sourcesContent":["import { formatDate } from '@/utils/date'\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\n\nexport function displayFilterValue(items: FilterItem[], key: string, value: any): string {\n  if (value === null || value === undefined || value === '') return ''\n\n  const item = items.find((i) => i.key === key)\n\n  if (item?.type === 'dropdown' && item.options) {\n    const parsedValue = parseDropdownValue(value)\n\n    if (Array.isArray(parsedValue)) {\n      const labels = parsedValue.map((v) => {\n        const opt = item.options?.find((o) => o.value === v)\n        return opt ? opt.label : String(v)\n      })\n      return labels.join(', ')\n    }\n\n    const opt = item.options.find((o) => o.value === parsedValue)\n    if (opt) return opt.label\n  }\n  if (item?.type === 'checkbox') {\n    return value ? 'Bekapcsolva' : ''\n  }\n\n  if (item?.type === 'date' || item?.type === 'datetime') {\n    if (typeof value === 'object' && value !== null) {\n      const local: Date | string | null | undefined = value.local ?? value.utc ?? null\n      if (local == null) return ''\n      const d = local instanceof Date ? local : new Date(local)\n      if (!isNaN(d.getTime())) {\n        return formatDate(d, item.type === 'datetime' ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD')\n      }\n    }\n    if (typeof value === 'string' && value) {\n      const d = new Date(value)\n      if (!isNaN(d.getTime())) {\n        return formatDate(d, item.type === 'datetime' ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD')\n      }\n    }\n  }\n\n  if ((item?.type === 'daterange' || item?.type === 'datetimerange') && typeof value === 'object') {\n    const showTime = item.type === 'datetimerange'\n    const fmt = showTime ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD'\n    const from = value.fromUtc ? formatDate(new Date(value.fromUtc), fmt) : '…'\n    const to = value.toUtc ? formatDate(new Date(value.toUtc), fmt) : '…'\n    return `${from} - ${to}`\n  }\n\n  if (typeof value === 'object') return JSON.stringify(value)\n\n  return String(value)\n}\n\nexport function parseDropdownValue(value: any): unknown {\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  if (typeof value === 'string') {\n    if (value.startsWith('[') && value.endsWith(']')) {\n      try {\n        const parsed = JSON.parse(value)\n        if (Array.isArray(parsed)) {\n          return parsed\n        }\n      } catch {\n        // If parsing fails, treat as string\n      }\n    }\n    return value\n  }\n\n  return value\n}\n\nexport interface FilterDisplayPart {\n  key: string\n  text: string\n  displayClass?: string\n}\n\nexport function buildFilterDisplay(\n  items: FilterItem[],\n  values: Record<string, any>,\n): FilterDisplayPart[] {\n  const parts: FilterDisplayPart[] = []\n  for (const [key, rawValue] of Object.entries(values)) {\n    const v = displayFilterValue(items, key, rawValue)\n    if (!v) continue\n    const item = items.find((i) => i.key === key)\n    const labelText = item?.label ?? key\n    parts.push({ key, text: `${labelText}: ${v}`, displayClass: item?.displayClass })\n  }\n\n  return parts\n}\n\nexport function buildFilterValues(items: FilterItem[], values: Record<string, any>): string[] {\n  return buildFilterDisplay(items, values).map((p) => p.text)\n}\n"],"mappings":";;AAGA,SAAgB,EAAmB,GAAqB,GAAa,GAAoB;CACvF,IAAI,KAAU,QAA+B,MAAU,IAAI,OAAO;CAElE,IAAM,IAAO,EAAM,MAAM,MAAM,EAAE,QAAQ,CAAG;CAE5C,IAAI,GAAM,SAAS,cAAc,EAAK,SAAS;EAC7C,IAAM,IAAc,EAAmB,CAAK;EAE5C,IAAI,MAAM,QAAQ,CAAW,GAK3B,OAJe,EAAY,KAAK,MAAM;GACpC,IAAM,IAAM,EAAK,SAAS,MAAM,MAAM,EAAE,UAAU,CAAC;GACnD,OAAO,IAAM,EAAI,QAAQ,OAAO,CAAC;EACnC,CACO,EAAO,KAAK,IAAI;EAGzB,IAAM,IAAM,EAAK,QAAQ,MAAM,MAAM,EAAE,UAAU,CAAW;EAC5D,IAAI,GAAK,OAAO,EAAI;CACtB;CACA,IAAI,GAAM,SAAS,YACjB,OAAO,IAAQ,gBAAgB;CAGjC,IAAI,GAAM,SAAS,UAAU,GAAM,SAAS,YAAY;EACtD,IAAI,OAAO,KAAU,YAAY,GAAgB;GAC/C,IAAM,IAA0C,EAAM,SAAS,EAAM,OAAO;GAC5E,IAAI,KAAS,MAAM,OAAO;GAC1B,IAAM,IAAI,aAAiB,OAAO,IAAQ,IAAI,KAAK,CAAK;GACxD,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,GACpB,OAAO,EAAW,GAAG,EAAK,SAAS,aAAa,qBAAqB,YAAY;EAErF;EACA,IAAI,OAAO,KAAU,YAAY,GAAO;GACtC,IAAM,IAAI,IAAI,KAAK,CAAK;GACxB,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,GACpB,OAAO,EAAW,GAAG,EAAK,SAAS,aAAa,qBAAqB,YAAY;EAErF;CACF;CAEA,KAAK,GAAM,SAAS,eAAe,GAAM,SAAS,oBAAoB,OAAO,KAAU,UAAU;EAE/F,IAAM,IADW,EAAK,SAAS,kBACR,qBAAqB;EAG5C,OAAO,GAFM,EAAM,UAAU,EAAW,IAAI,KAAK,EAAM,OAAO,GAAG,CAAG,IAAI,IAEzD,KADJ,EAAM,QAAQ,EAAW,IAAI,KAAK,EAAM,KAAK,GAAG,CAAG,IAAI;CAEpE;CAIA,OAFI,OAAO,KAAU,WAAiB,KAAK,UAAU,CAAK,IAEnD,OAAO,CAAK;AACrB;AAEA,SAAgB,EAAmB,GAAqB;CACtD,IAAI,MAAM,QAAQ,CAAK,GACrB,OAAO;CAGT,IAAI,OAAO,KAAU,UAAU;EAC7B,IAAI,EAAM,WAAW,GAAG,KAAK,EAAM,SAAS,GAAG,GAC7C,IAAI;GACF,IAAM,IAAS,KAAK,MAAM,CAAK;GAC/B,IAAI,MAAM,QAAQ,CAAM,GACtB,OAAO;EAEX,QAAQ,CAER;EAEF,OAAO;CACT;CAEA,OAAO;AACT;AAQA,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAA6B,CAAC;CACpC,KAAK,IAAM,CAAC,GAAK,MAAa,OAAO,QAAQ,CAAM,GAAG;EACpD,IAAM,IAAI,EAAmB,GAAO,GAAK,CAAQ;EACjD,IAAI,CAAC,GAAG;EACR,IAAM,IAAO,EAAM,MAAM,MAAM,EAAE,QAAQ,CAAG,GACtC,IAAY,GAAM,SAAS;EACjC,EAAM,KAAK;GAAE;GAAK,MAAM,GAAG,EAAU,IAAI;GAAK,cAAc,GAAM;EAAa,CAAC;CAClF;CAEA,OAAO;AACT"}

package/dist/admins-components73.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components73.js","names":[],"sources":["../src/components/data-table/FiltersHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch, nextTick } from 'vue'\nimport Button from '@/components/Button.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { formatDate } from '@/utils/date'\nimport { buildFilterDisplay } from '@/utils/filterDisplay'\n\nexport interface SavedFilter {\n  id: string\n  savedAt: string\n  name?: string\n  values: Record<string, any>\n}\n\nconst props = defineProps<{\n  items: FilterItem[]\n  values: Record<string, any>\n  storageKey?: string\n}>()\n\nconst storageKey = computed(() => `data-filters-${props.storageKey}`)\n\nconst MAX_ITEM_LIMIT = 50\nconst MAX_ITEM_WARNING_THRESHOLD = 7\n\nconst emit = defineEmits<{\n  load: [values: Record<string, any>]\n  change: [values: Record<string, any>]\n}>()\n\nconst open = ref(false)\nconst entries = ref<SavedFilter[]>([])\nconst filterSetName = ref('')\nconst expandedIds = ref<Set<string>>(new Set())\nconst confirmingClearAll = ref(false)\n\nfunction isExpanded(id: string): boolean {\n  return expandedIds.value.has(id)\n}\n\nfunction toggleExpanded(id: string): void {\n  const next = new Set(expandedIds.value)\n  if (next.has(id)) {\n    next.delete(id)\n  } else {\n    next.add(id)\n  }\n  expandedIds.value = next\n}\n\nfunction loadFromStorage() {\n  try {\n    const raw = localStorage.getItem(storageKey.value)\n    if (!raw) {\n      entries.value = []\n      return\n    }\n    const parsed = JSON.parse(raw)\n    if (Array.isArray(parsed)) {\n      entries.value = parsed.filter(\n        (e) =>\n          e &&\n          typeof e === 'object' &&\n          typeof e.id === 'string' &&\n          e.values &&\n          typeof e.savedAt === 'string',\n      )\n    } else {\n      entries.value = []\n    }\n  } catch {\n    entries.value = []\n  }\n}\n\nfunction persist() {\n  try {\n    localStorage.setItem(storageKey.value, JSON.stringify(entries.value))\n  } catch {\n    /* quota / privacy mode - ignore */\n  }\n}\n\nonMounted(loadFromStorage)\n\nconst hasActiveFilters = computed(() =>\n  Object.values(props.values).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction makeId(): string {\n  return `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`\n}\n\nwatch(\n  () => [props.values, filterSetName.value],\n  () => {\n    if (justSaved.value) {\n      justSaved.value = false\n    }\n  },\n  { deep: true },\n)\n\nconst justSaved = ref(false)\n\nfunction save() {\n  if (!hasActiveFilters.value) return\n\n  const trimmed = filterSetName.value.trim()\n  const entry: SavedFilter = {\n    id: makeId(),\n    savedAt: new Date().toISOString(),\n    name: trimmed || undefined,\n    values: { ...props.values },\n  }\n  entries.value = [entry, ...entries.value].slice(0, MAX_ITEM_LIMIT)\n  filterSetName.value = ''\n\n  persist()\n  nextTick(() => {\n    justSaved.value = true\n  })\n}\n\nfunction load(entry: SavedFilter) {\n  emit('load', { ...entry.values })\n  emit('change', { ...entry.values })\n}\n\nfunction remove(entry: SavedFilter) {\n  entries.value = entries.value.filter((e) => e.id !== entry.id)\n  if (expandedIds.value.has(entry.id)) {\n    const next = new Set(expandedIds.value)\n    next.delete(entry.id)\n    expandedIds.value = next\n  }\n  persist()\n}\n\nfunction clearAll() {\n  entries.value = []\n  expandedIds.value = new Set()\n  persist()\n  confirmingClearAll.value = false\n}\n\nfunction buildEntry(entry: SavedFilter) {\n  return buildFilterDisplay(props.items, entry.values)\n}\n\nconst entryDisplays = computed(() => {\n  const map = new Map<string, ReturnType<typeof buildEntry>>()\n  for (const entry of entries.value) {\n    map.set(entry.id, buildEntry(entry))\n  }\n  return map\n})\n\nfunction getEntryDisplay(entry: SavedFilter) {\n  return entryDisplays.value.get(entry.id) ?? buildEntry(entry)\n}\n\nconst hasWarning = computed(() => {\n  return entries.value.length >= MAX_ITEM_LIMIT - MAX_ITEM_WARNING_THRESHOLD\n})\n\nfunction formatSavedAt(iso: string): string {\n  const d = new Date(iso)\n  if (isNaN(d.getTime())) return iso\n  return formatDate(d, 'YYYY-MM-DD HH:mm')\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"filters-history\">\n      <button\n        type=\"button\"\n        class=\"filters-history__toggle\"\n        :class=\"{ 'is-open': open }\"\n        :aria-expanded=\"open\"\n        @click=\"open = !open\"\n      >\n        <i class=\"fa-solid fa-sliders filters-history__toggle-icon\"></i>\n        <span class=\"filters-history__toggle-label\">Mentett szűrők</span>\n        <span v-if=\"entries.length\" class=\"c-indicator\">{{ entries.length }}</span>\n        <span v-if=\"hasWarning\" v-tooltip=\"`Maximum ${MAX_ITEM_LIMIT} szűrő menthető`\"\n          >/ {{ MAX_ITEM_LIMIT }}</span\n        >\n        <i\n          class=\"fa-solid filters-history__chevron\"\n          :class=\"open ? 'fa-chevron-up' : 'fa-chevron-down'\"\n        ></i>\n      </button>\n\n      <div v-if=\"open\" class=\"filters-history__panel c-scroll\">\n        <div class=\"filters-history__save-row\">\n\n          <input\n            v-model=\"filterSetName\"\n            type=\"text\"\n            class=\"c-input-row c-input-row--sm\"\n            placeholder=\"Elnevezés\"\n            @keydown.enter=\"save\"\n          />\n          <Button\n            icon=\"fa-solid fa-bookmark\"\n            label=\"Mentés\"\n            size=\"small\"\n            type=\"info\"\n            :disabled=\"!hasActiveFilters || justSaved\"\n            @click=\"save\"\n          />\n        </div>\n\n        <p v-if=\"!hasActiveFilters && entries.length === 0\" class=\"filters-history__hint\">\n          Nincs aktív szűrő. Adj meg értékeket a mentéshez.\n        </p>\n        <p v-else-if=\"entries.length === 0\" class=\"filters-history__hint\">\n          Még nincs mentett szűrő.<br />\n          Az aktuális beállítások a „Mentés\" gombbal menthetők.<br />\n          Az „Elnevezés\" mező csak a könnyebb azonosítás miatt van, megadása nem kötelező.\n        </p>\n\n        <template v-if=\"entries.length > 0\">\n          <ul class=\"filters-history__list\">\n            <li\n              v-for=\"entry in entries\"\n              :key=\"entry.id\"\n              class=\"filters-history__item\"\n              :class=\"{ 'is-open': isExpanded(entry.id) }\"\n            >\n              <div\n                class=\"filters-history__item-header\"\n                :class=\"{ 'is-open': isExpanded(entry.id) }\"\n                role=\"button\"\n                tabindex=\"0\"\n                :aria-expanded=\"isExpanded(entry.id)\"\n                @click=\"toggleExpanded(entry.id)\"\n                @keydown.enter.prevent=\"toggleExpanded(entry.id)\"\n                @keydown.space.prevent=\"toggleExpanded(entry.id)\"\n              >\n                <i\n                  class=\"fa-solid filters-history__item-chevron\"\n                  :class=\"isExpanded(entry.id) ? 'fa-chevron-down' : 'fa-chevron-right'\"\n                ></i>\n                <span class=\"filters-history__item-header-text\">\n                  <span class=\"filters-history__item-date\">{{ formatSavedAt(entry.savedAt) }}</span>\n                  <span v-if=\"entry.name\" class=\"filters-history__item-name\">{{ entry.name }}</span>\n                </span>\n                <div class=\"filters-history__item-actions\" @click.stop>\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-load\"\n                    aria-label=\"Betöltés\"\n                    title=\"Betöltés\"\n                    @click=\"load(entry)\"\n                  >\n                    <i class=\"fa-solid fa-check\"></i>\n                  </button>\n                  <span\n                    v-if=\"getEntryDisplay(entry).length\"\n                    class=\"c-indicator\"\n                    @click.stop=\"toggleExpanded(entry.id)\"\n                    v-tooltip=\"`${getEntryDisplay(entry).length} szűrési feltétel`\"\n                    >{{ getEntryDisplay(entry).length }}</span\n                  >\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-remove\"\n                    aria-label=\"Törlés\"\n                    title=\"Törlés\"\n                    @click=\"remove(entry)\"\n                  >\n                    <i class=\"fa-solid fa-xmark\"></i>\n                  </button>\n                </div>\n              </div>\n              <div v-if=\"isExpanded(entry.id)\" class=\"filters-history__item-content\">\n                <div v-if=\"getEntryDisplay(entry).length\" class=\"filters-history__item-body\">\n                  <span\n                    v-for=\"(part, idx) in getEntryDisplay(entry)\"\n                    :key=\"idx\"\n                    class=\"c-chip\"\n                    :class=\"part.displayClass\"\n                  >\n                    {{ part.text }}\n                  </span>\n                </div>\n                <p v-else class=\"filters-history__item-empty\">Nincs megjeleníthető szűrő.</p>\n              </div>\n            </li>\n          </ul>\n        </template>\n\n        <div v-if=\"entries.length > 3\">\n          <hr class=\"separator my-1\" />\n          <a\n            v-if=\"entries.length\"\n            class=\"filters-history__clear-all px-2\"\n            @click=\"confirmingClearAll = true\"\n            >Összes törlése</a\n          >\n          <ConfirmModal\n            v-if=\"confirmingClearAll\"\n            title=\"Mentett szűrők törlése\"\n            message=\"Biztosan törlöd az összes mentett szűrőt?\"\n            confirm-label=\"Törlés\"\n            cancel-label=\"Mégse\"\n            type=\"error\"\n            @confirm=\"clearAll()\"\n            @cancel=\"confirmingClearAll = false\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/filters-history.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components75.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components75.js","names":[],"sources":["../src/components/data-table/FiltersHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch, nextTick } from 'vue'\nimport Button from '@/components/Button.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { formatDate } from '@/utils/date'\nimport { buildFilterDisplay } from '@/utils/filterDisplay'\n\nexport interface SavedFilter {\n  id: string\n  savedAt: string\n  name?: string\n  values: Record<string, any>\n}\n\nconst props = defineProps<{\n  items: FilterItem[]\n  values: Record<string, any>\n  storageKey?: string\n}>()\n\nconst storageKey = computed(() => `data-filters-${props.storageKey}`)\n\nconst MAX_ITEM_LIMIT = 50\nconst MAX_ITEM_WARNING_THRESHOLD = 7\n\nconst emit = defineEmits<{\n  load: [values: Record<string, any>]\n  change: [values: Record<string, any>]\n}>()\n\nconst open = ref(false)\nconst entries = ref<SavedFilter[]>([])\nconst filterSetName = ref('')\nconst expandedIds = ref<Set<string>>(new Set())\nconst confirmingClearAll = ref(false)\n\nfunction isExpanded(id: string): boolean {\n  return expandedIds.value.has(id)\n}\n\nfunction toggleExpanded(id: string): void {\n  const next = new Set(expandedIds.value)\n  if (next.has(id)) {\n    next.delete(id)\n  } else {\n    next.add(id)\n  }\n  expandedIds.value = next\n}\n\nfunction loadFromStorage() {\n  try {\n    const raw = localStorage.getItem(storageKey.value)\n    if (!raw) {\n      entries.value = []\n      return\n    }\n    const parsed = JSON.parse(raw)\n    if (Array.isArray(parsed)) {\n      entries.value = parsed.filter(\n        (e) =>\n          e &&\n          typeof e === 'object' &&\n          typeof e.id === 'string' &&\n          e.values &&\n          typeof e.savedAt === 'string',\n      )\n    } else {\n      entries.value = []\n    }\n  } catch {\n    entries.value = []\n  }\n}\n\nfunction persist() {\n  try {\n    localStorage.setItem(storageKey.value, JSON.stringify(entries.value))\n  } catch {\n    /* quota / privacy mode - ignore */\n  }\n}\n\nonMounted(loadFromStorage)\n\nconst hasActiveFilters = computed(() =>\n  Object.values(props.values).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction makeId(): string {\n  return `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`\n}\n\nwatch(\n  () => [props.values, filterSetName.value],\n  () => {\n    if (justSaved.value) {\n      justSaved.value = false\n    }\n  },\n  { deep: true },\n)\n\nconst justSaved = ref(false)\n\nfunction save() {\n  if (!hasActiveFilters.value) return\n\n  const trimmed = filterSetName.value.trim()\n  const entry: SavedFilter = {\n    id: makeId(),\n    savedAt: new Date().toISOString(),\n    name: trimmed || undefined,\n    values: { ...props.values },\n  }\n  entries.value = [entry, ...entries.value].slice(0, MAX_ITEM_LIMIT)\n  filterSetName.value = ''\n\n  persist()\n  nextTick(() => {\n    justSaved.value = true\n  })\n}\n\nfunction load(entry: SavedFilter) {\n  emit('load', { ...entry.values })\n  emit('change', { ...entry.values })\n}\n\nfunction remove(entry: SavedFilter) {\n  entries.value = entries.value.filter((e) => e.id !== entry.id)\n  if (expandedIds.value.has(entry.id)) {\n    const next = new Set(expandedIds.value)\n    next.delete(entry.id)\n    expandedIds.value = next\n  }\n  persist()\n}\n\nfunction clearAll() {\n  entries.value = []\n  expandedIds.value = new Set()\n  persist()\n  confirmingClearAll.value = false\n}\n\nfunction buildEntry(entry: SavedFilter) {\n  return buildFilterDisplay(props.items, entry.values)\n}\n\nconst entryDisplays = computed(() => {\n  const map = new Map<string, ReturnType<typeof buildEntry>>()\n  for (const entry of entries.value) {\n    map.set(entry.id, buildEntry(entry))\n  }\n  return map\n})\n\nfunction getEntryDisplay(entry: SavedFilter) {\n  return entryDisplays.value.get(entry.id) ?? buildEntry(entry)\n}\n\nconst hasWarning = computed(() => {\n  return entries.value.length >= MAX_ITEM_LIMIT - MAX_ITEM_WARNING_THRESHOLD\n})\n\nfunction formatSavedAt(iso: string): string {\n  const d = new Date(iso)\n  if (isNaN(d.getTime())) return iso\n  return formatDate(d, 'YYYY-MM-DD HH:mm')\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"filters-history\">\n      <button\n        type=\"button\"\n        class=\"filters-history__toggle\"\n        :class=\"{ 'is-open': open }\"\n        :aria-expanded=\"open\"\n        @click=\"open = !open\"\n      >\n        <i class=\"fa-solid fa-sliders filters-history__toggle-icon\"></i>\n        <span class=\"filters-history__toggle-label\">Mentett szűrők</span>\n        <span v-if=\"entries.length\" class=\"c-indicator\">{{ entries.length }}</span>\n        <span v-if=\"hasWarning\" v-tooltip=\"`Maximum ${MAX_ITEM_LIMIT} szűrő menthető`\"\n          >/ {{ MAX_ITEM_LIMIT }}</span\n        >\n        <i\n          class=\"fa-solid filters-history__chevron\"\n          :class=\"open ? 'fa-chevron-up' : 'fa-chevron-down'\"\n        ></i>\n      </button>\n\n      <div v-if=\"open\" class=\"filters-history__panel c-scroll\">\n        <div class=\"filters-history__save-row\">\n\n          <input\n            v-model=\"filterSetName\"\n            type=\"text\"\n            class=\"c-input-row c-input-row--sm\"\n            placeholder=\"Elnevezés\"\n            @keydown.enter=\"save\"\n          />\n          <Button\n            icon=\"fa-solid fa-bookmark\"\n            label=\"Mentés\"\n            size=\"small\"\n            type=\"info\"\n            :disabled=\"!hasActiveFilters || justSaved\"\n            @click=\"save\"\n          />\n        </div>\n\n        <p v-if=\"!hasActiveFilters && entries.length === 0\" class=\"filters-history__hint\">\n          Nincs aktív szűrő. Adj meg értékeket a mentéshez.\n        </p>\n        <p v-else-if=\"entries.length === 0\" class=\"filters-history__hint\">\n          Még nincs mentett szűrő.<br />\n          Az aktuális beállítások a „Mentés\" gombbal menthetők.<br />\n          Az „Elnevezés\" mező csak a könnyebb azonosítás miatt van, megadása nem kötelező.\n        </p>\n\n        <template v-if=\"entries.length > 0\">\n          <ul class=\"filters-history__list\">\n            <li\n              v-for=\"entry in entries\"\n              :key=\"entry.id\"\n              class=\"filters-history__item\"\n              :class=\"{ 'is-open': isExpanded(entry.id) }\"\n            >\n              <div\n                class=\"filters-history__item-header\"\n                :class=\"{ 'is-open': isExpanded(entry.id) }\"\n                role=\"button\"\n                tabindex=\"0\"\n                :aria-expanded=\"isExpanded(entry.id)\"\n                @click=\"toggleExpanded(entry.id)\"\n                @keydown.enter.prevent=\"toggleExpanded(entry.id)\"\n                @keydown.space.prevent=\"toggleExpanded(entry.id)\"\n              >\n                <i\n                  class=\"fa-solid filters-history__item-chevron\"\n                  :class=\"isExpanded(entry.id) ? 'fa-chevron-down' : 'fa-chevron-right'\"\n                ></i>\n                <span class=\"filters-history__item-header-text\">\n                  <span class=\"filters-history__item-date\">{{ formatSavedAt(entry.savedAt) }}</span>\n                  <span v-if=\"entry.name\" class=\"filters-history__item-name\">{{ entry.name }}</span>\n                </span>\n                <div class=\"filters-history__item-actions\" @click.stop>\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-load\"\n                    aria-label=\"Betöltés\"\n                    title=\"Betöltés\"\n                    @click=\"load(entry)\"\n                  >\n                    <i class=\"fa-solid fa-check\"></i>\n                  </button>\n                  <span\n                    v-if=\"getEntryDisplay(entry).length\"\n                    class=\"c-indicator\"\n                    @click.stop=\"toggleExpanded(entry.id)\"\n                    v-tooltip=\"`${getEntryDisplay(entry).length} szűrési feltétel`\"\n                    >{{ getEntryDisplay(entry).length }}</span\n                  >\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-remove\"\n                    aria-label=\"Törlés\"\n                    title=\"Törlés\"\n                    @click=\"remove(entry)\"\n                  >\n                    <i class=\"fa-solid fa-xmark\"></i>\n                  </button>\n                </div>\n              </div>\n              <div v-if=\"isExpanded(entry.id)\" class=\"filters-history__item-content\">\n                <div v-if=\"getEntryDisplay(entry).length\" class=\"filters-history__item-body\">\n                  <span\n                    v-for=\"(part, idx) in getEntryDisplay(entry)\"\n                    :key=\"idx\"\n                    class=\"c-chip\"\n                    :class=\"part.displayClass\"\n                  >\n                    {{ part.text }}\n                  </span>\n                </div>\n                <p v-else class=\"filters-history__item-empty\">Nincs megjeleníthető szűrő.</p>\n              </div>\n            </li>\n          </ul>\n        </template>\n\n        <div v-if=\"entries.length > 3\">\n          <hr class=\"separator my-1\" />\n          <a\n            v-if=\"entries.length\"\n            class=\"filters-history__clear-all px-2\"\n            @click=\"confirmingClearAll = true\"\n            >Összes törlése</a\n          >\n          <ConfirmModal\n            v-if=\"confirmingClearAll\"\n            title=\"Mentett szűrők törlése\"\n            message=\"Biztosan törlöd az összes mentett szűrőt?\"\n            confirm-label=\"Törlés\"\n            cancel-label=\"Mégse\"\n            type=\"error\"\n            @confirm=\"clearAll()\"\n            @cancel=\"confirmingClearAll = false\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/filters-history.scss\"></style>\n"],"mappings":""}

package/dist/admins-components76.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components76.js","names":[],"sources":["../src/utils/debounce.ts"],"sourcesContent":["export function debounce<T extends (...args: any[]) => any>(\n  fn: T,\n  delay = 300,\n): (...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout> | null = null\n  return (...args: Parameters<T>) => {\n    if (timeoutId !== null) clearTimeout(timeoutId)\n    timeoutId = setTimeout(() => fn(...args), delay)\n  }\n}\n"],"mappings":";AAAA,SAAgB,EACd,GACA,IAAQ,KAC0B;CAClC,IAAI,IAAkD;CACtD,QAAQ,GAAG,MAAwB;EAEjC,AADI,MAAc,QAAM,aAAa,CAAS,GAC9C,IAAY,iBAAiB,EAAG,GAAG,CAAI,GAAG,CAAK;CACjD;AACF"}