vevet 2.16.1 → 3.0.0-beta.0

package/lib/esm/components/SmoothScrollDragPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SmoothScrollDragPlugin/index.ts"],"names":[],"mappings":"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"}

package/lib/esm/components/SmoothScrollDragPlugin/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/components/SmoothScrollDragPlugin/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/SmoothScrollDragPlugin/types.ts"],"names":[],"mappings":""}

package/lib/esm/components/SmoothScrollKeyboardPlugin/index.js

@@ -0,0 +1,139 @@
+import { childOf } from 'vevet-dom';
+import { Plugin } from '../../base/Plugin';
+/**
+ * Add keyboard navigation
+ */
+export class SmoothScrollKeyboardPlugin extends Plugin {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { iterator: 40 });
+    }
+    /** Initialize the class */
+    _init() {
+        super._init();
+        this.addEventListener(window, 'keydown', (event) => this._handleKeydown(event));
+    }
+    /** Check if keyboard events may be ignored */
+    _canIgnoreKeyboardEvents() {
+        const { activeElement } = document;
+        return (activeElement instanceof HTMLInputElement ||
+            activeElement instanceof HTMLTextAreaElement ||
+            activeElement instanceof HTMLSelectElement);
+    }
+    /** Check if scroll container is in viewport */
+    _checkScrollContainerInViewport() {
+        const { viewport } = this.app;
+        const bounding = this.component.container.getBoundingClientRect();
+        return (bounding.left < viewport.width &&
+            bounding.right > 0 &&
+            bounding.top < viewport.height &&
+            bounding.bottom > 0);
+    }
+    /** Check if scroll ended */
+    _checkIsEndOfScroll() {
+        const { component } = this;
+        return (component.targetTop >= component.maxScrollableHeight &&
+            component.targetLeft >= component.maxScrollableWidth);
+    }
+    /** Event on `keydown` */
+    _handleKeydown(event) {
+        const { component } = this;
+        const { iterator } = this.props;
+        if (!component.props.isEnabled) {
+            return;
+        }
+        // TAB
+        if (event.keyCode === 9) {
+            this._handleTab();
+            return;
+        }
+        // ignore key events for some elements
+        if (this._canIgnoreKeyboardEvents()) {
+            return;
+        }
+        // check if the scroll container is in viewport
+        if (!this._checkScrollContainerInViewport()) {
+            return;
+        }
+        // prevent default behavior
+        if (!this._checkIsEndOfScroll() &&
+            [38, 40, 39, 37, 34, 33, 36, 35, 32].includes(event.keyCode)) {
+            event.preventDefault();
+        }
+        // update scroll values
+        switch (event.keyCode) {
+            // UP
+            case 38:
+                component.targetTop -= iterator;
+                break;
+            // DOWN
+            case 40:
+                component.targetTop += iterator;
+                break;
+            // RIGHT
+            case 39:
+                component.targetLeft += iterator;
+                break;
+            // LEFT
+            case 37:
+                component.targetLeft -= iterator;
+                break;
+            // PageDown
+            case 34:
+                component.targetTop += iterator * 10;
+                break;
+            // PageUp
+            case 33:
+                component.targetTop -= iterator * 10;
+                break;
+            // HOME
+            case 36:
+                component.targetTop = 0;
+                component.targetLeft = 0;
+                break;
+            // END
+            case 35:
+                component.targetTop = component.scrollHeight;
+                component.targetLeft = component.scrollWidth;
+                break;
+            // SPACE
+            case 32:
+                component.targetTop += iterator * 5;
+                break;
+            default:
+                break;
+        }
+    }
+    /** Handle Tab key */
+    _handleTab() {
+        if (this._tabDebounceTimeout) {
+            clearTimeout(this._tabDebounceTimeout);
+        }
+        this._tabDebounceTimeout = setTimeout(() => {
+            const scroll = this.component;
+            const { activeElement } = document;
+            // skip elements that do not belong to the SmoothScroll outer
+            if (!(activeElement instanceof HTMLElement) ||
+                !childOf(activeElement, scroll.container)) {
+                return;
+            }
+            const scrollOuterBounding = scroll.container.getBoundingClientRect();
+            const activeElementBounding = activeElement.getBoundingClientRect();
+            const top = scroll.scrollTop +
+                (activeElementBounding.top - scrollOuterBounding.top) -
+                (scroll.clientHeight / 2 - activeElementBounding.height / 2);
+            const left = scroll.scrollLeft +
+                (activeElementBounding.left - scrollOuterBounding.left) -
+                (scroll.clientWidth / 2 - activeElementBounding.width / 2);
+            scroll.targetTop = top;
+            scroll.targetLeft = left;
+        }, 120);
+    }
+    /** Destroy the plugin */
+    _destroy() {
+        super._destroy();
+        if (this._tabDebounceTimeout) {
+            clearTimeout(this._tabDebounceTimeout);
+        }
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/components/SmoothScrollKeyboardPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SmoothScrollKeyboardPlugin/index.ts"],"names":[],"mappings":"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"}

package/lib/esm/components/SmoothScrollKeyboardPlugin/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/components/SmoothScrollKeyboardPlugin/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/SmoothScrollKeyboardPlugin/types.ts"],"names":[],"mappings":""}

package/lib/esm/components/SplitText/index.js

@@ -0,0 +1,280 @@
+import { selectOne } from 'vevet-dom';
+import { Component as ComponentClass } from '../../base/Component';
+import { onResize } from '../../utils/internal/onResize';
+/**
+ * Split text into letters, words & lines.
+ * Usually used for text animation.
+ */
+export class SplitText extends ComponentClass {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { container: `#${this.prefix}`, textSource: 'innerText', hasLetters: true, hasLines: false, viewportTarget: 'any', resizeDebounce: 0 });
+    }
+    get prefix() {
+        return `${this.app.prefix}split-text`;
+    }
+    /** Text container */
+    get container() {
+        return this._container;
+    }
+    /** Letters */
+    get letters() {
+        return this._letters;
+    }
+    /** Words */
+    get words() {
+        return this._words;
+    }
+    /** Lines */
+    get lines() {
+        return this._lines;
+    }
+    constructor(initialProps, canInit = true) {
+        super(initialProps, false);
+        // get text container
+        this._container = selectOne(this.props.container);
+        this.toggleClassName(this._container, this.className(''), true);
+        this._container.translate = false;
+        // initial html
+        this._initialHTML = this._container.innerHTML;
+        // get initial text
+        const innerText = this._container[this.props.textSource].trim();
+        this._initialText = innerText || 'no rendered text';
+        this._initialText = this._initialText.replace(/\s+\n/gm, '\n');
+        this._initialText = this._initialText.replace(/<br( ?)(\/?)>/gm, String.fromCharCode(10));
+        // a11y
+        this._container.ariaLabel = this._initialText;
+        // set default vars
+        this._isBaseSplit = false;
+        this._letters = [];
+        this._words = [];
+        this._lines = [];
+        if (canInit) {
+            this.init();
+        }
+    }
+    _init() {
+        super._init();
+        this._setResize();
+    }
+    /** Set resize events */
+    _setResize() {
+        const { viewportTarget, resizeDebounce, hasLines } = this.props;
+        if (!hasLines) {
+            this.splitText();
+            return;
+        }
+        const resizeHandler = onResize({
+            onResize: () => this.splitText(),
+            element: this.container,
+            viewportTarget,
+            resizeDebounce,
+        });
+        resizeHandler.resize();
+        this.addDestroyableAction(() => resizeHandler.remove());
+    }
+    /** Split the text */
+    splitText() {
+        // split into words & letters
+        if (!this._isBaseSplit) {
+            this.container.innerHTML = '';
+            this._splitIntoWords();
+            this._splitIntoLetters();
+            this._appendWords();
+            this._isBaseSplit = true;
+        }
+        // split text into lines
+        if (this.props.hasLines) {
+            this._splitIntoLines();
+        }
+        // launch callbacks
+        this.callbacks.tbt('split', undefined);
+    }
+    /** Split the text into words */
+    _splitIntoWords() {
+        const chars = this._initialText.split('');
+        // create words
+        let wordIndex = 0;
+        chars.forEach((char) => {
+            var _a;
+            const element = document.createElement('span');
+            element.classList.add(this.className('__word'));
+            element.setAttribute('aria-hidden', 'true');
+            element.style.display = 'inline-block';
+            // get an existing word or create a base for a new one
+            const currentWord = (_a = this._words[wordIndex]) !== null && _a !== void 0 ? _a : {
+                element,
+                textContent: '',
+                hasNewLine: false,
+                letters: [],
+            };
+            this._words[wordIndex] = currentWord;
+            // get type of the char
+            const charCode = char.charCodeAt(0);
+            const isWhitespace = charCode === 32 || charCode === 160;
+            const isSeparator = [45, 8208, 8211, 8212, 8722].includes(charCode);
+            const isNewLine = charCode === 10;
+            // add whitespace
+            if (isWhitespace) {
+                currentWord.whitespace = document.createTextNode(' ');
+            }
+            // add newline
+            if (isNewLine) {
+                currentWord.br = document.createElement('br');
+            }
+            // update word states
+            currentWord.hasNewLine = isNewLine;
+            // go to next word if needed
+            if (isWhitespace || isNewLine) {
+                wordIndex += 1;
+                return;
+            }
+            // update contents
+            currentWord.textContent += char;
+            if (!this.props.hasLetters) {
+                currentWord.element.innerHTML = currentWord.textContent;
+            }
+            // go to next word if needed
+            if (isSeparator) {
+                wordIndex += 1;
+            }
+        });
+        // only filled words
+        this._words = this._words.filter((word, index) => {
+            if (word.textContent.length === 0) {
+                if (index > 0) {
+                    this._words[index - 1].whitespace = word.whitespace;
+                    this._words[index - 1].br = word.br;
+                }
+                return false;
+            }
+            return true;
+        });
+        // add classnames
+        let prevWord;
+        this._words.forEach((word) => {
+            if (prevWord && !!prevWord.whitespace) {
+                word.element.classList.add(this.className('pre-whitespace'));
+            }
+            if (word.whitespace) {
+                word.element.classList.add(this.className('has-whitespace'));
+            }
+            prevWord = word;
+        });
+    }
+    /** Split the text into letters */
+    _splitIntoLetters() {
+        // check if need to have letters
+        if (!this.props.hasLetters) {
+            return;
+        }
+        // create letters
+        this._words.forEach((word) => {
+            const chars = word.textContent.split('');
+            const wordLetters = [];
+            chars.forEach((char) => {
+                const element = document.createElement('span');
+                element.classList.add(this.className('__letter'));
+                element.setAttribute('aria-hidden', 'true');
+                element.innerHTML = char;
+                element.style.display = 'inline-block';
+                const letter = {
+                    element,
+                    textContent: char,
+                    word,
+                };
+                this._letters.push(letter);
+                wordLetters.push(letter);
+            });
+            // eslint-disable-next-line no-param-reassign
+            word.letters = wordLetters;
+        });
+        // append letters
+        this._letters.forEach(({ element, word }) => {
+            word.element.appendChild(element);
+        });
+    }
+    /** Append split words to the container */
+    _appendWords() {
+        this._words.forEach((word) => {
+            this.container.appendChild(word.element);
+            if (word.whitespace) {
+                this.container.appendChild(word.whitespace);
+            }
+            if (word.br) {
+                this.container.appendChild(word.br);
+            }
+        });
+    }
+    /** Split the text into lines */
+    _splitIntoLines() {
+        // first of all, remove all previous lines
+        this._removeLines();
+        // create lines
+        let currentLine;
+        let prevOffsetTop = Infinity;
+        let prevWord;
+        this.words.forEach((word) => {
+            // check if need to create a new line
+            let isNewLine = false;
+            const top = word.element.offsetTop;
+            // check if the previous word contains BR
+            if (!!prevWord && !!prevWord.br) {
+                isNewLine = true;
+            }
+            else {
+                // otherwise check offset
+                isNewLine = top !== prevOffsetTop;
+            }
+            // update vars
+            prevWord = word;
+            prevOffsetTop = top;
+            // create new line
+            if (isNewLine) {
+                const element = document.createElement('span');
+                element.classList.add(this.className('__line'));
+                element.setAttribute('aria-hidden', 'true');
+                element.style.display = 'block';
+                currentLine = {
+                    element,
+                    textContent: '',
+                    words: [],
+                };
+                this._lines.push(currentLine);
+            }
+            // append words
+            if (currentLine) {
+                currentLine.words.push(word);
+            }
+        });
+        // update lines content
+        this._lines.forEach((line) => {
+            // eslint-disable-next-line no-param-reassign
+            line.textContent = line.words.map((word) => word.textContent).join(' ');
+        });
+        // append lines
+        this._lines.forEach((line) => {
+            line.words.forEach((word) => {
+                line.element.appendChild(word.element);
+                if (word.br) {
+                    word.br.remove();
+                }
+                if (word.whitespace) {
+                    line.element.appendChild(word.whitespace);
+                }
+            });
+            this.container.appendChild(line.element);
+        });
+    }
+    /** Remove all lines */
+    _removeLines() {
+        this._lines.forEach(({ element }) => element.remove());
+        this._lines = [];
+        this._appendWords();
+    }
+    /** Destroy the module */
+    _destroy() {
+        super._destroy();
+        this._container.innerHTML = this._initialHTML;
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/components/SplitText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"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"}

