admins-components 9.0.40 → 9.0.42

package/dist/admins-components38.js

@@ -1,37 +1,40 @@
-import e from "./admins-components6.js";
-import t from "./admins-components37.js";
-import { createBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, openBlock as o, toDisplayString as s, withCtx as c } from "vue";
-//#region src/components/ConfirmModal.vue?vue&type=script&setup=true&lang.ts
-var l = { class: "c-confirm-modal-message" }, u = /* @__PURE__ */ a({
-	__name: "ConfirmModal",
-	props: {
-		title: {},
-		message: {},
-		confirmLabel: { default: "Rendben" },
-		cancelLabel: { default: "Mégse" },
-		type: { default: "normal" }
-	},
-	emits: ["confirm", "cancel"],
-	setup(a, { emit: u }) {
-		let d = u;
-		return (u, f) => (o(), n(t, {
-			title: a.title,
-			onClose: f[2] ||= (e) => d("cancel")
-		}, {
-			footer: c(() => [i(e, {
-				label: a.cancelLabel,
-				type: "normal",
-				outline: "",
-				onClick: f[0] ||= (e) => d("cancel")
-			}, null, 8, ["label"]), i(e, {
-				label: a.confirmLabel,
-				type: a.type,
-				onClick: f[1] ||= (e) => d("confirm")
-			}, null, 8, ["label", "type"])]),
-			default: c(() => [r("p", l, s(a.message), 1)]),
-			_: 1
-		}, 8, ["title"]));
+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: "ac-component" }, f = { class: "c-modal" }, p = {
+	key: 0,
+	class: "c-modal-header"
+}, m = { class: "c-modal-title" }, h = { class: "c-modal-body c-scroll" }, g = {
+	key: 1,
+	class: "c-modal-footer"
+}, _ = /* @__PURE__ */ a({
+	__name: "Modal",
+	props: { title: {} },
+	emits: ["close"],
+	setup(a, { emit: _ }) {
+		let v = _;
+		function y(e) {
+			e.target === e.currentTarget && v("close");
+		}
+		function b(e) {
+			e.key === "Escape" && v("close");
+		}
+		return o(() => {
+			document.addEventListener("keydown", b);
+		}), s(() => {
+			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, [
+			a.title ? (c(), r("div", p, [i("h3", m, u(a.title), 1), i("button", {
+				type: "button",
+				class: "c-modal-close",
+				onClick: s[0] ||= (e) => v("close")
+			}, [...s[1] ||= [i("i", { class: "fa-solid fa-xmark" }, null, -1)]])])) : n("", !0),
+			i("div", h, [l(o.$slots, "default")]),
+			o.$slots.footer ? (c(), r("div", g, [l(o.$slots, "footer")])) : n("", !0)
+		])], 32)])]));
 	}
 });
 //#endregion
-export { u as default };
+export { _ as default };

