Function DecryptedTextDemo

src/demo/TextAnimations/DecryptedTextDemo.jsx:30–239

()

};

const DecryptedTextDemo = () => {
  const { props, updateProp, resetProps, hasChanges } = useComponentProps(DEFAULT_PROPS);
  const { speed, maxIterations, sequential, useOriginalCharsOnly, revealDirection, animateOn, clickMode } = props;

  const [key, forceRerender] = useForceRerender();

  const propData = useMemo(
    () => [
      {
        name: 'text',
        type: 'string',
        default: '""',
        description: 'The text content to decrypt.'
      },
      {
        name: 'speed',
        type: 'number',
        default: '50',
        description: 'Time in ms between each iteration.'
      },
      {
        name: 'maxIterations',
        type: 'number',
        default: '10',
        description: 'Max # of random iterations (non-sequential mode).'
      },
      {
        name: 'sequential',
        type: 'boolean',
        default: 'false',
        description: 'Whether to reveal one character at a time in sequence.'
      },
      {
        name: 'revealDirection',
        type: `"start" | "end" | "center"`,
        default: `"start"`,
        description: 'From which position characters begin to reveal in sequential mode.'
      },
      {
        name: 'useOriginalCharsOnly',
        type: 'boolean',
        default: 'false',
        description: 'Restrict scrambling to only the characters already in the text.'
      },
      {
        name: 'className',
        type: 'string',
        default: '""',
        description: 'CSS class for revealed characters.'
      },
      {
        name: 'parentClassName',
        type: 'string',
        default: '""',
        description: 'CSS class for the main characters container.'
      },
      {
        name: 'encryptedClassName',