admins-components 9.0.40 → 9.0.42

package/dist/admins-components49.js

@@ -1,5 +1,125 @@
-import e from "./admins-components48.js";
-//#region src/components/custom/InternalArticleOffer.vue
-var t = e;
+import e from "./admins-components28.js";
+import t from "./admins-components48.js";
+import { createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, openBlock as o, ref as s, watch as c } from "vue";
+//#region src/components/custom/ExternalArticleOffer.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "ac-component" }, u = { class: "d-flex flex-column gap-2" }, d = { class: "c-input-row" }, f = ["value"], p = { class: "c-input-row" }, m = ["value"], h = { class: "c-input-row" }, g = ["value"], _ = /* @__PURE__ */ a({
+	__name: "ExternalArticleOffer",
+	props: {
+		modelValue: {},
+		onArticleUrlChanged: { type: Function },
+		articleEditorUrl: {},
+		environment: {},
+		searchImageWidgetUrl: {},
+		imageBaseUrl: {},
+		imageViewId: {},
+		formats: {}
+	},
+	emits: ["update:modelValue"],
+	setup(a, { emit: _ }) {
+		let v = {
+			article: {
+				url: "",
+				imageUrl: "",
+				imageId: "",
+				title: "",
+				lead: ""
+			},
+			format: ""
+		}, y = _, b = a, x = s(v), S = s({
+			id: x.value.article.imageId,
+			url: "",
+			source: "",
+			title: "",
+			isAdult: !1
+		});
+		c(() => b.modelValue, (e) => {
+			e ? x.value = e : x.value = v;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), c(() => x, (e) => {
+			y("update:modelValue", x.value), S.value.id = e.value.article.imageId, S.value.url = e.value.article.imageUrl;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), c(() => S.value.id, (e) => {
+			x.value.article.imageId = e;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), c(() => S.value.url, (e) => {
+			x.value.article.imageUrl = e;
+		}, {
+			deep: !0,
+			immediate: !0
+		});
+		let C = (e) => {
+			x.value.article.url = e.target?.value || "", x.value.article.url && b.onArticleUrlChanged(x.value.article.url, (e) => {
+				x.value.article = e;
+			});
+		};
+		return ((e) => {
+			if (!customElements.get("hvg-search-image") && !document.querySelector(`script[src="${e}"]`)) {
+				let t = document.createElement("script");
+				t.type = "text/javascript", t.src = e, document.head.appendChild(t);
+			}
+		})(b.searchImageWidgetUrl), (a, s) => (o(), n("div", l, [r("div", u, [
+			r("div", null, [s[4] ||= r("label", {
+				for: "articleUrl",
+				class: "c-label"
+			}, "Article URL", -1), r("div", d, [r("textarea", {
+				id: "articleUrl",
+				class: "c-input",
+				placeholder: "Article URL",
+				value: x.value.article.url,
+				onInput: C
+			}, null, 40, f)])]),
+			r("div", null, [s[5] ||= r("label", {
+				for: "articleTitle",
+				class: "c-label"
+			}, "Title", -1), r("div", p, [r("textarea", {
+				id: "articleTitle",
+				class: "c-input",
+				placeholder: "Article title",
+				value: x.value.article.title,
+				onInput: s[0] ||= (e) => x.value.article.title = e.target?.value || ""
+			}, null, 40, m)])]),
+			r("div", null, [s[6] ||= r("label", {
+				for: "articleLead",
+				class: "c-label"
+			}, "Lead", -1), r("div", h, [r("textarea", {
+				id: "articleLead",
+				class: "c-input",
+				placeholder: "Article lead / description",
+				value: x.value.article.lead,
+				onInput: s[1] ||= (e) => x.value.article.lead = e.target?.value || ""
+			}, null, 40, g)])]),
+			r("div", null, [i(t, {
+				modelValue: S.value,
+				"onUpdate:modelValue": s[2] ||= (e) => S.value = e,
+				details: !1,
+				editable: !1,
+				environment: b.environment,
+				"article-editor-url": b.articleEditorUrl,
+				"search-image-widget-url": b.searchImageWidgetUrl,
+				"image-base-url": b.imageBaseUrl,
+				"image-view-id": b.imageViewId
+			}, null, 8, [
+				"modelValue",
+				"environment",
+				"article-editor-url",
+				"search-image-widget-url",
+				"image-base-url",
+				"image-view-id"
+			])]),
+			r("div", null, [s[7] ||= r("label", { class: "c-label" }, "Format", -1), i(e, {
+				modelValue: x.value.format,
+				"onUpdate:modelValue": s[3] ||= (e) => x.value.format = e,
+				options: b.formats,
+				config: { placeholder: "Select format..." }
+			}, null, 8, ["modelValue", "options"])])
+		])]));
+	}
+});
 //#endregion
-export { t as default };
+export { _ as default };

package/dist/admins-components49.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components49.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-components49.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=\"ac-component\">\n    <div class=\"d-flex flex-column gap-2\">\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  </div>\n</template>\n"],"mappings":"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"}