package/dist/admins-components38.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components38.js","names":[],"sources":["../src/components/ConfirmModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ConfirmModalProps {\n  title?: string\n  message: string\n  confirmLabel?: string\n  cancelLabel?: string\n  type?: ButtonType\n}\n</script>\n\n<script setup lang=\"ts\">\nimport Modal from '@/components/Modal.vue'\nimport Button, { type ButtonType } from '@/components/Button.vue'\n\nwithDefaults(defineProps<ConfirmModalProps>(), {\n  confirmLabel: 'Rendben',\n  cancelLabel: 'Mégse',\n  type: 'normal',\n})\n\nconst emit = defineEmits<{\n  confirm: []\n  cancel: []\n}>()\n</script>\n\n<template>\n  <Modal :title=\"title\" @close=\"emit('cancel')\">\n    <p class=\"c-confirm-modal-message\">{{ message }}</p>\n    <template #footer>\n      <Button :label=\"cancelLabel\" type=\"normal\" outline @click=\"emit('cancel')\" />\n      <Button :label=\"confirmLabel\" :type=\"type\" @click=\"emit('confirm')\" />\n    </template>\n  </Modal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAoBA,IAAM,IAAO;yBAOX,EAMQ,GAAA;GANA,OAAO,EAAA;GAAQ,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,QAAA;;GAErB,QAAM,QAC8D,CAA7E,EAA6E,GAAA;IAApE,OAAO,EAAA;IAAa,MAAK;IAAS,SAAA;IAAS,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,QAAA;2BAC/D,EAAsE,GAAA;IAA7D,OAAO,EAAA;IAAe,MAAM,EAAA;IAAO,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;;oBAHL,CAApD,EAAoD,KAApD,GAAoD,EAAd,EAAA,OAAO,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"admins-components38.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\" v-if=\"title\">\n            <h3 class=\"c-modal-title\">{{ title }}</h3>\n            <button type=\"button\" class=\"c-modal-close\" @click=\"emit('close')\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n          <div class=\"c-modal-body c-scroll\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"c-modal-footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/modal.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;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;GAZ8B,EAAA,SAAA,EAAA,GAAlC,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,EAAiC,KAAA,EAA9B,OAAM,oBAAmB,GAAA,MAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAGhC,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA;GAECA,EAAAA,OAAO,UAAA,EAAA,GAAlB,EAEM,OAFN,GAEM,CADJ,EAAsB,EAAA,QAAA,QAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/admins-components40.js

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

package/dist/admins-components40.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components40.js","names":[],"sources":["../src/components/CopyToClipboard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst props = defineProps<{\n  value?: unknown\n  target?: string | HTMLElement\n  useParent?: boolean\n}>()\n\nconst copied = ref(false)\n\nfunction copy(event?: MouseEvent) {\n  let text = ''\n\n  if (props.target) {\n    const element: HTMLElement | null = typeof props.target === 'string'\n      ? document.querySelector(props.target)\n      : props.target\n\n    if (element) {\n      text = element.innerText\n    }\n  }\n  else if (props.useParent && event?.target) {\n    const parent = (event.target as HTMLElement).parentElement\n    if (parent) {\n      text = parent.innerText\n    }\n  }\n  else {\n    text = props.value == null ? '' : String(props.value)\n  }\n\n  if (text) {\n    navigator.clipboard.writeText(text)\n    copied.value = true\n    setTimeout(() => { copied.value = false }, 1500)\n  }\n}\n</script>\n\n<template>\n  <i\n    :class=\"copied ? 'fa-solid fa-check c-copy-btn--copied' : 'fa-regular fa-copy'\"\n    class=\"c-copy-btn\"\n    tabindex=\"0\"\n    @click.stop=\"copy\"\n  ></i>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/copy-to-clipboard.scss\"></style>\n"],"mappings":";;;;;;;;;;EAGA,IAAM,IAAQ,GAMR,IAAS,EAAI,EAAK;EAExB,SAAS,EAAK,GAAoB;GAChC,IAAI,IAAO;GAEX,IAAI,EAAM,QAAQ;IAChB,IAAM,IAA8B,OAAO,EAAM,UAAW,WACxD,SAAS,cAAc,EAAM,MAAM,IACnC,EAAM;IAEV,AAAI,MACF,IAAO,EAAQ;GAEnB,OACK,IAAI,EAAM,aAAa,GAAO,QAAQ;IACzC,IAAM,IAAU,EAAM,OAAuB;IAC7C,AAAI,MACF,IAAO,EAAO;GAElB,OAEE,IAAO,EAAM,SAAS,OAAO,KAAK,OAAO,EAAM,KAAK;GAGtD,AAAI,MACF,UAAU,UAAU,UAAU,CAAI,GAClC,EAAO,QAAQ,IACf,iBAAiB;IAAE,EAAO,QAAQ;GAAM,GAAG,IAAI;EAEnD;yBAIE,EAKK,KAAA;GAJF,OAAK,EAAA,CAAE,EAAA,QAAM,yCAAA,sBACR,YAAY,CAAA;GAClB,UAAS;GACR,SAAK,EAAO,GAAI,CAAA,MAAA,CAAA"}
+{"version":3,"file":"admins-components40.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\" v-if=\"title\">\n            <h3 class=\"c-modal-title\">{{ title }}</h3>\n            <button type=\"button\" class=\"c-modal-close\" @click=\"emit('close')\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n          <div class=\"c-modal-body c-scroll\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"c-modal-footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/modal.scss\"></style>\n"],"mappings":""}

