admins-components 9.0.34 → 9.0.35

package/dist/admins-components165.js

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

package/dist/admins-components165.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components165.js","names":[],"sources":["../src/vueformelements/config/ExternalArticleOfferElementConfig.ts"],"sourcesContent":["import type { Article } from '@/components/custom/ExternalArticleOffer.vue'\n\nexport interface ExternalArticleOfferElementConfig {\n  formats: { label: string; value: string }[]\n  onArticleUrlChanged: (url: string, callback: (article: Article) => void) => void\n}\n\nexport let eaoeConfig: ExternalArticleOfferElementConfig =\n  (window as any).config?.externalArticleOfferElement || {}\n\nexport function configureExternalArticleOfferElement(conf: ExternalArticleOfferElementConfig) {\n  eaoeConfig = {\n    ...eaoeConfig,\n    ...conf,\n  }\n\n  return eaoeConfig\n}\n"],"mappings":";AAOA,IAAW,IACR,OAAe,QAAQ,+BAA+B,CAAC;AAE1D,SAAgB,EAAqC,GAAyC;CAM5F,OALA,IAAa;EACX,GAAG;EACH,GAAG;CACL,GAEO;AACT"}
+{"version":3,"file":"admins-components165.js","names":[],"sources":["../src/vueformelements/DateTimePickerElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ref, watch } from 'vue'\nimport DatePicker from '@/components/DatePicker.vue'\n\nexport default defineElement({\n  name: 'DateTimePickerElement',\n  components: {\n    DatePicker,\n  },\n  setup(props, context) {\n    const { value } = context.element\n    value.value = new Date()\n\n    const placeholder = context.attrs.placeholder\n    const initial = ref(null)\n    const display = ref(false)\n\n    const setValue = (v) => {\n      if (v && v.utc) {\n        value.value = v.utc\n      }\n    }\n\n    watch(\n      value,\n      () => {\n        initial.value = {\n          local: value.value ? new Date(value.value) : null,\n          utc: value.value,\n        }\n        display.value = true\n      },\n      { deep: true, immediate: true }\n    )\n\n    return {\n      display,\n      placeholder,\n      initial,\n      value,\n      setValue,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template #element>\n      <DatePicker\n        v-if=\"display\"\n        :model-value=\"initial\"\n        :config=\"{ showTime: true, placeholder: placeholder }\"\n        @update:model-value=\"setValue($event)\"\n      />\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n"],"mappings":";;;;;AAMA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,YAAY,EACV,YAAA,EACF;CACA,MAAM,GAAO,GAAS;EACpB,IAAM,EAAE,aAAU,EAAQ;EAC1B,EAAM,wBAAQ,IAAI,KAAK;EAEvB,IAAM,IAAc,EAAQ,MAAM,aAC5B,IAAU,EAAI,IAAI,GAClB,IAAU,EAAI,EAAK;EAoBzB,OAZA,EACE,SACM;GAKJ,AAJA,EAAQ,QAAQ;IACd,OAAO,EAAM,QAAQ,IAAI,KAAK,EAAM,KAAK,IAAI;IAC7C,KAAK,EAAM;GACb,GACA,EAAQ,QAAQ;EAClB,GACA;GAAE,MAAM;GAAM,WAAW;EAAK,CAChC,GAEO;GACL;GACA;GACA;GACA;GACA,WAvBgB,MAAM;IACtB,AAAI,KAAK,EAAE,QACT,EAAM,QAAQ,EAAE;GAEpB;EAoBA;CACF;AACF,CAAC;;;aAIC,EAgBgB,GAAA,MAAA,EAAA;EAfH,SAAO,QAMd,CAJM,EAAA,WAAA,EAAA,GADR,EAKE,GAAA;;GAHC,eAAa,EAAA;GACb,QAAM;IAAA,UAAA;IAAA,aAAiC,EAAA;GAAW;GAClD,uBAAkB,AAAA,EAAA,QAAA,MAAE,EAAA,SAAS,CAAM;;;OAIF,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/admins-components166.js

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

package/dist/admins-components166.js.map

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

package/dist/admins-components167.js

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

package/dist/admins-components167.js.map

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

package/dist/admins-components168.js

@@ -1,81 +1,7 @@
-import { defineElement as e } from "./admins-components156.js";
-import t from "./admins-components158.js";
-import { gisConfig as n } from "./admins-components167.js";
-import { createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, openBlock as c, ref as l, renderList as u, renderSlot as d, resolveComponent as f, resolveDynamicComponent as p, watch as m, withCtx as h } from "vue";
-//#region src/vueformelements/GalleryImageSelectorElement.vue
-var g = e({
-	name: "GalleryImageSelectorElement",
-	setup(e, t) {
-		let { value: r } = t.element, i = l([]), a = (e) => {
-			r.value.activeImageIndex = 0, r.value.galleryId = e.target.value, n.onFetchGallery(e.target.value, (e) => {
-				i.value = e.items || [], c();
-			});
-		};
-		m(() => r.value, (e, t) => {
-			!e || e?.galleryId === t?.galleryId || n.onFetchGallery(e?.galleryId, (e) => {
-				i.value = e.items || [], c();
-			});
-		}, {
-			immediate: !0,
-			deep: !0
-		});
-		let o = (e) => {
-			r.value.activeImageIndex = e.target.value, c();
-		}, s = l(), c = () => {
-			if (i.value && r.value.activeImageIndex >= 0) {
-				s.value = i.value[r.value.activeImageIndex]?.url;
-				return;
-			}
-			s.value = null;
-		};
-		return {
-			onGalleryIdChanged: a,
-			onActiveIndexChanged: o,
-			imageUrl: s,
-			value: r
-		};
-	}
-}), _ = { class: "ac-component" }, v = { key: 0 }, y = ["src"], b = { key: 1 }, x = { class: "c-input-row" }, S = ["value"], C = { class: "c-input-row" }, w = ["value"];
-function T(e, t, n, l, m, g) {
-	let T = f("ElementLayout");
-	return c(), r(T, null, s({ _: 2 }, [e.value ? {
-		name: "element",
-		fn: h(() => [o("div", _, [
-			e.imageUrl ? (c(), a("div", v, [o("img", {
-				class: "gallery__preview",
-				alt: "",
-				src: e.imageUrl
-			}, null, 8, y)])) : i("", !0),
-			e.imageUrl ? i("", !0) : (c(), a("div", b, [...t[2] ||= [o("p", { class: "gallery__preview-empty" }, "Nincs kép kiválasztva!", -1)]])),
-			o("div", null, [t[3] ||= o("label", {
-				for: "galleryId",
-				class: "c-label"
-			}, "Galéria azonosító", -1), o("div", x, [o("input", {
-				type: "text",
-				id: "galleryId",
-				placeholder: "Galéria azonosító",
-				class: "c-input",
-				value: e.value.galleryId,
-				onInput: t[0] ||= (t) => e.onGalleryIdChanged(t)
-			}, null, 40, S)])]),
-			o("div", null, [t[4] ||= o("label", {
-				for: "activeImageIndex",
-				class: "c-label"
-			}, "Aktív kép index", -1), o("div", C, [o("input", {
-				type: "number",
-				id: "activeImageIndex",
-				placeholder: "Aktív kép index",
-				class: "c-input",
-				value: e.value.activeImageIndex,
-				onInput: t[1] ||= (t) => e.onActiveIndexChanged(t)
-			}, null, 40, w)])])
-		])]),
-		key: "0"
-	} : void 0, u(e.elementSlots, (t, n) => ({
-		name: n,
-		fn: h(() => [d(e.$slots, n, { el$: e.el$ }, () => [(c(), r(p(t), { el$: e.el$ }, null, 8, ["el$"]))])])
-	}))]), 1024);
-}
-var E = /* @__PURE__ */ t(g, [["render", T]]);
+//#region src/vueformelements/config/GalleryImageSelectorElementConfig.ts
+var e = window.config?.galleryImageSelector || {}, t = (t) => (e = {
+	...e,
+	...t
+}, e);
 //#endregion
-export { E as default };
+export { t as configureGalleryImageSelectorElement, e as gisConfig };

package/dist/admins-components168.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components168.js","names":[],"sources":["../src/vueformelements/GalleryImageSelectorElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ref, watch } from 'vue'\nimport { gisConfig } from '@/vueformelements/config/GalleryImageSelectorElementConfig'\n\nexport default defineElement({\n  name: 'GalleryImageSelectorElement',\n  setup(props, context) {\n    const { value } = context.element\n\n    const items = ref([])\n\n    const onGalleryIdChanged = (event) => {\n      value.value.activeImageIndex = 0\n      value.value.galleryId = event.target.value\n\n      gisConfig.onFetchGallery(event.target.value, (data) => {\n        items.value = data.items || []\n        updateImageUrl()\n      })\n    }\n\n    watch(\n      () => value.value,\n      (newVal, oldVal) => {\n        if (!newVal || newVal?.galleryId === oldVal?.galleryId) {\n          return\n        }\n\n        gisConfig.onFetchGallery(newVal?.galleryId, (data) => {\n          items.value = data.items || []\n          updateImageUrl()\n        })\n      },\n      { immediate: true, deep: true },\n    )\n\n    const onActiveIndexChanged = (event) => {\n      value.value.activeImageIndex = event.target.value\n      updateImageUrl()\n    }\n\n    const imageUrl = ref()\n    const updateImageUrl = () => {\n      if (items.value && value.value.activeImageIndex >= 0) {\n        const url = items.value[value.value.activeImageIndex]?.url\n        imageUrl.value = url\n        return\n      }\n      imageUrl.value = null\n    }\n\n    return {\n      onGalleryIdChanged,\n      onActiveIndexChanged,\n      imageUrl,\n      value,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template v-if=\"value\" #element>\n      <div class=\"ac-component\">\n        <div v-if=\"imageUrl\">\n          <img class=\"gallery__preview\" alt=\"\" :src=\"imageUrl\" />\n        </div>\n        <div v-if=\"!imageUrl\">\n          <p class=\"gallery__preview-empty\">Nincs kép kiválasztva!</p>\n        </div>\n        <div>\n          <label for=\"galleryId\" class=\"c-label\">Galéria azonosító</label>\n          <div class=\"c-input-row\">\n            <input\n              type=\"text\"\n              id=\"galleryId\"\n              placeholder=\"Galéria azonosító\"\n              class=\"c-input\"\n              :value=\"value.galleryId\"\n              @input=\"(event) => onGalleryIdChanged(event)\"\n            />\n          </div>\n        </div>\n        <div>\n          <label for=\"activeImageIndex\" class=\"c-label\">Aktív kép index</label>\n          <div class=\"c-input-row\">\n            <input\n              type=\"number\"\n              id=\"activeImageIndex\"\n              placeholder=\"Aktív kép index\"\n              class=\"c-input\"\n              :value=\"value.activeImageIndex\"\n              @input=\"(event) => onActiveIndexChanged(event)\"\n            />\n          </div>\n        </div>\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"],"mappings":";;;;;AAMA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,MAAM,GAAO,GAAS;EACpB,IAAM,EAAE,aAAU,EAAQ,SAEpB,IAAQ,EAAI,CAAC,CAAC,GAEd,KAAsB,MAAU;GAIpC,AAHA,EAAM,MAAM,mBAAmB,GAC/B,EAAM,MAAM,YAAY,EAAM,OAAO,OAErC,EAAU,eAAe,EAAM,OAAO,QAAQ,MAAS;IAErD,AADA,EAAM,QAAQ,EAAK,SAAS,CAAC,GAC7B,EAAe;GACjB,CAAC;EACH;EAEA,QACQ,EAAM,QACX,GAAQ,MAAW;GACd,CAAC,KAAU,GAAQ,cAAc,GAAQ,aAI7C,EAAU,eAAe,GAAQ,YAAY,MAAS;IAEpD,AADA,EAAM,QAAQ,EAAK,SAAS,CAAC,GAC7B,EAAe;GACjB,CAAC;EACH,GACA;GAAE,WAAW;GAAM,MAAM;EAAK,CAChC;EAEA,IAAM,KAAwB,MAAU;GAEtC,AADA,EAAM,MAAM,mBAAmB,EAAM,OAAO,OAC5C,EAAe;EACjB,GAEM,IAAW,EAAI,GACf,UAAuB;GAC3B,IAAI,EAAM,SAAS,EAAM,MAAM,oBAAoB,GAAG;IAEpD,EAAS,QADG,EAAM,MAAM,EAAM,MAAM,mBAAmB;IAEvD;GACF;GACA,EAAS,QAAQ;EACnB;EAEA,OAAO;GACL;GACA;GACA;GACA;EACF;CACF;AACF,CAAC,SAMU,OAAM,eAAc,sDAShB,OAAM,cAAa,wBAanB,OAAM,cAAa;;;aAxBhC,EA4CgB,GAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,CA3CE,EAAA,QAAA;QAAQ;cAkChB,CAjCN,EAiCM,OAjCN,GAiCM;GAhCO,EAAA,YAAA,EAAA,GAAX,EAEM,OAAA,GAAA,CADJ,EAAuD,OAAA;IAAlD,OAAM;IAAmB,KAAI;IAAI,KAAK,EAAA;;GAEjC,EAAA,WAC8C,EAAA,IAAA,EAAA,KAD9C,EAAA,GAAZ,EAEM,OAAA,GAAA,CAAA,GAAA,AAAA,EAAA,OAAA,CADJ,EAA4D,KAAA,EAAzD,OAAM,yBAAwB,GAAC,0BAAsB,EAAA,CAAA,CAAA,CAAA;GAE1D,EAYM,OAAA,MAAA,CAAA,AAAA,EAAA,OAXJ,EAAgE,SAAA;IAAzD,KAAI;IAAY,OAAM;MAAU,qBAAiB,EAAA,GACxD,EASM,OATN,GASM,CARJ,EAOE,SAAA;IANA,MAAK;IACL,IAAG;IACH,aAAY;IACZ,OAAM;IACL,OAAO,EAAA,MAAM;IACb,SAAK,AAAA,EAAA,QAAG,MAAU,EAAA,mBAAmB,CAAK;;GAIjD,EAYM,OAAA,MAAA,CAAA,AAAA,EAAA,OAXJ,EAAqE,SAAA;IAA9D,KAAI;IAAmB,OAAM;MAAU,mBAAe,EAAA,GAC7D,EASM,OATN,GASM,CARJ,EAOE,SAAA;IANA,MAAK;IACL,IAAG;IACH,aAAY;IACZ,OAAM;IACL,OAAO,EAAA,MAAM;IACb,SAAK,AAAA,EAAA,QAAG,MAAU,EAAA,qBAAqB,CAAK;;;;eAOjB,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"admins-components168.js","names":[],"sources":["../src/vueformelements/config/GalleryImageSelectorElementConfig.ts"],"sourcesContent":["export interface GalleryImageSelectorElementConfig {\n  galleryApiUrl: string\n  onFetchGallery: (id: string, callback: (data: any) => any) => any\n}\n\nexport let gisConfig: GalleryImageSelectorElementConfig =\n  (window as any).config?.galleryImageSelector || {}\n\nexport const configureGalleryImageSelectorElement = (gisc: GalleryImageSelectorElementConfig) => {\n  gisConfig = {\n    ...gisConfig,\n    ...gisc,\n  }\n\n  return gisConfig\n}\n"],"mappings":";AAKA,IAAW,IACR,OAAe,QAAQ,wBAAwB,CAAC,GAEtC,KAAwC,OACnD,IAAY;CACV,GAAG;CACH,GAAG;AACL,GAEO"}

package/dist/admins-components169.js

@@ -1,59 +1,81 @@
-import e from "./admins-components45.js";
-import { defineElement as t } from "./admins-components156.js";
-import n from "./admins-components158.js";
-import { ipeConfig as r } from "./admins-components161.js";
-import { createBlock as i, createSlots as a, createVNode as o, openBlock as s, ref as c, renderList as l, renderSlot as u, resolveComponent as d, resolveDynamicComponent as f, watch as p, withCtx as m } from "vue";
-//#region src/vueformelements/ImagePickerElement.vue
-var h = t({
-	name: "ImagePickerElement",
-	components: { ImagePicker: e },
+import { defineElement as e } from "./admins-components157.js";
+import t from "./admins-components159.js";
+import { gisConfig as n } from "./admins-components168.js";
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, openBlock as c, ref as l, renderList as u, renderSlot as d, resolveComponent as f, resolveDynamicComponent as p, watch as m, withCtx as h } from "vue";
+//#region src/vueformelements/GalleryImageSelectorElement.vue
+var g = e({
+	name: "GalleryImageSelectorElement",
 	setup(e, t) {
-		let { value: n } = t.element, i = c({
-			id: n.value,
-			source: "",
-			title: "",
-			isAdult: !1,
-			url: ""
-		});
-		return p(() => n, (e) => {
-			i.value.id = e.value;
+		let { value: r } = t.element, i = l([]), a = (e) => {
+			r.value.activeImageIndex = 0, r.value.galleryId = e.target.value, n.onFetchGallery(e.target.value, (e) => {
+				i.value = e.items || [], c();
+			});
+		};
+		m(() => r.value, (e, t) => {
+			!e || e?.galleryId === t?.galleryId || n.onFetchGallery(e?.galleryId, (e) => {
+				i.value = e.items || [], c();
+			});
 		}, {
 			immediate: !0,
 			deep: !0
-		}), {
-			ipeConfig: r,
-			value: n,
-			model: i
+		});
+		let o = (e) => {
+			r.value.activeImageIndex = e.target.value, c();
+		}, s = l(), c = () => {
+			if (i.value && r.value.activeImageIndex >= 0) {
+				s.value = i.value[r.value.activeImageIndex]?.url;
+				return;
+			}
+			s.value = null;
+		};
+		return {
+			onGalleryIdChanged: a,
+			onActiveIndexChanged: o,
+			imageUrl: s,
+			value: r
 		};
 	}
-});
-function g(e, t, n, r, c, p) {
-	let h = d("ImagePicker"), g = d("ElementLayout");
-	return s(), i(g, null, a({
-		element: m(() => [o(h, {
-			modelValue: e.model,
-			"onUpdate:modelValue": [t[0] ||= (t) => e.model = t, t[1] ||= (t) => e.value = t?.id],
-			editable: !1,
-			details: !1,
-			environment: e.ipeConfig.environment,
-			articleEditorUrl: e.ipeConfig.articleEditorUrl,
-			searchImageWidgetUrl: e.ipeConfig.searchImageWidgetUrl,
-			imageBaseUrl: e.ipeConfig.imageBaseUrl,
-			imageViewId: e.ipeConfig.imageViewId
-		}, null, 8, [
-			"modelValue",
-			"environment",
-			"articleEditorUrl",
-			"searchImageWidgetUrl",
-			"imageBaseUrl",
-			"imageViewId"
+}), _ = { class: "ac-component" }, v = { key: 0 }, y = ["src"], b = { key: 1 }, x = { class: "c-input-row" }, S = ["value"], C = { class: "c-input-row" }, w = ["value"];
+function T(e, t, n, l, m, g) {
+	let T = f("ElementLayout");
+	return c(), r(T, null, s({ _: 2 }, [e.value ? {
+		name: "element",
+		fn: h(() => [o("div", _, [
+			e.imageUrl ? (c(), a("div", v, [o("img", {
+				class: "gallery__preview",
+				alt: "",
+				src: e.imageUrl
+			}, null, 8, y)])) : i("", !0),
+			e.imageUrl ? i("", !0) : (c(), a("div", b, [...t[2] ||= [o("p", { class: "gallery__preview-empty" }, "Nincs kép kiválasztva!", -1)]])),
+			o("div", null, [t[3] ||= o("label", {
+				for: "galleryId",
+				class: "c-label"
+			}, "Galéria azonosító", -1), o("div", x, [o("input", {
+				type: "text",
+				id: "galleryId",
+				placeholder: "Galéria azonosító",
+				class: "c-input",
+				value: e.value.galleryId,
+				onInput: t[0] ||= (t) => e.onGalleryIdChanged(t)
+			}, null, 40, S)])]),
+			o("div", null, [t[4] ||= o("label", {
+				for: "activeImageIndex",
+				class: "c-label"
+			}, "Aktív kép index", -1), o("div", C, [o("input", {
+				type: "number",
+				id: "activeImageIndex",
+				placeholder: "Aktív kép index",
+				class: "c-input",
+				value: e.value.activeImageIndex,
+				onInput: t[1] ||= (t) => e.onActiveIndexChanged(t)
+			}, null, 40, w)])])
 		])]),
-		_: 2
-	}, [l(e.elementSlots, (t, n) => ({
+		key: "0"
+	} : void 0, u(e.elementSlots, (t, n) => ({
 		name: n,
-		fn: m(() => [u(e.$slots, n, { el$: e.el$ }, () => [(s(), i(f(t), { el$: e.el$ }, null, 8, ["el$"]))])])
+		fn: h(() => [d(e.$slots, n, { el$: e.el$ }, () => [(c(), r(p(t), { el$: e.el$ }, null, 8, ["el$"]))])])
 	}))]), 1024);
 }
-var _ = /* @__PURE__ */ n(h, [["render", g]]);
+var E = /* @__PURE__ */ t(g, [["render", T]]);
 //#endregion
-export { _ as default };
+export { E as default };

package/dist/admins-components169.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components169.js","names":[],"sources":["../src/vueformelements/ImagePickerElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport ImagePicker from '@/components/custom/ImagePicker.vue'\nimport { ref, watch } from 'vue'\nimport { ipeConfig } from '@/vueformelements/config/ImagePickerElementConfig'\n\nexport default defineElement({\n  name: 'ImagePickerElement',\n  components: { ImagePicker },\n\n  setup(props, ctx) {\n    const { value } = ctx.element // value is ref. its a string (image id) or undefined\n\n    const model = ref({\n      id: value.value,\n      source: '',\n      title: '',\n      isAdult: false,\n      url: '',\n    })\n\n    watch(\n      () => value,\n      (newVal) => {\n        model.value.id = newVal.value\n      },\n      { immediate: true, deep: true },\n    )\n\n    return { ipeConfig, value, model }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template #element>\n      <ImagePicker\n        v-model=\"model\"\n        @update:modelValue=\"(img) => (value = img?.id)\"\n        :editable=\"false\"\n        :details=\"false\"\n        :environment=\"ipeConfig.environment\"\n        :articleEditorUrl=\"ipeConfig.articleEditorUrl\"\n        :searchImageWidgetUrl=\"ipeConfig.searchImageWidgetUrl\"\n        :imageBaseUrl=\"ipeConfig.imageBaseUrl\"\n        :imageViewId=\"ipeConfig.imageViewId\"\n      />\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n"],"mappings":";;;;;;AAOA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,YAAY,EAAE,aAAA,EAAY;CAE1B,MAAM,GAAO,GAAK;EAChB,IAAM,EAAE,aAAU,EAAI,SAEhB,IAAQ,EAAI;GAChB,IAAI,EAAM;GACV,QAAQ;GACR,OAAO;GACP,SAAS;GACT,KAAK;EACP,CAAC;EAUD,OARA,QACQ,IACL,MAAW;GACV,EAAM,MAAM,KAAK,EAAO;EAC1B,GACA;GAAE,WAAW;GAAM,MAAM;EAAK,CAChC,GAEO;GAAE;GAAW;GAAO;EAAM;CACnC;AACF,CAAC;;;aAIC,EAqBgB,GAAA,MAAA,EAAA;EApBH,SAAO,QAWd,CAVF,EAUE,GAAA;eATS,EAAA;2CAAA,EAAA,QAAK,GAAA,AAAA,EAAA,QACO,MAAS,EAAA,QAAQ,GAAK,EAAA;GAC1C,UAAU;GACV,SAAS;GACT,aAAa,EAAA,UAAU;GACvB,kBAAkB,EAAA,UAAU;GAC5B,sBAAsB,EAAA,UAAU;GAChC,cAAc,EAAA,UAAU;GACxB,aAAa,EAAA,UAAU;;;;;;;;;;OAIU,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"admins-components169.js","names":[],"sources":["../src/vueformelements/GalleryImageSelectorElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ref, watch } from 'vue'\nimport { gisConfig } from '@/vueformelements/config/GalleryImageSelectorElementConfig'\n\nexport default defineElement({\n  name: 'GalleryImageSelectorElement',\n  setup(props, context) {\n    const { value } = context.element\n\n    const items = ref([])\n\n    const onGalleryIdChanged = (event) => {\n      value.value.activeImageIndex = 0\n      value.value.galleryId = event.target.value\n\n      gisConfig.onFetchGallery(event.target.value, (data) => {\n        items.value = data.items || []\n        updateImageUrl()\n      })\n    }\n\n    watch(\n      () => value.value,\n      (newVal, oldVal) => {\n        if (!newVal || newVal?.galleryId === oldVal?.galleryId) {\n          return\n        }\n\n        gisConfig.onFetchGallery(newVal?.galleryId, (data) => {\n          items.value = data.items || []\n          updateImageUrl()\n        })\n      },\n      { immediate: true, deep: true },\n    )\n\n    const onActiveIndexChanged = (event) => {\n      value.value.activeImageIndex = event.target.value\n      updateImageUrl()\n    }\n\n    const imageUrl = ref()\n    const updateImageUrl = () => {\n      if (items.value && value.value.activeImageIndex >= 0) {\n        const url = items.value[value.value.activeImageIndex]?.url\n        imageUrl.value = url\n        return\n      }\n      imageUrl.value = null\n    }\n\n    return {\n      onGalleryIdChanged,\n      onActiveIndexChanged,\n      imageUrl,\n      value,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template v-if=\"value\" #element>\n      <div class=\"ac-component\">\n        <div v-if=\"imageUrl\">\n          <img class=\"gallery__preview\" alt=\"\" :src=\"imageUrl\" />\n        </div>\n        <div v-if=\"!imageUrl\">\n          <p class=\"gallery__preview-empty\">Nincs kép kiválasztva!</p>\n        </div>\n        <div>\n          <label for=\"galleryId\" class=\"c-label\">Galéria azonosító</label>\n          <div class=\"c-input-row\">\n            <input\n              type=\"text\"\n              id=\"galleryId\"\n              placeholder=\"Galéria azonosító\"\n              class=\"c-input\"\n              :value=\"value.galleryId\"\n              @input=\"(event) => onGalleryIdChanged(event)\"\n            />\n          </div>\n        </div>\n        <div>\n          <label for=\"activeImageIndex\" class=\"c-label\">Aktív kép index</label>\n          <div class=\"c-input-row\">\n            <input\n              type=\"number\"\n              id=\"activeImageIndex\"\n              placeholder=\"Aktív kép index\"\n              class=\"c-input\"\n              :value=\"value.activeImageIndex\"\n              @input=\"(event) => onActiveIndexChanged(event)\"\n            />\n          </div>\n        </div>\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"],"mappings":";;;;;AAMA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,MAAM,GAAO,GAAS;EACpB,IAAM,EAAE,aAAU,EAAQ,SAEpB,IAAQ,EAAI,CAAC,CAAC,GAEd,KAAsB,MAAU;GAIpC,AAHA,EAAM,MAAM,mBAAmB,GAC/B,EAAM,MAAM,YAAY,EAAM,OAAO,OAErC,EAAU,eAAe,EAAM,OAAO,QAAQ,MAAS;IAErD,AADA,EAAM,QAAQ,EAAK,SAAS,CAAC,GAC7B,EAAe;GACjB,CAAC;EACH;EAEA,QACQ,EAAM,QACX,GAAQ,MAAW;GACd,CAAC,KAAU,GAAQ,cAAc,GAAQ,aAI7C,EAAU,eAAe,GAAQ,YAAY,MAAS;IAEpD,AADA,EAAM,QAAQ,EAAK,SAAS,CAAC,GAC7B,EAAe;GACjB,CAAC;EACH,GACA;GAAE,WAAW;GAAM,MAAM;EAAK,CAChC;EAEA,IAAM,KAAwB,MAAU;GAEtC,AADA,EAAM,MAAM,mBAAmB,EAAM,OAAO,OAC5C,EAAe;EACjB,GAEM,IAAW,EAAI,GACf,UAAuB;GAC3B,IAAI,EAAM,SAAS,EAAM,MAAM,oBAAoB,GAAG;IAEpD,EAAS,QADG,EAAM,MAAM,EAAM,MAAM,mBAAmB;IAEvD;GACF;GACA,EAAS,QAAQ;EACnB;EAEA,OAAO;GACL;GACA;GACA;GACA;EACF;CACF;AACF,CAAC,SAMU,OAAM,eAAc,sDAShB,OAAM,cAAa,wBAanB,OAAM,cAAa;;;aAxBhC,EA4CgB,GAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,CA3CE,EAAA,QAAA;QAAQ;cAkChB,CAjCN,EAiCM,OAjCN,GAiCM;GAhCO,EAAA,YAAA,EAAA,GAAX,EAEM,OAAA,GAAA,CADJ,EAAuD,OAAA;IAAlD,OAAM;IAAmB,KAAI;IAAI,KAAK,EAAA;;GAEjC,EAAA,WAC8C,EAAA,IAAA,EAAA,KAD9C,EAAA,GAAZ,EAEM,OAAA,GAAA,CAAA,GAAA,AAAA,EAAA,OAAA,CADJ,EAA4D,KAAA,EAAzD,OAAM,yBAAwB,GAAC,0BAAsB,EAAA,CAAA,CAAA,CAAA;GAE1D,EAYM,OAAA,MAAA,CAAA,AAAA,EAAA,OAXJ,EAAgE,SAAA;IAAzD,KAAI;IAAY,OAAM;MAAU,qBAAiB,EAAA,GACxD,EASM,OATN,GASM,CARJ,EAOE,SAAA;IANA,MAAK;IACL,IAAG;IACH,aAAY;IACZ,OAAM;IACL,OAAO,EAAA,MAAM;IACb,SAAK,AAAA,EAAA,QAAG,MAAU,EAAA,mBAAmB,CAAK;;GAIjD,EAYM,OAAA,MAAA,CAAA,AAAA,EAAA,OAXJ,EAAqE,SAAA;IAA9D,KAAI;IAAmB,OAAM;MAAU,mBAAe,EAAA,GAC7D,EASM,OATN,GASM,CARJ,EAOE,SAAA;IANA,MAAK;IACL,IAAG;IACH,aAAY;IACZ,OAAM;IACL,OAAO,EAAA,MAAM;IACb,SAAK,AAAA,EAAA,QAAG,MAAU,EAAA,qBAAqB,CAAK;;;;eAOjB,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/admins-components170.js

@@ -1,40 +1,40 @@
 import e from "./admins-components45.js";
-import { defineElement as t } from "./admins-components156.js";
-import n from "./admins-components158.js";
-import { ipeConfig as r } from "./admins-components161.js";
-import { createBlock as i, createSlots as a, createVNode as o, openBlock as s, renderList as c, renderSlot as l, resolveComponent as u, resolveDynamicComponent as d, watch as f, withCtx as p } from "vue";
-//#region src/vueformelements/ImagePickerDetailsElement.vue
-var m = t({
-	name: "ImagePickerDetailsElement",
+import { defineElement as t } from "./admins-components157.js";
+import n from "./admins-components159.js";
+import { ipeConfig as r } from "./admins-components162.js";
+import { createBlock as i, createSlots as a, createVNode as o, openBlock as s, ref as c, renderList as l, renderSlot as u, resolveComponent as d, resolveDynamicComponent as f, watch as p, withCtx as m } from "vue";
+//#region src/vueformelements/ImagePickerElement.vue
+var h = t({
+	name: "ImagePickerElement",
 	components: { ImagePicker: e },
 	setup(e, t) {
-		let { value: n } = t.element, i = t.attrs.direction ? t.attrs.direction : "vertical";
-		return f(() => n, () => {
-			n.value ||= {
-				id: "00000000-0000-0000-0000-000000000000",
-				source: "",
-				title: "",
-				isAdult: !1
-			};
+		let { value: n } = t.element, i = c({
+			id: n.value,
+			source: "",
+			title: "",
+			isAdult: !1,
+			url: ""
+		});
+		return p(() => n, (e) => {
+			i.value.id = e.value;
 		}, {
-			deep: !0,
-			immediate: !0
+			immediate: !0,
+			deep: !0
 		}), {
 			ipeConfig: r,
 			value: n,
-			direction: i
+			model: i
 		};
 	}
 });
-function h(e, t, n, r, f, m) {
-	let h = u("ImagePicker"), g = u("ElementLayout");
+function g(e, t, n, r, c, p) {
+	let h = d("ImagePicker"), g = d("ElementLayout");
 	return s(), i(g, null, a({
-		element: p(() => [o(h, {
-			modelValue: e.value,
-			"onUpdate:modelValue": t[0] ||= (t) => e.value = t,
-			editable: !0,
-			details: !0,
-			direction: e.direction,
+		element: m(() => [o(h, {
+			modelValue: e.model,
+			"onUpdate:modelValue": [t[0] ||= (t) => e.model = t, t[1] ||= (t) => e.value = t?.id],
+			editable: !1,
+			details: !1,
 			environment: e.ipeConfig.environment,
 			articleEditorUrl: e.ipeConfig.articleEditorUrl,
 			searchImageWidgetUrl: e.ipeConfig.searchImageWidgetUrl,
@@ -42,7 +42,6 @@ function h(e, t, n, r, f, m) {
 			imageViewId: e.ipeConfig.imageViewId
 		}, null, 8, [
 			"modelValue",
-			"direction",
 			"environment",
 			"articleEditorUrl",
 			"searchImageWidgetUrl",
@@ -50,11 +49,11 @@ function h(e, t, n, r, f, m) {
 			"imageViewId"
 		])]),
 		_: 2
-	}, [c(e.elementSlots, (t, n) => ({
+	}, [l(e.elementSlots, (t, n) => ({
 		name: n,
-		fn: p(() => [l(e.$slots, n, { el$: e.el$ }, () => [(s(), i(d(t), { el$: e.el$ }, null, 8, ["el$"]))])])
+		fn: m(() => [u(e.$slots, n, { el$: e.el$ }, () => [(s(), i(f(t), { el$: e.el$ }, null, 8, ["el$"]))])])
 	}))]), 1024);
 }
-var g = /* @__PURE__ */ n(m, [["render", h]]);
+var _ = /* @__PURE__ */ n(h, [["render", g]]);
 //#endregion
-export { g as default };
+export { _ as default };

package/dist/admins-components170.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components170.js","names":[],"sources":["../src/vueformelements/ImagePickerDetailsElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { watch } from 'vue'\nimport ImagePicker from '@/components/custom/ImagePicker.vue'\nimport { ipeConfig } from '@/vueformelements/config/ImagePickerElementConfig'\n\nexport default defineElement({\n  name: 'ImagePickerDetailsElement',\n  components: { ImagePicker },\n\n  setup(props, context) {\n    const { value } = context.element\n    const direction = context.attrs.direction ? context.attrs.direction : 'vertical'\n\n    watch(\n      () => value,\n      () => {\n        if (!value.value) {\n          value.value = {\n            id: '00000000-0000-0000-0000-000000000000',\n            source: '',\n            title: '',\n            isAdult: false,\n          }\n        }\n      },\n      { deep: true, immediate: true },\n    )\n\n    return {\n      ipeConfig,\n      value,\n      direction,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template #element>\n      <ImagePicker\n        v-model=\"value\"\n        :editable=\"true\"\n        :details=\"true\"\n        :direction=\"direction\"\n        :environment=\"ipeConfig.environment\"\n        :articleEditorUrl=\"ipeConfig.articleEditorUrl\"\n        :searchImageWidgetUrl=\"ipeConfig.searchImageWidgetUrl\"\n        :imageBaseUrl=\"ipeConfig.imageBaseUrl\"\n        :imageViewId=\"ipeConfig.imageViewId\"\n      />\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n"],"mappings":";;;;;;AAOA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,YAAY,EAAE,aAAA,EAAY;CAE1B,MAAM,GAAO,GAAS;EACpB,IAAM,EAAE,aAAU,EAAQ,SACpB,IAAY,EAAQ,MAAM,YAAY,EAAQ,MAAM,YAAY;EAiBtE,OAfA,QACQ,SACA;GACJ,AACE,EAAM,UAAQ;IACZ,IAAI;IACJ,QAAQ;IACR,OAAO;IACP,SAAS;GACX;EAEJ,GACA;GAAE,MAAM;GAAM,WAAW;EAAK,CAChC,GAEO;GACL;GACA;GACA;EACF;CACF;AACF,CAAC;;;aAIC,EAqBgB,GAAA,MAAA,EAAA;EApBH,SAAO,QAWd,CAVF,EAUE,GAAA;eATS,EAAA;0CAAA,EAAA,QAAK;GACb,UAAU;GACV,SAAS;GACT,WAAW,EAAA;GACX,aAAa,EAAA,UAAU;GACvB,kBAAkB,EAAA,UAAU;GAC5B,sBAAsB,EAAA,UAAU;GAChC,cAAc,EAAA,UAAU;GACxB,aAAa,EAAA,UAAU;;;;;;;;;;;OAIU,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"admins-components170.js","names":[],"sources":["../src/vueformelements/ImagePickerElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport ImagePicker from '@/components/custom/ImagePicker.vue'\nimport { ref, watch } from 'vue'\nimport { ipeConfig } from '@/vueformelements/config/ImagePickerElementConfig'\n\nexport default defineElement({\n  name: 'ImagePickerElement',\n  components: { ImagePicker },\n\n  setup(props, ctx) {\n    const { value } = ctx.element // value is ref. its a string (image id) or undefined\n\n    const model = ref({\n      id: value.value,\n      source: '',\n      title: '',\n      isAdult: false,\n      url: '',\n    })\n\n    watch(\n      () => value,\n      (newVal) => {\n        model.value.id = newVal.value\n      },\n      { immediate: true, deep: true },\n    )\n\n    return { ipeConfig, value, model }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template #element>\n      <ImagePicker\n        v-model=\"model\"\n        @update:modelValue=\"(img) => (value = img?.id)\"\n        :editable=\"false\"\n        :details=\"false\"\n        :environment=\"ipeConfig.environment\"\n        :articleEditorUrl=\"ipeConfig.articleEditorUrl\"\n        :searchImageWidgetUrl=\"ipeConfig.searchImageWidgetUrl\"\n        :imageBaseUrl=\"ipeConfig.imageBaseUrl\"\n        :imageViewId=\"ipeConfig.imageViewId\"\n      />\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n"],"mappings":";;;;;;AAOA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,YAAY,EAAE,aAAA,EAAY;CAE1B,MAAM,GAAO,GAAK;EAChB,IAAM,EAAE,aAAU,EAAI,SAEhB,IAAQ,EAAI;GAChB,IAAI,EAAM;GACV,QAAQ;GACR,OAAO;GACP,SAAS;GACT,KAAK;EACP,CAAC;EAUD,OARA,QACQ,IACL,MAAW;GACV,EAAM,MAAM,KAAK,EAAO;EAC1B,GACA;GAAE,WAAW;GAAM,MAAM;EAAK,CAChC,GAEO;GAAE;GAAW;GAAO;EAAM;CACnC;AACF,CAAC;;;aAIC,EAqBgB,GAAA,MAAA,EAAA;EApBH,SAAO,QAWd,CAVF,EAUE,GAAA;eATS,EAAA;2CAAA,EAAA,QAAK,GAAA,AAAA,EAAA,QACO,MAAS,EAAA,QAAQ,GAAK,EAAA;GAC1C,UAAU;GACV,SAAS;GACT,aAAa,EAAA,UAAU;GACvB,kBAAkB,EAAA,UAAU;GAC5B,sBAAsB,EAAA,UAAU;GAChC,cAAc,EAAA,UAAU;GACxB,aAAa,EAAA,UAAU;;;;;;;;;;OAIU,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}