vevet 2.17.0 → 3.0.0-beta.0

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

@@ -0,0 +1,117 @@
+import { selectOne } from 'vevet-dom';
+import Bar from './Bar';
+import { Component as ComponentClass } from '../../base/Component';
+import { onResize } from '../../utils/internal/onResize';
+/**
+ * Create custom scroll bar
+ */
+export class ScrollBar extends ComponentClass {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { container: window, domParent: false, resizeDebounce: 16, isDraggable: true, hasAutoSize: true, canAutoHide: true, minSize: 50, scrollBehavior: 'smooth' });
+    }
+    get prefix() {
+        return `${this.app.prefix}scrollbar`;
+    }
+    /** Scroll container */
+    get container() {
+        return this._container;
+    }
+    /** Scrollable element */
+    get scrollableElement() {
+        const { container } = this;
+        if (container instanceof Window) {
+            return this.app.body;
+        }
+        if (container instanceof Element) {
+            return container;
+        }
+        return container.container;
+    }
+    /**
+     * The element where scrollbars will be appended
+     */
+    get domParent() {
+        const { domParent } = this.props;
+        if (domParent) {
+            return domParent;
+        }
+        const { container } = this;
+        if (container instanceof Window) {
+            return this.app.body;
+        }
+        if (container instanceof Element) {
+            return container;
+        }
+        return container.container;
+    }
+    constructor(initialProps, canInit = true) {
+        super(initialProps, false);
+        const { container } = this.props;
+        // get container
+        if (typeof container === 'string') {
+            const element = selectOne(container);
+            if (element) {
+                this._container = element;
+            }
+            else {
+                throw new Error('No scroll container');
+            }
+        }
+        else {
+            this._container = container;
+        }
+        // create bars
+        const barProps = Object.assign(Object.assign({}, this.props), { container: this.container, domParent: this.domParent, prefix: this.prefix });
+        this._xBar = new Bar(Object.assign(Object.assign({}, barProps), { direction: 'x' }));
+        this._yBar = new Bar(Object.assign(Object.assign({}, barProps), { direction: 'y' }));
+        // add classnames
+        this.toggleClassName(this.scrollableElement, this.className('-parent'), true);
+        // initialize the class
+        if (canInit) {
+            this.init();
+        }
+    }
+    _init() {
+        super._init();
+        this._setEvents();
+    }
+    // Set Module Events
+    _setEvents() {
+        const { container, props } = this;
+        // default resize handler
+        const resizeHandler = onResize({
+            onResize: () => this.resize(),
+            element: [this._xBar.outer, this._yBar.outer],
+            viewportTarget: 'any',
+            hasBothEvents: true,
+            resizeDebounce: props.resizeDebounce,
+        });
+        // resize for smoothscroll
+        const smoothScrollResize = 'isSmoothScroll' in container
+            ? container.addCallback('resize', () => resizeHandler.debounceResize(), { name: this.name })
+            : undefined;
+        this.addDestroyableAction(() => {
+            resizeHandler.remove();
+            smoothScrollResize === null || smoothScrollResize === void 0 ? void 0 : smoothScrollResize.remove();
+        });
+        // initial resize
+        resizeHandler.resize();
+    }
+    _onPropsMutate() {
+        super._onPropsMutate();
+        this.resize();
+    }
+    /** Resize the scene */
+    resize() {
+        this._xBar.resize();
+        this._yBar.resize();
+    }
+    /** Destroy the module */
+    _destroy() {
+        super._destroy();
+        // destroy bars
+        this._xBar.destroy();
+        this._yBar.destroy();
+    }
+}
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,217 @@
+import { Component as ComponentClass } from '../../base/Component';
+import { isIntersectionObserverSupported } from '../../utils/listeners';
+import { clamp } from '../../utils/math';
+import { normalizedTimeoutCallback } from '../../utils/common';
+/**
+ * Detect when elements enter or leave the viewport
+ */
+export class ScrollView extends ComponentClass {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { intersectionRoot: null, isEnabled: true, rootMargin: 0.05, states: 'in', classToToggle: 'viewed', hasDelay: true, maxDelay: 1000, direction: 'vertical', viewportTarget: 'any', resizeDebounce: 0 });
+    }
+    /** If first start */
+    get isFirstStart() {
+        return this._isFirstStart;
+    }
+    /** Elements */
+    get elements() {
+        return this._elements;
+    }
+    constructor(initialProps, canInit = true) {
+        super(initialProps, false);
+        this._isFirstStart = true;
+        this._elements = [];
+        this._isIntersectionObserverSupported = isIntersectionObserverSupported();
+        // initialize the class
+        if (canInit) {
+            this.init();
+        }
+    }
+    _init() {
+        super._init();
+        this._setEvents();
+    }
+    _onPropsMutate() {
+        super._onPropsMutate();
+        this.resize();
+    }
+    /** Set class events */
+    _setEvents() {
+        const { viewportTarget, resizeDebounce } = this.props;
+        this.resize();
+        this.addViewportCallback(viewportTarget, () => this.resize(), {
+            timeout: resizeDebounce,
+        });
+    }
+    /** Resize the scene */
+    resize() {
+        this._removeViewEvents();
+        if (this.props.isEnabled) {
+            this._setViewEvents();
+        }
+    }
+    /** Root bounding rect */
+    get rootBounding() {
+        const { app, props } = this;
+        if (props.intersectionRoot) {
+            const bounding = props.intersectionRoot.getBoundingClientRect();
+            return {
+                top: bounding.top,
+                left: bounding.left,
+                width: bounding.width,
+                height: bounding.height,
+            };
+        }
+        const { viewport } = app;
+        return {
+            top: 0,
+            left: 0,
+            width: viewport.width,
+            height: viewport.height,
+        };
+    }
+    /** Set view events */
+    _setViewEvents() {
+        if (!this._isIntersectionObserverSupported) {
+            return;
+        }
+        const { rootBounding, isFirstStart, props } = this;
+        const xMargin = isFirstStart
+            ? 0
+            : rootBounding.width * props.rootMargin * -1;
+        const yMargin = isFirstStart
+            ? 0
+            : rootBounding.height * props.rootMargin * -1;
+        this._intersectionObserverIn = new IntersectionObserver((data) => this._handleIntersectionIn(data), {
+            root: props.intersectionRoot,
+            threshold: 0,
+            rootMargin: `0px ${xMargin}px ${yMargin}px 0px`,
+        });
+        this.elements.forEach((element) => { var _a; return (_a = this._intersectionObserverIn) === null || _a === void 0 ? void 0 : _a.observe(element); });
+        if (props.states === 'inout') {
+            this._intersectionObserverOut = new IntersectionObserver((data) => this._handleIntersectionOut(data), {
+                root: props.intersectionRoot,
+                threshold: 0,
+                rootMargin: '0px 0px 0px 0px',
+            });
+            this.elements.forEach((element) => { var _a; return (_a = this._intersectionObserverOut) === null || _a === void 0 ? void 0 : _a.observe(element); });
+        }
+    }
+    /** Remove View events */
+    _removeViewEvents() {
+        var _a, _b;
+        (_a = this._intersectionObserverIn) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this._intersectionObserverIn = undefined;
+        (_b = this._intersectionObserverOut) === null || _b === void 0 ? void 0 : _b.disconnect();
+        this._intersectionObserverOut = undefined;
+    }
+    /** Event on IntersectionObserver In */
+    _handleIntersectionIn(data) {
+        data.forEach((entry) => {
+            if (!entry.isIntersecting) {
+                return;
+            }
+            const element = entry.target;
+            const delay = this._getElementDelay(element);
+            this._handleInOut(element, true, delay);
+            if (this.props.states === 'in') {
+                this.removeElement(element);
+            }
+        });
+        // change states
+        if (this.isFirstStart) {
+            this._isFirstStart = false;
+            this.resize();
+        }
+    }
+    /** Get element delay */
+    _getElementDelay(element) {
+        const { isFirstStart, props } = this;
+        const rootBounding = isFirstStart ? this.rootBounding : false;
+        if (!isFirstStart || !rootBounding || !props.hasDelay) {
+            return 0;
+        }
+        const bounding = element.getBoundingClientRect();
+        const progress = clamp(props.direction === 'horizontal'
+            ? (bounding.left - rootBounding.left) / rootBounding.width
+            : (bounding.top - rootBounding.top) / rootBounding.height, [0, 1]);
+        return progress * props.maxDelay;
+    }
+    /** Event on IntersectionObserver Out */
+    _handleIntersectionOut(data) {
+        data.forEach((entry) => {
+            if (entry.isIntersecting) {
+                return;
+            }
+            const element = entry.target;
+            this._handleInOut(element, false);
+        });
+    }
+    /**
+     * Event that is triggered when an element appears or disappears
+     */
+    _handleInOut(elementProp, isInViewport, delay = 0) {
+        const { classToToggle } = this.props;
+        const element = elementProp;
+        if ((element.isScrollViewIn && isInViewport) ||
+            (!element.isScrollViewIn && !isInViewport)) {
+            return;
+        }
+        // update props
+        element.isScrollViewIn = isInViewport;
+        // toggle classes
+        if (classToToggle) {
+            normalizedTimeoutCallback(() => {
+                element.classList.toggle(classToToggle, isInViewport);
+            }, delay);
+        }
+        // process callbacks
+        if (isInViewport) {
+            normalizedTimeoutCallback(() => {
+                this.callbacks.tbt('in', { element });
+            }, delay);
+        }
+        else {
+            normalizedTimeoutCallback(() => {
+                this.callbacks.tbt('out', { element });
+            }, delay);
+        }
+    }
+    /** Add an element */
+    addElement(elementProp) {
+        var _a, _b;
+        const element = elementProp;
+        element.isScrollViewIn = undefined;
+        if (this._isIntersectionObserverSupported) {
+            this._elements.push(element);
+            (_a = this._intersectionObserverIn) === null || _a === void 0 ? void 0 : _a.observe(element);
+            (_b = this._intersectionObserverOut) === null || _b === void 0 ? void 0 : _b.observe(element);
+        }
+        else {
+            this._handleInOut(element, true);
+        }
+        return {
+            remove: () => this.removeElement(element),
+        };
+    }
+    /** Remove an element */
+    removeElement(elementProp) {
+        var _a, _b;
+        const element = elementProp;
+        (_a = this._intersectionObserverIn) === null || _a === void 0 ? void 0 : _a.unobserve(element);
+        (_b = this._intersectionObserverOut) === null || _b === void 0 ? void 0 : _b.unobserve(element);
+        element.isScrollViewIn = undefined;
+        this._elements = this._elements.filter((el) => el !== element);
+    }
+    /** Remove all elements */
+    removeElements() {
+        this._elements.forEach((element) => this.removeElement(element));
+        this._elements = [];
+    }
+    /** Destroy the module */
+    _destroy() {
+        super._destroy();
+        this._removeViewEvents();
+    }
+}
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,156 @@
+import { selectOne } from 'vevet-dom';
+import { Component as ComponentClass } from '../../base/Component';
+import { clampScope } from '../../utils/math';
+import { getScrollValues, onScroll } from '../../utils/scroll';
+import { onResize } from '../../utils/internal/onResize';
+/**
+ * Trace scroll progress of a section
+ */
+export class SectionScrollProgress extends ComponentClass {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { container: window, viewportTarget: 'any', resizeTimeout: 0 });
+    }
+    /** Scroll container */
+    get scrollContainer() {
+        return this._scrollContainer;
+    }
+    /** Section element */
+    get section() {
+        return this._section;
+    }
+    /** Scrolling scope */
+    get scopeGlobal() {
+        return this._scopeGlobal;
+    }
+    /** Scope of element appearing from bottom to top */
+    get scopeIn() {
+        return this._scopeIn;
+    }
+    /** Scope of element moving */
+    get scopeMove() {
+        return this._scopeMove;
+    }
+    /** Scope of element disappearing from bottom to top */
+    get scopeOut() {
+        return this._scopeOut;
+    }
+    /** Global progress */
+    get progressGlobal() {
+        return this._progressGlobal;
+    }
+    set progressGlobal(value) {
+        this._progressGlobal = value;
+    }
+    constructor(initialProps, canInit = true) {
+        super(initialProps, false);
+        const { container, section } = this.props;
+        // get scroll container
+        if (typeof container === 'string') {
+            this._scrollContainer = selectOne(container);
+        }
+        else {
+            this._scrollContainer = container;
+        }
+        // get section element
+        this._section = selectOne(section);
+        // set defaults
+        this._prevProgressGlobal = -0.001;
+        this._progressGlobal = -0.001;
+        this._scopeGlobal = [0, 0];
+        this._scopeIn = [0, 0];
+        this._scopeMove = [0, 0];
+        this._scopeOut = [0, 0];
+        this._frameThrottleIndex = 0;
+        // initialize the class
+        if (canInit) {
+            this.init();
+        }
+    }
+    _init() {
+        super._init();
+        this._setEvents();
+    }
+    /** Set events */
+    _setEvents() {
+        const { viewportTarget, resizeDebounce } = this.props;
+        const resizeHandler = onResize({
+            onResize: () => this.resize(),
+            element: this.section,
+            viewportTarget,
+            hasBothEvents: true,
+            resizeDebounce,
+        });
+        const loadEvent = this.app.onPageLoad();
+        loadEvent.then(() => resizeHandler.debounceResize()).catch(() => { });
+        // set scroll events
+        const scrollEvent = onScroll({
+            container: this.scrollContainer,
+            callback: (data) => this._render(data),
+        });
+        // destroy events
+        this.addDestroyableAction(() => {
+            resizeHandler.remove();
+            loadEvent.cancel();
+            scrollEvent.remove();
+        });
+    }
+    _onPropsMutate() {
+        super._onPropsMutate();
+        this.resize();
+    }
+    /** 'in' progress */
+    get progressIn() {
+        return clampScope(this.progressGlobal, this.scopeIn) || 0;
+    }
+    /** 'out' progress */
+    get progressOut() {
+        return clampScope(this.progressGlobal, this.scopeOut) || 0;
+    }
+    /** 'move' progress */
+    get progressMove() {
+        return clampScope(this.progressGlobal, this.scopeMove) || 0;
+    }
+    /** Resize the scene */
+    resize() {
+        const scrollValues = getScrollValues(this.scrollContainer);
+        if (!scrollValues) {
+            return;
+        }
+        // launch callbacks
+        this.callbacks.tbt('resize', undefined);
+        // render the scene
+        this._render(scrollValues, true);
+    }
+    /** Calculate scopes */
+    _calculateScopes({ scrollTop }) {
+        const { height: vHeight } = this.app.viewport;
+        const sectionBounding = this.section.getBoundingClientRect();
+        // calculate scroll scope
+        const inStart = scrollTop + sectionBounding.top - vHeight;
+        const moveEnd = scrollTop + sectionBounding.top + sectionBounding.height;
+        const scrollLine = moveEnd - inStart;
+        this._scopeGlobal = [inStart, moveEnd];
+        // calculate other scopes
+        this._scopeIn = [0, vHeight / scrollLine];
+        this._scopeOut = [1 - vHeight / scrollLine, 1];
+        this._scopeMove = [this._scopeIn[1], this._scopeOut[0]];
+    }
+    /** Check if the section can be rendered */
+    _canRender(isForce = false) {
+        return isForce || this.progressGlobal !== this._prevProgressGlobal;
+    }
+    /** Render the scene */
+    _render(scrollValues, isForce = false) {
+        this._frameThrottleIndex += 1;
+        if (this._frameThrottleIndex % 60 === 0 || isForce) {
+            this._calculateScopes(scrollValues);
+        }
+        this._prevProgressGlobal = this.progressGlobal;
+        this.progressGlobal = clampScope(scrollValues.scrollTop, this._scopeGlobal);
+        if (!this._canRender(isForce)) {
+            return;
+        }
+        this.callbacks.tbt('render', undefined);
+    }
+}
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,44 @@
+import { AnimationFrame as AnimationFrameClass } from '../AnimationFrame';
+export class AnimationFrame {
+    get animationFrame() {
+        return (this.props.outerAnimationFrame || this._innerAnimationFrame);
+    }
+    get easeMultiplier() {
+        return this.animationFrame.easeMultiplier;
+    }
+    get props() {
+        return this._props;
+    }
+    constructor(_props) {
+        this._props = _props;
+    }
+    enable() {
+        // set animation callback for the outer AnimationFrame
+        if (this.props.outerAnimationFrame) {
+            if (!this._animationFrameEvent) {
+                this._animationFrameEvent = this.props.outerAnimationFrame.addCallback('frame', () => this.props.callback(), { name: 'SmoothScroll' });
+            }
+            return;
+        }
+        // otherwise, check if inner AnimationFrame is created
+        if (!this._innerAnimationFrame) {
+            this._innerAnimationFrame = new AnimationFrameClass({ fps: 'auto' });
+            this._innerAnimationFrame.addCallback('frame', () => this.props.callback());
+        }
+        // play
+        this._innerAnimationFrame.play();
+    }
+    /** Disable scrolling */
+    disable() {
+        var _a, _b;
+        (_a = this._animationFrameEvent) === null || _a === void 0 ? void 0 : _a.remove();
+        this._animationFrameEvent = undefined;
+        (_b = this._innerAnimationFrame) === null || _b === void 0 ? void 0 : _b.pause();
+    }
+    destroy() {
+        var _a;
+        this.disable();
+        (_a = this._innerAnimationFrame) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+}
+//# sourceMappingURL=AnimatonFrame.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatonFrame.js","sourceRoot":"","sources":["../../../../src/components/SmoothScroll/AnimatonFrame.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E,MAAM,OAAO,cAAc;IAKzB,IAAY,cAAc;QACxB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,IAAI,IAAI,CAAC,oBAAoB,CAAE,CAAC;IACxE,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,CAAC;IAED,IAAY,KAAK;QACf,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,YAAoB,MAAc;QAAd,WAAM,GAAN,MAAM,CAAQ;IAAG,CAAC;IAE/B,MAAM;QACX,sDAAsD;QACtD,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE;YAClC,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;gBAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,WAAW,CACpE,OAAO,EACP,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAC3B,EAAE,IAAI,EAAE,cAAc,EAAE,CACzB,CAAC;aACH;YAED,OAAO;SACR;QAED,sDAAsD;QACtD,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;YAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,mBAAmB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;YACrE,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,EAAE,CAClD,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CACtB,CAAC;SACH;QAED,OAAO;QACP,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;IACnC,CAAC;IAED,wBAAwB;IACjB,OAAO;;QACZ,MAAA,IAAI,CAAC,oBAAoB,0CAAE,MAAM,EAAE,CAAC;QACpC,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;QAEtC,MAAA,IAAI,CAAC,oBAAoB,0CAAE,KAAK,EAAE,CAAC;IACrC,CAAC;IAEM,OAAO;;QACZ,IAAI,CAAC,OAAO,EAAE,CAAC;QAEf,MAAA,IAAI,CAAC,oBAAoB,0CAAE,OAAO,EAAE,CAAC;IACvC,CAAC;CACF"}