package/dist/admins-components41.js

@@ -0,0 +1,37 @@
+import e from "./admins-components6.js";
+import t from "./admins-components40.js";
+import { createBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, openBlock as o, toDisplayString as s, withCtx as c } from "vue";
+//#region src/components/ConfirmModal.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "c-confirm-modal-message" }, u = /* @__PURE__ */ a({
+	__name: "ConfirmModal",
+	props: {
+		title: {},
+		message: {},
+		confirmLabel: { default: "Rendben" },
+		cancelLabel: { default: "Mégse" },
+		type: { default: "normal" }
+	},
+	emits: ["confirm", "cancel"],
+	setup(a, { emit: u }) {
+		let d = u;
+		return (u, f) => (o(), n(t, {
+			title: a.title,
+			onClose: f[2] ||= (e) => d("cancel")
+		}, {
+			footer: c(() => [i(e, {
+				label: a.cancelLabel,
+				type: "normal",
+				outline: "",
+				onClick: f[0] ||= (e) => d("cancel")
+			}, null, 8, ["label"]), i(e, {
+				label: a.confirmLabel,
+				type: a.type,
+				onClick: f[1] ||= (e) => d("confirm")
+			}, null, 8, ["label", "type"])]),
+			default: c(() => [r("p", l, s(a.message), 1)]),
+			_: 1
+		}, 8, ["title"]));
+	}
+});
+//#endregion
+export { u as default };

package/dist/{admins-components39.js.map → admins-components41.js.map}

