glitched-writer/lib/esm/modules/state.js

Glitched, text writing module. Highly customizable settings. Decoding, decrypting, scrambling, or simply spelling out text.

import { animateWithClass } from '../utils';
export default class State {
    constructor(writer) {
        this.nGhosts = 0;
        /**
         * Numerical data about progress of writing
         */
        this.progress = {
            percent: 0,
            done: 0,
            todo: 0,
            increase() {
                this.done++;
                this.percent = this.done / this.todo;
            },
            reset(todo) {
                this.percent = 0;
                this.done = 0;
                this.todo = todo;
            },
            finish() {
                this.done = this.todo;
                this.percent = 1;
            },
        };
        this.isTyping = false;
        this.isPaused = false;
        this.finished = true;
        this.erasing = false;
        this.writer = writer;
        this.maxGhosts = this.writer.options.maxGhosts;
    }
    get ghostsInLimit() {
        return this.nGhosts < this.maxGhosts;
    }
    play() {
        this.isTyping = true;
        this.isPaused = false;
        this.finished = false;
        this.addClass();
        this.erasing && this.addClass('gw-erasing');
        this.maxGhosts = this.writer.options.maxGhosts;
        this.writer.animator.run();
        this.writer.emiter.callback('start', this.writer.goalText, this.writer.writerData);
    }
    pause() {
        this.isTyping = false;
        this.isPaused = true;
        this.removeClasses();
    }
    finish() {
        this.progress.finish();
        this.isTyping = false;
        this.finished = true;
        this.removeClasses();
    }
    addClass(className = 'gw-writing') {
        animateWithClass(this.writer.htmlElement, className);
    }
    removeClasses() {
        this.writer.htmlElement.classList.remove('gw-writing', 'gw-erasing');
    }
}