admins-components 9.0.13 → 9.0.14

package/dist/admins-components28.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components28.js","names":[],"sources":["../src/components/HeaderComponent.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ButtonProps } from '@/components/Button.vue'\nimport type { HorizontalAlignment } from '@/types/types'\n\nexport interface HeaderToolbar {\n  align: HorizontalAlignment\n  buttons: ButtonProps[]\n}\n\nexport interface HeaderComponentProps {\n  title: string\n  icon?: string\n  showBackButton?: boolean\n  toolbars?: HeaderToolbar[]\n}\n\nexport const headerComponentDefaults = {\n  icon: undefined,\n  showBackButton: false,\n  toolbars: () => [],\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport Button from '@/components/Button.vue'\n\nconst props = withDefaults(defineProps<HeaderComponentProps>(), {\n  ...headerComponentDefaults,\n})\n\nconst emit = defineEmits<{ back: [] }>()\n\nconst sortedToolbars = computed(() => {\n  const order: Record<HorizontalAlignment, number> = { left: 0, center: 1, right: 2 }\n  return [...props.toolbars].sort((a, b) => order[a.align] - order[b.align])\n})\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <header class=\"hc-header\">\n      <div class=\"hc-left\">\n        <Button\n          v-if=\"showBackButton\"\n          class=\"hc-back-btn\"\n          icon=\"fa-solid fa-chevron-left\"\n          aria-label=\"Vissza\"\n          @click=\"emit('back')\"\n        />\n\n        <div class=\"hc-title-group\">\n          <i v-if=\"icon\" :class=\"icon\" class=\"hc-title-icon\"></i>\n          <h1 class=\"hc-title\">{{ title }}</h1>\n        </div>\n      </div>\n      <div v-if=\"sortedToolbars.length\" class=\"hc-toolbars\">\n        <div\n          v-for=\"(toolbar, ti) in sortedToolbars\"\n          :key=\"ti\"\n          class=\"hc-buttons\"\n          :class=\"`hc-buttons--${toolbar.align}`\"\n        >\n          <Button\n            v-for=\"(btn, i) in toolbar.buttons\"\n            :key=\"i\"\n            v-bind=\"btn\"\n          />\n        </div>\n      </div>\n    </header>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/header.scss\"></style>\n"],"mappings":";;;;;;GAgBa,IAA0B;CACrC,MAAM,KAAA;CACN,gBAAgB;CAChB,gBAAgB,CAAC;AACnB;;;;;;;;;;EAOA,IAAM,IAAQ,GAIR,IAAO,GAEP,IAAiB,QAAe;GACpC,IAAM,IAA6C;IAAE,MAAM;IAAG,QAAQ;IAAG,OAAO;GAAE;GAClF,OAAO,CAAC,GAAG,EAAM,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAM,EAAE,SAAS,EAAM,EAAE,MAAM;EAC3E,CAAC;yBAIC,EA+BM,OA/BN,GA+BM,CA9BJ,EA6BS,UA7BT,GA6BS,CA5BP,EAaM,OAbN,GAaM,CAXI,EAAA,kBAAA,EAAA,GADR,EAME,GAAA;;GAJA,OAAM;GACN,MAAK;GACL,cAAW;GACV,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,MAAA;mBAGd,EAGM,OAHN,GAGM,CAFK,EAAA,QAAA,EAAA,GAAT,EAAuD,KAAA;;GAAvC,OAAK,EAAA,CAAE,EAAA,MAAY,eAAe,CAAA;4BAClD,EAAqC,MAArC,GAAqC,EAAb,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAGtB,EAAA,MAAe,UAAA,EAAA,GAA1B,EAaM,OAbN,GAaM,EAAA,EAAA,EAAA,GAZJ,EAWM,GAAA,MAAA,EAVoB,EAAA,QAAhB,GAAS,YADnB,EAWM,OAAA;GATH,KAAK;GACN,OAAK,EAAA,CAAC,cAAY,eACK,EAAQ,OAAK,CAAA;cAEpC,EAIE,GAAA,MAAA,EAHmB,EAAQ,UAAnB,GAAK,YADf,EAIE,GAJF,EAIE,EAFC,KAAK,EAAC,GAAA,EAAA,SAAA,GAAA,GACC,CAAG,GAAA,MAAA,EAAA"}
+{"version":3,"file":"admins-components28.js","names":["$slots"],"sources":["../src/components/HeaderComponent.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ButtonProps } from '@/components/Button.vue'\nimport type { HorizontalAlignment } from '@/types/types'\n\nexport interface HeaderToolbar {\n  align: HorizontalAlignment\n  buttons: ButtonProps[]\n}\n\nexport interface HeaderComponentProps {\n  title: string\n  icon?: string\n  showBackButton?: boolean\n  toolbars?: HeaderToolbar[]\n}\n\nexport const headerComponentDefaults = {\n  icon: undefined,\n  showBackButton: false,\n  toolbars: () => [],\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport Button from '@/components/Button.vue'\n\nconst props = withDefaults(defineProps<HeaderComponentProps>(), {\n  ...headerComponentDefaults,\n})\n\nconst emit = defineEmits<{ back: [] }>()\n\nconst sortedToolbars = computed(() => {\n  const order: Record<HorizontalAlignment, number> = { left: 0, center: 1, right: 2 }\n  return [...props.toolbars].sort((a, b) => order[a.align] - order[b.align])\n})\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <header class=\"hc-header\">\n      <div class=\"hc-left\">\n        <Button\n          v-if=\"showBackButton\"\n          class=\"hc-back-btn\"\n          icon=\"fa-solid fa-chevron-left\"\n          aria-label=\"Vissza\"\n          @click=\"emit('back')\"\n        />\n\n        <div class=\"hc-title-group\">\n          <i v-if=\"icon\" :class=\"icon\" class=\"hc-title-icon\"></i>\n          <h1 class=\"hc-title\">{{ title }}</h1>\n        </div>\n\n        <div v-if=\"$slots.left\" class=\"hc-slot hc-slot--left\">\n          <slot name=\"left\" />\n        </div>\n      </div>\n\n      <div\n        v-if=\"$slots.center || sortedToolbars.some((t) => t.align === 'center')\"\n        class=\"hc-slot hc-slot--center\"\n      >\n        <slot name=\"center\" />\n        <div\n          v-for=\"(toolbar, ti) in sortedToolbars.filter((t) => t.align === 'center')\"\n          :key=\"`c-${ti}`\"\n          class=\"hc-buttons\"\n        >\n          <Button v-for=\"(btn, i) in toolbar.buttons\" :key=\"i\" v-bind=\"btn\" />\n        </div>\n      </div>\n\n      <div\n        v-if=\"$slots.right || sortedToolbars.some((t) => t.align === 'right')\"\n        class=\"hc-slot hc-slot--right\"\n      >\n        <slot name=\"right\" />\n        <div\n          v-for=\"(toolbar, ti) in sortedToolbars.filter((t) => t.align === 'right')\"\n          :key=\"`r-${ti}`\"\n          class=\"hc-buttons\"\n        >\n          <Button v-for=\"(btn, i) in toolbar.buttons\" :key=\"i\" v-bind=\"btn\" />\n        </div>\n      </div>\n    </header>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/header.scss\"></style>\n"],"mappings":";;;;;;;;;;;;GAgBa,IAA0B;CACrC,MAAM,KAAA;CACN,gBAAgB;CAChB,gBAAgB,CAAC;AACnB;;;;;;;;;;EAOA,IAAM,IAAQ,GAIR,IAAO,GAEP,IAAiB,QAAe;GACpC,IAAM,IAA6C;IAAE,MAAM;IAAG,QAAQ;IAAG,OAAO;GAAE;GAClF,OAAO,CAAC,GAAG,EAAM,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAM,EAAE,SAAS,EAAM,EAAE,MAAM;EAC3E,CAAC;yBAIC,EAiDM,OAjDN,GAiDM,CAhDJ,EA+CS,UA/CT,GA+CS;GA9CP,EAiBM,OAjBN,GAiBM;IAfI,EAAA,kBAAA,EAAA,GADR,EAME,GAAA;;KAJA,OAAM;KACN,MAAK;KACL,cAAW;KACV,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,MAAA;;IAGd,EAGM,OAHN,GAGM,CAFK,EAAA,QAAA,EAAA,GAAT,EAAuD,KAAA;;KAAvC,OAAK,EAAA,CAAE,EAAA,MAAY,eAAe,CAAA;8BAClD,EAAqC,MAArC,GAAqC,EAAb,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA;IAGpBA,EAAAA,OAAO,QAAA,EAAA,GAAlB,EAEM,OAFN,GAEM,CADJ,EAAoB,EAAA,QAAA,MAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;;GAKhBA,EAAAA,OAAO,UAAU,EAAA,MAAe,MAAM,MAAM,EAAE,UAAK,QAAA,KAAA,EAAA,GAD3D,EAYM,OAZN,GAYM,CARJ,EAAsB,EAAA,QAAA,QAAA,IAAA,EAAA,EAAA,GACtB,EAMM,GAAA,MAAA,EALoB,EAAA,MAAe,QAAQ,MAAM,EAAE,UAAK,QAAA,IAApD,GAAS,YADnB,EAMM,OAAA;IAJH,KAAG,KAAO;IACX,OAAM;eAEN,EAAoE,GAAA,MAAA,EAAzC,EAAQ,UAAnB,GAAK,YAArB,EAAoE,GAApE,EAAoE,EAAvB,KAAK,EAAC,GAAA,EAAA,SAAA,GAAA,GAAU,CAAG,GAAA,MAAA,EAAA;GAK5DA,EAAAA,OAAO,SAAS,EAAA,MAAe,MAAM,MAAM,EAAE,UAAK,OAAA,KAAA,EAAA,GAD1D,EAYM,OAZN,GAYM,CARJ,EAAqB,EAAA,QAAA,OAAA,IAAA,EAAA,EAAA,GACrB,EAMM,GAAA,MAAA,EALoB,EAAA,MAAe,QAAQ,MAAM,EAAE,UAAK,OAAA,IAApD,GAAS,YADnB,EAMM,OAAA;IAJH,KAAG,KAAO;IACX,OAAM;eAEN,EAAoE,GAAA,MAAA,EAAzC,EAAQ,UAAnB,GAAK,YAArB,EAAoE,GAApE,EAAoE,EAAvB,KAAK,EAAC,GAAA,EAAA,SAAA,GAAA,GAAU,CAAG,GAAA,MAAA,EAAA"}

