vevet 2.16.1 → 3.0.0-beta.0

package/lib/esm/components/SmoothScroll/Elements.js

@@ -0,0 +1,102 @@
+import { createElement, selectAll, selectOne } from 'vevet-dom';
+export class Elements {
+    get wrapper() {
+        return this._wrapper;
+    }
+    get elements() {
+        return this._elements;
+    }
+    get props() {
+        return this._props;
+    }
+    constructor(_props) {
+        this._props = _props;
+        this._createWrapper();
+        this._createElements();
+    }
+    /** Create scrollable wrapper */
+    _createWrapper() {
+        const { wrapperClassName, container } = this.props;
+        const existingWrapper = selectOne(`.${wrapperClassName}`, container);
+        if (existingWrapper instanceof HTMLElement) {
+            this._wrapper = existingWrapper;
+            this._wrapperInitiallyExists = true;
+            return;
+        }
+        this._wrapper = createElement('div', {
+            class: wrapperClassName,
+            parent: container,
+            children: Array.from(container.children),
+        });
+        this._wrapperInitiallyExists = false;
+    }
+    /** Create scrollable elements */
+    _createElements() {
+        if (this.props.elements) {
+            this._elements = Array.from(selectAll(this.props.elements, this.props.container));
+        }
+        else {
+            this._elements = [this._wrapper];
+        }
+        // add will-change
+        if (this.props.hasWillChange) {
+            this._elements.forEach((element) => {
+                // eslint-disable-next-line no-param-reassign
+                element.style.willChange = 'transform';
+            });
+        }
+    }
+    /** Update elements' properties */
+    updateElementsProp(scrollLeft, scrollTop) {
+        for (let index = 0; index < this.elements.length; index += 1) {
+            const element = this.elements[index];
+            // update scroll values
+            element.smoothScrollLeft = scrollLeft;
+            element.smoothScrollTop = scrollTop;
+            // update easing
+            const lerpAttr = element.getAttribute('data-smooth-scroll-lerp');
+            if (lerpAttr) {
+                element.smoothScrollLerp = parseFloat(lerpAttr);
+            }
+        }
+    }
+    _getToFixed(value) {
+        const { translatePrecision } = this.props;
+        if (typeof translatePrecision === 'number') {
+            return parseFloat(value.toFixed(translatePrecision));
+        }
+        return value;
+    }
+    /** Render elements */
+    render() {
+        for (let index = 0; index < this.elements.length; index += 1) {
+            const element = this._elements[index];
+            const x = this._getToFixed(-element.smoothScrollLeft);
+            const y = this._getToFixed(-element.smoothScrollTop);
+            element.style.transform = `matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0, ${x}, ${y}, 0,1)`;
+        }
+    }
+    /** Check if scroll values are interpolated */
+    checkAllScrollValuesEqual() {
+        const array = this.elements;
+        return array.every(({ smoothScrollLeft, smoothScrollTop }) => smoothScrollLeft === array[0].smoothScrollLeft &&
+            smoothScrollTop === array[0].smoothScrollTop);
+    }
+    destroy() {
+        // remove wrapper
+        if (!this._wrapperInitiallyExists) {
+            while (this.wrapper.firstChild) {
+                this.props.container.appendChild(this.wrapper.firstChild);
+            }
+            this._wrapper.remove();
+        }
+        // reset styles
+        this._elements.forEach((element) => {
+            // eslint-disable-next-line no-param-reassign
+            element.style.transform = '';
+            // eslint-disable-next-line no-param-reassign
+            element.style.willChange = '';
+        });
+    }
+}
+//# sourceMappingURL=Elements.js.map

package/lib/esm/components/SmoothScroll/Elements.js.map

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

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

