admins-components 9.0.27 → 9.0.29

package/dist/admins-components157.js

@@ -1,169 +1,10 @@
-import './src/vueformelements/ArticlePickerElement.vue_vue_type_style_index_0_scoped_43c54caa_lang.css';
-import e from "./admins-components6.js";
-import { defineElement as t } from "./admins-components150.js";
-import n from "./admins-components152.js";
-import { apeConfig as r } from "./admins-components154.js";
-import { ipeConfig as i } from "./admins-components155.js";
-/* empty css                     */
-import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createVNode as u, nextTick as d, onMounted as f, onUnmounted as p, openBlock as m, ref as h, renderList as g, renderSlot as _, resolveComponent as v, resolveDynamicComponent as y, withCtx as b } from "vue";
-//#region src/vueformelements/ArticlePickerElement.vue
-var x = t({
-	components: { Button: e },
-	name: "ArticlePickerElement",
-	setup(e, t) {
-		let n = i.environment, a = i.searchImageWidgetUrl, o = i.imageBaseUrl, s = i.imageViewId, c = r.searchArticleApiUrl, l = r.searchArticleWidgetUrl, u = r.showIds, m = h((/* @__PURE__ */ new Date()).getTime().toString() + "image"), g = h((/* @__PURE__ */ new Date()).getTime().toString() + "article"), _ = "00000000-0000-0000-0000-000000000000", { value: v } = t.element, y = (e) => {
-			e.preventDefault(), d(() => {
-				document.getElementById(m.value).showModal();
-			});
-		}, b = () => {
-			d(() => {
-				document.getElementById(g.value).showModal();
-			});
-		}, x = (e) => {
-			e.preventDefault(), v.value.imageId = _;
-		}, S = (e) => {
-			if (!document.querySelector(`script[src="${e}"]`)) {
-				let t = document.createElement("script");
-				t.type = "text/javascript", t.src = e, document.head.appendChild(t);
-			}
-		}, C = () => `${o}/${s}/${v.value.imageId}.img`;
-		S(a), S(l);
-		let w = (e) => {
-			e.detail.causationid == m.value && (document.getElementById(m.value).close(), v.value.imageId = e.detail.image.id);
-		};
-		return p(() => {
-			window.removeEventListener("image-selected", w, !1);
-		}), f(() => {
-			window.addEventListener("image-selected", w), window.addEventListener("search_posts_selected", (e) => {
-				if (e.detail.id == g.value) {
-					if (e.detail.result && e.detail.posts.length > 0) {
-						v.value.id = e.detail.posts[0].id, v.value.siteId = e.detail.posts[0].siteId, v.value.title = e.detail.posts[0].title, v.value.lead = e.detail.posts[0].lead;
-						let t = e.detail.posts[0].featuredImage;
-						v.value.imageId = t || _;
-					}
-					document.getElementById(g.value).close();
-				}
-			});
-		}), {
-			imageViewId: s,
-			imageBaseUrl: o,
-			imageCausationId: m,
-			articleCausationId: g,
-			searchImageWidgetUrl: a,
-			environment: n,
-			searchArticleApiUrl: c,
-			selectImage: y,
-			selectArticle: b,
-			resetImage: x,
-			addScript: S,
-			value: v,
-			getImageUrl: C,
-			showIds: u
-		};
-	}
-}), S = { class: "ac-component" }, C = { class: "article-picker-container" }, w = { class: "article-picker-section" }, T = {
-	key: 0,
-	class: "article-picker-ids"
-}, E = { class: "article-picker-id-field" }, D = { class: "c-input-row" }, O = ["value"], k = { class: "article-picker-id-field" }, A = { class: "c-input-row" }, j = ["value"], M = { class: "article-picker-section" }, N = { class: "c-input-row" }, P = ["value"], F = { class: "article-picker-section" }, I = { class: "c-input-row" }, L = ["value"], R = { class: "article-picker-section" }, z = ["src"], B = {
-	key: 1,
-	class: "article-picker-no-image"
-}, V = { class: "article-picker-buttons" }, H = ["id"], U = [
-	"causationid",
-	"viewid",
-	"aeurl",
-	"environment"
-], W = ["id"], G = ["id", "apiurl"];
-function K(e, t, n, r, i, d) {
-	let f = v("Button"), p = v("ElementLayout");
-	return m(), a(p, null, l({ _: 2 }, [e.value ? {
-		name: "element",
-		fn: b(() => [c("div", S, [
-			c("div", C, [
-				c("div", w, [u(f, {
-					type: "normal",
-					label: "Cikk Választás",
-					onClick: e.selectArticle
-				}, null, 8, ["onClick"])]),
-				e.showIds ? (m(), s("div", T, [c("div", E, [t[3] ||= c("label", {
-					for: "articleId",
-					class: "c-label"
-				}, "Cikk azonosító", -1), c("div", D, [c("input", {
-					type: "text",
-					id: "articleId",
-					class: "c-input",
-					placeholder: "Cikk azonosító",
-					disabled: "",
-					value: e.value.id
-				}, null, 8, O)])]), c("div", k, [t[4] ||= c("label", {
-					for: "articleSiteId",
-					class: "c-label"
-				}, "Site azonosító", -1), c("div", A, [c("input", {
-					type: "text",
-					id: "articleSiteId",
-					class: "c-input",
-					placeholder: "Site azonosító",
-					disabled: "",
-					value: e.value.siteId
-				}, null, 8, j)])])])) : o("", !0),
-				c("div", M, [t[5] ||= c("label", {
-					for: "articleTitle",
-					class: "c-label"
-				}, "Címe", -1), c("div", N, [c("textarea", {
-					id: "articleTitle",
-					class: "c-input",
-					placeholder: "Címe",
-					value: e.value.title,
-					onInput: t[0] ||= (t) => e.value.title = t.target.value
-				}, null, 40, P)])]),
-				c("div", F, [t[6] ||= c("label", {
-					for: "articleLead",
-					class: "c-label"
-				}, "Lead", -1), c("div", I, [c("textarea", {
-					id: "articleLead",
-					class: "c-input",
-					placeholder: "Lead",
-					value: e.value.lead,
-					onInput: t[1] ||= (t) => e.value.lead = t.target.value
-				}, null, 40, L)])]),
-				c("div", R, [t[7] ||= c("label", { class: "c-label" }, "Kép", -1), c("img", {
-					alt: "",
-					src: e.getImageUrl(),
-					onInput: t[2] ||= (t) => e.value.image = t.target.value,
-					class: "article-picker-image"
-				}, null, 40, z)]),
-				e.value.imageId === "00000000-0000-0000-0000-000000000000" ? (m(), s("div", B, " Nincs kép kiválasztva! ")) : o("", !0),
-				c("div", V, [u(f, {
-					type: "normal",
-					label: "Kép Választás",
-					onClick: e.selectImage
-				}, null, 8, ["onClick"]), u(f, {
-					type: "error",
-					label: "Eltávolítás",
-					onClick: e.resetImage
-				}, null, 8, ["onClick"])])
-			]),
-			c("dialog", { id: e.imageCausationId }, [c("hvg-search-image", {
-				causationid: e.imageCausationId,
-				viewid: e.imageViewId,
-				aeurl: e.searchArticleApiUrl,
-				environment: e.environment,
-				selectonly: "true"
-			}, null, 8, U)], 8, H),
-			c("dialog", { id: e.articleCausationId }, [c("search-posts-widget", {
-				id: e.articleCausationId,
-				selector: "true",
-				apiurl: e.searchArticleApiUrl,
-				wpurl: "",
-				searchurl: "",
-				style: { height: "100%" }
-			}, null, 8, G)], 8, W)
-		])]),
-		key: "0"
-	} : void 0, g(e.elementSlots, (t, n) => ({
-		name: n,
-		fn: b(() => [_(e.$slots, n, { el$: e.el$ }, () => [(m(), a(y(t), { el$: e.el$ }, null, 8, ["el$"]))], !0)])
-	}))]), 1024);
+//#region src/vueformelements/config/ArticleOfferElementConfig.ts
+var e = window.config?.articleOfferElement || {};
+function t(t) {
+	return e = {
+		...e,
+		...t
+	}, e;
 }
-var q = /* @__PURE__ */ n(x, [["render", K], ["__scopeId", "data-v-43c54caa"]]);
 //#endregion
-export { q as default };
+export { e as aoeConfig, t as configureArticleOfferElement };

package/dist/admins-components157.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components157.js","names":[],"sources":["../src/vueformelements/ArticlePickerElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ref, onUnmounted, onMounted, nextTick } from 'vue'\nimport { apeConfig } from '@/vueformelements/config/ArticlePickerElementConfig'\nimport { ipeConfig } from '@/vueformelements/config/ImagePickerElementConfig'\nimport Button from '@/components/Button.vue'\n\nexport default defineElement({\n  components: { Button },\n  name: 'ArticlePickerElement',\n\n  setup(props, context) {\n    const environment = ipeConfig.environment\n    const searchImageWidgetUrl = ipeConfig.searchImageWidgetUrl\n    const imageBaseUrl = ipeConfig.imageBaseUrl\n    const imageViewId = ipeConfig.imageViewId\n\n    const searchArticleApiUrl = apeConfig.searchArticleApiUrl\n    const searchArticleWidgetUrl = apeConfig.searchArticleWidgetUrl\n    const showIds = apeConfig.showIds\n\n    const imageCausationId = ref(new Date().getTime().toString() + 'image')\n    const articleCausationId = ref(new Date().getTime().toString() + 'article')\n\n    const EMPTYGUID = '00000000-0000-0000-0000-000000000000'\n\n    const { value } = context.element\n\n    const selectImage = (event) => {\n      // we need this guy, otherwise the form will be saved\n      event.preventDefault()\n\n      nextTick(() => {\n        document.getElementById(imageCausationId.value).showModal()\n      })\n    }\n\n    const selectArticle = () => {\n      nextTick(() => {\n        document.getElementById(articleCausationId.value).showModal()\n      })\n    }\n\n    const resetImage = (event) => {\n      event.preventDefault()\n      value.value.imageId = EMPTYGUID\n    }\n\n    const addScript = (url) => {\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    const getImageUrl = () => {\n      return `${imageBaseUrl}/${imageViewId}/${value.value.imageId}.img`\n    }\n\n    addScript(searchImageWidgetUrl)\n    addScript(searchArticleWidgetUrl)\n\n    const ImageSelectedHandler = (e) => {\n      if (e.detail.causationid == imageCausationId.value) {\n        document.getElementById(imageCausationId.value).close()\n        value.value.imageId = e.detail.image.id\n      }\n    }\n\n    onUnmounted(() => {\n      window.removeEventListener('image-selected', ImageSelectedHandler, false)\n    })\n\n    onMounted(() => {\n      window.addEventListener('image-selected', ImageSelectedHandler)\n\n      window.addEventListener('search_posts_selected', (e) => {\n        if (e.detail.id == articleCausationId.value) {\n          if (e.detail.result && e.detail.posts.length > 0) {\n            value.value.id = e.detail.posts[0].id\n            value.value.siteId = e.detail.posts[0].siteId\n            value.value.title = e.detail.posts[0].title\n            value.value.lead = e.detail.posts[0].lead\n            const imageId = e.detail.posts[0].featuredImage\n            value.value.imageId = imageId || EMPTYGUID\n          }\n\n          document.getElementById(articleCausationId.value).close()\n        }\n      })\n    })\n\n    return {\n      imageViewId,\n      imageBaseUrl,\n      imageCausationId: imageCausationId,\n      articleCausationId: articleCausationId,\n      searchImageWidgetUrl,\n      environment,\n      searchArticleApiUrl,\n      selectImage,\n      selectArticle,\n      resetImage,\n      addScript,\n      value,\n      getImageUrl,\n      showIds,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template v-if=\"value\" #element>\n      <div class=\"ac-component\">\n        <div class=\"article-picker-container\">\n          <div class=\"article-picker-section\">\n            <Button type=\"normal\" label=\"Cikk Választás\" @click=\"selectArticle\" />\n          </div>\n\n          <template v-if=\"showIds\">\n            <div class=\"article-picker-ids\">\n              <div class=\"article-picker-id-field\">\n                <label for=\"articleId\" class=\"c-label\">Cikk azonosító</label>\n                <div class=\"c-input-row\">\n                  <input\n                    type=\"text\"\n                    id=\"articleId\"\n                    class=\"c-input\"\n                    placeholder=\"Cikk azonosító\"\n                    disabled\n                    :value=\"value.id\"\n                  />\n                </div>\n              </div>\n              <div class=\"article-picker-id-field\">\n                <label for=\"articleSiteId\" class=\"c-label\">Site azonosító</label>\n                <div class=\"c-input-row\">\n                  <input\n                    type=\"text\"\n                    id=\"articleSiteId\"\n                    class=\"c-input\"\n                    placeholder=\"Site azonosító\"\n                    disabled\n                    :value=\"value.siteId\"\n                  />\n                </div>\n              </div>\n            </div>\n          </template>\n\n          <div class=\"article-picker-section\">\n            <label for=\"articleTitle\" class=\"c-label\">Címe</label>\n            <div class=\"c-input-row\">\n              <textarea\n                id=\"articleTitle\"\n                class=\"c-input\"\n                placeholder=\"Címe\"\n                :value=\"value.title\"\n                @input=\"value.title = $event.target.value\"\n              ></textarea>\n            </div>\n          </div>\n\n          <div class=\"article-picker-section\">\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=\"Lead\"\n                :value=\"value.lead\"\n                @input=\"value.lead = $event.target.value\"\n              ></textarea>\n            </div>\n          </div>\n\n          <div class=\"article-picker-section\">\n            <label class=\"c-label\">Kép</label>\n            <img\n              alt=\"\"\n              :src=\"getImageUrl()\"\n              @input=\"value.image = $event.target.value\"\n              class=\"article-picker-image\"\n            />\n          </div>\n\n          <div\n            v-if=\"value.imageId === '00000000-0000-0000-0000-000000000000'\"\n            class=\"article-picker-no-image\"\n          >\n            Nincs kép kiválasztva!\n          </div>\n\n          <div class=\"article-picker-buttons\">\n            <Button type=\"normal\" label=\"Kép Választás\" @click=\"selectImage\" />\n            <Button type=\"error\" label=\"Eltávolítás\" @click=\"resetImage\" />\n          </div>\n        </div>\n\n        <dialog :id=\"imageCausationId\">\n          <hvg-search-image\n            :causationid=\"imageCausationId\"\n            :viewid=\"imageViewId\"\n            :aeurl=\"searchArticleApiUrl\"\n            :environment=\"environment\"\n            selectonly=\"true\"\n          ></hvg-search-image>\n        </dialog>\n        <dialog :id=\"articleCausationId\">\n          <search-posts-widget\n            :id=\"articleCausationId\"\n            selector=\"true\"\n            :apiurl=\"searchArticleApiUrl\"\n            wpurl=\"\"\n            searchurl=\"\"\n            style=\"height: 100%\"\n          ></search-posts-widget>\n        </dialog>\n      </div>\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n\n<style scoped>\n.article-picker-container {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.article-picker-section {\n  display: flex;\n  flex-direction: column;\n  gap: 0.375rem;\n}\n\n.article-picker-ids {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.article-picker-id-field {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 0.375rem;\n}\n\n.article-picker-image {\n  height: 200px;\n  max-width: 100%;\n  border-radius: var(--ac-field-border-radius);\n  object-fit: cover;\n}\n\n.article-picker-no-image {\n  padding: var(--ac-input-padding);\n  color: var(--neutral-500);\n  font-size: var(--ac-field-font-size);\n}\n\n.article-picker-buttons {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components157.js","names":[],"sources":["../src/vueformelements/config/ArticleOfferElementConfig.ts"],"sourcesContent":["export interface ArticleOfferElementConfig {\n  articleEditorUrl: string\n  environment: string\n  searchImageWidgetUrl: string\n  imageBaseUrl: string\n  imageViewId: string\n  onFetchMetaTags?: (url: string) => any\n  gotMetagTags?: (url: string, imageUrl: string | null, title: string, lead: string | null) => any\n}\n\nexport let aoeConfig: ArticleOfferElementConfig = (window as any).config?.articleOfferElement || {}\n\nexport function configureArticleOfferElement(offerConfig: ArticleOfferElementConfig) {\n  aoeConfig = {\n    ...aoeConfig,\n    ...offerConfig,\n  }\n\n  return aoeConfig\n}\n"],"mappings":";AAUA,IAAW,IAAwC,OAAe,QAAQ,uBAAuB,CAAC;AAElG,SAAgB,EAA6B,GAAwC;CAMnF,OALA,IAAY;EACV,GAAG;EACH,GAAG;CACL,GAEO;AACT"}

package/dist/admins-components158.js

@@ -1,52 +1,8 @@
-import e from "./admins-components14.js";
-import { defineElement as t } from "./admins-components150.js";
-import n from "./admins-components152.js";
-import { createBlock as r, createCommentVNode as i, createSlots as a, openBlock as o, ref as s, renderList as c, renderSlot as l, resolveComponent as u, resolveDynamicComponent as d, watch as f, withCtx as p } from "vue";
-//#region src/vueformelements/DateTimePickerElement.vue
-var m = t({
-	name: "DateTimePickerElement",
-	components: { DatePicker: e },
-	setup(e, t) {
-		let { value: n } = t.element;
-		n.value = /* @__PURE__ */ new Date();
-		let r = t.attrs.placeholder, i = s(null), a = s(!1);
-		return f(n, () => {
-			i.value = {
-				local: n.value ? new Date(n.value) : null,
-				utc: n.value
-			}, a.value = !0;
-		}, {
-			deep: !0,
-			immediate: !0
-		}), {
-			display: a,
-			placeholder: r,
-			initial: i,
-			value: n,
-			setValue: (e) => {
-				e && e.utc && (n.value = e.utc);
-			}
-		};
-	}
-});
-function h(e, t, n, s, f, m) {
-	let h = u("DatePicker"), g = u("ElementLayout");
-	return o(), r(g, null, a({
-		element: p(() => [e.display ? (o(), r(h, {
-			key: 0,
-			"model-value": e.initial,
-			config: {
-				showTime: !0,
-				placeholder: e.placeholder
-			},
-			"onUpdate:modelValue": t[0] ||= (t) => e.setValue(t)
-		}, null, 8, ["model-value", "config"])) : i("", !0)]),
-		_: 2
-	}, [c(e.elementSlots, (t, n) => ({
-		name: n,
-		fn: p(() => [l(e.$slots, n, { el$: e.el$ }, () => [(o(), r(d(t), { el$: e.el$ }, null, 8, ["el$"]))])])
-	}))]), 1024);
-}
-var g = /* @__PURE__ */ n(m, [["render", h]]);
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
 //#endregion
-export { g as default };
+export { e as default };

package/dist/admins-components159.js

@@ -1,10 +1,143 @@
-//#region src/vueformelements/config/ExternalArticleOfferElementConfig.ts
-var e = window.config?.externalArticleOfferElement || {};
-function t(t) {
-	return e = {
-		...e,
-		...t
-	}, e;
+import e from "./admins-components6.js";
+import { defineElement as t } from "./admins-components156.js";
+import { aoeConfig as n } from "./admins-components157.js";
+import r from "./admins-components158.js";
+import { createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createVNode as l, nextTick as u, onMounted as d, onUnmounted as f, openBlock as p, ref as m, renderList as h, renderSlot as g, resolveComponent as _, resolveDynamicComponent as v, withCtx as y } from "vue";
+//#region src/vueformelements/ArticleOfferElement.vue
+var b = t({
+	components: { Button: e },
+	name: "ArticleOfferElement",
+	setup(e, t) {
+		let r = n.articleEditorUrl, i = n.environment, a = n.searchImageWidgetUrl, o = n.imageBaseUrl, s = n.imageViewId, c = n.onFetchMetaTags, l = m((/* @__PURE__ */ new Date()).getTime().toString() + "image"), { value: p } = t.element, h = (e, t, n, r) => {
+			e === p.value.url && (p.value.image = t, p.value.title = n, p.value.lead = r);
+		};
+		n.gotMetagTags = h;
+		let g = () => {
+			p.value.url && n.onFetchMetaTags(p.value.url);
+		}, _ = (e) => {
+			e.preventDefault(), u(() => {
+				document.getElementById(l.value).showModal();
+			});
+		}, v = (e) => {
+			e.preventDefault(), p.value.imageId = "00000000-0000-0000-0000-000000000000", p.value.image = "";
+		}, y = (e) => {
+			if (!document.querySelector(`script[src="${e}"]`)) {
+				let t = document.createElement("script");
+				t.type = "text/javascript", t.src = e, document.head.appendChild(t);
+			}
+		}, b = (e) => {
+			if (e.detail.causationid == l.value) {
+				document.getElementById(l.value).close();
+				let t = e.detail.image;
+				p.value.image = t.url;
+			}
+		};
+		return f(() => {
+			window.removeEventListener("image-selected", b, !1);
+		}), d(() => {
+			window.addEventListener("image-selected", b);
+		}), y(a), {
+			articleEditorUrl: r,
+			environment: i,
+			imageViewId: s,
+			imageBaseUrl: o,
+			imageCausationId: l,
+			searchImageWidgetUrl: a,
+			selectImage: _,
+			resetImage: v,
+			addScript: y,
+			value: p,
+			fetchMetaTags: g,
+			onFetchMetaTags: c,
+			gotMetagTags: h
+		};
+	}
+}), x = { class: "ac-component" }, S = { class: "c-input-row" }, C = ["value"], w = { class: "c-input-row" }, T = ["value"], E = { class: "c-input-row" }, D = ["value"], O = ["src"], k = { key: 0 }, A = {
+	class: "flex-center mt-2 w-100",
+	role: "group",
+	"aria-label": "Képválasztó gombok"
+}, j = ["id"], M = [
+	"causationid",
+	"viewid",
+	"environment",
+	"aeurl"
+];
+function N(e, t, n, r, u, d) {
+	let f = _("Button"), m = _("ElementLayout");
+	return p(), i(m, null, c({ _: 2 }, [e.value ? {
+		name: "element",
+		fn: y(() => [
+			s("div", x, [t[7] ||= s("label", {
+				for: "articleUrl",
+				class: "c-label"
+			}, "Cikk url", -1), s("div", S, [s("input", {
+				type: "text",
+				id: "articleUrl",
+				class: "c-input",
+				placeholder: "Cikk url",
+				value: e.value.url,
+				onInput: t[0] ||= (t) => {
+					e.value.url = t.target.value;
+				},
+				onBlur: t[1] ||= (...t) => e.fetchMetaTags && e.fetchMetaTags(...t)
+			}, null, 40, C)])]),
+			s("div", null, [t[8] ||= s("label", {
+				for: "articleTitle",
+				class: "c-label"
+			}, "Címe", -1), s("div", w, [s("textarea", {
+				id: "articleTitle",
+				class: "c-input",
+				placeholder: "Címe",
+				value: e.value.title,
+				onInput: t[2] ||= (t) => e.value.title = t.target.value
+			}, null, 40, T)])]),
+			s("div", null, [t[9] ||= s("label", {
+				for: "articleLead",
+				class: "c-label"
+			}, "Lead", -1), s("div", E, [s("textarea", {
+				id: "articleLead",
+				class: "c-input",
+				placeholder: "Lead",
+				value: e.value.lead,
+				onInput: t[3] ||= (t) => e.value.lead = t.target.value
+			}, null, 40, D)])]),
+			s("div", null, [t[10] ||= s("label", {
+				class: "c-label",
+				style: { display: "block" }
+			}, "Kép", -1), s("img", {
+				alt: "",
+				src: e.value.image,
+				onInput: t[4] ||= (t) => e.value.image = t.target.value,
+				style: { height: "200px" }
+			}, null, 40, O)]),
+			e.value.imageId === "00000000-0000-0000-0000-000000000000" ? (p(), o("div", k, " Nincs kép kiválasztva! ")) : a("", !0),
+			s("div", A, [l(f, {
+				type: "dark",
+				label: "Kép Választás",
+				onClick: t[5] ||= (t) => {
+					e.selectImage(t);
+				}
+			}), l(f, {
+				type: "danger",
+				label: "Eltávolítás",
+				onClick: t[6] ||= (t) => {
+					e.resetImage(t);
+				}
+			})]),
+			s("dialog", { id: e.imageCausationId }, [s("hvg-search-image", {
+				causationid: e.imageCausationId,
+				viewid: e.imageViewId,
+				environment: e.environment,
+				aeurl: e.articleEditorUrl,
+				selectonly: "true"
+			}, null, 8, M)], 8, j)
+		]),
+		key: "0"
+	} : void 0, h(e.elementSlots, (t, n) => ({
+		name: n,
+		fn: y(() => [g(e.$slots, n, { el$: e.el$ }, () => [(p(), i(v(t), { el$: e.el$ }, null, 8, ["el$"]))])])
+	}))]), 1024);
 }
+var P = /* @__PURE__ */ r(b, [["render", N]]);
 //#endregion
-export { t as configureExternalArticleOfferElement, e as eaoeConfig };
+export { P as default };

package/dist/admins-components159.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components159.js","names":[],"sources":["../src/vueformelements/config/ExternalArticleOfferElementConfig.ts"],"sourcesContent":["import type { Article } from '@/components/custom/ExternalArticleOffer.vue'\n\nexport interface ExternalArticleOfferElementConfig {\n  formats: { label: string; value: string }[]\n  onArticleUrlChanged: (url: string, callback: (article: Article) => void) => void\n}\n\nexport let eaoeConfig: ExternalArticleOfferElementConfig =\n  (window as any).config?.externalArticleOfferElement || {}\n\nexport function configureExternalArticleOfferElement(conf: ExternalArticleOfferElementConfig) {\n  eaoeConfig = {\n    ...eaoeConfig,\n    ...conf,\n  }\n\n  return eaoeConfig\n}\n"],"mappings":";AAOA,IAAW,IACR,OAAe,QAAQ,+BAA+B,CAAC;AAE1D,SAAgB,EAAqC,GAAyC;CAM5F,OALA,IAAa;EACX,GAAG;EACH,GAAG;CACL,GAEO;AACT"}
+{"version":3,"file":"admins-components159.js","names":[],"sources":["../src/vueformelements/ArticleOfferElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ref, onMounted, onUnmounted, nextTick } from 'vue'\nimport { aoeConfig } from '@/vueformelements/config/ArticleOfferElementConfig'\nimport Button from '@/components/Button.vue'\n\nexport default defineElement({\n  components: { Button },\n  name: 'ArticleOfferElement',\n\n  setup(props, context) {\n    const articleEditorUrl = aoeConfig.articleEditorUrl\n    const environment = aoeConfig.environment\n    const searchImageWidgetUrl = aoeConfig.searchImageWidgetUrl\n    const imageBaseUrl = aoeConfig.imageBaseUrl\n    const imageViewId = aoeConfig.imageViewId\n    const onFetchMetaTags = aoeConfig.onFetchMetaTags\n\n    const imageCausationId = ref(new Date().getTime().toString() + 'image')\n\n    const EMPTYGUID = '00000000-0000-0000-0000-000000000000'\n\n    const { value } = context.element\n\n    const gotMetagTags = (url, imageUrl, title, lead) => {\n      if (url === value.value['url']) {\n        value.value.image = imageUrl\n        value.value.title = title\n        value.value.lead = lead\n      }\n    }\n\n    aoeConfig.gotMetagTags = gotMetagTags\n    const fetchMetaTags = () => {\n      if (!value.value['url']) return\n      aoeConfig.onFetchMetaTags(value.value['url'])\n    }\n\n    const selectImage = (event) => {\n      // we need this guy, otherwise the form will be saved\n      event.preventDefault()\n      nextTick(() => {\n        document.getElementById(imageCausationId.value).showModal()\n      })\n    }\n\n    const resetImage = (event) => {\n      event.preventDefault()\n      value.value.imageId = EMPTYGUID\n      value.value.image = ''\n    }\n\n    const addScript = (url) => {\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    const ImageSelectedHandler = (e) => {\n      if (e.detail.causationid == imageCausationId.value) {\n        document.getElementById(imageCausationId.value).close()\n        const image = e.detail.image\n        value.value.image = image.url\n      }\n    }\n\n    onUnmounted(() => {\n      window.removeEventListener('image-selected', ImageSelectedHandler, false)\n    })\n\n    onMounted(() => {\n      window.addEventListener('image-selected', ImageSelectedHandler)\n    })\n\n    addScript(searchImageWidgetUrl)\n\n    return {\n      articleEditorUrl,\n      environment,\n      imageViewId,\n      imageBaseUrl,\n      imageCausationId: imageCausationId,\n      searchImageWidgetUrl,\n      selectImage,\n      resetImage,\n      addScript,\n      value,\n      fetchMetaTags,\n      onFetchMetaTags,\n      gotMetagTags,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template v-if=\"value\" #element>\n      <div class=\"ac-component\">\n        <label for=\"articleUrl\" class=\"c-label\">Cikk url</label>\n        <div class=\"c-input-row\">\n          <input\n            type=\"text\"\n            id=\"articleUrl\"\n            class=\"c-input\"\n            placeholder=\"Cikk url\"\n            :value=\"value.url\"\n            @input=\"\n              (event) => {\n                value.url = event.target.value\n              }\n            \"\n            @blur=\"fetchMetaTags\"\n          />\n        </div>\n      </div>\n      <div>\n        <label for=\"articleTitle\" class=\"c-label\">Címe</label>\n        <div class=\"c-input-row\">\n          <textarea\n            id=\"articleTitle\"\n            class=\"c-input\"\n            placeholder=\"Címe\"\n            :value=\"value.title\"\n            @input=\"value.title = $event.target.value\"\n          ></textarea>\n        </div>\n      </div>\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=\"Lead\"\n            :value=\"value.lead\"\n            @input=\"value.lead = $event.target.value\"\n          ></textarea>\n        </div>\n      </div>\n      <div>\n        <label class=\"c-label\" style=\"display: block\">Kép</label>\n        <img\n          alt=\"\"\n          :src=\"value.image\"\n          @input=\"value.image = $event.target.value\"\n          style=\"height: 200px\"\n        />\n      </div>\n      <div v-if=\"value.imageId === '00000000-0000-0000-0000-000000000000'\">\n        Nincs kép kiválasztva!\n      </div>\n      <div class=\"flex-center mt-2 w-100\" role=\"group\" aria-label=\"Képválasztó gombok\">\n        <Button\n          type=\"dark\"\n          label=\"Kép Választás\"\n          @click=\"\n            (event) => {\n              selectImage(event)\n            }\n          \"\n        />\n        <Button\n          type=\"danger\"\n          label=\"Eltávolítás\"\n          @click=\"\n            (event) => {\n              resetImage(event)\n            }\n          \"\n        />\n      </div>\n      <dialog :id=\"imageCausationId\">\n        <hvg-search-image\n          :causationid=\"imageCausationId\"\n          :viewid=\"imageViewId\"\n          :environment=\"environment\"\n          :aeurl=\"articleEditorUrl\"\n          selectonly=\"true\"\n        ></hvg-search-image>\n      </dialog>\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n"],"mappings":"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"}

package/dist/admins-components16.js

@@ -1,5 +1,90 @@
-import e from "./admins-components15.js";
-//#region src/components/Checkbox.vue
-var t = e;
+import { debounce as e } from "./admins-components15.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeDefaults as s, normalizeClass as c, openBlock as l, ref as u, resolveDynamicComponent as d, toDisplayString as f, useId as p, watch as m } from "vue";
+//#region src/components/TextInput.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "ac-component c-input-wrapper" }, g = ["for"], _ = {
+	modelValue: void 0,
+	type: "text",
+	disabled: !1,
+	clearable: !0,
+	autocomplete: !0,
+	labelOnBorder: void 0,
+	size: "normal"
+}, v = /* @__PURE__ */ o({
+	__name: "TextInput",
+	props: /* @__PURE__ */ s({
+		modelValue: {},
+		type: {},
+		label: {},
+		labelOnBorder: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		clearable: { type: Boolean },
+		autocomplete: { type: Boolean },
+		size: {},
+		id: {}
+	}, _),
+	emits: ["update:modelValue"],
+	setup(o, { emit: s }) {
+		let _ = o, v = s, y = t(() => _.id ?? `c-input-${p()}`), b = u(_.modelValue), x = t(() => {
+			let e = b.value;
+			return e != null && String(e) !== "";
+		});
+		m(() => _.modelValue, (e) => {
+			e !== b.value && (b.value = e);
+		});
+		let S = t(() => !!_.labelOnBorder && _.labelOnBorder.trim() !== ""), C = t(() => S.value && x.value || _.label);
+		function w(e) {
+			let t = e.target.value;
+			b.value = t, T(t);
+		}
+		let T = e((e) => {
+			v("update:modelValue", _.type === "number" ? e === "" ? null : Number(e) : e);
+		});
+		function E() {
+			let e = _.type === "number" ? null : "";
+			b.value = e, v("update:modelValue", e);
+		}
+		return (e, t) => (l(), i("div", h, [S.value || o.label ? (l(), i("label", {
+			key: 0,
+			class: c(["c-label pointer", {
+				"c-label--on-border": S.value,
+				hide: !C.value
+			}]),
+			for: y.value
+		}, f(S.value ? o.labelOnBorder : o.label), 11, g)) : r("", !0), a("div", { class: c(["c-input-row", {
+			"c-input-row--sm": o.size === "small",
+			"c-input-row--lg": o.size === "large",
+			"c-input-row--disabled": o.disabled
+		}]) }, [(l(), n(d(o.type === "textarea" ? "textarea" : "input"), {
+			id: y.value,
+			type: o.type,
+			class: c(["c-input", {
+				"c-textarea": o.type === "textarea",
+				"c-input--disabled": o.disabled
+			}]),
+			value: b.value == null ? "" : String(b.value),
+			placeholder: o.placeholder,
+			disabled: o.disabled,
+			inputmode: o.type === "number" ? "decimal" : void 0,
+			autocomplete: o.autocomplete ? "on" : "off",
+			onInput: w
+		}, null, 40, [
+			"id",
+			"type",
+			"class",
+			"value",
+			"placeholder",
+			"disabled",
+			"inputmode",
+			"autocomplete"
+		])), o.clearable && !o.disabled ? (l(), i("button", {
+			key: 0,
+			type: "button",
+			class: c(["c-icon-btn c-icon-btn--clear", { "c-icon-btn--hidden": !x.value }]),
+			"aria-label": "Mező törlése",
+			onClick: E
+		}, [...t[0] ||= [a("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]], 2)) : r("", !0)], 2)]));
+	}
+});
 //#endregion
-export { t as default };
+export { v as default, _ as textInputDefaults };

package/dist/admins-components16.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components16.js","names":[],"sources":["../src/components/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useId } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: boolean\n    label?: string\n    disabled?: boolean\n    labelAlignmentFix?: boolean\n  }>(),\n  {\n    modelValue: undefined,\n    label: undefined,\n    disabled: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean | undefined]\n}>()\n\nconst inputId = `c-checkbox-${useId()}`\n\nfunction onChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement\n  emit('update:modelValue', target.checked || undefined)\n}\n</script>\n\n<template>\n  <div class=\"c-checkbox-wrapper\">\n    <input\n      type=\"checkbox\"\n      class=\"c-checkbox\"\n      :class=\"{\n        'c-checkbox--checked': !!modelValue,\n        'c-checkbox--disabled': disabled,\n      }\"\n      :id=\"inputId\"\n      :checked=\"!!modelValue\"\n      :disabled=\"disabled\"\n      @change=\"onChange\"\n    />\n<!--  :class=\"{ 'align-center-fix': labelAlignmentFix }\" -->\n    <label\n      v-if=\"label\"\n      class=\"c-label pointer\"\n      :for=\"inputId\"\n    >\n      {{ label }}\n    </label>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components16.js","names":[],"sources":["../src/components/TextInput.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { debounce } from '@/utils/debounce'\n\nexport type TextInputType = 'text' | 'number' | 'textarea'\nexport interface TextInputProps {\n  modelValue?: string | number | null\n  type?: TextInputType\n  label?: string\n  labelOnBorder?: string\n  placeholder?: string\n  disabled?: boolean\n  clearable?: boolean\n  autocomplete?: boolean\n  size?: ControlSize\n  id?: string\n}\n\nexport const textInputDefaults = {\n  modelValue: undefined,\n  type: 'text',\n  disabled: false,\n  clearable: true,\n  autocomplete: true,\n  labelOnBorder: undefined,\n  size: 'normal' as ControlSize,\n} as TextInputProps\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from 'vue'\n\nconst props = withDefaults(defineProps<TextInputProps>(), textInputDefaults)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number | null]\n}>()\n\nconst inputId = computed(() => props.id ?? `c-input-${useId()}`)\n\nconst localValue = ref<string | number | null | undefined>(props.modelValue)\n\nconst hasValue = computed(() => {\n  const v = localValue.value\n  return v !== null && v !== undefined && String(v) !== ''\n})\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val === localValue.value) return\n    localValue.value = val\n  },\n)\n\nconst hasLabelOnBorder = computed(\n  () => !!props.labelOnBorder && props.labelOnBorder.trim() !== '',\n)\n\nconst borderLabelVisible = computed(() => hasLabelOnBorder.value && hasValue.value || props.label )\n\nfunction onInput(e: Event) {\n  const raw = (e.target as HTMLInputElement).value\n  localValue.value = raw\n  debouncedEmit(raw)\n}\n\nconst debouncedEmit = debounce((raw: string) => {\n  emit(\n    'update:modelValue',\n    props.type === 'number' ? (raw === '' ? null : Number(raw)) : raw,\n  )\n})\n\nfunction clear() {\n  const next = props.type === 'number' ? null : ''\n  localValue.value = next\n  emit('update:modelValue', next)\n}\n</script>\n\n<template>\n  <div class=\"ac-component c-input-wrapper\">\n    <label\n      v-if=\"hasLabelOnBorder || label\"\n      class=\"c-label pointer\"\n      :class=\"{\n        'c-label--on-border': hasLabelOnBorder,\n        'hide': !borderLabelVisible,\n      }\"\n      :for=\"inputId\"\n    >\n      {{ hasLabelOnBorder ? labelOnBorder : label }}\n    </label>\n    <div\n      class=\"c-input-row\"\n      :class=\"{\n        'c-input-row--sm': size === 'small',\n        'c-input-row--lg': size === 'large',\n        'c-input-row--disabled': disabled,\n      }\"\n    >\n      <component\n        :is=\"type === 'textarea' ? 'textarea' : 'input'\"\n        :id=\"inputId\"\n        :type=\"type\"\n        class=\"c-input\"\n        :class=\"{ 'c-textarea': type === 'textarea', 'c-input--disabled': disabled }\"\n        :value=\"localValue == null ? '' : String(localValue)\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        :inputmode=\"type === 'number' ? 'decimal' : undefined\"\n        :autocomplete=\"autocomplete ? 'on' : 'off'\"\n        @input=\"onInput\"\n      />\n      <button\n        v-if=\"clearable && !disabled\"\n        type=\"button\"\n        class=\"c-icon-btn c-icon-btn--clear\"\n        :class=\"{ 'c-icon-btn--hidden': !hasValue }\"\n        aria-label=\"Mező törlése\"\n        @click=\"clear\"\n      >\n        <i class=\"fa-solid fa-fw fa-xmark\"></i>\n      </button>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;gEAkBa,IAAoB;CAC/B,YAAY,KAAA;CACZ,MAAM;CACN,UAAU;CACV,WAAW;CACX,cAAc;CACd,eAAe,KAAA;CACf,MAAM;AACR;;;;;;;;;;;;;;;;EAMA,IAAM,IAAQ,GAER,IAAO,GAIP,IAAU,QAAe,EAAM,MAAM,WAAW,EAAM,GAAG,GAEzD,IAAa,EAAwC,EAAM,UAAU,GAErE,IAAW,QAAe;GAC9B,IAAM,IAAI,EAAW;GACrB,OAAO,KAAM,QAA2B,OAAO,CAAC,MAAM;EACxD,CAAC;EAED,QACQ,EAAM,aACX,MAAQ;GACH,MAAQ,EAAW,UACvB,EAAW,QAAQ;EACrB,CACF;EAEA,IAAM,IAAmB,QACjB,CAAC,CAAC,EAAM,iBAAiB,EAAM,cAAc,KAAK,MAAM,EAChE,GAEM,IAAqB,QAAe,EAAiB,SAAS,EAAS,SAAS,EAAM,KAAM;EAElG,SAAS,EAAQ,GAAU;GACzB,IAAM,IAAO,EAAE,OAA4B;GAE3C,AADA,EAAW,QAAQ,GACnB,EAAc,CAAG;EACnB;EAEA,IAAM,IAAgB,GAAU,MAAgB;GAC9C,EACE,qBACA,EAAM,SAAS,WAAY,MAAQ,KAAK,OAAO,OAAO,CAAG,IAAK,CAChE;EACF,CAAC;EAED,SAAS,IAAQ;GACf,IAAM,IAAO,EAAM,SAAS,WAAW,OAAO;GAE9C,AADA,EAAW,QAAQ,GACnB,EAAK,qBAAqB,CAAI;EAChC;yBAIE,EA4CM,OA5CN,GA4CM,CA1CI,EAAA,SAAoB,EAAA,SAAA,EAAA,GAD5B,EAUQ,SAAA;;GARN,OAAK,EAAA,CAAC,mBAAiB;0BACiB,EAAA;WAAmC,EAAA;;GAI1E,KAAK,EAAA;OAEH,EAAA,QAAmB,EAAA,gBAAgB,EAAA,KAAK,GAAA,IAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAE7C,EA+BM,OAAA,EA9BJ,OAAK,EAAA,CAAC,eAAa;sBACkB,EAAA,SAAI;sBAAyC,EAAA,SAAI;4BAA+C,EAAA;gBAMrI,EAYE,EAXK,EAAA,SAAI,aAAA,aAAA,OAAA,GAAA;GACR,IAAI,EAAA;GACJ,MAAM,EAAA;GACP,OAAK,EAAA,CAAC,WAAS;IAAA,cACS,EAAA,SAAI;IAAA,qBAAsC,EAAA;GAAQ,CAAA,CAAA;GACzE,OAAO,EAAA,SAAU,OAAA,KAAgB,OAAO,EAAA,KAAU;GAClD,aAAa,EAAA;GACb,UAAU,EAAA;GACV,WAAW,EAAA,SAAI,WAAA,YAA4B,KAAA;GAC3C,cAAc,EAAA,eAAY,OAAA;GACnB;;;;;;;;;;OAGF,EAAA,aAAS,CAAK,EAAA,YAAA,EAAA,GADtB,EASS,UAAA;;GAPP,MAAK;GACL,OAAK,EAAA,CAAC,gCAA8B,EAAA,sBAAA,CACH,EAAA,MAAQ,CAAA,CAAA;GACzC,cAAW;GACV,SAAO;mBAER,EAAuC,KAAA,EAApC,OAAM,0BAAyB,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/admins-components160.js

@@ -1,51 +1,10 @@
-import e from "./admins-components43.js";
-import { defineElement as t } from "./admins-components150.js";
-import n from "./admins-components152.js";
-import { ipeConfig as r } from "./admins-components155.js";
-import { eaoeConfig as i } from "./admins-components159.js";
-import { createBlock as a, createSlots as o, createVNode as s, openBlock as c, renderList as l, renderSlot as u, resolveComponent as d, resolveDynamicComponent as f, withCtx as p } from "vue";
-//#region src/vueformelements/ExternalArticleOfferElement.vue
-var m = t({
-	name: "ExternalArticleOfferElement",
-	components: { ExternalArticleOffer: e },
-	setup(e, t) {
-		let { value: n } = t.element;
-		return {
-			ipeConfig: r,
-			eaoeConfig: i,
-			value: n
-		};
-	}
-});
-function h(e, t, n, r, i, m) {
-	let h = d("ExternalArticleOffer"), g = d("ElementLayout");
-	return c(), a(g, null, o({
-		element: p(() => [s(h, {
-			modelValue: e.value,
-			"onUpdate:modelValue": t[0] ||= (t) => e.value = t,
-			"article-editor-url": e.ipeConfig.articleEditorUrl,
-			environment: e.ipeConfig.environment,
-			"search-image-widget-url": e.ipeConfig.searchImageWidgetUrl,
-			"image-base-url": e.ipeConfig.imageBaseUrl,
-			"image-view-id": e.ipeConfig.imageViewId,
-			formats: e.eaoeConfig.formats,
-			"on-article-url-changed": e.eaoeConfig.onArticleUrlChanged
-		}, null, 8, [
-			"modelValue",
-			"article-editor-url",
-			"environment",
-			"search-image-widget-url",
-			"image-base-url",
-			"image-view-id",
-			"formats",
-			"on-article-url-changed"
-		])]),
-		_: 2
-	}, [l(e.elementSlots, (t, n) => ({
-		name: n,
-		fn: p(() => [u(e.$slots, n, { el$: e.el$ }, () => [(c(), a(f(t), { el$: e.el$ }, null, 8, ["el$"]))])])
-	}))]), 1024);
+//#region src/vueformelements/config/ArticlePickerElementConfig.ts
+var e = window.config?.articlePicker || {};
+function t(t) {
+	return e = {
+		...e,
+		...t
+	}, e;
 }
-var g = /* @__PURE__ */ n(m, [["render", h]]);
 //#endregion
-export { g as default };
+export { e as apeConfig, t as configureArticlePickerElement };

package/dist/admins-components160.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components160.js","names":[],"sources":["../src/vueformelements/ExternalArticleOfferElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ipeConfig } from '@/vueformelements/config/ImagePickerElementConfig'\nimport { eaoeConfig } from '@/vueformelements/config/ExternalArticleOfferElementConfig'\nimport ExternalArticleOffer from '@/components/custom/ExternalArticleOffer.vue'\n\nexport default defineElement({\n  name: 'ExternalArticleOfferElement',\n  components: { ExternalArticleOffer },\n\n  setup(props, context) {\n    const { value } = context.element\n\n    return {\n      ipeConfig,\n      eaoeConfig,\n      value,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template #element>\n      <ExternalArticleOffer\n        v-model=\"value\"\n        :article-editor-url=\"ipeConfig.articleEditorUrl\"\n        :environment=\"ipeConfig.environment\"\n        :search-image-widget-url=\"ipeConfig.searchImageWidgetUrl\"\n        :image-base-url=\"ipeConfig.imageBaseUrl\"\n        :image-view-id=\"ipeConfig.imageViewId\"\n        :formats=\"eaoeConfig.formats\"\n        :on-article-url-changed=\"eaoeConfig.onArticleUrlChanged\"\n      />\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n"],"mappings":";;;;;;;AAOA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,YAAY,EAAE,sBAAA,EAAqB;CAEnC,MAAM,GAAO,GAAS;EACpB,IAAM,EAAE,aAAU,EAAQ;EAE1B,OAAO;GACL;GACA;GACA;EACF;CACF;AACF,CAAC;;;aAIC,EAoBgB,GAAA,MAAA,EAAA;EAnBH,SAAO,QAUd,CATF,EASE,GAAA;eARS,EAAA;0CAAA,EAAA,QAAK;GACb,sBAAoB,EAAA,UAAU;GAC9B,aAAa,EAAA,UAAU;GACvB,2BAAyB,EAAA,UAAU;GACnC,kBAAgB,EAAA,UAAU;GAC1B,iBAAe,EAAA,UAAU;GACzB,SAAS,EAAA,WAAW;GACpB,0BAAwB,EAAA,WAAW;;;;;;;;;;;;OAIF,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"admins-components160.js","names":[],"sources":["../src/vueformelements/config/ArticlePickerElementConfig.ts"],"sourcesContent":["export interface ArticlePickerElementConfig {\n  searchArticleApiUrl: string\n  searchArticleWidgetUrl: string\n  showIds?: boolean\n}\n\nexport let apeConfig: ArticlePickerElementConfig = (window as any).config?.articlePicker || {}\n\nexport function configureArticlePickerElement(apec: ArticlePickerElementConfig) {\n  apeConfig = {\n    ...apeConfig,\n    ...apec,\n  }\n  return apeConfig\n}\n"],"mappings":";AAMA,IAAW,IAAyC,OAAe,QAAQ,iBAAiB,CAAC;AAE7F,SAAgB,EAA8B,GAAkC;CAK9E,OAJA,IAAY;EACV,GAAG;EACH,GAAG;CACL,GACO;AACT"}