Method afterSetText

src/component/MagicMoveText.mjs:321–362

* This is the main entry point for the animation when the `text` config is changed. * It orchestrates the measurement and animation phases. It also contains a `try/catch` * block to handle potential errors during the complex animation logic, with a single-retry * mechanism to recover

(value, oldValue)

     * @protected
     */
    async afterSetText(value, oldValue) {
        let me               = this,
            {measureElement} = me;

        if (oldValue) {
            me.previousChars = me.chars
        }

        if (value) {
            try {
                me.chars = [];
                measureElement.cn = [];

                value?.split('').forEach(char => {
                    me.chars.push({name: char});
                    measureElement.cn.push({tag: 'span', text: char})
                });

                if (me.mounted) {
                    await me.measureChars()
                }

                if (me.isDestroyed) return;

                await me.updateChars()
            } catch (e) {
                if (e === Neo.isDestroyed) return;

                if (!me.isRetrying) {
                    me.isRetrying    = true;
                    me.previousChars = [];

                    // Reset a transitioning state
                    me.visualWrapper.cn.length = 0;

                    await me.afterSetText(value, oldValue)
                }
            }

            me.isRetrying = false
        }
    }

    /**
     * Updates the VDOM to include or remove the SEO-friendly list.