vevet 2.16.1 → 3.0.0-beta.0

package/build/cjs/handlers/wheel/WheelHandler.js

@@ -1,195 +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.WheelHandler = void 0;
-var vevet_dom_1 = require("vevet-dom");
-var normalize_wheel_1 = __importDefault(require("normalize-wheel"));
-var Module_1 = require("../../base/Module");
-/**
- * Wheel events: up & down, left & right without repeating
-
- */
-var WheelHandler = /** @class */ (function (_super) {
-    __extends(WheelHandler, _super);
-    function WheelHandler(initialProp, init) {
-        if (init === void 0) { init = true; }
-        var _this = _super.call(this, initialProp, false) || this;
-        _this._wheelListener = undefined;
-        _this._lockWheel = false;
-        if (init) {
-            _this.init();
-        }
-        return _this;
-    }
-    WheelHandler.prototype._getDefaultProp = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: false, enabled: true, stopPropagation: false, threshold: 20 });
-    };
-    Object.defineProperty(WheelHandler.prototype, "container", {
-        /**
-         * Listener contianer
-         */
-        get: function () {
-            if (!this.prop.container) {
-                return window;
-            }
-            return this.prop.container;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    // Set Module Events
-    WheelHandler.prototype._setEvents = function () {
-        _super.prototype._setEvents.call(this);
-        if (!(this.container instanceof Window)) {
-            this._listeners.push((0, vevet_dom_1.addEventListener)(this.container, 'mouseenter', this._handleMouseEnter.bind(this)));
-            this._listeners.push((0, vevet_dom_1.addEventListener)(this.container, 'mouseleave', this._handleMouseLeave.bind(this)));
-        }
-        else {
-            this._toggleWheelEvent();
-        }
-    };
-    WheelHandler.prototype._onPropMutate = function () {
-        _super.prototype._onPropMutate.call(this);
-        this._toggleWheelEvent();
-    };
-    /**
-     * Handle element mouse enter
-     */
-    WheelHandler.prototype._handleMouseEnter = function () {
-        if (this.prop.enabled) {
-            this._createWheelEvent();
-        }
-    };
-    /**
-     * Handle element mouse leave
-     */
-    WheelHandler.prototype._handleMouseLeave = function () {
-        this._destroyWheelEvent();
-    };
-    /**
-     * Set wheel event
-     */
-    WheelHandler.prototype._toggleWheelEvent = function () {
-        if (this.prop.enabled) {
-            this._createWheelEvent();
-        }
-        else {
-            this._destroyWheelEvent();
-        }
-    };
-    /**
-     * Create a wheel event
-     */
-    WheelHandler.prototype._createWheelEvent = function () {
-        if (this._wheelListener) {
-            return;
-        }
-        // reset gaining
-        this._lockWheel = false;
-        if (this._lockWheelTimeout) {
-            clearTimeout(this._lockWheelTimeout);
-        }
-        // create a listener
-        this._wheelListener = (0, vevet_dom_1.addEventListener)(this.container, 'wheel', 
-        // throttle(this._handleWheel.bind(this), 200),
-        this._handleWheel.bind(this));
-    };
-    /**
-     * Destroy the wheel event
-     */
-    WheelHandler.prototype._destroyWheelEvent = function () {
-        if (!this._wheelListener) {
-            return;
-        }
-        this._wheelListener.remove();
-        this._wheelListener = undefined;
-    };
-    /**
-     * Handle wheel event
-     */
-    WheelHandler.prototype._handleWheel = function (evt) {
-        var _this = this;
-        if (!this._wheelListener) {
-            return;
-        }
-        // stop propagation
-        if (this.prop.stopPropagation) {
-            evt.preventDefault();
-            evt.stopPropagation();
-        }
-        // if locked
-        if (this._lockWheel) {
-            if (this._lockWheelTimeout) {
-                clearTimeout(this._lockWheelTimeout);
-            }
-            this._lockWheelTimeout = setTimeout(function () {
-                _this._lockWheel = false;
-            }, 300);
-            return;
-        }
-        // data
-        var delta = (0, normalize_wheel_1.default)(evt);
-        var threshold = this.prop.threshold;
-        // launch events
-        var eventFired = false;
-        // Y
-        if (delta.pixelY > threshold) {
-            this._callbacks.tbt('down', false);
-            eventFired = true;
-        }
-        else if (delta.pixelY < threshold * -1) {
-            this._callbacks.tbt('up', false);
-            eventFired = true;
-        }
-        // X
-        if (delta.pixelX > threshold) {
-            this._callbacks.tbt('right', false);
-            eventFired = true;
-        }
-        else if (delta.pixelX < threshold * -1) {
-            this._callbacks.tbt('left', false);
-            eventFired = true;
-        }
-        // lock events
-        if (eventFired) {
-            this._lockWheel = true;
-        }
-    };
-    /**
-     * Destroy the module
-     */
-    WheelHandler.prototype._destroy = function () {
-        _super.prototype._destroy.call(this);
-        this._destroyWheelEvent();
-    };
-    return WheelHandler;
-}(Module_1.Module));
-exports.WheelHandler = WheelHandler;

package/build/cjs/index.js

@@ -1,95 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomCursor = exports.SplitText = exports.ScrollSectionProgress = exports.SmoothScrollDragPlugin = exports.SmoothScrollKeyboardPlugin = exports.ScrollView = exports.ScrollEventsBase = exports.ScrollBar = exports.SmoothScroll = exports.Ctx2DPrerender = exports.Ctx2D = exports.DraggerDirection = exports.DraggerMove = exports.Dragger = exports.ProgressPreloader = exports.Preloader = exports.Timeline = exports.StaticTimeline = exports.AnimationFrame = exports.WheelHandler = exports.Page = exports.Plugin = exports.Component = exports.Module = exports.MutableProp = exports.Callbacks = exports.PageLoad = exports.Viewport = exports.Application = exports.GeneralTypes = exports.utils = void 0;
-var common = __importStar(require("./utils/common"));
-var listeners = __importStar(require("./utils/listeners"));
-var math = __importStar(require("./utils/math"));
-var scroll = __importStar(require("./utils/scroll"));
-var image = __importStar(require("./utils/image"));
-var GeneralTypes = __importStar(require("./utils/types/general"));
-exports.GeneralTypes = GeneralTypes;
-var Application_1 = require("./app/Application");
-Object.defineProperty(exports, "Application", { enumerable: true, get: function () { return Application_1.Application; } });
-var Viewport_1 = require("./app/events/Viewport");
-Object.defineProperty(exports, "Viewport", { enumerable: true, get: function () { return Viewport_1.Viewport; } });
-var PageLoad_1 = require("./app/events/PageLoad");
-Object.defineProperty(exports, "PageLoad", { enumerable: true, get: function () { return PageLoad_1.PageLoad; } });
-var Callbacks_1 = require("./base/Callbacks");
-Object.defineProperty(exports, "Callbacks", { enumerable: true, get: function () { return Callbacks_1.Callbacks; } });
-var MutableProp_1 = require("./base/MutableProp");
-Object.defineProperty(exports, "MutableProp", { enumerable: true, get: function () { return MutableProp_1.MutableProp; } });
-var Module_1 = require("./base/Module");
-Object.defineProperty(exports, "Module", { enumerable: true, get: function () { return Module_1.Module; } });
-var Component_1 = require("./base/Component");
-Object.defineProperty(exports, "Component", { enumerable: true, get: function () { return Component_1.Component; } });
-var Plugin_1 = require("./base/Plugin");
-Object.defineProperty(exports, "Plugin", { enumerable: true, get: function () { return Plugin_1.Plugin; } });
-var Page_1 = require("./components/page/Page");
-Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
-var WheelHandler_1 = require("./handlers/wheel/WheelHandler");
-Object.defineProperty(exports, "WheelHandler", { enumerable: true, get: function () { return WheelHandler_1.WheelHandler; } });
-var AnimationFrame_1 = require("./components/animation-frame/AnimationFrame");
-Object.defineProperty(exports, "AnimationFrame", { enumerable: true, get: function () { return AnimationFrame_1.AnimationFrame; } });
-var StaticTimeline_1 = require("./components/timeline/StaticTimeline");
-Object.defineProperty(exports, "StaticTimeline", { enumerable: true, get: function () { return StaticTimeline_1.StaticTimeline; } });
-var Timeline_1 = require("./components/timeline/Timeline");
-Object.defineProperty(exports, "Timeline", { enumerable: true, get: function () { return Timeline_1.Timeline; } });
-var Preloader_1 = require("./components/loading/Preloader");
-Object.defineProperty(exports, "Preloader", { enumerable: true, get: function () { return Preloader_1.Preloader; } });
-var ProgressPreloader_1 = require("./components/loading/ProgressPreloader");
-Object.defineProperty(exports, "ProgressPreloader", { enumerable: true, get: function () { return ProgressPreloader_1.ProgressPreloader; } });
-var Dragger_1 = require("./components/dragger/Dragger");
-Object.defineProperty(exports, "Dragger", { enumerable: true, get: function () { return Dragger_1.Dragger; } });
-var DraggerMove_1 = require("./components/dragger/DraggerMove");
-Object.defineProperty(exports, "DraggerMove", { enumerable: true, get: function () { return DraggerMove_1.DraggerMove; } });
-var DraggerDirection_1 = require("./components/dragger/DraggerDirection");
-Object.defineProperty(exports, "DraggerDirection", { enumerable: true, get: function () { return DraggerDirection_1.DraggerDirection; } });
-var Ctx2D_1 = require("./components/canvas/Ctx2D");
-Object.defineProperty(exports, "Ctx2D", { enumerable: true, get: function () { return Ctx2D_1.Ctx2D; } });
-var Ctx2DPrerender_1 = require("./components/canvas/Ctx2DPrerender");
-Object.defineProperty(exports, "Ctx2DPrerender", { enumerable: true, get: function () { return Ctx2DPrerender_1.Ctx2DPrerender; } });
-var SmoothScroll_1 = require("./components/scroll/smooth-scroll/SmoothScroll");
-Object.defineProperty(exports, "SmoothScroll", { enumerable: true, get: function () { return SmoothScroll_1.SmoothScroll; } });
-var ScrollBar_1 = require("./components/scroll/scrollbar/ScrollBar");
-Object.defineProperty(exports, "ScrollBar", { enumerable: true, get: function () { return ScrollBar_1.ScrollBar; } });
-var ScrollEventsBase_1 = require("./components/scroll/scrollable/ScrollEventsBase");
-Object.defineProperty(exports, "ScrollEventsBase", { enumerable: true, get: function () { return ScrollEventsBase_1.ScrollEventsBase; } });
-var ScrollView_1 = require("./components/scroll/scrollable/ScrollView");
-Object.defineProperty(exports, "ScrollView", { enumerable: true, get: function () { return ScrollView_1.ScrollView; } });
-var SmoothScrollKeyboardPlugin_1 = require("./components/scroll/plugins/SmoothScrollKeyboardPlugin");
-Object.defineProperty(exports, "SmoothScrollKeyboardPlugin", { enumerable: true, get: function () { return SmoothScrollKeyboardPlugin_1.SmoothScrollKeyboardPlugin; } });
-var SmoothScrollDragPlugin_1 = require("./components/scroll/plugins/SmoothScrollDragPlugin");
-Object.defineProperty(exports, "SmoothScrollDragPlugin", { enumerable: true, get: function () { return SmoothScrollDragPlugin_1.SmoothScrollDragPlugin; } });
-var ScrollSectionProgress_1 = require("./components/scroll/section/ScrollSectionProgress");
-Object.defineProperty(exports, "ScrollSectionProgress", { enumerable: true, get: function () { return ScrollSectionProgress_1.ScrollSectionProgress; } });
-var SplitText_1 = require("./components/text/SplitText");
-Object.defineProperty(exports, "SplitText", { enumerable: true, get: function () { return SplitText_1.SplitText; } });
-var CustomCursor_1 = require("./components/cursor/CustomCursor");
-Object.defineProperty(exports, "CustomCursor", { enumerable: true, get: function () { return CustomCursor_1.CustomCursor; } });
-var utils = {
-    common: common,
-    listeners: listeners,
-    math: math,
-    scroll: scroll,
-    image: image,
-};
-exports.utils = utils;

package/build/cjs/utils/common/id.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var index = 0;
-/**
- * Generate an ID
- */
-function id(prefix) {
-    if (prefix === void 0) { prefix = 'id'; }
-    index += 1;
-    return "".concat(prefix, "_").concat(index);
-}
-exports.default = id;

package/build/cjs/utils/common/index.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.timeoutCallback = exports.mergeWithoutArrays = exports.id = void 0;
-var id_1 = __importDefault(require("./id"));
-exports.id = id_1.default;
-var mergeWithoutArrays_1 = __importDefault(require("./mergeWithoutArrays"));
-exports.mergeWithoutArrays = mergeWithoutArrays_1.default;
-var timeoutCallback_1 = __importDefault(require("./timeoutCallback"));
-exports.timeoutCallback = timeoutCallback_1.default;

package/build/cjs/utils/common/mergeWithoutArrays.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var lodash_mergewith_1 = __importDefault(require("lodash.mergewith"));
-/**
- * Deep merge of two objects except for arrays.
- * The function doesn't change the "object" and "source".
- */
-function mergeWithoutArrays(object, source) {
-    return (0, lodash_mergewith_1.default)(object, source, function (objValue, srcValue) {
-        if (Array.isArray(objValue)) {
-            return srcValue;
-        }
-        return undefined;
-    });
-}
-exports.default = mergeWithoutArrays;

package/build/cjs/utils/common/orderId.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var index = 0;
-/**
- * Generate a random ID
- */
-function orderId(prefix) {
-    if (prefix === void 0) { prefix = 'id'; }
-    index += 1;
-    return "".concat(prefix, "_").concat(index);
-}
-exports.default = orderId;

package/build/cjs/utils/common/randID.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * Generate a random ID
- */
-function randID(prefix) {
-    if (prefix === void 0) { prefix = 'id'; }
-    var id = "".concat(+new Date(), "_").concat(Math.round(Math.random() * 1));
-    return "".concat(prefix, "_").concat(id);
-}
-exports.default = randID;

package/build/cjs/utils/common/timeoutCallback.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * Launch a function in a certain amount of time
- * If the timeout argument is zero, the callback will be launched synchronously
- */
-function timeoutCallback(callback, delay) {
-    var timeout;
-    if (delay === 0) {
-        callback();
-    }
-    else {
-        timeout = setTimeout(function () {
-            callback();
-        }, delay);
-    }
-    return {
-        clear: function () {
-            if (timeout) {
-                clearTimeout(timeout);
-            }
-        },
-    };
-}
-exports.default = timeoutCallback;

package/build/cjs/utils/errors.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.throwVevetAppError = exports.vevetAppErrorText = void 0;
-exports.vevetAppErrorText = "Vevet.Application does not exist yet. \nCall \"new Vevet.Application()\" before using all the stuff";
-function throwVevetAppError() {
-    throw new Error(exports.vevetAppErrorText);
-}
-exports.throwVevetAppError = throwVevetAppError;

package/build/cjs/utils/image/index.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.pathsToProps = exports.sizesToSrcSet = exports.load = void 0;
-var load_1 = __importDefault(require("./load"));
-exports.load = load_1.default;
-var sizesToSrcSet_1 = __importDefault(require("./sizesToSrcSet"));
-exports.sizesToSrcSet = sizesToSrcSet_1.default;
-var pathsToProps_1 = __importDefault(require("./pathsToProps"));
-exports.pathsToProps = pathsToProps_1.default;

package/build/cjs/utils/image/load.js

@@ -1,77 +0,0 @@
-"use strict";
-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 });
-var p_cancelable_1 = __importDefault(require("p-cancelable"));
-var cachedImages = [];
-/**
- * Load an image
- */
-function loadImage(source, props) {
-    var defaultLoadProps = {
-        crossOrigin: null,
-        useCache: false,
-    };
-    var loadProps = __assign(__assign({}, defaultLoadProps), props);
-    var imageSrc = typeof source === 'string' ? source : source.src;
-    return new p_cancelable_1.default(function (resolve, reject) {
-        var cachedImage = loadProps.useCache && cachedImages.find(function (img) { return img.src === imageSrc; });
-        // get image from cache
-        if (cachedImage) {
-            resolve(cachedImage.image);
-            return;
-        }
-        // load the image by src
-        if (typeof source === 'string') {
-            var img_1 = new Image();
-            img_1.crossOrigin = loadProps.crossOrigin;
-            img_1.onload = function () {
-                if (loadProps.useCache) {
-                    cachedImages.push({
-                        src: imageSrc,
-                        image: img_1,
-                    });
-                }
-                resolve(img_1);
-            };
-            img_1.onerror = function () {
-                reject();
-            };
-            img_1.src = source;
-            return;
-        }
-        // load the image by image element
-        if (source instanceof HTMLImageElement) {
-            if (source.complete) {
-                resolve(source);
-            }
-            else {
-                source.addEventListener('load', function () {
-                    if (loadProps.useCache) {
-                        cachedImages.push({
-                            src: imageSrc,
-                            image: source,
-                        });
-                    }
-                    resolve(source);
-                });
-                source.addEventListener('error', function () {
-                    reject();
-                });
-            }
-        }
-    });
-}
-exports.default = loadImage;

