admins-components 9.0.41 → 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-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,10 +12,11 @@ var f = /* @__PURE__ */ s({
 	setup(s) {
 		let f = u(null);
 		function p(e) {
-			return e.withConfirmConfig ?? {
+			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) {
@@ -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.withConfirmConfig ?? {\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.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    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,qBAAqB;IACjC,OAAO,EAAO,SAAS;IACvB,SAAS;IACT,MAAM,EAAO;GACf;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,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.withConfirmConfig ?? {\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.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    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":""}

package/dist/admins-components65.js

@@ -1,5 +1,5 @@
 import e from "./admins-components19.js";
-import t from "./admins-components52.js";
+import t from "./admins-components25.js";
 import { useSelection as n } from "./admins-components57.js";
 import { dataTableSettingsDefaults as r } from "./admins-components58.js";
 import i from "./admins-components62.js";