package/dist/admins-components50.js

@@ -1,20 +1,5 @@
-import { createElementBlock as e, defineComponent as t, normalizeStyle as n, openBlock as r } from "vue";
-//#region src/components/Loader.vue?vue&type=script&setup=true&lang.ts
-var i = /* @__PURE__ */ t({
-	__name: "Loader",
-	props: {
-		loading: { type: Boolean },
-		size: { default: "2rem" }
-	},
-	setup(t) {
-		return (i, a) => (r(), e("div", {
-			class: "loader",
-			style: n({
-				width: t.size,
-				"--loader-thickness": `calc(${t.size} / 6)`
-			})
-		}, null, 4));
-	}
-});
+import e from "./admins-components49.js";
+//#region src/components/custom/ExternalArticleOffer.vue
+var t = e;
 //#endregion
-export { i as default };
+export { t as default };

package/dist/admins-components50.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components50.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"}
+{"version":3,"file":"admins-components50.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=\"ac-component\">\n    <div class=\"d-flex flex-column gap-2\">\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  </div>\n</template>\n"],"mappings":""}

package/dist/admins-components51.js

@@ -0,0 +1,180 @@
+import e from "./admins-components6.js";
+import t from "./admins-components28.js";
+import n from "./admins-components40.js";
+import r from "./admins-components48.js";
+import { createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, onMounted as u, onUnmounted as d, openBlock as f, ref as p, watch as m, withCtx as h } from "vue";
+//#region src/components/custom/InternalArticleOffer.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "ac-component" }, _ = { class: "d-flex flex-column gap-2" }, v = {
+	key: 0,
+	class: "flex gap-2"
+}, y = { class: "c-input-row" }, b = ["value"], x = { class: "c-input-row" }, S = ["value"], C = { class: "c-input-row" }, w = ["value"], T = { class: "c-input-row" }, E = ["value"], D = ["id", "apiurl"], O = "00000000-0000-0000-0000-000000000000", k = /* @__PURE__ */ l({
+	__name: "InternalArticleOffer",
+	props: {
+		modelValue: {},
+		searchArticleApiUrl: {},
+		searchArticleWidgetUrl: {},
+		environment: {},
+		searchImageWidgetUrl: {},
+		imageBaseUrl: {},
+		imageViewId: {},
+		showIds: {
+			type: Boolean,
+			default: !0
+		},
+		formats: {}
+	},
+	emits: ["update:modelValue"],
+	setup(l, { emit: k }) {
+		let A = {
+			article: {
+				siteId: "",
+				id: "",
+				imageId: "",
+				title: "",
+				lead: ""
+			},
+			format: ""
+		}, j = k, M = l, N = p(A), P = p({
+			id: N.value.article.imageId || "",
+			url: "",
+			source: "",
+			title: "",
+			isAdult: !1
+		}), F = p(!1);
+		m(() => M.modelValue, (e) => {
+			e ? N.value = e : N.value = A;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), m(() => N, (e) => {
+			j("update:modelValue", N.value), P.value.id = e.value.article.imageId;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), m(() => P.value.id, (e) => {
+			N.value.article.imageId = e;
+		}, {
+			deep: !0,
+			immediate: !0
+		});
+		let I = p((/* @__PURE__ */ new Date()).getTime().toString() + "article");
+		d(() => {
+			window.removeEventListener("search_posts_selected", L);
+		}), u(() => {
+			window.addEventListener("search_posts_selected", L);
+		});
+		let L = (e) => {
+			if (e.detail.id == I.value) {
+				if (e.detail.result && e.detail.posts.length > 0) {
+					N.value.article.id = e.detail.posts[0].id, N.value.article.siteId = e.detail.posts[0].siteId, N.value.article.title = e.detail.posts[0].title, N.value.article.lead = e.detail.posts[0].lead;
+					let t = e.detail.posts[0].featuredImage;
+					N.value.article.imageId = t || O;
+				}
+				F.value = !1;
+			}
+		}, R = () => {
+			F.value = !0;
+		}, z = (e) => {
+			if (!customElements.get("search-posts-widget") && !document.querySelector(`script[src="${e}"]`)) {
+				let t = document.createElement("script");
+				t.type = "text/javascript", t.src = e, document.head.appendChild(t);
+			}
+		};
+		if (!customElements.get("hvg-search-image") && !document.querySelector(`script[src="${M.searchImageWidgetUrl}"]`)) {
+			let e = document.createElement("script");
+			e.type = "text/javascript", e.src = M.searchImageWidgetUrl, e.async = !0, document.head.appendChild(e);
+		}
+		return z(M.searchArticleWidgetUrl), (u, d) => (f(), o("div", g, [s("div", _, [
+			s("div", null, [c(e, {
+				type: "success",
+				label: "Cikk kiválasztása",
+				class: "nowrap",
+				onClick: R,
+				icon: "fa-solid fa-newspaper"
+			})]),
+			l.showIds ? (f(), o("div", v, [s("div", null, [d[5] ||= s("label", {
+				for: "articleId",
+				class: "c-label"
+			}, "Article ID", -1), s("div", y, [s("input", {
+				id: "articleId",
+				type: "text",
+				class: "c-input",
+				placeholder: "Article ID",
+				disabled: "",
+				value: N.value.article.id
+			}, null, 8, b)])]), s("div", null, [d[6] ||= s("label", {
+				for: "articleSiteId",
+				class: "c-label"
+			}, "Site ID", -1), s("div", x, [s("input", {
+				id: "articleSiteId",
+				type: "text",
+				class: "c-input",
+				placeholder: "Site ID",
+				disabled: "",
+				value: N.value.article.siteId
+			}, null, 8, S)])])])) : a("", !0),
+			s("div", null, [d[7] ||= s("label", {
+				for: "articleTitle",
+				class: "c-label"
+			}, "Title", -1), s("div", C, [s("textarea", {
+				id: "articleTitle",
+				class: "c-input",
+				placeholder: "Article title",
+				value: N.value.article.title,
+				onInput: d[0] ||= (e) => N.value.article.title = e.target?.value || ""
+			}, null, 40, w)])]),
+			s("div", null, [d[8] ||= s("label", {
+				for: "articleLead",
+				class: "c-label"
+			}, "Lead", -1), s("div", T, [s("textarea", {
+				id: "articleLead",
+				class: "c-input",
+				placeholder: "Article lead / description",
+				value: N.value.article.lead,
+				onInput: d[1] ||= (e) => N.value.article.lead = e.target?.value || ""
+			}, null, 40, E)])]),
+			d[10] ||= s("hr", { class: "separator" }, null, -1),
+			s("div", null, [c(r, {
+				modelValue: P.value,
+				"onUpdate:modelValue": d[2] ||= (e) => P.value = e,
+				details: !1,
+				editable: !1,
+				environment: M.environment,
+				"article-editor-url": M.searchArticleApiUrl,
+				"search-image-widget-url": M.searchImageWidgetUrl,
+				"image-base-url": M.imageBaseUrl,
+				"image-view-id": M.imageViewId
+			}, null, 8, [
+				"modelValue",
+				"environment",
+				"article-editor-url",
+				"search-image-widget-url",
+				"image-base-url",
+				"image-view-id"
+			])]),
+			s("div", null, [d[9] ||= s("label", { class: "c-label" }, "Format", -1), c(t, {
+				modelValue: N.value.format,
+				"onUpdate:modelValue": d[3] ||= (e) => N.value.format = e,
+				options: M.formats,
+				config: { placeholder: "Select format..." }
+			}, null, 8, ["modelValue", "options"])]),
+			F.value ? (f(), i(n, {
+				key: 1,
+				title: "Search Article",
+				onClose: d[4] ||= (e) => F.value = !1
+			}, {
+				default: h(() => [s("search-posts-widget", {
+					id: I.value,
+					selector: "true",
+					apiurl: M.searchArticleApiUrl,
+					wpurl: "",
+					searchurl: "",
+					style: { height: "500px" }
+				}, null, 8, D)]),
+				_: 1
+			})) : a("", !0)
+		])]));
+	}
+});
+//#endregion
+export { k as default };

package/dist/admins-components51.js.map

@@ -0,0 +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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"}

package/dist/admins-components52.js

@@ -1,7 +1,5 @@
-import './src/styles/components/loader.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components50.js";
-/* empty css                    */
-//#region src/components/Loader.vue
+import e from "./admins-components51.js";
+//#region src/components/custom/InternalArticleOffer.vue
 var t = e;
 //#endregion
 export { t as default };

package/dist/admins-components52.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components52.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":""}
+{"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":""}

package/dist/admins-components58.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components58.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'\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 | undefined\n  columns: Column[]\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  type?: ColumnType\n  class?: string | undefined\n  headerClass?: string | undefined\n  hideCopyToClipboard?: boolean | undefined\n\n  converter?: undefined | ((v: any, item: any) => any)\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  confirm?: boolean\n  confirmConfig?: ConfirmModalProps\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":";AAqGA,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-components58.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'\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 | undefined\n  columns: Column[]\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  type?: ColumnType\n  class?: string | undefined\n  headerClass?: string | undefined\n  hideCopyToClipboard?: boolean | undefined\n\n  converter?: undefined | ((v: any, item: any) => any)\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  withConfirm?: boolean\n  withConfirmConfig?: ConfirmModalProps\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":";AAqGA,IAAa,IAA+C;CAC1D,SAAS;CACT,SAAS;AACX,GAEa,IAA+C,EAC1D,SAAS,GACX,GAEa,IAAsD;CACjE,QAAQ;CACR,SAAS;AACX"}

package/dist/admins-components61.js

@@ -1,5 +1,5 @@
-import e from "./admins-components42.js";
-import t from "./admins-components52.js";
+import e from "./admins-components25.js";
+import t from "./admins-components45.js";
 import { getColumnValue as n } from "./admins-components59.js";
 import { shortUuid as r } from "./admins-components60.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, isVNode as d, openBlock as f, resolveDirective as p, resolveDynamicComponent as m, toDisplayString as h, withDirectives as g } from "vue";
@@ -42,21 +42,21 @@ var _ = {
 		});
 		return (n, r) => {
 			let i = p("tooltip");
-			return u.col.loading?.() ? (f(), s("span", _, [l(t, {
+			return u.col.loading?.() ? (f(), s("span", _, [l(e, {
 				loading: !0,
 				size: "1rem"
-			})])) : O.value ? (f(), a(m(D.value), { key: 1 })) : u.col.type === "uuid" ? g((f(), s("span", v, [c("span", { innerHTML: k.value }, null, 8, y), u.copy && D.value ? (f(), a(e, {
+			})])) : O.value ? (f(), a(m(D.value), { key: 1 })) : u.col.type === "uuid" ? g((f(), s("span", v, [c("span", { innerHTML: k.value }, null, 8, y), u.copy && D.value ? (f(), a(t, {
 				key: 0,
 				value: D.value
 			}, null, 8, ["value"])) : o("", !0)])), [[i, D.value]]) : u.col.type === "datetime" ? (f(), s("span", b, [
 				c("span", x, h(A.value?.date), 1),
 				A.value?.time ? (f(), s("span", S)) : o("", !0),
 				c("span", C, h(A.value?.time), 1),
-				u.copy && D.value ? (f(), a(e, {
+				u.copy && D.value ? (f(), a(t, {
 					key: 1,
 					value: D.value
 				}, null, 8, ["value"])) : o("", !0)
-			])) : (f(), s("span", w, [c("span", { innerHTML: D.value }, null, 8, T), u.copy && D.value ? (f(), a(e, {
+			])) : (f(), s("span", w, [c("span", { innerHTML: D.value }, null, 8, T), u.copy && D.value ? (f(), a(t, {
 				key: 0,
 				value: D.value
 			}, null, 8, ["value"])) : o("", !0)]));

package/dist/admins-components63.js

@@ -1,6 +1,6 @@
 import e from "./admins-components6.js";
-import t from "./admins-components27.js";
-import n from "./admins-components39.js";
+import t from "./admins-components30.js";
+import n from "./admins-components42.js";
 import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, mergeProps as c, openBlock as l, ref as u, renderList as d } from "vue";
 //#region src/components/data-table/DataListActions.vue?vue&type=script&setup=true&lang.ts
 var f = /* @__PURE__ */ s({
@@ -12,14 +12,15 @@ var f = /* @__PURE__ */ s({
 	setup(s) {
 		let f = u(null);
 		function p(e) {
-			return e.confirmConfig ?? {
+			return {
 				title: e.label ?? "Megerősítés",
 				message: "Biztosan végrehajta a műveletet?",
-				type: e.type
+				type: e.type,
+				...e.withConfirmConfig
 			};
 		}
 		function m(e, t) {
-			e.confirm ? f.value = {
+			e.withConfirm ? f.value = {
 				action: e,
 				item: t
 			} : e.callback(t);
@@ -31,13 +32,17 @@ var f = /* @__PURE__ */ s({
 			return e.isGroup === !0 && Array.isArray(e.items);
 		}
 		function _(e, t) {
-			return e.items.map((e) => ({
-				icon: e.icon,
-				label: e.label ?? "",
-				type: e.type,
-				size: e.label ? "small" : "normal",
-				callback: () => m(e, t)
-			}));
+			return e.items.map((e) => {
+				let n = e.disabled;
+				return {
+					icon: e.icon,
+					label: e.label ?? "",
+					type: e.type,
+					size: e.label ? "small" : "normal",
+					callback: () => m(e, t),
+					disabled: n ? () => n(t) : void 0
+				};
+			});
 		}
 		return (u, v) => (l(), o(r, null, [(l(!0), o(r, null, d(s.actions, (n, a) => (l(), o(r, { key: a }, [g(n) ? (l(), i(t, c({
 			key: 0,
@@ -53,19 +58,19 @@ var f = /* @__PURE__ */ s({
 			icon: n.icon,
 			label: n.label,
 			type: n.type,
-			disabled: n.disabled ? n.disabled(s.item) : !1,
 			size: n.label ? "small" : "normal",
 			ariaLabel: n.ariaLabel,
 			outline: "",
-			callback: () => m(n, s.item)
+			callback: () => m(n, s.item),
+			disabled: n.disabled ? n.disabled(s.item) : !1
 		}, { ref_for: !0 }, n.config), null, 16, [
 			"icon",
 			"label",
 			"type",
-			"disabled",
 			"size",
 			"ariaLabel",
-			"callback"
+			"callback",
+			"disabled"
 		]))], 64))), 128)), f.value ? (l(), i(n, c({ key: 0 }, p(f.value.action), {
 			onConfirm: h,
 			onCancel: v[0] ||= (e) => f.value = null

package/dist/admins-components63.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components63.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action): ConfirmModalProps {\n  return action.confirmConfig ?? {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.confirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction 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: () => handleOnClick(action, item),\n  }))\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in 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=\"() => handleOnClick(action, item)\"\n      v-bind=\"action.config\"\n    />\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;EAcA,IAAM,IAAgB,EAGZ,IAAI;EAEd,SAAS,EAAiB,GAAmC;GAC3D,OAAO,EAAO,iBAAiB;IAC7B,OAAO,EAAO,SAAS;IACvB,SAAS;IACT,MAAM,EAAO;GACf;EACF;EAEA,SAAS,EAAc,GAAgB,GAAgC;GACrE,AAAI,EAAO,UACT,EAAc,QAAQ;IAAE;IAAQ;GAAK,IAErC,EAAO,SAAS,CAAI;EAExB;EAEA,SAAS,IAAgB;GACvB,AAEE,EAAc,WADd,EAAc,MAAM,OAAO,SAAS,EAAc,MAAM,IAAI,GACtC;EAE1B;EAEA,SAAS,EAAc,GAAmD;GACxE,OAAQ,EAAsB,YAAY,MAAQ,MAAM,QAAS,EAAsB,KAAK;EAC9F;EAEA,SAAS,EACP,GACA,GACoB;GACpB,OAAO,EAAM,MAAM,KAAK,OAAoB;IAC1C,MAAM,EAAO;IACb,OAAO,EAAO,SAAS;IACvB,MAAM,EAAO;IACb,MAAM,EAAO,QAAQ,UAAU;IAC/B,gBAAgB,EAAc,GAAQ,CAAI;GAC5C,EAAE;EACJ;6CAIE,EAqBW,GAAA,MAAA,EArBsB,EAAA,UAAf,GAAQ,wBAAsB,EAAE,GAAA,CAExC,EAAc,CAAM,KAAA,EAAA,GAD5B,EAME,GANF,EAME;;GAJC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,OAAO,EAA0B,GAAQ,EAAA,IAAI;sBACtC,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;EAAA,CAAA,MAAA,EAAA,GAGvB,EAWE,GAXF,EAWE;;GATC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,MAAM,EAAO;GACb,UAAU,EAAO,WAAW,EAAO,SAAS,EAAA,IAAI,IAAA;GAChD,MAAM,EAAO,QAAK,UAAA;GAClB,WAAW,EAAO;GACnB,SAAA;GACC,gBAAgB,EAAc,GAAQ,EAAA,IAAI;sBACnC,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;EAAA,CAAA,EAAA,GAAA,EAAA,YAKjB,EAAA,SAAA,EAAA,GADR,EAKE,GALF,EAKE,EAAA,KAAA,EAAA,GAHQ,EAAiB,EAAA,MAAc,MAAM,GAAA;GAC5C,WAAS;GACT,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAa"}
+{"version":3,"file":"admins-components63.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action): ConfirmModalProps {\n  const defaultConfig = {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n  return {\n    ...defaultConfig,\n    ...action.withConfirmConfig,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.withConfirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction buildActionGroupMenuItems(\n  group: ActionGroup,\n  item?: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => {\n    const isDisabled = action.disabled\n    return {\n      icon: action.icon,\n      label: action.label ?? '',\n      type: action.type,\n      size: action.label ? 'small' : 'normal',\n      callback: () => handleOnClick(action, item),\n      disabled: isDisabled ? () => isDisabled(item) : undefined,\n    }\n  })\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in 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      :size=\"action.label ? 'small' : 'normal'\"\n      :ariaLabel=\"action.ariaLabel\"\n      outline\n      :callback=\"() => handleOnClick(action, item)\"\n      :disabled=\"action.disabled ? action.disabled(item) : false\"\n      v-bind=\"action.config\"\n    />\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;EAcA,IAAM,IAAgB,EAGZ,IAAI;EAEd,SAAS,EAAiB,GAAmC;GAM3D,OAAO;IAJL,OAAO,EAAO,SAAS;IACvB,SAAS;IACT,MAAM,EAAO;IAIb,GAAG,EAAO;GACZ;EACF;EAEA,SAAS,EAAc,GAAgB,GAAgC;GACrE,AAAI,EAAO,cACT,EAAc,QAAQ;IAAE;IAAQ;GAAK,IAErC,EAAO,SAAS,CAAI;EAExB;EAEA,SAAS,IAAgB;GACvB,AAEE,EAAc,WADd,EAAc,MAAM,OAAO,SAAS,EAAc,MAAM,IAAI,GACtC;EAE1B;EAEA,SAAS,EAAc,GAAmD;GACxE,OAAQ,EAAsB,YAAY,MAAQ,MAAM,QAAS,EAAsB,KAAK;EAC9F;EAEA,SAAS,EACP,GACA,GACoB;GACpB,OAAO,EAAM,MAAM,KAAK,MAAmB;IACzC,IAAM,IAAa,EAAO;IAC1B,OAAO;KACL,MAAM,EAAO;KACb,OAAO,EAAO,SAAS;KACvB,MAAM,EAAO;KACb,MAAM,EAAO,QAAQ,UAAU;KAC/B,gBAAgB,EAAc,GAAQ,CAAI;KAC1C,UAAU,UAAmB,EAAW,CAAI,IAAI,KAAA;IAClD;GACF,CAAC;EACH;6CAIE,EAqBW,GAAA,MAAA,EArBsB,EAAA,UAAf,GAAQ,wBAAsB,EAAE,GAAA,CAExC,EAAc,CAAM,KAAA,EAAA,GAD5B,EAME,GANF,EAME;;GAJC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,OAAO,EAA0B,GAAQ,EAAA,IAAI;sBACtC,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;EAAA,CAAA,MAAA,EAAA,GAGvB,EAWE,GAXF,EAWE;;GATC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,MAAM,EAAO;GACb,MAAM,EAAO,QAAK,UAAA;GAClB,WAAW,EAAO;GACnB,SAAA;GACC,gBAAgB,EAAc,GAAQ,EAAA,IAAI;GAC1C,UAAU,EAAO,WAAW,EAAO,SAAS,EAAA,IAAI,IAAA;sBACzC,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;EAAA,CAAA,EAAA,GAAA,EAAA,YAKjB,EAAA,SAAA,EAAA,GADR,EAKE,GALF,EAKE,EAAA,KAAA,EAAA,GAHQ,EAAiB,EAAA,MAAc,MAAM,GAAA;GAC5C,WAAS;GACT,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAa"}

package/dist/admins-components64.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components64.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action): ConfirmModalProps {\n  return action.confirmConfig ?? {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.confirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction 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: () => handleOnClick(action, item),\n  }))\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in 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=\"() => handleOnClick(action, item)\"\n      v-bind=\"action.config\"\n    />\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components64.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action): ConfirmModalProps {\n  const defaultConfig = {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n  return {\n    ...defaultConfig,\n    ...action.withConfirmConfig,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.withConfirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction buildActionGroupMenuItems(\n  group: ActionGroup,\n  item?: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => {\n    const isDisabled = action.disabled\n    return {\n      icon: action.icon,\n      label: action.label ?? '',\n      type: action.type,\n      size: action.label ? 'small' : 'normal',\n      callback: () => handleOnClick(action, item),\n      disabled: isDisabled ? () => isDisabled(item) : undefined,\n    }\n  })\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in 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      :size=\"action.label ? 'small' : 'normal'\"\n      :ariaLabel=\"action.ariaLabel\"\n      outline\n      :callback=\"() => handleOnClick(action, item)\"\n      :disabled=\"action.disabled ? action.disabled(item) : false\"\n      v-bind=\"action.config\"\n    />\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":""}