@8wave/ai-elements 0.82.0 → 0.83.0

package/dist-vue/_chunks/{PkChatbotViewProfile-C605zDZy.js → PkChatbotViewProfile-D2raknfo.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useChatbotStore-C1gZgvam.js";
+import { t as e } from "./useChatbotStore-DE8leYO8.js";
 import { VvAvatar as t } from "@volverjs/ui-vue/components";
 import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
 import { useI18n as h } from "vue-i18n";
@@ -49,4 +49,4 @@ var _ = /* @__PURE__ */ l({
 //#endregion
 export { _ as n, S as t };
 
-//# sourceMappingURL=PkChatbotViewProfile-C605zDZy.js.map
+//# sourceMappingURL=PkChatbotViewProfile-D2raknfo.js.map

package/dist-vue/_chunks/{PkChatbotViewProfile-C605zDZy.js.map → PkChatbotViewProfile-D2raknfo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewProfile-C605zDZy.js","names":[],"sources":["../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n","<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import PkAvatar from './PkAvatar.vue'\n    import { useChatbotStore } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { name, agentInterface } = storeToRefs(store)\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-md\">\n        <p class=\"text-sm font-semibold text-word-2\">\n            {{ $t('label.profile') }}\n        </p>\n\n        <div class=\"flex flex-col items-center gap-sm p-lg\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-48 h-48\"\n                :name=\"name\"\n                :img-src=\"agentInterface?.logo\" />\n            <strong v-if=\"name\" class=\"text-base font-semibold text-word-1\">\n                {{ name }}\n            </strong>\n        </div>\n\n        <slot />\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import PkAvatar from './PkAvatar.vue'\n    import { useChatbotStore } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { name, agentInterface } = storeToRefs(store)\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-md\">\n        <p class=\"text-sm font-semibold text-word-2\">\n            {{ $t('label.profile') }}\n        </p>\n\n        <div class=\"flex flex-col items-center gap-sm p-lg\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-48 h-48\"\n                :name=\"name\"\n                :img-src=\"agentInterface?.logo\" />\n            <strong v-if=\"name\" class=\"text-base font-semibold text-word-1\">\n                {{ name }}\n            </strong>\n        </div>\n\n        <slot />\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAMI,IAAM,KAAe,MACZ,IAGE,EACF,MAAM,GAAG,EACT,MAAM,GAAG,CAAC,EACV,KAAK,MAAM,EAAE,OAAO,CAAC,EAAE,YAAY,CAAC,EACpC,KAAK,EAAE,IAND;;;eAWf,EAMW,GAAA;IALN,WAAS,EAAA,SAAS,EAAA,SAAS,KAAA;IAC3B,WAAS,WAAc,EAAA,SAAkB,gBAAT,EAAA;mBACjB,EAAA,QAAI,CAAK,EAAA,SAAA;UAAS;gBACP,CAAA,EAAA,EAApB,EAAY,EAAA,IAAI,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;EEjB3B,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,SAAS,CAAC,GAG1C,EAAE,SAAM,sBAAmB,EADnB,EAAgB,EAAM,OACS,CAAK;yBAIlD,EAiBM,OAjBN,GAiBM;GAhBF,EAEI,KAFJ,GAEI,EADG,EAAA,CAAA,EAAE,eAAA,CAAA,GAAA,CAAA;GAGT,EASM,OATN,GASM,CARF,EAIsC,GAAA;IAHlC,WAAU;IACV,OAAM;IACL,MAAM,EAAA,CAAA;IACN,WAAS,EAAA,CAAA,GAAgB;qCAChB,EAAA,CAAA,KAAA,EAAA,GAAd,EAES,UAFT,GAES,EADF,EAAA,CAAA,CAAI,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;GAIf,EAAQ,EAAA,QAAA,SAAA"}
+{"version":3,"file":"PkChatbotViewProfile-D2raknfo.js","names":[],"sources":["../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n","<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import PkAvatar from './PkAvatar.vue'\n    import { useChatbotStore } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { name, agentInterface } = storeToRefs(store)\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-md\">\n        <p class=\"text-sm font-semibold text-word-2\">\n            {{ $t('label.profile') }}\n        </p>\n\n        <div class=\"flex flex-col items-center gap-sm p-lg\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-48 h-48\"\n                :name=\"name\"\n                :img-src=\"agentInterface?.logo\" />\n            <strong v-if=\"name\" class=\"text-base font-semibold text-word-1\">\n                {{ name }}\n            </strong>\n        </div>\n\n        <slot />\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import PkAvatar from './PkAvatar.vue'\n    import { useChatbotStore } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { name, agentInterface } = storeToRefs(store)\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-md\">\n        <p class=\"text-sm font-semibold text-word-2\">\n            {{ $t('label.profile') }}\n        </p>\n\n        <div class=\"flex flex-col items-center gap-sm p-lg\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-48 h-48\"\n                :name=\"name\"\n                :img-src=\"agentInterface?.logo\" />\n            <strong v-if=\"name\" class=\"text-base font-semibold text-word-1\">\n                {{ name }}\n            </strong>\n        </div>\n\n        <slot />\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAMI,IAAM,KAAe,MACZ,IAGE,EACF,MAAM,GAAG,EACT,MAAM,GAAG,CAAC,EACV,KAAK,MAAM,EAAE,OAAO,CAAC,EAAE,YAAY,CAAC,EACpC,KAAK,EAAE,IAND;;;eAWf,EAMW,GAAA;IALN,WAAS,EAAA,SAAS,EAAA,SAAS,KAAA;IAC3B,WAAS,WAAc,EAAA,SAAkB,gBAAT,EAAA;mBACjB,EAAA,QAAI,CAAK,EAAA,SAAA;UAAS;gBACP,CAAA,EAAA,EAApB,EAAY,EAAA,IAAI,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;EEjB3B,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,SAAS,CAAC,GAG1C,EAAE,SAAM,sBAAmB,EADnB,EAAgB,EAAM,OACS,CAAK;yBAIlD,EAiBM,OAjBN,GAiBM;GAhBF,EAEI,KAFJ,GAEI,EADG,EAAA,CAAA,EAAE,eAAA,CAAA,GAAA,CAAA;GAGT,EASM,OATN,GASM,CARF,EAIsC,GAAA;IAHlC,WAAU;IACV,OAAM;IACL,MAAM,EAAA,CAAA;IACN,WAAS,EAAA,CAAA,GAAgB;qCAChB,EAAA,CAAA,KAAA,EAAA,GAAd,EAES,UAFT,GAES,EADF,EAAA,CAAA,CAAI,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;GAIf,EAAQ,EAAA,QAAA,SAAA"}

package/dist-vue/_chunks/{PkRelativeTime-jP41qAJ5.js → PkRelativeTime-WZ2aPcp_.js}

@@ -66,4 +66,4 @@ var l = () => {
 //#endregion
 export { l as n, d as t };
 
-//# sourceMappingURL=PkRelativeTime-jP41qAJ5.js.map
+//# sourceMappingURL=PkRelativeTime-WZ2aPcp_.js.map

package/dist-vue/_chunks/{PkRelativeTime-jP41qAJ5.js.map → PkRelativeTime-WZ2aPcp_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkRelativeTime-jP41qAJ5.js","names":[],"sources":["../../../../packages/composable/src/useTime.ts","../../../../packages/components/src/PkRelativeTime.vue","../../../../packages/components/src/PkRelativeTime.vue"],"sourcesContent":["import { useI18n } from 'vue-i18n'\n\nexport const useTime = () => {\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const formatDelta = (delta?: number) => {\n        if (!delta)\n            return {\n                value: 0,\n                unit: $t('time.unit.second', 0),\n            }\n        const seconds = Math.floor(delta / 1000)\n        const minutes = Math.floor(delta / (1000 * 60))\n        const hours = Math.floor(delta / (1000 * 60 * 60))\n        const days = Math.floor(delta / (1000 * 60 * 60 * 24))\n\n        if (seconds < 60) {\n            return {\n                value: seconds,\n                unit: $t('time.unit.second', seconds),\n            }\n        }\n\n        if (minutes < 60) {\n            return {\n                value: minutes,\n                unit: $t('time.unit.minute', minutes),\n            }\n        }\n\n        if (hours < 24) {\n            return {\n                value: hours,\n                unit: $t('time.unit.hour', hours),\n            }\n        }\n\n        return {\n            value: days,\n            unit: $t('time.unit.day', days),\n        }\n    }\n\n    const formatDeltaToString = (delta?: number) => {\n        const { value, unit } = formatDelta(delta)\n        return `${value} ${unit}`\n    }\n\n    return {\n        formatDelta,\n        formatDeltaToString,\n    }\n}\n","<script setup lang=\"ts\">\n    import { computed, onMounted, onUnmounted, ref } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useTime } from 'composables/src/useTime'\n\n    const props = withDefaults(\n        defineProps<{\n            date: Date | string | number\n            endDate?: Date | string | number\n            autoUpdate?: boolean\n            updateInterval?: number\n        }>(),\n        {\n            endDate: undefined,\n            autoUpdate: true,\n            updateInterval: 1000,\n        },\n    )\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const now = ref(Date.now())\n    let intervalId: ReturnType<typeof setTimeout> | null = null\n\n    const targetDate = computed(() => {\n        if (props.date instanceof Date) {\n            return props.date.getTime()\n        }\n        if (typeof props.date === 'string') {\n            return new Date(props.date).getTime()\n        }\n        return props.date\n    })\n\n    const targetEndDate = computed(() => {\n        if (props.endDate === undefined) {\n            return null\n        }\n        if (props.endDate instanceof Date) {\n            return props.endDate.getTime()\n        }\n        if (typeof props.endDate === 'string') {\n            return new Date(props.endDate).getTime()\n        }\n        return props.endDate\n    })\n\n    const deltaMs = computed(() => {\n        const reference = targetEndDate.value ?? now.value\n        return targetDate.value - reference\n    })\n\n    const isInFuture = computed(() => {\n        return deltaMs.value > 0\n    })\n\n    const absoluteDelta = computed(() => {\n        return Math.abs(deltaMs.value)\n    })\n\n    const { formatDelta } = useTime()\n    const formattedTime = computed(() => {\n        const delta = absoluteDelta.value\n        return formatDelta(delta)\n    })\n\n    const displayText = computed(() => {\n        const { value, unit } = formattedTime.value\n\n        if (props.endDate) {\n            return `${value} ${unit}`\n        }\n\n        if (isInFuture.value) {\n            return `${$t('time.future')} ${value} ${unit}`\n        }\n\n        return `${value} ${unit} ${$t('time.past')}`\n    })\n\n    const dateTimeAttribute = computed(() => {\n        return new Date(targetDate.value).toISOString()\n    })\n\n    const getAdaptiveInterval = () => {\n        const delta = Math.abs(Date.now() - targetDate.value)\n        if (delta < 60_000) {\n            return props.updateInterval\n        }\n        if (delta < 3_600_000) {\n            return 60_000\n        }\n        return 3_600_000\n    }\n\n    const updateNow = () => {\n        now.value = Date.now()\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    }\n\n    onMounted(() => {\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    })\n\n    onUnmounted(() => {\n        if (intervalId) {\n            clearTimeout(intervalId)\n        }\n    })\n</script>\n\n<template>\n    <time :datetime=\"dateTimeAttribute\">\n        {{ displayText }}\n    </time>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, onMounted, onUnmounted, ref } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useTime } from 'composables/src/useTime'\n\n    const props = withDefaults(\n        defineProps<{\n            date: Date | string | number\n            endDate?: Date | string | number\n            autoUpdate?: boolean\n            updateInterval?: number\n        }>(),\n        {\n            endDate: undefined,\n            autoUpdate: true,\n            updateInterval: 1000,\n        },\n    )\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const now = ref(Date.now())\n    let intervalId: ReturnType<typeof setTimeout> | null = null\n\n    const targetDate = computed(() => {\n        if (props.date instanceof Date) {\n            return props.date.getTime()\n        }\n        if (typeof props.date === 'string') {\n            return new Date(props.date).getTime()\n        }\n        return props.date\n    })\n\n    const targetEndDate = computed(() => {\n        if (props.endDate === undefined) {\n            return null\n        }\n        if (props.endDate instanceof Date) {\n            return props.endDate.getTime()\n        }\n        if (typeof props.endDate === 'string') {\n            return new Date(props.endDate).getTime()\n        }\n        return props.endDate\n    })\n\n    const deltaMs = computed(() => {\n        const reference = targetEndDate.value ?? now.value\n        return targetDate.value - reference\n    })\n\n    const isInFuture = computed(() => {\n        return deltaMs.value > 0\n    })\n\n    const absoluteDelta = computed(() => {\n        return Math.abs(deltaMs.value)\n    })\n\n    const { formatDelta } = useTime()\n    const formattedTime = computed(() => {\n        const delta = absoluteDelta.value\n        return formatDelta(delta)\n    })\n\n    const displayText = computed(() => {\n        const { value, unit } = formattedTime.value\n\n        if (props.endDate) {\n            return `${value} ${unit}`\n        }\n\n        if (isInFuture.value) {\n            return `${$t('time.future')} ${value} ${unit}`\n        }\n\n        return `${value} ${unit} ${$t('time.past')}`\n    })\n\n    const dateTimeAttribute = computed(() => {\n        return new Date(targetDate.value).toISOString()\n    })\n\n    const getAdaptiveInterval = () => {\n        const delta = Math.abs(Date.now() - targetDate.value)\n        if (delta < 60_000) {\n            return props.updateInterval\n        }\n        if (delta < 3_600_000) {\n            return 60_000\n        }\n        return 3_600_000\n    }\n\n    const updateNow = () => {\n        now.value = Date.now()\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    }\n\n    onMounted(() => {\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    })\n\n    onUnmounted(() => {\n        if (intervalId) {\n            clearTimeout(intervalId)\n        }\n    })\n</script>\n\n<template>\n    <time :datetime=\"dateTimeAttribute\">\n        {{ displayText }}\n    </time>\n</template>\n"],"mappings":";;;AAEA,IAAa,UAAgB;CACzB,IAAM,EAAE,GAAG,MAAO,EAAQ,EACtB,UAAU,SACd,CAAC,GAEK,KAAe,MAAmB;EACpC,IAAI,CAAC,GACD,OAAO;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,CAAC;EAClC;EACJ,IAAM,IAAU,KAAK,MAAM,IAAQ,GAAI,GACjC,IAAU,KAAK,MAAM,KAAS,MAAO,GAAG,GACxC,IAAQ,KAAK,MAAM,KAAS,MAAO,KAAK,GAAG,GAC3C,IAAO,KAAK,MAAM,KAAS,MAAO,KAAK,KAAK,GAAG;EAuBrD,OArBI,IAAU,KACH;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,CAAO;EACxC,IAGA,IAAU,KACH;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,CAAO;EACxC,IAGA,IAAQ,KACD;GACH,OAAO;GACP,MAAM,EAAG,kBAAkB,CAAK;EACpC,IAGG;GACH,OAAO;GACP,MAAM,EAAG,iBAAiB,CAAI;EAClC;CACJ;CAOA,OAAO;EACH;EACA,sBAPyB,MAAmB;GAC5C,IAAM,EAAE,UAAO,YAAS,EAAY,CAAK;GACzC,OAAO,GAAG,EAAM,GAAG;EACvB;CAKA;AACJ;;;;;;;;;;;;ECjDI,IAAM,IAAQ,GAcR,EAAE,GAAG,MAAO,EAAQ,EACtB,UAAU,SACd,CAAC,GAEK,IAAM,EAAI,KAAK,IAAI,CAAC,GACtB,IAAmD,MAEjD,IAAa,QACX,EAAM,gBAAgB,OACf,EAAM,KAAK,QAAQ,IAE1B,OAAO,EAAM,QAAS,WACf,IAAI,KAAK,EAAM,IAAI,EAAE,QAAQ,IAEjC,EAAM,IAChB,GAEK,IAAgB,QACd,EAAM,YAAY,KAAA,IACX,OAEP,EAAM,mBAAmB,OAClB,EAAM,QAAQ,QAAQ,IAE7B,OAAO,EAAM,WAAY,WAClB,IAAI,KAAK,EAAM,OAAO,EAAE,QAAQ,IAEpC,EAAM,OAChB,GAEK,IAAU,QAAe;GAC3B,IAAM,IAAY,EAAc,SAAS,EAAI;GAC7C,OAAO,EAAW,QAAQ;EAC9B,CAAC,GAEK,IAAa,QACR,EAAQ,QAAQ,CAC1B,GAEK,IAAgB,QACX,KAAK,IAAI,EAAQ,KAAK,CAChC,GAEK,EAAE,mBAAgB,EAAQ,GAC1B,IAAgB,QAAe;GACjC,IAAM,IAAQ,EAAc;GAC5B,OAAO,EAAY,CAAK;EAC5B,CAAC,GAEK,IAAc,QAAe;GAC/B,IAAM,EAAE,UAAO,YAAS,EAAc;GAUtC,OARI,EAAM,UACC,GAAG,EAAM,GAAG,MAGnB,EAAW,QACJ,GAAG,EAAG,aAAa,EAAE,GAAG,EAAM,GAAG,MAGrC,GAAG,EAAM,GAAG,EAAK,GAAG,EAAG,WAAW;EAC7C,CAAC,GAEK,IAAoB,QACf,IAAI,KAAK,EAAW,KAAK,EAAE,YAAY,CACjD,GAEK,UAA4B;GAC9B,IAAM,IAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,EAAW,KAAK;GAOpD,OANI,IAAQ,MACD,EAAM,iBAEb,IAAQ,OACD,MAEJ;EACX,GAEM,UAAkB;GAEpB,AADA,EAAI,QAAQ,KAAK,IAAI,GACjB,EAAM,cAAc,CAAC,EAAM,YAC3B,IAAa,WAAW,GAAW,EAAoB,CAAC;EAEhE;SAEA,QAAgB;GACZ,AAAI,EAAM,cAAc,CAAC,EAAM,YAC3B,IAAa,WAAW,GAAW,EAAoB,CAAC;EAEhE,CAAC,GAED,QAAkB;GACd,AAAI,KACA,aAAa,CAAU;EAE/B,CAAC,mBAID,EAEO,QAAA,EAFA,UAAU,EAAA,MAAiB,GAAA,EAC3B,EAAA,KAAW,GAAA,GAAA,CAAA"}
+{"version":3,"file":"PkRelativeTime-WZ2aPcp_.js","names":[],"sources":["../../../../packages/composable/src/useTime.ts","../../../../packages/components/src/PkRelativeTime.vue","../../../../packages/components/src/PkRelativeTime.vue"],"sourcesContent":["import { useI18n } from 'vue-i18n'\n\nexport const useTime = () => {\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const formatDelta = (delta?: number) => {\n        if (!delta)\n            return {\n                value: 0,\n                unit: $t('time.unit.second', 0),\n            }\n        const seconds = Math.floor(delta / 1000)\n        const minutes = Math.floor(delta / (1000 * 60))\n        const hours = Math.floor(delta / (1000 * 60 * 60))\n        const days = Math.floor(delta / (1000 * 60 * 60 * 24))\n\n        if (seconds < 60) {\n            return {\n                value: seconds,\n                unit: $t('time.unit.second', seconds),\n            }\n        }\n\n        if (minutes < 60) {\n            return {\n                value: minutes,\n                unit: $t('time.unit.minute', minutes),\n            }\n        }\n\n        if (hours < 24) {\n            return {\n                value: hours,\n                unit: $t('time.unit.hour', hours),\n            }\n        }\n\n        return {\n            value: days,\n            unit: $t('time.unit.day', days),\n        }\n    }\n\n    const formatDeltaToString = (delta?: number) => {\n        const { value, unit } = formatDelta(delta)\n        return `${value} ${unit}`\n    }\n\n    return {\n        formatDelta,\n        formatDeltaToString,\n    }\n}\n","<script setup lang=\"ts\">\n    import { computed, onMounted, onUnmounted, ref } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useTime } from 'composables/src/useTime'\n\n    const props = withDefaults(\n        defineProps<{\n            date: Date | string | number\n            endDate?: Date | string | number\n            autoUpdate?: boolean\n            updateInterval?: number\n        }>(),\n        {\n            endDate: undefined,\n            autoUpdate: true,\n            updateInterval: 1000,\n        },\n    )\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const now = ref(Date.now())\n    let intervalId: ReturnType<typeof setTimeout> | null = null\n\n    const targetDate = computed(() => {\n        if (props.date instanceof Date) {\n            return props.date.getTime()\n        }\n        if (typeof props.date === 'string') {\n            return new Date(props.date).getTime()\n        }\n        return props.date\n    })\n\n    const targetEndDate = computed(() => {\n        if (props.endDate === undefined) {\n            return null\n        }\n        if (props.endDate instanceof Date) {\n            return props.endDate.getTime()\n        }\n        if (typeof props.endDate === 'string') {\n            return new Date(props.endDate).getTime()\n        }\n        return props.endDate\n    })\n\n    const deltaMs = computed(() => {\n        const reference = targetEndDate.value ?? now.value\n        return targetDate.value - reference\n    })\n\n    const isInFuture = computed(() => {\n        return deltaMs.value > 0\n    })\n\n    const absoluteDelta = computed(() => {\n        return Math.abs(deltaMs.value)\n    })\n\n    const { formatDelta } = useTime()\n    const formattedTime = computed(() => {\n        const delta = absoluteDelta.value\n        return formatDelta(delta)\n    })\n\n    const displayText = computed(() => {\n        const { value, unit } = formattedTime.value\n\n        if (props.endDate) {\n            return `${value} ${unit}`\n        }\n\n        if (isInFuture.value) {\n            return `${$t('time.future')} ${value} ${unit}`\n        }\n\n        return `${value} ${unit} ${$t('time.past')}`\n    })\n\n    const dateTimeAttribute = computed(() => {\n        return new Date(targetDate.value).toISOString()\n    })\n\n    const getAdaptiveInterval = () => {\n        const delta = Math.abs(Date.now() - targetDate.value)\n        if (delta < 60_000) {\n            return props.updateInterval\n        }\n        if (delta < 3_600_000) {\n            return 60_000\n        }\n        return 3_600_000\n    }\n\n    const updateNow = () => {\n        now.value = Date.now()\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    }\n\n    onMounted(() => {\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    })\n\n    onUnmounted(() => {\n        if (intervalId) {\n            clearTimeout(intervalId)\n        }\n    })\n</script>\n\n<template>\n    <time :datetime=\"dateTimeAttribute\">\n        {{ displayText }}\n    </time>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, onMounted, onUnmounted, ref } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useTime } from 'composables/src/useTime'\n\n    const props = withDefaults(\n        defineProps<{\n            date: Date | string | number\n            endDate?: Date | string | number\n            autoUpdate?: boolean\n            updateInterval?: number\n        }>(),\n        {\n            endDate: undefined,\n            autoUpdate: true,\n            updateInterval: 1000,\n        },\n    )\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const now = ref(Date.now())\n    let intervalId: ReturnType<typeof setTimeout> | null = null\n\n    const targetDate = computed(() => {\n        if (props.date instanceof Date) {\n            return props.date.getTime()\n        }\n        if (typeof props.date === 'string') {\n            return new Date(props.date).getTime()\n        }\n        return props.date\n    })\n\n    const targetEndDate = computed(() => {\n        if (props.endDate === undefined) {\n            return null\n        }\n        if (props.endDate instanceof Date) {\n            return props.endDate.getTime()\n        }\n        if (typeof props.endDate === 'string') {\n            return new Date(props.endDate).getTime()\n        }\n        return props.endDate\n    })\n\n    const deltaMs = computed(() => {\n        const reference = targetEndDate.value ?? now.value\n        return targetDate.value - reference\n    })\n\n    const isInFuture = computed(() => {\n        return deltaMs.value > 0\n    })\n\n    const absoluteDelta = computed(() => {\n        return Math.abs(deltaMs.value)\n    })\n\n    const { formatDelta } = useTime()\n    const formattedTime = computed(() => {\n        const delta = absoluteDelta.value\n        return formatDelta(delta)\n    })\n\n    const displayText = computed(() => {\n        const { value, unit } = formattedTime.value\n\n        if (props.endDate) {\n            return `${value} ${unit}`\n        }\n\n        if (isInFuture.value) {\n            return `${$t('time.future')} ${value} ${unit}`\n        }\n\n        return `${value} ${unit} ${$t('time.past')}`\n    })\n\n    const dateTimeAttribute = computed(() => {\n        return new Date(targetDate.value).toISOString()\n    })\n\n    const getAdaptiveInterval = () => {\n        const delta = Math.abs(Date.now() - targetDate.value)\n        if (delta < 60_000) {\n            return props.updateInterval\n        }\n        if (delta < 3_600_000) {\n            return 60_000\n        }\n        return 3_600_000\n    }\n\n    const updateNow = () => {\n        now.value = Date.now()\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    }\n\n    onMounted(() => {\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    })\n\n    onUnmounted(() => {\n        if (intervalId) {\n            clearTimeout(intervalId)\n        }\n    })\n</script>\n\n<template>\n    <time :datetime=\"dateTimeAttribute\">\n        {{ displayText }}\n    </time>\n</template>\n"],"mappings":";;;AAEA,IAAa,UAAgB;CACzB,IAAM,EAAE,GAAG,MAAO,EAAQ,EACtB,UAAU,SACd,CAAC,GAEK,KAAe,MAAmB;EACpC,IAAI,CAAC,GACD,OAAO;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,CAAC;EAClC;EACJ,IAAM,IAAU,KAAK,MAAM,IAAQ,GAAI,GACjC,IAAU,KAAK,MAAM,KAAS,MAAO,GAAG,GACxC,IAAQ,KAAK,MAAM,KAAS,MAAO,KAAK,GAAG,GAC3C,IAAO,KAAK,MAAM,KAAS,MAAO,KAAK,KAAK,GAAG;EAuBrD,OArBI,IAAU,KACH;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,CAAO;EACxC,IAGA,IAAU,KACH;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,CAAO;EACxC,IAGA,IAAQ,KACD;GACH,OAAO;GACP,MAAM,EAAG,kBAAkB,CAAK;EACpC,IAGG;GACH,OAAO;GACP,MAAM,EAAG,iBAAiB,CAAI;EAClC;CACJ;CAOA,OAAO;EACH;EACA,sBAPyB,MAAmB;GAC5C,IAAM,EAAE,UAAO,YAAS,EAAY,CAAK;GACzC,OAAO,GAAG,EAAM,GAAG;EACvB;CAKA;AACJ;;;;;;;;;;;;ECjDI,IAAM,IAAQ,GAcR,EAAE,GAAG,MAAO,EAAQ,EACtB,UAAU,SACd,CAAC,GAEK,IAAM,EAAI,KAAK,IAAI,CAAC,GACtB,IAAmD,MAEjD,IAAa,QACX,EAAM,gBAAgB,OACf,EAAM,KAAK,QAAQ,IAE1B,OAAO,EAAM,QAAS,WACf,IAAI,KAAK,EAAM,IAAI,EAAE,QAAQ,IAEjC,EAAM,IAChB,GAEK,IAAgB,QACd,EAAM,YAAY,KAAA,IACX,OAEP,EAAM,mBAAmB,OAClB,EAAM,QAAQ,QAAQ,IAE7B,OAAO,EAAM,WAAY,WAClB,IAAI,KAAK,EAAM,OAAO,EAAE,QAAQ,IAEpC,EAAM,OAChB,GAEK,IAAU,QAAe;GAC3B,IAAM,IAAY,EAAc,SAAS,EAAI;GAC7C,OAAO,EAAW,QAAQ;EAC9B,CAAC,GAEK,IAAa,QACR,EAAQ,QAAQ,CAC1B,GAEK,IAAgB,QACX,KAAK,IAAI,EAAQ,KAAK,CAChC,GAEK,EAAE,mBAAgB,EAAQ,GAC1B,IAAgB,QAAe;GACjC,IAAM,IAAQ,EAAc;GAC5B,OAAO,EAAY,CAAK;EAC5B,CAAC,GAEK,IAAc,QAAe;GAC/B,IAAM,EAAE,UAAO,YAAS,EAAc;GAUtC,OARI,EAAM,UACC,GAAG,EAAM,GAAG,MAGnB,EAAW,QACJ,GAAG,EAAG,aAAa,EAAE,GAAG,EAAM,GAAG,MAGrC,GAAG,EAAM,GAAG,EAAK,GAAG,EAAG,WAAW;EAC7C,CAAC,GAEK,IAAoB,QACf,IAAI,KAAK,EAAW,KAAK,EAAE,YAAY,CACjD,GAEK,UAA4B;GAC9B,IAAM,IAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,EAAW,KAAK;GAOpD,OANI,IAAQ,MACD,EAAM,iBAEb,IAAQ,OACD,MAEJ;EACX,GAEM,UAAkB;GAEpB,AADA,EAAI,QAAQ,KAAK,IAAI,GACjB,EAAM,cAAc,CAAC,EAAM,YAC3B,IAAa,WAAW,GAAW,EAAoB,CAAC;EAEhE;SAEA,QAAgB;GACZ,AAAI,EAAM,cAAc,CAAC,EAAM,YAC3B,IAAa,WAAW,GAAW,EAAoB,CAAC;EAEhE,CAAC,GAED,QAAkB;GACd,AAAI,KACA,aAAa,CAAU;EAE/B,CAAC,mBAID,EAEO,QAAA,EAFA,UAAU,EAAA,MAAiB,GAAA,EAC3B,EAAA,KAAW,GAAA,GAAA,CAAA"}

package/dist-vue/_chunks/{PkStreamingMarkdown-DvjHrpmN.js → PkStreamingMarkdown-BUiAi-qv.js}

@@ -2203,4 +2203,4 @@ var Sn = ["innerHTML"], Cn = /* @__PURE__ */ a({
 //#endregion
 export { Cn as t };
 
-//# sourceMappingURL=PkStreamingMarkdown-DvjHrpmN.js.map
+//# sourceMappingURL=PkStreamingMarkdown-BUiAi-qv.js.map