@chayns-components/typewriter 5.0.0-beta.1000 → 5.0.0-beta.1002

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

@@ -11,6 +11,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const AnimatedTypewriterText = ({
   shouldHideCursor,
   shownText,
+  shouldRemainSingleLine,
   textStyle
 }) => {
   const updateTypewriterCursor = (0, _react.useCallback)(ref => {
@@ -51,9 +52,10 @@ const AnimatedTypewriterText = ({
     dangerouslySetInnerHTML: {
       __html: shownText
     },
+    $shouldRemainSingleLine: shouldRemainSingleLine,
     style: textStyle,
     $isAnimatingText: true
-  }), [updateTypewriterCursor, shownText, textStyle]);
+  }), [shownText, shouldRemainSingleLine, textStyle, updateTypewriterCursor]);
 };
 var _default = exports.default = AnimatedTypewriterText;
 //# sourceMappingURL=AnimatedTypewriterText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedTypewriterText.js","names":["_react","_interopRequireWildcard","require","_Typewriter","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnimatedTypewriterText","shouldHideCursor","shownText","textStyle","updateTypewriterCursor","useCallback","ref","traverseNodes","node","_node$textContent","nodeType","Node","TEXT_NODE","textContent","trim","parentElement","childNodes","Array","from","length","result","lastParentWithContent","classList","remove","querySelectorAll","forEach","element","add","useMemo","createElement","StyledTypewriterText","dangerouslySetInnerHTML","__html","style","$isAnimatingText","_default","exports"],"sources":["../../../../src/components/typewriter/AnimatedTypewriterText.tsx"],"sourcesContent":["import React, {FC, useCallback, useEffect, useMemo, useRef} from 'react';\nimport {StyledTypewriterText} from \"./Typewriter.styles\";\n\ntype AnimatedTypewriterTextProps = {\n    shouldHideCursor: boolean;\n    shownText: string;\n    textStyle?: React.CSSProperties;\n};\n\nconst AnimatedTypewriterText: FC<AnimatedTypewriterTextProps> = ({\n    shouldHideCursor,\n    shownText,\n    textStyle\n}) => {\n    const updateTypewriterCursor = useCallback((ref: HTMLSpanElement | null) => {\n        if (ref && !shouldHideCursor) {\n            // Finds the last text node with content.\n            const traverseNodes = (node: Node): HTMLElement | null => {\n                if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {\n                    return node.parentElement;\n                }\n\n                const childNodes = Array.from(node.childNodes);\n                for (let i = childNodes.length - 1; i >= 0; i--) {\n                    const result = traverseNodes(childNodes[i] as Node);\n                    if (result) {\n                        return result;\n                    }\n                }\n\n                return null;\n            }\n\n            const lastParentWithContent = traverseNodes(ref);\n\n            // Removes lastWithContent class from all elements\n            ref.classList.remove('typewriter-lastWithContent');\n            ref.querySelectorAll('.lastWithContent').forEach(element => {\n                element.classList.remove('typewriter-lastWithContent');\n            });\n\n            // Adds lastWithContent class to the last element with content\n            if (lastParentWithContent) {\n                lastParentWithContent.classList.add('typewriter-lastWithContent');\n            } else {\n                ref.classList.add('typewriter-lastWithContent');\n            }\n        }\n    }, [shouldHideCursor]);\n\n    return useMemo(() => (\n        <StyledTypewriterText\n            ref={(ref) => updateTypewriterCursor(ref)}\n            dangerouslySetInnerHTML={{ __html: shownText }}\n            style={textStyle}\n            $isAnimatingText\n        />\n    ), [updateTypewriterCursor, shownText, textStyle]);\n};\n\nexport default AnimatedTypewriterText;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AnimatedTypewriterText.js","names":["_react","_interopRequireWildcard","require","_Typewriter","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnimatedTypewriterText","shouldHideCursor","shownText","shouldRemainSingleLine","textStyle","updateTypewriterCursor","useCallback","ref","traverseNodes","node","_node$textContent","nodeType","Node","TEXT_NODE","textContent","trim","parentElement","childNodes","Array","from","length","result","lastParentWithContent","classList","remove","querySelectorAll","forEach","element","add","useMemo","createElement","StyledTypewriterText","dangerouslySetInnerHTML","__html","$shouldRemainSingleLine","style","$isAnimatingText","_default","exports"],"sources":["../../../../src/components/typewriter/AnimatedTypewriterText.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from 'react';\nimport { StyledTypewriterText } from './Typewriter.styles';\n\ntype AnimatedTypewriterTextProps = {\n    shouldHideCursor: boolean;\n    shownText: string;\n    textStyle?: React.CSSProperties;\n    shouldRemainSingleLine: boolean;\n};\n\nconst AnimatedTypewriterText: FC<AnimatedTypewriterTextProps> = ({\n    shouldHideCursor,\n    shownText,\n    shouldRemainSingleLine,\n    textStyle,\n}) => {\n    const updateTypewriterCursor = useCallback(\n        (ref: HTMLSpanElement | null) => {\n            if (ref && !shouldHideCursor) {\n                // Finds the last text node with content.\n                const traverseNodes = (node: Node): HTMLElement | null => {\n                    if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {\n                        return node.parentElement;\n                    }\n\n                    const childNodes = Array.from(node.childNodes);\n                    for (let i = childNodes.length - 1; i >= 0; i--) {\n                        const result = traverseNodes(childNodes[i] as Node);\n                        if (result) {\n                            return result;\n                        }\n                    }\n\n                    return null;\n                };\n\n                const lastParentWithContent = traverseNodes(ref);\n\n                // Removes lastWithContent class from all elements\n                ref.classList.remove('typewriter-lastWithContent');\n                ref.querySelectorAll('.lastWithContent').forEach((element) => {\n                    element.classList.remove('typewriter-lastWithContent');\n                });\n\n                // Adds lastWithContent class to the last element with content\n                if (lastParentWithContent) {\n                    lastParentWithContent.classList.add('typewriter-lastWithContent');\n                } else {\n                    ref.classList.add('typewriter-lastWithContent');\n                }\n            }\n        },\n        [shouldHideCursor],\n    );\n\n    return useMemo(\n        () => (\n            <StyledTypewriterText\n                ref={(ref) => updateTypewriterCursor(ref)}\n                dangerouslySetInnerHTML={{ __html: shownText }}\n                $shouldRemainSingleLine={shouldRemainSingleLine}\n                style={textStyle}\n                $isAnimatingText\n            />\n        ),\n        [shownText, shouldRemainSingleLine, textStyle, updateTypewriterCursor],\n    );\n};\n\nexport default AnimatedTypewriterText;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAA2D,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAS3D,MAAMW,sBAAuD,GAAGA,CAAC;EAC7DC,gBAAgB;EAChBC,SAAS;EACTC,sBAAsB;EACtBC;AACJ,CAAC,KAAK;EACF,MAAMC,sBAAsB,GAAG,IAAAC,kBAAW,EACrCC,GAA2B,IAAK;IAC7B,IAAIA,GAAG,IAAI,CAACN,gBAAgB,EAAE;MAC1B;MACA,MAAMO,aAAa,GAAIC,IAAU,IAAyB;QAAA,IAAAC,iBAAA;QACtD,IAAID,IAAI,CAACE,QAAQ,KAAKC,IAAI,CAACC,SAAS,KAAAH,iBAAA,GAAID,IAAI,CAACK,WAAW,cAAAJ,iBAAA,eAAhBA,iBAAA,CAAkBK,IAAI,CAAC,CAAC,EAAE;UAC9D,OAAON,IAAI,CAACO,aAAa;QAC7B;QAEA,MAAMC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAACV,IAAI,CAACQ,UAAU,CAAC;QAC9C,KAAK,IAAInB,CAAC,GAAGmB,UAAU,CAACG,MAAM,GAAG,CAAC,EAAEtB,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;UAC7C,MAAMuB,MAAM,GAAGb,aAAa,CAACS,UAAU,CAACnB,CAAC,CAAS,CAAC;UACnD,IAAIuB,MAAM,EAAE;YACR,OAAOA,MAAM;UACjB;QACJ;QAEA,OAAO,IAAI;MACf,CAAC;MAED,MAAMC,qBAAqB,GAAGd,aAAa,CAACD,GAAG,CAAC;;MAEhD;MACAA,GAAG,CAACgB,SAAS,CAACC,MAAM,CAAC,4BAA4B,CAAC;MAClDjB,GAAG,CAACkB,gBAAgB,CAAC,kBAAkB,CAAC,CAACC,OAAO,CAAEC,OAAO,IAAK;QAC1DA,OAAO,CAACJ,SAAS,CAACC,MAAM,CAAC,4BAA4B,CAAC;MAC1D,CAAC,CAAC;;MAEF;MACA,IAAIF,qBAAqB,EAAE;QACvBA,qBAAqB,CAACC,SAAS,CAACK,GAAG,CAAC,4BAA4B,CAAC;MACrE,CAAC,MAAM;QACHrB,GAAG,CAACgB,SAAS,CAACK,GAAG,CAAC,4BAA4B,CAAC;MACnD;IACJ;EACJ,CAAC,EACD,CAAC3B,gBAAgB,CACrB,CAAC;EAED,OAAO,IAAA4B,cAAO,EACV,mBACIrD,MAAA,CAAAU,OAAA,CAAA4C,aAAA,CAACnD,WAAA,CAAAoD,oBAAoB;IACjBxB,GAAG,EAAGA,GAAG,IAAKF,sBAAsB,CAACE,GAAG,CAAE;IAC1CyB,uBAAuB,EAAE;MAAEC,MAAM,EAAE/B;IAAU,CAAE;IAC/CgC,uBAAuB,EAAE/B,sBAAuB;IAChDgC,KAAK,EAAE/B,SAAU;IACjBgC,gBAAgB;EAAA,CACnB,CACJ,EACD,CAAClC,SAAS,EAAEC,sBAAsB,EAAEC,SAAS,EAAEC,sBAAsB,CACzE,CAAC;AACL,CAAC;AAAC,IAAAgC,QAAA,GAAAC,OAAA,CAAApD,OAAA,GAEac,sBAAsB","ignoreList":[]}

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