package/lib/esm/components/SplitText/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/components/SplitText/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/SplitText/types.ts"],"names":[],"mappings":""}

package/lib/esm/components/Timeline/index.js

@@ -0,0 +1,121 @@
+import { clamp } from '../../utils/math';
+import { BaseTimeline } from '../BaseTimeline';
+/**
+ * Animation timeline
+ */
+export class Timeline extends BaseTimeline {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { duration: 1000, isDestroyOnEnd: false });
+    }
+    /** Timeline is playing */
+    get isPlaying() {
+        return typeof this._animationFrame !== 'undefined';
+    }
+    /** Timeline is reversed */
+    get isReversed() {
+        return this._isReversed;
+    }
+    /** Timeline is paused */
+    get isPaused() {
+        return this._isPaused;
+    }
+    constructor(initialProps, canInit = true) {
+        super(initialProps, false);
+        // set default variables
+        this._animationFrame = undefined;
+        this._animationFrameLastTime = 0;
+        this._isReversed = false;
+        this._isPaused = false;
+        if (canInit) {
+            this.init();
+        }
+    }
+    /** Play the timeline */
+    play() {
+        if (this.isDestroyed || this.progress === 1) {
+            return;
+        }
+        this._isReversed = false;
+        this._isPaused = false;
+        if (!this.isPlaying) {
+            this._animationFrameLastTime = +new Date();
+            this._animate();
+        }
+    }
+    /** Reverse timeline */
+    reverse() {
+        if (this.isDestroyed || this.progress === 0) {
+            return;
+        }
+        this._isReversed = true;
+        this._isPaused = false;
+        if (!this.isPlaying) {
+            this._animationFrameLastTime = +new Date();
+            this._animate();
+        }
+    }
+    /** Pause animation */
+    pause() {
+        if (this.isDestroyed) {
+            return;
+        }
+        this._isPaused = true;
+        if (this._animationFrame) {
+            window.cancelAnimationFrame(this._animationFrame);
+        }
+        this._animationFrame = undefined;
+    }
+    /** Reset timeline */
+    reset() {
+        if (this.isDestroyed) {
+            return;
+        }
+        this.pause();
+        this.progress = 0;
+    }
+    /** Start animation */
+    _animate() {
+        if (this.isPaused) {
+            return;
+        }
+        const { isReversed } = this;
+        // calculate difference between frames
+        const currentTime = +new Date();
+        const frameDiff = Math.abs(this._animationFrameLastTime - currentTime);
+        this._animationFrameLastTime = currentTime;
+        // calculate current progress
+        const progressIterator = frameDiff / this.props.duration / (isReversed ? -1 : 1);
+        const progressTarget = clamp(this.progress + progressIterator, [0, 1]);
+        this.progress = progressTarget;
+        // end animation
+        if ((progressTarget === 1 && !isReversed) ||
+            (progressTarget === 0 && isReversed)) {
+            this._isReversed = false;
+            this._isPaused = false;
+            this._animationFrame = undefined;
+            return;
+        }
+        // continue animation
+        this._animationFrame = window.requestAnimationFrame(this._animate.bind(this));
+    }
+    /** Events on progress */
+    _handleProgressUpdate() {
+        super._handleProgressUpdate();
+        if (this.progress === 0) {
+            this.callbacks.tbt('start', undefined);
+            return;
+        }
+        if (this.progress === 1) {
+            this.callbacks.tbt('end', undefined);
+            if (this.props.isDestroyOnEnd) {
+                this.destroy();
+            }
+        }
+    }
+    /** Destroy the timeline */
+    _destroy() {
+        this.pause();
+        super._destroy();
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"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"}

