admins-components 9.0.80 → 9.0.82

package/dist/admins-components51.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components51.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=\"ac-component\">\n    <div class=\"d-flex flex-column gap-2\">\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  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components51.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\nconsole.log('AAAAA', { props })\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=\"ac-component\">\n    <div class=\"d-flex flex-column gap-2\">\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          :environment=\"props.environment\"\n          selector=\"true\"\n          :apiurl=\"props.searchArticleApiUrl\"\n          wpurl=\"\"\n          searchurl=\"\"\n          style=\"height: 500px\"\n        />\n      </Modal>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/admins-components52.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components52.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=\"ac-component\">\n    <div class=\"d-flex flex-column gap-2\">\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  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components52.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\nconsole.log('AAAAA', { props })\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=\"ac-component\">\n    <div class=\"d-flex flex-column gap-2\">\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          :environment=\"props.environment\"\n          selector=\"true\"\n          :apiurl=\"props.searchArticleApiUrl\"\n          wpurl=\"\"\n          searchurl=\"\"\n          style=\"height: 500px\"\n        />\n      </Modal>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/admins-components60.js

@@ -4,7 +4,8 @@ var e = {
 	compact: !1
 }, t = { compact: !1 }, n = {
 	layout: "screen",
-	compact: !1
+	compact: !1,
+	filtersEager: !1
 };
 //#endregion
 export { t as dataCardsSettingsDefaults, n as dataListSettingsDefaults, e as dataTableSettingsDefaults };