@@ -32,6 +32,7 @@ const Typewriter = ({
   resetDelay = _speed.TypewriterDelay.Medium,
   shouldForceCursorAnimation = false,
   shouldHideCursor = false,
+  shouldRemainSingleLine = false,
   shouldSortChildrenRandomly = false,
   shouldUseAnimationHeight = false,
   shouldUseResetAnimation = false,
@@ -251,9 +252,11 @@ const Typewriter = ({
     $shouldPreventBlinkAnimation: shouldPreventBlinkingCursor
   }, isAnimatingText ? /*#__PURE__*/_react.default.createElement(_AnimatedTypewriterText.default, {
     shouldHideCursor: shouldHideCursor,
+    shouldRemainSingleLine: shouldRemainSingleLine,
     shownText: shownText,
     textStyle: textStyle
   }) : /*#__PURE__*/_react.default.createElement(_Typewriter.StyledTypewriterText, {
+    $shouldRemainSingleLine: shouldRemainSingleLine,
     style: textStyle
   }, sortedChildren), isAnimatingText && /*#__PURE__*/_react.default.createElement(_Typewriter.StyledTypewriterPseudoText, {
     $isAnimatingText: isAnimatingText,
@@ -266,7 +269,7 @@ const Typewriter = ({
       position: 'absolute',
       visibility: 'hidden'
     }
-  }, children), document.body)), [children, cursorType, handleClick, hasRenderedChildrenOnce, isAnimatingText, pseudoTextHTML, shouldHideCursor, shouldPreventBlinkingCursor, shownText, sortedChildren, textStyle]);
+  }, children), document.body)), [children, cursorType, handleClick, hasRenderedChildrenOnce, isAnimatingText, pseudoTextHTML, shouldHideCursor, shouldPreventBlinkingCursor, shouldRemainSingleLine, shownText, sortedChildren, textStyle]);
 };
 Typewriter.displayName = 'Typewriter';
 var _default = exports.default = Typewriter;

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

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.js","names":["_core","require","_chaynsApi","_react","_interopRequireWildcard","_reactDom","_server","_cursor","_speed","_AnimatedTypewriterText","_interopRequireDefault","_Typewriter","_utils","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","Typewriter","children","cursorType","CursorType","Default","nextTextDelay","TypewriterDelay","Medium","onFinish","onResetAnimationEnd","animationSteps","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","TypewriterSpeed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","autoSpeedBaseFactor","currentChildrenIndex","setCurrentChildrenIndex","useState","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","isResetAnimationActive","setIsResetAnimationActive","shouldStopAnimation","setShouldStopAnimation","autoSpeed","setAutoSpeed","autoSteps","setAutoSteps","functions","useFunctions","values","useValues","sortedChildren","useMemo","Array","isArray","shuffleArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","React","isValidElement","renderToString","createElement","ChaynsProvider","data","isModule","ColorSchemeProvider","color","colorMode","style","display","charactersCount","getCharactersCount","shownCharCount","setShownCharCount","currentPosition","useRef","undefined","calculatedAutoSpeed","steps","calculateAutoSpeed","fullTextLength","current","baseSpeedFactor","isAnimatingText","handleClick","useCallback","event","stopPropagation","preventDefault","handleSetNextChildrenIndex","newIndex","interval","setInterval","prevState","nextState","clearInterval","setTimeout","startTypingAnimation","Thin","runTypingInterval","Math","min","shownText","getSubTextFromHTML","pseudoTextHTML","pseudoText","StyledTypewriter","$cursorType","onClick","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","StyledTypewriterText","StyledTypewriterPseudoText","dangerouslySetInnerHTML","__html","createPortal","position","visibility","document","body","displayName","_default","exports"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider } 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 { 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 { calculateAutoSpeed, getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n    /**\n     * The amount of characters that will be animated per animation cycle.\n     */\n    animationSteps?: number;\n    /**\n     * The base speed factor to calculate the animation speed.\n     */\n    autoSpeedBaseFactor?: 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     * 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     * 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?: React.CSSProperties;\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    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, setAutoSpeed] = useState<number>();\n    const [autoSteps, setAutoSteps] = useState(animationSteps);\n\n    const functions = useFunctions();\n    const values = useValues();\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    useEffect(() => {\n        if (animationSteps > 0 && !shouldCalcAutoSpeed) {\n            setAutoSteps(animationSteps);\n        }\n    }, [animationSteps, shouldCalcAutoSpeed]);\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=\"#005EB8\"\n                                  colorMode={0}\n                                  style={{ display: 'inline' }}\n                              >\n                                  {currentChildren}\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=\"#005EB8\"\n                          colorMode={0}\n                          style={{ display: 'inline' }}\n                      >\n                          {sortedChildren}\n                      </ColorSchemeProvider>\n                  </ChaynsProvider>,\n              )\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, functions, sortedChildren, values]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n\n    const currentPosition = useRef(0);\n\n    useEffect(() => {\n        if (!shouldCalcAutoSpeed) {\n            setAutoSpeed(undefined);\n            setAutoSteps(animationSteps);\n\n            return;\n        }\n\n        const { speed: calculatedAutoSpeed, steps } = calculateAutoSpeed({\n            fullTextLength: charactersCount,\n            currentPosition: currentPosition.current,\n            baseSpeedFactor: autoSpeedBaseFactor,\n        });\n\n        setAutoSpeed(calculatedAutoSpeed);\n        setAutoSteps(steps);\n    }, [animationSteps, autoSpeedBaseFactor, 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;\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, 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 in order 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\n                interval = window.setInterval(runTypingInterval, autoSpeed ?? 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        resetSpeed,\n        speed,\n        resetDelay,\n        childrenCount,\n        charactersCount,\n        textContent.length,\n        shouldStopAnimation,\n        shouldWaitForContent,\n        isResetAnimationActive,\n        shouldUseResetAnimation,\n        areMultipleChildrenGiven,\n        handleSetNextChildrenIndex,\n        nextTextDelay,\n        startDelay,\n        onResetAnimationStart,\n        onResetAnimationEnd,\n        onTypingAnimationStart,\n        onTypingAnimationEnd,\n        cursorType,\n        autoSpeed,\n        autoSteps,\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=\"#005EB8\"\n                              colorMode={0}\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    }, [functions, pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent, values]);\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                        shownText={shownText}\n                        textStyle={textStyle}\n                    />\n                ) : (\n                    <StyledTypewriterText style={textStyle}>{sortedChildren}</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 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            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":["_core","require","_chaynsApi","_react","_interopRequireWildcard","_reactDom","_server","_cursor","_speed","_AnimatedTypewriterText","_interopRequireDefault","_Typewriter","_utils","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","Typewriter","children","cursorType","CursorType","Default","nextTextDelay","TypewriterDelay","Medium","onFinish","onResetAnimationEnd","animationSteps","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldRemainSingleLine","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","TypewriterSpeed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","autoSpeedBaseFactor","currentChildrenIndex","setCurrentChildrenIndex","useState","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","isResetAnimationActive","setIsResetAnimationActive","shouldStopAnimation","setShouldStopAnimation","autoSpeed","setAutoSpeed","autoSteps","setAutoSteps","functions","useFunctions","values","useValues","sortedChildren","useMemo","Array","isArray","shuffleArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","React","isValidElement","renderToString","createElement","ChaynsProvider","data","isModule","ColorSchemeProvider","color","colorMode","style","display","charactersCount","getCharactersCount","shownCharCount","setShownCharCount","currentPosition","useRef","undefined","calculatedAutoSpeed","steps","calculateAutoSpeed","fullTextLength","current","baseSpeedFactor","isAnimatingText","handleClick","useCallback","event","stopPropagation","preventDefault","handleSetNextChildrenIndex","newIndex","interval","setInterval","prevState","nextState","clearInterval","setTimeout","startTypingAnimation","Thin","runTypingInterval","Math","min","shownText","getSubTextFromHTML","pseudoTextHTML","pseudoText","StyledTypewriter","$cursorType","onClick","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","StyledTypewriterText","$shouldRemainSingleLine","StyledTypewriterPseudoText","dangerouslySetInnerHTML","__html","createPortal","position","visibility","document","body","displayName","_default","exports"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider } 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 { 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 { calculateAutoSpeed, getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n    /**\n     * The amount of characters that will be animated per animation cycle.\n     */\n    animationSteps?: number;\n    /**\n     * The base speed factor to calculate the animation speed.\n     */\n    autoSpeedBaseFactor?: 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 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     * 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?: React.CSSProperties;\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, setAutoSpeed] = useState<number>();\n    const [autoSteps, setAutoSteps] = useState(animationSteps);\n\n    const functions = useFunctions();\n    const values = useValues();\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    useEffect(() => {\n        if (animationSteps > 0 && !shouldCalcAutoSpeed) {\n            setAutoSteps(animationSteps);\n        }\n    }, [animationSteps, shouldCalcAutoSpeed]);\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=\"#005EB8\"\n                                  colorMode={0}\n                                  style={{ display: 'inline' }}\n                              >\n                                  {currentChildren}\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=\"#005EB8\"\n                          colorMode={0}\n                          style={{ display: 'inline' }}\n                      >\n                          {sortedChildren}\n                      </ColorSchemeProvider>\n                  </ChaynsProvider>,\n              )\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, functions, sortedChildren, values]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n\n    const currentPosition = useRef(0);\n\n    useEffect(() => {\n        if (!shouldCalcAutoSpeed) {\n            setAutoSpeed(undefined);\n            setAutoSteps(animationSteps);\n\n            return;\n        }\n\n        const { speed: calculatedAutoSpeed, steps } = calculateAutoSpeed({\n            fullTextLength: charactersCount,\n            currentPosition: currentPosition.current,\n            baseSpeedFactor: autoSpeedBaseFactor,\n        });\n\n        setAutoSpeed(calculatedAutoSpeed);\n        setAutoSteps(steps);\n    }, [animationSteps, autoSpeedBaseFactor, 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;\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, 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 in order 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\n                interval = window.setInterval(runTypingInterval, autoSpeed ?? 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        resetSpeed,\n        speed,\n        resetDelay,\n        childrenCount,\n        charactersCount,\n        textContent.length,\n        shouldStopAnimation,\n        shouldWaitForContent,\n        isResetAnimationActive,\n        shouldUseResetAnimation,\n        areMultipleChildrenGiven,\n        handleSetNextChildrenIndex,\n        nextTextDelay,\n        startDelay,\n        onResetAnimationStart,\n        onResetAnimationEnd,\n        onTypingAnimationStart,\n        onTypingAnimationEnd,\n        cursorType,\n        autoSpeed,\n        autoSteps,\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=\"#005EB8\"\n                              colorMode={0}\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    }, [functions, pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent, values]);\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                        $shouldRemainSingleLine={shouldRemainSingleLine}\n                        style={textStyle}\n                    >\n                        {sortedChildren}\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 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":[]}

