admins-components 9.0.4 → 9.0.6

package/dist/admins-components151.js

@@ -1,10 +1,143 @@
-//#region src/vueformelements/config/ArticleOfferElementConfig.ts
-var e = window.config?.articleOfferElement || {};
-function t(t) {
-	return e = {
-		...e,
-		...t
-	}, e;
+import e from "./admins-components5.js";
+import { defineElement as t } from "./admins-components148.js";
+import { aoeConfig as n } from "./admins-components149.js";
+import r from "./admins-components150.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 { e as aoeConfig, t as configureArticleOfferElement };
+export { P as default };

package/dist/admins-components152.js

@@ -1,143 +1,10 @@
-import e from "./admins-components6.js";
-import t from "./admins-components59.js";
-import { defineElement as n } from "./admins-components150.js";
-import { aoeConfig as r } from "./admins-components151.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 = n({
-	components: { Button: e },
-	name: "ArticleOfferElement",
-	setup(e, t) {
-		let n = r.articleEditorUrl, i = r.environment, a = r.searchImageWidgetUrl, o = r.imageBaseUrl, s = r.imageViewId, c = r.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);
-		};
-		r.gotMetagTags = h;
-		let g = () => {
-			p.value.url && r.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: n,
-			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);
+//#region src/vueformelements/config/ArticlePickerElementConfig.ts
+var e = window.config?.articlePicker || {};
+function t(t) {
+	return e = {
+		...e,
+		...t
+	}, e;
 }
-var P = /* @__PURE__ */ t(b, [["render", N]]);
 //#endregion
-export { P as default };
+export { e as apeConfig, t as configureArticlePickerElement };

package/dist/admins-components153.js

@@ -1,5 +1,5 @@
-//#region src/vueformelements/config/ArticlePickerElementConfig.ts
-var e = window.config?.articlePicker || {};
+//#region src/vueformelements/config/ImagePickerElementConfig.ts
+var e = window.config?.imagePicker || {};
 function t(t) {
 	return e = {
 		...e,
@@ -7,4 +7,4 @@ function t(t) {
 	}, e;
 }
 //#endregion
-export { e as apeConfig, t as configureArticlePickerElement };
+export { t as configureImagePickerElement, e as ipeConfig };

package/dist/admins-components155.js

@@ -0,0 +1,169 @@
+import './src/vueformelements/ArticlePickerElement.vue_vue_type_style_index_0_scoped_035d2808_lang.css';
+import e from "./admins-components5.js";
+import { defineElement as t } from "./admins-components148.js";
+import n from "./admins-components150.js";
+import { apeConfig as r } from "./admins-components152.js";
+import { ipeConfig as i } from "./admins-components153.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 = (e) => {
+			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);
+}
+var q = /*#__PURE__*/ n(x, [["render", K], ["__scopeId", "data-v-035d2808"]]);
+//#endregion
+export { q as default };