package/dist/admins-components30.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components30.js","names":[],"sources":["../src/components/HeaderComponent.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ButtonProps } from '@/components/Button.vue'\nimport type { HorizontalAlignment } from '@/types/types'\n\nexport interface HeaderToolbar {\n  align: HorizontalAlignment\n  buttons: ButtonProps[]\n}\n\nexport interface HeaderComponentProps {\n  title: string\n  icon?: string\n  showBackButton?: boolean\n  toolbars?: HeaderToolbar[]\n}\n\nexport const headerComponentDefaults = {\n  icon: undefined,\n  showBackButton: false,\n  toolbars: () => [],\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport Button from '@/components/Button.vue'\n\nconst props = withDefaults(defineProps<HeaderComponentProps>(), {\n  ...headerComponentDefaults,\n})\n\nconst emit = defineEmits<{ back: [] }>()\n\nconst sortedToolbars = computed(() => {\n  const order: Record<HorizontalAlignment, number> = { left: 0, center: 1, right: 2 }\n  return [...props.toolbars].sort((a, b) => order[a.align] - order[b.align])\n})\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <header class=\"hc-header\">\n      <div class=\"hc-left\">\n        <Button\n          v-if=\"showBackButton\"\n          class=\"hc-back-btn\"\n          icon=\"fa-solid fa-chevron-left\"\n          aria-label=\"Vissza\"\n          @click=\"emit('back')\"\n        />\n\n        <div class=\"hc-title-group\">\n          <i v-if=\"icon\" :class=\"icon\" class=\"hc-title-icon\"></i>\n          <h1 class=\"hc-title\">{{ title }}</h1>\n        </div>\n      </div>\n      <div v-if=\"sortedToolbars.length\" class=\"hc-toolbars\">\n        <div\n          v-for=\"(toolbar, ti) in sortedToolbars\"\n          :key=\"ti\"\n          class=\"hc-buttons\"\n          :class=\"`hc-buttons--${toolbar.align}`\"\n        >\n          <Button\n            v-for=\"(btn, i) in toolbar.buttons\"\n            :key=\"i\"\n            v-bind=\"btn\"\n          />\n        </div>\n      </div>\n    </header>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/header.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components30.js","names":[],"sources":["../src/components/HeaderComponent.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ButtonProps } from '@/components/Button.vue'\nimport type { HorizontalAlignment } from '@/types/types'\n\nexport interface HeaderToolbar {\n  align: HorizontalAlignment\n  buttons: ButtonProps[]\n}\n\nexport interface HeaderComponentProps {\n  title: string\n  icon?: string\n  showBackButton?: boolean\n  toolbars?: HeaderToolbar[]\n}\n\nexport const headerComponentDefaults = {\n  icon: undefined,\n  showBackButton: false,\n  toolbars: () => [],\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport Button from '@/components/Button.vue'\n\nconst props = withDefaults(defineProps<HeaderComponentProps>(), {\n  ...headerComponentDefaults,\n})\n\nconst emit = defineEmits<{ back: [] }>()\n\nconst sortedToolbars = computed(() => {\n  const order: Record<HorizontalAlignment, number> = { left: 0, center: 1, right: 2 }\n  return [...props.toolbars].sort((a, b) => order[a.align] - order[b.align])\n})\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <header class=\"hc-header\">\n      <div class=\"hc-left\">\n        <Button\n          v-if=\"showBackButton\"\n          class=\"hc-back-btn\"\n          icon=\"fa-solid fa-chevron-left\"\n          aria-label=\"Vissza\"\n          @click=\"emit('back')\"\n        />\n\n        <div class=\"hc-title-group\">\n          <i v-if=\"icon\" :class=\"icon\" class=\"hc-title-icon\"></i>\n          <h1 class=\"hc-title\">{{ title }}</h1>\n        </div>\n\n        <div v-if=\"$slots.left\" class=\"hc-slot hc-slot--left\">\n          <slot name=\"left\" />\n        </div>\n      </div>\n\n      <div\n        v-if=\"$slots.center || sortedToolbars.some((t) => t.align === 'center')\"\n        class=\"hc-slot hc-slot--center\"\n      >\n        <slot name=\"center\" />\n        <div\n          v-for=\"(toolbar, ti) in sortedToolbars.filter((t) => t.align === 'center')\"\n          :key=\"`c-${ti}`\"\n          class=\"hc-buttons\"\n        >\n          <Button v-for=\"(btn, i) in toolbar.buttons\" :key=\"i\" v-bind=\"btn\" />\n        </div>\n      </div>\n\n      <div\n        v-if=\"$slots.right || sortedToolbars.some((t) => t.align === 'right')\"\n        class=\"hc-slot hc-slot--right\"\n      >\n        <slot name=\"right\" />\n        <div\n          v-for=\"(toolbar, ti) in sortedToolbars.filter((t) => t.align === 'right')\"\n          :key=\"`r-${ti}`\"\n          class=\"hc-buttons\"\n        >\n          <Button v-for=\"(btn, i) in toolbar.buttons\" :key=\"i\" v-bind=\"btn\" />\n        </div>\n      </div>\n    </header>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/header.scss\"></style>\n"],"mappings":""}

