admins-components 9.0.4 → 9.0.6

package/dist/admins-components35.js

@@ -1,5 +1,33 @@
-import e from "./admins-components34.js";
-//#region src/components/ConfirmModal.vue
-var t = e;
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, ref as i, withModifiers as a } from "vue";
+//#region src/components/CopyToClipboard.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ t({
+	__name: "CopyToClipboard",
+	props: {
+		value: {},
+		target: {},
+		useParent: { type: Boolean }
+	},
+	setup(t) {
+		let o = t, s = i(!1);
+		function c(e) {
+			let t = "";
+			if (o.target) {
+				let e = typeof o.target == "string" ? document.querySelector(o.target) : o.target;
+				e && (t = e.innerText);
+			} else if (o.useParent && e?.target) {
+				let n = e.target.parentElement;
+				n && (t = n.innerText);
+			} else t = o.value == null ? "" : String(o.value);
+			t && (navigator.clipboard.writeText(t), s.value = !0, setTimeout(() => {
+				s.value = !1;
+			}, 1500));
+		}
+		return (t, i) => (r(), e("i", {
+			class: n([s.value ? "fa-solid fa-check c-copy-btn--copied" : "fa-regular fa-copy", "c-copy-btn"]),
+			tabindex: "0",
+			onClick: a(c, ["stop"])
+		}, null, 2));
+	}
+});
 //#endregion
-export { t as default };
+export { o as default };

package/dist/admins-components37.js

@@ -0,0 +1,7 @@
+import './src/styles/components/copy-to-clipboard.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components35.js";
+/* empty css                    */
+//#region src/components/CopyToClipboard.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/admins-components38.js

