@8wave/ai-elements 0.69.0 → 0.70.0

package/dist-vue/_chunks/{PkChatbotViewProfile-BhdCxVSX.js.map → PkChatbotViewProfile-B_TpBkAf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewProfile-BhdCxVSX.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,IAAG,CACT,MAAM,GAAG,EAAC,CACV,KAAK,MAAM,EAAE,OAAO,EAAE,CAAC,aAAa,CAAA,CACpC,KAAK,GAAE,GAND;;;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,KAAI,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;EEjB3B,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,UAAU,CAAA,EAG1C,EAAE,SAAM,sBAAmB,EADnB,EAAgB,EAAM,QAAO,CACO;yBAIlD,EAiBM,OAjBN,GAiBM;GAhBF,EAEI,KAFJ,GAEI,EADG,EAAA,EAAE,CAAA,gBAAA,CAAA,EAAA,EAAA;GAGT,EASM,OATN,GASM,CARF,EAIsC,GAAA;IAHlC,WAAU;IACV,OAAM;IACL,MAAM,EAAA,EAAI;IACV,WAAS,EAAA,EAAc,EAAE;qCAChB,EAAA,EAAI,IAAA,GAAA,EAAlB,EAES,UAFT,GAES,EADF,EAAA,EAAI,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAIf,EAAQ,EAAA,QAAA,UAAA"}
+{"version":3,"file":"PkChatbotViewProfile-B_TpBkAf.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,IAAG,CACT,MAAM,GAAG,EAAC,CACV,KAAK,MAAM,EAAE,OAAO,EAAE,CAAC,aAAa,CAAA,CACpC,KAAK,GAAE,GAND;;;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,KAAI,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;EEjB3B,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,UAAU,CAAA,EAG1C,EAAE,SAAM,sBAAmB,EADnB,EAAgB,EAAM,QAAO,CACO;yBAIlD,EAiBM,OAjBN,GAiBM;GAhBF,EAEI,KAFJ,GAEI,EADG,EAAA,EAAE,CAAA,gBAAA,CAAA,EAAA,EAAA;GAGT,EASM,OATN,GASM,CARF,EAIsC,GAAA;IAHlC,WAAU;IACV,OAAM;IACL,MAAM,EAAA,EAAI;IACV,WAAS,EAAA,EAAc,EAAE;qCAChB,EAAA,EAAI,IAAA,GAAA,EAAlB,EAES,UAFT,GAES,EADF,EAAA,EAAI,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAIf,EAAQ,EAAA,QAAA,UAAA"}

package/dist-vue/_chunks/{PkRelativeTime-Bzh37jv5.js → PkRelativeTime-ivIkVQRR.js}

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

package/dist-vue/_chunks/{PkRelativeTime-Bzh37jv5.js.map → PkRelativeTime-ivIkVQRR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkRelativeTime-Bzh37jv5.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,UACb,CAAC,EAEI,KAAe,MAAmB;AACpC,MAAI,CAAC,EACD,QAAO;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,EAAE;GAClC;EACL,IAAM,IAAU,KAAK,MAAM,IAAQ,IAAK,EAClC,IAAU,KAAK,MAAM,KAAS,MAAO,IAAI,EACzC,IAAQ,KAAK,MAAM,KAAS,MAAO,KAAK,IAAI,EAC5C,IAAO,KAAK,MAAM,KAAS,MAAO,KAAK,KAAK,IAAI;AAuBtD,SArBI,IAAU,KACH;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,EAAQ;GACxC,GAGD,IAAU,KACH;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,EAAQ;GACxC,GAGD,IAAQ,KACD;GACH,OAAO;GACP,MAAM,EAAG,kBAAkB,EAAM;GACpC,GAGE;GACH,OAAO;GACP,MAAM,EAAG,iBAAiB,EAAK;GAClC;;AAQL,QAAO;EACH;EACA,sBAPyB,MAAmB;GAC5C,IAAM,EAAE,UAAO,YAAS,EAAY,EAAM;AAC1C,UAAO,GAAG,EAAM,GAAG;;EAMtB;;;;;;;;;;;;;EChDD,IAAM,IAAQ,GAcR,EAAE,GAAG,MAAO,EAAQ,EACtB,UAAU,UACb,CAAA,EAEK,IAAM,EAAI,KAAK,KAAK,CAAA,EACtB,IAAmD,MAEjD,IAAa,QACX,EAAM,gBAAgB,OACf,EAAM,KAAK,SAAQ,GAE1B,OAAO,EAAM,QAAS,WACf,IAAI,KAAK,EAAM,KAAK,CAAC,SAAQ,GAEjC,EAAM,KAChB,EAEK,IAAgB,QACd,EAAM,YAAY,KAAA,IACX,OAEP,EAAM,mBAAmB,OAClB,EAAM,QAAQ,SAAQ,GAE7B,OAAO,EAAM,WAAY,WAClB,IAAI,KAAK,EAAM,QAAQ,CAAC,SAAQ,GAEpC,EAAM,QAChB,EAEK,IAAU,QAAe;GAC3B,IAAM,IAAY,EAAc,SAAS,EAAI;AAC7C,UAAO,EAAW,QAAQ;IAC7B,EAEK,IAAa,QACR,EAAQ,QAAQ,EAC1B,EAEK,IAAgB,QACX,KAAK,IAAI,EAAQ,MAAK,CAChC,EAEK,EAAE,mBAAgB,GAAQ,EAC1B,IAAgB,QAAe;GACjC,IAAM,IAAQ,EAAc;AAC5B,UAAO,EAAY,EAAK;IAC3B,EAEK,IAAc,QAAe;GAC/B,IAAM,EAAE,UAAO,YAAS,EAAc;AAUtC,UARI,EAAM,UACC,GAAG,EAAM,GAAG,MAGnB,EAAW,QACJ,GAAG,EAAG,cAAc,CAAC,GAAG,EAAM,GAAG,MAGrC,GAAG,EAAM,GAAG,EAAK,GAAG,EAAG,YAAY;IAC7C,EAEK,IAAoB,QACf,IAAI,KAAK,EAAW,MAAM,CAAC,aAAY,CACjD,EAEK,UAA4B;GAC9B,IAAM,IAAQ,KAAK,IAAI,KAAK,KAAK,GAAG,EAAW,MAAK;AAOpD,UANI,IAAQ,MACD,EAAM,iBAEb,IAAQ,OACD,MAEJ;KAGL,UAAkB;AAEpB,GADA,EAAI,QAAQ,KAAK,KAAI,EACjB,EAAM,cAAc,CAAC,EAAM,YAC3B,IAAa,WAAW,GAAW,GAAqB,CAAA;;SAIhE,QAAgB;AACZ,GAAI,EAAM,cAAc,CAAC,EAAM,YAC3B,IAAa,WAAW,GAAW,GAAqB,CAAA;IAE/D,EAED,QAAkB;AACd,GAAI,KACA,aAAa,EAAU;IAE9B,kBAID,EAEO,QAAA,EAFA,UAAU,EAAA,OAAiB,EAAA,EAC3B,EAAA,MAAW,EAAA,GAAA,EAAA"}
+{"version":3,"file":"PkRelativeTime-ivIkVQRR.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,UACb,CAAC,EAEI,KAAe,MAAmB;AACpC,MAAI,CAAC,EACD,QAAO;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,EAAE;GAClC;EACL,IAAM,IAAU,KAAK,MAAM,IAAQ,IAAK,EAClC,IAAU,KAAK,MAAM,KAAS,MAAO,IAAI,EACzC,IAAQ,KAAK,MAAM,KAAS,MAAO,KAAK,IAAI,EAC5C,IAAO,KAAK,MAAM,KAAS,MAAO,KAAK,KAAK,IAAI;AAuBtD,SArBI,IAAU,KACH;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,EAAQ;GACxC,GAGD,IAAU,KACH;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,EAAQ;GACxC,GAGD,IAAQ,KACD;GACH,OAAO;GACP,MAAM,EAAG,kBAAkB,EAAM;GACpC,GAGE;GACH,OAAO;GACP,MAAM,EAAG,iBAAiB,EAAK;GAClC;;AAQL,QAAO;EACH;EACA,sBAPyB,MAAmB;GAC5C,IAAM,EAAE,UAAO,YAAS,EAAY,EAAM;AAC1C,UAAO,GAAG,EAAM,GAAG;;EAMtB;;;;;;;;;;;;;EChDD,IAAM,IAAQ,GAcR,EAAE,GAAG,MAAO,EAAQ,EACtB,UAAU,UACb,CAAA,EAEK,IAAM,EAAI,KAAK,KAAK,CAAA,EACtB,IAAmD,MAEjD,IAAa,QACX,EAAM,gBAAgB,OACf,EAAM,KAAK,SAAQ,GAE1B,OAAO,EAAM,QAAS,WACf,IAAI,KAAK,EAAM,KAAK,CAAC,SAAQ,GAEjC,EAAM,KAChB,EAEK,IAAgB,QACd,EAAM,YAAY,KAAA,IACX,OAEP,EAAM,mBAAmB,OAClB,EAAM,QAAQ,SAAQ,GAE7B,OAAO,EAAM,WAAY,WAClB,IAAI,KAAK,EAAM,QAAQ,CAAC,SAAQ,GAEpC,EAAM,QAChB,EAEK,IAAU,QAAe;GAC3B,IAAM,IAAY,EAAc,SAAS,EAAI;AAC7C,UAAO,EAAW,QAAQ;IAC7B,EAEK,IAAa,QACR,EAAQ,QAAQ,EAC1B,EAEK,IAAgB,QACX,KAAK,IAAI,EAAQ,MAAK,CAChC,EAEK,EAAE,mBAAgB,GAAQ,EAC1B,IAAgB,QAAe;GACjC,IAAM,IAAQ,EAAc;AAC5B,UAAO,EAAY,EAAK;IAC3B,EAEK,IAAc,QAAe;GAC/B,IAAM,EAAE,UAAO,YAAS,EAAc;AAUtC,UARI,EAAM,UACC,GAAG,EAAM,GAAG,MAGnB,EAAW,QACJ,GAAG,EAAG,cAAc,CAAC,GAAG,EAAM,GAAG,MAGrC,GAAG,EAAM,GAAG,EAAK,GAAG,EAAG,YAAY;IAC7C,EAEK,IAAoB,QACf,IAAI,KAAK,EAAW,MAAM,CAAC,aAAY,CACjD,EAEK,UAA4B;GAC9B,IAAM,IAAQ,KAAK,IAAI,KAAK,KAAK,GAAG,EAAW,MAAK;AAOpD,UANI,IAAQ,MACD,EAAM,iBAEb,IAAQ,OACD,MAEJ;KAGL,UAAkB;AAEpB,GADA,EAAI,QAAQ,KAAK,KAAI,EACjB,EAAM,cAAc,CAAC,EAAM,YAC3B,IAAa,WAAW,GAAW,GAAqB,CAAA;;SAIhE,QAAgB;AACZ,GAAI,EAAM,cAAc,CAAC,EAAM,YAC3B,IAAa,WAAW,GAAW,GAAqB,CAAA;IAE/D,EAED,QAAkB;AACd,GAAI,KACA,aAAa,EAAU;IAE9B,kBAID,EAEO,QAAA,EAFA,UAAU,EAAA,OAAiB,EAAA,EAC3B,EAAA,MAAW,EAAA,GAAA,EAAA"}

package/dist-vue/_chunks/{PkStreamingMarkdown-C-XHB63C.js → PkStreamingMarkdown-CGEZEVZF.js}

@@ -1,4 +1,4 @@
-import { n as e, v as t, y as n } from "./src-DjRNH9vV.js";
+import { n as e, v as t, y as n } from "./src-BteqqLGW.js";
 import { computed as r, createElementBlock as i, defineComponent as a, nextTick as o, openBlock as s, useTemplateRef as c, watch as l } from "vue";
 //#region ../../node_modules/.pnpm/remend@1.3.0/node_modules/remend/dist/index.js
 var u = Object.defineProperty, d = Object.defineProperties, f = Object.getOwnPropertyDescriptors, p = Object.getOwnPropertySymbols, m = Object.prototype.hasOwnProperty, ee = Object.prototype.propertyIsEnumerable, h = (e, t, n) => t in e ? u(e, t, {
@@ -2126,4 +2126,4 @@ var xn = ["innerHTML"], Sn = /* @__PURE__ */ a({
 //#endregion
 export { Sn as t };
 
-//# sourceMappingURL=PkStreamingMarkdown-C-XHB63C.js.map
+//# sourceMappingURL=PkStreamingMarkdown-CGEZEVZF.js.map