vevet 2.16.1 → 3.0.0-beta.0

package/build/cjs/components/scroll/section/ScrollSectionProgress.js

@@ -1,261 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollSectionProgress = void 0;
-var vevet_dom_1 = require("vevet-dom");
-var onScroll_1 = __importDefault(require("../../../utils/listeners/onScroll"));
-var Component_1 = require("../../../base/Component");
-var clampScope_1 = __importDefault(require("../../../utils/math/clampScope"));
-var getScrollValues_1 = __importDefault(require("../../../utils/scroll/getScrollValues"));
-/**
- * Elements into viewport
- */
-var ScrollSectionProgress = /** @class */ (function (_super) {
-    __extends(ScrollSectionProgress, _super);
-    function ScrollSectionProgress(initialProp, init) {
-        if (init === void 0) { init = true; }
-        var _this = _super.call(this, initialProp, false) || this;
-        // get scroll container
-        if (typeof _this.prop.container === 'string') {
-            _this._scrollContainer = (0, vevet_dom_1.selectOne)(_this.prop.container);
-        }
-        else {
-            _this._scrollContainer = _this.prop.container;
-        }
-        // get section element
-        if (typeof _this.prop.section === 'string') {
-            _this._section = (0, vevet_dom_1.selectOne)(_this.prop.section);
-        }
-        else {
-            _this._section = _this.prop.section;
-        }
-        // set defaults
-        _this._progress = -0.001;
-        _this._scopeScroll = [0, 0];
-        _this._scopeIn = [0, 0];
-        _this._scopeMove = [0, 0];
-        _this._scopeOut = [0, 0];
-        // initialize the class
-        if (init) {
-            _this.init();
-        }
-        return _this;
-    }
-    ScrollSectionProgress.prototype._getDefaultProp = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: window, viewportTarget: '', resizeTimeout: 0 });
-    };
-    Object.defineProperty(ScrollSectionProgress.prototype, "scrollContainer", {
-        get: function () {
-            return this._scrollContainer;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollSectionProgress.prototype, "section", {
-        get: function () {
-            return this._section;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollSectionProgress.prototype, "scopeScroll", {
-        get: function () {
-            return this._scopeScroll;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollSectionProgress.prototype, "scopeIn", {
-        get: function () {
-            return this._scopeIn;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollSectionProgress.prototype, "scopeMove", {
-        get: function () {
-            return this._scopeMove;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollSectionProgress.prototype, "scopeOut", {
-        get: function () {
-            return this._scopeOut;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollSectionProgress.prototype, "progress", {
-        /**
-         * Global progress
-         */
-        get: function () {
-            return this._progress;
-        },
-        set: function (val) {
-            this._progress = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ScrollSectionProgress.prototype.init = function () {
-        _super.prototype.init.call(this);
-    };
-    // Set Module Events
-    ScrollSectionProgress.prototype._setEvents = function () {
-        var _this = this;
-        _super.prototype._setEvents.call(this);
-        // set resize events
-        this.addViewportCallback(this.prop.viewportTarget, function () {
-            _this.resize();
-        }, {
-            timeout: this.prop.resizeTimeout,
-        });
-        // resize on page loaded
-        this._loadedEvent = this._app.onPageLoaded();
-        this._loadedEvent.then(function () {
-            _this.resize();
-        }).catch(function () { });
-        // set scroll events
-        this._scrollEvent = (0, onScroll_1.default)({
-            container: this.prop.container,
-            callback: this._handleScroll.bind(this),
-        });
-    };
-    ScrollSectionProgress.prototype._onPropMutate = function () {
-        _super.prototype._onPropMutate.call(this);
-        this.resize();
-    };
-    Object.defineProperty(ScrollSectionProgress.prototype, "progressIn", {
-        /**
-         * 'in' progress
-         */
-        get: function () {
-            return (0, clampScope_1.default)(this.progress, this.scopeIn) || 0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollSectionProgress.prototype, "progressOut", {
-        /**
-         * 'out' progress
-         */
-        get: function () {
-            return (0, clampScope_1.default)(this.progress, this.scopeOut) || 0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollSectionProgress.prototype, "progressMove", {
-        /**
-         * 'move' progress
-         */
-        get: function () {
-            return (0, clampScope_1.default)(this.progress, this.scopeMove) || 0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Handle scroll event
-     */
-    ScrollSectionProgress.prototype._handleScroll = function () {
-        // calculate scopes
-        var scrollData = (0, getScrollValues_1.default)(this.scrollContainer);
-        if (!scrollData) {
-            return;
-        }
-        this._render(scrollData);
-    };
-    /**
-     * Resize the scene
-     */
-    ScrollSectionProgress.prototype.resize = function () {
-        // calculate scopes
-        var scrollData = (0, getScrollValues_1.default)(this.scrollContainer);
-        if (!scrollData) {
-            return;
-        }
-        // get sizes
-        var bounding = this.section.getBoundingClientRect();
-        var vHeight = this._app.viewport.height;
-        // calculate scroll scope
-        var inStart = scrollData.scrollTop + bounding.top - vHeight;
-        var moveEnd = scrollData.scrollTop + bounding.top + bounding.height;
-        var scrollLine = moveEnd - inStart;
-        this._scopeScroll = [inStart, moveEnd];
-        // calculate scopes
-        this._scopeIn = [0, vHeight / scrollLine];
-        this._scopeOut = [1 - vHeight / scrollLine, 1];
-        this._scopeMove = [this._scopeIn[1], this._scopeOut[0]];
-        // launch callbacks
-        this.callbacks.tbt('resize', false);
-        // render the scene
-        this._render(scrollData, true);
-    };
-    /**
-     * Render the scene
-     */
-    ScrollSectionProgress.prototype._render = function (scrollData, force) {
-        if (force === void 0) { force = false; }
-        var canRender = this._canRender(scrollData, force);
-        if (!canRender) {
-            return;
-        }
-        this.callbacks.tbt('render', false);
-    };
-    /**
-     * Check if the section can be rendered
-     */
-    ScrollSectionProgress.prototype._canRender = function (scrollData, force) {
-        if (force === void 0) { force = false; }
-        if (!scrollData) {
-            return false;
-        }
-        var scrollTop = scrollData.scrollTop;
-        var prevProgress = this.progress;
-        var progress = (0, clampScope_1.default)(scrollTop, [this._scopeScroll[0], this._scopeScroll[1]]) || 0;
-        this.progress = progress;
-        return force || (progress !== prevProgress);
-    };
-    /**
-     * Destroy the module
-     */
-    ScrollSectionProgress.prototype._destroy = function () {
-        var _a, _b;
-        _super.prototype._destroy.call(this);
-        (_a = this._scrollEvent) === null || _a === void 0 ? void 0 : _a.remove();
-        (_b = this._loadedEvent) === null || _b === void 0 ? void 0 : _b.cancel();
-    };
-    return ScrollSectionProgress;
-}(Component_1.Component));
-exports.ScrollSectionProgress = ScrollSectionProgress;