@chayns-components/typewriter 5.0.53-alpha.1 → 5.0.53

package/lib/esm/components/typewriter/Typewriter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.js","names":["ColorSchemeProvider","useColorScheme","ChaynsProvider","useFunctions","useValues","React","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","createPortal","renderToString","CursorType","TypewriterDelay","TypewriterSpeed","AnimatedTypewriterText","StyledTypewriter","StyledTypewriterPseudoText","StyledTypewriterText","calculateAutoSpeed","getCharactersCount","getSubTextFromHTML","shuffleArray","updateChunkStreamingSpeedEMA","useTypewriterAnimation","useIsomorphicLayoutEffect","window","Typewriter","children","cursorType","Default","nextTextDelay","Medium","onFinish","onResetAnimationEnd","animationSteps","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldRemainSingleLine","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","autoSpeedBaseFactor","currentChildrenIndex","setCurrentChildrenIndex","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","autoSpeed","autoSteps","functions","values","colorScheme","sortedChildren","Array","isArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","isValidElement","createElement","data","isModule","color","designSettings","colorMode","style","display","className","charactersCount","chunkIntervalExponentialMovingAverage","lastLength","ema","current","currentLength","state","undefined","calculatedAutoSpeed","steps","handleSetNextChildrenIndex","prevIndex","nextIndex","handleClick","isResetAnimationActive","shownCharCount","shouldPreventBlinkingCursor","autoSpeedRef","autoStepsRef","onAdvanceText","textContentLength","isAnimatingText","shownText","pseudoTextHTML","pseudoText","$cursorType","onClick","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","$shouldRemainSingleLine","dangerouslySetInnerHTML","__html","position","visibility","document","body","displayName"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider, useColorScheme } from '@chayns-components/core';\nimport { ChaynsProvider, useFunctions, useValues } from 'chayns-api';\nimport React, {\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { renderToString } from 'react-dom/server';\nimport { CSSPropertiesWithVars } from 'styled-components/dist/types';\nimport { CursorType } from '../../types/cursor';\nimport { TypewriterDelay, TypewriterSpeed } from '../../types/speed';\nimport AnimatedTypewriterText from './AnimatedTypewriterText';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport {\n    calculateAutoSpeed,\n    ChunkStreamingSpeedState,\n    getCharactersCount,\n    getSubTextFromHTML,\n    shuffleArray,\n    updateChunkStreamingSpeedEMA,\n} from './utils';\nimport useTypewriterAnimation from './useTypewriterAnimation';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n    /**\n     * The number of characters that will be animated per animation step.\n     *\n     * The step is advanced by the requestAnimationFrame-driven scheduler. When\n     * `shouldCalcAutoSpeed` is enabled, the component may override this value dynamically.\n     */\n    animationSteps?: number;\n    /**\n     * The content to type.\n     *\n     * Strings are animated directly. React elements and arrays are rendered to HTML first so the\n     * typewriter can preserve nested markup and inline components.\n     */\n    children: ReactElement | ReactElement[] | string | string[];\n    /**\n     * The type of the cursor. Use the `CursorType` enum for this prop.\n     */\n    cursorType?: CursorType;\n    /**\n     * The delay in milliseconds before the next text is shown.\n     *\n     * This prop is only used when `children` is an array.\n     */\n    nextTextDelay?: TypewriterDelay;\n    /**\n     * Function that is executed when the entire typewriter animation has finished.\n     *\n     * This callback is not used while more texts are still queued.\n     */\n    onFinish?: VoidFunction;\n    /**\n     * Function that is executed when the reset animation has finished.\n     *\n     * This callback only runs when `shouldUseResetAnimation` is enabled.\n     */\n    onResetAnimationEnd?: VoidFunction;\n    /**\n     * Function that is executed when the reset animation has started.\n     *\n     * This callback only runs when `shouldUseResetAnimation` is enabled.\n     */\n    onResetAnimationStart?: VoidFunction;\n    /**\n     * Function that is executed when the typing animation has finished.\n     *\n     * If multiple texts are given, this function will be executed for each text.\n     */\n    onTypingAnimationEnd?: VoidFunction;\n    /**\n     * Function that is executed when the typing animation has started.\n     *\n     * If multiple texts are given, this function will be executed for each text.\n     */\n    onTypingAnimationStart?: VoidFunction;\n    /**\n     * Invisible content that defines the reserved layout size while the animation is running.\n     *\n     * When omitted, the visible `children` are used as the layout template.\n     */\n    pseudoChildren?: ReactElement | string;\n    /**\n     * Waiting time in milliseconds before the typewriter resets the text.\n     *\n     * This prop is only used when `children` is an array.\n     */\n    resetDelay?: TypewriterDelay;\n    /**\n     * The reset speed of the animation. Use the `TypewriterSpeed` enum for this prop.\n     */\n    resetSpeed?: TypewriterSpeed | number;\n    /**\n     * Keeps the cursor animated even if the current text is not actively changing.\n     */\n    shouldForceCursorAnimation?: boolean;\n    /**\n     * Hides the cursor entirely.\n     */\n    shouldHideCursor?: boolean;\n    /**\n     * Keeps the content on a single line and applies ellipsis overflow handling.\n     */\n    shouldRemainSingleLine?: boolean;\n    /**\n     * Randomizes the order of `children` when multiple texts are provided.\n     */\n    shouldSortChildrenRandomly?: boolean;\n    /**\n     * Makes the hidden sizing text follow the currently revealed chunk instead of the full content.\n     */\n    shouldUseAnimationHeight?: boolean;\n    /**\n     * Derives the typing cadence from the observed streaming rate.\n     */\n    shouldCalcAutoSpeed?: boolean;\n    /**\n     * Base factor used to initialize the auto-speed EMA.\n     */\n    autoSpeedBaseFactor?: number;\n    /**\n     * Animates the reset between multiple texts with a backspace-like effect.\n     */\n    shouldUseResetAnimation?: boolean;\n    /**\n     * Keeps the typewriter active while waiting for new content to arrive.\n     */\n    shouldWaitForContent?: boolean;\n    /**\n     * The speed of the animation. Use the `TypewriterSpeed` enum for this prop.\n     */\n    speed?: TypewriterSpeed | number;\n    /**\n     * The delay in milliseconds before the typewriter starts typing.\n     */\n    startDelay?: TypewriterDelay;\n    /**\n     * Inline styles for the visible text element.\n     */\n    textStyle?: CSSPropertiesWithVars;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n    children,\n    cursorType = CursorType.Default,\n    nextTextDelay = TypewriterDelay.Medium,\n    onFinish,\n    onResetAnimationEnd,\n    animationSteps = 1,\n    onResetAnimationStart,\n    onTypingAnimationEnd,\n    onTypingAnimationStart,\n    pseudoChildren,\n    resetDelay = TypewriterDelay.Medium,\n    shouldForceCursorAnimation = false,\n    shouldHideCursor = false,\n    shouldRemainSingleLine = false,\n    shouldSortChildrenRandomly = false,\n    shouldUseAnimationHeight = false,\n    shouldUseResetAnimation = false,\n    shouldWaitForContent,\n    speed = TypewriterSpeed.Medium,\n    resetSpeed = speed,\n    startDelay = TypewriterDelay.None,\n    textStyle,\n    shouldCalcAutoSpeed = false,\n    autoSpeedBaseFactor = 2000,\n}) => {\n    const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);\n    const [hasRenderedChildrenOnce, setHasRenderedChildrenOnce] = useState(false);\n    const autoSpeed = useRef<number>();\n    const autoSteps = useRef<number>(animationSteps);\n\n    const functions = useFunctions();\n    const values = useValues();\n\n    const colorScheme = useColorScheme();\n\n    useIsomorphicLayoutEffect(() => {\n        if (children) {\n            setHasRenderedChildrenOnce(false);\n        }\n    }, [children]);\n\n    useEffect(() => {\n        if (!hasRenderedChildrenOnce) {\n            setHasRenderedChildrenOnce(true);\n        }\n    }, [hasRenderedChildrenOnce]);\n\n    const sortedChildren = useMemo(\n        () =>\n            Array.isArray(children) && shouldSortChildrenRandomly\n                ? shuffleArray<ReactElement | string>(children)\n                : children,\n        [children, shouldSortChildrenRandomly],\n    );\n\n    const areMultipleChildrenGiven = Array.isArray(sortedChildren);\n    const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;\n\n    const textContent = useMemo(() => {\n        if (areMultipleChildrenGiven) {\n            const currentChildren = sortedChildren[currentChildrenIndex];\n\n            if (currentChildren) {\n                return React.isValidElement(currentChildren)\n                    ? renderToString(\n                          <ChaynsProvider data={values} functions={functions} isModule>\n                              <ColorSchemeProvider\n                                  color={colorScheme?.designSettings?.color}\n                                  colorMode={colorScheme?.designSettings?.colorMode}\n                                  style={{ display: 'inline' }}\n                              >\n                                  <span className=\"notranslate\">{currentChildren}</span>\n                              </ColorSchemeProvider>\n                          </ChaynsProvider>,\n                      )\n                    : (currentChildren as string);\n            }\n\n            return '';\n        }\n\n        return React.isValidElement(sortedChildren)\n            ? renderToString(\n                  <ChaynsProvider data={values} functions={functions} isModule>\n                      <ColorSchemeProvider\n                          color={colorScheme?.designSettings?.color}\n                          colorMode={colorScheme?.designSettings?.colorMode}\n                          style={{ display: 'inline' }}\n                      >\n                          <span className=\"notranslate\">{sortedChildren}</span>\n                      </ColorSchemeProvider>\n                  </ChaynsProvider>,\n              )\n            : (sortedChildren as string);\n    }, [\n        areMultipleChildrenGiven,\n        colorScheme?.designSettings?.color,\n        colorScheme?.designSettings?.colorMode,\n        currentChildrenIndex,\n        functions,\n        sortedChildren,\n        values,\n    ]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n    const chunkIntervalExponentialMovingAverage = useRef<ChunkStreamingSpeedState>({\n        lastLength: charactersCount,\n        ema: charactersCount / (autoSpeedBaseFactor / 1000),\n    });\n\n    useEffect(() => {\n        if (shouldUseResetAnimation) {\n            chunkIntervalExponentialMovingAverage.current = {\n                ema: charactersCount / (autoSpeedBaseFactor / 1000),\n                lastLength: charactersCount,\n            };\n        }\n        chunkIntervalExponentialMovingAverage.current = updateChunkStreamingSpeedEMA({\n            currentLength: charactersCount,\n            state: chunkIntervalExponentialMovingAverage.current,\n        });\n    }, [autoSpeedBaseFactor, charactersCount, shouldUseResetAnimation]);\n\n    useEffect(() => {\n        if (!shouldCalcAutoSpeed) {\n            autoSpeed.current = undefined;\n            autoSteps.current = animationSteps;\n            return;\n        }\n        const { speed: calculatedAutoSpeed, steps } = calculateAutoSpeed(\n            chunkIntervalExponentialMovingAverage.current.ema,\n        );\n\n        autoSpeed.current = calculatedAutoSpeed;\n        autoSteps.current = steps;\n    }, [animationSteps, charactersCount, shouldCalcAutoSpeed]);\n\n    const handleSetNextChildrenIndex = useCallback(() => {\n        setCurrentChildrenIndex((prevIndex) => {\n            const nextIndex = prevIndex + 1;\n\n            return nextIndex > childrenCount - 1 ? 0 : nextIndex;\n        });\n    }, [childrenCount]);\n\n    const { handleClick, isResetAnimationActive, shownCharCount, shouldPreventBlinkingCursor } =\n        useTypewriterAnimation({\n            areMultipleChildrenGiven,\n            autoSpeedRef: autoSpeed,\n            autoStepsRef: autoSteps,\n            charactersCount,\n            cursorType,\n            nextTextDelay,\n            onAdvanceText: handleSetNextChildrenIndex,\n            onResetAnimationEnd,\n            onResetAnimationStart,\n            onTypingAnimationEnd,\n            onTypingAnimationStart,\n            resetDelay,\n            resetSpeed,\n            shouldUseResetAnimation,\n            shouldWaitForContent,\n            speed,\n            startDelay,\n            textContentLength: textContent.length,\n        });\n\n    const isAnimatingText =\n        shownCharCount < textContent.length ||\n        shouldForceCursorAnimation ||\n        areMultipleChildrenGiven ||\n        textContent.length === 0;\n\n    useEffect(() => {\n        if (!isAnimatingText && typeof onFinish === 'function') {\n            onFinish();\n        }\n    }, [isAnimatingText, onFinish]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent],\n    );\n\n    const pseudoTextHTML = useMemo(() => {\n        if (pseudoChildren) {\n            const pseudoText = React.isValidElement(pseudoChildren)\n                ? renderToString(\n                      <ChaynsProvider data={values} functions={functions} isModule>\n                          <ColorSchemeProvider\n                              color={colorScheme?.designSettings?.color}\n                              colorMode={colorScheme?.designSettings?.colorMode}\n                              style={{ display: 'inline' }}\n                          >\n                              {pseudoChildren}\n                          </ColorSchemeProvider>\n                      </ChaynsProvider>,\n                  )\n                : (pseudoChildren as string);\n\n            if (shouldUseAnimationHeight) {\n                return getSubTextFromHTML(pseudoText, shownCharCount);\n            }\n\n            return pseudoText;\n        }\n\n        if (shouldUseAnimationHeight && textContent) {\n            return getSubTextFromHTML(textContent, shownCharCount);\n        }\n\n        return textContent || '&#8203;';\n    }, [\n        colorScheme?.designSettings?.color,\n        colorScheme?.designSettings?.colorMode,\n        functions,\n        pseudoChildren,\n        shouldUseAnimationHeight,\n        shownCharCount,\n        textContent,\n        values,\n    ]);\n\n    return useMemo(\n        () => (\n            <StyledTypewriter\n                $cursorType={cursorType}\n                onClick={isAnimatingText ? handleClick : undefined}\n                $isAnimatingText={isAnimatingText}\n                $shouldHideCursor={shouldHideCursor}\n                $shouldPreventBlinkAnimation={shouldPreventBlinkingCursor}\n            >\n                {isAnimatingText ? (\n                    <AnimatedTypewriterText\n                        shouldHideCursor={shouldHideCursor}\n                        shouldRemainSingleLine={shouldRemainSingleLine}\n                        shownText={shownText}\n                        textStyle={textStyle}\n                    />\n                ) : (\n                    <StyledTypewriterText\n                        className=\"notranslate\"\n                        $shouldRemainSingleLine={shouldRemainSingleLine}\n                        dangerouslySetInnerHTML={\n                            typeof sortedChildren === 'string' ? { __html: shownText } : undefined\n                        }\n                        style={textStyle}\n                    >\n                        {typeof sortedChildren !== 'string' ? sortedChildren : undefined}\n                    </StyledTypewriterText>\n                )}\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        $isAnimatingText={isAnimatingText}\n                        $shouldHideCursor={shouldHideCursor}\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                    />\n                )}\n                {/*\n                    The following is needed because some components like the CodeHighlighter will not render correct\n                    if the element is not rendered on a client before...\n                */}\n                {!hasRenderedChildrenOnce &&\n                    createPortal(\n                        <div style={{ position: 'absolute', visibility: 'hidden' }}>\n                            {children}\n                        </div>,\n                        document.body,\n                    )}\n            </StyledTypewriter>\n        ),\n        [\n            children,\n            cursorType,\n            handleClick,\n            hasRenderedChildrenOnce,\n            isAnimatingText,\n            pseudoTextHTML,\n            shouldHideCursor,\n            shouldPreventBlinkingCursor,\n            shouldRemainSingleLine,\n            shownText,\n            sortedChildren,\n            textStyle,\n        ],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Typewriter.js","names":["ColorSchemeProvider","useColorScheme","ChaynsProvider","useFunctions","useValues","React","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","createPortal","renderToString","CursorType","TypewriterDelay","TypewriterSpeed","AnimatedTypewriterText","StyledTypewriter","StyledTypewriterPseudoText","StyledTypewriterText","calculateAutoSpeed","getCharactersCount","getSubTextFromHTML","shuffleArray","updateChunkStreamingSpeedEMA","useIsomorphicLayoutEffect","window","Typewriter","children","cursorType","Default","nextTextDelay","Medium","onFinish","onResetAnimationEnd","animationSteps","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldRemainSingleLine","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","autoSpeedBaseFactor","currentChildrenIndex","setCurrentChildrenIndex","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","isResetAnimationActive","setIsResetAnimationActive","shouldStopAnimation","setShouldStopAnimation","autoSpeed","autoSteps","functions","values","colorScheme","sortedChildren","Array","isArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","isValidElement","createElement","data","isModule","color","designSettings","colorMode","style","display","className","charactersCount","chunkIntervalExponentialMovingAverage","lastLength","ema","shownCharCount","setShownCharCount","currentPosition","current","currentLength","state","undefined","calculatedAutoSpeed","steps","isAnimatingText","handleClick","event","stopPropagation","preventDefault","handleSetNextChildrenIndex","newIndex","interval","setInterval","prevState","nextState","clearInterval","setTimeout","startTypingAnimation","Thin","runTypingInterval","Math","min","shownText","pseudoTextHTML","pseudoText","$cursorType","onClick","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","$shouldRemainSingleLine","dangerouslySetInnerHTML","__html","position","visibility","document","body","displayName"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider, useColorScheme } from '@chayns-components/core';\nimport { ChaynsProvider, useFunctions, useValues } from 'chayns-api';\nimport React, {\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { renderToString } from 'react-dom/server';\nimport { CSSPropertiesWithVars } from 'styled-components/dist/types';\nimport { CursorType } from '../../types/cursor';\nimport { TypewriterDelay, TypewriterSpeed } from '../../types/speed';\nimport AnimatedTypewriterText from './AnimatedTypewriterText';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport {\n    calculateAutoSpeed,\n    ChunkStreamingSpeedState,\n    getCharactersCount,\n    getSubTextFromHTML,\n    shuffleArray,\n    updateChunkStreamingSpeedEMA,\n} from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n    /**\n     * The number of characters that will be animated per animation cycle.\n     */\n    animationSteps?: number;\n    /**\n     * The text to type\n     */\n    children: ReactElement | ReactElement[] | string | string[];\n    /**\n     * The type of the cursor. Use the CursorType enum for this prop.\n     */\n    cursorType?: CursorType;\n    /**\n     * The delay in milliseconds before the next text is shown.\n     * This prop is only used if multiple texts are given.\n     */\n    nextTextDelay?: TypewriterDelay;\n    /**\n     * Function that is executed when the typewriter animation has finished. This function will not\n     * be executed if multiple texts are used.\n     */\n    onFinish?: VoidFunction;\n    /**\n     * Function that is executed when the reset animation has finished. This function will not be\n     * executed if `shouldUseResetAnimation` is not set to `true`.\n     */\n    onResetAnimationEnd?: VoidFunction;\n    /**\n     * Function that is executed when the reset animation has started. This function will not be\n     * executed if `shouldUseResetAnimation` is not set to `true`.\n     */\n    onResetAnimationStart?: VoidFunction;\n    /**\n     * Function that is executed when the typing animation has finished. If multiple texts are given,\n     * this function will be executed for each text.\n     */\n    onTypingAnimationEnd?: VoidFunction;\n    /**\n     * Function that is executed when the typing animation has started. If multiple texts are given,\n     * this function will be executed for each text.\n     */\n    onTypingAnimationStart?: VoidFunction;\n    /**\n     * Pseudo-element to be rendered invisible during animation to define the size of the element\n     * for the typewriter effect. By default, the \"children\" is used for this purpose.\n     */\n    pseudoChildren?: ReactElement | string;\n    /**\n     * Waiting time in milliseconds before the typewriter resets the text.\n     * This prop is only used if multiple texts are given.\n     */\n    resetDelay?: TypewriterDelay;\n    /**\n     * The reset speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    resetSpeed?: TypewriterSpeed | number;\n    /**\n     * Specifies whether the cursor should be forced to animate even if no text is currently animated.\n     */\n    shouldForceCursorAnimation?: boolean;\n    /**\n     * Specifies whether the cursor should be hidden\n     */\n    shouldHideCursor?: boolean;\n    /**\n     * Whether the content should remain a single line.\n     */\n    shouldRemainSingleLine?: boolean;\n    /**\n     * Specifies whether the children should be sorted randomly if there are multiple texts.\n     * This makes the typewriter start with a different text each time and also changes them\n     * in a random order.\n     */\n    shouldSortChildrenRandomly?: boolean;\n    /**\n     * Specifies whether the animation should use its full height or the height of the current\n     * chunk.\n     */\n    shouldUseAnimationHeight?: boolean;\n    /**\n     * Whether the animation speed should be calculated with the chunk interval.\n     */\n    shouldCalcAutoSpeed?: boolean;\n    /**\n     * Sets how long the animation should last when `shouldCalcAutoSpeed` is enabled in milliseconds.\n     * When chunks are streamed, this value will only be used for the initial speed and then change to the speed characters are added at\n     */\n    autoSpeedBaseFactor?: number;\n    /**\n     * Specifies whether the reset of the text should be animated with a backspace animation for\n     * multiple texts.\n     */\n    shouldUseResetAnimation?: boolean;\n    /**\n     * Whether the typewriter should wait for new content\n     */\n    shouldWaitForContent?: boolean;\n    /**\n     * The speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    speed?: TypewriterSpeed | number;\n    /**\n     * The delay in milliseconds before the typewriter starts typing.\n     */\n    startDelay?: TypewriterDelay;\n    /**\n     * The style of the typewriter text element\n     */\n    textStyle?: CSSPropertiesWithVars;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n    children,\n    cursorType = CursorType.Default,\n    nextTextDelay = TypewriterDelay.Medium,\n    onFinish,\n    onResetAnimationEnd,\n    animationSteps = 1,\n    onResetAnimationStart,\n    onTypingAnimationEnd,\n    onTypingAnimationStart,\n    pseudoChildren,\n    resetDelay = TypewriterDelay.Medium,\n    shouldForceCursorAnimation = false,\n    shouldHideCursor = false,\n    shouldRemainSingleLine = false,\n    shouldSortChildrenRandomly = false,\n    shouldUseAnimationHeight = false,\n    shouldUseResetAnimation = false,\n    shouldWaitForContent,\n    speed = TypewriterSpeed.Medium,\n    resetSpeed = speed,\n    startDelay = TypewriterDelay.None,\n    textStyle,\n    shouldCalcAutoSpeed = false,\n    autoSpeedBaseFactor = 2000,\n}) => {\n    const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);\n    const [hasRenderedChildrenOnce, setHasRenderedChildrenOnce] = useState(false);\n    const [shouldPreventBlinkingCursor, setShouldPreventBlinkingCursor] = useState(false);\n    const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n    const autoSpeed = useRef<number>();\n    const autoSteps = useRef<number>(animationSteps);\n\n    const functions = useFunctions();\n    const values = useValues();\n\n    const colorScheme = useColorScheme();\n\n    useIsomorphicLayoutEffect(() => {\n        if (children) {\n            setHasRenderedChildrenOnce(false);\n        }\n    }, [children]);\n\n    useEffect(() => {\n        if (!hasRenderedChildrenOnce) {\n            setHasRenderedChildrenOnce(true);\n        }\n    }, [hasRenderedChildrenOnce]);\n\n    const sortedChildren = useMemo(\n        () =>\n            Array.isArray(children) && shouldSortChildrenRandomly\n                ? shuffleArray<ReactElement | string>(children)\n                : children,\n        [children, shouldSortChildrenRandomly],\n    );\n\n    const areMultipleChildrenGiven = Array.isArray(sortedChildren);\n    const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;\n\n    const textContent = useMemo(() => {\n        if (areMultipleChildrenGiven) {\n            const currentChildren = sortedChildren[currentChildrenIndex];\n\n            if (currentChildren) {\n                return React.isValidElement(currentChildren)\n                    ? renderToString(\n                          <ChaynsProvider data={values} functions={functions} isModule>\n                              <ColorSchemeProvider\n                                  color={colorScheme?.designSettings?.color}\n                                  colorMode={colorScheme?.designSettings?.colorMode}\n                                  style={{ display: 'inline' }}\n                              >\n                                  <span className=\"notranslate\">{currentChildren}</span>\n                              </ColorSchemeProvider>\n                          </ChaynsProvider>,\n                      )\n                    : (currentChildren as string);\n            }\n\n            return '';\n        }\n\n        return React.isValidElement(sortedChildren)\n            ? renderToString(\n                  <ChaynsProvider data={values} functions={functions} isModule>\n                      <ColorSchemeProvider\n                          color={colorScheme?.designSettings?.color}\n                          colorMode={colorScheme?.designSettings?.colorMode}\n                          style={{ display: 'inline' }}\n                      >\n                          <span className=\"notranslate\">{sortedChildren}</span>\n                      </ColorSchemeProvider>\n                  </ChaynsProvider>,\n              )\n            : (sortedChildren as string);\n    }, [\n        areMultipleChildrenGiven,\n        colorScheme?.designSettings?.color,\n        colorScheme?.designSettings?.colorMode,\n        currentChildrenIndex,\n        functions,\n        sortedChildren,\n        values,\n    ]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n    const chunkIntervalExponentialMovingAverage = useRef<ChunkStreamingSpeedState>({\n        lastLength: charactersCount,\n        ema: charactersCount / (autoSpeedBaseFactor / 1000),\n    });\n\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n\n    const currentPosition = useRef(0);\n\n    useEffect(() => {\n        if (shouldUseResetAnimation) {\n            chunkIntervalExponentialMovingAverage.current = {\n                ema: charactersCount / (autoSpeedBaseFactor / 1000),\n                lastLength: charactersCount,\n            };\n        }\n        chunkIntervalExponentialMovingAverage.current = updateChunkStreamingSpeedEMA({\n            currentLength: charactersCount,\n            state: chunkIntervalExponentialMovingAverage.current,\n        });\n    }, [autoSpeedBaseFactor, charactersCount, shouldUseResetAnimation]);\n\n    useEffect(() => {\n        if (!shouldCalcAutoSpeed) {\n            autoSpeed.current = undefined;\n            autoSteps.current = animationSteps;\n            return;\n        }\n        const { speed: calculatedAutoSpeed, steps } = calculateAutoSpeed(\n            chunkIntervalExponentialMovingAverage.current.ema,\n        );\n\n        autoSpeed.current = calculatedAutoSpeed;\n        autoSteps.current = steps;\n    }, [animationSteps, charactersCount, shouldCalcAutoSpeed]);\n\n    const isAnimatingText =\n        shownCharCount < textContent.length ||\n        shouldForceCursorAnimation ||\n        areMultipleChildrenGiven ||\n        textContent.length === 0;\n\n    const handleClick = useCallback((event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n\n        setShouldStopAnimation(true);\n    }, []);\n\n    const handleSetNextChildrenIndex = useCallback(\n        () =>\n            setCurrentChildrenIndex(() => {\n                let newIndex = currentChildrenIndex + 1;\n\n                if (newIndex > childrenCount - 1) {\n                    newIndex = 0;\n                }\n\n                return newIndex;\n            }),\n        [childrenCount, currentChildrenIndex],\n    );\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation || charactersCount === 0) {\n            setShownCharCount(textContent.length);\n            currentPosition.current = textContent.length;\n        } else if (isResetAnimationActive) {\n            if (typeof onResetAnimationStart === 'function') {\n                onResetAnimationStart();\n            }\n\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState - autoSteps.current;\n                    currentPosition.current = nextState;\n\n                    if (nextState === 0) {\n                        window.clearInterval(interval);\n\n                        if (typeof onResetAnimationEnd === 'function') {\n                            onResetAnimationEnd();\n                        }\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                setIsResetAnimationActive(false);\n                                handleSetNextChildrenIndex();\n                            }, nextTextDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, resetSpeed);\n        } else {\n            const startTypingAnimation = () => {\n                if (cursorType === CursorType.Thin) {\n                    setShouldPreventBlinkingCursor(true);\n                }\n\n                if (typeof onTypingAnimationStart === 'function') {\n                    onTypingAnimationStart();\n                }\n\n                const runTypingInterval = () => {\n                    setShownCharCount((prevState) => {\n                        let nextState = Math.min(prevState + autoSteps.current, charactersCount);\n\n                        if (nextState >= charactersCount && !shouldWaitForContent) {\n                            window.clearInterval(interval);\n\n                            if (cursorType === CursorType.Thin) {\n                                setShouldPreventBlinkingCursor(false);\n                            }\n\n                            if (typeof onTypingAnimationEnd === 'function') {\n                                onTypingAnimationEnd();\n                            }\n\n                            /**\n                             * At this point, the next value for \"shownCharCount\" is deliberately set to\n                             * the length of the textContent to correctly display HTML elements\n                             * after the last letter.\n                             */\n                            nextState = textContent.length;\n\n                            if (areMultipleChildrenGiven) {\n                                setTimeout(() => {\n                                    if (shouldUseResetAnimation) {\n                                        setIsResetAnimationActive(true);\n                                    } else {\n                                        setShownCharCount(0);\n                                        setTimeout(handleSetNextChildrenIndex, nextTextDelay);\n                                    }\n                                }, resetDelay);\n                            }\n                        }\n\n                        currentPosition.current = nextState;\n\n                        return nextState;\n                    });\n                };\n                interval = window.setInterval(runTypingInterval, autoSpeed.current ?? speed);\n            };\n\n            if (startDelay) {\n                setTimeout(startTypingAnimation, startDelay);\n            } else {\n                startTypingAnimation();\n            }\n        }\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [\n        areMultipleChildrenGiven,\n        autoSteps,\n        charactersCount,\n        cursorType,\n        handleSetNextChildrenIndex,\n        isResetAnimationActive,\n        nextTextDelay,\n        onResetAnimationEnd,\n        onResetAnimationStart,\n        onTypingAnimationEnd,\n        onTypingAnimationStart,\n        resetDelay,\n        resetSpeed,\n        shouldStopAnimation,\n        shouldUseResetAnimation,\n        shouldWaitForContent,\n        speed,\n        startDelay,\n        textContent.length,\n    ]);\n\n    useEffect(() => {\n        if (!isAnimatingText && typeof onFinish === 'function') {\n            onFinish();\n        }\n    }, [isAnimatingText, onFinish]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent],\n    );\n\n    const pseudoTextHTML = useMemo(() => {\n        if (pseudoChildren) {\n            const pseudoText = React.isValidElement(pseudoChildren)\n                ? renderToString(\n                      <ChaynsProvider data={values} functions={functions} isModule>\n                          <ColorSchemeProvider\n                              color={colorScheme?.designSettings?.color}\n                              colorMode={colorScheme?.designSettings?.colorMode}\n                              style={{ display: 'inline' }}\n                          >\n                              {pseudoChildren}\n                          </ColorSchemeProvider>\n                      </ChaynsProvider>,\n                  )\n                : (pseudoChildren as string);\n\n            if (shouldUseAnimationHeight) {\n                return getSubTextFromHTML(pseudoText, shownCharCount);\n            }\n\n            return pseudoText;\n        }\n\n        if (shouldUseAnimationHeight && textContent) {\n            return getSubTextFromHTML(textContent, shownCharCount);\n        }\n\n        return textContent || '&#8203;';\n    }, [\n        colorScheme?.designSettings?.color,\n        colorScheme?.designSettings?.colorMode,\n        functions,\n        pseudoChildren,\n        shouldUseAnimationHeight,\n        shownCharCount,\n        textContent,\n        values,\n    ]);\n\n    return useMemo(\n        () => (\n            <StyledTypewriter\n                $cursorType={cursorType}\n                onClick={isAnimatingText ? handleClick : undefined}\n                $isAnimatingText={isAnimatingText}\n                $shouldHideCursor={shouldHideCursor}\n                $shouldPreventBlinkAnimation={shouldPreventBlinkingCursor}\n            >\n                {isAnimatingText ? (\n                    <AnimatedTypewriterText\n                        shouldHideCursor={shouldHideCursor}\n                        shouldRemainSingleLine={shouldRemainSingleLine}\n                        shownText={shownText}\n                        textStyle={textStyle}\n                    />\n                ) : (\n                    <StyledTypewriterText\n                        className=\"notranslate\"\n                        $shouldRemainSingleLine={shouldRemainSingleLine}\n                        dangerouslySetInnerHTML={\n                            typeof sortedChildren === 'string' ? { __html: shownText } : undefined\n                        }\n                        style={textStyle}\n                    >\n                        {typeof sortedChildren !== 'string' ? sortedChildren : undefined}\n                    </StyledTypewriterText>\n                )}\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        $isAnimatingText={isAnimatingText}\n                        $shouldHideCursor={shouldHideCursor}\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                    />\n                )}\n                {/*\n                    The following is needed because some components like the CodeHighlighter will not render correct\n                    if the element is not rendered on a client before...\n                */}\n                {!hasRenderedChildrenOnce &&\n                    createPortal(\n                        <div style={{ position: 'absolute', visibility: 'hidden' }}>\n                            {children}\n                        </div>,\n                        document.body,\n                    )}\n            </StyledTypewriter>\n        ),\n        [\n            children,\n            cursorType,\n            handleClick,\n            hasRenderedChildrenOnce,\n            isAnimatingText,\n            pseudoTextHTML,\n            shouldHideCursor,\n            shouldPreventBlinkingCursor,\n            shouldRemainSingleLine,\n            shownText,\n            sortedChildren,\n            textStyle,\n        ],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"AAAA,SAASA,mBAAmB,EAAEC,cAAc,QAAQ,yBAAyB;AAC7E,SAASC,cAAc,EAAEC,YAAY,EAAEC,SAAS,QAAQ,YAAY;AACpE,OAAOC,KAAK,IAGRC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACL,OAAO;AACd,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,eAAe,EAAEC,eAAe,QAAQ,mBAAmB;AACpE,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,SACIC,gBAAgB,EAChBC,0BAA0B,EAC1BC,oBAAoB,QACjB,qBAAqB;AAC5B,SACIC,kBAAkB,EAElBC,kBAAkB,EAClBC,kBAAkB,EAClBC,YAAY,EACZC,4BAA4B,QACzB,SAAS;AAEhB,MAAMC,yBAAyB,GAAG,OAAOC,MAAM,KAAK,WAAW,GAAGnB,eAAe,GAAGD,SAAS;AAkH7F,MAAMqB,UAA+B,GAAGA,CAAC;EACrCC,QAAQ;EACRC,UAAU,GAAGhB,UAAU,CAACiB,OAAO;EAC/BC,aAAa,GAAGjB,eAAe,CAACkB,MAAM;EACtCC,QAAQ;EACRC,mBAAmB;EACnBC,cAAc,GAAG,CAAC;EAClBC,qBAAqB;EACrBC,oBAAoB;EACpBC,sBAAsB;EACtBC,cAAc;EACdC,UAAU,GAAG1B,eAAe,CAACkB,MAAM;EACnCS,0BAA0B,GAAG,KAAK;EAClCC,gBAAgB,GAAG,KAAK;EACxBC,sBAAsB,GAAG,KAAK;EAC9BC,0BAA0B,GAAG,KAAK;EAClCC,wBAAwB,GAAG,KAAK;EAChCC,uBAAuB,GAAG,KAAK;EAC/BC,oBAAoB;EACpBC,KAAK,GAAGjC,eAAe,CAACiB,MAAM;EAC9BiB,UAAU,GAAGD,KAAK;EAClBE,UAAU,GAAGpC,eAAe,CAACqC,IAAI;EACjCC,SAAS;EACTC,mBAAmB,GAAG,KAAK;EAC3BC,mBAAmB,GAAG;AAC1B,CAAC,KAAK;EACF,MAAM,CAACC,oBAAoB,EAAEC,uBAAuB,CAAC,GAAG9C,QAAQ,CAAC,CAAC,CAAC;EACnE,MAAM,CAAC+C,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGhD,QAAQ,CAAC,KAAK,CAAC;EAC7E,MAAM,CAACiD,2BAA2B,EAAEC,8BAA8B,CAAC,GAAGlD,QAAQ,CAAC,KAAK,CAAC;EACrF,MAAM,CAACmD,sBAAsB,EAAEC,yBAAyB,CAAC,GAAGpD,QAAQ,CAAC,KAAK,CAAC;EAC3E,MAAM,CAACqD,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGtD,QAAQ,CAAC,KAAK,CAAC;EACrE,MAAMuD,SAAS,GAAGxD,MAAM,CAAS,CAAC;EAClC,MAAMyD,SAAS,GAAGzD,MAAM,CAAS0B,cAAc,CAAC;EAEhD,MAAMgC,SAAS,GAAGjE,YAAY,CAAC,CAAC;EAChC,MAAMkE,MAAM,GAAGjE,SAAS,CAAC,CAAC;EAE1B,MAAMkE,WAAW,GAAGrE,cAAc,CAAC,CAAC;EAEpCyB,yBAAyB,CAAC,MAAM;IAC5B,IAAIG,QAAQ,EAAE;MACV8B,0BAA0B,CAAC,KAAK,CAAC;IACrC;EACJ,CAAC,EAAE,CAAC9B,QAAQ,CAAC,CAAC;EAEdtB,SAAS,CAAC,MAAM;IACZ,IAAI,CAACmD,uBAAuB,EAAE;MAC1BC,0BAA0B,CAAC,IAAI,CAAC;IACpC;EACJ,CAAC,EAAE,CAACD,uBAAuB,CAAC,CAAC;EAE7B,MAAMa,cAAc,GAAG9D,OAAO,CAC1B,MACI+D,KAAK,CAACC,OAAO,CAAC5C,QAAQ,CAAC,IAAIgB,0BAA0B,GAC/CrB,YAAY,CAAwBK,QAAQ,CAAC,GAC7CA,QAAQ,EAClB,CAACA,QAAQ,EAAEgB,0BAA0B,CACzC,CAAC;EAED,MAAM6B,wBAAwB,GAAGF,KAAK,CAACC,OAAO,CAACF,cAAc,CAAC;EAC9D,MAAMI,aAAa,GAAGD,wBAAwB,GAAGH,cAAc,CAACK,MAAM,GAAG,CAAC;EAE1E,MAAMC,WAAW,GAAGpE,OAAO,CAAC,MAAM;IAC9B,IAAIiE,wBAAwB,EAAE;MAC1B,MAAMI,eAAe,GAAGP,cAAc,CAACf,oBAAoB,CAAC;MAE5D,IAAIsB,eAAe,EAAE;QACjB,OAAO,aAAAzE,KAAK,CAAC0E,cAAc,CAACD,eAAe,CAAC,GACtCjE,cAAc,cACVR,KAAA,CAAA2E,aAAA,CAAC9E,cAAc;UAAC+E,IAAI,EAAEZ,MAAO;UAACD,SAAS,EAAEA,SAAU;UAACc,QAAQ;QAAA,gBACxD7E,KAAA,CAAA2E,aAAA,CAAChF,mBAAmB;UAChBmF,KAAK,EAAEb,WAAW,EAAEc,cAAc,EAAED,KAAM;UAC1CE,SAAS,EAAEf,WAAW,EAAEc,cAAc,EAAEC,SAAU;UAClDC,KAAK,EAAE;YAAEC,OAAO,EAAE;UAAS;QAAE,gBAE7BlF,KAAA,CAAA2E,aAAA;UAAMQ,SAAS,EAAC;QAAa,GAAEV,eAAsB,CACpC,CACT,CACpB,CAAC,GACAA,eAA0B;MACrC;MAEA,OAAO,EAAE;IACb;IAEA,OAAO,aAAAzE,KAAK,CAAC0E,cAAc,CAACR,cAAc,CAAC,GACrC1D,cAAc,cACVR,KAAA,CAAA2E,aAAA,CAAC9E,cAAc;MAAC+E,IAAI,EAAEZ,MAAO;MAACD,SAAS,EAAEA,SAAU;MAACc,QAAQ;IAAA,gBACxD7E,KAAA,CAAA2E,aAAA,CAAChF,mBAAmB;MAChBmF,KAAK,EAAEb,WAAW,EAAEc,cAAc,EAAED,KAAM;MAC1CE,SAAS,EAAEf,WAAW,EAAEc,cAAc,EAAEC,SAAU;MAClDC,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAS;IAAE,gBAE7BlF,KAAA,CAAA2E,aAAA;MAAMQ,SAAS,EAAC;IAAa,GAAEjB,cAAqB,CACnC,CACT,CACpB,CAAC,GACAA,cAAyB;EACpC,CAAC,EAAE,CACCG,wBAAwB,EACxBJ,WAAW,EAAEc,cAAc,EAAED,KAAK,EAClCb,WAAW,EAAEc,cAAc,EAAEC,SAAS,EACtC7B,oBAAoB,EACpBY,SAAS,EACTG,cAAc,EACdF,MAAM,CACT,CAAC;EAEF,MAAMoB,eAAe,GAAGhF,OAAO,CAAC,MAAMa,kBAAkB,CAACuD,WAAW,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EACrF,MAAMa,qCAAqC,GAAGhF,MAAM,CAA2B;IAC3EiF,UAAU,EAAEF,eAAe;IAC3BG,GAAG,EAAEH,eAAe,IAAIlC,mBAAmB,GAAG,IAAI;EACtD,CAAC,CAAC;EAEF,MAAM,CAACsC,cAAc,EAAEC,iBAAiB,CAAC,GAAGnF,QAAQ,CAChD8E,eAAe,GAAG,CAAC,GAAG,CAAC,GAAGZ,WAAW,CAACD,MAC1C,CAAC;EAED,MAAMmB,eAAe,GAAGrF,MAAM,CAAC,CAAC,CAAC;EAEjCH,SAAS,CAAC,MAAM;IACZ,IAAIwC,uBAAuB,EAAE;MACzB2C,qCAAqC,CAACM,OAAO,GAAG;QAC5CJ,GAAG,EAAEH,eAAe,IAAIlC,mBAAmB,GAAG,IAAI,CAAC;QACnDoC,UAAU,EAAEF;MAChB,CAAC;IACL;IACAC,qCAAqC,CAACM,OAAO,GAAGvE,4BAA4B,CAAC;MACzEwE,aAAa,EAAER,eAAe;MAC9BS,KAAK,EAAER,qCAAqC,CAACM;IACjD,CAAC,CAAC;EACN,CAAC,EAAE,CAACzC,mBAAmB,EAAEkC,eAAe,EAAE1C,uBAAuB,CAAC,CAAC;EAEnExC,SAAS,CAAC,MAAM;IACZ,IAAI,CAAC+C,mBAAmB,EAAE;MACtBY,SAAS,CAAC8B,OAAO,GAAGG,SAAS;MAC7BhC,SAAS,CAAC6B,OAAO,GAAG5D,cAAc;MAClC;IACJ;IACA,MAAM;MAAEa,KAAK,EAAEmD,mBAAmB;MAAEC;IAAM,CAAC,GAAGhF,kBAAkB,CAC5DqE,qCAAqC,CAACM,OAAO,CAACJ,GAClD,CAAC;IAED1B,SAAS,CAAC8B,OAAO,GAAGI,mBAAmB;IACvCjC,SAAS,CAAC6B,OAAO,GAAGK,KAAK;EAC7B,CAAC,EAAE,CAACjE,cAAc,EAAEqD,eAAe,EAAEnC,mBAAmB,CAAC,CAAC;EAE1D,MAAMgD,eAAe,GACjBT,cAAc,GAAGhB,WAAW,CAACD,MAAM,IACnClC,0BAA0B,IAC1BgC,wBAAwB,IACxBG,WAAW,CAACD,MAAM,KAAK,CAAC;EAE5B,MAAM2B,WAAW,GAAGjG,WAAW,CAAEkG,KAAuB,IAAK;IACzDA,KAAK,CAACC,eAAe,CAAC,CAAC;IACvBD,KAAK,CAACE,cAAc,CAAC,CAAC;IAEtBzC,sBAAsB,CAAC,IAAI,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM0C,0BAA0B,GAAGrG,WAAW,CAC1C,MACImD,uBAAuB,CAAC,MAAM;IAC1B,IAAImD,QAAQ,GAAGpD,oBAAoB,GAAG,CAAC;IAEvC,IAAIoD,QAAQ,GAAGjC,aAAa,GAAG,CAAC,EAAE;MAC9BiC,QAAQ,GAAG,CAAC;IAChB;IAEA,OAAOA,QAAQ;EACnB,CAAC,CAAC,EACN,CAACjC,aAAa,EAAEnB,oBAAoB,CACxC,CAAC;EAEDjD,SAAS,CAAC,MAAM;IACZ,IAAIsG,QAA4B;IAEhC,IAAI7C,mBAAmB,IAAIyB,eAAe,KAAK,CAAC,EAAE;MAC9CK,iBAAiB,CAACjB,WAAW,CAACD,MAAM,CAAC;MACrCmB,eAAe,CAACC,OAAO,GAAGnB,WAAW,CAACD,MAAM;IAChD,CAAC,MAAM,IAAId,sBAAsB,EAAE;MAC/B,IAAI,OAAOzB,qBAAqB,KAAK,UAAU,EAAE;QAC7CA,qBAAqB,CAAC,CAAC;MAC3B;MAEAwE,QAAQ,GAAGlF,MAAM,CAACmF,WAAW,CAAC,MAAM;QAChChB,iBAAiB,CAAEiB,SAAS,IAAK;UAC7B,MAAMC,SAAS,GAAGD,SAAS,GAAG5C,SAAS,CAAC6B,OAAO;UAC/CD,eAAe,CAACC,OAAO,GAAGgB,SAAS;UAEnC,IAAIA,SAAS,KAAK,CAAC,EAAE;YACjBrF,MAAM,CAACsF,aAAa,CAACJ,QAAQ,CAAC;YAE9B,IAAI,OAAO1E,mBAAmB,KAAK,UAAU,EAAE;cAC3CA,mBAAmB,CAAC,CAAC;YACzB;YAEA,IAAIuC,wBAAwB,EAAE;cAC1BwC,UAAU,CAAC,MAAM;gBACbnD,yBAAyB,CAAC,KAAK,CAAC;gBAChC4C,0BAA0B,CAAC,CAAC;cAChC,CAAC,EAAE3E,aAAa,CAAC;YACrB;UACJ;UAEA,OAAOgF,SAAS;QACpB,CAAC,CAAC;MACN,CAAC,EAAE9D,UAAU,CAAC;IAClB,CAAC,MAAM;MACH,MAAMiE,oBAAoB,GAAGA,CAAA,KAAM;QAC/B,IAAIrF,UAAU,KAAKhB,UAAU,CAACsG,IAAI,EAAE;UAChCvD,8BAA8B,CAAC,IAAI,CAAC;QACxC;QAEA,IAAI,OAAOtB,sBAAsB,KAAK,UAAU,EAAE;UAC9CA,sBAAsB,CAAC,CAAC;QAC5B;QAEA,MAAM8E,iBAAiB,GAAGA,CAAA,KAAM;UAC5BvB,iBAAiB,CAAEiB,SAAS,IAAK;YAC7B,IAAIC,SAAS,GAAGM,IAAI,CAACC,GAAG,CAACR,SAAS,GAAG5C,SAAS,CAAC6B,OAAO,EAAEP,eAAe,CAAC;YAExE,IAAIuB,SAAS,IAAIvB,eAAe,IAAI,CAACzC,oBAAoB,EAAE;cACvDrB,MAAM,CAACsF,aAAa,CAACJ,QAAQ,CAAC;cAE9B,IAAI/E,UAAU,KAAKhB,UAAU,CAACsG,IAAI,EAAE;gBAChCvD,8BAA8B,CAAC,KAAK,CAAC;cACzC;cAEA,IAAI,OAAOvB,oBAAoB,KAAK,UAAU,EAAE;gBAC5CA,oBAAoB,CAAC,CAAC;cAC1B;;cAEA;AAC5B;AACA;AACA;AACA;cAC4B0E,SAAS,GAAGnC,WAAW,CAACD,MAAM;cAE9B,IAAIF,wBAAwB,EAAE;gBAC1BwC,UAAU,CAAC,MAAM;kBACb,IAAInE,uBAAuB,EAAE;oBACzBgB,yBAAyB,CAAC,IAAI,CAAC;kBACnC,CAAC,MAAM;oBACH+B,iBAAiB,CAAC,CAAC,CAAC;oBACpBoB,UAAU,CAACP,0BAA0B,EAAE3E,aAAa,CAAC;kBACzD;gBACJ,CAAC,EAAES,UAAU,CAAC;cAClB;YACJ;YAEAsD,eAAe,CAACC,OAAO,GAAGgB,SAAS;YAEnC,OAAOA,SAAS;UACpB,CAAC,CAAC;QACN,CAAC;QACDH,QAAQ,GAAGlF,MAAM,CAACmF,WAAW,CAACO,iBAAiB,EAAEnD,SAAS,CAAC8B,OAAO,IAAI/C,KAAK,CAAC;MAChF,CAAC;MAED,IAAIE,UAAU,EAAE;QACZ+D,UAAU,CAACC,oBAAoB,EAAEhE,UAAU,CAAC;MAChD,CAAC,MAAM;QACHgE,oBAAoB,CAAC,CAAC;MAC1B;IACJ;IAEA,OAAO,MAAM;MACTxF,MAAM,CAACsF,aAAa,CAACJ,QAAQ,CAAC;IAClC,CAAC;EACL,CAAC,EAAE,CACCnC,wBAAwB,EACxBP,SAAS,EACTsB,eAAe,EACf3D,UAAU,EACV6E,0BAA0B,EAC1B7C,sBAAsB,EACtB9B,aAAa,EACbG,mBAAmB,EACnBE,qBAAqB,EACrBC,oBAAoB,EACpBC,sBAAsB,EACtBE,UAAU,EACVS,UAAU,EACVc,mBAAmB,EACnBjB,uBAAuB,EACvBC,oBAAoB,EACpBC,KAAK,EACLE,UAAU,EACV0B,WAAW,CAACD,MAAM,CACrB,CAAC;EAEFrE,SAAS,CAAC,MAAM;IACZ,IAAI,CAAC+F,eAAe,IAAI,OAAOpE,QAAQ,KAAK,UAAU,EAAE;MACpDA,QAAQ,CAAC,CAAC;IACd;EACJ,CAAC,EAAE,CAACoE,eAAe,EAAEpE,QAAQ,CAAC,CAAC;EAE/B,MAAMsF,SAAS,GAAG/G,OAAO,CACrB,MAAMc,kBAAkB,CAACsD,WAAW,EAAEgB,cAAc,CAAC,EACrD,CAACA,cAAc,EAAEhB,WAAW,CAChC,CAAC;EAED,MAAM4C,cAAc,GAAGhH,OAAO,CAAC,MAAM;IACjC,IAAI+B,cAAc,EAAE;MAChB,MAAMkF,UAAU,GAAG,aAAArH,KAAK,CAAC0E,cAAc,CAACvC,cAAc,CAAC,GACjD3B,cAAc,cACVR,KAAA,CAAA2E,aAAA,CAAC9E,cAAc;QAAC+E,IAAI,EAAEZ,MAAO;QAACD,SAAS,EAAEA,SAAU;QAACc,QAAQ;MAAA,gBACxD7E,KAAA,CAAA2E,aAAA,CAAChF,mBAAmB;QAChBmF,KAAK,EAAEb,WAAW,EAAEc,cAAc,EAAED,KAAM;QAC1CE,SAAS,EAAEf,WAAW,EAAEc,cAAc,EAAEC,SAAU;QAClDC,KAAK,EAAE;UAAEC,OAAO,EAAE;QAAS;MAAE,GAE5B/C,cACgB,CACT,CACpB,CAAC,GACAA,cAAyB;MAEhC,IAAIM,wBAAwB,EAAE;QAC1B,OAAOvB,kBAAkB,CAACmG,UAAU,EAAE7B,cAAc,CAAC;MACzD;MAEA,OAAO6B,UAAU;IACrB;IAEA,IAAI5E,wBAAwB,IAAI+B,WAAW,EAAE;MACzC,OAAOtD,kBAAkB,CAACsD,WAAW,EAAEgB,cAAc,CAAC;IAC1D;IAEA,OAAOhB,WAAW,IAAI,SAAS;EACnC,CAAC,EAAE,CACCP,WAAW,EAAEc,cAAc,EAAED,KAAK,EAClCb,WAAW,EAAEc,cAAc,EAAEC,SAAS,EACtCjB,SAAS,EACT5B,cAAc,EACdM,wBAAwB,EACxB+C,cAAc,EACdhB,WAAW,EACXR,MAAM,CACT,CAAC;EAEF,OAAO5D,OAAO,CACV,mBACIJ,KAAA,CAAA2E,aAAA,CAAC9D,gBAAgB;IACbyG,WAAW,EAAE7F,UAAW;IACxB8F,OAAO,EAAEtB,eAAe,GAAGC,WAAW,GAAGJ,SAAU;IACnD0B,gBAAgB,EAAEvB,eAAgB;IAClCwB,iBAAiB,EAAEnF,gBAAiB;IACpCoF,4BAA4B,EAAEnE;EAA4B,GAEzD0C,eAAe,gBACZjG,KAAA,CAAA2E,aAAA,CAAC/D,sBAAsB;IACnB0B,gBAAgB,EAAEA,gBAAiB;IACnCC,sBAAsB,EAAEA,sBAAuB;IAC/C4E,SAAS,EAAEA,SAAU;IACrBnE,SAAS,EAAEA;EAAU,CACxB,CAAC,gBAEFhD,KAAA,CAAA2E,aAAA,CAAC5D,oBAAoB;IACjBoE,SAAS,EAAC,aAAa;IACvBwC,uBAAuB,EAAEpF,sBAAuB;IAChDqF,uBAAuB,EACnB,OAAO1D,cAAc,KAAK,QAAQ,GAAG;MAAE2D,MAAM,EAAEV;IAAU,CAAC,GAAGrB,SAChE;IACDb,KAAK,EAAEjC;EAAU,GAEhB,OAAOkB,cAAc,KAAK,QAAQ,GAAGA,cAAc,GAAG4B,SACrC,CACzB,EACAG,eAAe,iBACZjG,KAAA,CAAA2E,aAAA,CAAC7D,0BAA0B;IACvB0G,gBAAgB,EAAEvB,eAAgB;IAClCwB,iBAAiB,EAAEnF,gBAAiB;IACpCsF,uBAAuB,EAAE;MAAEC,MAAM,EAAET;IAAe;EAAE,CACvD,CACJ,EAKA,CAAC/D,uBAAuB,iBACrB9C,YAAY,cACRP,KAAA,CAAA2E,aAAA;IAAKM,KAAK,EAAE;MAAE6C,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAS;EAAE,GACtDvG,QACA,CAAC,EACNwG,QAAQ,CAACC,IACb,CACU,CACrB,EACD,CACIzG,QAAQ,EACRC,UAAU,EACVyE,WAAW,EACX7C,uBAAuB,EACvB4C,eAAe,EACfmB,cAAc,EACd9E,gBAAgB,EAChBiB,2BAA2B,EAC3BhB,sBAAsB,EACtB4E,SAAS,EACTjD,cAAc,EACdlB,SAAS,CAEjB,CAAC;AACL,CAAC;AAEDzB,UAAU,CAAC2G,WAAW,GAAG,YAAY;AAErC,eAAe3G,UAAU","ignoreList":[]}

package/lib/types/components/typewriter/Typewriter.d.ts

@@ -4,113 +4,104 @@ import { CursorType } from '../../types/cursor';
 import { TypewriterDelay, TypewriterSpeed } from '../../types/speed';
 export type TypewriterProps = {
     /**
-     * The number of characters that will be animated per animation step.
-     *
-     * The step is advanced by the requestAnimationFrame-driven scheduler. When
-     * `shouldCalcAutoSpeed` is enabled, the component may override this value dynamically.
+     * The number of characters that will be animated per animation cycle.
      */
     animationSteps?: number;
     /**
-     * The content to type.
-     *
-     * Strings are animated directly. React elements and arrays are rendered to HTML first so the
-     * typewriter can preserve nested markup and inline components.
+     * The text to type
      */
     children: ReactElement | ReactElement[] | string | string[];
     /**
-     * The type of the cursor. Use the `CursorType` enum for this prop.
+     * The type of the cursor. Use the CursorType enum for this prop.
      */
     cursorType?: CursorType;
     /**
      * The delay in milliseconds before the next text is shown.
-     *
-     * This prop is only used when `children` is an array.
+     * This prop is only used if multiple texts are given.
      */
     nextTextDelay?: TypewriterDelay;
     /**
-     * Function that is executed when the entire typewriter animation has finished.
-     *
-     * This callback is not used while more texts are still queued.
+     * Function that is executed when the typewriter animation has finished. This function will not
+     * be executed if multiple texts are used.
      */
     onFinish?: VoidFunction;
     /**
-     * Function that is executed when the reset animation has finished.
-     *
-     * This callback only runs when `shouldUseResetAnimation` is enabled.
+     * Function that is executed when the reset animation has finished. This function will not be
+     * executed if `shouldUseResetAnimation` is not set to `true`.
      */
     onResetAnimationEnd?: VoidFunction;
     /**
-     * Function that is executed when the reset animation has started.
-     *
-     * This callback only runs when `shouldUseResetAnimation` is enabled.
+     * Function that is executed when the reset animation has started. This function will not be
+     * executed if `shouldUseResetAnimation` is not set to `true`.
      */
     onResetAnimationStart?: VoidFunction;
     /**
-     * Function that is executed when the typing animation has finished.
-     *
-     * If multiple texts are given, this function will be executed for each text.
+     * Function that is executed when the typing animation has finished. If multiple texts are given,
+     * this function will be executed for each text.
      */
     onTypingAnimationEnd?: VoidFunction;
     /**
-     * Function that is executed when the typing animation has started.
-     *
-     * If multiple texts are given, this function will be executed for each text.
+     * Function that is executed when the typing animation has started. If multiple texts are given,
+     * this function will be executed for each text.
      */
     onTypingAnimationStart?: VoidFunction;
     /**
-     * Invisible content that defines the reserved layout size while the animation is running.
-     *
-     * When omitted, the visible `children` are used as the layout template.
+     * Pseudo-element to be rendered invisible during animation to define the size of the element
+     * for the typewriter effect. By default, the "children" is used for this purpose.
      */
     pseudoChildren?: ReactElement | string;
     /**
      * Waiting time in milliseconds before the typewriter resets the text.
-     *
-     * This prop is only used when `children` is an array.
+     * This prop is only used if multiple texts are given.
      */
     resetDelay?: TypewriterDelay;
     /**
-     * The reset speed of the animation. Use the `TypewriterSpeed` enum for this prop.
+     * The reset speed of the animation. Use the TypewriterSpeed enum for this prop.
      */
     resetSpeed?: TypewriterSpeed | number;
     /**
-     * Keeps the cursor animated even if the current text is not actively changing.
+     * Specifies whether the cursor should be forced to animate even if no text is currently animated.
      */
     shouldForceCursorAnimation?: boolean;
     /**
-     * Hides the cursor entirely.
+     * Specifies whether the cursor should be hidden
      */
     shouldHideCursor?: boolean;
     /**
-     * Keeps the content on a single line and applies ellipsis overflow handling.
+     * Whether the content should remain a single line.
      */
     shouldRemainSingleLine?: boolean;
     /**
-     * Randomizes the order of `children` when multiple texts are provided.
+     * Specifies whether the children should be sorted randomly if there are multiple texts.
+     * This makes the typewriter start with a different text each time and also changes them
+     * in a random order.
      */
     shouldSortChildrenRandomly?: boolean;
     /**
-     * Makes the hidden sizing text follow the currently revealed chunk instead of the full content.
+     * Specifies whether the animation should use its full height or the height of the current
+     * chunk.
      */
     shouldUseAnimationHeight?: boolean;
     /**
-     * Derives the typing cadence from the observed streaming rate.
+     * Whether the animation speed should be calculated with the chunk interval.
      */
     shouldCalcAutoSpeed?: boolean;
     /**
-     * Base factor used to initialize the auto-speed EMA.
+     * Sets how long the animation should last when `shouldCalcAutoSpeed` is enabled in milliseconds.
+     * When chunks are streamed, this value will only be used for the initial speed and then change to the speed characters are added at
      */
     autoSpeedBaseFactor?: number;
     /**
-     * Animates the reset between multiple texts with a backspace-like effect.
+     * Specifies whether the reset of the text should be animated with a backspace animation for
+     * multiple texts.
      */
     shouldUseResetAnimation?: boolean;
     /**
-     * Keeps the typewriter active while waiting for new content to arrive.
+     * Whether the typewriter should wait for new content
      */
     shouldWaitForContent?: boolean;
     /**
-     * The speed of the animation. Use the `TypewriterSpeed` enum for this prop.
+     * The speed of the animation. Use the TypewriterSpeed enum for this prop.
      */
     speed?: TypewriterSpeed | number;
     /**
@@ -118,7 +109,7 @@ export type TypewriterProps = {
      */
     startDelay?: TypewriterDelay;
     /**
-     * Inline styles for the visible text element.
+     * The style of the typewriter text element
      */
     textStyle?: CSSPropertiesWithVars;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/typewriter",
-    "version": "5.0.53-alpha.1",
+    "version": "5.0.53",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -70,7 +70,7 @@
         "typescript": "^5.9.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.52",
+        "@chayns-components/core": "^5.0.53",
         "react-compiler-runtime": "^1.0.0"
     },
     "peerDependencies": {
@@ -83,5 +83,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "69820ddb1ce53b30c0c6dba7b03c89f04e7b89cf"
+    "gitHead": "8ece3beb8424358b883a16a87419ef35303be612"
 }

package/lib/cjs/components/typewriter/useTypewriterAnimation.js

@@ -1,237 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _cursor = require("../../types/cursor");
-const useTypewriterAnimation = ({
-  areMultipleChildrenGiven,
-  charactersCount,
-  cursorType,
-  onAdvanceText,
-  nextTextDelay,
-  onResetAnimationEnd,
-  onResetAnimationStart,
-  onTypingAnimationEnd,
-  onTypingAnimationStart,
-  resetDelay,
-  resetSpeed,
-  shouldUseResetAnimation,
-  shouldWaitForContent,
-  speed,
-  startDelay,
-  textContentLength,
-  autoSpeedRef,
-  autoStepsRef
-}) => {
-  const [shouldPreventBlinkingCursor, setShouldPreventBlinkingCursor] = (0, _react.useState)(false);
-  const [isResetAnimationActive, setIsResetAnimationActive] = (0, _react.useState)(false);
-  const [shouldStopAnimation, setShouldStopAnimation] = (0, _react.useState)(false);
-  const [shownCharCount, setShownCharCount] = (0, _react.useState)(charactersCount > 0 ? 0 : textContentLength);
-  const handleClick = (0, _react.useCallback)(event => {
-    event.stopPropagation();
-    event.preventDefault();
-    setShouldStopAnimation(true);
-  }, []);
-  (0, _react.useEffect)(() => {
-    let animationFrameId;
-    let phaseStartTime = performance.now();
-    let lastFrameTime = phaseStartTime;
-    let currentShownCharCount = shownCharCount;
-    let typingAccumulator = 0;
-    let resetAccumulator = 0;
-    let hasStartedTyping = false;
-    let hasStartedReset = false;
-    let hasEndedTyping = false;
-    let hasEndedReset = false;
-    let phase = isResetAnimationActive ? 'resetting' : 'typing';
-    if (startDelay) {
-      phase = 'typingDelay';
-    }
-    const cancelFrame = () => {
-      if (typeof animationFrameId === 'number') {
-        window.cancelAnimationFrame(animationFrameId);
-        animationFrameId = undefined;
-      }
-    };
-    const updateShownCharCount = nextValue => {
-      currentShownCharCount = nextValue;
-      setShownCharCount(nextValue);
-    };
-    const startTyping = () => {
-      if (hasStartedTyping) {
-        return;
-      }
-      hasStartedTyping = true;
-      if (cursorType === _cursor.CursorType.Thin) {
-        setShouldPreventBlinkingCursor(true);
-      }
-      if (typeof onTypingAnimationStart === 'function') {
-        onTypingAnimationStart();
-      }
-    };
-    const finishTyping = () => {
-      if (hasEndedTyping) {
-        return;
-      }
-      hasEndedTyping = true;
-      if (cursorType === _cursor.CursorType.Thin) {
-        setShouldPreventBlinkingCursor(false);
-      }
-      if (typeof onTypingAnimationEnd === 'function') {
-        onTypingAnimationEnd();
-      }
-    };
-    const startReset = () => {
-      if (hasStartedReset) {
-        return;
-      }
-      hasStartedReset = true;
-      if (typeof onResetAnimationStart === 'function') {
-        onResetAnimationStart();
-      }
-    };
-    const finishReset = () => {
-      if (hasEndedReset) {
-        return;
-      }
-      hasEndedReset = true;
-      if (typeof onResetAnimationEnd === 'function') {
-        onResetAnimationEnd();
-      }
-    };
-    if (shouldStopAnimation || charactersCount === 0) {
-      updateShownCharCount(textContentLength);
-      return undefined;
-    }
-    if (phase === 'typing') {
-      startTyping();
-    } else if (phase === 'resetting') {
-      startReset();
-    }
-    const tick = now => {
-      if (shouldStopAnimation || charactersCount === 0) {
-        updateShownCharCount(textContentLength);
-        cancelFrame();
-        return;
-      }
-      const delta = now - lastFrameTime;
-      lastFrameTime = now;
-      switch (phase) {
-        case 'typingDelay':
-          {
-            if (now - phaseStartTime < startDelay) {
-              break;
-            }
-            phase = 'typing';
-            phaseStartTime = now;
-            typingAccumulator = 0;
-            startTyping();
-            break;
-          }
-        case 'typing':
-          {
-            startTyping();
-            typingAccumulator += delta;
-            const typingInterval = autoSpeedRef.current ?? speed;
-            while (typingAccumulator >= typingInterval) {
-              typingAccumulator -= typingInterval;
-              const nextValue = Math.min(currentShownCharCount + autoStepsRef.current, charactersCount);
-              if (nextValue >= charactersCount) {
-                updateShownCharCount(textContentLength);
-                if (shouldWaitForContent) {
-                  typingAccumulator = 0;
-                  break;
-                }
-                finishTyping();
-                if (areMultipleChildrenGiven) {
-                  phase = 'resetDelay';
-                  phaseStartTime = now;
-                  typingAccumulator = 0;
-                } else {
-                  cancelFrame();
-                  return;
-                }
-                break;
-              }
-              updateShownCharCount(nextValue);
-            }
-            break;
-          }
-        case 'resetDelay':
-          {
-            if (now - phaseStartTime < resetDelay) {
-              break;
-            }
-            if (areMultipleChildrenGiven) {
-              if (shouldUseResetAnimation) {
-                setIsResetAnimationActive(true);
-                cancelFrame();
-                return;
-              }
-              updateShownCharCount(0);
-              phase = 'nextTextDelay';
-              phaseStartTime = now;
-            } else {
-              cancelFrame();
-              return;
-            }
-            break;
-          }
-        case 'resetting':
-          {
-            startReset();
-            resetAccumulator += delta;
-            const resetInterval = resetSpeed;
-            while (resetAccumulator >= resetInterval) {
-              resetAccumulator -= resetInterval;
-              const nextValue = Math.max(currentShownCharCount - autoStepsRef.current, 0);
-              updateShownCharCount(nextValue);
-              if (nextValue === 0) {
-                finishReset();
-                if (areMultipleChildrenGiven) {
-                  phase = 'nextTextDelay';
-                  phaseStartTime = now;
-                  resetAccumulator = 0;
-                } else {
-                  cancelFrame();
-                  return;
-                }
-                break;
-              }
-            }
-            break;
-          }
-        case 'nextTextDelay':
-          {
-            if (now - phaseStartTime < nextTextDelay) {
-              break;
-            }
-            if (shouldUseResetAnimation) {
-              setIsResetAnimationActive(false);
-            }
-            onAdvanceText === null || onAdvanceText === void 0 || onAdvanceText();
-            cancelFrame();
-            return;
-          }
-        default:
-          break;
-      }
-      animationFrameId = window.requestAnimationFrame(tick);
-    };
-    animationFrameId = window.requestAnimationFrame(tick);
-    return () => {
-      cancelFrame();
-    };
-  }, [areMultipleChildrenGiven, charactersCount, cursorType, isResetAnimationActive, nextTextDelay, onResetAnimationEnd, onResetAnimationStart, onTypingAnimationEnd, onTypingAnimationStart, resetDelay, resetSpeed, shouldStopAnimation, shouldUseResetAnimation, shouldWaitForContent, speed, startDelay, textContentLength, autoSpeedRef, autoStepsRef, onAdvanceText]);
-  return {
-    handleClick,
-    isResetAnimationActive,
-    shownCharCount,
-    shouldPreventBlinkingCursor
-  };
-};
-var _default = exports.default = useTypewriterAnimation;
-//# sourceMappingURL=useTypewriterAnimation.js.map

package/lib/cjs/components/typewriter/useTypewriterAnimation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTypewriterAnimation.js","names":["_react","require","_cursor","useTypewriterAnimation","areMultipleChildrenGiven","charactersCount","cursorType","onAdvanceText","nextTextDelay","onResetAnimationEnd","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","resetDelay","resetSpeed","shouldUseResetAnimation","shouldWaitForContent","speed","startDelay","textContentLength","autoSpeedRef","autoStepsRef","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","useState","isResetAnimationActive","setIsResetAnimationActive","shouldStopAnimation","setShouldStopAnimation","shownCharCount","setShownCharCount","handleClick","useCallback","event","stopPropagation","preventDefault","useEffect","animationFrameId","phaseStartTime","performance","now","lastFrameTime","currentShownCharCount","typingAccumulator","resetAccumulator","hasStartedTyping","hasStartedReset","hasEndedTyping","hasEndedReset","phase","cancelFrame","window","cancelAnimationFrame","undefined","updateShownCharCount","nextValue","startTyping","CursorType","Thin","finishTyping","startReset","finishReset","tick","delta","typingInterval","current","Math","min","resetInterval","max","requestAnimationFrame","_default","exports","default"],"sources":["../../../../src/components/typewriter/useTypewriterAnimation.ts"],"sourcesContent":["import type { MouseEvent, MutableRefObject } from 'react';\nimport { useCallback, useEffect, useState } from 'react';\nimport { CursorType } from '../../types/cursor';\n\nexport type UseTypewriterAnimationOptions = {\n    areMultipleChildrenGiven: boolean;\n    charactersCount: number;\n    cursorType: CursorType;\n    onAdvanceText?: VoidFunction;\n    nextTextDelay: number;\n    onResetAnimationEnd?: VoidFunction;\n    onResetAnimationStart?: VoidFunction;\n    onTypingAnimationEnd?: VoidFunction;\n    onTypingAnimationStart?: VoidFunction;\n    resetDelay: number;\n    resetSpeed: number;\n    shouldUseResetAnimation: boolean;\n    shouldWaitForContent?: boolean;\n    speed: number;\n    startDelay: number;\n    textContentLength: number;\n    autoSpeedRef: MutableRefObject<number | undefined>;\n    autoStepsRef: MutableRefObject<number>;\n};\n\nexport type UseTypewriterAnimationResult = {\n    handleClick: (event: MouseEvent) => void;\n    isResetAnimationActive: boolean;\n    shownCharCount: number;\n    shouldPreventBlinkingCursor: boolean;\n};\n\nconst useTypewriterAnimation = ({\n    areMultipleChildrenGiven,\n    charactersCount,\n    cursorType,\n    onAdvanceText,\n    nextTextDelay,\n    onResetAnimationEnd,\n    onResetAnimationStart,\n    onTypingAnimationEnd,\n    onTypingAnimationStart,\n    resetDelay,\n    resetSpeed,\n    shouldUseResetAnimation,\n    shouldWaitForContent,\n    speed,\n    startDelay,\n    textContentLength,\n    autoSpeedRef,\n    autoStepsRef,\n}: UseTypewriterAnimationOptions): UseTypewriterAnimationResult => {\n    const [shouldPreventBlinkingCursor, setShouldPreventBlinkingCursor] = useState(false);\n    const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContentLength,\n    );\n\n    const handleClick = useCallback((event: MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n\n        setShouldStopAnimation(true);\n    }, []);\n\n    useEffect(() => {\n        let animationFrameId: number | undefined;\n        let phaseStartTime = performance.now();\n        let lastFrameTime = phaseStartTime;\n        let currentShownCharCount = shownCharCount;\n        let typingAccumulator = 0;\n        let resetAccumulator = 0;\n        let hasStartedTyping = false;\n        let hasStartedReset = false;\n        let hasEndedTyping = false;\n        let hasEndedReset = false;\n\n        type AnimationPhase =\n            | 'typingDelay'\n            | 'typing'\n            | 'resetDelay'\n            | 'resetting'\n            | 'nextTextDelay';\n        let phase: AnimationPhase = isResetAnimationActive ? 'resetting' : 'typing';\n\n        if (startDelay) {\n            phase = 'typingDelay';\n        }\n\n        const cancelFrame = () => {\n            if (typeof animationFrameId === 'number') {\n                window.cancelAnimationFrame(animationFrameId);\n                animationFrameId = undefined;\n            }\n        };\n\n        const updateShownCharCount = (nextValue: number): void => {\n            currentShownCharCount = nextValue;\n            setShownCharCount(nextValue);\n        };\n\n        const startTyping = (): void => {\n            if (hasStartedTyping) {\n                return;\n            }\n\n            hasStartedTyping = true;\n\n            if (cursorType === CursorType.Thin) {\n                setShouldPreventBlinkingCursor(true);\n            }\n\n            if (typeof onTypingAnimationStart === 'function') {\n                onTypingAnimationStart();\n            }\n        };\n\n        const finishTyping = (): void => {\n            if (hasEndedTyping) {\n                return;\n            }\n\n            hasEndedTyping = true;\n\n            if (cursorType === CursorType.Thin) {\n                setShouldPreventBlinkingCursor(false);\n            }\n\n            if (typeof onTypingAnimationEnd === 'function') {\n                onTypingAnimationEnd();\n            }\n        };\n\n        const startReset = (): void => {\n            if (hasStartedReset) {\n                return;\n            }\n\n            hasStartedReset = true;\n\n            if (typeof onResetAnimationStart === 'function') {\n                onResetAnimationStart();\n            }\n        };\n\n        const finishReset = (): void => {\n            if (hasEndedReset) {\n                return;\n            }\n\n            hasEndedReset = true;\n\n            if (typeof onResetAnimationEnd === 'function') {\n                onResetAnimationEnd();\n            }\n        };\n\n        if (shouldStopAnimation || charactersCount === 0) {\n            updateShownCharCount(textContentLength);\n            return undefined;\n        }\n\n        if (phase === 'typing') {\n            startTyping();\n        } else if (phase === 'resetting') {\n            startReset();\n        }\n\n        const tick = (now: number): void => {\n            if (shouldStopAnimation || charactersCount === 0) {\n                updateShownCharCount(textContentLength);\n                cancelFrame();\n                return;\n            }\n\n            const delta = now - lastFrameTime;\n            lastFrameTime = now;\n\n            switch (phase) {\n                case 'typingDelay': {\n                    if (now - phaseStartTime < startDelay) {\n                        break;\n                    }\n\n                    phase = 'typing';\n                    phaseStartTime = now;\n                    typingAccumulator = 0;\n                    startTyping();\n                    break;\n                }\n                case 'typing': {\n                    startTyping();\n                    typingAccumulator += delta;\n\n                    const typingInterval = autoSpeedRef.current ?? speed;\n\n                    while (typingAccumulator >= typingInterval) {\n                        typingAccumulator -= typingInterval;\n\n                        const nextValue = Math.min(\n                            currentShownCharCount + autoStepsRef.current,\n                            charactersCount,\n                        );\n\n                        if (nextValue >= charactersCount) {\n                            updateShownCharCount(textContentLength);\n\n                            if (shouldWaitForContent) {\n                                typingAccumulator = 0;\n                                break;\n                            }\n\n                            finishTyping();\n\n                            if (areMultipleChildrenGiven) {\n                                phase = 'resetDelay';\n                                phaseStartTime = now;\n                                typingAccumulator = 0;\n                            } else {\n                                cancelFrame();\n                                return;\n                            }\n\n                            break;\n                        }\n\n                        updateShownCharCount(nextValue);\n                    }\n\n                    break;\n                }\n                case 'resetDelay': {\n                    if (now - phaseStartTime < resetDelay) {\n                        break;\n                    }\n\n                    if (areMultipleChildrenGiven) {\n                        if (shouldUseResetAnimation) {\n                            setIsResetAnimationActive(true);\n                            cancelFrame();\n                            return;\n                        }\n\n                        updateShownCharCount(0);\n                        phase = 'nextTextDelay';\n                        phaseStartTime = now;\n                    } else {\n                        cancelFrame();\n                        return;\n                    }\n\n                    break;\n                }\n                case 'resetting': {\n                    startReset();\n                    resetAccumulator += delta;\n\n                    const resetInterval = resetSpeed;\n\n                    while (resetAccumulator >= resetInterval) {\n                        resetAccumulator -= resetInterval;\n\n                        const nextValue = Math.max(currentShownCharCount - autoStepsRef.current, 0);\n\n                        updateShownCharCount(nextValue);\n\n                        if (nextValue === 0) {\n                            finishReset();\n\n                            if (areMultipleChildrenGiven) {\n                                phase = 'nextTextDelay';\n                                phaseStartTime = now;\n                                resetAccumulator = 0;\n                            } else {\n                                cancelFrame();\n                                return;\n                            }\n\n                            break;\n                        }\n                    }\n\n                    break;\n                }\n                case 'nextTextDelay': {\n                    if (now - phaseStartTime < nextTextDelay) {\n                        break;\n                    }\n\n                    if (shouldUseResetAnimation) {\n                        setIsResetAnimationActive(false);\n                    }\n\n                    onAdvanceText?.();\n                    cancelFrame();\n                    return;\n                }\n                default:\n                    break;\n            }\n\n            animationFrameId = window.requestAnimationFrame(tick);\n        };\n\n        animationFrameId = window.requestAnimationFrame(tick);\n\n        return () => {\n            cancelFrame();\n        };\n    }, [\n        areMultipleChildrenGiven,\n        charactersCount,\n        cursorType,\n        isResetAnimationActive,\n        nextTextDelay,\n        onResetAnimationEnd,\n        onResetAnimationStart,\n        onTypingAnimationEnd,\n        onTypingAnimationStart,\n        resetDelay,\n        resetSpeed,\n        shouldStopAnimation,\n        shouldUseResetAnimation,\n        shouldWaitForContent,\n        speed,\n        startDelay,\n        textContentLength,\n        autoSpeedRef,\n        autoStepsRef,\n        onAdvanceText,\n    ]);\n\n    return {\n        handleClick,\n        isResetAnimationActive,\n        shownCharCount,\n        shouldPreventBlinkingCursor,\n    };\n};\n\nexport default useTypewriterAnimation;\n"],"mappings":"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","ignoreList":[]}