package/lib/cjs/components/typewriter/Typewriter.styles.js

@@ -55,9 +55,9 @@ const StyledTypewriter = exports.StyledTypewriter = _styledComponents.default.di
     ${typewriterCursorElement}
 `;
 const blinkAnimation = (0, _styledComponents.keyframes)`
-  100% {
-    visibility: hidden;
-  }
+    100% {
+        visibility: hidden;
+    }
 `;
 const StyledTypewriterPseudoText = exports.StyledTypewriterPseudoText = _styledComponents.default.span`
     opacity: 0;
@@ -92,5 +92,14 @@ const StyledTypewriterText = exports.StyledTypewriterText = _styledComponents.de
 }) => $isAnimatingText && (0, _styledComponents.css)`
             pointer-events: none;
         `}
+
+    ${({
+  $shouldRemainSingleLine
+}) => $shouldRemainSingleLine && (0, _styledComponents.css)`
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            width: 100%;
+        `}
 `;
 //# sourceMappingURL=Typewriter.styles.js.map

package/lib/cjs/components/typewriter/Typewriter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_cursor","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","typewriterCursorElement","$cursorType","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","CursorType","Thin","css","blinkAnimation","theme","text","StyledTypewriter","exports","styled","div","keyframes","StyledTypewriterPseudoText","span","StyledTypewriterText"],"sources":["../../../../src/components/typewriter/Typewriter.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled, { css, keyframes } from 'styled-components';\nimport { CursorType } from '../../types/cursor';\nimport type { TypewriterProps } from './Typewriter';\n\ntype StyledTypewriterProps = WithTheme<{\n    $cursorType: TypewriterProps['cursorType'];\n    $isAnimatingText: boolean;\n    $shouldHideCursor: TypewriterProps['shouldHideCursor'];\n    $shouldPreventBlinkAnimation: boolean;\n}>;\n\nconst typewriterCursorElement = ({\n    $cursorType,\n    $isAnimatingText,\n    $shouldHideCursor,\n    $shouldPreventBlinkAnimation,\n}: StyledTypewriterProps) => {\n    if (!$isAnimatingText || $shouldHideCursor) {\n        return '';\n    }\n\n    if ($cursorType === CursorType.Thin) {\n        return css`\n            .typewriter-lastWithContent {\n                &:after {\n                    animation: ${$shouldPreventBlinkAnimation ? 'none' : blinkAnimation} 1s steps(2, start) infinite;\n                    color: inherit;\n                    content: '|';\n                    font-size: 25px;\n                    position: relative;\n                    line-height: 0;\n                    vertical-align: baseline;\n                }\n        `;\n    }\n\n    return css`\n        .typewriter-lastWithContent {\n            &:after {\n                animation: ${blinkAnimation} 1s steps(2, start) infinite;\n                color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n                content: '▋';\n                margin-left: 0.25rem;\n                opacity: 0.85;\n                position: relative;\n                vertical-align: baseline;\n            }\n        }\n    `;\n};\n\nexport const StyledTypewriter = styled.div<StyledTypewriterProps>`\n    align-items: inherit;\n    display: flex;\n    position: relative;\n    width: 100%;\n    ${typewriterCursorElement}\n`;\n\nconst blinkAnimation = keyframes`\n  100% {\n    visibility: hidden;\n  }\n`;\n\ntype StyledTypewriterPseudoTextProps = WithTheme<{\n    $isAnimatingText?: boolean;\n    $shouldHideCursor: TypewriterProps['shouldHideCursor'];\n}>;\n\nexport const StyledTypewriterPseudoText = styled.span<StyledTypewriterPseudoTextProps>`\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n    width: fit-content;\n\n    ${({ $isAnimatingText, $shouldHideCursor }) =>\n        $isAnimatingText &&\n        !$shouldHideCursor &&\n        css`\n            &:after {\n                animation: ${blinkAnimation} 1s steps(2, start) infinite;\n                color: inherit;\n                content: '|';\n                font-size: 25px;\n                position: relative;\n                line-height: 0;\n                vertical-align: baseline;\n            }\n        `}\n`;\n\ntype StyledTypewriterTextProps = WithTheme<{\n    $isAnimatingText?: boolean;\n}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: inherit;\n    position: ${({ $isAnimatingText }) => ($isAnimatingText ? 'absolute' : 'relative')};\n    width: fit-content;\n\n    ${({ $isAnimatingText }) =>\n        $isAnimatingText &&\n        css`\n            pointer-events: none;\n        `}\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Typewriter.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_cursor","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","typewriterCursorElement","$cursorType","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","CursorType","Thin","css","blinkAnimation","theme","text","StyledTypewriter","exports","styled","div","keyframes","StyledTypewriterPseudoText","span","StyledTypewriterText","$shouldRemainSingleLine"],"sources":["../../../../src/components/typewriter/Typewriter.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled, { css, keyframes } from 'styled-components';\nimport { CursorType } from '../../types/cursor';\nimport type { TypewriterProps } from './Typewriter';\n\ntype StyledTypewriterProps = WithTheme<{\n    $cursorType: TypewriterProps['cursorType'];\n    $isAnimatingText: boolean;\n    $shouldHideCursor: TypewriterProps['shouldHideCursor'];\n    $shouldPreventBlinkAnimation: boolean;\n}>;\n\nconst typewriterCursorElement = ({\n    $cursorType,\n    $isAnimatingText,\n    $shouldHideCursor,\n    $shouldPreventBlinkAnimation,\n}: StyledTypewriterProps) => {\n    if (!$isAnimatingText || $shouldHideCursor) {\n        return '';\n    }\n\n    if ($cursorType === CursorType.Thin) {\n        return css`\n            .typewriter-lastWithContent {\n                &:after {\n                    animation: ${$shouldPreventBlinkAnimation ? 'none' : blinkAnimation} 1s steps(2, start) infinite;\n                    color: inherit;\n                    content: '|';\n                    font-size: 25px;\n                    position: relative;\n                    line-height: 0;\n                    vertical-align: baseline;\n                }\n        `;\n    }\n\n    return css`\n        .typewriter-lastWithContent {\n            &:after {\n                animation: ${blinkAnimation} 1s steps(2, start) infinite;\n                color: ${({ theme }) => (theme as { text: string }).text};\n                content: '▋';\n                margin-left: 0.25rem;\n                opacity: 0.85;\n                position: relative;\n                vertical-align: baseline;\n            }\n        }\n    `;\n};\n\nexport const StyledTypewriter = styled.div<StyledTypewriterProps>`\n    align-items: inherit;\n    display: flex;\n    position: relative;\n    width: 100%;\n    ${typewriterCursorElement}\n`;\n\nconst blinkAnimation = keyframes`\n    100% {\n        visibility: hidden;\n    }\n`;\n\ntype StyledTypewriterPseudoTextProps = WithTheme<{\n    $isAnimatingText?: boolean;\n    $shouldHideCursor: TypewriterProps['shouldHideCursor'];\n}>;\n\nexport const StyledTypewriterPseudoText = styled.span<StyledTypewriterPseudoTextProps>`\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n    width: fit-content;\n\n    ${({ $isAnimatingText, $shouldHideCursor }) =>\n        $isAnimatingText &&\n        !$shouldHideCursor &&\n        css`\n            &:after {\n                animation: ${blinkAnimation} 1s steps(2, start) infinite;\n                color: inherit;\n                content: '|';\n                font-size: 25px;\n                position: relative;\n                line-height: 0;\n                vertical-align: baseline;\n            }\n        `}\n`;\n\ntype StyledTypewriterTextProps = WithTheme<{\n    $isAnimatingText?: boolean;\n    $shouldRemainSingleLine: boolean;\n}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: inherit;\n    position: ${({ $isAnimatingText }) => ($isAnimatingText ? 'absolute' : 'relative')};\n    width: fit-content;\n\n    ${({ $isAnimatingText }) =>\n        $isAnimatingText &&\n        css`\n            pointer-events: none;\n        `}\n\n    ${({ $shouldRemainSingleLine }) =>\n        $shouldRemainSingleLine &&\n        css`\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            width: 100%;\n        `}\n`;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/typewriter/AnimatedTypewriterText.js

@@ -1,9 +1,10 @@
 import React, { useCallback, useMemo } from 'react';
-import { StyledTypewriterText } from "./Typewriter.styles";
+import { StyledTypewriterText } from './Typewriter.styles';
 const AnimatedTypewriterText = _ref => {
   let {
     shouldHideCursor,
     shownText,
+    shouldRemainSingleLine,
     textStyle
   } = _ref;
   const updateTypewriterCursor = useCallback(ref => {
@@ -43,9 +44,10 @@ const AnimatedTypewriterText = _ref => {
     dangerouslySetInnerHTML: {
       __html: shownText
     },
+    $shouldRemainSingleLine: shouldRemainSingleLine,
     style: textStyle,
     $isAnimatingText: true
-  }), [updateTypewriterCursor, shownText, textStyle]);
+  }), [shownText, shouldRemainSingleLine, textStyle, updateTypewriterCursor]);
 };
 export default AnimatedTypewriterText;
 //# sourceMappingURL=AnimatedTypewriterText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedTypewriterText.js","names":["React","useCallback","useMemo","StyledTypewriterText","AnimatedTypewriterText","_ref","shouldHideCursor","shownText","textStyle","updateTypewriterCursor","ref","traverseNodes","node","nodeType","Node","TEXT_NODE","textContent","trim","parentElement","childNodes","Array","from","i","length","result","lastParentWithContent","classList","remove","querySelectorAll","forEach","element","add","createElement","dangerouslySetInnerHTML","__html","style","$isAnimatingText"],"sources":["../../../../src/components/typewriter/AnimatedTypewriterText.tsx"],"sourcesContent":["import React, {FC, useCallback, useEffect, useMemo, useRef} from 'react';\nimport {StyledTypewriterText} from \"./Typewriter.styles\";\n\ntype AnimatedTypewriterTextProps = {\n    shouldHideCursor: boolean;\n    shownText: string;\n    textStyle?: React.CSSProperties;\n};\n\nconst AnimatedTypewriterText: FC<AnimatedTypewriterTextProps> = ({\n    shouldHideCursor,\n    shownText,\n    textStyle\n}) => {\n    const updateTypewriterCursor = useCallback((ref: HTMLSpanElement | null) => {\n        if (ref && !shouldHideCursor) {\n            // Finds the last text node with content.\n            const traverseNodes = (node: Node): HTMLElement | null => {\n                if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {\n                    return node.parentElement;\n                }\n\n                const childNodes = Array.from(node.childNodes);\n                for (let i = childNodes.length - 1; i >= 0; i--) {\n                    const result = traverseNodes(childNodes[i] as Node);\n                    if (result) {\n                        return result;\n                    }\n                }\n\n                return null;\n            }\n\n            const lastParentWithContent = traverseNodes(ref);\n\n            // Removes lastWithContent class from all elements\n            ref.classList.remove('typewriter-lastWithContent');\n            ref.querySelectorAll('.lastWithContent').forEach(element => {\n                element.classList.remove('typewriter-lastWithContent');\n            });\n\n            // Adds lastWithContent class to the last element with content\n            if (lastParentWithContent) {\n                lastParentWithContent.classList.add('typewriter-lastWithContent');\n            } else {\n                ref.classList.add('typewriter-lastWithContent');\n            }\n        }\n    }, [shouldHideCursor]);\n\n    return useMemo(() => (\n        <StyledTypewriterText\n            ref={(ref) => updateTypewriterCursor(ref)}\n            dangerouslySetInnerHTML={{ __html: shownText }}\n            style={textStyle}\n            $isAnimatingText\n        />\n    ), [updateTypewriterCursor, shownText, textStyle]);\n};\n\nexport default AnimatedTypewriterText;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAOC,WAAW,EAAaC,OAAO,QAAe,OAAO;AACxE,SAAQC,oBAAoB,QAAO,qBAAqB;AAQxD,MAAMC,sBAAuD,GAAGC,IAAA,IAI1D;EAAA,IAJ2D;IAC7DC,gBAAgB;IAChBC,SAAS;IACTC;EACJ,CAAC,GAAAH,IAAA;EACG,MAAMI,sBAAsB,GAAGR,WAAW,CAAES,GAA2B,IAAK;IACxE,IAAIA,GAAG,IAAI,CAACJ,gBAAgB,EAAE;MAC1B;MACA,MAAMK,aAAa,GAAIC,IAAU,IAAyB;QACtD,IAAIA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,SAAS,IAAIH,IAAI,CAACI,WAAW,EAAEC,IAAI,CAAC,CAAC,EAAE;UAC9D,OAAOL,IAAI,CAACM,aAAa;QAC7B;QAEA,MAAMC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAACT,IAAI,CAACO,UAAU,CAAC;QAC9C,KAAK,IAAIG,CAAC,GAAGH,UAAU,CAACI,MAAM,GAAG,CAAC,EAAED,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;UAC7C,MAAME,MAAM,GAAGb,aAAa,CAACQ,UAAU,CAACG,CAAC,CAAS,CAAC;UACnD,IAAIE,MAAM,EAAE;YACR,OAAOA,MAAM;UACjB;QACJ;QAEA,OAAO,IAAI;MACf,CAAC;MAED,MAAMC,qBAAqB,GAAGd,aAAa,CAACD,GAAG,CAAC;;MAEhD;MACAA,GAAG,CAACgB,SAAS,CAACC,MAAM,CAAC,4BAA4B,CAAC;MAClDjB,GAAG,CAACkB,gBAAgB,CAAC,kBAAkB,CAAC,CAACC,OAAO,CAACC,OAAO,IAAI;QACxDA,OAAO,CAACJ,SAAS,CAACC,MAAM,CAAC,4BAA4B,CAAC;MAC1D,CAAC,CAAC;;MAEF;MACA,IAAIF,qBAAqB,EAAE;QACvBA,qBAAqB,CAACC,SAAS,CAACK,GAAG,CAAC,4BAA4B,CAAC;MACrE,CAAC,MAAM;QACHrB,GAAG,CAACgB,SAAS,CAACK,GAAG,CAAC,4BAA4B,CAAC;MACnD;IACJ;EACJ,CAAC,EAAE,CAACzB,gBAAgB,CAAC,CAAC;EAEtB,OAAOJ,OAAO,CAAC,mBACXF,KAAA,CAAAgC,aAAA,CAAC7B,oBAAoB;IACjBO,GAAG,EAAGA,GAAG,IAAKD,sBAAsB,CAACC,GAAG,CAAE;IAC1CuB,uBAAuB,EAAE;MAAEC,MAAM,EAAE3B;IAAU,CAAE;IAC/C4B,KAAK,EAAE3B,SAAU;IACjB4B,gBAAgB;EAAA,CACnB,CACJ,EAAE,CAAC3B,sBAAsB,EAAEF,SAAS,EAAEC,SAAS,CAAC,CAAC;AACtD,CAAC;AAED,eAAeJ,sBAAsB","ignoreList":[]}