package/build/cjs/utils/image/pathsToProps.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var sizesToSrcSet_1 = __importDefault(require("./sizesToSrcSet"));
-/**
- * Transform image paths to properties
- */
-function imagePathsToProps(data) {
-    var app = window.vevetApp;
-    // get src
-    var src = data.original;
-    if (data.thumb) {
-        src = data.thumb;
-    }
-    if (app && app.supportsWebp && !!data.thumbWebp) {
-        src = data.thumbWebp;
-    }
-    // get src set
-    var srcSet = '';
-    // get webp images
-    if (app && app.supportsWebp && 'sizesWebp' in data && !!data.sizesWebp) {
-        srcSet = (0, sizesToSrcSet_1.default)(data.sizesWebp);
-    }
-    else if ('sizes' in data && !!data.sizes) {
-        srcSet = (0, sizesToSrcSet_1.default)(data.sizes);
-    }
-    return {
-        src: src,
-        srcSet: srcSet,
-    };
-}
-exports.default = imagePathsToProps;

package/build/cjs/utils/image/sizesToSrcSet.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * Transform image sizes to src set
- */
-function imageSizesToSrcSet(sizes) {
-    var keys = Object.keys(sizes);
-    var srcParts = keys.map(function (key) {
-        var value = sizes[key];
-        if (value) {
-            return "".concat(value, " ").concat(key, "w");
-        }
-        return undefined;
-    });
-    return srcParts.filter(function (item) { return !!item; }).join(', ');
-}
-exports.default = imageSizesToSrcSet;

