@8wave/ai-elements 0.74.0 → 0.77.0

package/dist/_chunks/{PkToolShowEmail-BuyCHUU5.js → PkToolShowEmail-Be8FvWjw.js}

@@ -1,12 +1,12 @@
-import { $ as e, C as t, E as n, Gt as r, O as i, Vt as a, _ as o, v as s, w as c, x as l, yt as u, z as d } from "./vue.runtime.esm-bundler-BmggS4HU.js";
-import { i as f } from "./dist-DtF6poRc.js";
-import { c as p, n as m, o as h, r as g, s as _ } from "./index.es-BGFmj59S.js";
+import { $ as e, C as t, E as n, Gt as r, O as i, Vt as a, _ as o, v as s, w as c, x as l, yt as u, z as d } from "./vue.runtime.esm-bundler-Dq29dQrz.js";
+import { c as f, n as p, o as m, r as h, s as g } from "./index.es-7fUi-rc0.js";
+import { i as _ } from "./dist-yqV26MWM.js";
 //#region ../../packages/components/src/chat/PkToolShowEmail.vue?vue&type=script&setup=true&lang.ts
 var v = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" }, y = { class: "px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8" }, b = { class: "font-bold" }, x = { class: "border-b border-surface-3 p-sm" }, S = { class: "text-12 text-word-4 mb-4" }, C = { class: "text-word-2 font-semibold" }, w = { class: "p-sm" }, T = { class: "text-12 text-word-4 mb-4" }, E = { class: "text-word-2 whitespace-pre-wrap break-words" }, D = /* @__PURE__ */ n({
 	__name: "PkToolShowEmail",
 	props: { part: { type: null } },
 	setup(n) {
-		let D = n, { copy: O, copied: k } = f(), A = o(() => D.part), j = () => {
+		let D = n, { copy: O, copied: k } = _(), A = o(() => D.part), j = () => {
 			if (!A.value.input) return;
 			let e = `mailto:?subject=${encodeURIComponent(A.value.input.subject)}&body=${encodeURIComponent(A.value.input.body)}`;
 			window.open(e);
@@ -24,10 +24,10 @@ var v = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" },
 			window.open(e, "_blank");
 		};
 		return (n, o) => {
-			let f = h, D = p, F = g, I = _, L = m;
+			let _ = m, D = f, F = h, I = g, L = p;
 			return d(), l("div", v, [
 				s("div", y, [
-					c(f, {
+					c(_, {
 						name: "ri:mail-line",
 						class: "text-16"
 					}),
@@ -49,19 +49,19 @@ var v = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" },
 						})), {
 							items: e(() => [
 								c(F, { onClick: M }, {
-									default: e(() => [c(f, { name: "mdi:outlook" }), t(" " + r(n.$t("action.openInOutlook")), 1)]),
+									default: e(() => [c(_, { name: "mdi:outlook" }), t(" " + r(n.$t("action.openInOutlook")), 1)]),
 									_: 1
 								}),
 								c(F, { onClick: N }, {
-									default: e(() => [c(f, { name: "mdi:gmail" }), t(" " + r(n.$t("action.openInGmail")), 1)]),
+									default: e(() => [c(_, { name: "mdi:gmail" }), t(" " + r(n.$t("action.openInGmail")), 1)]),
 									_: 1
 								}),
 								c(F, { onClick: P }, {
-									default: e(() => [c(f, { name: "mdi:yahoo" }), t(" " + r(n.$t("action.openInYahooMail")), 1)]),
+									default: e(() => [c(_, { name: "mdi:yahoo" }), t(" " + r(n.$t("action.openInYahooMail")), 1)]),
 									_: 1
 								}),
 								c(F, { onClick: j }, {
-									default: e(() => [c(f, { name: "ri:mail-open-line" }), t(" " + r(n.$t("action.openInMailApp")), 1)]),
+									default: e(() => [c(_, { name: "ri:mail-open-line" }), t(" " + r(n.$t("action.openInMailApp")), 1)]),
 									_: 1
 								})
 							]),
@@ -84,4 +84,4 @@ var v = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" },
 //#endregion
 export { D as default };
 
-//# sourceMappingURL=PkToolShowEmail-BuyCHUU5.js.map
+//# sourceMappingURL=PkToolShowEmail-Be8FvWjw.js.map

package/dist/_chunks/{PkToolShowEmail-BuyCHUU5.js.map → PkToolShowEmail-Be8FvWjw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowEmail-BuyCHUU5.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowEmail.vue","../../../../packages/components/src/chat/PkToolShowEmail.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                subject: string\n                body: string\n            }\n        }\n        return part\n    })\n    const openInMailApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const mailtoLink = `mailto:?subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(mailtoLink)\n    }\n\n    const openInOutlook = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://outlook.office.com/mail/deeplink/compose?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInGmail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://mail.google.com/mail/u/0/?tf=cm&to=&su=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInYahooMail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://compose.mail.yahoo.com/?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n</script>\n\n<template>\n    <div class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:mail-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.email') }}\n            </strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"\n                        copy(\n                            `${toolPart?.input?.subject}\\n\\n${toolPart?.input?.body}`,\n                        )\n                    \" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:mail-send-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInOutlook\">\n                            <VvIcon name=\"mdi:outlook\" />\n                            {{ $t('action.openInOutlook') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInGmail\">\n                            <VvIcon name=\"mdi:gmail\" />\n                            {{ $t('action.openInGmail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInYahooMail\">\n                            <VvIcon name=\"mdi:yahoo\" />\n                            {{ $t('action.openInYahooMail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInMailApp\">\n                            <VvIcon name=\"ri:mail-open-line\" />\n                            {{ $t('action.openInMailApp') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"border-b border-surface-3 p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.subject') }}\n            </div>\n            <div class=\"text-word-2 font-semibold\">\n                {{ toolPart?.input?.subject }}\n            </div>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                toolPart?.input?.body\n            }}</pre>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                subject: string\n                body: string\n            }\n        }\n        return part\n    })\n    const openInMailApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const mailtoLink = `mailto:?subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(mailtoLink)\n    }\n\n    const openInOutlook = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://outlook.office.com/mail/deeplink/compose?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInGmail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://mail.google.com/mail/u/0/?tf=cm&to=&su=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInYahooMail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://compose.mail.yahoo.com/?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n</script>\n\n<template>\n    <div class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:mail-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.email') }}\n            </strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"\n                        copy(\n                            `${toolPart?.input?.subject}\\n\\n${toolPart?.input?.body}`,\n                        )\n                    \" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:mail-send-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInOutlook\">\n                            <VvIcon name=\"mdi:outlook\" />\n                            {{ $t('action.openInOutlook') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInGmail\">\n                            <VvIcon name=\"mdi:gmail\" />\n                            {{ $t('action.openInGmail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInYahooMail\">\n                            <VvIcon name=\"mdi:yahoo\" />\n                            {{ $t('action.openInYahooMail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInMailApp\">\n                            <VvIcon name=\"ri:mail-open-line\" />\n                            {{ $t('action.openInMailApp') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"border-b border-surface-3 p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.subject') }}\n            </div>\n            <div class=\"text-word-2 font-semibold\">\n                {{ toolPart?.input?.subject }}\n            </div>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                toolPart?.input?.body\n            }}</pre>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowEmail-Be8FvWjw.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowEmail.vue","../../../../packages/components/src/chat/PkToolShowEmail.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                subject: string\n                body: string\n            }\n        }\n        return part\n    })\n    const openInMailApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const mailtoLink = `mailto:?subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(mailtoLink)\n    }\n\n    const openInOutlook = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://outlook.office.com/mail/deeplink/compose?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInGmail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://mail.google.com/mail/u/0/?tf=cm&to=&su=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInYahooMail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://compose.mail.yahoo.com/?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n</script>\n\n<template>\n    <div class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:mail-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.email') }}\n            </strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"\n                        copy(\n                            `${toolPart?.input?.subject}\\n\\n${toolPart?.input?.body}`,\n                        )\n                    \" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:mail-send-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInOutlook\">\n                            <VvIcon name=\"mdi:outlook\" />\n                            {{ $t('action.openInOutlook') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInGmail\">\n                            <VvIcon name=\"mdi:gmail\" />\n                            {{ $t('action.openInGmail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInYahooMail\">\n                            <VvIcon name=\"mdi:yahoo\" />\n                            {{ $t('action.openInYahooMail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInMailApp\">\n                            <VvIcon name=\"ri:mail-open-line\" />\n                            {{ $t('action.openInMailApp') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"border-b border-surface-3 p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.subject') }}\n            </div>\n            <div class=\"text-word-2 font-semibold\">\n                {{ toolPart?.input?.subject }}\n            </div>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                toolPart?.input?.body\n            }}</pre>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                subject: string\n                body: string\n            }\n        }\n        return part\n    })\n    const openInMailApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const mailtoLink = `mailto:?subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(mailtoLink)\n    }\n\n    const openInOutlook = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://outlook.office.com/mail/deeplink/compose?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInGmail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://mail.google.com/mail/u/0/?tf=cm&to=&su=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInYahooMail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://compose.mail.yahoo.com/?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n</script>\n\n<template>\n    <div class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:mail-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.email') }}\n            </strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"\n                        copy(\n                            `${toolPart?.input?.subject}\\n\\n${toolPart?.input?.body}`,\n                        )\n                    \" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:mail-send-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInOutlook\">\n                            <VvIcon name=\"mdi:outlook\" />\n                            {{ $t('action.openInOutlook') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInGmail\">\n                            <VvIcon name=\"mdi:gmail\" />\n                            {{ $t('action.openInGmail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInYahooMail\">\n                            <VvIcon name=\"mdi:yahoo\" />\n                            {{ $t('action.openInYahooMail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInMailApp\">\n                            <VvIcon name=\"ri:mail-open-line\" />\n                            {{ $t('action.openInMailApp') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"border-b border-surface-3 p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.subject') }}\n            </div>\n            <div class=\"text-word-2 font-semibold\">\n                {{ toolPart?.input?.subject }}\n            </div>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                toolPart?.input?.body\n            }}</pre>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist/_chunks/{PkToolShowImageGallery-ByldZ0nj.js → PkToolShowImageGallery-DmJztS-Z.js}

@@ -1,7 +1,7 @@
-import { Bt as e, E as t, Gt as n, L as r, V as i, _ as a, b as o, ft as s, h as c, v as l, w as u, x as d, yt as f, z as p } from "./vue.runtime.esm-bundler-BmggS4HU.js";
-import { o as m } from "./index.es-BGFmj59S.js";
-import { n as h } from "./src-C_wl-KYN.js";
-import { n as g, t as _ } from "./useLightbox-CH1KeVqr.js";
+import { Bt as e, E as t, Gt as n, L as r, V as i, _ as a, b as o, ft as s, h as c, v as l, w as u, x as d, yt as f, z as p } from "./vue.runtime.esm-bundler-Dq29dQrz.js";
+import { o as m } from "./index.es-7fUi-rc0.js";
+import { n as h } from "./src-BfoQF6Z3.js";
+import { n as g, t as _ } from "./useLightbox-DL_oVBep.js";
 //#region ../../packages/components/src/chat/PkToolShowImageGallery.vue?vue&type=script&setup=true&lang.ts
 var v = {
 	key: 0,
@@ -60,4 +60,4 @@ var v = {
 //#endregion
 export { T as default };
 
-//# sourceMappingURL=PkToolShowImageGallery-ByldZ0nj.js.map
+//# sourceMappingURL=PkToolShowImageGallery-DmJztS-Z.js.map

package/dist/_chunks/{PkToolShowImageGallery-ByldZ0nj.js.map → PkToolShowImageGallery-DmJztS-Z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowImageGallery-ByldZ0nj.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowImageGallery.vue","../../../../packages/components/src/chat/PkToolShowImageGallery.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, onMounted } from 'vue'\n    import { isSameSite } from 'utils'\n    import { useLightbox, useImageSizes } from '../composables/useLightbox'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                images: Array<{\n                    url: string\n                    caption?: string\n                    alt?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const galleryRef = ref<HTMLElement>()\n    const { preload, getSize } = useImageSizes()\n\n    const images = computed(() => toolPart.value.input?.images ?? [])\n\n    const hiddenCount = computed(() =>\n        images.value.length > 6 ? images.value.length - 5 : 0,\n    )\n\n    const gridCols = computed(() => {\n        const count = images.value.length\n        if (count === 1) {\n            return 'grid-cols-1'\n        }\n        if (count === 2) {\n            return 'grid-cols-2'\n        }\n        return 'grid-cols-3'\n    })\n\n    const { init } = useLightbox({ gallery: galleryRef })\n\n    onMounted(async () => {\n        preload(images.value)\n        await init()\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"images.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:image-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.gallery', { count: images.length }) }}\n            </strong>\n        </div>\n        <div class=\"p-sm\">\n            <div ref=\"galleryRef\" class=\"grid gap-8\" :class=\"gridCols\">\n                <a\n                    v-for=\"(image, index) in images\"\n                    :key=\"image.url\"\n                    :href=\"image.url\"\n                    :data-pswp-src=\"image.url\"\n                    :data-pswp-width=\"getSize(image.url).width\"\n                    :data-pswp-height=\"getSize(image.url).height\"\n                    :data-pswp-caption=\"image.caption ?? image.alt ?? ''\"\n                    :data-cropped=\"true\"\n                    class=\"relative block aspect-square overflow-hidden rounded-lg cursor-pointer group\"\n                    :class=\"index >= 5 && hiddenCount > 0 ? 'hidden' : ''\"\n                    :title=\"image.caption ?? image.alt ?? ''\"\n                    :target=\"isSameSite(image.url) ? undefined : '_blank'\"\n                    :rel=\"\n                        isSameSite(image.url)\n                            ? undefined\n                            : 'noopener noreferrer'\n                    \">\n                    <img\n                        :src=\"image.url\"\n                        :alt=\"image.alt ?? image.caption ?? ''\"\n                        class=\"w-full h-full object-cover transition-opacity group-hover:opacity-80\" />\n                    <!-- +N overlay on last visible thumbnail when there are more hidden images -->\n                    <div\n                        v-if=\"hiddenCount > 0 && index === 4\"\n                        class=\"absolute inset-0 bg-black/50 flex items-center justify-center text-white font-semibold text-16 rounded-lg\">\n                        +{{ hiddenCount }}\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, onMounted } from 'vue'\n    import { isSameSite } from 'utils'\n    import { useLightbox, useImageSizes } from '../composables/useLightbox'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                images: Array<{\n                    url: string\n                    caption?: string\n                    alt?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const galleryRef = ref<HTMLElement>()\n    const { preload, getSize } = useImageSizes()\n\n    const images = computed(() => toolPart.value.input?.images ?? [])\n\n    const hiddenCount = computed(() =>\n        images.value.length > 6 ? images.value.length - 5 : 0,\n    )\n\n    const gridCols = computed(() => {\n        const count = images.value.length\n        if (count === 1) {\n            return 'grid-cols-1'\n        }\n        if (count === 2) {\n            return 'grid-cols-2'\n        }\n        return 'grid-cols-3'\n    })\n\n    const { init } = useLightbox({ gallery: galleryRef })\n\n    onMounted(async () => {\n        preload(images.value)\n        await init()\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"images.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:image-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.gallery', { count: images.length }) }}\n            </strong>\n        </div>\n        <div class=\"p-sm\">\n            <div ref=\"galleryRef\" class=\"grid gap-8\" :class=\"gridCols\">\n                <a\n                    v-for=\"(image, index) in images\"\n                    :key=\"image.url\"\n                    :href=\"image.url\"\n                    :data-pswp-src=\"image.url\"\n                    :data-pswp-width=\"getSize(image.url).width\"\n                    :data-pswp-height=\"getSize(image.url).height\"\n                    :data-pswp-caption=\"image.caption ?? image.alt ?? ''\"\n                    :data-cropped=\"true\"\n                    class=\"relative block aspect-square overflow-hidden rounded-lg cursor-pointer group\"\n                    :class=\"index >= 5 && hiddenCount > 0 ? 'hidden' : ''\"\n                    :title=\"image.caption ?? image.alt ?? ''\"\n                    :target=\"isSameSite(image.url) ? undefined : '_blank'\"\n                    :rel=\"\n                        isSameSite(image.url)\n                            ? undefined\n                            : 'noopener noreferrer'\n                    \">\n                    <img\n                        :src=\"image.url\"\n                        :alt=\"image.alt ?? image.caption ?? ''\"\n                        class=\"w-full h-full object-cover transition-opacity group-hover:opacity-80\" />\n                    <!-- +N overlay on last visible thumbnail when there are more hidden images -->\n                    <div\n                        v-if=\"hiddenCount > 0 && index === 4\"\n                        class=\"absolute inset-0 bg-black/50 flex items-center justify-center text-white font-semibold text-16 rounded-lg\">\n                        +{{ hiddenCount }}\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAKI,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,KAUtB,EAEK,IAAa,GAAiB,EAC9B,EAAE,YAAS,eAAY,GAAc,EAErC,IAAS,QAAe,EAAS,MAAM,OAAO,UAAU,EAAE,CAAA,EAE1D,IAAc,QAChB,EAAO,MAAM,SAAS,IAAI,EAAO,MAAM,SAAS,IAAI,EACxD,EAEM,IAAW,QAAe;GAC5B,IAAM,IAAQ,EAAO,MAAM;AAO3B,UANI,MAAU,IACH,gBAEP,MAAU,IACH,gBAEJ;IACV,EAEK,EAAE,YAAS,EAAY,EAAE,SAAS,GAAY,CAAA;SAEpD,EAAU,YAAY;AAElB,GADA,EAAQ,EAAO,MAAK,EACpB,MAAM,GAAK;IACd;;UAKS,EAAA,MAAO,UAAA,GAAA,EADjB,EA2CM,OA3CN,GA2CM,CAxCF,EAMM,OANN,GAMM,CAJF,EAA+C,GAAA;IAAvC,MAAK;IAAgB,OAAM;OACnC,EAES,UAFT,GAES,EADFA,EAAAA,GAAE,iBAAA,EAAA,OAA2B,EAAA,MAAO,QAAM,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA,EAGrD,EAgCM,OAhCN,GAgCM,CA/BF,EA8BM,OAAA;aA9BG;IAAJ,KAAI;IAAa,OAAK,EAAA,CAAC,cAAqB,EAAA,MAAQ,CAAA;eACrD,EA4BI,GAAA,MAAA,EA3ByB,EAAA,QAAjB,GAAO,YADnB,EA4BI,KAAA;IA1BC,KAAK,EAAM;IACX,MAAM,EAAM;IACZ,iBAAe,EAAM;IACrB,mBAAiB,EAAA,EAAO,CAAC,EAAM,IAAG,CAAE;IACpC,oBAAkB,EAAA,EAAO,CAAC,EAAM,IAAG,CAAE;IACrC,qBAAmB,EAAM,WAAW,EAAM,OAAG;IAC7C,gBAAc;IACf,OAAK,EAAA,CAAC,gFACE,KAAK,KAAS,EAAA,QAAW,IAAA,WAAA,GAAA,CAAA;IAChC,OAAO,EAAM,WAAW,EAAM,OAAG;IACjC,QAAQ,EAAA,EAAU,CAAC,EAAM,IAAG,GAAI,KAAA,IAAS;IACzC,KAA8B,EAAA,EAAU,CAAC,EAAM,IAAG,GAAgC,KAAA,IAAA;OAKnF,EAGmF,OAAA;IAF9E,KAAK,EAAM;IACX,KAAK,EAAM,OAAO,EAAM,WAAO;IAChC,OAAM;mBAGA,EAAA,QAAW,KAAQ,MAAK,KAAA,GAAA,EADlC,EAIM,OAJN,GAEsH,OACjH,EAAG,EAAA,MAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkToolShowImageGallery-DmJztS-Z.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowImageGallery.vue","../../../../packages/components/src/chat/PkToolShowImageGallery.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, onMounted } from 'vue'\n    import { isSameSite } from 'utils'\n    import { useLightbox, useImageSizes } from '../composables/useLightbox'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                images: Array<{\n                    url: string\n                    caption?: string\n                    alt?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const galleryRef = ref<HTMLElement>()\n    const { preload, getSize } = useImageSizes()\n\n    const images = computed(() => toolPart.value.input?.images ?? [])\n\n    const hiddenCount = computed(() =>\n        images.value.length > 6 ? images.value.length - 5 : 0,\n    )\n\n    const gridCols = computed(() => {\n        const count = images.value.length\n        if (count === 1) {\n            return 'grid-cols-1'\n        }\n        if (count === 2) {\n            return 'grid-cols-2'\n        }\n        return 'grid-cols-3'\n    })\n\n    const { init } = useLightbox({ gallery: galleryRef })\n\n    onMounted(async () => {\n        preload(images.value)\n        await init()\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"images.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:image-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.gallery', { count: images.length }) }}\n            </strong>\n        </div>\n        <div class=\"p-sm\">\n            <div ref=\"galleryRef\" class=\"grid gap-8\" :class=\"gridCols\">\n                <a\n                    v-for=\"(image, index) in images\"\n                    :key=\"image.url\"\n                    :href=\"image.url\"\n                    :data-pswp-src=\"image.url\"\n                    :data-pswp-width=\"getSize(image.url).width\"\n                    :data-pswp-height=\"getSize(image.url).height\"\n                    :data-pswp-caption=\"image.caption ?? image.alt ?? ''\"\n                    :data-cropped=\"true\"\n                    class=\"relative block aspect-square overflow-hidden rounded-lg cursor-pointer group\"\n                    :class=\"index >= 5 && hiddenCount > 0 ? 'hidden' : ''\"\n                    :title=\"image.caption ?? image.alt ?? ''\"\n                    :target=\"isSameSite(image.url) ? undefined : '_blank'\"\n                    :rel=\"\n                        isSameSite(image.url)\n                            ? undefined\n                            : 'noopener noreferrer'\n                    \">\n                    <img\n                        :src=\"image.url\"\n                        :alt=\"image.alt ?? image.caption ?? ''\"\n                        class=\"w-full h-full object-cover transition-opacity group-hover:opacity-80\" />\n                    <!-- +N overlay on last visible thumbnail when there are more hidden images -->\n                    <div\n                        v-if=\"hiddenCount > 0 && index === 4\"\n                        class=\"absolute inset-0 bg-black/50 flex items-center justify-center text-white font-semibold text-16 rounded-lg\">\n                        +{{ hiddenCount }}\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, onMounted } from 'vue'\n    import { isSameSite } from 'utils'\n    import { useLightbox, useImageSizes } from '../composables/useLightbox'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                images: Array<{\n                    url: string\n                    caption?: string\n                    alt?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const galleryRef = ref<HTMLElement>()\n    const { preload, getSize } = useImageSizes()\n\n    const images = computed(() => toolPart.value.input?.images ?? [])\n\n    const hiddenCount = computed(() =>\n        images.value.length > 6 ? images.value.length - 5 : 0,\n    )\n\n    const gridCols = computed(() => {\n        const count = images.value.length\n        if (count === 1) {\n            return 'grid-cols-1'\n        }\n        if (count === 2) {\n            return 'grid-cols-2'\n        }\n        return 'grid-cols-3'\n    })\n\n    const { init } = useLightbox({ gallery: galleryRef })\n\n    onMounted(async () => {\n        preload(images.value)\n        await init()\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"images.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:image-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.gallery', { count: images.length }) }}\n            </strong>\n        </div>\n        <div class=\"p-sm\">\n            <div ref=\"galleryRef\" class=\"grid gap-8\" :class=\"gridCols\">\n                <a\n                    v-for=\"(image, index) in images\"\n                    :key=\"image.url\"\n                    :href=\"image.url\"\n                    :data-pswp-src=\"image.url\"\n                    :data-pswp-width=\"getSize(image.url).width\"\n                    :data-pswp-height=\"getSize(image.url).height\"\n                    :data-pswp-caption=\"image.caption ?? image.alt ?? ''\"\n                    :data-cropped=\"true\"\n                    class=\"relative block aspect-square overflow-hidden rounded-lg cursor-pointer group\"\n                    :class=\"index >= 5 && hiddenCount > 0 ? 'hidden' : ''\"\n                    :title=\"image.caption ?? image.alt ?? ''\"\n                    :target=\"isSameSite(image.url) ? undefined : '_blank'\"\n                    :rel=\"\n                        isSameSite(image.url)\n                            ? undefined\n                            : 'noopener noreferrer'\n                    \">\n                    <img\n                        :src=\"image.url\"\n                        :alt=\"image.alt ?? image.caption ?? ''\"\n                        class=\"w-full h-full object-cover transition-opacity group-hover:opacity-80\" />\n                    <!-- +N overlay on last visible thumbnail when there are more hidden images -->\n                    <div\n                        v-if=\"hiddenCount > 0 && index === 4\"\n                        class=\"absolute inset-0 bg-black/50 flex items-center justify-center text-white font-semibold text-16 rounded-lg\">\n                        +{{ hiddenCount }}\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAKI,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,KAUtB,EAEK,IAAa,GAAiB,EAC9B,EAAE,YAAS,eAAY,GAAc,EAErC,IAAS,QAAe,EAAS,MAAM,OAAO,UAAU,EAAE,CAAA,EAE1D,IAAc,QAChB,EAAO,MAAM,SAAS,IAAI,EAAO,MAAM,SAAS,IAAI,EACxD,EAEM,IAAW,QAAe;GAC5B,IAAM,IAAQ,EAAO,MAAM;AAO3B,UANI,MAAU,IACH,gBAEP,MAAU,IACH,gBAEJ;IACV,EAEK,EAAE,YAAS,EAAY,EAAE,SAAS,GAAY,CAAA;SAEpD,EAAU,YAAY;AAElB,GADA,EAAQ,EAAO,MAAK,EACpB,MAAM,GAAK;IACd;;UAKS,EAAA,MAAO,UAAA,GAAA,EADjB,EA2CM,OA3CN,GA2CM,CAxCF,EAMM,OANN,GAMM,CAJF,EAA+C,GAAA;IAAvC,MAAK;IAAgB,OAAM;OACnC,EAES,UAFT,GAES,EADFA,EAAAA,GAAE,iBAAA,EAAA,OAA2B,EAAA,MAAO,QAAM,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA,EAGrD,EAgCM,OAhCN,GAgCM,CA/BF,EA8BM,OAAA;aA9BG;IAAJ,KAAI;IAAa,OAAK,EAAA,CAAC,cAAqB,EAAA,MAAQ,CAAA;eACrD,EA4BI,GAAA,MAAA,EA3ByB,EAAA,QAAjB,GAAO,YADnB,EA4BI,KAAA;IA1BC,KAAK,EAAM;IACX,MAAM,EAAM;IACZ,iBAAe,EAAM;IACrB,mBAAiB,EAAA,EAAO,CAAC,EAAM,IAAG,CAAE;IACpC,oBAAkB,EAAA,EAAO,CAAC,EAAM,IAAG,CAAE;IACrC,qBAAmB,EAAM,WAAW,EAAM,OAAG;IAC7C,gBAAc;IACf,OAAK,EAAA,CAAC,gFACE,KAAK,KAAS,EAAA,QAAW,IAAA,WAAA,GAAA,CAAA;IAChC,OAAO,EAAM,WAAW,EAAM,OAAG;IACjC,QAAQ,EAAA,EAAU,CAAC,EAAM,IAAG,GAAI,KAAA,IAAS;IACzC,KAA8B,EAAA,EAAU,CAAC,EAAM,IAAG,GAAgC,KAAA,IAAA;OAKnF,EAGmF,OAAA;IAF9E,KAAK,EAAM;IACX,KAAK,EAAM,OAAO,EAAM,WAAO;IAChC,OAAM;mBAGA,EAAA,QAAW,KAAQ,MAAK,KAAA,GAAA,EADlC,EAIM,OAJN,GAEsH,OACjH,EAAG,EAAA,MAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,IAAA,EAAA"}

package/dist/_chunks/{PkToolShowLocation-BCFnC5c7.js → PkToolShowLocation-DOoLCHzS.js}

@@ -1,8 +1,8 @@
 import { r as e } from "./rolldown-runtime-DHui2AQb.js";
-import { $ as t, B as n, C as r, D as i, E as a, F as o, Gt as s, H as c, Ht as l, I as u, K as d, L as f, M as p, O as m, Q as h, R as g, Vt as ee, Y as te, Z as ne, _ as re, b as ie, ct as ae, ft as _, j as oe, v as se, w as v, x as ce, yt as y, z as le } from "./vue.runtime.esm-bundler-BmggS4HU.js";
-import { i as ue } from "./dist-DtF6poRc.js";
-import { c as de, n as fe, o as pe, r as me, s as he } from "./index.es-BGFmj59S.js";
-import { g as ge, h as _e } from "./src-C_wl-KYN.js";
+import { $ as t, B as n, C as r, D as i, E as a, F as o, Gt as s, H as c, Ht as l, I as u, K as d, L as f, M as p, O as m, Q as h, R as g, Vt as ee, Y as te, Z as ne, _ as re, b as ie, ct as ae, ft as _, j as oe, v as se, w as v, x as ce, yt as y, z as le } from "./vue.runtime.esm-bundler-Dq29dQrz.js";
+import { c as ue, n as de, o as fe, r as pe, s as me } from "./index.es-7fUi-rc0.js";
+import { g as he, h as ge } from "./src-BfoQF6Z3.js";
+import { i as _e } from "./dist-yqV26MWM.js";
 import { t as ve } from "./marker-icon-ZAZ5tZ1p.js";
 import { t as ye } from "./marker-icon-2x-BVjf1WKG.js";
 import { t as be } from "./marker-shadow-DjWZKKzZ.js";
@@ -4319,7 +4319,7 @@ function tr() {
 	throw Error("Unable to locate global object.");
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@maxel01+vue-leaflet@1.0.0-beta.7_leaflet@2.0.0-alpha_vue@3.5.33_typescript@6.0.3_/node_modules/@maxel01/vue-leaflet/dist/vue-leaflet.es.js
+//#region ../../node_modules/.pnpm/@maxel01+vue-leaflet@1.0.0-beta.7_leaflet@2.0.0-alpha_vue@3.5.34_typescript@6.0.3_/node_modules/@maxel01/vue-leaflet/dist/vue-leaflet.es.js
 var nr = /* @__PURE__ */ Symbol("getMapObject"), rr = /* @__PURE__ */ Symbol("addLayer"), ir = /* @__PURE__ */ Symbol("removeLayer"), ar = /* @__PURE__ */ Symbol("registerControl"), or = /* @__PURE__ */ Symbol("registerLayerControl"), sr = /* @__PURE__ */ Symbol("canSetParentHtml"), cr = /* @__PURE__ */ Symbol("setParentHtml"), lr = /* @__PURE__ */ Symbol("setIcon"), ur = /* @__PURE__ */ Symbol("bindPopup"), dr = /* @__PURE__ */ Symbol("bindTooltip"), fr = /* @__PURE__ */ Symbol("unbindPopup"), pr = /* @__PURE__ */ Symbol("unbindTooltip"), mr = { experimental: {
 	useResetWebpackIcon: !0,
 	skipUndefinedProps: !1
@@ -4881,9 +4881,9 @@ var ti = {
 			iconRetinaUrl: ye,
 			shadowUrl: be
 		});
-		let n = e, { copy: a, copied: o } = ue(), c = re(() => n.part), l = _(null);
+		let n = e, { copy: a, copied: o } = _e(), c = re(() => n.part), l = _(null);
 		f(() => {
-			ge("https://cdn.jsdelivr.net/npm/leaflet@2.0.0-alpha.1/dist/leaflet.css", _e(i()?.proxy?.$el));
+			he("https://cdn.jsdelivr.net/npm/leaflet@2.0.0-alpha.1/dist/leaflet.css", ge(i()?.proxy?.$el));
 		}), h(async () => {
 			let e = c.value.input;
 			if (!(!e || e.latitude != null || !e.address) && n.forwardGeocode) try {
@@ -4909,7 +4909,7 @@ var ti = {
 			e && a(`${e.name}\n${e.address}`);
 		};
 		return (e, n) => {
-			let i = pe, a = de, l = me, f = he, h = fe;
+			let i = fe, a = ue, l = pe, f = me, h = de;
 			return c.value?.input ? (le(), ce("div", ti, [
 				se("div", ni, [
 					v(i, {
@@ -4996,4 +4996,4 @@ var ti = {
 //#endregion
 export { ui as n, di as t };
 
-//# sourceMappingURL=PkToolShowLocation-BCFnC5c7.js.map
+//# sourceMappingURL=PkToolShowLocation-DOoLCHzS.js.map