+{"version":3,"file":"AnimatedTypewriterText.js","names":["React","useCallback","useMemo","StyledTypewriterText","AnimatedTypewriterText","_ref","shouldHideCursor","shownText","shouldRemainSingleLine","textStyle","updateTypewriterCursor","ref","traverseNodes","node","nodeType","Node","TEXT_NODE","textContent","trim","parentElement","childNodes","Array","from","i","length","result","lastParentWithContent","classList","remove","querySelectorAll","forEach","element","add","createElement","dangerouslySetInnerHTML","__html","$shouldRemainSingleLine","style","$isAnimatingText"],"sources":["../../../../src/components/typewriter/AnimatedTypewriterText.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from 'react';\nimport { StyledTypewriterText } from './Typewriter.styles';\n\ntype AnimatedTypewriterTextProps = {\n    shouldHideCursor: boolean;\n    shownText: string;\n    textStyle?: React.CSSProperties;\n    shouldRemainSingleLine: boolean;\n};\n\nconst AnimatedTypewriterText: FC<AnimatedTypewriterTextProps> = ({\n    shouldHideCursor,\n    shownText,\n    shouldRemainSingleLine,\n    textStyle,\n}) => {\n    const updateTypewriterCursor = useCallback(\n        (ref: HTMLSpanElement | null) => {\n            if (ref && !shouldHideCursor) {\n                // Finds the last text node with content.\n                const traverseNodes = (node: Node): HTMLElement | null => {\n                    if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {\n                        return node.parentElement;\n                    }\n\n                    const childNodes = Array.from(node.childNodes);\n                    for (let i = childNodes.length - 1; i >= 0; i--) {\n                        const result = traverseNodes(childNodes[i] as Node);\n                        if (result) {\n                            return result;\n                        }\n                    }\n\n                    return null;\n                };\n\n                const lastParentWithContent = traverseNodes(ref);\n\n                // Removes lastWithContent class from all elements\n                ref.classList.remove('typewriter-lastWithContent');\n                ref.querySelectorAll('.lastWithContent').forEach((element) => {\n                    element.classList.remove('typewriter-lastWithContent');\n                });\n\n                // Adds lastWithContent class to the last element with content\n                if (lastParentWithContent) {\n                    lastParentWithContent.classList.add('typewriter-lastWithContent');\n                } else {\n                    ref.classList.add('typewriter-lastWithContent');\n                }\n            }\n        },\n        [shouldHideCursor],\n    );\n\n    return useMemo(\n        () => (\n            <StyledTypewriterText\n                ref={(ref) => updateTypewriterCursor(ref)}\n                dangerouslySetInnerHTML={{ __html: shownText }}\n                $shouldRemainSingleLine={shouldRemainSingleLine}\n                style={textStyle}\n                $isAnimatingText\n            />\n        ),\n        [shownText, shouldRemainSingleLine, textStyle, updateTypewriterCursor],\n    );\n};\n\nexport default AnimatedTypewriterText;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACvD,SAASC,oBAAoB,QAAQ,qBAAqB;AAS1D,MAAMC,sBAAuD,GAAGC,IAAA,IAK1D;EAAA,IAL2D;IAC7DC,gBAAgB;IAChBC,SAAS;IACTC,sBAAsB;IACtBC;EACJ,CAAC,GAAAJ,IAAA;EACG,MAAMK,sBAAsB,GAAGT,WAAW,CACrCU,GAA2B,IAAK;IAC7B,IAAIA,GAAG,IAAI,CAACL,gBAAgB,EAAE;MAC1B;MACA,MAAMM,aAAa,GAAIC,IAAU,IAAyB;QACtD,IAAIA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,SAAS,IAAIH,IAAI,CAACI,WAAW,EAAEC,IAAI,CAAC,CAAC,EAAE;UAC9D,OAAOL,IAAI,CAACM,aAAa;QAC7B;QAEA,MAAMC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAACT,IAAI,CAACO,UAAU,CAAC;QAC9C,KAAK,IAAIG,CAAC,GAAGH,UAAU,CAACI,MAAM,GAAG,CAAC,EAAED,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;UAC7C,MAAME,MAAM,GAAGb,aAAa,CAACQ,UAAU,CAACG,CAAC,CAAS,CAAC;UACnD,IAAIE,MAAM,EAAE;YACR,OAAOA,MAAM;UACjB;QACJ;QAEA,OAAO,IAAI;MACf,CAAC;MAED,MAAMC,qBAAqB,GAAGd,aAAa,CAACD,GAAG,CAAC;;MAEhD;MACAA,GAAG,CAACgB,SAAS,CAACC,MAAM,CAAC,4BAA4B,CAAC;MAClDjB,GAAG,CAACkB,gBAAgB,CAAC,kBAAkB,CAAC,CAACC,OAAO,CAAEC,OAAO,IAAK;QAC1DA,OAAO,CAACJ,SAAS,CAACC,MAAM,CAAC,4BAA4B,CAAC;MAC1D,CAAC,CAAC;;MAEF;MACA,IAAIF,qBAAqB,EAAE;QACvBA,qBAAqB,CAACC,SAAS,CAACK,GAAG,CAAC,4BAA4B,CAAC;MACrE,CAAC,MAAM;QACHrB,GAAG,CAACgB,SAAS,CAACK,GAAG,CAAC,4BAA4B,CAAC;MACnD;IACJ;EACJ,CAAC,EACD,CAAC1B,gBAAgB,CACrB,CAAC;EAED,OAAOJ,OAAO,CACV,mBACIF,KAAA,CAAAiC,aAAA,CAAC9B,oBAAoB;IACjBQ,GAAG,EAAGA,GAAG,IAAKD,sBAAsB,CAACC,GAAG,CAAE;IAC1CuB,uBAAuB,EAAE;MAAEC,MAAM,EAAE5B;IAAU,CAAE;IAC/C6B,uBAAuB,EAAE5B,sBAAuB;IAChD6B,KAAK,EAAE5B,SAAU;IACjB6B,gBAAgB;EAAA,CACnB,CACJ,EACD,CAAC/B,SAAS,EAAEC,sBAAsB,EAAEC,SAAS,EAAEC,sBAAsB,CACzE,CAAC;AACL,CAAC;AAED,eAAeN,sBAAsB","ignoreList":[]}

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

@@ -24,6 +24,7 @@ const Typewriter = _ref => {
     resetDelay = TypewriterDelay.Medium,
     shouldForceCursorAnimation = false,
     shouldHideCursor = false,
+    shouldRemainSingleLine = false,
     shouldSortChildrenRandomly = false,
     shouldUseAnimationHeight = false,
     shouldUseResetAnimation = false,
@@ -243,9 +244,11 @@ const Typewriter = _ref => {
     $shouldPreventBlinkAnimation: shouldPreventBlinkingCursor
   }, isAnimatingText ? /*#__PURE__*/React.createElement(AnimatedTypewriterText, {
     shouldHideCursor: shouldHideCursor,
+    shouldRemainSingleLine: shouldRemainSingleLine,
     shownText: shownText,
     textStyle: textStyle
   }) : /*#__PURE__*/React.createElement(StyledTypewriterText, {
+    $shouldRemainSingleLine: shouldRemainSingleLine,
     style: textStyle
   }, sortedChildren), isAnimatingText && /*#__PURE__*/React.createElement(StyledTypewriterPseudoText, {
     $isAnimatingText: isAnimatingText,
@@ -258,7 +261,7 @@ const Typewriter = _ref => {
       position: 'absolute',
       visibility: 'hidden'
     }
-  }, children), document.body)), [children, cursorType, handleClick, hasRenderedChildrenOnce, isAnimatingText, pseudoTextHTML, shouldHideCursor, shouldPreventBlinkingCursor, shownText, sortedChildren, textStyle]);
+  }, children), document.body)), [children, cursorType, handleClick, hasRenderedChildrenOnce, isAnimatingText, pseudoTextHTML, shouldHideCursor, shouldPreventBlinkingCursor, shouldRemainSingleLine, shownText, sortedChildren, textStyle]);
 };
 Typewriter.displayName = 'Typewriter';
 export default Typewriter;

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

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.js","names":["ColorSchemeProvider","ChaynsProvider","useFunctions","useValues","React","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","createPortal","renderToString","CursorType","TypewriterDelay","TypewriterSpeed","AnimatedTypewriterText","StyledTypewriter","StyledTypewriterPseudoText","StyledTypewriterText","calculateAutoSpeed","getCharactersCount","getSubTextFromHTML","shuffleArray","useIsomorphicLayoutEffect","window","Typewriter","_ref","children","cursorType","Default","nextTextDelay","Medium","onFinish","onResetAnimationEnd","animationSteps","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","autoSpeedBaseFactor","currentChildrenIndex","setCurrentChildrenIndex","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","isResetAnimationActive","setIsResetAnimationActive","shouldStopAnimation","setShouldStopAnimation","autoSpeed","setAutoSpeed","autoSteps","setAutoSteps","functions","values","sortedChildren","Array","isArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","isValidElement","createElement","data","isModule","color","colorMode","style","display","charactersCount","shownCharCount","setShownCharCount","currentPosition","undefined","calculatedAutoSpeed","steps","fullTextLength","current","baseSpeedFactor","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","dangerouslySetInnerHTML","__html","position","visibility","document","body","displayName"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider } 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 { 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 { calculateAutoSpeed, getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n    /**\n     * The amount of characters that will be animated per animation cycle.\n     */\n    animationSteps?: number;\n    /**\n     * The base speed factor to calculate the animation speed.\n     */\n    autoSpeedBaseFactor?: 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     * 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     * 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?: React.CSSProperties;\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    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, setAutoSpeed] = useState<number>();\n    const [autoSteps, setAutoSteps] = useState(animationSteps);\n\n    const functions = useFunctions();\n    const values = useValues();\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    useEffect(() => {\n        if (animationSteps > 0 && !shouldCalcAutoSpeed) {\n            setAutoSteps(animationSteps);\n        }\n    }, [animationSteps, shouldCalcAutoSpeed]);\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=\"#005EB8\"\n                                  colorMode={0}\n                                  style={{ display: 'inline' }}\n                              >\n                                  {currentChildren}\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=\"#005EB8\"\n                          colorMode={0}\n                          style={{ display: 'inline' }}\n                      >\n                          {sortedChildren}\n                      </ColorSchemeProvider>\n                  </ChaynsProvider>,\n              )\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, functions, sortedChildren, values]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n\n    const currentPosition = useRef(0);\n\n    useEffect(() => {\n        if (!shouldCalcAutoSpeed) {\n            setAutoSpeed(undefined);\n            setAutoSteps(animationSteps);\n\n            return;\n        }\n\n        const { speed: calculatedAutoSpeed, steps } = calculateAutoSpeed({\n            fullTextLength: charactersCount,\n            currentPosition: currentPosition.current,\n            baseSpeedFactor: autoSpeedBaseFactor,\n        });\n\n        setAutoSpeed(calculatedAutoSpeed);\n        setAutoSteps(steps);\n    }, [animationSteps, autoSpeedBaseFactor, 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;\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, 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 in order 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\n                interval = window.setInterval(runTypingInterval, autoSpeed ?? 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        resetSpeed,\n        speed,\n        resetDelay,\n        childrenCount,\n        charactersCount,\n        textContent.length,\n        shouldStopAnimation,\n        shouldWaitForContent,\n        isResetAnimationActive,\n        shouldUseResetAnimation,\n        areMultipleChildrenGiven,\n        handleSetNextChildrenIndex,\n        nextTextDelay,\n        startDelay,\n        onResetAnimationStart,\n        onResetAnimationEnd,\n        onTypingAnimationStart,\n        onTypingAnimationEnd,\n        cursorType,\n        autoSpeed,\n        autoSteps,\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=\"#005EB8\"\n                              colorMode={0}\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    }, [functions, pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent, values]);\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                        shownText={shownText}\n                        textStyle={textStyle}\n                    />\n                ) : (\n                    <StyledTypewriterText style={textStyle}>{sortedChildren}</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 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            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","ChaynsProvider","useFunctions","useValues","React","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","createPortal","renderToString","CursorType","TypewriterDelay","TypewriterSpeed","AnimatedTypewriterText","StyledTypewriter","StyledTypewriterPseudoText","StyledTypewriterText","calculateAutoSpeed","getCharactersCount","getSubTextFromHTML","shuffleArray","useIsomorphicLayoutEffect","window","Typewriter","_ref","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","setAutoSpeed","autoSteps","setAutoSteps","functions","values","sortedChildren","Array","isArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","isValidElement","createElement","data","isModule","color","colorMode","style","display","charactersCount","shownCharCount","setShownCharCount","currentPosition","undefined","calculatedAutoSpeed","steps","fullTextLength","current","baseSpeedFactor","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 } 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 { 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 { calculateAutoSpeed, getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n    /**\n     * The amount of characters that will be animated per animation cycle.\n     */\n    animationSteps?: number;\n    /**\n     * The base speed factor to calculate the animation speed.\n     */\n    autoSpeedBaseFactor?: 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 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     * 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?: React.CSSProperties;\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, setAutoSpeed] = useState<number>();\n    const [autoSteps, setAutoSteps] = useState(animationSteps);\n\n    const functions = useFunctions();\n    const values = useValues();\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    useEffect(() => {\n        if (animationSteps > 0 && !shouldCalcAutoSpeed) {\n            setAutoSteps(animationSteps);\n        }\n    }, [animationSteps, shouldCalcAutoSpeed]);\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=\"#005EB8\"\n                                  colorMode={0}\n                                  style={{ display: 'inline' }}\n                              >\n                                  {currentChildren}\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=\"#005EB8\"\n                          colorMode={0}\n                          style={{ display: 'inline' }}\n                      >\n                          {sortedChildren}\n                      </ColorSchemeProvider>\n                  </ChaynsProvider>,\n              )\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, functions, sortedChildren, values]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n\n    const currentPosition = useRef(0);\n\n    useEffect(() => {\n        if (!shouldCalcAutoSpeed) {\n            setAutoSpeed(undefined);\n            setAutoSteps(animationSteps);\n\n            return;\n        }\n\n        const { speed: calculatedAutoSpeed, steps } = calculateAutoSpeed({\n            fullTextLength: charactersCount,\n            currentPosition: currentPosition.current,\n            baseSpeedFactor: autoSpeedBaseFactor,\n        });\n\n        setAutoSpeed(calculatedAutoSpeed);\n        setAutoSteps(steps);\n    }, [animationSteps, autoSpeedBaseFactor, 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;\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, 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 in order 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\n                interval = window.setInterval(runTypingInterval, autoSpeed ?? 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        resetSpeed,\n        speed,\n        resetDelay,\n        childrenCount,\n        charactersCount,\n        textContent.length,\n        shouldStopAnimation,\n        shouldWaitForContent,\n        isResetAnimationActive,\n        shouldUseResetAnimation,\n        areMultipleChildrenGiven,\n        handleSetNextChildrenIndex,\n        nextTextDelay,\n        startDelay,\n        onResetAnimationStart,\n        onResetAnimationEnd,\n        onTypingAnimationStart,\n        onTypingAnimationEnd,\n        cursorType,\n        autoSpeed,\n        autoSteps,\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=\"#005EB8\"\n                              colorMode={0}\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    }, [functions, pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent, values]);\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                        $shouldRemainSingleLine={shouldRemainSingleLine}\n                        style={textStyle}\n                    >\n                        {sortedChildren}\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 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":[]}

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