package/build/cjs/utils/listeners/index.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.intersectionObserverSupported = exports.onScroll = void 0;
-var onScroll_1 = __importDefault(require("./onScroll"));
-exports.onScroll = onScroll_1.default;
-var intersectionObserverSupported_1 = __importDefault(require("./intersectionObserverSupported"));
-exports.intersectionObserverSupported = intersectionObserverSupported_1.default;

package/build/cjs/utils/listeners/intersectionObserverSupported.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function intersectionObserverSupported() {
-    if (!('IntersectionObserver' in window)
-        || !('IntersectionObserverEntry' in window)
-        || !('intersectionRatio' in window.IntersectionObserverEntry.prototype)) {
-        return false;
-    }
-    return true;
-}
-exports.default = intersectionObserverSupported;

package/build/cjs/utils/listeners/onScroll.js

@@ -1,87 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var vevet_dom_1 = require("vevet-dom");
-var SmoothScroll_1 = require("../../components/scroll/smooth-scroll/SmoothScroll");
-var common_1 = require("../common");
-var instances = [];
-/**
- * Add OnScroll event
- */
-function onScroll(_a) {
-    var container = _a.container, callback = _a.callback, _b = _a.isPassive, isPassive = _b === void 0 ? false : _b;
-    // check if listeners for this element already exist
-    var instance = instances.find(function (data) { return (data.container === container && data.isPassive === isPassive); });
-    var callbackId = (0, common_1.id)('scroll-event');
-    // if a listener exists, we just add a new callback to its stack
-    if (instance) {
-        instance.callbacks.push({
-            id: callbackId,
-            callback: callback,
-        });
-    }
-    else {
-        // otherwise we create a new instance
-        instance = {
-            id: (0, common_1.id)('scroll-event-instance'),
-            container: container,
-            callbacks: [{
-                    id: callbackId,
-                    callback: callback,
-                }],
-            isPassive: isPassive,
-            listeners: [],
-        };
-        instances.push(instance);
-        // vars
-        var listeners = instance.listeners;
-        // smooth scroll events
-        if (container instanceof SmoothScroll_1.SmoothScroll) {
-            listeners.push(container.addCallback('scroll', function () {
-                var scrollTop = container.scrollTop, scrollLeft = container.scrollLeft;
-                for (var index = 0; index < instance.callbacks.length; index += 1) {
-                    instance.callbacks[index].callback({
-                        scrollTop: scrollTop,
-                        scrollLeft: scrollLeft,
-                    });
-                }
-            }));
-        }
-        else {
-            // dom scroll events
-            var isWindow_1 = container instanceof Window;
-            var domContainer_1 = (0, vevet_dom_1.selectOne)(container);
-            listeners.push((0, vevet_dom_1.addEventListener)(domContainer_1, 'scroll', function () {
-                var scrollTop = isWindow_1
-                    ? domContainer_1.pageYOffset : domContainer_1.scrollTop;
-                var scrollLeft = isWindow_1
-                    ? domContainer_1.pageXOffset : domContainer_1.scrollLeft;
-                for (var index = 0; index < instance.callbacks.length; index += 1) {
-                    instance.callbacks[index].callback({
-                        scrollTop: scrollTop,
-                        scrollLeft: scrollLeft,
-                    });
-                }
-            }, {
-                passive: isPassive,
-            }));
-        }
-    }
-    return {
-        remove: function () {
-            var newCallbacks = instance.callbacks.filter(function (item) {
-                if (item.id !== callbackId) {
-                    return true;
-                }
-                return false;
-            });
-            instance.callbacks = newCallbacks;
-            if (newCallbacks.length === 0) {
-                instance.listeners.forEach(function (listener) {
-                    listener.remove();
-                });
-                instances = instances.filter(function (item) { return item.id !== instance.id; });
-            }
-        },
-    };
-}
-exports.default = onScroll;