@@ -1,7 +1,148 @@
-import './src/styles/components/copy-to-clipboard.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components36.js";
-/* empty css                    */
-//#region src/components/CopyToClipboard.vue
-var t = e;
+import e from "./admins-components5.js";
+import t from "./admins-components32.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, onMounted as u, onUnmounted as d, openBlock as f, ref as p, vModelCheckbox as m, vModelText as h, watch as g, withCtx as _, withDirectives as v } from "vue";
+//#region src/components/custom/ImagePicker.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "c-image-picker ac-component" }, b = { class: "c-image-picker__preview" }, x = ["src", "alt"], S = {
+	key: 1,
+	class: "c-image-picker__placeholder"
+}, C = { class: "c-image-picker__buttons" }, w = {
+	key: 0,
+	class: "c-image-picker__details"
+}, T = { class: "c-input-row" }, E = ["disabled"], D = { class: "c-input-row" }, O = ["disabled"], k = { class: "flex-center gap-1" }, A = ["checked", "disabled"], j = [
+	"viewid",
+	"environment",
+	"aeurl"
+], M = {
+	id: "",
+	url: "",
+	isAdult: !1,
+	source: "",
+	title: ""
+}, N = /*@__PURE__*/ c({
+	__name: "ImagePicker",
+	props: {
+		modelValue: { default: void 0 },
+		details: {
+			type: Boolean,
+			default: !1
+		},
+		editable: {
+			type: Boolean,
+			default: !1
+		},
+		direction: { default: "vertical" },
+		articleEditorUrl: {},
+		environment: {},
+		searchImageWidgetUrl: {},
+		imageBaseUrl: {},
+		imageViewId: {}
+	},
+	emits: ["update:modelValue"],
+	setup(c, { emit: N }) {
+		let P = c, F = N, I = p(M), L = p(!1);
+		g(() => I.value, () => {
+			F("update:modelValue", I.value);
+		}, { deep: !0 }), g(() => P.modelValue, (e) => {
+			e && (I.value = e);
+		}, {
+			deep: !0,
+			immediate: !0
+		});
+		let R = `${typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `ip-${Date.now()}-${Math.random().toString(36).slice(2)}`}-image-picker-causation`;
+		u(() => {
+			if (!customElements.get("hvg-search-image") && !document.querySelector(`script[src="${P.searchImageWidgetUrl}"]`)) {
+				let e = document.createElement("script");
+				e.type = "text/javascript", e.src = P.searchImageWidgetUrl, e.async = !0, document.head.appendChild(e);
+			}
+		});
+		let z = n(() => I.value && (I.value.url && I.value.url.length > 0 || I.value.id && I.value.id.length > 0)), B = n(() => {
+			if (z.value) return I.value.url && I.value.url.length > 0 ? I.value.url : `${P.imageBaseUrl}/${P.imageViewId}/${I.value.id}.img`;
+		}), V = n(() => P.direction === "horizontal"), H = (e) => {
+			e.preventDefault(), L.value = !0;
+		}, U = (e) => {
+			e.preventDefault(), I.value = { ...M };
+		}, W = (e) => {
+			e?.detail?.causationid === R && (L.value = !1, e.detail?.image && (I.value = {
+				id: e.detail.image.id,
+				url: "",
+				isAdult: e.detail.image.isAdult,
+				source: e.detail.image.source,
+				title: e.detail.image.title
+			}));
+		};
+		return u(() => {
+			window.addEventListener("image-selected", W);
+		}), d(() => {
+			window.removeEventListener("image-selected", W);
+		}), (n, u) => (f(), a("div", y, [o("div", { class: l(["c-image-picker__container", { "c-image-picker__container--horizontal": V.value }]) }, [
+			o("div", b, [z.value ? (f(), a("img", {
+				key: 0,
+				src: B.value,
+				alt: I.value.title || "Selected image",
+				class: "c-image-picker__img"
+			}, null, 8, x)) : (f(), a("p", S, "Nincs kiválasztott kép"))]),
+			o("div", C, [s(e, {
+				type: "success",
+				label: "Kép kiválasztása",
+				class: "nowrap",
+				onClick: H,
+				icon: "fa-solid fa-image"
+			}), s(e, {
+				type: "error",
+				label: "Eltávolítás",
+				class: "nowrap",
+				onClick: U,
+				icon: "fa-solid fa-trash"
+			})]),
+			c.details && I.value.id ? (f(), a("div", w, [
+				o("div", null, [u[4] ||= o("label", {
+					for: "image-source",
+					class: "c-label"
+				}, "Forrás", -1), o("div", T, [v(o("input", {
+					"onUpdate:modelValue": u[0] ||= (e) => I.value.source = e,
+					id: "image-source",
+					type: "text",
+					class: "c-input",
+					placeholder: "Kép forrása",
+					disabled: !c.editable
+				}, null, 8, E), [[h, I.value.source]])])]),
+				o("div", null, [u[5] ||= o("label", {
+					for: "image-title",
+					class: "c-label"
+				}, "Cím / Alt szöveg", -1), o("div", D, [v(o("textarea", {
+					"onUpdate:modelValue": u[1] ||= (e) => I.value.title = e,
+					id: "image-title",
+					class: "c-input c-image-picker__textarea",
+					placeholder: "Cím vagy alt szöveg",
+					disabled: !c.editable
+				}, null, 8, O), [[h, I.value.title]])])]),
+				o("div", k, [v(o("input", {
+					id: "image-adult",
+					"onUpdate:modelValue": u[2] ||= (e) => I.value.isAdult = e,
+					type: "checkbox",
+					class: "c-checkbox",
+					checked: I.value.isAdult,
+					disabled: !c.editable
+				}, null, 8, A), [[m, I.value.isAdult]]), u[6] ||= o("label", {
+					for: "image-adult",
+					class: "c-label"
+				}, "Felnőtt tartalom", -1)])
+			])) : i("", !0)
+		], 2), L.value ? (f(), r(t, {
+			key: 0,
+			title: "Kép keresése",
+			onClose: u[3] ||= (e) => L.value = !1
+		}, {
+			default: _(() => [o("hvg-search-image", {
+				causationid: R,
+				viewid: c.imageViewId,
+				environment: c.environment,
+				aeurl: c.articleEditorUrl,
+				selectonly: "true"
+			}, null, 8, j)]),
+			_: 1
+		})) : i("", !0)]));
+	}
+});
 //#endregion
-export { t as default };
+export { N as default };

package/dist/admins-components4.js