package/dist/admins-components60.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components60.js","names":[],"sources":["../src/types/data-list.ts"],"sourcesContent":["import type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport type { PickedDate, PickedUtcRange } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\n\nexport type FilterValue = string | PickedDate | PickedUtcRange | string[] | null | undefined\n\nexport interface FilterConfig {\n  type: 'text' | 'date' | 'date-range' | 'select' | 'multi-select'\n  key: string\n  placeholder?: string\n  options?: DropdownOption[]\n}\n\nexport type LayoutMode = 'table' | 'cards' | 'screen'\n\nexport interface DataTableSettings {\n  striped: boolean\n  compact: boolean\n}\n\nexport interface DataCardsSettings {\n  compact: boolean\n}\n\nexport interface DataListSettings extends DataTableSettings, DataCardsSettings {\n  layout: LayoutMode\n  columns: Record<string, boolean>\n  cardHeaderColumns: Record<string, boolean>\n  columnOrder: string[]\n  cardHeaderOrder: string[]\n}\n\nexport interface PageSettings {\n  page: number\n  pageSize: number\n}\n\nexport interface PaginatorSettings extends PageSettings {\n  total: number\n}\n\nexport interface DataListConfig {\n  selectableAttr?: string\n  columns: Column[]\n\n  actions?: Array<Action | ActionGroup>\n  actionHeader?: string\n}\n\nexport type ColumnType = 'normal' | 'uuid' | 'date' | 'datetime'\n\nexport interface Column {\n  visible?: boolean\n  primary?: boolean\n  hideable?: boolean\n  defaultCardHeader?: boolean\n  label: string\n  property: string\n  sort?: Sort | boolean\n  type?: ColumnType\n  class?: string\n  headerClass?: string\n  hideCopyToClipboard?: boolean\n  hideHeader?: boolean\n\n  converter?: ((v: any, item: any) => any)\n  loading?: (() => boolean)\n}\n\nexport type SortDirection = 'asc' | 'desc' | null\n\nexport interface Sort {\n  label: string\n  callback: (property: string, direction: SortDirection) => any\n}\n\nexport interface Action {\n  icon: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  type?: ButtonType\n  class?: string\n  config?: Record<string, any>\n  disabled?: (item: any) => boolean\n  hidden?: (item: any) => boolean\n  callback: (item: any) => any\n  withConfirm?: boolean\n  withConfirmConfig?: (item: any) => ConfirmModalProps\n}\n\nexport interface ActionGroup {\n  isGroup: true\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  class?: string\n  config?: Record<string, any>\n  items: Action[]\n  disabled?: (item: any) => boolean\n  hidden?: (item: any) => boolean\n}\n\nexport const dataTableSettingsDefaults: DataTableSettings = {\n  striped: true,\n  compact: false,\n}\n\nexport const dataCardsSettingsDefaults: DataCardsSettings = {\n  compact: false,\n}\n\nexport const dataListSettingsDefaults: Partial<DataListSettings> = {\n  layout: 'screen',\n  compact: false,\n}\n"],"mappings":";AAyGA,IAAa,IAA+C;CAC1D,SAAS;CACT,SAAS;AACX,GAEa,IAA+C,EAC1D,SAAS,GACX,GAEa,IAAsD;CACjE,QAAQ;CACR,SAAS;AACX"}
+{"version":3,"file":"admins-components60.js","names":[],"sources":["../src/types/data-list.ts"],"sourcesContent":["import type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport type { PickedDate, PickedUtcRange } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\n\nexport type FilterValue = string | PickedDate | PickedUtcRange | string[] | null | undefined\n\nexport interface FilterConfig {\n  type: 'text' | 'date' | 'date-range' | 'select' | 'multi-select'\n  key: string\n  placeholder?: string\n  options?: DropdownOption[]\n}\n\nexport type LayoutMode = 'table' | 'cards' | 'screen'\n\nexport interface DataTableSettings {\n  striped: boolean\n  compact: boolean\n}\n\nexport interface DataCardsSettings {\n  compact: boolean\n}\n\nexport interface DataListSettings extends DataTableSettings, DataCardsSettings {\n  layout: LayoutMode\n  columns: Record<string, boolean>\n  cardHeaderColumns: Record<string, boolean>\n  columnOrder: string[]\n  cardHeaderOrder: string[]\n  filtersEager: boolean\n}\n\nexport interface PageSettings {\n  page: number\n  pageSize: number\n}\n\nexport interface PaginatorSettings extends PageSettings {\n  total: number\n}\n\nexport interface DataListConfig {\n  selectableAttr?: string\n  columns: Column[]\n\n  actions?: Array<Action | ActionGroup>\n  actionHeader?: string\n}\n\nexport type ColumnType = 'normal' | 'uuid' | 'date' | 'datetime'\n\nexport interface Column {\n  visible?: boolean\n  primary?: boolean\n  hideable?: boolean\n  defaultCardHeader?: boolean\n  label: string\n  property: string\n  sort?: Sort | boolean\n  type?: ColumnType\n  class?: string\n  headerClass?: string\n  hideCopyToClipboard?: boolean\n  hideHeader?: boolean\n\n  converter?: (v: any, item: any) => any\n  loading?: () => boolean\n}\n\nexport type SortDirection = 'asc' | 'desc' | null\n\nexport interface Sort {\n  label: string\n  callback: (property: string, direction: SortDirection) => any\n}\n\nexport interface Action {\n  icon: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  type?: ButtonType\n  class?: string\n  config?: Record<string, any>\n  disabled?: (item: any) => boolean\n  hidden?: (item: any) => boolean\n  callback: (item: any) => any\n  withConfirm?: boolean\n  withConfirmConfig?: (item: any) => ConfirmModalProps\n}\n\nexport interface ActionGroup {\n  isGroup: true\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  class?: string\n  config?: Record<string, any>\n  items: Action[]\n  disabled?: (item: any) => boolean\n  hidden?: (item: any) => boolean\n}\n\nexport const dataTableSettingsDefaults: DataTableSettings = {\n  striped: true,\n  compact: false,\n}\n\nexport const dataCardsSettingsDefaults: DataCardsSettings = {\n  compact: false,\n}\n\nexport const dataListSettingsDefaults: Partial<DataListSettings> = {\n  layout: 'screen',\n  compact: false,\n  // Default is lazy / batched: the filter sidebar only emits when the\n  // user clicks \"Szűrés\". Users can opt into eager mode via the\n  // \"Azonnali szűrés\" toggle in `DataListOptions`, which flips this\n  // to `true` so every filter change emits immediately.\n  filtersEager: false,\n}\n"],"mappings":";AA0GA,IAAa,IAA+C;CAC1D,SAAS;CACT,SAAS;AACX,GAEa,IAA+C,EAC1D,SAAS,GACX,GAEa,IAAsD;CACjE,QAAQ;CACR,SAAS;CAKT,cAAc;AAChB"}

package/dist/admins-components75.js