@@ -0,0 +1,390 @@
+import { selectOne } from 'vevet-dom';
+import { Component as ComponentClass } from '../../base/Component';
+import { clamp, lerp } from '../../utils/math';
+import { normalizeWheel } from '../../utils/scroll';
+import { Elements } from './Elements';
+import { AnimationFrame } from './AnimatonFrame';
+import { onResize } from '../../utils/internal/onResize';
+/**
+ * Smooth scrolling
+ */
+export class SmoothScroll extends ComponentClass {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { container: `#${this.prefix}`, elements: false, animationFrame: false, viewportTarget: 'any', resizeDebounce: 0, hasWillChange: true, translatePrecision: 2, isEnabled: true, hasWheel: true, direction: 'vertical', isInverseHandlerDirection: false, isAutoStop: true, hasStopPropagation: true, lerp: 0.1, isFpsNormalized: true, lerpApproximation: 0.1 });
+    }
+    get prefix() {
+        return `${this.app.prefix}smooth-scroll`;
+    }
+    /** Scroll container */
+    get container() {
+        return this._container;
+    }
+    /**
+     * Scroll wrapper. If the element does not exist indide the `container`,
+     * it will be created automatically
+     */
+    get wrapper() {
+        return this._elements.wrapper;
+    }
+    /** `scrollLeft` target value */
+    get targetLeft() {
+        return this._targetLeft;
+    }
+    set targetLeft(value) {
+        this.setTargetLeft(value);
+        this._enable();
+    }
+    /** Update `targetLeft` without animation */
+    setTargetLeft(value) {
+        this._targetLeft = clamp(value, [0, this.maxScrollableWidth]);
+    }
+    /** `scrollTop` target value */
+    get targetTop() {
+        return this._targetTop;
+    }
+    set targetTop(value) {
+        this.setTargetTop(value);
+        this._enable();
+    }
+    /** Update `targetTop` without animation */
+    setTargetTop(value) {
+        this._targetTop = clamp(value, [0, this.maxScrollableHeight]);
+    }
+    /** `scrollLeft` */
+    get scrollLeft() {
+        return this._scrollLeft;
+    }
+    set scrollLeft(value) {
+        this.setTargetLeft(value);
+        this._scrollLeft = this._targetLeft;
+        this._enable();
+    }
+    /** `scrollTop` */
+    get scrollTop() {
+        return this._scrollTop;
+    }
+    set scrollTop(value) {
+        this.setTargetTop(value);
+        this._scrollTop = this._targetTop;
+        this._enable();
+    }
+    /** Scroll width */
+    get scrollWidth() {
+        return this._scrollWidth;
+    }
+    /** Scroll height */
+    get scrollHeight() {
+        return this._scrollHeight;
+    }
+    /** Container width */
+    get clientWidth() {
+        return this._clientWidth;
+    }
+    /** Container height */
+    get clientHeight() {
+        return this._clientHeight;
+    }
+    /** Maximum scrollable area of the X axis */
+    get maxScrollableWidth() {
+        return this.scrollWidth - this.clientWidth;
+    }
+    /** Maximum scrollable area of the Y axis */
+    get maxScrollableHeight() {
+        return this.scrollHeight - this.clientHeight;
+    }
+    /** Has scroll */
+    get hasScroll() {
+        return this.maxScrollableHeight > 0 || this.maxScrollableWidth > 0;
+    }
+    get isSmoothScroll() {
+        return true;
+    }
+    constructor(initialProps, canInit = true) {
+        super(initialProps, false);
+        // set default variables
+        this._targetLeft = 0;
+        this._targetTop = 0;
+        this._scrollLeft = 0;
+        this._scrollTop = 0;
+        this._scrollWidth = 0;
+        this._scrollHeight = 0;
+        this._clientWidth = 0;
+        this._clientHeight = 0;
+        this._wrapperWidth = 0;
+        this._wrapperHeight = 0;
+        this._frameIndex = 0;
+        this._isEqualLerp = false;
+        const { container, elements, hasWillChange, animationFrame, translatePrecision, } = this.props;
+        // get outer elements
+        this._container = selectOne(container);
+        if (!(this._container instanceof HTMLElement)) {
+            throw new Error(`${container} is not a HTMLElement`);
+        }
+        this.toggleClassName(this._container, this.className(''), true);
+        // create elements
+        this._elements = new Elements({
+            container: this._container,
+            wrapperClassName: this.className('__wrapper'),
+            elements,
+            hasWillChange,
+            translatePrecision,
+        });
+        // set classnames
+        this._setDirectionClassNames(true);
+        // create animation frame
+        this._animationFrame = new AnimationFrame({
+            callback: () => this.render(),
+            outerAnimationFrame: animationFrame,
+        });
+        // initialize the class
+        if (canInit) {
+            this.init();
+        }
+    }
+    _init() {
+        super._init();
+        this._setEvents();
+        this._toggle();
+    }
+    _setDirectionClassNames(isActive) {
+        const { direction } = this.props;
+        const isHorizontal = direction === 'horizontal' && isActive;
+        const isVertical = direction === 'vertical' && isActive;
+        this.wrapper.classList.toggle(this.className('_horizontal'), isHorizontal);
+        this.wrapper.classList.toggle(this.className('_vertical'), isVertical);
+    }
+    /** Set events */
+    _setEvents() {
+        this._setResize();
+        // wheel
+        this.addEventListener(this.container, 'wheel', (event) => this.handleWheel(event));
+        // prevent native scroll
+        this.addEventListener(this.container, 'scroll', () => {
+            this.container.scrollTop = 0;
+            this.container.scrollLeft = 0;
+        });
+    }
+    /** Set resize events */
+    _setResize() {
+        const { viewportTarget, resizeDebounce } = this.props;
+        // resize handler
+        const resizeHandler = onResize({
+            onResize: () => this.resize(true),
+            element: [this.container, this.wrapper],
+            viewportTarget,
+            resizeDebounce,
+        });
+        this.addDestroyableAction(() => resizeHandler.remove());
+        // initial resize
+        resizeHandler.resize();
+        // if resize observer not used, we recalculate sizes on each 10th frame
+        if (!resizeHandler.hasResizeObserver) {
+            this.addCallback('render', (() => {
+                if (this._frameIndex % 10 === 0) {
+                    this._recalculateScrollSizes();
+                }
+            }), { isProtected: true, name: this.name });
+        }
+    }
+    /** Handle properties mutation */
+    _onPropsMutate() {
+        super._onPropsMutate();
+        this._setDirectionClassNames(true);
+        this.resize();
+        this._toggle();
+    }
+    /** Recalculate scroll sizes */
+    _recalculateScrollSizes() {
+        const { wrapper } = this;
+        const height = wrapper.clientHeight;
+        const width = wrapper.clientWidth;
+        if (height !== this._wrapperHeight || width !== this._wrapperWidth) {
+            this.resize(false);
+        }
+    }
+    /** Resize the scene */
+    resize(isNative = false) {
+        this._resize(isNative);
+        // launch callbacks
+        this.callbacks.tbt('resize', undefined);
+        // enable animation
+        this._enable();
+    }
+    /** Resize the scene */
+    _resize(
+    /** If the method was called natively on window resize */
+    isNative = false) {
+        const { container, wrapper } = this;
+        this._clientWidth = container.clientWidth;
+        this._clientHeight = container.clientHeight;
+        this._wrapperWidth = wrapper.clientWidth;
+        this._wrapperHeight = wrapper.clientHeight;
+        this._scrollWidth = clamp(this._wrapperWidth, [this.clientWidth, Infinity]);
+        this._scrollHeight = clamp(this._wrapperHeight, [
+            this.clientHeight,
+            Infinity,
+        ]);
+        // force instant change
+        // it means that after resizing, scrolling will be instantaneous for a while
+        if (isNative) {
+            this._isInstant = true;
+        }
+        // sometimes after resizing it may happen that targets are less or more
+        // than maximum values of scrolling
+        // that's why we fix it here
+        if (isNative) {
+            this.setTargetLeft(parseInt(this.targetLeft.toFixed(0), 10));
+            this.setTargetTop(parseInt(this.targetTop.toFixed(0), 10));
+        }
+        // set scroll classes
+        container.classList.toggle(this.className('_has-scroll'), this.hasScroll);
+        container.classList.toggle(this.className('_no-scroll'), !this.hasScroll);
+        // update elements
+        this._elements.updateElementsProp(this.scrollLeft, this.scrollTop);
+    }
+    /** Event on wheel */
+    handleWheel(event) {
+        const { isEnabled, hasWheel, hasStopPropagation, isInverseHandlerDirection, } = this.props;
+        if (!isEnabled || !hasWheel || !this.hasScroll) {
+            return;
+        }
+        const isPropagationStopped = hasStopPropagation ||
+            (this.scrollTop > 0 && this.scrollTop < this.maxScrollableHeight) ||
+            (this.scrollLeft > 0 && this.scrollLeft < this.maxScrollableWidth);
+        if (isPropagationStopped) {
+            event.stopImmediatePropagation();
+            event.stopPropagation();
+            event.preventDefault();
+        }
+        // get normalized delta
+        const { pixelX, pixelY } = normalizeWheel(event);
+        // set new scroll targets
+        const leftIterator = isInverseHandlerDirection ? pixelY : pixelX;
+        const topIterator = isInverseHandlerDirection ? pixelX : pixelY;
+        this.setTargetLeft(this.targetLeft + leftIterator);
+        this.setTargetTop(this.targetTop + topIterator);
+        // play animation frame
+        this._enable();
+        // launch events
+        this.callbacks.tbt('wheel', { event });
+    }
+    /** Toggle animation: Enable / Disable scrolling */
+    _toggle() {
+        if (this.props.isEnabled) {
+            this._enable();
+        }
+        else {
+            this._disable();
+        }
+    }
+    /** Enable scrolling */
+    _enable() {
+        if (!this.props.isEnabled) {
+            return;
+        }
+        this._animationFrame.enable();
+    }
+    /** Disable scrolling */
+    _disable() {
+        this._animationFrame.disable();
+    }
+    /** Render elements */
+    render() {
+        this._frameIndex += 1;
+        this._calcScrollValues();
+        this._calcElementsValues();
+        this._elements.render();
+        // disable instant scrolling
+        if (this._isInstant) {
+            this._isInstant = false;
+        }
+        // disable equal lerp
+        this._isEqualLerp = false;
+        // launch callbacks
+        this.callbacks.tbt('render', undefined);
+        // auto stop
+        this._checkAutoStop();
+    }
+    /** Calculate scroll values */
+    _calcScrollValues() {
+        this._scrollLeft = this._lerp(this.scrollLeft, this.targetLeft);
+        this._scrollTop = this._lerp(this.scrollTop, this.targetTop);
+    }
+    /** Calculate elements' values */
+    _calcElementsValues() {
+        const { elements } = this._elements;
+        for (let index = 0; index < elements.length; index += 1) {
+            const element = elements[index];
+            const elementLerp = this._getLerp(element);
+            element.smoothScrollLeft = this._lerp(element.smoothScrollLeft, this._targetLeft, elementLerp);
+            element.smoothScrollTop = this._lerp(element.smoothScrollTop, this._targetTop, elementLerp);
+        }
+    }
+    /** Make auto stop if the target and current values are equal */
+    _checkAutoStop() {
+        if (!this.props.isAutoStop) {
+            return;
+        }
+        const yDiff = Math.abs(this.targetTop - this.scrollTop);
+        const xDiff = Math.abs(this.targetLeft - this.scrollLeft);
+        const isGlobalInterpolated = xDiff === 0 && yDiff === 0;
+        const isInnerInterpolated = this._elements.checkAllScrollValuesEqual();
+        if (isGlobalInterpolated && isInnerInterpolated) {
+            this._disable();
+        }
+    }
+    /** Interpolate values */
+    _lerp(current, target, ease = this._getLerp()) {
+        const { lerpApproximation } = this.props;
+        const currentEase = this._isInstant ? 1 : ease;
+        const value = lerp(current, target, currentEase, lerpApproximation);
+        return value;
+    }
+    /** Get lerp */
+    _getLerp(element) {
+        var _a;
+        const { lerp: lerpEase, isFpsNormalized } = this.props;
+        const fpsMultiplier = isFpsNormalized
+            ? this._animationFrame.easeMultiplier
+            : 1;
+        if (this._isEqualLerp || !element) {
+            return lerpEase * fpsMultiplier;
+        }
+        return ((_a = element.smoothScrollLerp) !== null && _a !== void 0 ? _a : lerpEase) * fpsMultiplier;
+    }
+    /** Scroll to */
+    scrollTo({ top, left, behavior }) {
+        if (typeof left !== 'undefined') {
+            if (behavior === 'smooth') {
+                this.setTargetLeft(left);
+            }
+            else {
+                this._isEqualLerp = true;
+                this.scrollLeft = left;
+            }
+        }
+        if (typeof top !== 'undefined') {
+            if (behavior === 'smooth') {
+                this.setTargetTop(top);
+            }
+            else {
+                this._isEqualLerp = true;
+                this.scrollTop = top;
+            }
+        }
+        if (behavior === 'smooth') {
+            this._enable();
+        }
+    }
+    /** Destroy the module */
+    _destroy() {
+        super._destroy();
+        this._disable();
+        this._elements.destroy();
+        this._animationFrame.destroy();
+        this._setDirectionClassNames(false);
+        this._container.classList.remove(this.className('_has-scroll'));
+        this._container.classList.remove(this.className('_no-scroll'));
+    }
+}
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,143 @@
+import { Plugin } from '../../base/Plugin';
+import { DraggerMove } from '../DraggerMove';
+/**
+ * Add dragger to `SmoothScroll`
+ */
+export class SmoothScrollDragPlugin extends Plugin {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { isEnabled: true, speed: 1, lerp: false, stopPropagationThreshold: false, stopPropagationDirection: 'y' });
+    }
+    /** If is dragging at the moment */
+    get isDragging() {
+        var _a, _b;
+        return (_b = (_a = this._dragger) === null || _a === void 0 ? void 0 : _a.isDragging) !== null && _b !== void 0 ? _b : false;
+    }
+    /** Initialize the class */
+    _init() {
+        super._init();
+        this._toggleDragger();
+    }
+    _onPropsMutate() {
+        super._onPropsMutate();
+        this._toggleDragger();
+    }
+    /** Add or remove dragger */
+    _toggleDragger() {
+        if (this.props.isEnabled) {
+            this._addDragger();
+        }
+        else {
+            this._removeDragger();
+        }
+    }
+    /** Add dragger */
+    _addDragger() {
+        if (this._dragger) {
+            return;
+        }
+        const { component } = this;
+        this._dragger = new DraggerMove({
+            container: component.container,
+        });
+        this._dragger.addCallback('start', () => this._handleDragStart());
+        this._dragger.addCallback('move', (data) => this._handleDragMove(data));
+        this._dragger.addCallback('end', () => this._handleDragEnd());
+        if (!this._componentCallbacks) {
+            this._componentCallbacks = [];
+        }
+        this._componentCallbacks.push(component.addCallback('wheel', () => { var _a; return (_a = this._dragger) === null || _a === void 0 ? void 0 : _a.cancel(); }, {
+            name: this.name,
+        }));
+    }
+    /** Remove dragger */
+    _removeDragger() {
+        var _a;
+        if (!this._dragger) {
+            return;
+        }
+        this._dragger.destroy();
+        this._dragger = undefined;
+        (_a = this._componentCallbacks) === null || _a === void 0 ? void 0 : _a.forEach((callback) => callback.remove());
+        this._componentCallbacks = [];
+    }
+    /** Check if dragging is available */
+    _getIsDragAvailable() {
+        const { component } = this;
+        if (!component.props.isEnabled) {
+            return false;
+        }
+        // check scrollable area
+        if (component.maxScrollableWidth <= 0 &&
+            component.maxScrollableHeight <= 0) {
+            return false;
+        }
+        return true;
+    }
+    /** Callback on dragging start */
+    _handleDragStart() {
+        if (!this._getIsDragAvailable()) {
+            return;
+        }
+        const { component } = this;
+        // change lerp
+        if (typeof this.props.lerp === 'number') {
+            this._prevComponentLerp = component.props.lerp;
+            component.changeProps({ lerp: this.props.lerp });
+        }
+        // launch callbacks
+        this.callbacks.tbt('start', undefined);
+    }
+    /** Callback on drag move */
+    _handleDragMove({ event, coords, start, step, }) {
+        if (!this._getIsDragAvailable()) {
+            return;
+        }
+        const { component } = this;
+        const { props } = this;
+        // get difference between coordinates and decide
+        // if we need to stop propagation
+        const { stopPropagationThreshold: threshold, stopPropagationDirection: direction, } = this.props;
+        if (typeof threshold === 'number' && event.cancelable) {
+            const diffX = Math.abs(coords.x - start.x);
+            const diffY = Math.abs(coords.y - start.y);
+            if ((diffX > threshold && direction === 'x') ||
+                (diffY > threshold && direction === 'y')) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+        }
+        // get coordinates
+        const x = step.x * props.speed;
+        const y = step.y * props.speed;
+        // update scroll values
+        component.targetLeft -= x;
+        component.targetTop -= y;
+        // update styles
+        component.wrapper.style.pointerEvents = 'none';
+        component.wrapper.style.userSelect = 'none';
+        // launch callbacks
+        this.callbacks.tbt('move', undefined);
+    }
+    /**
+     * Callback on dragging end
+     */
+    _handleDragEnd() {
+        const { component } = this;
+        // update styles
+        component.wrapper.style.pointerEvents = '';
+        component.wrapper.style.userSelect = '';
+        // restore SmoothScroll Lerp
+        if (typeof this._prevComponentLerp === 'number') {
+            component.changeProps({ lerp: this._prevComponentLerp });
+            this._prevComponentLerp = undefined;
+        }
+        // launch callbacks
+        this.callbacks.tbt('end', undefined);
+    }
+    /** Destroy the plugin */
+    _destroy() {
+        super._destroy();
+        this._removeDragger();
+    }
+}
+//# sourceMappingURL=index.js.map