@@ -11,9 +11,9 @@ var l = {
 	iconPosition: "left",
 	labelAlignmentFix: !1,
 	callback: void 0
-}, d = /* @__PURE__ */ i({
+}, d = /*@__PURE__*/ i({
 	__name: "Button",
-	props: /* @__PURE__ */ a({
+	props: /*@__PURE__*/ a({
 		size: {},
 		type: {},
 		outline: { type: Boolean },

package/dist/admins-components40.js

@@ -0,0 +1,7 @@
+import './src/styles/components/image-picker.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components38.js";
+/* empty css                    */
+//#region src/components/custom/ImagePicker.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/admins-components41.js

@@ -1,7 +1,125 @@
-import './src/styles/components/image-picker.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components39.js";
-/* empty css                    */
-//#region src/components/custom/ImagePicker.vue
-var t = e;
+import e from "./admins-components21.js";
+import t from "./admins-components40.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: "flex-column gap-2 ac-component" }, u = { class: "c-input-row" }, d = ["value"], f = { class: "c-input-row" }, p = ["value"], m = { class: "c-input-row" }, h = ["value"], g = /*@__PURE__*/ a({
+	__name: "ExternalArticleOffer",
+	props: {
+		modelValue: {},
+		onArticleUrlChanged: { type: Function },
+		articleEditorUrl: {},
+		environment: {},
+		searchImageWidgetUrl: {},
+		imageBaseUrl: {},
+		imageViewId: {},
+		formats: {}
+	},
+	emits: ["update:modelValue"],
+	setup(a, { emit: g }) {
+		let _ = {
+			article: {
+				url: "",
+				imageUrl: "",
+				imageId: "",
+				title: "",
+				lead: ""
+			},
+			format: ""
+		}, v = g, y = a, b = s(_), x = s({
+			id: b.value.article.imageId,
+			url: "",
+			source: "",
+			title: "",
+			isAdult: !1
+		});
+		c(() => y.modelValue, (e) => {
+			e ? b.value = e : b.value = _;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), c(() => b, (e) => {
+			v("update:modelValue", b.value), x.value.id = e.value.article.imageId, x.value.url = e.value.article.imageUrl;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), c(() => x.value.id, (e) => {
+			b.value.article.imageId = e;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), c(() => x.value.url, (e) => {
+			b.value.article.imageUrl = e;
+		}, {
+			deep: !0,
+			immediate: !0
+		});
+		let S = (e) => {
+			b.value.article.url = e.target?.value || "", b.value.article.url && y.onArticleUrlChanged(b.value.article.url, (e) => {
+				b.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);
+			}
+		})(y.searchImageWidgetUrl), (a, s) => (o(), n("div", l, [
+			r("div", null, [s[4] ||= r("label", {
+				for: "articleUrl",
+				class: "c-label"
+			}, "Article URL", -1), r("div", u, [r("textarea", {
+				id: "articleUrl",
+				class: "c-input",
+				placeholder: "Article URL",
+				value: b.value.article.url,
+				onInput: S
+			}, null, 40, d)])]),
+			r("div", null, [s[5] ||= r("label", {
+				for: "articleTitle",
+				class: "c-label"
+			}, "Title", -1), r("div", f, [r("textarea", {
+				id: "articleTitle",
+				class: "c-input",
+				placeholder: "Article title",
+				value: b.value.article.title,
+				onInput: s[0] ||= (e) => b.value.article.title = e.target?.value || ""
+			}, null, 40, p)])]),
+			r("div", null, [s[6] ||= r("label", {
+				for: "articleLead",
+				class: "c-label"
+			}, "Lead", -1), r("div", m, [r("textarea", {
+				id: "articleLead",
+				class: "c-input",
+				placeholder: "Article lead / description",
+				value: b.value.article.lead,
+				onInput: s[1] ||= (e) => b.value.article.lead = e.target?.value || ""
+			}, null, 40, h)])]),
+			r("div", null, [i(t, {
+				modelValue: x.value,
+				"onUpdate:modelValue": s[2] ||= (e) => x.value = e,
+				details: !1,
+				editable: !1,
+				environment: y.environment,
+				"article-editor-url": y.articleEditorUrl,
+				"search-image-widget-url": y.searchImageWidgetUrl,
+				"image-base-url": y.imageBaseUrl,
+				"image-view-id": y.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: b.value.format,
+				"onUpdate:modelValue": s[3] ||= (e) => b.value.format = e,
+				options: y.formats,
+				config: { placeholder: "Select format..." }
+			}, null, 8, ["modelValue", "options"])])
+		]));
+	}
+});
 //#endregion
-export { t as default };
+export { g as default };

package/dist/admins-components42.js

@@ -1,125 +1,5 @@
-import e from "./admins-components22.js";
-import t from "./admins-components41.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: "flex-column gap-2 ac-component" }, u = { class: "c-input-row" }, d = ["value"], f = { class: "c-input-row" }, p = ["value"], m = { class: "c-input-row" }, h = ["value"], g = /* @__PURE__ */ a({
-	__name: "ExternalArticleOffer",
-	props: {
-		modelValue: {},
-		onArticleUrlChanged: { type: Function },
-		articleEditorUrl: {},
-		environment: {},
-		searchImageWidgetUrl: {},
-		imageBaseUrl: {},
-		imageViewId: {},
-		formats: {}
-	},
-	emits: ["update:modelValue"],
-	setup(a, { emit: g }) {
-		let _ = {
-			article: {
-				url: "",
-				imageUrl: "",
-				imageId: "",
-				title: "",
-				lead: ""
-			},
-			format: ""
-		}, v = g, y = a, b = s(_), x = s({
-			id: b.value.article.imageId,
-			url: "",
-			source: "",
-			title: "",
-			isAdult: !1
-		});
-		c(() => y.modelValue, (e) => {
-			e ? b.value = e : b.value = _;
-		}, {
-			deep: !0,
-			immediate: !0
-		}), c(() => b, (e) => {
-			v("update:modelValue", b.value), x.value.id = e.value.article.imageId, x.value.url = e.value.article.imageUrl;
-		}, {
-			deep: !0,
-			immediate: !0
-		}), c(() => x.value.id, (e) => {
-			b.value.article.imageId = e;
-		}, {
-			deep: !0,
-			immediate: !0
-		}), c(() => x.value.url, (e) => {
-			b.value.article.imageUrl = e;
-		}, {
-			deep: !0,
-			immediate: !0
-		});
-		let S = (e) => {
-			b.value.article.url = e.target?.value || "", b.value.article.url && y.onArticleUrlChanged(b.value.article.url, (e) => {
-				b.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);
-			}
-		})(y.searchImageWidgetUrl), (a, s) => (o(), n("div", l, [
-			r("div", null, [s[4] ||= r("label", {
-				for: "articleUrl",
-				class: "c-label"
-			}, "Article URL", -1), r("div", u, [r("textarea", {
-				id: "articleUrl",
-				class: "c-input",
-				placeholder: "Article URL",
-				value: b.value.article.url,
-				onInput: S
-			}, null, 40, d)])]),
-			r("div", null, [s[5] ||= r("label", {
-				for: "articleTitle",
-				class: "c-label"
-			}, "Title", -1), r("div", f, [r("textarea", {
-				id: "articleTitle",
-				class: "c-input",
-				placeholder: "Article title",
-				value: b.value.article.title,
-				onInput: s[0] ||= (e) => b.value.article.title = e.target?.value || ""
-			}, null, 40, p)])]),
-			r("div", null, [s[6] ||= r("label", {
-				for: "articleLead",
-				class: "c-label"
-			}, "Lead", -1), r("div", m, [r("textarea", {
-				id: "articleLead",
-				class: "c-input",
-				placeholder: "Article lead / description",
-				value: b.value.article.lead,
-				onInput: s[1] ||= (e) => b.value.article.lead = e.target?.value || ""
-			}, null, 40, h)])]),
-			r("div", null, [i(t, {
-				modelValue: x.value,
-				"onUpdate:modelValue": s[2] ||= (e) => x.value = e,
-				details: !1,
-				editable: !1,
-				environment: y.environment,
-				"article-editor-url": y.articleEditorUrl,
-				"search-image-widget-url": y.searchImageWidgetUrl,
-				"image-base-url": y.imageBaseUrl,
-				"image-view-id": y.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: b.value.format,
-				"onUpdate:modelValue": s[3] ||= (e) => b.value.format = e,
-				options: y.formats,
-				config: { placeholder: "Select format..." }
-			}, null, 8, ["modelValue", "options"])])
-		]));
-	}
-});
+import e from "./admins-components41.js";
+//#region src/components/custom/ExternalArticleOffer.vue
+var t = e;
 //#endregion
-export { g as default };
+export { t as default };

package/dist/admins-components43.js

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