@@ -51,9 +51,9 @@ export const StyledTypewriter = styled.div`
     ${typewriterCursorElement}
 `;
 const blinkAnimation = keyframes`
-  100% {
-    visibility: hidden;
-  }
+    100% {
+        visibility: hidden;
+    }
 `;
 export const StyledTypewriterPseudoText = styled.span`
     opacity: 0;
@@ -97,5 +97,17 @@ export const StyledTypewriterText = styled.span`
             pointer-events: none;
         `;
 }}
+
+    ${_ref6 => {
+  let {
+    $shouldRemainSingleLine
+  } = _ref6;
+  return $shouldRemainSingleLine && css`
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            width: 100%;
+        `;
+}}
 `;
 //# sourceMappingURL=Typewriter.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.styles.js","names":["styled","css","keyframes","CursorType","typewriterCursorElement","_ref","$cursorType","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","Thin","blinkAnimation","_ref2","theme","text","StyledTypewriter","div","StyledTypewriterPseudoText","span","_ref3","StyledTypewriterText","_ref4","_ref5"],"sources":["../../../../src/components/typewriter/Typewriter.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled, { css, keyframes } from 'styled-components';\nimport { CursorType } from '../../types/cursor';\nimport type { TypewriterProps } from './Typewriter';\n\ntype StyledTypewriterProps = WithTheme<{\n    $cursorType: TypewriterProps['cursorType'];\n    $isAnimatingText: boolean;\n    $shouldHideCursor: TypewriterProps['shouldHideCursor'];\n    $shouldPreventBlinkAnimation: boolean;\n}>;\n\nconst typewriterCursorElement = ({\n    $cursorType,\n    $isAnimatingText,\n    $shouldHideCursor,\n    $shouldPreventBlinkAnimation,\n}: StyledTypewriterProps) => {\n    if (!$isAnimatingText || $shouldHideCursor) {\n        return '';\n    }\n\n    if ($cursorType === CursorType.Thin) {\n        return css`\n            .typewriter-lastWithContent {\n                &:after {\n                    animation: ${$shouldPreventBlinkAnimation ? 'none' : blinkAnimation} 1s steps(2, start) infinite;\n                    color: inherit;\n                    content: '|';\n                    font-size: 25px;\n                    position: relative;\n                    line-height: 0;\n                    vertical-align: baseline;\n                }\n        `;\n    }\n\n    return css`\n        .typewriter-lastWithContent {\n            &:after {\n                animation: ${blinkAnimation} 1s steps(2, start) infinite;\n                color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n                content: '▋';\n                margin-left: 0.25rem;\n                opacity: 0.85;\n                position: relative;\n                vertical-align: baseline;\n            }\n        }\n    `;\n};\n\nexport const StyledTypewriter = styled.div<StyledTypewriterProps>`\n    align-items: inherit;\n    display: flex;\n    position: relative;\n    width: 100%;\n    ${typewriterCursorElement}\n`;\n\nconst blinkAnimation = keyframes`\n  100% {\n    visibility: hidden;\n  }\n`;\n\ntype StyledTypewriterPseudoTextProps = WithTheme<{\n    $isAnimatingText?: boolean;\n    $shouldHideCursor: TypewriterProps['shouldHideCursor'];\n}>;\n\nexport const StyledTypewriterPseudoText = styled.span<StyledTypewriterPseudoTextProps>`\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n    width: fit-content;\n\n    ${({ $isAnimatingText, $shouldHideCursor }) =>\n        $isAnimatingText &&\n        !$shouldHideCursor &&\n        css`\n            &:after {\n                animation: ${blinkAnimation} 1s steps(2, start) infinite;\n                color: inherit;\n                content: '|';\n                font-size: 25px;\n                position: relative;\n                line-height: 0;\n                vertical-align: baseline;\n            }\n        `}\n`;\n\ntype StyledTypewriterTextProps = WithTheme<{\n    $isAnimatingText?: boolean;\n}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: inherit;\n    position: ${({ $isAnimatingText }) => ($isAnimatingText ? 'absolute' : 'relative')};\n    width: fit-content;\n\n    ${({ $isAnimatingText }) =>\n        $isAnimatingText &&\n        css`\n            pointer-events: none;\n        `}\n`;\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,UAAU,QAAQ,oBAAoB;AAU/C,MAAMC,uBAAuB,GAAGC,IAAA,IAKH;EAAA,IALI;IAC7BC,WAAW;IACXC,gBAAgB;IAChBC,iBAAiB;IACjBC;EACmB,CAAC,GAAAJ,IAAA;EACpB,IAAI,CAACE,gBAAgB,IAAIC,iBAAiB,EAAE;IACxC,OAAO,EAAE;EACb;EAEA,IAAIF,WAAW,KAAKH,UAAU,CAACO,IAAI,EAAE;IACjC,OAAOT,GAAG;AAClB;AACA;AACA,iCAAiCQ,4BAA4B,GAAG,MAAM,GAAGE,cAAc;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;EACL;EAEA,OAAOV,GAAG;AACd;AACA;AACA,6BAA6BU,cAAc;AAC3C,yBAAyBC,KAAA;IAAA,IAAC;MAAEC;IAAiC,CAAC,GAAAD,KAAA;IAAA,OAAKC,KAAK,CAACC,IAAI;EAAA;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGf,MAAM,CAACgB,GAA0B;AACjE;AACA;AACA;AACA;AACA,MAAMZ,uBAAuB;AAC7B,CAAC;AAED,MAAMO,cAAc,GAAGT,SAAS;AAChC;AACA;AACA;AACA,CAAC;AAOD,OAAO,MAAMe,0BAA0B,GAAGjB,MAAM,CAACkB,IAAqC;AACtF;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEZ,gBAAgB;IAAEC;EAAkB,CAAC,GAAAW,KAAA;EAAA,OACtCZ,gBAAgB,IAChB,CAACC,iBAAiB,IAClBP,GAAG;AACX;AACA,6BAA6BU,cAAc;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AAAA;AACT,CAAC;AAMD,OAAO,MAAMS,oBAAoB,GAAGpB,MAAM,CAACkB,IAA+B;AAC1E;AACA,gBAAgBG,KAAA;EAAA,IAAC;IAAEd;EAAiB,CAAC,GAAAc,KAAA;EAAA,OAAMd,gBAAgB,GAAG,UAAU,GAAG,UAAU;AAAA,CAAC;AACtF;AACA;AACA,MAAMe,KAAA;EAAA,IAAC;IAAEf;EAAiB,CAAC,GAAAe,KAAA;EAAA,OACnBf,gBAAgB,IAChBN,GAAG;AACX;AACA,SAAS;AAAA;AACT,CAAC","ignoreList":[]}
