@8wave/ai-elements 0.103.0-beta.3 → 0.103.0-beta.4

package/dist/_chunks/{PkToolShowContactForm-NVzIu2t0.js.map → PkToolShowContactForm-BzDhv2yd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowContactForm-NVzIu2t0.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowContactForm.vue","../../../../packages/components/src/chat/PkToolShowContactForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { useSafeLocalStorage, useLocalizedString } from 'composables'\n    import type { LocalizedString } from 'models'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const props = defineProps<{\n        part: unknown\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n        readonly?: boolean\n        privacyPolicyNotice?: LocalizedString\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            type: string\n            toolCallId: string\n            input?: {\n                name: string\n                email: string\n                phone?: string\n                conversationContext?: Record<string, unknown>\n            }\n        }\n        return part\n    })\n\n    const input = computed(() => toolPart.value.input)\n\n    const localSubmitted = useSafeLocalStorage<boolean>(\n        computed(\n            () =>\n                `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n        ),\n        false,\n    )\n\n    const LeadFormSchema = z.object({\n        name: z.string().min(1).max(255).default(''),\n        email: z.email().max(255).default(''),\n        phone: z\n            .string()\n            .max(50)\n            .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n            .optional(),\n    })\n\n    const emit = defineEmits<{\n        submit: [data: Record<string, unknown>]\n    }>()\n\n    const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n        lazyLoad: true,\n    })\n\n    // Pre-populate form with input values\n    watch(\n        input,\n        (newInput) => {\n            formData.value = {\n                name: newInput?.name || '',\n                email: newInput?.email || '',\n                phone: newInput?.phone || '',\n            }\n        },\n        { immediate: true },\n    )\n\n    watch(\n        () => props.submitted,\n        (submitted) => {\n            if (submitted) {\n                localSubmitted.value = true\n            }\n        },\n        { immediate: true },\n    )\n\n    const isSubmitted = computed(() => {\n        return props.submitted || localSubmitted.value\n    })\n\n    const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n        emit('submit', { ...data, metadata: input.value?.conversationContext })\n    }\n\n    const privacyNotice = useLocalizedString(\n        () => props.privacyPolicyNotice,\n        'message.defaultPrivacyPolicyNotice',\n    )\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n        </div>\n\n        <Transition mode=\"out-in\">\n            <div v-if=\"!isSubmitted\" class=\"p-sm\">\n                <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n                    <VvFormField\n                        name=\"name\"\n                        type=\"text\"\n                        :label=\"$t('label.name')\"\n                        :placeholder=\"$t('placeholder.name')\"\n                        icon=\"ri:user-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"email\"\n                        type=\"email\"\n                        :label=\"$t('label.email')\"\n                        :placeholder=\"$t('placeholder.email')\"\n                        icon=\"ri:mail-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"phone\"\n                        type=\"tel\"\n                        :label=\"$t('label.phone')\"\n                        :placeholder=\"$t('placeholder.phone')\"\n                        icon=\"ri:phone-line\"\n                        class=\"mb-md\"\n                        modifiers=\"compact no-label\" />\n\n                    <div class=\"flex justify-between items-center gap-16 mt-xs\">\n                        <div\n                            class=\"text-smaller text-word-3 flex items-center gap-8\">\n                            <VvIcon\n                                name=\"ri:shield-check-line\"\n                                class=\"text-16 shrink-0\" />\n                            <PkStreamingMarkdown\n                                :markdown=\"privacyNotice\"\n                                class=\"wysiwyg\" />\n                        </div>\n                        <VvButton\n                            type=\"submit\"\n                            modifiers=\"primary\"\n                            :loading\n                            :disabled=\"loading || readonly\"\n                            icon-position=\"right\"\n                            class=\"shrink-0\"\n                            :label=\"$t('action.submit')\" />\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon\n                        name=\"ri:mail-check-line\"\n                        class=\"text-24 text-success\" />\n                    <div>\n                        <strong class=\"font-semibold block text-success\">\n                            {{ $t('message.leadSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.leadSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { useSafeLocalStorage, useLocalizedString } from 'composables'\n    import type { LocalizedString } from 'models'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const props = defineProps<{\n        part: unknown\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n        readonly?: boolean\n        privacyPolicyNotice?: LocalizedString\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            type: string\n            toolCallId: string\n            input?: {\n                name: string\n                email: string\n                phone?: string\n                conversationContext?: Record<string, unknown>\n            }\n        }\n        return part\n    })\n\n    const input = computed(() => toolPart.value.input)\n\n    const localSubmitted = useSafeLocalStorage<boolean>(\n        computed(\n            () =>\n                `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n        ),\n        false,\n    )\n\n    const LeadFormSchema = z.object({\n        name: z.string().min(1).max(255).default(''),\n        email: z.email().max(255).default(''),\n        phone: z\n            .string()\n            .max(50)\n            .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n            .optional(),\n    })\n\n    const emit = defineEmits<{\n        submit: [data: Record<string, unknown>]\n    }>()\n\n    const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n        lazyLoad: true,\n    })\n\n    // Pre-populate form with input values\n    watch(\n        input,\n        (newInput) => {\n            formData.value = {\n                name: newInput?.name || '',\n                email: newInput?.email || '',\n                phone: newInput?.phone || '',\n            }\n        },\n        { immediate: true },\n    )\n\n    watch(\n        () => props.submitted,\n        (submitted) => {\n            if (submitted) {\n                localSubmitted.value = true\n            }\n        },\n        { immediate: true },\n    )\n\n    const isSubmitted = computed(() => {\n        return props.submitted || localSubmitted.value\n    })\n\n    const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n        emit('submit', { ...data, metadata: input.value?.conversationContext })\n    }\n\n    const privacyNotice = useLocalizedString(\n        () => props.privacyPolicyNotice,\n        'message.defaultPrivacyPolicyNotice',\n    )\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n        </div>\n\n        <Transition mode=\"out-in\">\n            <div v-if=\"!isSubmitted\" class=\"p-sm\">\n                <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n                    <VvFormField\n                        name=\"name\"\n                        type=\"text\"\n                        :label=\"$t('label.name')\"\n                        :placeholder=\"$t('placeholder.name')\"\n                        icon=\"ri:user-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"email\"\n                        type=\"email\"\n                        :label=\"$t('label.email')\"\n                        :placeholder=\"$t('placeholder.email')\"\n                        icon=\"ri:mail-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"phone\"\n                        type=\"tel\"\n                        :label=\"$t('label.phone')\"\n                        :placeholder=\"$t('placeholder.phone')\"\n                        icon=\"ri:phone-line\"\n                        class=\"mb-md\"\n                        modifiers=\"compact no-label\" />\n\n                    <div class=\"flex justify-between items-center gap-16 mt-xs\">\n                        <div\n                            class=\"text-smaller text-word-3 flex items-center gap-8\">\n                            <VvIcon\n                                name=\"ri:shield-check-line\"\n                                class=\"text-16 shrink-0\" />\n                            <PkStreamingMarkdown\n                                :markdown=\"privacyNotice\"\n                                class=\"wysiwyg\" />\n                        </div>\n                        <VvButton\n                            type=\"submit\"\n                            modifiers=\"primary\"\n                            :loading\n                            :disabled=\"loading || readonly\"\n                            icon-position=\"right\"\n                            class=\"shrink-0\"\n                            :label=\"$t('action.submit')\" />\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon\n                        name=\"ri:mail-check-line\"\n                        class=\"text-24 text-success\" />\n                    <div>\n                        <strong class=\"font-semibold block text-success\">\n                            {{ $t('message.leadSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.leadSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowContactForm-BzDhv2yd.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowContactForm.vue","../../../../packages/components/src/chat/PkToolShowContactForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { useSafeLocalStorage, useLocalizedString } from 'composables'\n    import type { LocalizedString } from 'models'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const props = defineProps<{\n        part: unknown\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n        readonly?: boolean\n        privacyPolicyNotice?: LocalizedString\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            type: string\n            toolCallId: string\n            input?: {\n                name: string\n                email: string\n                phone?: string\n                conversationContext?: Record<string, unknown>\n            }\n        }\n        return part\n    })\n\n    const input = computed(() => toolPart.value.input)\n\n    const localSubmitted = useSafeLocalStorage<boolean>(\n        computed(\n            () =>\n                `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n        ),\n        false,\n    )\n\n    const LeadFormSchema = z.object({\n        name: z.string().min(1).max(255).default(''),\n        email: z.email().max(255).default(''),\n        phone: z\n            .string()\n            .max(50)\n            .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n            .optional(),\n    })\n\n    const emit = defineEmits<{\n        submit: [data: Record<string, unknown>]\n    }>()\n\n    const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n        lazyLoad: true,\n    })\n\n    // Pre-populate form with input values\n    watch(\n        input,\n        (newInput) => {\n            formData.value = {\n                name: newInput?.name || '',\n                email: newInput?.email || '',\n                phone: newInput?.phone || '',\n            }\n        },\n        { immediate: true },\n    )\n\n    watch(\n        () => props.submitted,\n        (submitted) => {\n            if (submitted) {\n                localSubmitted.value = true\n            }\n        },\n        { immediate: true },\n    )\n\n    const isSubmitted = computed(() => {\n        return props.submitted || localSubmitted.value\n    })\n\n    const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n        emit('submit', { ...data, metadata: input.value?.conversationContext })\n    }\n\n    const privacyNotice = useLocalizedString(\n        () => props.privacyPolicyNotice,\n        'message.defaultPrivacyPolicyNotice',\n    )\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n        </div>\n\n        <Transition mode=\"out-in\">\n            <div v-if=\"!isSubmitted\" class=\"p-sm\">\n                <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n                    <VvFormField\n                        name=\"name\"\n                        type=\"text\"\n                        :label=\"$t('label.name')\"\n                        :placeholder=\"$t('placeholder.name')\"\n                        icon=\"ri:user-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"email\"\n                        type=\"email\"\n                        :label=\"$t('label.email')\"\n                        :placeholder=\"$t('placeholder.email')\"\n                        icon=\"ri:mail-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"phone\"\n                        type=\"tel\"\n                        :label=\"$t('label.phone')\"\n                        :placeholder=\"$t('placeholder.phone')\"\n                        icon=\"ri:phone-line\"\n                        class=\"mb-md\"\n                        modifiers=\"compact no-label\" />\n\n                    <div class=\"flex justify-between items-center gap-16 mt-xs\">\n                        <div\n                            class=\"text-smaller text-word-3 flex items-center gap-8\">\n                            <VvIcon\n                                name=\"ri:shield-check-line\"\n                                class=\"text-16 shrink-0\" />\n                            <PkStreamingMarkdown\n                                :markdown=\"privacyNotice\"\n                                class=\"wysiwyg\" />\n                        </div>\n                        <VvButton\n                            type=\"submit\"\n                            modifiers=\"primary\"\n                            :loading\n                            :disabled=\"loading || readonly\"\n                            icon-position=\"right\"\n                            class=\"shrink-0\"\n                            :label=\"$t('action.submit')\" />\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon\n                        name=\"ri:mail-check-line\"\n                        class=\"text-24 text-success\" />\n                    <div>\n                        <strong class=\"font-semibold block text-success\">\n                            {{ $t('message.leadSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.leadSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { useSafeLocalStorage, useLocalizedString } from 'composables'\n    import type { LocalizedString } from 'models'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const props = defineProps<{\n        part: unknown\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n        readonly?: boolean\n        privacyPolicyNotice?: LocalizedString\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            type: string\n            toolCallId: string\n            input?: {\n                name: string\n                email: string\n                phone?: string\n                conversationContext?: Record<string, unknown>\n            }\n        }\n        return part\n    })\n\n    const input = computed(() => toolPart.value.input)\n\n    const localSubmitted = useSafeLocalStorage<boolean>(\n        computed(\n            () =>\n                `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n        ),\n        false,\n    )\n\n    const LeadFormSchema = z.object({\n        name: z.string().min(1).max(255).default(''),\n        email: z.email().max(255).default(''),\n        phone: z\n            .string()\n            .max(50)\n            .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n            .optional(),\n    })\n\n    const emit = defineEmits<{\n        submit: [data: Record<string, unknown>]\n    }>()\n\n    const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n        lazyLoad: true,\n    })\n\n    // Pre-populate form with input values\n    watch(\n        input,\n        (newInput) => {\n            formData.value = {\n                name: newInput?.name || '',\n                email: newInput?.email || '',\n                phone: newInput?.phone || '',\n            }\n        },\n        { immediate: true },\n    )\n\n    watch(\n        () => props.submitted,\n        (submitted) => {\n            if (submitted) {\n                localSubmitted.value = true\n            }\n        },\n        { immediate: true },\n    )\n\n    const isSubmitted = computed(() => {\n        return props.submitted || localSubmitted.value\n    })\n\n    const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n        emit('submit', { ...data, metadata: input.value?.conversationContext })\n    }\n\n    const privacyNotice = useLocalizedString(\n        () => props.privacyPolicyNotice,\n        'message.defaultPrivacyPolicyNotice',\n    )\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n        </div>\n\n        <Transition mode=\"out-in\">\n            <div v-if=\"!isSubmitted\" class=\"p-sm\">\n                <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n                    <VvFormField\n                        name=\"name\"\n                        type=\"text\"\n                        :label=\"$t('label.name')\"\n                        :placeholder=\"$t('placeholder.name')\"\n                        icon=\"ri:user-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"email\"\n                        type=\"email\"\n                        :label=\"$t('label.email')\"\n                        :placeholder=\"$t('placeholder.email')\"\n                        icon=\"ri:mail-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"phone\"\n                        type=\"tel\"\n                        :label=\"$t('label.phone')\"\n                        :placeholder=\"$t('placeholder.phone')\"\n                        icon=\"ri:phone-line\"\n                        class=\"mb-md\"\n                        modifiers=\"compact no-label\" />\n\n                    <div class=\"flex justify-between items-center gap-16 mt-xs\">\n                        <div\n                            class=\"text-smaller text-word-3 flex items-center gap-8\">\n                            <VvIcon\n                                name=\"ri:shield-check-line\"\n                                class=\"text-16 shrink-0\" />\n                            <PkStreamingMarkdown\n                                :markdown=\"privacyNotice\"\n                                class=\"wysiwyg\" />\n                        </div>\n                        <VvButton\n                            type=\"submit\"\n                            modifiers=\"primary\"\n                            :loading\n                            :disabled=\"loading || readonly\"\n                            icon-position=\"right\"\n                            class=\"shrink-0\"\n                            :label=\"$t('action.submit')\" />\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon\n                        name=\"ri:mail-check-line\"\n                        class=\"text-24 text-success\" />\n                    <div>\n                        <strong class=\"font-semibold block text-success\">\n                            {{ $t('message.leadSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.leadSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist/_chunks/{PkToolShowDiagram-BnZrDPVC.js → PkToolShowDiagram-DhXe8IPm.js}