@@ -1 +1 @@
-{"version":3,"file":"admins-components39.js","names":[],"sources":["../src/components/ConfirmModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ConfirmModalProps {\n  title?: string\n  message: string\n  confirmLabel?: string\n  cancelLabel?: string\n  type?: ButtonType\n}\n</script>\n\n<script setup lang=\"ts\">\nimport Modal from '@/components/Modal.vue'\nimport Button, { type ButtonType } from '@/components/Button.vue'\n\nwithDefaults(defineProps<ConfirmModalProps>(), {\n  confirmLabel: 'Rendben',\n  cancelLabel: 'Mégse',\n  type: 'normal',\n})\n\nconst emit = defineEmits<{\n  confirm: []\n  cancel: []\n}>()\n</script>\n\n<template>\n  <Modal :title=\"title\" @close=\"emit('cancel')\">\n    <p class=\"c-confirm-modal-message\">{{ message }}</p>\n    <template #footer>\n      <Button :label=\"cancelLabel\" type=\"normal\" outline @click=\"emit('cancel')\" />\n      <Button :label=\"confirmLabel\" :type=\"type\" @click=\"emit('confirm')\" />\n    </template>\n  </Modal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components41.js","names":[],"sources":["../src/components/ConfirmModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ConfirmModalProps {\n  title?: string\n  message: string\n  confirmLabel?: string\n  cancelLabel?: string\n  type?: ButtonType\n}\n</script>\n\n<script setup lang=\"ts\">\nimport Modal from '@/components/Modal.vue'\nimport Button, { type ButtonType } from '@/components/Button.vue'\n\nwithDefaults(defineProps<ConfirmModalProps>(), {\n  confirmLabel: 'Rendben',\n  cancelLabel: 'Mégse',\n  type: 'normal',\n})\n\nconst emit = defineEmits<{\n  confirm: []\n  cancel: []\n}>()\n</script>\n\n<template>\n  <Modal :title=\"title\" @close=\"emit('cancel')\">\n    <p class=\"c-confirm-modal-message\">{{ message }}</p>\n    <template #footer>\n      <Button :label=\"cancelLabel\" type=\"normal\" outline @click=\"emit('cancel')\" />\n      <Button :label=\"confirmLabel\" :type=\"type\" @click=\"emit('confirm')\" />\n    </template>\n  </Modal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAoBA,IAAM,IAAO;yBAOX,EAMQ,GAAA;GANA,OAAO,EAAA;GAAQ,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,QAAA;;GAErB,QAAM,QAC8D,CAA7E,EAA6E,GAAA;IAApE,OAAO,EAAA;IAAa,MAAK;IAAS,SAAA;IAAS,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,QAAA;2BAC/D,EAAsE,GAAA;IAA7D,OAAO,EAAA;IAAe,MAAM,EAAA;IAAO,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;;oBAHL,CAApD,EAAoD,KAApD,GAAoD,EAAd,EAAA,OAAO,GAAA,CAAA,CAAA,CAAA"}

package/dist/admins-components42.js

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

package/dist/admins-components42.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components42.js","names":[],"sources":["../src/components/CopyToClipboard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst props = defineProps<{\n  value?: unknown\n  target?: string | HTMLElement\n  useParent?: boolean\n}>()\n\nconst copied = ref(false)\n\nfunction copy(event?: MouseEvent) {\n  let text = ''\n\n  if (props.target) {\n    const element: HTMLElement | null = typeof props.target === 'string'\n      ? document.querySelector(props.target)\n      : props.target\n\n    if (element) {\n      text = element.innerText\n    }\n  }\n  else if (props.useParent && event?.target) {\n    const parent = (event.target as HTMLElement).parentElement\n    if (parent) {\n      text = parent.innerText\n    }\n  }\n  else {\n    text = props.value == null ? '' : String(props.value)\n  }\n\n  if (text) {\n    navigator.clipboard.writeText(text)\n    copied.value = true\n    setTimeout(() => { copied.value = false }, 1500)\n  }\n}\n</script>\n\n<template>\n  <i\n    :class=\"copied ? 'fa-solid fa-check c-copy-btn--copied' : 'fa-regular fa-copy'\"\n    class=\"c-copy-btn\"\n    tabindex=\"0\"\n    @click.stop=\"copy\"\n  ></i>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/copy-to-clipboard.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components42.js","names":[],"sources":["../src/components/ConfirmModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ConfirmModalProps {\n  title?: string\n  message: string\n  confirmLabel?: string\n  cancelLabel?: string\n  type?: ButtonType\n}\n</script>\n\n<script setup lang=\"ts\">\nimport Modal from '@/components/Modal.vue'\nimport Button, { type ButtonType } from '@/components/Button.vue'\n\nwithDefaults(defineProps<ConfirmModalProps>(), {\n  confirmLabel: 'Rendben',\n  cancelLabel: 'Mégse',\n  type: 'normal',\n})\n\nconst emit = defineEmits<{\n  confirm: []\n  cancel: []\n}>()\n</script>\n\n<template>\n  <Modal :title=\"title\" @close=\"emit('cancel')\">\n    <p class=\"c-confirm-modal-message\">{{ message }}</p>\n    <template #footer>\n      <Button :label=\"cancelLabel\" type=\"normal\" outline @click=\"emit('cancel')\" />\n      <Button :label=\"confirmLabel\" :type=\"type\" @click=\"emit('confirm')\" />\n    </template>\n  </Modal>\n</template>\n"],"mappings":""}

package/dist/admins-components43.js

@@ -1,147 +1,33 @@
-import e from "./admins-components6.js";
-import t from "./admins-components37.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: "ac-component" }, b = { class: "c-image-picker" }, x = { class: "c-image-picker__preview" }, S = ["src", "alt"], C = {
-	key: 1,
-	class: "c-image-picker__placeholder"
-}, w = { class: "c-image-picker__buttons" }, T = {
-	key: 0,
-	class: "c-image-picker__details"
-}, 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"
-], N = {
-	id: "",
-	url: "",
-	isAdult: !1,
-	source: "",
-	title: ""
-}, P = /* @__PURE__ */ c({
-	__name: "ImagePicker",
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, ref as i, withModifiers as a } from "vue";
+//#region src/components/CopyToClipboard.vue?vue&type=script&setup=true&lang.ts
+var o = /* @__PURE__ */ t({
+	__name: "CopyToClipboard",
 	props: {
-		modelValue: { default: void 0 },
-		details: {
-			type: Boolean,
-			default: !1
-		},
-		editable: {
-			type: Boolean,
-			default: !1
-		},
-		direction: { default: "vertical" },
-		articleEditorUrl: {},
-		environment: {},
-		searchImageWidgetUrl: {},
-		imageBaseUrl: {},
-		imageViewId: {}
+		value: {},
+		target: {},
+		useParent: { type: Boolean }
 	},
-	emits: ["update:modelValue"],
-	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 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="${F.searchImageWidgetUrl}"]`)) {
-				let e = document.createElement("script");
-				e.type = "text/javascript", e.src = F.searchImageWidgetUrl, e.async = !0, document.head.appendChild(e);
-			}
-		});
-		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.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,
-				source: e.detail.image.source,
-				title: e.detail.image.title
-			}));
-		};
-		return u(() => {
-			window.addEventListener("image-selected", G);
-		}), d(() => {
-			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: V.value,
-				alt: L.value.title || "Selected image",
-				class: "c-image-picker__img"
-			}, 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: U,
-				icon: "fa-solid fa-image"
-			}), s(e, {
-				type: "error",
-				label: "Eltávolítás",
-				class: "nowrap",
-				onClick: W,
-				icon: "fa-solid fa-trash"
-			})]),
-			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", 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, 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", 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, k), [[h, L.value.title]])])]),
-				o("div", A, [v(o("input", {
-					id: "image-adult",
-					"onUpdate:modelValue": u[2] ||= (e) => L.value.isAdult = e,
-					type: "checkbox",
-					class: "c-checkbox",
-					checked: L.value.isAdult,
-					disabled: !c.editable
-				}, null, 8, j), [[m, L.value.isAdult]]), u[6] ||= o("label", {
-					for: "image-adult",
-					class: "c-label"
-				}, "Felnőtt tartalom", -1)])
-			])) : i("", !0)
-		], 2), R.value ? (f(), r(t, {
-			key: 0,
-			onClose: u[3] ||= (e) => R.value = !1
-		}, {
-			default: _(() => [o("hvg-search-image", {
-				causationid: z,
-				viewid: c.imageViewId,
-				environment: c.environment,
-				aeurl: c.articleEditorUrl,
-				selectonly: "true"
-			}, null, 8, M)]),
-			_: 1
-		})) : i("", !0)])]));
+	setup(t) {
+		let o = t, s = i(!1);
+		function c(e) {
+			let t = "";
+			if (o.target) {
+				let e = typeof o.target == "string" ? document.querySelector(o.target) : o.target;
+				e && (t = e.innerText);
+			} else if (o.useParent && e?.target) {
+				let n = e.target.parentElement;
+				n && (t = n.innerText);
+			} else t = o.value == null ? "" : String(o.value);
+			t && (navigator.clipboard.writeText(t), s.value = !0, setTimeout(() => {
+				s.value = !1;
+			}, 1500));
+		}
+		return (t, i) => (r(), e("i", {
+			class: n([s.value ? "fa-solid fa-check c-copy-btn--copied" : "fa-regular fa-copy", "c-copy-btn"]),
+			tabindex: "0",
+			onClick: a(c, ["stop"])
+		}, null, 2));
 	}
 });
 //#endregion
-export { P as default };
+export { o as default };

package/dist/admins-components43.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components43.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\" @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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"}
+{"version":3,"file":"admins-components43.js","names":[],"sources":["../src/components/CopyToClipboard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst props = defineProps<{\n  value?: unknown\n  target?: string | HTMLElement\n  useParent?: boolean\n}>()\n\nconst copied = ref(false)\n\nfunction copy(event?: MouseEvent) {\n  let text = ''\n\n  if (props.target) {\n    const element: HTMLElement | null = typeof props.target === 'string'\n      ? document.querySelector(props.target)\n      : props.target\n\n    if (element) {\n      text = element.innerText\n    }\n  }\n  else if (props.useParent && event?.target) {\n    const parent = (event.target as HTMLElement).parentElement\n    if (parent) {\n      text = parent.innerText\n    }\n  }\n  else {\n    text = props.value == null ? '' : String(props.value)\n  }\n\n  if (text) {\n    navigator.clipboard.writeText(text)\n    copied.value = true\n    setTimeout(() => { copied.value = false }, 1500)\n  }\n}\n</script>\n\n<template>\n  <i\n    :class=\"copied ? 'fa-solid fa-check c-copy-btn--copied' : 'fa-regular fa-copy'\"\n    class=\"c-copy-btn\"\n    tabindex=\"0\"\n    @click.stop=\"copy\"\n  ></i>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/copy-to-clipboard.scss\"></style>\n"],"mappings":";;;;;;;;;;EAGA,IAAM,IAAQ,GAMR,IAAS,EAAI,EAAK;EAExB,SAAS,EAAK,GAAoB;GAChC,IAAI,IAAO;GAEX,IAAI,EAAM,QAAQ;IAChB,IAAM,IAA8B,OAAO,EAAM,UAAW,WACxD,SAAS,cAAc,EAAM,MAAM,IACnC,EAAM;IAEV,AAAI,MACF,IAAO,EAAQ;GAEnB,OACK,IAAI,EAAM,aAAa,GAAO,QAAQ;IACzC,IAAM,IAAU,EAAM,OAAuB;IAC7C,AAAI,MACF,IAAO,EAAO;GAElB,OAEE,IAAO,EAAM,SAAS,OAAO,KAAK,OAAO,EAAM,KAAK;GAGtD,AAAI,MACF,UAAU,UAAU,UAAU,CAAI,GAClC,EAAO,QAAQ,IACf,iBAAiB;IAAE,EAAO,QAAQ;GAAM,GAAG,IAAI;EAEnD;yBAIE,EAKK,KAAA;GAJF,OAAK,EAAA,CAAE,EAAA,QAAM,yCAAA,sBACR,YAAY,CAAA;GAClB,UAAS;GACR,SAAK,EAAO,GAAI,CAAA,MAAA,CAAA"}

package/dist/admins-components45.js

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

package/dist/admins-components45.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components45.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\" @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":""}
+{"version":3,"file":"admins-components45.js","names":[],"sources":["../src/components/CopyToClipboard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst props = defineProps<{\n  value?: unknown\n  target?: string | HTMLElement\n  useParent?: boolean\n}>()\n\nconst copied = ref(false)\n\nfunction copy(event?: MouseEvent) {\n  let text = ''\n\n  if (props.target) {\n    const element: HTMLElement | null = typeof props.target === 'string'\n      ? document.querySelector(props.target)\n      : props.target\n\n    if (element) {\n      text = element.innerText\n    }\n  }\n  else if (props.useParent && event?.target) {\n    const parent = (event.target as HTMLElement).parentElement\n    if (parent) {\n      text = parent.innerText\n    }\n  }\n  else {\n    text = props.value == null ? '' : String(props.value)\n  }\n\n  if (text) {\n    navigator.clipboard.writeText(text)\n    copied.value = true\n    setTimeout(() => { copied.value = false }, 1500)\n  }\n}\n</script>\n\n<template>\n  <i\n    :class=\"copied ? 'fa-solid fa-check c-copy-btn--copied' : 'fa-regular fa-copy'\"\n    class=\"c-copy-btn\"\n    tabindex=\"0\"\n    @click.stop=\"copy\"\n  ></i>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/copy-to-clipboard.scss\"></style>\n"],"mappings":""}