@8wave/ai-elements 0.68.0 → 0.70.0

package/dist-vue/_chunks/{PkToolShowImageGallery-jY7iYqTv.js → PkToolShowImageGallery-BQtLChsM.js}

@@ -1,6 +1,6 @@
-import { u as e } from "./useChatbotStore-B9BUWM4O.js";
-import { n as t } from "./src-DjRNH9vV.js";
-import { n, t as r } from "./useLightbox-CRpWDdlN.js";
+import { u as e } from "./useChatbotStore-C9xj40sY.js";
+import { n as t } from "./src-BteqqLGW.js";
+import { n, t as r } from "./useLightbox-CsBDIq4B.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, onMounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _ } from "vue";
 import { VvIcon as v } from "@volverjs/ui-vue/components";
 //#region ../../packages/components/src/chat/PkToolShowImageGallery.vue?vue&type=script&setup=true&lang.ts
@@ -61,4 +61,4 @@ var y = {
 //#endregion
 export { D as n, O as t };
 
-//# sourceMappingURL=PkToolShowImageGallery-jY7iYqTv.js.map
+//# sourceMappingURL=PkToolShowImageGallery-BQtLChsM.js.map

package/dist-vue/_chunks/{PkToolShowImageGallery-jY7iYqTv.js.map → PkToolShowImageGallery-BQtLChsM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowImageGallery-jY7iYqTv.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-BQtLChsM.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-vue/_chunks/PkToolShowLocation-CaG0Txb6.js

@@ -0,0 +1,148 @@
+import { u as e } from "./useChatbotStore-C9xj40sY.js";
+import { v as t, y as n } from "./src-BteqqLGW.js";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, getCurrentInstance as u, guardReactiveProps as d, normalizeProps as f, onMounted as p, openBlock as m, ref as h, toDisplayString as g, unref as _, watchEffect as v, withCtx as y } from "vue";
+import { VvButton as b, VvButtonGroup as x, VvDropdown as S, VvDropdownAction as C, VvIcon as w } from "@volverjs/ui-vue/components";
+import { useClipboard as T } from "@vueuse/core";
+import { Icon as E } from "leaflet";
+import { LMap as D, LMarker as O, LPopup as k, LTileLayer as A } from "@maxel01/vue-leaflet";
+import j from "leaflet/dist/images/marker-icon.png";
+import M from "leaflet/dist/images/marker-icon-2x.png";
+import N from "leaflet/dist/images/marker-shadow.png";
+//#region ../../packages/components/src/chat/PkToolShowLocation.vue?vue&type=script&setup=true&lang.ts
+var P = {
+	key: 0,
+	class: "border border-surface-3 rounded-xl w-full overflow-hidden"
+}, F = { class: "px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8" }, I = { class: "font-bold" }, L = {
+	key: 0,
+	class: "h-224 border-b border-surface-3"
+}, R = { class: "p-sm flex flex-col gap-4" }, z = { class: "font-semibold text-word-1 text-14" }, B = { class: "text-12 text-word-3" }, V = {
+	key: 0,
+	class: "text-12 text-word-4"
+}, H = /* @__PURE__ */ l({
+	__name: "PkToolShowLocation",
+	props: {
+		part: {},
+		forwardGeocode: { type: Function }
+	},
+	setup(e) {
+		delete E.Default.prototype._getIconUrl, E.Default.mergeOptions({
+			iconUrl: j,
+			iconRetinaUrl: M,
+			shadowUrl: N
+		});
+		let l = e, { copy: H, copied: U } = T(), W = r(() => l.part), G = h(null);
+		p(() => {
+			n("https://cdn.jsdelivr.net/npm/leaflet@2.0.0-alpha.1/dist/leaflet.css", t(u()?.proxy?.$el));
+		}), v(async () => {
+			let e = W.value.input;
+			if (!(!e || e.latitude != null || !e.address) && l.forwardGeocode) try {
+				let t = await l.forwardGeocode(e.address);
+				t && (G.value = [t.latitude, t.longitude]);
+			} catch {}
+		});
+		let K = r(() => W.value.input?.latitude != null && W.value.input?.longitude != null || G.value != null), q = r(() => W.value.input?.latitude != null && W.value.input?.longitude != null ? [W.value.input.latitude, W.value.input.longitude] : G.value ?? [0, 0]), J = () => {
+			let e = W.value.input;
+			if (!e) return;
+			let t = K.value ? `${q.value[0]},${q.value[1]}` : e.address;
+			window.open(`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(t)}`, "_blank");
+		}, Y = () => {
+			let e = W.value.input;
+			if (!e) return;
+			let t = K.value ? `${q.value[0]},${q.value[1]}` : e.address;
+			window.open(`https://maps.apple.com/?daddr=${encodeURIComponent(t)}`, "_blank");
+		}, X = () => {
+			let e = W.value.input;
+			e && (K.value ? window.open(`https://waze.com/ul?ll=${q.value[0]},${q.value[1]}&navigate=yes`, "_blank") : window.open(`https://waze.com/ul?q=${encodeURIComponent(e.address)}&navigate=yes`, "_blank"));
+		}, Z = () => {
+			let e = W.value.input;
+			e && H(`${e.name}\n${e.address}`);
+		};
+		return (e, t) => {
+			let n = w, r = b, l = C, u = S, p = x;
+			return W.value?.input ? (m(), a("div", P, [
+				o("div", F, [
+					c(n, {
+						name: "ri:map-pin-line",
+						class: "text-16"
+					}),
+					o("strong", I, g(e.$t("label.location")), 1),
+					c(p, {
+						modifiers: "compact",
+						class: "ml-auto shrink-0"
+					}, {
+						default: y(() => [c(r, {
+							modifiers: "action-quiet-small",
+							icon: _(U) ? "ri:check-line" : "ri:file-copy-line",
+							label: _(U) ? e.$t("action.copied") : e.$t("action.copy"),
+							onClick: Z
+						}, null, 8, ["icon", "label"]), c(u, f(d({
+							placement: "bottom-end",
+							modifiers: "menu",
+							flip: !0,
+							offset: 3
+						})), {
+							items: y(() => [
+								c(l, { onClick: J }, {
+									default: y(() => [c(n, { name: "ri:map-2-line" }), t[0] ||= s(" Google Maps ", -1)]),
+									_: 1
+								}),
+								c(l, { onClick: Y }, {
+									default: y(() => [c(n, { name: "ri:map-line" }), t[1] ||= s(" Apple Maps ", -1)]),
+									_: 1
+								}),
+								c(l, { onClick: X }, {
+									default: y(() => [c(n, { name: "ri:navigation-line" }), t[2] ||= s(" Waze ", -1)]),
+									_: 1
+								})
+							]),
+							default: y(() => [c(r, {
+								icon: "ri:direction-line",
+								modifiers: "action-quiet-small",
+								label: e.$t("action.getDirections")
+							}, null, 8, ["label"])]),
+							_: 1
+						}, 16)]),
+						_: 1
+					})
+				]),
+				K.value ? (m(), a("div", L, [c(_(D), {
+					zoom: 12,
+					center: q.value,
+					"use-global-leaflet": !1,
+					options: {
+						scrollWheelZoom: !1,
+						dragging: !0,
+						zoomControl: !0,
+						attributionControl: !1
+					},
+					style: {
+						height: "100%",
+						width: "100%"
+					}
+				}, {
+					default: y(() => [c(_(A), {
+						url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
+						"layer-type": "base",
+						name: "OpenStreetMap"
+					}), c(_(O), { "lat-lng": q.value }, {
+						default: y(() => [c(_(k), null, {
+							default: y(() => [s(g(W.value.input.name), 1)]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["lat-lng"])]),
+					_: 1
+				}, 8, ["center"])])) : i("", !0),
+				o("div", R, [
+					o("p", z, g(W.value.input.name), 1),
+					o("p", B, g(W.value.input.address), 1),
+					W.value.input.additionalInfo ? (m(), a("p", V, g(W.value.input.additionalInfo), 1)) : i("", !0)
+				])
+			])) : i("", !0);
+		};
+	}
+}), U = /* @__PURE__ */ e({ default: () => W }), W = H;
+//#endregion
+export { U as n, W as t };
+
+//# sourceMappingURL=PkToolShowLocation-CaG0Txb6.js.map

package/dist-vue/_chunks/PkToolShowLocation-CaG0Txb6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkToolShowLocation-CaG0Txb6.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowLocation.vue","../../../../packages/components/src/chat/PkToolShowLocation.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import {\n        computed,\n        ref,\n        watchEffect,\n        onMounted,\n        getCurrentInstance,\n    } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { loadCdnCss, getShadowRoot } from 'utils'\n    import { Icon } from 'leaflet'\n    import { LMap, LTileLayer, LMarker, LPopup } from '@maxel01/vue-leaflet'\n    import markerIcon from 'leaflet/dist/images/marker-icon.png'\n    import markerIcon2x from 'leaflet/dist/images/marker-icon-2x.png'\n    import markerShadow from 'leaflet/dist/images/marker-shadow.png'\n\n    delete Icon.Default.prototype._getIconUrl\n    Icon.Default.mergeOptions({\n        iconUrl: markerIcon,\n        iconRetinaUrl: markerIcon2x,\n        shadowUrl: markerShadow,\n    })\n\n    const props = defineProps<{\n        part: unknown\n        forwardGeocode?: (\n            query: string,\n            lang?: string,\n        ) => Promise<\n            | { latitude: number; longitude: number; displayName: string }\n            | undefined\n        >\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                name: string\n                address: string\n                latitude?: number\n                longitude?: number\n                additionalInfo?: string\n            }\n        }\n        return part\n    })\n\n    const geocodedCoords = ref<[number, number] | null>(null)\n\n    onMounted(() => {\n        loadCdnCss(\n            'https://cdn.jsdelivr.net/npm/leaflet@2.0.0-alpha.1/dist/leaflet.css',\n            getShadowRoot(getCurrentInstance()?.proxy?.$el),\n        )\n    })\n\n    watchEffect(async () => {\n        const input = toolPart.value.input\n        if (!input || input.latitude != null || !input.address) {\n            return\n        }\n        if (!props.forwardGeocode) {\n            return\n        }\n\n        try {\n            const result = await props.forwardGeocode(input.address)\n            if (result) {\n                geocodedCoords.value = [result.latitude, result.longitude]\n            }\n        } catch {\n            // Geocoding failed — fallback to text-only card\n        }\n    })\n\n    const hasCoords = computed(\n        () =>\n            (toolPart.value.input?.latitude != null &&\n                toolPart.value.input?.longitude != null) ||\n            geocodedCoords.value != null,\n    )\n\n    const center = computed<[number, number]>(() => {\n        if (\n            toolPart.value.input?.latitude != null &&\n            toolPart.value.input?.longitude != null\n        ) {\n            return [\n                toolPart.value.input.latitude,\n                toolPart.value.input.longitude,\n            ]\n        }\n        return geocodedCoords.value ?? [0, 0]\n    })\n\n    const openGoogleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const destination = hasCoords.value\n            ? `${center.value[0]},${center.value[1]}`\n            : input.address\n        window.open(\n            `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(destination)}`,\n            '_blank',\n        )\n    }\n\n    const openAppleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const destination = hasCoords.value\n            ? `${center.value[0]},${center.value[1]}`\n            : input.address\n        window.open(\n            `https://maps.apple.com/?daddr=${encodeURIComponent(destination)}`,\n            '_blank',\n        )\n    }\n\n    const openWaze = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        if (hasCoords.value) {\n            window.open(\n                `https://waze.com/ul?ll=${center.value[0]},${center.value[1]}&navigate=yes`,\n                '_blank',\n            )\n        } else {\n            window.open(\n                `https://waze.com/ul?q=${encodeURIComponent(input.address)}&navigate=yes`,\n                '_blank',\n            )\n        }\n    }\n\n    const copyLocation = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        copy(`${input.name}\\n${input.address}`)\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\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\">\n            <VvIcon name=\"ri:map-pin-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.location') }}</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=\"copyLocation\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:direction-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.getDirections')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleMaps\">\n                            <VvIcon name=\"ri:map-2-line\" />\n                            Google Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openAppleMaps\">\n                            <VvIcon name=\"ri:map-line\" />\n                            Apple Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openWaze\">\n                            <VvIcon name=\"ri:navigation-line\" />\n                            Waze\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div v-if=\"hasCoords\" class=\"h-224 border-b border-surface-3\">\n            <LMap\n                :zoom=\"12\"\n                :center\n                :use-global-leaflet=\"false\"\n                :options=\"{\n                    scrollWheelZoom: false,\n                    dragging: true,\n                    zoomControl: true,\n                    attributionControl: false,\n                }\"\n                style=\"height: 100%; width: 100%\">\n                <LTileLayer\n                    url=\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\"\n                    layer-type=\"base\"\n                    name=\"OpenStreetMap\" />\n                <LMarker :lat-lng=\"center\">\n                    <LPopup>{{ toolPart.input.name }}</LPopup>\n                </LMarker>\n            </LMap>\n        </div>\n        <div class=\"p-sm flex flex-col gap-4\">\n            <p class=\"font-semibold text-word-1 text-14\">\n                {{ toolPart.input.name }}\n            </p>\n            <p class=\"text-12 text-word-3\">{{ toolPart.input.address }}</p>\n            <p v-if=\"toolPart.input.additionalInfo\" class=\"text-12 text-word-4\">\n                {{ toolPart.input.additionalInfo }}\n            </p>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import {\n        computed,\n        ref,\n        watchEffect,\n        onMounted,\n        getCurrentInstance,\n    } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { loadCdnCss, getShadowRoot } from 'utils'\n    import { Icon } from 'leaflet'\n    import { LMap, LTileLayer, LMarker, LPopup } from '@maxel01/vue-leaflet'\n    import markerIcon from 'leaflet/dist/images/marker-icon.png'\n    import markerIcon2x from 'leaflet/dist/images/marker-icon-2x.png'\n    import markerShadow from 'leaflet/dist/images/marker-shadow.png'\n\n    delete Icon.Default.prototype._getIconUrl\n    Icon.Default.mergeOptions({\n        iconUrl: markerIcon,\n        iconRetinaUrl: markerIcon2x,\n        shadowUrl: markerShadow,\n    })\n\n    const props = defineProps<{\n        part: unknown\n        forwardGeocode?: (\n            query: string,\n            lang?: string,\n        ) => Promise<\n            | { latitude: number; longitude: number; displayName: string }\n            | undefined\n        >\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                name: string\n                address: string\n                latitude?: number\n                longitude?: number\n                additionalInfo?: string\n            }\n        }\n        return part\n    })\n\n    const geocodedCoords = ref<[number, number] | null>(null)\n\n    onMounted(() => {\n        loadCdnCss(\n            'https://cdn.jsdelivr.net/npm/leaflet@2.0.0-alpha.1/dist/leaflet.css',\n            getShadowRoot(getCurrentInstance()?.proxy?.$el),\n        )\n    })\n\n    watchEffect(async () => {\n        const input = toolPart.value.input\n        if (!input || input.latitude != null || !input.address) {\n            return\n        }\n        if (!props.forwardGeocode) {\n            return\n        }\n\n        try {\n            const result = await props.forwardGeocode(input.address)\n            if (result) {\n                geocodedCoords.value = [result.latitude, result.longitude]\n            }\n        } catch {\n            // Geocoding failed — fallback to text-only card\n        }\n    })\n\n    const hasCoords = computed(\n        () =>\n            (toolPart.value.input?.latitude != null &&\n                toolPart.value.input?.longitude != null) ||\n            geocodedCoords.value != null,\n    )\n\n    const center = computed<[number, number]>(() => {\n        if (\n            toolPart.value.input?.latitude != null &&\n            toolPart.value.input?.longitude != null\n        ) {\n            return [\n                toolPart.value.input.latitude,\n                toolPart.value.input.longitude,\n            ]\n        }\n        return geocodedCoords.value ?? [0, 0]\n    })\n\n    const openGoogleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const destination = hasCoords.value\n            ? `${center.value[0]},${center.value[1]}`\n            : input.address\n        window.open(\n            `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(destination)}`,\n            '_blank',\n        )\n    }\n\n    const openAppleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const destination = hasCoords.value\n            ? `${center.value[0]},${center.value[1]}`\n            : input.address\n        window.open(\n            `https://maps.apple.com/?daddr=${encodeURIComponent(destination)}`,\n            '_blank',\n        )\n    }\n\n    const openWaze = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        if (hasCoords.value) {\n            window.open(\n                `https://waze.com/ul?ll=${center.value[0]},${center.value[1]}&navigate=yes`,\n                '_blank',\n            )\n        } else {\n            window.open(\n                `https://waze.com/ul?q=${encodeURIComponent(input.address)}&navigate=yes`,\n                '_blank',\n            )\n        }\n    }\n\n    const copyLocation = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        copy(`${input.name}\\n${input.address}`)\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\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\">\n            <VvIcon name=\"ri:map-pin-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.location') }}</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=\"copyLocation\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:direction-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.getDirections')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleMaps\">\n                            <VvIcon name=\"ri:map-2-line\" />\n                            Google Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openAppleMaps\">\n                            <VvIcon name=\"ri:map-line\" />\n                            Apple Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openWaze\">\n                            <VvIcon name=\"ri:navigation-line\" />\n                            Waze\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div v-if=\"hasCoords\" class=\"h-224 border-b border-surface-3\">\n            <LMap\n                :zoom=\"12\"\n                :center\n                :use-global-leaflet=\"false\"\n                :options=\"{\n                    scrollWheelZoom: false,\n                    dragging: true,\n                    zoomControl: true,\n                    attributionControl: false,\n                }\"\n                style=\"height: 100%; width: 100%\">\n                <LTileLayer\n                    url=\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\"\n                    layer-type=\"base\"\n                    name=\"OpenStreetMap\" />\n                <LMarker :lat-lng=\"center\">\n                    <LPopup>{{ toolPart.input.name }}</LPopup>\n                </LMarker>\n            </LMap>\n        </div>\n        <div class=\"p-sm flex flex-col gap-4\">\n            <p class=\"font-semibold text-word-1 text-14\">\n                {{ toolPart.input.name }}\n            </p>\n            <p class=\"text-12 text-word-3\">{{ toolPart.input.address }}</p>\n            <p v-if=\"toolPart.input.additionalInfo\" class=\"text-12 text-word-4\">\n                {{ toolPart.input.additionalInfo }}\n            </p>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBI,EADA,OAAO,EAAK,QAAQ,UAAU,aAC9B,EAAK,QAAQ,aAAa;GACtB,SAAS;GACT,eAAe;GACf,WAAW;GACd,CAAA;EAED,IAAM,IAAQ,GAWR,EAAE,SAAM,cAAW,GAAa,EAEhC,IAAW,QACA,EAAM,KAUtB,EAEK,IAAiB,EAA6B,KAAI;AASxD,EAPA,QAAgB;AACZ,KACI,uEACA,EAAc,GAAoB,EAAE,OAAO,IAAI,CACnD;IACH,EAED,EAAY,YAAY;GACpB,IAAM,IAAQ,EAAS,MAAM;AACzB,UAAC,KAAS,EAAM,YAAY,QAAQ,CAAC,EAAM,YAG1C,EAAM,eAIX,KAAI;IACA,IAAM,IAAS,MAAM,EAAM,eAAe,EAAM,QAAO;AACvD,IAAI,MACA,EAAe,QAAQ,CAAC,EAAO,UAAU,EAAO,UAAS;WAEzD;IAGX;EAED,IAAM,IAAY,QAET,EAAS,MAAM,OAAO,YAAY,QAC/B,EAAS,MAAM,OAAO,aAAa,QACvC,EAAe,SAAS,KAChC,EAEM,IAAS,QAEP,EAAS,MAAM,OAAO,YAAY,QAClC,EAAS,MAAM,OAAO,aAAa,OAE5B,CACH,EAAS,MAAM,MAAM,UACrB,EAAS,MAAM,MAAM,UACzB,GAEG,EAAe,SAAS,CAAC,GAAG,EAAC,CACvC,EAEK,UAAuB;GACzB,IAAM,IAAQ,EAAS,MAAM;AAC7B,OAAI,CAAC,EACD;GAEJ,IAAM,IAAc,EAAU,QACxB,GAAG,EAAO,MAAM,GAAG,GAAG,EAAO,MAAM,OACnC,EAAM;AACZ,UAAO,KACH,sDAAsD,mBAAmB,EAAY,IACrF,SACJ;KAGE,UAAsB;GACxB,IAAM,IAAQ,EAAS,MAAM;AAC7B,OAAI,CAAC,EACD;GAEJ,IAAM,IAAc,EAAU,QACxB,GAAG,EAAO,MAAM,GAAG,GAAG,EAAO,MAAM,OACnC,EAAM;AACZ,UAAO,KACH,iCAAiC,mBAAmB,EAAY,IAChE,SACJ;KAGE,UAAiB;GACnB,IAAM,IAAQ,EAAS,MAAM;AACxB,SAGD,EAAU,QACV,OAAO,KACH,0BAA0B,EAAO,MAAM,GAAG,GAAG,EAAO,MAAM,GAAG,gBAC7D,SACJ,GAEA,OAAO,KACH,yBAAyB,mBAAmB,EAAM,QAAQ,CAAC,gBAC3D,SACJ;KAIF,UAAqB;GACvB,IAAM,IAAQ,EAAS,MAAM;AACxB,QAGL,EAAK,GAAG,EAAM,KAAK,IAAI,EAAM,UAAS;;;;UAMhC,EAAA,OAAU,SAAA,GAAA,EADpB,EAuEM,OAvEN,GAuEM;IApEF,EAqCM,OArCN,GAqCM;KAnCF,EAAiD,GAAA;MAAzC,MAAK;MAAkB,OAAM;;KACrC,EAA6D,UAA7D,GAA6D,EAAhCA,EAAAA,GAAE,iBAAA,CAAA,EAAA,EAAA;KAC/B,EAgCgB,GAAA;MAhCD,WAAU;MAAU,OAAM;;uBAKT,CAJ5B,EAI4B,GAAA;OAHxB,WAAU;OACT,MAAM,EAAA,EAAM,GAAA,kBAAA;OACZ,OAAO,EAAA,EAAM,GAAGA,EAAAA,GAAE,gBAAA,GAAoBA,EAAAA,GAAE,cAAA;OACxC,SAAO;sCACZ,EAyBa,GAAA,EAAA,EAxBD;;;;;OAKP,CAAA,CAAA,EAAA;OAKU,OAAK,QAIO;QAHnB,EAGmB,GAAA,EAHA,SAAO,GAAc,EAAA;0BACL,CAA/B,EAA+B,GAAA,EAAvB,MAAK,iBAAe,CAAA,EAAA,AAAA,EAAA,OAAA,EAAG,iBAEnC,GAAA,CAAA,CAAA;;;QACA,EAGmB,GAAA,EAHA,SAAO,GAAa,EAAA;0BACN,CAA7B,EAA6B,GAAA,EAArB,MAAK,eAAa,CAAA,EAAA,AAAA,EAAA,OAAA,EAAG,gBAEjC,GAAA,CAAA,CAAA;;;QACA,EAGmB,GAAA,EAHA,SAAO,GAAQ,EAAA;0BACM,CAApC,EAAoC,GAAA,EAA5B,MAAK,sBAAoB,CAAA,EAAA,AAAA,EAAA,OAAA,EAAG,UAExC,GAAA,CAAA,CAAA;;;;wBAbsC,CAH1C,EAG0C,GAAA;QAFtC,MAAK;QACL,WAAU;QACT,OAAOA,EAAAA,GAAE,uBAAA;;;;;;;IAkBf,EAAA,SAAA,GAAA,EAAX,EAoBM,OApBN,GAoBM,CAnBF,EAkBO,EAAA,EAAA,EAAA;KAjBF,MAAM;KACN,QAAA,EAAA;KACA,sBAAoB;KACpB,SAAS;;;;;MAKT;KACD,OAAA;MAAA,QAAA;MAAA,OAAA;;;sBAI2B,CAH3B,EAG2B,EAAA,EAAA,EAAA;MAFvB,KAAI;MACJ,cAAW;MACX,MAAK;SACT,EAEU,EAAA,EAAA,EAAA,EAFA,WAAS,EAAA,OAAM,EAAA;uBACqB,CAA1C,EAA0C,EAAA,EAAA,EAAA,MAAA;wBAAT,CAAA,EAAA,EAAtB,EAAA,MAAS,MAAM,KAAI,EAAA,EAAA,CAAA,CAAA;;;;;;;IAI1C,EAQM,OARN,GAQM;KAPF,EAEI,KAFJ,GAEI,EADG,EAAA,MAAS,MAAM,KAAI,EAAA,EAAA;KAE1B,EAA+D,KAA/D,GAA+D,EAA7B,EAAA,MAAS,MAAM,QAAO,EAAA,EAAA;KAC/C,EAAA,MAAS,MAAM,kBAAA,GAAA,EAAxB,EAEI,KAFJ,GAEI,EADG,EAAA,MAAS,MAAM,eAAc,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA"}

package/dist-vue/_chunks/{PkToolShowMessage-AS8VNcYP.js → PkToolShowMessage-C4os87fJ.js}

@@ -1,4 +1,4 @@
-import { u as e } from "./useChatbotStore-B9BUWM4O.js";
+import { u as e } from "./useChatbotStore-C9xj40sY.js";
 import { computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, guardReactiveProps as s, normalizeProps as c, openBlock as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
 import { VvButton as p, VvButtonGroup as m, VvDropdown as h, VvDropdownAction as g, VvIcon as _ } from "@volverjs/ui-vue/components";
 import { useClipboard as v } from "@vueuse/core";
@@ -73,4 +73,4 @@ var y = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" },
 //#endregion
 export { E as n, D as t };
 
-//# sourceMappingURL=PkToolShowMessage-AS8VNcYP.js.map
+//# sourceMappingURL=PkToolShowMessage-C4os87fJ.js.map

package/dist-vue/_chunks/{PkToolShowMessage-AS8VNcYP.js.map → PkToolShowMessage-C4os87fJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowMessage-AS8VNcYP.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowMessage.vue","../../../../packages/components/src/chat/PkToolShowMessage.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                body: string\n            }\n        }\n        return part\n    })\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInTelegram = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://t.me/share/url?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url)\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:chat-1-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.message') }}\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=\"copy(toolPart?.input?.body ?? '')\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:send-plane-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInWhatsApp\">\n                            <VvIcon name=\"ri:whatsapp-line\" />\n                            {{ $t('action.openInWhatsApp') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInTelegram\">\n                            <VvIcon name=\"ri:telegram-line\" />\n                            {{ $t('action.openInTelegram') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInSms\">\n                            <VvIcon name=\"ri:message-2-line\" />\n                            {{ $t('action.openInSms') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\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                body: string\n            }\n        }\n        return part\n    })\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInTelegram = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://t.me/share/url?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url)\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:chat-1-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.message') }}\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=\"copy(toolPart?.input?.body ?? '')\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:send-plane-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInWhatsApp\">\n                            <VvIcon name=\"ri:whatsapp-line\" />\n                            {{ $t('action.openInWhatsApp') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInTelegram\">\n                            <VvIcon name=\"ri:telegram-line\" />\n                            {{ $t('action.openInTelegram') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInSms\">\n                            <VvIcon name=\"ri:message-2-line\" />\n                            {{ $t('action.openInSms') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\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":";;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,GAAa,EAEhC,IAAW,QACA,EAAM,KAMtB,EAEK,UAAuB;AACzB,OAAI,CAAC,EAAS,MAAM,MAChB;GAEJ,IAAM,IAAM,uBAAuB,mBAAmB,EAAS,MAAM,MAAM,KAAK;AAChF,UAAO,KAAK,GAAK,SAAQ;KAGvB,UAAuB;AACzB,OAAI,CAAC,EAAS,MAAM,MAChB;GAEJ,IAAM,IAAM,+BAA+B,mBAAmB,EAAS,MAAM,MAAM,KAAK;AACxF,UAAO,KAAK,GAAK,SAAQ;KAGvB,UAAkB;AACpB,OAAI,CAAC,EAAS,MAAM,MAChB;GAEJ,IAAM,IAAM,aAAa,mBAAmB,EAAS,MAAM,MAAM,KAAK;AACtE,UAAO,KAAK,EAAG;;;;eAKnB,EAiDM,OAjDN,GAiDM,CAhDF,EAuCM,OAvCN,GAuCM;IArCF,EAAgD,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC,EAES,UAFT,GAES,EADFA,EAAAA,GAAE,gBAAA,CAAA,EAAA,EAAA;IAET,EAgCgB,GAAA;KAhCD,WAAU;KAAU,OAAM;;sBAKY,CAJjD,EAIiD,GAAA;MAH7C,WAAU;MACT,MAAM,EAAA,EAAM,GAAA,kBAAA;MACZ,OAAO,EAAA,EAAM,GAAGA,EAAAA,GAAE,gBAAA,GAAoBA,EAAAA,GAAE,cAAA;MACxC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,EAAI,CAAC,EAAA,OAAU,OAAO,QAAI,GAAA;qCACtC,EAyBa,GAAA,EAAA,EAxBD;;;;;MAKP,CAAA,CAAA,EAAA;MAKU,OAAK,QAIO;OAHnB,EAGmB,GAAA,EAHA,SAAO,GAAc,EAAA;yBACF,CAAlC,EAAkC,GAAA,EAA1B,MAAK,oBAAkB,CAAA,EAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,wBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;OAET,EAGmB,GAAA,EAHA,SAAO,GAAc,EAAA;yBACF,CAAlC,EAAkC,GAAA,EAA1B,MAAK,oBAAkB,CAAA,EAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,wBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;OAET,EAGmB,GAAA,EAHA,SAAO,GAAS,EAAA;yBACI,CAAnC,EAAmC,GAAA,EAA3B,MAAK,qBAAmB,CAAA,EAAA,EAAG,MACnC,EAAGA,EAAAA,GAAE,mBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;;uBAZoB,CAHjC,EAGiC,GAAA;OAF7B,MAAK;OACL,WAAU;OACT,OAAOA,EAAAA,GAAE,cAAA;;;;;;OAkB1B,EAOM,OAPN,GAOM,CANF,EAEM,OAFN,GAEM,EADCA,EAAAA,GAAE,aAAA,CAAA,EAAA,EAAA,EAET,EAEQ,OAFR,GAEQ,EADJ,EAAA,OAAU,OAAO,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"PkToolShowMessage-C4os87fJ.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowMessage.vue","../../../../packages/components/src/chat/PkToolShowMessage.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                body: string\n            }\n        }\n        return part\n    })\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInTelegram = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://t.me/share/url?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url)\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:chat-1-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.message') }}\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=\"copy(toolPart?.input?.body ?? '')\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:send-plane-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInWhatsApp\">\n                            <VvIcon name=\"ri:whatsapp-line\" />\n                            {{ $t('action.openInWhatsApp') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInTelegram\">\n                            <VvIcon name=\"ri:telegram-line\" />\n                            {{ $t('action.openInTelegram') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInSms\">\n                            <VvIcon name=\"ri:message-2-line\" />\n                            {{ $t('action.openInSms') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\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                body: string\n            }\n        }\n        return part\n    })\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInTelegram = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://t.me/share/url?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url)\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:chat-1-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.message') }}\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=\"copy(toolPart?.input?.body ?? '')\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:send-plane-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInWhatsApp\">\n                            <VvIcon name=\"ri:whatsapp-line\" />\n                            {{ $t('action.openInWhatsApp') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInTelegram\">\n                            <VvIcon name=\"ri:telegram-line\" />\n                            {{ $t('action.openInTelegram') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInSms\">\n                            <VvIcon name=\"ri:message-2-line\" />\n                            {{ $t('action.openInSms') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\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":";;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,GAAa,EAEhC,IAAW,QACA,EAAM,KAMtB,EAEK,UAAuB;AACzB,OAAI,CAAC,EAAS,MAAM,MAChB;GAEJ,IAAM,IAAM,uBAAuB,mBAAmB,EAAS,MAAM,MAAM,KAAK;AAChF,UAAO,KAAK,GAAK,SAAQ;KAGvB,UAAuB;AACzB,OAAI,CAAC,EAAS,MAAM,MAChB;GAEJ,IAAM,IAAM,+BAA+B,mBAAmB,EAAS,MAAM,MAAM,KAAK;AACxF,UAAO,KAAK,GAAK,SAAQ;KAGvB,UAAkB;AACpB,OAAI,CAAC,EAAS,MAAM,MAChB;GAEJ,IAAM,IAAM,aAAa,mBAAmB,EAAS,MAAM,MAAM,KAAK;AACtE,UAAO,KAAK,EAAG;;;;eAKnB,EAiDM,OAjDN,GAiDM,CAhDF,EAuCM,OAvCN,GAuCM;IArCF,EAAgD,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC,EAES,UAFT,GAES,EADFA,EAAAA,GAAE,gBAAA,CAAA,EAAA,EAAA;IAET,EAgCgB,GAAA;KAhCD,WAAU;KAAU,OAAM;;sBAKY,CAJjD,EAIiD,GAAA;MAH7C,WAAU;MACT,MAAM,EAAA,EAAM,GAAA,kBAAA;MACZ,OAAO,EAAA,EAAM,GAAGA,EAAAA,GAAE,gBAAA,GAAoBA,EAAAA,GAAE,cAAA;MACxC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,EAAI,CAAC,EAAA,OAAU,OAAO,QAAI,GAAA;qCACtC,EAyBa,GAAA,EAAA,EAxBD;;;;;MAKP,CAAA,CAAA,EAAA;MAKU,OAAK,QAIO;OAHnB,EAGmB,GAAA,EAHA,SAAO,GAAc,EAAA;yBACF,CAAlC,EAAkC,GAAA,EAA1B,MAAK,oBAAkB,CAAA,EAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,wBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;OAET,EAGmB,GAAA,EAHA,SAAO,GAAc,EAAA;yBACF,CAAlC,EAAkC,GAAA,EAA1B,MAAK,oBAAkB,CAAA,EAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,wBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;OAET,EAGmB,GAAA,EAHA,SAAO,GAAS,EAAA;yBACI,CAAnC,EAAmC,GAAA,EAA3B,MAAK,qBAAmB,CAAA,EAAA,EAAG,MACnC,EAAGA,EAAAA,GAAE,mBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;;uBAZoB,CAHjC,EAGiC,GAAA;OAF7B,MAAK;OACL,WAAU;OACT,OAAOA,EAAAA,GAAE,cAAA;;;;;;OAkB1B,EAOM,OAPN,GAOM,CANF,EAEM,OAFN,GAEM,EADCA,EAAAA,GAAE,aAAA,CAAA,EAAA,EAAA,EAET,EAEQ,OAFR,GAEQ,EADJ,EAAA,OAAU,OAAO,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist-vue/_chunks/PkToolShowMultipleChoice-DB5ZvvhS.js

@@ -0,0 +1,45 @@
+import { u as e } from "./useChatbotStore-C9xj40sY.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, toDisplayString as d, withCtx as f, withModifiers as p } from "vue";
+import { VvButton as m, VvButtonGroup as h } from "@volverjs/ui-vue/components";
+//#region ../../packages/components/src/chat/PkToolShowMultipleChoice.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "px-sm py-10 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3" }, _ = { class: "px-sm py-10" }, v = /* @__PURE__ */ s({
+	__name: "PkToolShowMultipleChoice",
+	props: { part: {} },
+	emits: ["select"],
+	setup(e, { emit: s }) {
+		let v = e, y = s, b = n(() => JSON.parse(JSON.stringify(v.part))), x = n(() => (b.value?.input?.options ?? []).map((e) => typeof e == "string" ? e : e.label)), S = n(() => {
+			let e = b.value?.output;
+			if (e) return typeof e == "string" ? e : e.label;
+		}), C = n(() => b.value?.state || "unknown"), w = n(() => C.value === "input-available");
+		return (e, n) => {
+			let s = m, v = h;
+			return x.value.length ? (l(), a("div", {
+				key: C.value,
+				class: "border border-surface-3 rounded-xl w-full overflow-hidden"
+			}, [o("div", g, d(b.value.input?.question), 1), o("div", _, [(l(), r(v, {
+				key: x.value.length,
+				modifiers: "vertical",
+				class: "w-full"
+			}, {
+				default: f(() => [(l(!0), a(t, null, u(x.value, (e, t) => (l(), r(s, {
+					key: t,
+					modifiers: "action-multiline",
+					class: c(["whitespace-normal w-full", { pressed: e === S.value }]),
+					disabled: !w.value,
+					label: e,
+					onClick: p((t) => y("select", e), ["stop"])
+				}, null, 8, [
+					"class",
+					"disabled",
+					"label",
+					"onClick"
+				]))), 128))]),
+				_: 1
+			}))])])) : i("", !0);
+		};
+	}
+}), y = /* @__PURE__ */ e({ default: () => b }), b = v;
+//#endregion
+export { y as n, b as t };
+
+//# sourceMappingURL=PkToolShowMultipleChoice-DB5ZvvhS.js.map

package/dist-vue/_chunks/PkToolShowMultipleChoice-DB5ZvvhS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkToolShowMultipleChoice-DB5ZvvhS.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowMultipleChoice.vue","../../../../packages/components/src/chat/PkToolShowMultipleChoice.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n\n    type LegacyOption = { id: string; label: string; value: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [option: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                question: string\n                options: string[] | LegacyOption[]\n            }\n            output?: string | LegacyOption\n        }\n    })\n\n    /** Normalize options to string[] (supports legacy { label } objects) */\n    const normalizedOptions = computed(() => {\n        return (toolPart.value?.input?.options ?? []).map((o) =>\n            typeof o === 'string' ? o : o.label,\n        )\n    })\n\n    /** Normalize output to string (supports legacy { label } objects) */\n    const normalizedOutput = computed(() => {\n        const out = toolPart.value?.output\n        if (!out) {\n            return undefined\n        }\n        return typeof out === 'string' ? out : out.label\n    })\n\n    const toolState = computed(() => {\n        return toolPart.value?.state || 'unknown'\n    })\n\n    const isInteractive = computed(() => {\n        return toolState.value === 'input-available'\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"normalizedOptions.length\"\n        :key=\"toolState\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-10 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3\">\n            {{ toolPart.input?.question }}\n        </div>\n        <div class=\"px-sm py-10\">\n            <VvButtonGroup\n                :key=\"normalizedOptions.length\"\n                modifiers=\"vertical\"\n                class=\"w-full\">\n                <VvButton\n                    v-for=\"(option, index) in normalizedOptions\"\n                    :key=\"index\"\n                    modifiers=\"action-multiline\"\n                    class=\"whitespace-normal w-full\"\n                    :class=\"{\n                        pressed: option === normalizedOutput,\n                    }\"\n                    :disabled=\"!isInteractive\"\n                    :label=\"option\"\n                    @click.stop=\"emit('select', option)\" />\n            </VvButtonGroup>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n\n    type LegacyOption = { id: string; label: string; value: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [option: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                question: string\n                options: string[] | LegacyOption[]\n            }\n            output?: string | LegacyOption\n        }\n    })\n\n    /** Normalize options to string[] (supports legacy { label } objects) */\n    const normalizedOptions = computed(() => {\n        return (toolPart.value?.input?.options ?? []).map((o) =>\n            typeof o === 'string' ? o : o.label,\n        )\n    })\n\n    /** Normalize output to string (supports legacy { label } objects) */\n    const normalizedOutput = computed(() => {\n        const out = toolPart.value?.output\n        if (!out) {\n            return undefined\n        }\n        return typeof out === 'string' ? out : out.label\n    })\n\n    const toolState = computed(() => {\n        return toolPart.value?.state || 'unknown'\n    })\n\n    const isInteractive = computed(() => {\n        return toolState.value === 'input-available'\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"normalizedOptions.length\"\n        :key=\"toolState\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-10 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3\">\n            {{ toolPart.input?.question }}\n        </div>\n        <div class=\"px-sm py-10\">\n            <VvButtonGroup\n                :key=\"normalizedOptions.length\"\n                modifiers=\"vertical\"\n                class=\"w-full\">\n                <VvButton\n                    v-for=\"(option, index) in normalizedOptions\"\n                    :key=\"index\"\n                    modifiers=\"action-multiline\"\n                    class=\"whitespace-normal w-full\"\n                    :class=\"{\n                        pressed: option === normalizedOutput,\n                    }\"\n                    :disabled=\"!isInteractive\"\n                    :label=\"option\"\n                    @click.stop=\"emit('select', option)\" />\n            </VvButtonGroup>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;EAKI,IAAM,IAAQ,GAIR,IAAO,GAIP,IAAW,QACN,KAAK,MAAM,KAAK,UAAU,EAAM,KAAK,CAAC,CAShD,EAGK,IAAoB,SACd,EAAS,OAAO,OAAO,WAAW,EAAE,EAAE,KAAK,MAC/C,OAAO,KAAM,WAAW,IAAI,EAAE,MAClC,CACH,EAGK,IAAmB,QAAe;GACpC,IAAM,IAAM,EAAS,OAAO;AACvB,SAGL,QAAO,OAAO,KAAQ,WAAW,IAAM,EAAI;IAC9C,EAEK,IAAY,QACP,EAAS,OAAO,SAAS,UACnC,EAEK,IAAgB,QACX,EAAU,UAAU,kBAC9B;;;UAKS,EAAA,MAAkB,UAAA,GAAA,EAD5B,EA0BM,OAAA;IAxBD,KAAK,EAAA;IACN,OAAM;OACN,EAGM,OAHN,GAGM,EADC,EAAA,MAAS,OAAO,SAAQ,EAAA,EAAA,EAE/B,EAiBM,OAjBN,GAiBM,EAAA,GAAA,EAhBF,EAegB,GAAA;IAdX,KAAK,EAAA,MAAkB;IACxB,WAAU;IACV,OAAM;;qBAE0C,EAAA,EAAA,GAAA,EADhD,EAU2C,GAAA,MAAA,EATb,EAAA,QAAlB,GAAQ,YADpB,EAU2C,GAAA;KARtC,KAAK;KACN,WAAU;KACV,OAAK,EAAA,CAAC,4BAA0B,EAAA,SACW,MAAW,EAAA,OAAA,CAAA,CAAA;KAGrD,UAAQ,CAAG,EAAA;KACX,OAAO;KACP,SAAK,GAAA,MAAO,EAAI,UAAW,EAAM,EAAA,CAAA,OAAA,CAAA"}

package/dist-vue/_chunks/{PkToolShowProductList-FEq8sFxW.js → PkToolShowProductList-BR14mmfl.js}

@@ -1,5 +1,5 @@
-import { u as e } from "./useChatbotStore-B9BUWM4O.js";
-import { t } from "./PkUrl-C9annqfF.js";
+import { u as e } from "./useChatbotStore-C9xj40sY.js";
+import { t } from "./PkUrl-tuHTaGCy.js";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, withCtx as h } from "vue";
 import { VvIcon as g } from "@volverjs/ui-vue/components";
 //#region ../../packages/components/src/chat/PkToolShowProductList.vue?vue&type=script&setup=true&lang.ts
@@ -64,4 +64,4 @@ var _ = {
 //#endregion
 export { E as n, D as t };
 
-//# sourceMappingURL=PkToolShowProductList-FEq8sFxW.js.map
+//# sourceMappingURL=PkToolShowProductList-BR14mmfl.js.map

package/dist-vue/_chunks/{PkToolShowProductList-FEq8sFxW.js.map → PkToolShowProductList-BR14mmfl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowProductList-FEq8sFxW.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowProductList.vue","../../../../packages/components/src/chat/PkToolShowProductList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const getAvailabilityColor = (availability?: string) => {\n        if (!availability) {\n            return ''\n        }\n        const lower = availability.toLowerCase()\n        if (\n            lower.includes('in stock') ||\n            lower.includes('available') ||\n            lower.includes('disponibile')\n        ) {\n            return 'text-success'\n        }\n        if (\n            lower.includes('out of stock') ||\n            lower.includes('unavailable') ||\n            lower.includes('non disponibile')\n        ) {\n            return 'text-danger'\n        }\n        if (\n            lower.includes('limited') ||\n            lower.includes('low stock') ||\n            lower.includes('limitato')\n        ) {\n            return 'text-warning'\n        }\n        return 'text-word-3'\n    }\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-lg overflow-hidden hover:border-surface-4 transition-colors\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 font-medium\"\n                            :class=\"getAvailabilityColor(product.availability)\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const getAvailabilityColor = (availability?: string) => {\n        if (!availability) {\n            return ''\n        }\n        const lower = availability.toLowerCase()\n        if (\n            lower.includes('in stock') ||\n            lower.includes('available') ||\n            lower.includes('disponibile')\n        ) {\n            return 'text-success'\n        }\n        if (\n            lower.includes('out of stock') ||\n            lower.includes('unavailable') ||\n            lower.includes('non disponibile')\n        ) {\n            return 'text-danger'\n        }\n        if (\n            lower.includes('limited') ||\n            lower.includes('low stock') ||\n            lower.includes('limitato')\n        ) {\n            return 'text-warning'\n        }\n        return 'text-word-3'\n    }\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-lg overflow-hidden hover:border-surface-4 transition-colors\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 font-medium\"\n                            :class=\"getAvailabilityColor(product.availability)\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,KAatB,EAEK,KAAwB,MAA0B;AACpD,OAAI,CAAC,EACD,QAAO;GAEX,IAAM,IAAQ,EAAa,aAAY;AAsBvC,UApBI,EAAM,SAAS,WAAW,IAC1B,EAAM,SAAS,YAAY,IAC3B,EAAM,SAAS,cAAa,GAErB,iBAGP,EAAM,SAAS,eAAe,IAC9B,EAAM,SAAS,cAAc,IAC7B,EAAM,SAAS,kBAAiB,GAEzB,gBAGP,EAAM,SAAS,UAAU,IACzB,EAAM,SAAS,YAAY,IAC3B,EAAM,SAAS,WAAU,GAElB,iBAEJ;;;;UAMD,EAAA,OAAU,OAAO,UAAU,UAAA,GAAA,EADrC,EAiDK,MAjDL,GAiDK,EAAA,EAAA,GAAA,EA9CD,EA6CK,GAAA,MAAA,EA5C0B,EAAA,MAAS,MAAM,WAAlC,GAAS,YADrB,EA6CK,MAAA;IA3CA,KAAK;IACN,OAAM;aACN,EAwCY,EAvCH,EAAQ,MAAG,MAAA,MAAA,EAAA;IACf,MAAM,EAAQ;IACd,QAAQ,EAAQ,MAAG,WAAc,KAAA;IACjC,KAAK,EAAQ,MAAG,wBAA2B,KAAA;IAC5C,OAAM;;qBAKqF,CAHjF,EAAQ,SAAA,GAAA,EADlB,EAI2F,OAAA;;KAFtF,KAAK,EAAQ;KACb,KAAK,EAAQ;KACd,OAAM;iCACV,EA4BM,OA5BN,GA4BM;KA3BF,EAES,UAFT,GAES,EADF,EAAQ,KAAI,EAAA,EAAA;KAGT,EAAQ,OAAA,GAAA,EADlB,EAKO,QALP,GAKO,CAFH,EAAkD,GAAA;MAA1C,MAAK;MAAU,OAAM;SAC7B,EAA4B,GAAA,EAApB,KAAK,EAAQ,KAAA,EAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;KAEzB,EAYM,OAZN,GAYM,CAVQ,EAAQ,SAAA,GAAA,EADlB,EAIO,QAJP,GAIO,EADA,EAAQ,MAAK,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAGV,EAAQ,gBAAA,GAAA,EADlB,EAKO,QAAA;;MAHH,OAAK,EAAA,CAAC,uBACE,EAAqB,EAAQ,aAAY,CAAA,CAAA;UAC9C,EAAQ,aAAY,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;KAIrB,EAAQ,eAAA,GAAA,EADlB,EAII,KAJJ,GAII,EADG,EAAQ,YAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA"}
+{"version":3,"file":"PkToolShowProductList-BR14mmfl.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowProductList.vue","../../../../packages/components/src/chat/PkToolShowProductList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const getAvailabilityColor = (availability?: string) => {\n        if (!availability) {\n            return ''\n        }\n        const lower = availability.toLowerCase()\n        if (\n            lower.includes('in stock') ||\n            lower.includes('available') ||\n            lower.includes('disponibile')\n        ) {\n            return 'text-success'\n        }\n        if (\n            lower.includes('out of stock') ||\n            lower.includes('unavailable') ||\n            lower.includes('non disponibile')\n        ) {\n            return 'text-danger'\n        }\n        if (\n            lower.includes('limited') ||\n            lower.includes('low stock') ||\n            lower.includes('limitato')\n        ) {\n            return 'text-warning'\n        }\n        return 'text-word-3'\n    }\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-lg overflow-hidden hover:border-surface-4 transition-colors\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 font-medium\"\n                            :class=\"getAvailabilityColor(product.availability)\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const getAvailabilityColor = (availability?: string) => {\n        if (!availability) {\n            return ''\n        }\n        const lower = availability.toLowerCase()\n        if (\n            lower.includes('in stock') ||\n            lower.includes('available') ||\n            lower.includes('disponibile')\n        ) {\n            return 'text-success'\n        }\n        if (\n            lower.includes('out of stock') ||\n            lower.includes('unavailable') ||\n            lower.includes('non disponibile')\n        ) {\n            return 'text-danger'\n        }\n        if (\n            lower.includes('limited') ||\n            lower.includes('low stock') ||\n            lower.includes('limitato')\n        ) {\n            return 'text-warning'\n        }\n        return 'text-word-3'\n    }\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-lg overflow-hidden hover:border-surface-4 transition-colors\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 font-medium\"\n                            :class=\"getAvailabilityColor(product.availability)\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,KAatB,EAEK,KAAwB,MAA0B;AACpD,OAAI,CAAC,EACD,QAAO;GAEX,IAAM,IAAQ,EAAa,aAAY;AAsBvC,UApBI,EAAM,SAAS,WAAW,IAC1B,EAAM,SAAS,YAAY,IAC3B,EAAM,SAAS,cAAa,GAErB,iBAGP,EAAM,SAAS,eAAe,IAC9B,EAAM,SAAS,cAAc,IAC7B,EAAM,SAAS,kBAAiB,GAEzB,gBAGP,EAAM,SAAS,UAAU,IACzB,EAAM,SAAS,YAAY,IAC3B,EAAM,SAAS,WAAU,GAElB,iBAEJ;;;;UAMD,EAAA,OAAU,OAAO,UAAU,UAAA,GAAA,EADrC,EAiDK,MAjDL,GAiDK,EAAA,EAAA,GAAA,EA9CD,EA6CK,GAAA,MAAA,EA5C0B,EAAA,MAAS,MAAM,WAAlC,GAAS,YADrB,EA6CK,MAAA;IA3CA,KAAK;IACN,OAAM;aACN,EAwCY,EAvCH,EAAQ,MAAG,MAAA,MAAA,EAAA;IACf,MAAM,EAAQ;IACd,QAAQ,EAAQ,MAAG,WAAc,KAAA;IACjC,KAAK,EAAQ,MAAG,wBAA2B,KAAA;IAC5C,OAAM;;qBAKqF,CAHjF,EAAQ,SAAA,GAAA,EADlB,EAI2F,OAAA;;KAFtF,KAAK,EAAQ;KACb,KAAK,EAAQ;KACd,OAAM;iCACV,EA4BM,OA5BN,GA4BM;KA3BF,EAES,UAFT,GAES,EADF,EAAQ,KAAI,EAAA,EAAA;KAGT,EAAQ,OAAA,GAAA,EADlB,EAKO,QALP,GAKO,CAFH,EAAkD,GAAA;MAA1C,MAAK;MAAU,OAAM;SAC7B,EAA4B,GAAA,EAApB,KAAK,EAAQ,KAAA,EAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;KAEzB,EAYM,OAZN,GAYM,CAVQ,EAAQ,SAAA,GAAA,EADlB,EAIO,QAJP,GAIO,EADA,EAAQ,MAAK,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAGV,EAAQ,gBAAA,GAAA,EADlB,EAKO,QAAA;;MAHH,OAAK,EAAA,CAAC,uBACE,EAAqB,EAAQ,aAAY,CAAA,CAAA;UAC9C,EAAQ,aAAY,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;KAIrB,EAAQ,eAAA,GAAA,EADlB,EAII,KAJJ,GAII,EADG,EAAQ,YAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA"}

package/dist-vue/_chunks/{PkToolShowQrCode-DAt8tBHK.js → PkToolShowQrCode-CTfDrItd.js}

@@ -1,4 +1,4 @@
-import { u as e } from "./useChatbotStore-B9BUWM4O.js";
+import { u as e } from "./useChatbotStore-C9xj40sY.js";
 import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, onMounted as s, openBlock as c, ref as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
 import { VvButton as p, VvButtonGroup as m, VvIcon as h } from "@volverjs/ui-vue/components";
 import { useClipboard as g } from "@vueuse/core";
@@ -69,4 +69,4 @@ var _ = {
 //#endregion
 export { w as n, T as t };
 
-//# sourceMappingURL=PkToolShowQrCode-DAt8tBHK.js.map
+//# sourceMappingURL=PkToolShowQrCode-CTfDrItd.js.map

package/dist-vue/_chunks/{PkToolShowQrCode-DAt8tBHK.js.map → PkToolShowQrCode-CTfDrItd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowQrCode-DAt8tBHK.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowQrCode.vue","../../../../packages/components/src/chat/PkToolShowQrCode.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, onMounted } 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                content: string\n                label?: string\n            }\n        }\n        return part\n    })\n\n    const svgContent = ref('')\n    const qrContainerRef = ref<HTMLElement>()\n\n    onMounted(async () => {\n        const content = toolPart.value.input?.content\n        if (!content) {\n            return\n        }\n        const { default: QRCode } = await import('qrcode')\n        svgContent.value = await QRCode.toString(content, { type: 'svg' })\n    })\n\n    const downloadQr = async () => {\n        const svgEl = qrContainerRef.value?.querySelector('svg')\n        if (!svgEl) {\n            return\n        }\n        const svgData = new XMLSerializer().serializeToString(svgEl)\n        const svgBlob = new Blob([svgData], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const svgUrl = URL.createObjectURL(svgBlob)\n\n        const canvas = document.createElement('canvas')\n        canvas.width = 512\n        canvas.height = 512\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n        img.onload = () => {\n            ctx?.drawImage(img, 0, 0, 512, 512)\n            URL.revokeObjectURL(svgUrl)\n            const a = document.createElement('a')\n            a.href = canvas.toDataURL('image/png')\n            a.download = 'qrcode.png'\n            a.click()\n        }\n        img.src = svgUrl\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\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\">\n            <VvIcon name=\"ri:qr-code-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.qrCode') }}</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=\"copy(toolPart?.input?.content ?? '')\" />\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadQr\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex flex-col items-center\">\n            <div ref=\"qrContainerRef\" class=\"w-144 h-144\" v-html=\"svgContent\" />\n            <p\n                v-if=\"toolPart.input.label\"\n                class=\"text-12 text-word-3 text-center\">\n                {{ toolPart.input.label }}\n            </p>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, onMounted } 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                content: string\n                label?: string\n            }\n        }\n        return part\n    })\n\n    const svgContent = ref('')\n    const qrContainerRef = ref<HTMLElement>()\n\n    onMounted(async () => {\n        const content = toolPart.value.input?.content\n        if (!content) {\n            return\n        }\n        const { default: QRCode } = await import('qrcode')\n        svgContent.value = await QRCode.toString(content, { type: 'svg' })\n    })\n\n    const downloadQr = async () => {\n        const svgEl = qrContainerRef.value?.querySelector('svg')\n        if (!svgEl) {\n            return\n        }\n        const svgData = new XMLSerializer().serializeToString(svgEl)\n        const svgBlob = new Blob([svgData], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const svgUrl = URL.createObjectURL(svgBlob)\n\n        const canvas = document.createElement('canvas')\n        canvas.width = 512\n        canvas.height = 512\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n        img.onload = () => {\n            ctx?.drawImage(img, 0, 0, 512, 512)\n            URL.revokeObjectURL(svgUrl)\n            const a = document.createElement('a')\n            a.href = canvas.toDataURL('image/png')\n            a.download = 'qrcode.png'\n            a.click()\n        }\n        img.src = svgUrl\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\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\">\n            <VvIcon name=\"ri:qr-code-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.qrCode') }}</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=\"copy(toolPart?.input?.content ?? '')\" />\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadQr\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex flex-col items-center\">\n            <div ref=\"qrContainerRef\" class=\"w-144 h-144\" v-html=\"svgContent\" />\n            <p\n                v-if=\"toolPart.input.label\"\n                class=\"text-12 text-word-3 text-center\">\n                {{ toolPart.input.label }}\n            </p>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,GAAa,EAEhC,IAAW,QACA,EAAM,KAOtB,EAEK,IAAa,EAAI,GAAE,EACnB,IAAiB,GAAiB;AAExC,IAAU,YAAY;GAClB,IAAM,IAAU,EAAS,MAAM,OAAO;AACtC,OAAI,CAAC,EACD;GAEJ,IAAM,EAAE,SAAS,MAAW,MAAM,OAAO;AACzC,KAAW,QAAQ,MAAM,EAAO,SAAS,GAAS,EAAE,MAAM,OAAO,CAAA;IACpE;EAED,IAAM,IAAa,YAAY;GAC3B,IAAM,IAAQ,EAAe,OAAO,cAAc,MAAK;AACvD,OAAI,CAAC,EACD;GAEJ,IAAM,IAAU,IAAI,eAAe,CAAC,kBAAkB,EAAK,EACrD,IAAU,IAAI,KAAK,CAAC,EAAQ,EAAE,EAChC,MAAM,+BACT,CAAA,EACK,IAAS,IAAI,gBAAgB,EAAO,EAEpC,IAAS,SAAS,cAAc,SAAQ;AAE9C,GADA,EAAO,QAAQ,KACf,EAAO,SAAS;GAChB,IAAM,IAAM,EAAO,WAAW,KAAI,EAC5B,IAAM,IAAI,OAAM;AAStB,GARA,EAAI,eAAe;AAEf,IADA,GAAK,UAAU,GAAK,GAAG,GAAG,KAAK,IAAG,EAClC,IAAI,gBAAgB,EAAM;IAC1B,IAAM,IAAI,SAAS,cAAc,IAAG;AAGpC,IAFA,EAAE,OAAO,EAAO,UAAU,YAAW,EACrC,EAAE,WAAW,cACb,EAAE,OAAM;MAEZ,EAAI,MAAM;;;;UAMJ,EAAA,OAAU,SAAA,GAAA,EADpB,EA4BM,OA5BN,GA4BM,CAzBF,EAgBM,OAhBN,GAgBM;IAdF,EAAiD,GAAA;KAAzC,MAAK;KAAkB,OAAM;;IACrC,EAA2D,UAA3D,GAA2D,EAA9BA,EAAAA,GAAE,eAAA,CAAA,EAAA,EAAA;IAC/B,EAWgB,GAAA;KAXD,WAAU;KAAU,OAAM;;sBAKe,CAJpD,EAIoD,GAAA;MAHhD,WAAU;MACT,MAAM,EAAA,EAAM,GAAA,kBAAA;MACZ,OAAO,EAAA,EAAM,GAAGA,EAAAA,GAAE,gBAAA,GAAoBA,EAAAA,GAAE,cAAA;MACxC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,EAAI,CAAC,EAAA,OAAU,OAAO,WAAO,GAAA;qCACzC,EAI0B,GAAA;MAHtB,WAAU;MACV,MAAK;MACJ,OAAOA,EAAAA,GAAE,kBAAA;MACT,SAAO;;;;OAGpB,EAOM,OAPN,GAOM,CANF,EAAoE,OAAA;aAA3D;IAAJ,KAAI;IAAiB,OAAM;IAAc,WAAQ,EAAA;mBAE5C,EAAA,MAAS,MAAM,SAAA,GAAA,EADzB,EAII,KAJJ,GAII,EADG,EAAA,MAAS,MAAM,MAAK,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}
+{"version":3,"file":"PkToolShowQrCode-CTfDrItd.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowQrCode.vue","../../../../packages/components/src/chat/PkToolShowQrCode.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, onMounted } 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                content: string\n                label?: string\n            }\n        }\n        return part\n    })\n\n    const svgContent = ref('')\n    const qrContainerRef = ref<HTMLElement>()\n\n    onMounted(async () => {\n        const content = toolPart.value.input?.content\n        if (!content) {\n            return\n        }\n        const { default: QRCode } = await import('qrcode')\n        svgContent.value = await QRCode.toString(content, { type: 'svg' })\n    })\n\n    const downloadQr = async () => {\n        const svgEl = qrContainerRef.value?.querySelector('svg')\n        if (!svgEl) {\n            return\n        }\n        const svgData = new XMLSerializer().serializeToString(svgEl)\n        const svgBlob = new Blob([svgData], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const svgUrl = URL.createObjectURL(svgBlob)\n\n        const canvas = document.createElement('canvas')\n        canvas.width = 512\n        canvas.height = 512\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n        img.onload = () => {\n            ctx?.drawImage(img, 0, 0, 512, 512)\n            URL.revokeObjectURL(svgUrl)\n            const a = document.createElement('a')\n            a.href = canvas.toDataURL('image/png')\n            a.download = 'qrcode.png'\n            a.click()\n        }\n        img.src = svgUrl\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\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\">\n            <VvIcon name=\"ri:qr-code-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.qrCode') }}</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=\"copy(toolPart?.input?.content ?? '')\" />\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadQr\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex flex-col items-center\">\n            <div ref=\"qrContainerRef\" class=\"w-144 h-144\" v-html=\"svgContent\" />\n            <p\n                v-if=\"toolPart.input.label\"\n                class=\"text-12 text-word-3 text-center\">\n                {{ toolPart.input.label }}\n            </p>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, onMounted } 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                content: string\n                label?: string\n            }\n        }\n        return part\n    })\n\n    const svgContent = ref('')\n    const qrContainerRef = ref<HTMLElement>()\n\n    onMounted(async () => {\n        const content = toolPart.value.input?.content\n        if (!content) {\n            return\n        }\n        const { default: QRCode } = await import('qrcode')\n        svgContent.value = await QRCode.toString(content, { type: 'svg' })\n    })\n\n    const downloadQr = async () => {\n        const svgEl = qrContainerRef.value?.querySelector('svg')\n        if (!svgEl) {\n            return\n        }\n        const svgData = new XMLSerializer().serializeToString(svgEl)\n        const svgBlob = new Blob([svgData], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const svgUrl = URL.createObjectURL(svgBlob)\n\n        const canvas = document.createElement('canvas')\n        canvas.width = 512\n        canvas.height = 512\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n        img.onload = () => {\n            ctx?.drawImage(img, 0, 0, 512, 512)\n            URL.revokeObjectURL(svgUrl)\n            const a = document.createElement('a')\n            a.href = canvas.toDataURL('image/png')\n            a.download = 'qrcode.png'\n            a.click()\n        }\n        img.src = svgUrl\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\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\">\n            <VvIcon name=\"ri:qr-code-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.qrCode') }}</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=\"copy(toolPart?.input?.content ?? '')\" />\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadQr\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex flex-col items-center\">\n            <div ref=\"qrContainerRef\" class=\"w-144 h-144\" v-html=\"svgContent\" />\n            <p\n                v-if=\"toolPart.input.label\"\n                class=\"text-12 text-word-3 text-center\">\n                {{ toolPart.input.label }}\n            </p>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,GAAa,EAEhC,IAAW,QACA,EAAM,KAOtB,EAEK,IAAa,EAAI,GAAE,EACnB,IAAiB,GAAiB;AAExC,IAAU,YAAY;GAClB,IAAM,IAAU,EAAS,MAAM,OAAO;AACtC,OAAI,CAAC,EACD;GAEJ,IAAM,EAAE,SAAS,MAAW,MAAM,OAAO;AACzC,KAAW,QAAQ,MAAM,EAAO,SAAS,GAAS,EAAE,MAAM,OAAO,CAAA;IACpE;EAED,IAAM,IAAa,YAAY;GAC3B,IAAM,IAAQ,EAAe,OAAO,cAAc,MAAK;AACvD,OAAI,CAAC,EACD;GAEJ,IAAM,IAAU,IAAI,eAAe,CAAC,kBAAkB,EAAK,EACrD,IAAU,IAAI,KAAK,CAAC,EAAQ,EAAE,EAChC,MAAM,+BACT,CAAA,EACK,IAAS,IAAI,gBAAgB,EAAO,EAEpC,IAAS,SAAS,cAAc,SAAQ;AAE9C,GADA,EAAO,QAAQ,KACf,EAAO,SAAS;GAChB,IAAM,IAAM,EAAO,WAAW,KAAI,EAC5B,IAAM,IAAI,OAAM;AAStB,GARA,EAAI,eAAe;AAEf,IADA,GAAK,UAAU,GAAK,GAAG,GAAG,KAAK,IAAG,EAClC,IAAI,gBAAgB,EAAM;IAC1B,IAAM,IAAI,SAAS,cAAc,IAAG;AAGpC,IAFA,EAAE,OAAO,EAAO,UAAU,YAAW,EACrC,EAAE,WAAW,cACb,EAAE,OAAM;MAEZ,EAAI,MAAM;;;;UAMJ,EAAA,OAAU,SAAA,GAAA,EADpB,EA4BM,OA5BN,GA4BM,CAzBF,EAgBM,OAhBN,GAgBM;IAdF,EAAiD,GAAA;KAAzC,MAAK;KAAkB,OAAM;;IACrC,EAA2D,UAA3D,GAA2D,EAA9BA,EAAAA,GAAE,eAAA,CAAA,EAAA,EAAA;IAC/B,EAWgB,GAAA;KAXD,WAAU;KAAU,OAAM;;sBAKe,CAJpD,EAIoD,GAAA;MAHhD,WAAU;MACT,MAAM,EAAA,EAAM,GAAA,kBAAA;MACZ,OAAO,EAAA,EAAM,GAAGA,EAAAA,GAAE,gBAAA,GAAoBA,EAAAA,GAAE,cAAA;MACxC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,EAAI,CAAC,EAAA,OAAU,OAAO,WAAO,GAAA;qCACzC,EAI0B,GAAA;MAHtB,WAAU;MACV,MAAK;MACJ,OAAOA,EAAAA,GAAE,kBAAA;MACT,SAAO;;;;OAGpB,EAOM,OAPN,GAOM,CANF,EAAoE,OAAA;aAA3D;IAAJ,KAAI;IAAiB,OAAM;IAAc,WAAQ,EAAA;mBAE5C,EAAA,MAAS,MAAM,SAAA,GAAA,EADzB,EAII,KAJJ,GAII,EADG,EAAA,MAAS,MAAM,MAAK,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}