admins-components 9.0.82 → 9.0.83

package/dist/admins-components173.js

@@ -1,169 +1,231 @@
-import './vueformelements/ArticlePickerElement.vue_vue_type_style_index_0_scoped_54217a66_lang.css';
+import './vueformelements/ArticlePickerElement.vue_vue_type_style_index_0_scoped_0afb93e7_lang.css';
 import e from "./admins-components6.js";
-import { defineElement as t } from "./admins-components166.js";
-import n from "./admins-components168.js";
-import { apeConfig as r } from "./admins-components170.js";
-import { ipeConfig as i } from "./admins-components171.js";
+import t from "./admins-components40.js";
+import { defineElement as n } from "./admins-components166.js";
+import r from "./admins-components168.js";
+import { apeConfig as i } from "./admins-components170.js";
+import { ipeConfig as a } from "./admins-components171.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";
+import { createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, onMounted as p, onUnmounted as m, openBlock as h, ref as g, renderList as _, renderSlot as v, resolveComponent as y, resolveDynamicComponent as b, withCtx as x } from "vue";
 //#region src/vueformelements/ArticlePickerElement.vue
-var x = t({
-	components: { Button: e },
+var S = n({
+	components: {
+		Button: e,
+		Modal: t
+	},
 	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) => {
+		let n = a.environment, r = a.searchImageWidgetUrl, o = a.imageBaseUrl, s = a.imageViewId, c = i.searchArticleApiUrl, l = i.searchArticleWidgetUrl, u = i.showIds, d = g((/* @__PURE__ */ new Date()).getTime().toString() + "image"), f = g((/* @__PURE__ */ new Date()).getTime().toString() + "article"), h = g(!1), _ = g(!1), v = "00000000-0000-0000-0000-000000000000", { value: y } = t.element, b = (e) => {
+			e.preventDefault(), h.value = !0;
+		}, x = () => {
+			_.value = !0;
+		}, S = () => {
+			h.value = !1;
+		}, C = () => {
+			_.value = !1;
+		}, w = (e) => {
+			e.preventDefault(), y.value.imageId = v;
+		}, T = (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();
+		}, E = () => `${o}/${s}/${y.value.imageId}.img`;
+		T(r), T(l);
+		let D = (e) => {
+			e.detail.causationid == d.value && (h.value = !1, y.value.imageId = e.detail.image.id);
+		}, O = (e) => {
+			if (e.detail.id == f.value) {
+				if (e.detail.result && e.detail.posts.length > 0) {
+					y.value.id = e.detail.posts[0].id, y.value.siteId = e.detail.posts[0].siteId, y.value.title = e.detail.posts[0].title, y.value.lead = e.detail.posts[0].lead;
+					let t = e.detail.posts[0].featuredImage;
+					y.value.imageId = t || v;
 				}
-			});
+				C();
+			}
+		};
+		return m(() => {
+			window.removeEventListener("image-selected", D, !1), window.removeEventListener("search_posts_selected", O, !1);
+		}), p(() => {
+			window.addEventListener("image-selected", D), window.addEventListener("search_posts_selected", O);
 		}), {
 			imageViewId: s,
 			imageBaseUrl: o,
-			imageCausationId: m,
-			articleCausationId: g,
-			searchImageWidgetUrl: a,
+			imageCausationId: d,
+			articleCausationId: f,
+			searchImageWidgetUrl: r,
 			environment: n,
 			searchArticleApiUrl: c,
-			selectImage: y,
-			selectArticle: b,
-			resetImage: x,
-			addScript: S,
-			value: v,
-			getImageUrl: C,
+			selectImage: b,
+			onArticlePicked: (e) => {
+				console.log("picked:", e), C();
+			},
+			articlePickerRef: g(null),
+			selectArticle: x,
+			closeImageModal: S,
+			closeArticleModal: C,
+			isImageModalOpen: h,
+			isArticleModalOpen: _,
+			resetImage: w,
+			addScript: T,
+			value: y,
+			getImageUrl: E,
 			showIds: u
 		};
 	}
-}), S = { class: "ac-component" }, C = { class: "article-picker-container" }, w = { class: "article-picker-section" }, T = {
+}), C = { class: "ac-component" }, w = { class: "article-picker-container" }, T = { class: "article-picker-section" }, E = {
 	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 = {
+}, D = { class: "article-picker-id-field" }, O = { class: "c-input-row" }, k = ["value"], A = { class: "article-picker-id-field" }, j = { class: "c-input-row" }, M = ["value"], N = { class: "article-picker-section" }, P = { class: "c-input-row" }, F = ["value"], I = { class: "article-picker-section" }, L = { class: "c-input-row" }, R = ["value"], z = { class: "article-picker-section" }, B = ["src"], V = {
 	key: 1,
 	class: "article-picker-no-image"
-}, V = { class: "article-picker-buttons" }, H = ["id"], U = [
+}, H = { class: "article-picker-buttons" }, 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 ? {
+], W = { class: "article-picker-modal-header-actions" }, G = ["id", "apiurl"];
+function K(e, t, n, r, i, a) {
+	let p = y("Button"), m = y("Modal"), g = y("ElementLayout");
+	return h(), o(g, null, u({ _: 2 }, [e.value ? {
 		name: "element",
-		fn: b(() => [c("div", S, [
-			c("div", C, [
-				c("div", w, [u(f, {
+		fn: x(() => [l("div", C, [
+			l("div", w, [
+				l("div", T, [f(p, {
 					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", {
+				e.showIds ? (h(), c("div", E, [l("div", D, [t[7] ||= l("label", {
 					for: "articleId",
 					class: "c-label"
-				}, "Cikk azonosító", -1), c("div", D, [c("input", {
+				}, "Cikk azonosító", -1), l("div", O, [l("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", {
+				}, null, 8, k)])]), l("div", A, [t[8] ||= l("label", {
 					for: "articleSiteId",
 					class: "c-label"
-				}, "Site azonosító", -1), c("div", A, [c("input", {
+				}, "Site azonosító", -1), l("div", j, [l("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", {
+				}, null, 8, M)])])])) : s("", !0),
+				l("div", N, [t[9] ||= l("label", {
 					for: "articleTitle",
 					class: "c-label"
-				}, "Címe", -1), c("div", N, [c("textarea", {
+				}, "Címe", -1), l("div", P, [l("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", {
+				}, null, 40, F)])]),
+				l("div", I, [t[10] ||= l("label", {
 					for: "articleLead",
 					class: "c-label"
-				}, "Lead", -1), c("div", I, [c("textarea", {
+				}, "Lead", -1), l("div", L, [l("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", {
+				}, null, 40, R)])]),
+				l("div", z, [t[11] ||= l("label", { class: "c-label" }, "Kép", -1), l("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, {
+				}, null, 40, B)]),
+				e.value.imageId === "00000000-0000-0000-0000-000000000000" ? (h(), c("div", V, " Nincs kép kiválasztva! ")) : s("", !0),
+				l("div", H, [f(p, {
 					type: "normal",
 					label: "Kép Választás",
 					onClick: e.selectImage
-				}, null, 8, ["onClick"]), u(f, {
+				}, null, 8, ["onClick"]), f(p, {
 					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)
+			e.isImageModalOpen ? (h(), o(m, {
+				key: 0,
+				title: "Kép választás",
+				"modal-class": "article-picker-image-modal",
+				onClose: e.closeImageModal
+			}, {
+				default: x(() => [l("hvg-search-image", {
+					causationid: e.imageCausationId,
+					viewid: e.imageViewId,
+					aeurl: e.searchArticleApiUrl,
+					environment: e.environment,
+					selectonly: "true"
+				}, null, 8, U)]),
+				_: 1
+			}, 8, ["onClose"])) : s("", !0),
+			e.isArticleModalOpen ? (h(), o(m, {
+				key: 1,
+				title: "Cikk választás",
+				"modal-class": "article-picker-article-modal",
+				onClose: e.closeArticleModal
+			}, {
+				header: x(() => [t[14] ||= l("h3", { class: "c-modal-title" }, "Cikk választás", -1), l("div", W, [
+					f(p, {
+						label: "Mégsem",
+						outline: "",
+						onClick: e.closeArticleModal
+					}, null, 8, ["onClick"]),
+					f(p, {
+						type: "success",
+						disabled: !e.articlePickerRef?.selectedItems?.length,
+						onClick: t[3] ||= (t) => e.articlePickerRef?.confirmSelection?.()
+					}, {
+						default: x(() => [...t[12] ||= [d("Kész", -1)]]),
+						_: 1
+					}, 8, ["disabled"]),
+					l("button", {
+						type: "button",
+						class: "c-modal-close",
+						"aria-label": "Bezárás",
+						onClick: t[4] ||= (...t) => e.closeArticleModal && e.closeArticleModal(...t)
+					}, [...t[13] ||= [l("i", { class: "fa-solid fa-xmark" }, null, -1)]])
+				])]),
+				footer: x(() => [f(p, {
+					label: "Mégsem",
+					outline: "",
+					onClick: e.closeArticleModal
+				}, null, 8, ["onClick"]), f(p, {
+					type: "success",
+					disabled: !e.articlePickerRef?.selectedItems?.length,
+					onClick: t[6] ||= (t) => e.articlePickerRef?.confirmSelection?.()
+				}, {
+					default: x(() => [...t[15] ||= [d("Kész", -1)]]),
+					_: 1
+				}, 8, ["disabled"])]),
+				default: x(() => [l("search-posts-widget", {
+					id: e.articleCausationId,
+					ref: "articlePickerRef",
+					selector: "true",
+					apiurl: e.searchArticleApiUrl,
+					wpurl: "",
+					searchurl: "",
+					onSelected: t[5] ||= (...t) => e.onArticlePicked && e.onArticlePicked(...t)
+				}, null, 40, G)]),
+				_: 1
+			}, 8, ["onClose"])) : s("", !0)
 		])]),
 		key: "0"
-	} : void 0, g(e.elementSlots, (t, n) => ({
+	} : void 0, _(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)])
+		fn: x(() => [v(e.$slots, n, { el$: e.el$ }, () => [(h(), o(b(t), { el$: e.el$ }, null, 8, ["el$"]))], !0)])
 	}))]), 1024);
 }
-var q = /*#__PURE__*/ n(x, [["render", K], ["__scopeId", "data-v-54217a66"]]);
+var q = /*#__PURE__*/ r(S, [["render", K], ["__scopeId", "data-v-0afb93e7"]]);
 //#endregion
 export { q as default };

package/dist/admins-components173.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components173.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      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-components173.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 } from 'vue'\nimport { apeConfig } from '@/vueformelements/config/ArticlePickerElementConfig'\nimport { ipeConfig } from '@/vueformelements/config/ImagePickerElementConfig'\nimport Button from '@/components/Button.vue'\nimport Modal from '@/components/Modal.vue'\n\nexport default defineElement({\n  components: { Button, Modal },\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 isImageModalOpen = ref(false)\n    const isArticleModalOpen = ref(false)\n\n    const EMPTYGUID = '00000000-0000-0000-0000-000000000000'\n\n    const { value } = context.element\n\n    const selectImage = (event) => {\n      event.preventDefault()\n      isImageModalOpen.value = true\n    }\n\n    const selectArticle = () => {\n      isArticleModalOpen.value = true\n    }\n\n    const closeImageModal = () => {\n      isImageModalOpen.value = false\n    }\n\n    const closeArticleModal = () => {\n      isArticleModalOpen.value = false\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        isImageModalOpen.value = false\n        value.value.imageId = e.detail.image.id\n      }\n    }\n\n    const postSelectedHandler = (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        closeArticleModal()\n      }\n    }\n\n    onUnmounted(() => {\n      window.removeEventListener('image-selected', imageSelectedHandler, false)\n      window.removeEventListener('search_posts_selected', postSelectedHandler, false)\n    })\n\n    onMounted(() => {\n      window.addEventListener('image-selected', imageSelectedHandler)\n\n      window.addEventListener('search_posts_selected', postSelectedHandler)\n    })\n    const onArticlePicked = (payload) => {\n      // payload is the PostSelectionResult from SearchPosts\n      console.log('picked:', payload);\n      closeArticleModal();\n    }\n\n  const articlePickerRef = ref(null)\n    return {\n      imageViewId,\n      imageBaseUrl,\n      imageCausationId: imageCausationId,\n      articleCausationId: articleCausationId,\n      searchImageWidgetUrl,\n      environment,\n      searchArticleApiUrl,\n      selectImage,\n      onArticlePicked,\n      articlePickerRef,\n      selectArticle,\n      closeImageModal,\n      closeArticleModal,\n      isImageModalOpen,\n      isArticleModalOpen,\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        <Modal\n          v-if=\"isImageModalOpen\"\n          title=\"Kép választás\"\n          modal-class=\"article-picker-image-modal\"\n          @close=\"closeImageModal\"\n        >\n\n          <hvg-search-image\n            :causationid=\"imageCausationId\"\n            :viewid=\"imageViewId\"\n            :aeurl=\"searchArticleApiUrl\"\n            :environment=\"environment\"\n            selectonly=\"true\"\n          ></hvg-search-image>\n        </Modal>\n        <Modal\n          v-if=\"isArticleModalOpen\"\n          title=\"Cikk választás\"\n          modal-class=\"article-picker-article-modal\"\n          @close=\"closeArticleModal\"\n        >\n          <template #header>\n            <h3 class=\"c-modal-title\">Cikk választás</h3>\n            <div class=\"article-picker-modal-header-actions\">\n              <Button label=\"Mégsem\" outline @click=\"closeArticleModal\" />\n              <Button\n                type=\"success\"\n                :disabled=\"!articlePickerRef?.selectedItems?.length\"\n                @click=\"articlePickerRef?.confirmSelection?.()\"\n              >Kész</Button>\n              <button\n                type=\"button\"\n                class=\"c-modal-close\"\n                aria-label=\"Bezárás\"\n                @click=\"closeArticleModal\"\n              >\n                <i class=\"fa-solid fa-xmark\"></i>\n              </button>\n            </div>\n          </template>\n\n          <search-posts-widget\n            :id=\"articleCausationId\"\n            ref=\"articlePickerRef\"\n            selector=\"true\"\n            :apiurl=\"searchArticleApiUrl\"\n            wpurl=\"\"\n            searchurl=\"\"\n            @selected=\"onArticlePicked\"\n          ></search-posts-widget>\n\n          <template #footer>\n            <Button label=\"Mégsem\" outline @click=\"closeArticleModal\" />\n            <Button\n              type=\"success\"\n              :disabled=\"!articlePickerRef?.selectedItems?.length\"\n              @click=\"articlePickerRef?.confirmSelection?.()\"\n            >Kész</Button>\n          </template>\n        </Modal>\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\n.article-picker-image-modal {\n  width: 90vw;\n  max-width: 1200px;\n  height: 80vh;\n}\n\n.article-picker-image-modal :deep(.c-modal-body),\n.article-picker-article-modal :deep(.c-modal-body) {\n  padding: 0;\n}\n\n.article-picker-article-modal {\n  width: 95vw;\n  max-width: 1600px;\n  height: 90vh;\n}\n\n.article-picker-modal-header-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n</style>\n"],"mappings":"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"}

package/dist/admins-components38.js

@@ -34,7 +34,7 @@ var f = { class: "ac-component" }, p = ["aria-label"], m = {
 			"aria-modal": "true",
 			"aria-label": a.title
 		}, [
-			a.title ? (l(), r("div", m, [i("h3", h, d(a.title), 1), i("button", {
+			s.$slots.header || a.title ? (l(), r("div", m, [u(s.$slots, "header", {}, () => [i("h3", h, d(a.title), 1)]), i("button", {
 				type: "button",
 				class: "c-modal-close",
 				"aria-label": "Bezárás",

package/dist/admins-components38.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components38.js","names":["$slots"],"sources":["../src/components/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ModalProps {\n  title?: string\n  modalClass?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue'\n\ndefineProps<ModalProps>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nfunction onBackdropClick(e: MouseEvent) {\n  if (e.target === e.currentTarget) {\n    emit('close')\n  }\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (e.key === 'Escape') {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', onKeydown)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeydown)\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"ac-component\">\n      <div class=\"c-modal-backdrop\" @mousedown=\"onBackdropClick\">\n        <div\n          class=\"c-modal\"\n          :class=\"modalClass\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title\"\n        >\n          <div class=\"c-modal-header\" v-if=\"title\">\n            <h3 class=\"c-modal-title\">{{ title }}</h3>\n            <button type=\"button\" class=\"c-modal-close\" aria-label=\"Bezárás\" @click=\"emit('close')\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n          <div class=\"c-modal-body c-scroll\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"c-modal-footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/modal.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,IAAM,IAAO;EAIb,SAAS,EAAgB,GAAe;GACtC,AAAI,EAAE,WAAW,EAAE,iBACjB,EAAK,OAAO;EAEhB;EAEA,SAAS,EAAU,GAAkB;GACnC,AAAI,EAAE,QAAQ,YACZ,EAAK,OAAO;EAEhB;SAEA,QAAgB;GACd,SAAS,iBAAiB,WAAW,CAAS;EAChD,CAAC,GAED,QAAkB;GAChB,SAAS,oBAAoB,WAAW,CAAS;EACnD,CAAC,cAIC,EAAA,GAAA,EAyBW,GAAA,EAzBD,IAAG,OAAM,GAAA,CACjB,EAuBM,OAvBN,GAuBM,CAtBJ,EAqBM,OAAA;GArBD,OAAM;GAAoB,aAAW;EACxC,GAAA,CAAA,EAmBM,OAAA;GAlBJ,OAAK,EAAA,CAAC,WACE,EAAA,UAAU,CAAA;GAClB,MAAK;GACL,cAAW;GACV,cAAY,EAAA;;GAEqB,EAAA,SAAlC,EAAA,GAAA,EAKM,OALN,GAKM,CAJJ,EAA0C,MAA1C,GAA0C,EAAb,EAAA,KAAK,GAAA,CAAA,GAClC,EAES,UAAA;IAFD,MAAK;IAAS,OAAM;IAAgB,cAAW;IAAW,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,OAAA;GAC3E,GAAA,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAiC,KAAA,EAA9B,OAAM,oBAAmB,GAAA,MAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAGhC,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA;GAECA,EAAAA,OAAO,UAAlB,EAAA,GAAA,EAEM,OAFN,GAEM,CADJ,EAAsB,EAAA,QAAA,QAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"admins-components38.js","names":["$slots"],"sources":["../src/components/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ModalProps {\n  title?: string\n  modalClass?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue'\n\ndefineProps<ModalProps>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nfunction onBackdropClick(e: MouseEvent) {\n  if (e.target === e.currentTarget) {\n    emit('close')\n  }\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (e.key === 'Escape') {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', onKeydown)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeydown)\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"ac-component\">\n      <div class=\"c-modal-backdrop\" @mousedown=\"onBackdropClick\">\n        <div\n          class=\"c-modal\"\n          :class=\"modalClass\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title\"\n        >\n          <div v-if=\"$slots.header || title\" class=\"c-modal-header\">\n            <slot name=\"header\">\n              <h3 class=\"c-modal-title\">{{ title }}</h3>\n            </slot>\n            <button type=\"button\" class=\"c-modal-close\" aria-label=\"Bezárás\" @click=\"emit('close')\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n          <div class=\"c-modal-body c-scroll\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"c-modal-footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/modal.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,IAAM,IAAO;EAIb,SAAS,EAAgB,GAAe;GACtC,AAAI,EAAE,WAAW,EAAE,iBACjB,EAAK,OAAO;EAEhB;EAEA,SAAS,EAAU,GAAkB;GACnC,AAAI,EAAE,QAAQ,YACZ,EAAK,OAAO;EAEhB;SAEA,QAAgB;GACd,SAAS,iBAAiB,WAAW,CAAS;EAChD,CAAC,GAED,QAAkB;GAChB,SAAS,oBAAoB,WAAW,CAAS;EACnD,CAAC,cAIC,EAAA,GAAA,EA2BW,GAAA,EA3BD,IAAG,OAAM,GAAA,CACjB,EAyBM,OAzBN,GAyBM,CAxBJ,EAuBM,OAAA;GAvBD,OAAM;GAAoB,aAAW;EACxC,GAAA,CAAA,EAqBM,OAAA;GApBJ,OAAK,EAAA,CAAC,WACE,EAAA,UAAU,CAAA;GAClB,MAAK;GACL,cAAW;GACV,cAAY,EAAA;;GAEFA,EAAAA,OAAO,UAAU,EAAA,SAA5B,EAAA,GAAA,EAOM,OAPN,GAOM,CANJ,EAEO,EAAA,QAAA,UAAA,CAAA,SAAA,CADL,EAA0C,MAA1C,GAA0C,EAAb,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA,GAEpC,EAES,UAAA;IAFD,MAAK;IAAS,OAAM;IAAgB,cAAW;IAAW,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,OAAA;GAC3E,GAAA,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAiC,KAAA,EAA9B,OAAM,oBAAmB,GAAA,MAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAGhC,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA;GAECA,EAAAA,OAAO,UAAlB,EAAA,GAAA,EAEM,OAFN,GAEM,CADJ,EAAsB,EAAA,QAAA,QAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/admins-components40.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components40.js","names":[],"sources":["../src/components/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ModalProps {\n  title?: string\n  modalClass?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue'\n\ndefineProps<ModalProps>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nfunction onBackdropClick(e: MouseEvent) {\n  if (e.target === e.currentTarget) {\n    emit('close')\n  }\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (e.key === 'Escape') {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', onKeydown)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeydown)\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"ac-component\">\n      <div class=\"c-modal-backdrop\" @mousedown=\"onBackdropClick\">\n        <div\n          class=\"c-modal\"\n          :class=\"modalClass\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title\"\n        >\n          <div class=\"c-modal-header\" v-if=\"title\">\n            <h3 class=\"c-modal-title\">{{ title }}</h3>\n            <button type=\"button\" class=\"c-modal-close\" aria-label=\"Bezárás\" @click=\"emit('close')\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n          <div class=\"c-modal-body c-scroll\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"c-modal-footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/modal.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components40.js","names":[],"sources":["../src/components/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ModalProps {\n  title?: string\n  modalClass?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue'\n\ndefineProps<ModalProps>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nfunction onBackdropClick(e: MouseEvent) {\n  if (e.target === e.currentTarget) {\n    emit('close')\n  }\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (e.key === 'Escape') {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', onKeydown)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeydown)\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"ac-component\">\n      <div class=\"c-modal-backdrop\" @mousedown=\"onBackdropClick\">\n        <div\n          class=\"c-modal\"\n          :class=\"modalClass\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title\"\n        >\n          <div v-if=\"$slots.header || title\" class=\"c-modal-header\">\n            <slot name=\"header\">\n              <h3 class=\"c-modal-title\">{{ title }}</h3>\n            </slot>\n            <button type=\"button\" class=\"c-modal-close\" aria-label=\"Bezárás\" @click=\"emit('close')\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n          <div class=\"c-modal-body c-scroll\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"c-modal-footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/modal.scss\"></style>\n"],"mappings":""}

package/dist/admins-components68.js

@@ -9,10 +9,7 @@ import { Fragment as o, computed as s, createCommentVNode as c, createElementBlo
 var T = { key: 0 }, E = ["title", "onClick"], D = {
 	key: 1,
 	class: "c-actions-header"
-}, O = { key: 0 }, k = ["onClick"], A = {
-	key: 1,
-	class: "c-actions-cell"
-}, j = {
+}, O = { key: 0 }, k = ["onClick"], A = ["onClick"], j = {
 	key: 1,
 	class: "c-actions-wrap"
 }, M = { key: 1 }, N = { class: "c-table__loading-row" }, P = ["colspan"], F = { class: "c-table__loading-wrap" }, I = {
@@ -114,8 +111,10 @@ var T = { key: 0 }, E = ["title", "onClick"], D = {
 			key: u,
 			class: h({
 				"is-selected": i.config.selectableAttr && S(V).has(t[i.config.selectableAttr]),
-				"is-striped": i.settings.striped && u % 2 == 1
-			})
+				"is-striped": i.settings.striped && u % 2 == 1,
+				pointer: i.config.selectableAttr
+			}),
+			onClick: (e) => i.config.selectableAttr ? S(U)(t) : void 0
 		}, [
 			i.config.selectableAttr ? (_(), l("td", {
 				key: 0,
@@ -125,7 +124,7 @@ var T = { key: 0 }, E = ["title", "onClick"], D = {
 				"model-value": !!S(V).has(t[i.config.selectableAttr]),
 				"onUpdate:modelValue": (e) => S(U)(t),
 				onClick: s[0] ||= w(() => {}, ["stop"])
-			}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, k)) : c("", !0),
+			}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, A)) : c("", !0),
 			(_(!0), l(o, null, y(G.value, (e) => (_(), l("td", {
 				key: e.property,
 				class: h(["c-table__cell", [e.class, { "primary-col": e.primary }]])
@@ -141,7 +140,11 @@ var T = { key: 0 }, E = ["title", "onClick"], D = {
 				"col",
 				"copy"
 			])])], 2))), 128)),
-			i.config.actions ? (_(), l("td", A, [r.$slots.actions ? b(r.$slots, "actions", {
+			i.config.actions ? (_(), l("td", {
+				key: 1,
+				class: "c-actions-cell",
+				onClick: s[1] ||= w(() => {}, ["stop"])
+			}, [r.$slots.actions ? b(r.$slots, "actions", {
 				key: 0,
 				item: t,
 				index: u,
@@ -150,7 +153,7 @@ var T = { key: 0 }, E = ["title", "onClick"], D = {
 				actions: i.config.actions,
 				item: t
 			}, null, 8, ["actions", "item"])]))])) : c("", !0)
-		], 2))), 128))])) : (_(), l("tbody", M, [u("tr", N, [u("td", {
+		], 10, k))), 128))])) : (_(), l("tbody", M, [u("tr", N, [u("td", {
 			colspan: G.value.length + +!!i.config.selectableAttr + +!!i.config.actions,
 			class: "c-table__loading-cell"
 		}, [u("div", F, [f(t, {

package/dist/admins-components68.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components68.js","names":["$slots"],"sources":["../src/components/data-table/DataTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type {\n  LayoutMode,\n  DataListConfig,\n  DataListSettings,\n  DataTableSettings,\n  DataCardsSettings,\n  Column,\n  Sort,\n  Action,\n  ActionGroup,\n  FilterConfig,\n  FilterValue,\n} from '@/types/data-list'\n\nexport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onMounted, watch, nextTick } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataTableSettingsDefaults } from '@/types/data-list'\nimport type { Column, DataListConfig, DataTableSettings, Sort } from '@/types/data-list'\nimport Loader from '@/components/Loader.vue'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\n\ntype SortDirection = 'asc' | 'desc'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataTableSettings\n    loading?: boolean\n    initialSort?: { key: string; direction: SortDirection } | null\n  }>(),\n  {\n    settings: () => ({ ...dataTableSettingsDefaults }),\n    loading: false,\n    initialSort: null,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n  'sort-change': [sort: { key: string; direction: SortDirection }]\n}>()\n\n//const CHARACTER_BREAKPOINT = 20\n\nconst activeSort = ref<{\n  key: string\n  direction: SortDirection\n} | null>(null)\n\nconst tableWrapperRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.loading,\n  async (isLoading) => {\n    if (isLoading) {\n      await nextTick()\n      tableWrapperRef.value?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  },\n)\n\nconst {\n  selectedKeys,\n  allSelected,\n  toggle: toggleRow,\n  toggleAll,\n} = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nfunction getSortConfig(col: Column): Sort | null {\n  if (!col.sort) return null\n  return typeof col.sort === 'boolean' ? null : col.sort\n}\n\nfunction isSortable(col: Column): boolean {\n  return !!col.sort\n}\n\nfunction handleSort(col: Column) {\n  const key = col.property\n  const direction: SortDirection =\n    activeSort.value?.key === key && activeSort.value.direction === 'asc' ? 'desc' : 'asc'\n\n  activeSort.value = { key, direction }\n  getSortConfig(col)?.callback?.(key, direction)\n\n  emit('sort-change', { key, direction })\n}\n\nfunction applyInitialSort(sort: { key: string; direction: SortDirection } | null | undefined) {\n  if (!sort) {\n    if (activeSort.value !== null) activeSort.value = null\n    return\n  }\n  const col = props.config.columns.find((c) => c.property === sort.key)\n  if (!col) return\n  if (activeSort.value?.key === sort.key && activeSort.value.direction === sort.direction) return\n  activeSort.value = { key: sort.key, direction: sort.direction }\n  getSortConfig(col)?.callback?.(sort.key, sort.direction)\n  emit('sort-change', { key: sort.key, direction: sort.direction })\n}\n\nonMounted(() => applyInitialSort(props.initialSort))\nwatch(\n  () => props.initialSort,\n  (s) => {\n    if (!s) {\n      if (activeSort.value !== null) activeSort.value = null\n      return\n    }\n    const col = props.config.columns.find((c) => c.property === s.key)\n    if (!col) return\n    if (activeSort.value?.key === s.key && activeSort.value.direction === s.direction) return\n    activeSort.value = { key: s.key, direction: s.direction }\n  },\n)\n</script>\n\n<template>\n  <div\n    ref=\"tableWrapperRef\"\n    class=\"ac-component c-table-wrapper list-table-view\"\n    :class=\"{ 'is-loading': loading }\"\n  >\n    <!-- :style=\"{ '--action-count': config.actions?.length ?? 0 }\" -->\n    <table class=\"c-table\" :class=\"{ 'is-compact': settings.compact }\">\n      <thead>\n        <tr>\n          <th v-if=\"config.selectableAttr\">\n            <Checkbox :model-value=\"allSelected\" @update:model-value=\"toggleAll\" />\n          </th>\n\n          <th\n            v-for=\"col in visibleColumns\"\n            :key=\"col.property\"\n            :class=\"[\n              {\n                'c-sortable': isSortable(col),\n                'c-sortable--sorted': activeSort?.key === col.property,\n                'primary-col': col.primary,\n              },\n              col.headerClass,\n            ]\"\n            :title=\"isSortable(col) ? `Sorrendezés ${col.label} alapján` : undefined\"\n            @click=\"isSortable(col) ? handleSort(col) : undefined\"\n          >\n            {{ !col.hideHeader ? col.label : '' }}\n\n            <span\n              v-if=\"isSortable(col)\"\n              class=\"c-sort-icon fa-solid\"\n              :class=\"{\n                'fa-sort': activeSort?.key !== col.property,\n                'fa-sort-down': activeSort?.key === col.property && activeSort.direction === 'desc',\n                'fa-sort-up': activeSort?.key === col.property && activeSort.direction === 'asc',\n                'c-sort-icon--active': activeSort?.key === col.property,\n                'is-asc': activeSort?.key === col.property && activeSort.direction === 'asc',\n                'is-desc': activeSort?.key === col.property && activeSort.direction === 'desc',\n              }\"\n            ></span>\n          </th>\n\n          <th v-if=\"config.actions\" class=\"c-actions-header\">\n            {{ config.actionHeader ?? '' }}\n          </th>\n        </tr>\n      </thead>\n\n      <tbody v-if=\"!loading || items.length > 0\">\n        <tr\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          :class=\"{\n            'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n            'is-striped': settings.striped && index % 2 === 1,\n          }\"\n        >\n          <td v-if=\"config.selectableAttr\" class=\"pointer\" @click.stop=\"toggleRow(item)\">\n            <Checkbox\n              :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n              @update:model-value=\"toggleRow(item)\"\n              @click.stop\n            />\n          </td>\n\n          <td\n            v-for=\"col in visibleColumns\"\n            :key=\"col.property\"\n            class=\"c-table__cell\"\n            :class=\"[\n              col.class,\n              { 'primary-col': col.primary },\n              /* { 'is-nowrap': String(getColumnValue(item, col) ?? '').length < CHARACTER_BREAKPOINT}, */\n            ]\"\n          >\n            <slot :name=\"`cell:${col.property}`\" :item=\"item\" :col=\"col\">\n              <DataCell :item=\"item\" :col=\"col\" :copy=\"!col.hideCopyToClipboard\" />\n            </slot>\n          </td>\n\n          <td v-if=\"config.actions\" class=\"c-actions-cell\">\n            <slot\n              v-if=\"$slots.actions\"\n              name=\"actions\"\n              :item=\"item\"\n              :index=\"index\"\n              :actions=\"config.actions\"\n            />\n            <div v-else class=\"c-actions-wrap\">\n              <DataListActions :actions=\"config.actions\" :item=\"item\" />\n            </div>\n          </td>\n        </tr>\n      </tbody>\n      <tbody v-else>\n        <tr class=\"c-table__loading-row\">\n          <td\n            :colspan=\"\n              visibleColumns.length + (config.selectableAttr ? 1 : 0) + (config.actions ? 1 : 0)\n            \"\n            class=\"c-table__loading-cell\"\n          >\n            <div class=\"c-table__loading-wrap\">\n              <Loader :loading=\"true\" size=\"2.5rem\" />\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <div v-if=\"loading && items.length > 0\" class=\"c-table__backdrop\" aria-hidden=\"true\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-table.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components68.js","names":["$slots"],"sources":["../src/components/data-table/DataTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type {\n  LayoutMode,\n  DataListConfig,\n  DataListSettings,\n  DataTableSettings,\n  DataCardsSettings,\n  Column,\n  Sort,\n  Action,\n  ActionGroup,\n  FilterConfig,\n  FilterValue,\n} from '@/types/data-list'\n\nexport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onMounted, watch, nextTick } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataTableSettingsDefaults } from '@/types/data-list'\nimport type { Column, DataListConfig, DataTableSettings, Sort } from '@/types/data-list'\nimport Loader from '@/components/Loader.vue'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\n\ntype SortDirection = 'asc' | 'desc'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataTableSettings\n    loading?: boolean\n    initialSort?: { key: string; direction: SortDirection } | null\n  }>(),\n  {\n    settings: () => ({ ...dataTableSettingsDefaults }),\n    loading: false,\n    initialSort: null,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n  'sort-change': [sort: { key: string; direction: SortDirection }]\n}>()\n\n//const CHARACTER_BREAKPOINT = 20\n\nconst activeSort = ref<{\n  key: string\n  direction: SortDirection\n} | null>(null)\n\nconst tableWrapperRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.loading,\n  async (isLoading) => {\n    if (isLoading) {\n      await nextTick()\n      tableWrapperRef.value?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  },\n)\n\nconst {\n  selectedKeys,\n  allSelected,\n  toggle: toggleRow,\n  toggleAll,\n} = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nfunction getSortConfig(col: Column): Sort | null {\n  if (!col.sort) return null\n  return typeof col.sort === 'boolean' ? null : col.sort\n}\n\nfunction isSortable(col: Column): boolean {\n  return !!col.sort\n}\n\nfunction handleSort(col: Column) {\n  const key = col.property\n  const direction: SortDirection =\n    activeSort.value?.key === key && activeSort.value.direction === 'asc' ? 'desc' : 'asc'\n\n  activeSort.value = { key, direction }\n  getSortConfig(col)?.callback?.(key, direction)\n\n  emit('sort-change', { key, direction })\n}\n\nfunction applyInitialSort(sort: { key: string; direction: SortDirection } | null | undefined) {\n  if (!sort) {\n    if (activeSort.value !== null) activeSort.value = null\n    return\n  }\n  const col = props.config.columns.find((c) => c.property === sort.key)\n  if (!col) return\n  if (activeSort.value?.key === sort.key && activeSort.value.direction === sort.direction) return\n  activeSort.value = { key: sort.key, direction: sort.direction }\n  getSortConfig(col)?.callback?.(sort.key, sort.direction)\n  emit('sort-change', { key: sort.key, direction: sort.direction })\n}\n\nonMounted(() => applyInitialSort(props.initialSort))\nwatch(\n  () => props.initialSort,\n  (s) => {\n    if (!s) {\n      if (activeSort.value !== null) activeSort.value = null\n      return\n    }\n    const col = props.config.columns.find((c) => c.property === s.key)\n    if (!col) return\n    if (activeSort.value?.key === s.key && activeSort.value.direction === s.direction) return\n    activeSort.value = { key: s.key, direction: s.direction }\n  },\n)\n</script>\n\n<template>\n  <div\n    ref=\"tableWrapperRef\"\n    class=\"ac-component c-table-wrapper list-table-view\"\n    :class=\"{ 'is-loading': loading }\"\n  >\n    <!-- :style=\"{ '--action-count': config.actions?.length ?? 0 }\" -->\n    <table class=\"c-table\" :class=\"{ 'is-compact': settings.compact }\">\n      <thead>\n        <tr>\n          <th v-if=\"config.selectableAttr\">\n            <Checkbox :model-value=\"allSelected\" @update:model-value=\"toggleAll\" />\n          </th>\n\n          <th\n            v-for=\"col in visibleColumns\"\n            :key=\"col.property\"\n            :class=\"[\n              {\n                'c-sortable': isSortable(col),\n                'c-sortable--sorted': activeSort?.key === col.property,\n                'primary-col': col.primary,\n              },\n              col.headerClass,\n            ]\"\n            :title=\"isSortable(col) ? `Sorrendezés ${col.label} alapján` : undefined\"\n            @click=\"isSortable(col) ? handleSort(col) : undefined\"\n          >\n            {{ !col.hideHeader ? col.label : '' }}\n\n            <span\n              v-if=\"isSortable(col)\"\n              class=\"c-sort-icon fa-solid\"\n              :class=\"{\n                'fa-sort': activeSort?.key !== col.property,\n                'fa-sort-down': activeSort?.key === col.property && activeSort.direction === 'desc',\n                'fa-sort-up': activeSort?.key === col.property && activeSort.direction === 'asc',\n                'c-sort-icon--active': activeSort?.key === col.property,\n                'is-asc': activeSort?.key === col.property && activeSort.direction === 'asc',\n                'is-desc': activeSort?.key === col.property && activeSort.direction === 'desc',\n              }\"\n            ></span>\n          </th>\n\n          <th v-if=\"config.actions\" class=\"c-actions-header\">\n            {{ config.actionHeader ?? '' }}\n          </th>\n        </tr>\n      </thead>\n\n      <tbody v-if=\"!loading || items.length > 0\">\n        <tr\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          :class=\"{\n            'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n            'is-striped': settings.striped && index % 2 === 1,\n            'pointer': config.selectableAttr,\n          }\"\n          @click=\"config.selectableAttr ? toggleRow(item) : undefined\"\n        >\n          <td v-if=\"config.selectableAttr\" class=\"pointer\" @click.stop=\"toggleRow(item)\">\n            <Checkbox\n              :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n              @update:model-value=\"toggleRow(item)\"\n              @click.stop\n            />\n          </td>\n\n          <td\n            v-for=\"col in visibleColumns\"\n            :key=\"col.property\"\n            class=\"c-table__cell\"\n            :class=\"[\n              col.class,\n              { 'primary-col': col.primary },\n              /* { 'is-nowrap': String(getColumnValue(item, col) ?? '').length < CHARACTER_BREAKPOINT}, */\n            ]\"\n          >\n            <slot :name=\"`cell:${col.property}`\" :item=\"item\" :col=\"col\">\n              <DataCell :item=\"item\" :col=\"col\" :copy=\"!col.hideCopyToClipboard\" />\n            </slot>\n          </td>\n\n          <td v-if=\"config.actions\" class=\"c-actions-cell\" @click.stop>\n            <slot\n              v-if=\"$slots.actions\"\n              name=\"actions\"\n              :item=\"item\"\n              :index=\"index\"\n              :actions=\"config.actions\"\n            />\n            <div v-else class=\"c-actions-wrap\">\n              <DataListActions :actions=\"config.actions\" :item=\"item\" />\n            </div>\n          </td>\n        </tr>\n      </tbody>\n      <tbody v-else>\n        <tr class=\"c-table__loading-row\">\n          <td\n            :colspan=\"\n              visibleColumns.length + (config.selectableAttr ? 1 : 0) + (config.actions ? 1 : 0)\n            \"\n            class=\"c-table__loading-cell\"\n          >\n            <div class=\"c-table__loading-wrap\">\n              <Loader :loading=\"true\" size=\"2.5rem\" />\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <div v-if=\"loading && items.length > 0\" class=\"c-table__backdrop\" aria-hidden=\"true\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-table.scss\"></style>\n"],"mappings":"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"}