+{"version":3,"file":"Typewriter.styles.js","names":["styled","css","keyframes","CursorType","typewriterCursorElement","_ref","$cursorType","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","Thin","blinkAnimation","_ref2","theme","text","StyledTypewriter","div","StyledTypewriterPseudoText","span","_ref3","StyledTypewriterText","_ref4","_ref5","_ref6","$shouldRemainSingleLine"],"sources":["../../../../src/components/typewriter/Typewriter.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled, { css, keyframes } from 'styled-components';\nimport { CursorType } from '../../types/cursor';\nimport type { TypewriterProps } from './Typewriter';\n\ntype StyledTypewriterProps = WithTheme<{\n    $cursorType: TypewriterProps['cursorType'];\n    $isAnimatingText: boolean;\n    $shouldHideCursor: TypewriterProps['shouldHideCursor'];\n    $shouldPreventBlinkAnimation: boolean;\n}>;\n\nconst typewriterCursorElement = ({\n    $cursorType,\n    $isAnimatingText,\n    $shouldHideCursor,\n    $shouldPreventBlinkAnimation,\n}: StyledTypewriterProps) => {\n    if (!$isAnimatingText || $shouldHideCursor) {\n        return '';\n    }\n\n    if ($cursorType === CursorType.Thin) {\n        return css`\n            .typewriter-lastWithContent {\n                &:after {\n                    animation: ${$shouldPreventBlinkAnimation ? 'none' : blinkAnimation} 1s steps(2, start) infinite;\n                    color: inherit;\n                    content: '|';\n                    font-size: 25px;\n                    position: relative;\n                    line-height: 0;\n                    vertical-align: baseline;\n                }\n        `;\n    }\n\n    return css`\n        .typewriter-lastWithContent {\n            &:after {\n                animation: ${blinkAnimation} 1s steps(2, start) infinite;\n                color: ${({ theme }) => (theme as { text: string }).text};\n                content: '▋';\n                margin-left: 0.25rem;\n                opacity: 0.85;\n                position: relative;\n                vertical-align: baseline;\n            }\n        }\n    `;\n};\n\nexport const StyledTypewriter = styled.div<StyledTypewriterProps>`\n    align-items: inherit;\n    display: flex;\n    position: relative;\n    width: 100%;\n    ${typewriterCursorElement}\n`;\n\nconst blinkAnimation = keyframes`\n    100% {\n        visibility: hidden;\n    }\n`;\n\ntype StyledTypewriterPseudoTextProps = WithTheme<{\n    $isAnimatingText?: boolean;\n    $shouldHideCursor: TypewriterProps['shouldHideCursor'];\n}>;\n\nexport const StyledTypewriterPseudoText = styled.span<StyledTypewriterPseudoTextProps>`\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n    width: fit-content;\n\n    ${({ $isAnimatingText, $shouldHideCursor }) =>\n        $isAnimatingText &&\n        !$shouldHideCursor &&\n        css`\n            &:after {\n                animation: ${blinkAnimation} 1s steps(2, start) infinite;\n                color: inherit;\n                content: '|';\n                font-size: 25px;\n                position: relative;\n                line-height: 0;\n                vertical-align: baseline;\n            }\n        `}\n`;\n\ntype StyledTypewriterTextProps = WithTheme<{\n    $isAnimatingText?: boolean;\n    $shouldRemainSingleLine: boolean;\n}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: inherit;\n    position: ${({ $isAnimatingText }) => ($isAnimatingText ? 'absolute' : 'relative')};\n    width: fit-content;\n\n    ${({ $isAnimatingText }) =>\n        $isAnimatingText &&\n        css`\n            pointer-events: none;\n        `}\n\n    ${({ $shouldRemainSingleLine }) =>\n        $shouldRemainSingleLine &&\n        css`\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            width: 100%;\n        `}\n`;\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,UAAU,QAAQ,oBAAoB;AAU/C,MAAMC,uBAAuB,GAAGC,IAAA,IAKH;EAAA,IALI;IAC7BC,WAAW;IACXC,gBAAgB;IAChBC,iBAAiB;IACjBC;EACmB,CAAC,GAAAJ,IAAA;EACpB,IAAI,CAACE,gBAAgB,IAAIC,iBAAiB,EAAE;IACxC,OAAO,EAAE;EACb;EAEA,IAAIF,WAAW,KAAKH,UAAU,CAACO,IAAI,EAAE;IACjC,OAAOT,GAAG;AAClB;AACA;AACA,iCAAiCQ,4BAA4B,GAAG,MAAM,GAAGE,cAAc;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;EACL;EAEA,OAAOV,GAAG;AACd;AACA;AACA,6BAA6BU,cAAc;AAC3C,yBAAyBC,KAAA;IAAA,IAAC;MAAEC;IAAM,CAAC,GAAAD,KAAA;IAAA,OAAMC,KAAK,CAAsBC,IAAI;EAAA;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGf,MAAM,CAACgB,GAA0B;AACjE;AACA;AACA;AACA;AACA,MAAMZ,uBAAuB;AAC7B,CAAC;AAED,MAAMO,cAAc,GAAGT,SAAS;AAChC;AACA;AACA;AACA,CAAC;AAOD,OAAO,MAAMe,0BAA0B,GAAGjB,MAAM,CAACkB,IAAqC;AACtF;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEZ,gBAAgB;IAAEC;EAAkB,CAAC,GAAAW,KAAA;EAAA,OACtCZ,gBAAgB,IAChB,CAACC,iBAAiB,IAClBP,GAAG;AACX;AACA,6BAA6BU,cAAc;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AAAA;AACT,CAAC;AAOD,OAAO,MAAMS,oBAAoB,GAAGpB,MAAM,CAACkB,IAA+B;AAC1E;AACA,gBAAgBG,KAAA;EAAA,IAAC;IAAEd;EAAiB,CAAC,GAAAc,KAAA;EAAA,OAAMd,gBAAgB,GAAG,UAAU,GAAG,UAAU;AAAA,CAAC;AACtF;AACA;AACA,MAAMe,KAAA;EAAA,IAAC;IAAEf;EAAiB,CAAC,GAAAe,KAAA;EAAA,OACnBf,gBAAgB,IAChBN,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,MAAMsB,KAAA;EAAA,IAAC;IAAEC;EAAwB,CAAC,GAAAD,KAAA;EAAA,OAC1BC,uBAAuB,IACvBvB,GAAG;AACX;AACA;AACA;AACA;AACA,SAAS;AAAA;AACT,CAAC","ignoreList":[]}

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

@@ -3,6 +3,7 @@ type AnimatedTypewriterTextProps = {
     shouldHideCursor: boolean;
     shownText: string;
     textStyle?: React.CSSProperties;
+    shouldRemainSingleLine: boolean;
 };
 declare const AnimatedTypewriterText: FC<AnimatedTypewriterTextProps>;
 export default AnimatedTypewriterText;

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

@@ -70,6 +70,10 @@ export type TypewriterProps = {
      * Specifies whether the cursor should be hidden
      */
     shouldHideCursor?: boolean;
+    /**
+     * Whether the content should remain single line.
+     */
+    shouldRemainSingleLine?: boolean;
     /**
      * 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

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

@@ -14,6 +14,7 @@ type StyledTypewriterPseudoTextProps = WithTheme<{
 export declare const StyledTypewriterPseudoText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledTypewriterPseudoTextProps>> & string;
 type StyledTypewriterTextProps = WithTheme<{
     $isAnimatingText?: boolean;
+    $shouldRemainSingleLine: boolean;
 }>;
 export declare const StyledTypewriterText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledTypewriterTextProps>> & string;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/typewriter",
-    "version": "5.0.0-beta.1000",
+    "version": "5.0.0-beta.1002",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -69,7 +69,7 @@
         "typescript": "^5.7.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.1000"
+        "@chayns-components/core": "^5.0.0-beta.1001"
     },
     "peerDependencies": {
         "chayns-api": ">=2.0.0",
@@ -81,5 +81,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d456c0b87862a3be7d764ba0f16e0b96b22ac2a8"
+    "gitHead": "f468aac7b0520920e4f35c9255279ffe48471ea5"
 }