@@ -1,38 +1,38 @@
-import { Ht as e, I as t, R as n, S as r, Wt as i, Z as a, _ as o, at as s, et as c, g as l, h as u, k as d, kt as f, mt as p, qt as m, r as h, t as g, v as _, w as v, xt as y, y as b } from "./vue.runtime.esm-bundler-DF2of3lp.js";
-import { r as x } from "./vue-i18n-BJ7nxwO3.js";
-import "./src-BjFv9Ag8.js";
+import { $ as e, C as t, F as n, L as r, O as i, St as a, Tt as o, X as s, _ as c, bt as l, g as u, h as d, it as f, m as p, pt as m, r as h, t as g, v as _, wt as v, x as y, xt as b } from "./vue.runtime.esm-bundler-B3bThTaf.js";
+import { r as x } from "./vue-i18n-t25g63Be.js";
+import "./src-CIEdKLKO.js";
 import { n as S } from "./text-DbSEK8si.js";
-import { i as C } from "./dist-TFHdNK0W.js";
-import { s as w, t as T, u as E } from "./index.es-DvV0VhDa.js";
+import { i as C } from "./dist-C5Y-NI3i.js";
+import { i as w, o as T, p as E } from "./index.es-gbmOq0Nu.js";
 import { t as D } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as O } from "./useLightbox-Bq6k-Wlt.js";