@@ -4,29 +4,29 @@ import { dataCardsSettingsDefaults as n, dataListSettingsDefaults as r, dataTabl
 import { deepMerge as a } from "./admins-components74.js";
 import { Fragment as o, computed as s, createBlock as ee, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onMounted as te, openBlock as h, ref as g, renderList as _, resolveDirective as ne, toDisplayString as v, watch as re, withCtx as ie, withDirectives as y, withModifiers as b } from "vue";
 //#region src/components/data-table/DataListOptions.vue?vue&type=script&setup=true&lang.ts
-var ae = { class: "table-options" }, oe = { class: "table-options__col" }, se = { class: "table-options__title" }, ce = { class: "table-options__title-value" }, le = { class: "layout-switch" }, ue = { class: "table-options__col" }, x = { class: "table-options__title" }, S = { class: "table-options__list" }, de = { class: "table-options__col" }, fe = { class: "table-options__title" }, pe = { class: "table-options__list" }, me = [
+var ae = { class: "list-options basic" }, oe = { class: "list-options__col" }, x = { class: "list-options__title" }, se = { class: "list-options__title-value" }, ce = { class: "layout-switch" }, le = { class: "list-options__col" }, ue = { class: "list-options__title" }, de = { class: "list-options__list" }, fe = { class: "list-options__col" }, pe = { class: "list-options__title" }, me = { class: "list-options__list" }, he = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onClick"
-], he = {
+], ge = {
 	key: 0,
-	class: "fa-solid fa-grip-vertical table-options__drag-handle"
-}, ge = ["onClick"], _e = {
+	class: "fa-solid fa-grip-vertical list-options__drag-handle"
+}, _e = ["onClick"], ve = {
 	key: 0,
-	class: "table-options__move-actions"
-}, ve = ["disabled"], ye = ["disabled"], be = { class: "table-options__col" }, xe = { class: "table-options__title flex-center gap-1" }, C = { class: "table-options__list" }, w = [
+	class: "list-options__move-actions"
+}, ye = ["disabled"], be = ["disabled"], xe = { class: "list-options__col" }, Se = { class: "list-options__title flex-center gap-1" }, S = { class: "list-options__list" }, C = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onClick"
-], T = {
+], w = {
 	key: 0,
-	class: "fa-solid fa-grip-vertical table-options__drag-handle"
-}, E = ["onClick"], D = {
+	class: "fa-solid fa-grip-vertical list-options__drag-handle"
+}, T = ["onClick"], E = {
 	key: 0,
-	class: "table-options__move-actions"
-}, O = ["disabled"], k = ["disabled"], A = { class: "table-options__footer" }, j = /*@__PURE__*/ p({
+	class: "list-options__move-actions"
+}, D = ["disabled"], O = ["disabled"], k = { class: "list-options-footer" }, A = { class: "list-options advanced" }, j = { class: "list-options__col" }, Ce = { class: "list-options__title" }, we = { class: "list-options__list" }, M = /*@__PURE__*/ p({
 	__name: "DataListOptions",
 	props: {
 		open: { type: Boolean },
@@ -40,37 +40,37 @@ var ae = { class: "table-options" }, oe = { class: "table-options__col" }, se =
 		}
 	},
 	emits: ["close", "change"],
-	setup(p, { emit: j }) {
-		let M = p, N = j, P = g(z()), F = s(() => `data-list-${M.storageKey}`), I = s(() => JSON.stringify(P.value) !== JSON.stringify(z()));
+	setup(p, { emit: M }) {
+		let N = p, P = M, F = g(z()), I = s(() => `data-list-${N.storageKey}`), Te = s(() => JSON.stringify(F.value) !== JSON.stringify(z()));
 		function L(e) {
 			return e.primary === !0 || e.hideable === !1;
 		}
 		function R(e) {
-			for (let t of M.columns) L(t) && (e.columns[t.property] = !0, e.cardHeaderColumns[t.property] = !0);
+			for (let t of N.columns) L(t) && (e.columns[t.property] = !0, e.cardHeaderColumns[t.property] = !0);
 		}
 		function z() {
 			return {
 				...n,
 				...i,
 				...r,
-				...M.settings,
-				columns: Object.fromEntries(M.columns.map((e) => [e.property, M.settings.columns?.[e.property] ?? e.visible !== !1])),
-				cardHeaderColumns: Object.fromEntries(M.columns.map((e) => [e.property, M.settings.cardHeaderColumns?.[e.property] ?? (e.primary === !0 || e.hideable === !1 || e.defaultCardHeader === !0)])),
-				columnOrder: M.settings.columnOrder ?? M.columns.map((e) => e.property),
-				cardHeaderOrder: M.settings.cardHeaderOrder ?? M.columns.map((e) => e.property)
+				...N.settings,
+				columns: Object.fromEntries(N.columns.map((e) => [e.property, N.settings.columns?.[e.property] ?? e.visible !== !1])),
+				cardHeaderColumns: Object.fromEntries(N.columns.map((e) => [e.property, N.settings.cardHeaderColumns?.[e.property] ?? (e.primary === !0 || e.hideable === !1 || e.defaultCardHeader === !0)])),
+				columnOrder: N.settings.columnOrder ?? N.columns.map((e) => e.property),
+				cardHeaderOrder: N.settings.cardHeaderOrder ?? N.columns.map((e) => e.property)
 			};
 		}
-		function Se() {
+		function Ee() {
 			try {
-				let e = localStorage.getItem(F.value), t = z();
+				let e = localStorage.getItem(I.value), t = z();
 				if (e) {
 					let n = JSON.parse(e);
-					P.value = n.settings ? B(a(t, n.settings), M.columns) : t;
-				} else P.value = t;
+					F.value = n.settings ? B(a(t, n.settings), N.columns) : t;
+				} else F.value = t;
 			} catch {
-				P.value = z();
+				F.value = z();
 			}
-			R(P.value), N("change", P.value);
+			R(F.value), P("change", F.value);
 		}
 		function B(e, t) {
 			let n = t.map((e) => e.property), r = (e) => {
@@ -84,35 +84,35 @@ var ae = { class: "table-options" }, oe = { class: "table-options__col" }, se =
 				cardHeaderOrder: r(e.cardHeaderOrder)
 			};
 		}
-		function Ce() {
+		function De() {
 			try {
-				let e = F.value, t = localStorage.getItem(e), n = t ? JSON.parse(t) : {};
-				n.settings = P.value, localStorage.setItem(e, JSON.stringify(n));
+				let e = I.value, t = localStorage.getItem(e), n = t ? JSON.parse(t) : {};
+				n.settings = F.value, localStorage.setItem(e, JSON.stringify(n));
 			} catch (e) {
 				console.error(e);
 			}
-			N("change", P.value);
+			P("change", F.value);
 		}
 		function V(e, t) {
-			P.value = {
-				...P.value,
+			F.value = {
+				...F.value,
 				[e]: t
-			}, Ce();
+			}, De();
 		}
 		function H(e) {
 			V("columns", {
-				...P.value.columns,
-				[e]: !P.value.columns[e]
+				...F.value.columns,
+				[e]: !F.value.columns[e]
 			});
 		}
 		function U(e) {
 			V("cardHeaderColumns", {
-				...P.value.cardHeaderColumns,
-				[e]: !P.value.cardHeaderColumns[e]
+				...F.value.cardHeaderColumns,
+				[e]: !F.value.cardHeaderColumns[e]
 			});
 		}
 		function W(e) {
-			V(e, !P.value[e]);
+			V(e, !F.value[e]);
 		}
 		function G(e, t) {
 			return [...e].sort((e, n) => {
@@ -120,172 +120,190 @@ var ae = { class: "table-options" }, oe = { class: "table-options__col" }, se =
 				return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
 			});
 		}
-		let K = s(() => G(M.columns, P.value.columnOrder)), q = s(() => G(M.columns, P.value.cardHeaderOrder)), J = g(null), Y = g(null), X = g(null), Z = g(null);
-		function we(e) {
+		let K = s(() => G(N.columns, F.value.columnOrder)), q = s(() => G(N.columns, F.value.cardHeaderOrder)), J = g(null), Y = g(null), X = g(null), Z = g(null);
+		function Oe(e) {
 			J.value = e;
 		}
-		function Te(e, t) {
+		function ke(e, t) {
 			if (e.preventDefault(), J.value === null || J.value === t) return;
-			let n = [...P.value.columnOrder], r = n.splice(J.value, 1)[0];
+			let n = [...F.value.columnOrder], r = n.splice(J.value, 1)[0];
 			r && (n.splice(t, 0, r), J.value = t, V("columnOrder", n));
 		}
-		function Ee() {
+		function Ae() {
 			J.value = null;
 		}
-		function De(e) {
+		function je(e) {
 			Y.value = Y.value === e ? null : e;
 		}
 		function Q(e) {
 			if (Y.value === null) return;
 			let t = Y.value + e;
-			if (t < 0 || t >= P.value.columnOrder.length) return;
-			let n = [...P.value.columnOrder], r = n[Y.value];
+			if (t < 0 || t >= F.value.columnOrder.length) return;
+			let n = [...F.value.columnOrder], r = n[Y.value];
 			n[Y.value] = n[t], n[t] = r, V("columnOrder", n), Y.value = t;
 		}
-		function Oe(e) {
+		function Me(e) {
 			X.value = e;
 		}
-		function ke(e, t) {
+		function Ne(e, t) {
 			if (e.preventDefault(), X.value === null || X.value === t) return;
-			let n = [...P.value.cardHeaderOrder], r = n.splice(X.value, 1)[0];
+			let n = [...F.value.cardHeaderOrder], r = n.splice(X.value, 1)[0];
 			r && (n.splice(t, 0, r), X.value = t, V("cardHeaderOrder", n));
 		}
-		function Ae() {
+		function Pe() {
 			X.value = null;
 		}
-		function je(e) {
+		function Fe(e) {
 			Z.value = Z.value === e ? null : e;
 		}
 		function $(e) {
 			if (Z.value === null) return;
 			let t = Z.value + e;
-			if (t < 0 || t >= P.value.cardHeaderOrder.length) return;
-			let n = [...P.value.cardHeaderOrder], r = n[Z.value];
+			if (t < 0 || t >= F.value.cardHeaderOrder.length) return;
+			let n = [...F.value.cardHeaderOrder], r = n[Z.value];
 			n[Z.value] = n[t], n[t] = r, V("cardHeaderOrder", n), Z.value = t;
 		}
-		function Me() {
-			localStorage.removeItem(F.value), P.value = z(), N("change", P.value);
+		function Ie() {
+			localStorage.removeItem(I.value), F.value = z(), P("change", F.value);
 		}
-		return te(Se), re(() => M.columns, () => {
-			P.value = B(P.value, M.columns), R(P.value);
+		return te(Ee), re(() => N.columns, () => {
+			F.value = B(F.value, N.columns), R(F.value);
 		}), (n, r) => {
 			let i = ne("tooltip");
 			return h(), ee(t, {
 				open: p.open,
 				title: "Lista beállítások",
-				position: M.position,
-				onClose: r[16] ||= (e) => N("close")
+				position: N.position,
+				onClose: r[18] ||= (e) => P("close")
 			}, {
-				default: ie(() => [u("div", ae, [
-					u("div", oe, [u("h4", se, [r[17] ||= d(" Elrendezés ", -1), u("span", ce, "— " + v(P.value.layout === "screen" ? "Auto" : P.value.layout === "table" ? "Táblázat" : "Kártyák"), 1)]), u("div", le, [
-						u("button", {
-							class: m(["layout-switch__btn", { "layout-switch__btn--active": P.value.layout === "screen" }]),
-							title: "Kijelző méretéhez igazodó elrendezés",
-							onClick: r[0] ||= (e) => V("layout", "screen")
-						}, [...r[18] ||= [u("i", { class: "fa-solid fa-display" }, null, -1)]], 2),
-						u("button", {
-							class: m(["layout-switch__btn", { "layout-switch__btn--active": P.value.layout === "table" }]),
-							title: "Táblázat nézet",
-							onClick: r[1] ||= (e) => V("layout", "table")
-						}, [...r[19] ||= [u("i", { class: "fa-solid fa-table-list" }, null, -1)]], 2),
-						u("button", {
-							class: m(["layout-switch__btn", { "layout-switch__btn--active": P.value.layout === "cards" }]),
-							title: "Kártya nézet",
-							onClick: r[2] ||= (e) => V("layout", "cards")
-						}, [...r[20] ||= [u("i", { class: "fa-solid fa-list" }, null, -1)]], 2)
-					])]),
-					u("div", ue, [y((h(), l("h4", x, [...r[21] ||= [d(" Megjelenés ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[
+				default: ie(() => [
+					u("div", ae, [
+						u("div", oe, [u("h4", x, [r[19] ||= d(" Elrendezés ", -1), u("span", se, "— " + v(F.value.layout === "screen" ? "Auto" : F.value.layout === "table" ? "Táblázat" : "Kártyák"), 1)]), u("div", ce, [
+							u("button", {
+								class: m(["layout-switch__btn", { "layout-switch__btn--active": F.value.layout === "screen" }]),
+								title: "Kijelző méretéhez igazodó elrendezés",
+								onClick: r[0] ||= (e) => V("layout", "screen")
+							}, [...r[20] ||= [u("i", { class: "fa-solid fa-display" }, null, -1)]], 2),
+							u("button", {
+								class: m(["layout-switch__btn", { "layout-switch__btn--active": F.value.layout === "table" }]),
+								title: "Táblázat nézet",
+								onClick: r[1] ||= (e) => V("layout", "table")
+							}, [...r[21] ||= [u("i", { class: "fa-solid fa-table-list" }, null, -1)]], 2),
+							u("button", {
+								class: m(["layout-switch__btn", { "layout-switch__btn--active": F.value.layout === "cards" }]),
+								title: "Kártya nézet",
+								onClick: r[2] ||= (e) => V("layout", "cards")
+							}, [...r[22] ||= [u("i", { class: "fa-solid fa-list" }, null, -1)]], 2)
+						])]),
+						u("div", le, [y((h(), l("h4", ue, [...r[23] ||= [d(" Megjelenés ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[
+							i,
+							"<b>Kompakt</b>: A sorok közötti térköz csökkentése<br><br><b>Sávos</b> (csak táblázat nézetben):  A páros sorok háttere kicsit sötétebb ",
+							void 0,
+							{ html: !0 }
+						]]), u("ul", de, [u("li", {
+							class: "list-options__item",
+							onClick: r[4] ||= (e) => W("compact"),
+							title: "A sorok közötti térköz csökkentése"
+						}, [u("span", {
+							class: m(["c-checkbox", { "c-checkbox--checked": F.value.compact }]),
+							onClick: r[3] ||= b((e) => W("compact"), ["stop"])
+						}, null, 2), r[24] ||= u("span", null, "Kompakt", -1)]), u("li", {
+							class: "list-options__item",
+							onClick: r[6] ||= (e) => W("striped"),
+							title: "A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)"
+						}, [u("span", {
+							class: m(["c-checkbox", { "c-checkbox--checked": F.value.striped }]),
+							onClick: r[5] ||= b((e) => W("striped"), ["stop"])
+						}, null, 2), r[25] ||= u("span", null, "Sávos (striped)", -1)])])]),
+						u("div", fe, [
+							y((h(), l("h4", pe, [...r[26] ||= [d(" Táblázat oszlopok ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[i, "Táblázat nézetben megjelenő oszlopok"]]),
+							u("ul", me, [(h(!0), l(o, null, _(K.value, (e, t) => (h(), l("li", {
+								key: e.property,
+								class: m(["list-options__item", {
+									"list-options__item--disabled": L(e),
+									"list-options__item--selected": p.orderable && Y.value === t,
+									"list-options__item--dragging": p.orderable && J.value === t
+								}]),
+								draggable: p.orderable,
+								onDragstart: b((e) => p.orderable && Oe(t), ["stop"]),
+								onDragover: b((e) => p.orderable && ke(e, t), ["prevent"]),
+								onDrop: r[7] ||= b(() => {}, ["prevent"]),
+								onDragend: r[8] ||= (e) => p.orderable && Ae(),
+								onClick: b((n) => p.orderable ? je(t) : !L(e) && H(e.property), ["prevent"])
+							}, [p.orderable ? (h(), l("i", ge)) : c("", !0), u("span", {
+								class: "list-options__toggle",
+								onClick: b((t) => !L(e) && H(e.property), ["stop"])
+							}, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": F.value.columns[e.property] }]) }, null, 2), u("span", null, v(e.label), 1)], 8, _e)], 42, he))), 128))]),
+							p.orderable && Y.value !== null ? (h(), l("div", ve, [u("button", {
+								class: "list-options__move-btn",
+								disabled: Y.value === 0,
+								onClick: r[9] ||= (e) => Q(-1)
+							}, [...r[27] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, ye), u("button", {
+								class: "list-options__move-btn",
+								disabled: Y.value === K.value.length - 1,
+								onClick: r[10] ||= (e) => Q(1)
+							}, [...r[28] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, be)])) : c("", !0)
+						]),
+						u("div", xe, [
+							y((h(), l("h4", Se, [...r[29] ||= [d(" Kártya fejléc ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[i, "Kártya nézetben, a sorok fejlécén megjelenő oszlopok"]]),
+							u("ul", S, [(h(!0), l(o, null, _(q.value, (e, t) => (h(), l("li", {
+								key: "ch-" + e.property,
+								class: m(["list-options__item", {
+									"list-options__item--disabled": L(e),
+									"list-options__item--selected": p.orderable && Z.value === t,
+									"list-options__item--dragging": p.orderable && X.value === t
+								}]),
+								draggable: p.orderable,
+								onDragstart: b((e) => p.orderable && Me(t), ["stop"]),
+								onDragover: b((e) => p.orderable && Ne(e, t), ["prevent"]),
+								onDrop: r[11] ||= b(() => {}, ["prevent"]),
+								onDragend: r[12] ||= (e) => p.orderable && Pe(),
+								onClick: b((n) => p.orderable ? Fe(t) : !L(e) && U(e.property), ["prevent"])
+							}, [p.orderable ? (h(), l("i", w)) : c("", !0), u("span", {
+								class: "list-options__toggle",
+								onClick: b((t) => !L(e) && U(e.property), ["stop"])
+							}, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": F.value.cardHeaderColumns[e.property] }]) }, null, 2), u("span", null, v(e.label), 1)], 8, T)], 42, C))), 128))]),
+							p.orderable && Z.value !== null ? (h(), l("div", E, [u("button", {
+								class: "list-options__move-btn",
+								disabled: Z.value === 0,
+								onClick: r[13] ||= (e) => $(-1)
+							}, [...r[30] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, D), u("button", {
+								class: "list-options__move-btn",
+								disabled: Z.value === q.value.length - 1,
+								onClick: r[14] ||= (e) => $(1)
+							}, [...r[31] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, O)])) : c("", !0)
+						])
+					]),
+					r[34] ||= u("hr", { class: "separator my-3" }, null, -1),
+					u("div", k, [f(e, {
+						icon: "fa-solid  fa-triangle-exclamation",
+						disabled: !Te.value,
+						label: "Alapértelmezés visszaállítása",
+						size: "small",
+						onClick: Ie
+					}, null, 8, ["disabled"]), f(e, {
+						label: "OK",
+						onClick: r[15] ||= (e) => P("close")
+					})]),
+					r[35] ||= u("hr", { class: "separator my-3" }, null, -1),
+					u("div", A, [u("div", j, [y((h(), l("h4", Ce, [...r[32] ||= [d(" Haladó beállítások ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[
 						i,
-						"<b>Kompakt</b>: A sorok közötti térköz csökkentése<br><br><b>Sávos</b> (csak táblázat nézetben):  A páros sorok háttere kicsit sötétebb ",
+						"<b>Azonnali szűrés</b>: Bekapcsolt állapotban a szűrő mezők módosítása azonnal érvénybe lép, míg kikapcsolva csak a „Szűrés” gombra kattintva kerülnek alkalmazásra.",
 						void 0,
 						{ html: !0 }
-					]]), u("ul", S, [u("li", {
-						class: "table-options__item",
-						onClick: r[4] ||= (e) => W("compact"),
-						title: "A sorok közötti térköz csökkentése"
-					}, [u("span", {
-						class: m(["c-checkbox", { "c-checkbox--checked": P.value.compact }]),
-						onClick: r[3] ||= b((e) => W("compact"), ["stop"])
-					}, null, 2), r[22] ||= u("span", null, "Kompakt", -1)]), u("li", {
-						class: "table-options__item",
-						onClick: r[6] ||= (e) => W("striped"),
-						title: "A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)"
+					]]), u("ul", we, [u("li", {
+						class: "list-options__item",
+						onClick: r[17] ||= (e) => W("filtersEager"),
+						title: "Bekapcsolt állapotban a szűrő mezők módosítása azonnal érvénybe lép"
 					}, [u("span", {
-						class: m(["c-checkbox", { "c-checkbox--checked": P.value.striped }]),
-						onClick: r[5] ||= b((e) => W("striped"), ["stop"])
-					}, null, 2), r[23] ||= u("span", null, "Sávos (striped)", -1)])])]),
-					u("div", de, [
-						y((h(), l("h4", fe, [...r[24] ||= [d(" Táblázat oszlopok ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[i, "Táblázat nézetben megjelenő oszlopok"]]),
-						u("ul", pe, [(h(!0), l(o, null, _(K.value, (e, t) => (h(), l("li", {
-							key: e.property,
-							class: m(["table-options__item", {
-								"table-options__item--disabled": L(e),
-								"table-options__item--selected": p.orderable && Y.value === t,
-								"table-options__item--dragging": p.orderable && J.value === t
-							}]),
-							draggable: p.orderable,
-							onDragstart: b((e) => p.orderable && we(t), ["stop"]),
-							onDragover: b((e) => p.orderable && Te(e, t), ["prevent"]),
-							onDrop: r[7] ||= b(() => {}, ["prevent"]),
-							onDragend: r[8] ||= (e) => p.orderable && Ee(),
-							onClick: b((n) => p.orderable ? De(t) : !L(e) && H(e.property), ["prevent"])
-						}, [p.orderable ? (h(), l("i", he)) : c("", !0), u("span", {
-							class: "table-options__toggle",
-							onClick: b((t) => !L(e) && H(e.property), ["stop"])
-						}, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": P.value.columns[e.property] }]) }, null, 2), u("span", null, v(e.label), 1)], 8, ge)], 42, me))), 128))]),
-						p.orderable && Y.value !== null ? (h(), l("div", _e, [u("button", {
-							class: "table-options__move-btn",
-							disabled: Y.value === 0,
-							onClick: r[9] ||= (e) => Q(-1)
-						}, [...r[25] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, ve), u("button", {
-							class: "table-options__move-btn",
-							disabled: Y.value === K.value.length - 1,
-							onClick: r[10] ||= (e) => Q(1)
-						}, [...r[26] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, ye)])) : c("", !0)
-					]),
-					u("div", be, [
-						y((h(), l("h4", xe, [...r[27] ||= [d(" Kártya fejléc ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[i, "Kártya nézetben, a sorok fejlécén megjelenő oszlopok"]]),
-						u("ul", C, [(h(!0), l(o, null, _(q.value, (e, t) => (h(), l("li", {
-							key: "ch-" + e.property,
-							class: m(["table-options__item", {
-								"table-options__item--disabled": L(e),
-								"table-options__item--selected": p.orderable && Z.value === t,
-								"table-options__item--dragging": p.orderable && X.value === t
-							}]),
-							draggable: p.orderable,
-							onDragstart: b((e) => p.orderable && Oe(t), ["stop"]),
-							onDragover: b((e) => p.orderable && ke(e, t), ["prevent"]),
-							onDrop: r[11] ||= b(() => {}, ["prevent"]),
-							onDragend: r[12] ||= (e) => p.orderable && Ae(),
-							onClick: b((n) => p.orderable ? je(t) : !L(e) && U(e.property), ["prevent"])
-						}, [p.orderable ? (h(), l("i", T)) : c("", !0), u("span", {
-							class: "table-options__toggle",
-							onClick: b((t) => !L(e) && U(e.property), ["stop"])
-						}, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": P.value.cardHeaderColumns[e.property] }]) }, null, 2), u("span", null, v(e.label), 1)], 8, E)], 42, w))), 128))]),
-						p.orderable && Z.value !== null ? (h(), l("div", D, [u("button", {
-							class: "table-options__move-btn",
-							disabled: Z.value === 0,
-							onClick: r[13] ||= (e) => $(-1)
-						}, [...r[28] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, O), u("button", {
-							class: "table-options__move-btn",
-							disabled: Z.value === q.value.length - 1,
-							onClick: r[14] ||= (e) => $(1)
-						}, [...r[29] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, k)])) : c("", !0)
-					])
-				]), u("div", A, [f(e, {
-					icon: "fa-solid  fa-triangle-exclamation",
-					disabled: !I.value,
-					label: "Alapértelmezés visszaállítása",
-					size: "small",
-					onClick: Me
-				}, null, 8, ["disabled"]), f(e, {
-					label: "OK",
-					onClick: r[15] ||= (e) => N("close")
-				})])]),
+						class: m(["c-checkbox", { "c-checkbox--checked": F.value.filtersEager }]),
+						onClick: r[16] ||= b((e) => W("filtersEager"), ["stop"])
+					}, null, 2), r[33] ||= u("span", null, "Azonnali szűrés", -1)])])])])
+				]),
 				_: 1
 			}, 8, ["open", "position"]);
 		};
 	}
 });
 //#endregion
-export { j as default };
+export { M as default };