package/dist/admins-components31.js

@@ -1,37 +1,37 @@
 import { Teleport as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, onMounted as o, onUnmounted as s, openBlock as c, renderSlot as l, toDisplayString as u } from "vue";
 //#region src/components/Modal.vue?vue&type=script&setup=true&lang.ts
-var d = { class: "c-modal" }, f = { class: "c-modal-header" }, p = { class: "c-modal-title" }, m = { class: "c-modal-body c-scroll" }, h = {
+var d = { class: "ac-component" }, f = { class: "c-modal" }, p = { class: "c-modal-header" }, m = { class: "c-modal-title" }, h = { class: "c-modal-body c-scroll" }, g = {
 	key: 0,
 	class: "c-modal-footer"
-}, g = /* @__PURE__ */ a({
+}, _ = /* @__PURE__ */ a({
 	__name: "Modal",
 	props: { title: {} },
 	emits: ["close"],
-	setup(a, { emit: g }) {
-		let _ = g;
-		function v(e) {
-			e.target === e.currentTarget && _("close");
-		}
+	setup(a, { emit: _ }) {
+		let v = _;
 		function y(e) {
-			e.key === "Escape" && _("close");
+			e.target === e.currentTarget && v("close");
+		}
+		function b(e) {
+			e.key === "Escape" && v("close");
 		}
 		return o(() => {
-			document.addEventListener("keydown", y);
+			document.addEventListener("keydown", b);
 		}), s(() => {
-			document.removeEventListener("keydown", y);
-		}), (o, s) => (c(), t(e, { to: "body" }, [i("div", {
-			class: "c-modal-backdrop ac-component",
-			onMousedown: v
-		}, [i("div", d, [
-			i("div", f, [i("h3", p, u(a.title), 1), i("button", {
+			document.removeEventListener("keydown", b);
+		}), (o, s) => (c(), t(e, { to: "body" }, [i("div", d, [i("div", {
+			class: "c-modal-backdrop",
+			onMousedown: y
+		}, [i("div", f, [
+			i("div", p, [i("h3", m, u(a.title), 1), i("button", {
 				type: "button",
 				class: "c-modal-close",
-				onClick: s[0] ||= (e) => _("close")
+				onClick: s[0] ||= (e) => v("close")
 			}, [...s[1] ||= [i("i", { class: "ri-close-line" }, null, -1)]])]),
-			i("div", m, [l(o.$slots, "default")]),
-			o.$slots.footer ? (c(), r("div", h, [l(o.$slots, "footer")])) : n("", !0)
-		])], 32)]));
+			i("div", h, [l(o.$slots, "default")]),
+			o.$slots.footer ? (c(), r("div", g, [l(o.$slots, "footer")])) : n("", !0)
+		])], 32)])]));
 	}
 });
 //#endregion
-export { g as default };
+export { _ as default };

package/dist/admins-components31.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components31.js","names":["$slots"],"sources":["../src/components/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ModalProps {\n  title: 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=\"c-modal-backdrop ac-component\" @mousedown=\"onBackdropClick\">\n      <div class=\"c-modal\">\n        <div class=\"c-modal-header\">\n          <h3 class=\"c-modal-title\">{{ title }}</h3>\n          <button type=\"button\" class=\"c-modal-close\" @click=\"emit('close')\">\n            <i class=\"ri-close-line\"></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  </Teleport>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/modal.scss\"></style>\n"],"mappings":";;;;;;;;;;EAWA,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,mBAIC,EAiBW,GAAA,EAjBD,IAAG,OAAM,GAAA,CACjB,EAeM,OAAA;GAfD,OAAM;GAAiC,aAAW;MACrD,EAaM,OAbN,GAaM;GAZJ,EAKM,OALN,GAKM,CAJJ,EAA0C,MAA1C,GAA0C,EAAb,EAAA,KAAK,GAAA,CAAA,GAClC,EAES,UAAA;IAFD,MAAK;IAAS,OAAM;IAAiB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,OAAA;oBACtD,EAA6B,KAAA,EAA1B,OAAM,gBAAe,GAAA,MAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA;GAG5B,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA;GAECA,EAAAA,OAAO,UAAA,EAAA,GAAlB,EAEM,OAFN,GAEM,CADJ,EAAsB,EAAA,QAAA,QAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"admins-components31.js","names":["$slots"],"sources":["../src/components/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ModalProps {\n  title: 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 class=\"c-modal\">\n          <div class=\"c-modal-header\">\n            <h3 class=\"c-modal-title\">{{ title }}</h3>\n            <button type=\"button\" class=\"c-modal-close\" @click=\"emit('close')\">\n              <i class=\"ri-close-line\"></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":";;;;;;;;;;EAWA,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,mBAIC,EAmBW,GAAA,EAnBD,IAAG,OAAM,GAAA,CACjB,EAiBM,OAjBN,GAiBM,CAhBJ,EAeM,OAAA;GAfD,OAAM;GAAoB,aAAW;MACxC,EAaM,OAbN,GAaM;GAZJ,EAKM,OALN,GAKM,CAJJ,EAA0C,MAA1C,GAA0C,EAAb,EAAA,KAAK,GAAA,CAAA,GAClC,EAES,UAAA;IAFD,MAAK;IAAS,OAAM;IAAiB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,OAAA;oBACtD,EAA6B,KAAA,EAA1B,OAAM,gBAAe,GAAA,MAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA;GAG5B,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA;GAECA,EAAAA,OAAO,UAAA,EAAA,GAAlB,EAEM,OAFN,GAEM,CADJ,EAAsB,EAAA,QAAA,QAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/admins-components33.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components33.js","names":[],"sources":["../src/components/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ModalProps {\n  title: 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=\"c-modal-backdrop ac-component\" @mousedown=\"onBackdropClick\">\n      <div class=\"c-modal\">\n        <div class=\"c-modal-header\">\n          <h3 class=\"c-modal-title\">{{ title }}</h3>\n          <button type=\"button\" class=\"c-modal-close\" @click=\"emit('close')\">\n            <i class=\"ri-close-line\"></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  </Teleport>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/modal.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components33.js","names":[],"sources":["../src/components/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ModalProps {\n  title: 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 class=\"c-modal\">\n          <div class=\"c-modal-header\">\n            <h3 class=\"c-modal-title\">{{ title }}</h3>\n            <button type=\"button\" class=\"c-modal-close\" @click=\"emit('close')\">\n              <i class=\"ri-close-line\"></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-components39.js

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

package/dist/admins-components39.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components39.js","names":[],"sources":["../src/components/custom/ImagePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ImagePickerModel {\n  id: string\n  url: string\n  source: string\n  title: string\n  isAdult: boolean\n}\n\nexport interface ImagePickerProps {\n  modelValue?: ImagePickerModel\n  details?: boolean\n  editable?: boolean\n  direction?: 'horizontal' | 'vertical'\n  articleEditorUrl: string\n  environment: string\n  searchImageWidgetUrl: string\n  imageBaseUrl: string\n  imageViewId: string\n}\n\nconst defaultValue: ImagePickerModel = {\n  id: '',\n  url: '',\n  isAdult: false,\n  source: '',\n  title: '',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport Modal from '@/components/Modal.vue'\nimport Button from '@/components/Button.vue'\n\nconst props = withDefaults(defineProps<ImagePickerProps>(), {\n  modelValue: undefined,\n  details: false,\n  editable: false,\n  direction: 'vertical',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: ImagePickerModel): void\n}>()\n\nconst local = ref<ImagePickerModel>(defaultValue)\nconst showImageModal = ref(false)\n\nwatch(\n  () => local.value,\n  () => {\n    emit('update:modelValue', local.value)\n  },\n  { deep: true },\n)\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue) {\n      local.value = newValue\n    }\n  },\n  { deep: true, immediate: true },\n)\n\n// Generate unique ID\nconst uniqueId = (() => {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) return crypto.randomUUID()\n  return `ip-${Date.now()}-${Math.random().toString(36).slice(2)}`\n})()\n\nconst imageCausationId = `${uniqueId}-image-picker-causation`\n\n// Load external search image widget script\nonMounted(() => {\n  // Check if custom element is already registered\n  if (!customElements.get('hvg-search-image')) {\n    if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = props.searchImageWidgetUrl\n      script.async = true\n      document.head.appendChild(script)\n    }\n  }\n})\n\n// Computed properties\nconst hasImage = computed(() => {\n  return (\n    local.value &&\n    ((local.value.url && local.value.url.length > 0) ||\n      (local.value.id && local.value.id.length > 0))\n  )\n})\n\nconst imageUrl = computed(() => {\n  if (!hasImage.value) return undefined\n  if (local.value.url && local.value.url.length > 0) return local.value.url\n  return `${props.imageBaseUrl}/${props.imageViewId}/${local.value.id}.img`\n})\n\nconst isHorizontal = computed(() => props.direction === 'horizontal')\n\n// Event handlers\nconst selectImage = (event: MouseEvent) => {\n  event.preventDefault()\n  showImageModal.value = true\n}\n\nconst resetImage = (event: MouseEvent) => {\n  event.preventDefault()\n  local.value = { ...defaultValue }\n}\n\nconst onImageSelected = (e: CustomEvent) => {\n  if (e?.detail?.causationid === imageCausationId) {\n    showImageModal.value = false\n\n    if (e.detail?.image) {\n      local.value = {\n        id: e.detail.image.id,\n        url: '',\n        isAdult: e.detail.image.isAdult,\n        source: e.detail.image.source,\n        title: e.detail.image.title,\n      }\n    }\n  }\n}\n\n// Event listeners\nonMounted(() => {\n  window.addEventListener('image-selected', onImageSelected as EventListener)\n})\n\nonUnmounted(() => {\n  window.removeEventListener('image-selected', onImageSelected as EventListener)\n})\n</script>\n\n<template>\n  <div class=\"c-image-picker ac-component\">\n    <div\n      class=\"c-image-picker__container\"\n      :class=\"{ 'c-image-picker__container--horizontal': isHorizontal }\"\n    >\n      <div class=\"c-image-picker__preview\">\n        <img\n          v-if=\"hasImage\"\n          :src=\"imageUrl\"\n          :alt=\"local.title || 'Selected image'\"\n          class=\"c-image-picker__img\"\n        />\n        <p v-else class=\"c-image-picker__placeholder\">Nincs kiválasztott kép</p>\n      </div>\n\n      <!-- Action Buttons -->\n      <div class=\"c-image-picker__buttons\">\n        <Button\n          type=\"success\"\n          label=\"Kép kiválasztása\"\n          class=\"nowrap\"\n          @click=\"selectImage\"\n          icon=\"fa-solid fa-image\"\n        ></Button>\n        <Button\n          type=\"error\"\n          label=\"Eltávolítás\"\n          class=\"nowrap\"\n          @click=\"resetImage\"\n          icon=\"fa-solid fa-trash\"\n        ></Button>\n      </div>\n\n      <!-- Details Section -->\n      <div v-if=\"details && local.id\" class=\"c-image-picker__details\">\n        <!-- Source Input -->\n        <div>\n          <label for=\"image-source\" class=\"c-label\">Forrás</label>\n          <div class=\"c-input-row\">\n            <input\n              v-model=\"local.source\"\n              id=\"image-source\"\n              type=\"text\"\n              class=\"c-input\"\n              placeholder=\"Kép forrása\"\n              :disabled=\"!editable\"\n            />\n          </div>\n        </div>\n\n        <!-- Title/Alt Text Input -->\n        <div>\n          <label for=\"image-title\" class=\"c-label\">Cím / Alt szöveg</label>\n          <div class=\"c-input-row\">\n            <textarea\n              v-model=\"local.title\"\n              id=\"image-title\"\n              class=\"c-input c-image-picker__textarea\"\n              placeholder=\"Cím vagy alt szöveg\"\n              :disabled=\"!editable\"\n            />\n          </div>\n        </div>\n\n        <!-- Adult Content Checkbox -->\n        <div class=\"flex-center gap-1\">\n          <input\n            id=\"image-adult\"\n            v-model=\"local.isAdult\"\n            type=\"checkbox\"\n            class=\"c-checkbox\"\n            :checked=\"local.isAdult\"\n            :disabled=\"!editable\"\n          />\n          <label for=\"image-adult\" class=\"c-label\">Felnőtt tartalom</label>\n        </div>\n      </div>\n    </div>\n\n    <!-- Image Search Modal Dialog -->\n    <Modal v-if=\"showImageModal\" title=\"Kép keresése\" @close=\"showImageModal = false\">\n      <hvg-search-image\n        :causationid=\"imageCausationId\"\n        :viewid=\"imageViewId\"\n        :environment=\"environment\"\n        :aeurl=\"articleEditorUrl\"\n        selectonly=\"true\"\n      />\n    </Modal>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/image-picker.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components39.js","names":[],"sources":["../src/components/custom/ImagePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ImagePickerModel {\n  id: string\n  url: string\n  source: string\n  title: string\n  isAdult: boolean\n}\n\nexport interface ImagePickerProps {\n  modelValue?: ImagePickerModel\n  details?: boolean\n  editable?: boolean\n  direction?: 'horizontal' | 'vertical'\n  articleEditorUrl: string\n  environment: string\n  searchImageWidgetUrl: string\n  imageBaseUrl: string\n  imageViewId: string\n}\n\nconst defaultValue: ImagePickerModel = {\n  id: '',\n  url: '',\n  isAdult: false,\n  source: '',\n  title: '',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport Modal from '@/components/Modal.vue'\nimport Button from '@/components/Button.vue'\n\nconst props = withDefaults(defineProps<ImagePickerProps>(), {\n  modelValue: undefined,\n  details: false,\n  editable: false,\n  direction: 'vertical',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: ImagePickerModel): void\n}>()\n\nconst local = ref<ImagePickerModel>(defaultValue)\nconst showImageModal = ref(false)\n\nwatch(\n  () => local.value,\n  () => {\n    emit('update:modelValue', local.value)\n  },\n  { deep: true },\n)\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue) {\n      local.value = newValue\n    }\n  },\n  { deep: true, immediate: true },\n)\n\n// Generate unique ID\nconst uniqueId = (() => {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) return crypto.randomUUID()\n  return `ip-${Date.now()}-${Math.random().toString(36).slice(2)}`\n})()\n\nconst imageCausationId = `${uniqueId}-image-picker-causation`\n\n// Load external search image widget script\nonMounted(() => {\n  // Check if custom element is already registered\n  if (!customElements.get('hvg-search-image')) {\n    if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = props.searchImageWidgetUrl\n      script.async = true\n      document.head.appendChild(script)\n    }\n  }\n})\n\n// Computed properties\nconst hasImage = computed(() => {\n  return (\n    local.value &&\n    ((local.value.url && local.value.url.length > 0) ||\n      (local.value.id && local.value.id.length > 0))\n  )\n})\n\nconst imageUrl = computed(() => {\n  if (!hasImage.value) return undefined\n  if (local.value.url && local.value.url.length > 0) return local.value.url\n  return `${props.imageBaseUrl}/${props.imageViewId}/${local.value.id}.img`\n})\n\nconst isHorizontal = computed(() => props.direction === 'horizontal')\n\n// Event handlers\nconst selectImage = (event: MouseEvent) => {\n  event.preventDefault()\n  showImageModal.value = true\n}\n\nconst resetImage = (event: MouseEvent) => {\n  event.preventDefault()\n  local.value = { ...defaultValue }\n}\n\nconst onImageSelected = (e: CustomEvent) => {\n  if (e?.detail?.causationid === imageCausationId) {\n    showImageModal.value = false\n\n    if (e.detail?.image) {\n      local.value = {\n        id: e.detail.image.id,\n        url: '',\n        isAdult: e.detail.image.isAdult,\n        source: e.detail.image.source,\n        title: e.detail.image.title,\n      }\n    }\n  }\n}\n\n// Event listeners\nonMounted(() => {\n  window.addEventListener('image-selected', onImageSelected as EventListener)\n})\n\nonUnmounted(() => {\n  window.removeEventListener('image-selected', onImageSelected as EventListener)\n})\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-image-picker\">\n      <div\n        class=\"c-image-picker__container\"\n        :class=\"{ 'c-image-picker__container--horizontal': isHorizontal }\"\n      >\n        <div class=\"c-image-picker__preview\">\n          <img\n            v-if=\"hasImage\"\n            :src=\"imageUrl\"\n            :alt=\"local.title || 'Selected image'\"\n            class=\"c-image-picker__img\"\n          />\n          <p v-else class=\"c-image-picker__placeholder\">Nincs kiválasztott kép</p>\n        </div>\n\n        <!-- Action Buttons -->\n        <div class=\"c-image-picker__buttons\">\n          <Button\n            type=\"success\"\n            label=\"Kép kiválasztása\"\n            class=\"nowrap\"\n            @click=\"selectImage\"\n            icon=\"fa-solid fa-image\"\n          ></Button>\n          <Button\n            type=\"error\"\n            label=\"Eltávolítás\"\n            class=\"nowrap\"\n            @click=\"resetImage\"\n            icon=\"fa-solid fa-trash\"\n          ></Button>\n        </div>\n\n        <!-- Details Section -->\n        <div v-if=\"details && local.id\" class=\"c-image-picker__details\">\n          <!-- Source Input -->\n          <div>\n            <label for=\"image-source\" class=\"c-label\">Forrás</label>\n            <div class=\"c-input-row\">\n              <input\n                v-model=\"local.source\"\n                id=\"image-source\"\n                type=\"text\"\n                class=\"c-input\"\n                placeholder=\"Kép forrása\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Title/Alt Text Input -->\n          <div>\n            <label for=\"image-title\" class=\"c-label\">Cím / Alt szöveg</label>\n            <div class=\"c-input-row\">\n              <textarea\n                v-model=\"local.title\"\n                id=\"image-title\"\n                class=\"c-input c-image-picker__textarea\"\n                placeholder=\"Cím vagy alt szöveg\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Adult Content Checkbox -->\n          <div class=\"flex-center gap-1\">\n            <input\n              id=\"image-adult\"\n              v-model=\"local.isAdult\"\n              type=\"checkbox\"\n              class=\"c-checkbox\"\n              :checked=\"local.isAdult\"\n              :disabled=\"!editable\"\n            />\n            <label for=\"image-adult\" class=\"c-label\">Felnőtt tartalom</label>\n          </div>\n        </div>\n      </div>\n\n      <!-- Image Search Modal Dialog -->\n      <Modal v-if=\"showImageModal\" title=\"Kép keresése\" @close=\"showImageModal = false\">\n        <hvg-search-image\n          :causationid=\"imageCausationId\"\n          :viewid=\"imageViewId\"\n          :environment=\"environment\"\n          :aeurl=\"articleEditorUrl\"\n          selectonly=\"true\"\n        />\n      </Modal>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/image-picker.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components41.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components41.js","names":[],"sources":["../src/components/custom/ImagePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ImagePickerModel {\n  id: string\n  url: string\n  source: string\n  title: string\n  isAdult: boolean\n}\n\nexport interface ImagePickerProps {\n  modelValue?: ImagePickerModel\n  details?: boolean\n  editable?: boolean\n  direction?: 'horizontal' | 'vertical'\n  articleEditorUrl: string\n  environment: string\n  searchImageWidgetUrl: string\n  imageBaseUrl: string\n  imageViewId: string\n}\n\nconst defaultValue: ImagePickerModel = {\n  id: '',\n  url: '',\n  isAdult: false,\n  source: '',\n  title: '',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport Modal from '@/components/Modal.vue'\nimport Button from '@/components/Button.vue'\n\nconst props = withDefaults(defineProps<ImagePickerProps>(), {\n  modelValue: undefined,\n  details: false,\n  editable: false,\n  direction: 'vertical',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: ImagePickerModel): void\n}>()\n\nconst local = ref<ImagePickerModel>(defaultValue)\nconst showImageModal = ref(false)\n\nwatch(\n  () => local.value,\n  () => {\n    emit('update:modelValue', local.value)\n  },\n  { deep: true },\n)\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue) {\n      local.value = newValue\n    }\n  },\n  { deep: true, immediate: true },\n)\n\n// Generate unique ID\nconst uniqueId = (() => {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) return crypto.randomUUID()\n  return `ip-${Date.now()}-${Math.random().toString(36).slice(2)}`\n})()\n\nconst imageCausationId = `${uniqueId}-image-picker-causation`\n\n// Load external search image widget script\nonMounted(() => {\n  // Check if custom element is already registered\n  if (!customElements.get('hvg-search-image')) {\n    if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = props.searchImageWidgetUrl\n      script.async = true\n      document.head.appendChild(script)\n    }\n  }\n})\n\n// Computed properties\nconst hasImage = computed(() => {\n  return (\n    local.value &&\n    ((local.value.url && local.value.url.length > 0) ||\n      (local.value.id && local.value.id.length > 0))\n  )\n})\n\nconst imageUrl = computed(() => {\n  if (!hasImage.value) return undefined\n  if (local.value.url && local.value.url.length > 0) return local.value.url\n  return `${props.imageBaseUrl}/${props.imageViewId}/${local.value.id}.img`\n})\n\nconst isHorizontal = computed(() => props.direction === 'horizontal')\n\n// Event handlers\nconst selectImage = (event: MouseEvent) => {\n  event.preventDefault()\n  showImageModal.value = true\n}\n\nconst resetImage = (event: MouseEvent) => {\n  event.preventDefault()\n  local.value = { ...defaultValue }\n}\n\nconst onImageSelected = (e: CustomEvent) => {\n  if (e?.detail?.causationid === imageCausationId) {\n    showImageModal.value = false\n\n    if (e.detail?.image) {\n      local.value = {\n        id: e.detail.image.id,\n        url: '',\n        isAdult: e.detail.image.isAdult,\n        source: e.detail.image.source,\n        title: e.detail.image.title,\n      }\n    }\n  }\n}\n\n// Event listeners\nonMounted(() => {\n  window.addEventListener('image-selected', onImageSelected as EventListener)\n})\n\nonUnmounted(() => {\n  window.removeEventListener('image-selected', onImageSelected as EventListener)\n})\n</script>\n\n<template>\n  <div class=\"c-image-picker ac-component\">\n    <div\n      class=\"c-image-picker__container\"\n      :class=\"{ 'c-image-picker__container--horizontal': isHorizontal }\"\n    >\n      <div class=\"c-image-picker__preview\">\n        <img\n          v-if=\"hasImage\"\n          :src=\"imageUrl\"\n          :alt=\"local.title || 'Selected image'\"\n          class=\"c-image-picker__img\"\n        />\n        <p v-else class=\"c-image-picker__placeholder\">Nincs kiválasztott kép</p>\n      </div>\n\n      <!-- Action Buttons -->\n      <div class=\"c-image-picker__buttons\">\n        <Button\n          type=\"success\"\n          label=\"Kép kiválasztása\"\n          class=\"nowrap\"\n          @click=\"selectImage\"\n          icon=\"fa-solid fa-image\"\n        ></Button>\n        <Button\n          type=\"error\"\n          label=\"Eltávolítás\"\n          class=\"nowrap\"\n          @click=\"resetImage\"\n          icon=\"fa-solid fa-trash\"\n        ></Button>\n      </div>\n\n      <!-- Details Section -->\n      <div v-if=\"details && local.id\" class=\"c-image-picker__details\">\n        <!-- Source Input -->\n        <div>\n          <label for=\"image-source\" class=\"c-label\">Forrás</label>\n          <div class=\"c-input-row\">\n            <input\n              v-model=\"local.source\"\n              id=\"image-source\"\n              type=\"text\"\n              class=\"c-input\"\n              placeholder=\"Kép forrása\"\n              :disabled=\"!editable\"\n            />\n          </div>\n        </div>\n\n        <!-- Title/Alt Text Input -->\n        <div>\n          <label for=\"image-title\" class=\"c-label\">Cím / Alt szöveg</label>\n          <div class=\"c-input-row\">\n            <textarea\n              v-model=\"local.title\"\n              id=\"image-title\"\n              class=\"c-input c-image-picker__textarea\"\n              placeholder=\"Cím vagy alt szöveg\"\n              :disabled=\"!editable\"\n            />\n          </div>\n        </div>\n\n        <!-- Adult Content Checkbox -->\n        <div class=\"flex-center gap-1\">\n          <input\n            id=\"image-adult\"\n            v-model=\"local.isAdult\"\n            type=\"checkbox\"\n            class=\"c-checkbox\"\n            :checked=\"local.isAdult\"\n            :disabled=\"!editable\"\n          />\n          <label for=\"image-adult\" class=\"c-label\">Felnőtt tartalom</label>\n        </div>\n      </div>\n    </div>\n\n    <!-- Image Search Modal Dialog -->\n    <Modal v-if=\"showImageModal\" title=\"Kép keresése\" @close=\"showImageModal = false\">\n      <hvg-search-image\n        :causationid=\"imageCausationId\"\n        :viewid=\"imageViewId\"\n        :environment=\"environment\"\n        :aeurl=\"articleEditorUrl\"\n        selectonly=\"true\"\n      />\n    </Modal>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/image-picker.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components41.js","names":[],"sources":["../src/components/custom/ImagePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ImagePickerModel {\n  id: string\n  url: string\n  source: string\n  title: string\n  isAdult: boolean\n}\n\nexport interface ImagePickerProps {\n  modelValue?: ImagePickerModel\n  details?: boolean\n  editable?: boolean\n  direction?: 'horizontal' | 'vertical'\n  articleEditorUrl: string\n  environment: string\n  searchImageWidgetUrl: string\n  imageBaseUrl: string\n  imageViewId: string\n}\n\nconst defaultValue: ImagePickerModel = {\n  id: '',\n  url: '',\n  isAdult: false,\n  source: '',\n  title: '',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport Modal from '@/components/Modal.vue'\nimport Button from '@/components/Button.vue'\n\nconst props = withDefaults(defineProps<ImagePickerProps>(), {\n  modelValue: undefined,\n  details: false,\n  editable: false,\n  direction: 'vertical',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: ImagePickerModel): void\n}>()\n\nconst local = ref<ImagePickerModel>(defaultValue)\nconst showImageModal = ref(false)\n\nwatch(\n  () => local.value,\n  () => {\n    emit('update:modelValue', local.value)\n  },\n  { deep: true },\n)\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue) {\n      local.value = newValue\n    }\n  },\n  { deep: true, immediate: true },\n)\n\n// Generate unique ID\nconst uniqueId = (() => {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) return crypto.randomUUID()\n  return `ip-${Date.now()}-${Math.random().toString(36).slice(2)}`\n})()\n\nconst imageCausationId = `${uniqueId}-image-picker-causation`\n\n// Load external search image widget script\nonMounted(() => {\n  // Check if custom element is already registered\n  if (!customElements.get('hvg-search-image')) {\n    if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = props.searchImageWidgetUrl\n      script.async = true\n      document.head.appendChild(script)\n    }\n  }\n})\n\n// Computed properties\nconst hasImage = computed(() => {\n  return (\n    local.value &&\n    ((local.value.url && local.value.url.length > 0) ||\n      (local.value.id && local.value.id.length > 0))\n  )\n})\n\nconst imageUrl = computed(() => {\n  if (!hasImage.value) return undefined\n  if (local.value.url && local.value.url.length > 0) return local.value.url\n  return `${props.imageBaseUrl}/${props.imageViewId}/${local.value.id}.img`\n})\n\nconst isHorizontal = computed(() => props.direction === 'horizontal')\n\n// Event handlers\nconst selectImage = (event: MouseEvent) => {\n  event.preventDefault()\n  showImageModal.value = true\n}\n\nconst resetImage = (event: MouseEvent) => {\n  event.preventDefault()\n  local.value = { ...defaultValue }\n}\n\nconst onImageSelected = (e: CustomEvent) => {\n  if (e?.detail?.causationid === imageCausationId) {\n    showImageModal.value = false\n\n    if (e.detail?.image) {\n      local.value = {\n        id: e.detail.image.id,\n        url: '',\n        isAdult: e.detail.image.isAdult,\n        source: e.detail.image.source,\n        title: e.detail.image.title,\n      }\n    }\n  }\n}\n\n// Event listeners\nonMounted(() => {\n  window.addEventListener('image-selected', onImageSelected as EventListener)\n})\n\nonUnmounted(() => {\n  window.removeEventListener('image-selected', onImageSelected as EventListener)\n})\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-image-picker\">\n      <div\n        class=\"c-image-picker__container\"\n        :class=\"{ 'c-image-picker__container--horizontal': isHorizontal }\"\n      >\n        <div class=\"c-image-picker__preview\">\n          <img\n            v-if=\"hasImage\"\n            :src=\"imageUrl\"\n            :alt=\"local.title || 'Selected image'\"\n            class=\"c-image-picker__img\"\n          />\n          <p v-else class=\"c-image-picker__placeholder\">Nincs kiválasztott kép</p>\n        </div>\n\n        <!-- Action Buttons -->\n        <div class=\"c-image-picker__buttons\">\n          <Button\n            type=\"success\"\n            label=\"Kép kiválasztása\"\n            class=\"nowrap\"\n            @click=\"selectImage\"\n            icon=\"fa-solid fa-image\"\n          ></Button>\n          <Button\n            type=\"error\"\n            label=\"Eltávolítás\"\n            class=\"nowrap\"\n            @click=\"resetImage\"\n            icon=\"fa-solid fa-trash\"\n          ></Button>\n        </div>\n\n        <!-- Details Section -->\n        <div v-if=\"details && local.id\" class=\"c-image-picker__details\">\n          <!-- Source Input -->\n          <div>\n            <label for=\"image-source\" class=\"c-label\">Forrás</label>\n            <div class=\"c-input-row\">\n              <input\n                v-model=\"local.source\"\n                id=\"image-source\"\n                type=\"text\"\n                class=\"c-input\"\n                placeholder=\"Kép forrása\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Title/Alt Text Input -->\n          <div>\n            <label for=\"image-title\" class=\"c-label\">Cím / Alt szöveg</label>\n            <div class=\"c-input-row\">\n              <textarea\n                v-model=\"local.title\"\n                id=\"image-title\"\n                class=\"c-input c-image-picker__textarea\"\n                placeholder=\"Cím vagy alt szöveg\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Adult Content Checkbox -->\n          <div class=\"flex-center gap-1\">\n            <input\n              id=\"image-adult\"\n              v-model=\"local.isAdult\"\n              type=\"checkbox\"\n              class=\"c-checkbox\"\n              :checked=\"local.isAdult\"\n              :disabled=\"!editable\"\n            />\n            <label for=\"image-adult\" class=\"c-label\">Felnőtt tartalom</label>\n          </div>\n        </div>\n      </div>\n\n      <!-- Image Search Modal Dialog -->\n      <Modal v-if=\"showImageModal\" title=\"Kép keresése\" @close=\"showImageModal = false\">\n        <hvg-search-image\n          :causationid=\"imageCausationId\"\n          :viewid=\"imageViewId\"\n          :environment=\"environment\"\n          :aeurl=\"articleEditorUrl\"\n          selectonly=\"true\"\n        />\n      </Modal>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/image-picker.scss\"></style>\n"],"mappings":""}

package/dist/admins-components42.js

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