-d(), f(), s(), h();
+import { n as O } from "./useLightbox-Epg2fN87.js";
+i(), b(), f(), h();
 var k = [
 	"href",
 	"data-pswp-src",
 	"data-pswp-width",
 	"data-pswp-height",
 	"title"
-], A = { class: "pk-svg-viewer__toolbar" }, j = /*#__PURE__*/ D(/* @__PURE__ */ v({
+], A = { class: "pk-svg-viewer__toolbar" }, j = /*#__PURE__*/ D(/* @__PURE__ */ t({
 	__name: "PkSvgViewer",
 	props: {
 		svg: { type: String },
 		title: { type: String }
 	},
-	setup(s) {
-		let d = s, { t: f } = x(), m = p(null), h = p(), v = p(1), S = p(0), C = p(0), E = p(0), D = p(0), j = p(""), M = p(0), N = p(0), { lightbox: P, init: F } = O({
+	setup(t) {
+		let i = t, { t: o } = x(), f = m(null), h = m(), b = m(1), S = m(0), C = m(0), E = m(0), D = m(0), j = m(""), M = m(0), N = m(0), { lightbox: P, init: F } = O({
 			gallery: h,
 			downloadable: !0,
 			openInNewTab: !1
-		}), I = u(() => ({ transform: `translate(${S.value}px, ${C.value}px) scale(${v.value})` })), L = () => {
-			v.value = Math.min(v.value * 1.2, 10);
+		}), I = p(() => ({ transform: `translate(${S.value}px, ${C.value}px) scale(${b.value})` })), L = () => {
+			b.value = Math.min(b.value * 1.2, 10);
 		}, R = () => {
-			v.value = Math.max(v.value / 1.2, .1);
+			b.value = Math.max(b.value / 1.2, .1);
 		}, z = () => {
-			v.value = 1, S.value = 0, C.value = 0;
+			b.value = 1, S.value = 0, C.value = 0;
 		}, B = () => {
 			j.value && P.value?.loadAndOpen(0);
-		}, V = p(!1), H = (e) => {
+		}, V = m(!1), H = (e) => {
 			e.preventDefault(), V.value = !0, E.value = e.clientX - S.value, D.value = e.clientY - C.value;
 		}, U = (e) => {
 			V.value && (S.value = e.clientX - E.value, C.value = e.clientY - D.value);
@@ -40,82 +40,82 @@ var k = [
 			V.value = !1;
 		};
 		function G() {
-			let e = m.value?.querySelector("svg");
+			let e = f.value?.querySelector("svg");
 			return e ? new XMLSerializer().serializeToString(e) : null;
 		}
 		function K() {
-			let e = m.value?.querySelector("svg"), t = G();
+			let e = f.value?.querySelector("svg"), t = G();
 			if (!e || !t) return;
 			let n = e.viewBox?.baseVal;
 			M.value = n?.width || e.getBoundingClientRect().width || 1200, N.value = n?.height || e.getBoundingClientRect().height || 800, j.value = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(t)}`;
 		}
-		return a(() => d.svg, () => {
-			d.svg && m.value && (m.value.innerHTML = d.svg, K());
-		}), t(async () => {
-			d.svg && m.value && (m.value.innerHTML = d.svg, K()), await F();
-		}), (t, a) => {
-			let u = w, d = T;
-			return n(), b("div", { class: e(["pk-svg-viewer", { "pk-svg-viewer--dragging": V.value }]) }, [
-				l("div", {
+		return s(() => i.svg, () => {
+			i.svg && f.value && (f.value.innerHTML = i.svg, K());
+		}), n(async () => {
+			i.svg && f.value && (f.value.innerHTML = i.svg, K()), await F();
+		}), (n, i) => {
+			let s = T, p = w;
+			return r(), _("div", { class: a(["pk-svg-viewer", { "pk-svg-viewer--dragging": V.value }]) }, [
+				d("div", {
 					ref_key: "galleryRef",
 					ref: h,
 					class: "hidden"
-				}, [j.value ? (n(), b("a", {
+				}, [j.value ? (r(), _("a", {
 					key: 0,
 					href: j.value,
 					"data-pswp-src": j.value,
 					"data-pswp-width": M.value,
 					"data-pswp-height": N.value,
-					title: s.title
-				}, null, 8, k)) : _("", !0)], 512),
-				l("div", {
+					title: t.title
+				}, null, 8, k)) : c("", !0)], 512),
+				d("div", {
 					class: "pk-svg-viewer__stage",
 					onMousedown: H,
 					onMousemove: U,
 					onMouseup: W,
 					onMouseleave: W
-				}, [l("div", {
+				}, [d("div", {
 					ref_key: "svgRef",
-					ref: m,
-					style: i(I.value),
+					ref: f,
+					style: v(I.value),
 					class: "pk-svg-viewer__content"
 				}, null, 4)], 32),
-				l("div", A, [r(d, {
+				d("div", A, [y(p, {
 					modifiers: "compact",
 					class: "bg-surface-1 shadow-md overflow-hidden"
 				}, {
-					default: c(() => [
-						r(g, { name: "fade" }, {
-							default: c(() => [r(u, {
+					default: e(() => [
+						y(g, { name: "fade" }, {
+							default: e(() => [y(s, {
 								key: "reset",
 								modifiers: "action-small",
-								disabled: v.value === 1 && S.value === 0 && C.value === 0,
+								disabled: b.value === 1 && S.value === 0 && C.value === 0,
 								icon: "ri:aspect-ratio-line",
-								title: y(f)("action.reset"),
+								title: l(o)("action.reset"),
 								onClick: z
 							}, null, 8, ["disabled", "title"])]),
 							_: 1
 						}),
-						j.value ? (n(), o(u, {
+						j.value ? (r(), u(s, {
 							key: 0,
 							modifiers: "action-small",
 							icon: "ri:zoom-out-line",
-							title: y(f)("action.zoomOut"),
+							title: l(o)("action.zoomOut"),
 							onClick: R
-						}, null, 8, ["title"])) : _("", !0),
-						r(u, {
+						}, null, 8, ["title"])) : c("", !0),
+						y(s, {
 							modifiers: "action-small",
 							icon: "ri:zoom-in-line",
-							title: y(f)("action.zoomIn"),
+							title: l(o)("action.zoomIn"),
 							onClick: L
 						}, null, 8, ["title"]),
-						j.value ? (n(), o(u, {
+						j.value ? (r(), u(s, {
 							key: 1,
 							modifiers: "action-small",
 							icon: "ri:fullscreen-line",
-							title: y(f)("action.expand"),
+							title: l(o)("action.expand"),
 							onClick: B
-						}, null, 8, ["title"])) : _("", !0)
+						}, null, 8, ["title"])) : c("", !0)
 					]),
 					_: 1
 				})])
@@ -123,7 +123,7 @@ var k = [
 		};
 	}
 }), [["styles", [".pk-svg-viewer{background-color:var(--color-surface-2);justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative;overflow:hidden}.pk-svg-viewer__content{cursor:grab;transform-origin:50%;justify-content:center;align-items:center;transition:transform .3s ease-out;display:flex}.pk-svg-viewer__content svg{width:auto;max-width:100%;height:auto;max-height:100%}.pk-svg-viewer__toolbar{top:var(--spacing-8);right:var(--spacing-8);z-index:var(--z-dropdown);opacity:0;transition:var(--transition-opacity);position:absolute}.pk-svg-viewer__stage{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.pk-svg-viewer:hover .pk-svg-viewer__toolbar{opacity:1}.pk-svg-viewer--dragging .pk-svg-viewer__toolbar{pointer-events:none;opacity:.5!important}.pk-svg-viewer--dragging .pk-svg-viewer__toolbar *{pointer-events:none}.pk-svg-viewer--dragging .pk-svg-viewer__content{cursor:grabbing!important}"]]]);
-d(), s(), f();
+i(), f(), b();
 var M = {
 	key: 0,
 	class: "border border-surface-3 rounded-xl w-full overflow-hidden"
@@ -138,15 +138,15 @@ var M = {
 	class: "px-sm py-6 bg-surface-1 min-h-40 text-12 border-t border-surface-3 text-word-3"
 }, z = /* @__PURE__ */ function(e) {
 	return e.Sequence = "sequenceDiagram", e.Class = "classDiagram", e.State = "stateDiagram", e.ER = "erDiagram", e.XYChart = "xychart", e.Flowchart = "flowchart", e.Graph = "graph", e;
-}(z || {}), B = /*#__PURE__*/ D(/* @__PURE__ */ v({
+}(z || {}), B = /*#__PURE__*/ D(/* @__PURE__ */ t({
 	__name: "PkToolShowDiagram",
 	props: {
 		part: { type: null },
 		isDark: { type: Boolean }
 	},
-	setup(e) {
-		let i = e, { t: s, te: d } = x({ useScope: "global" }), { copy: f, copied: h } = C(), g = u(() => i.part), v = p(!1), D = p(""), O = u(() => {
-			let e = g.value.input?.code?.trimStart();
+	setup(t) {
+		let i = t, { t: a, te: f } = x({ useScope: "global" }), { copy: h, copied: g } = C(), v = p(() => i.part), b = m(!1), D = m(""), O = p(() => {
+			let e = v.value.input?.code?.trimStart();
 			if (e) switch (e.match(/^[A-Za-z-]+/)?.[0]) {
 				case "sequenceDiagram": return z.Sequence;
 				case "classDiagram": return z.Class;
@@ -157,7 +157,7 @@ var M = {
 				case "graph": return z.Graph;
 				default: return;
 			}
-		}), k = u(() => O.value ? d(`diagram.${O.value}`) ? s(`diagram.${O.value}`) : O.value : ""), A = u(() => {
+		}), k = p(() => O.value ? f(`diagram.${O.value}`) ? a(`diagram.${O.value}`) : O.value : ""), A = p(() => {
 			switch (O.value) {
 				case z.Sequence: return "ri:timeline-view";
 				case z.Class: return "ri:organization-chart";
@@ -170,71 +170,71 @@ var M = {
 			}
 		});
 		async function B() {
-			let e = g.value.input?.code;
+			let e = v.value.input?.code;
 			if (e) {
-				v.value = !1;
+				b.value = !1;
 				try {
-					let { renderMermaidSVG: t, THEMES: n } = await import("./dist-BvSGMyWS.js"), r = i.isDark ? n["github-dark"] : n["github-light"];
+					let { renderMermaidSVG: t, THEMES: n } = await import("./dist-BgJVX4FG.js"), r = i.isDark ? n["github-dark"] : n["github-light"];
 					D.value = t(e, r);
 				} catch {
-					v.value = !0;
+					b.value = !0;
 				}
 			}
 		}
-		a([() => g.value.input?.code, () => i.isDark], B), t(async () => {
+		s([() => v.value.input?.code, () => i.isDark], B), n(async () => {
 			await B();
 		});
 		let V = () => {
 			if (!D.value) return;
 			let e = new Blob([D.value], { type: "image/svg+xml;charset=utf-8" }), t = URL.createObjectURL(e), n = document.createElement("a");
-			n.href = t, n.download = `${S(g.value.input?.title || "diagram")}.svg`, document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(t);
+			n.href = t, n.download = `${S(v.value.input?.title || "diagram")}.svg`, document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(t);
 		}, H = () => {
-			let e = g.value.input?.code;
-			e && f(e);
+			let e = v.value.input?.code;
+			e && h(e);
 		};
-		return (e, t) => {
-			let i = E, a = w, u = T;
-			return g.value?.input?.code ? (n(), b("div", M, [
-				l("div", N, [
-					r(i, {
+		return (t, n) => {
+			let i = E, s = T, f = w;
+			return v.value?.input?.code ? (r(), _("div", M, [
+				d("div", N, [
+					y(i, {
 						name: A.value,
 						class: "text-16"
 					}, null, 8, ["name"]),
-					l("div", P, [l("strong", F, m(k.value ?? y(s)("label.diagram")), 1)]),
-					r(u, {
+					d("div", P, [d("strong", F, o(k.value ?? l(a)("label.diagram")), 1)]),
+					y(f, {
 						modifiers: "compact",
 						class: "ml-auto shrink-0"
 					}, {
-						default: c(() => [r(a, {
+						default: e(() => [y(s, {
 							modifiers: "action-quiet-small",
-							icon: y(h) ? "ri:check-line" : "ri:file-copy-line",
-							label: y(h) ? y(s)("action.copied") : y(s)("action.copy"),
+							icon: l(g) ? "ri:check-line" : "ri:file-copy-line",
+							label: l(g) ? l(a)("action.copied") : l(a)("action.copy"),
 							onClick: H
-						}, null, 8, ["icon", "label"]), D.value ? (n(), o(a, {
+						}, null, 8, ["icon", "label"]), D.value ? (r(), u(s, {
 							key: 0,
 							modifiers: "action-quiet-small",
 							icon: "ri:download-line",
-							label: y(s)("action.download"),
+							label: l(a)("action.download"),
 							onClick: V
-						}, null, 8, ["label"])) : _("", !0)]),
+						}, null, 8, ["label"])) : c("", !0)]),
 						_: 1
 					})
 				]),
-				v.value ? (n(), b("div", I, m(y(s)("message.diagramRenderError")), 1)) : D.value ? (n(), o(j, {
+				b.value ? (r(), _("div", I, o(l(a)("message.diagramRenderError")), 1)) : D.value ? (r(), u(j, {
 					key: 1,
 					class: "pk-tool-show-diagram__stage",
 					svg: D.value,
-					title: g.value.input?.title
-				}, null, 8, ["svg", "title"])) : (n(), b("div", L, [r(i, {
+					title: v.value.input?.title
+				}, null, 8, ["svg", "title"])) : (r(), _("div", L, [y(i, {
 					name: "line-md:loading-loop",
 					class: "w-24 h-24 text-word-5"
 				})])),
-				g.value.input.caption ? (n(), b("div", R, m(g.value.input.caption), 1)) : _("", !0)
-			])) : _("", !0);
+				v.value.input.caption ? (r(), _("div", R, o(v.value.input.caption), 1)) : c("", !0)
+			])) : c("", !0);
 		};
 	}
 }), [["styles", [".pk-tool-show-diagram__stage{height:384px}.pk-tool-show-diagram__stage .pk-svg-viewer__stage,.pk-tool-show-diagram__stage .pk-svg-viewer__content{height:100%}"]]]);
 //#endregion
 export { B as default };
 
-//# sourceMappingURL=PkToolShowDiagram-BnZrDPVC.js.map
+//# sourceMappingURL=PkToolShowDiagram-DhXe8IPm.js.map