package/lib/esm/components/Timeline/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/components/Timeline/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Timeline/types.ts"],"names":[],"mappings":""}

package/lib/esm/components/index.js

@@ -0,0 +1,18 @@
+export * from './AnimationFrame';
+export * from './BaseTimeline';
+export * from './Ctx2D';
+export * from './Ctx2DPrerender';
+export * from './CustomCursor';
+export * from './DraggerDirection';
+export * from './DraggerMove';
+export * from './Preloader';
+export * from './ProgressPreloader';
+export * from './ScrollBar';
+export * from './ScrollView';
+export * from './SectionScrollProgress';
+export * from './SmoothScroll';
+export * from './SmoothScrollDragPlugin';
+export * from './SmoothScrollKeyboardPlugin';
+export * from './SplitText';
+export * from './Timeline';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}

package/lib/esm/index.js

@@ -0,0 +1,7 @@
+export * from './types/general';
+export * from './utils';
+export * from './Application';
+export * from './base';
+export * from './components';
+// TODO: add jsdoc examples
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAEhC,cAAc,SAAS,CAAC;AAExB,cAAc,eAAe,CAAC;AAE9B,cAAc,QAAQ,CAAC;AAEvB,cAAc,cAAc,CAAC;AAE7B,2BAA2B"}

package/lib/esm/types/general.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=general.js.map

package/lib/esm/types/general.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../src/types/general.ts"],"names":[],"mappings":""}

package/lib/esm/types/utility.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utility.js.map