vevet 2.17.0 → 3.0.0-beta.0

package/build/cjs/app/events/Viewport.js

@@ -1,336 +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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Viewport = void 0;
-var Callbacks_1 = require("../../base/Callbacks");
-var common_1 = require("../../utils/common");
-/**
- * Viewport size types
- */
-var SizeTypes;
-(function (SizeTypes) {
-    SizeTypes["Desktop"] = "desktop";
-    SizeTypes["Tablet"] = "tablet";
-    SizeTypes["Phone"] = "phone";
-})(SizeTypes || (SizeTypes = {}));
-/**
- * Orientation types
- */
-var OrientationTypes;
-(function (OrientationTypes) {
-    OrientationTypes["Landscape"] = "landscape";
-    OrientationTypes["Portrait"] = "portrait";
-})(OrientationTypes || (OrientationTypes = {}));
-/**
- * Callbacks on window resize.
- * Here the names of the OS, Browser, and Device are also available. <br>
- */
-var Viewport = /** @class */ (function (_super) {
-    __extends(Viewport, _super);
-    function Viewport() {
-        var _this = _super.call(this, false) || this;
-        _this._width = 0;
-        _this._height = 0;
-        _this._radius = 0;
-        _this._prevSize = { w: 0, h: 0 };
-        _this._isDesktop = false;
-        _this._isTablet = false;
-        _this._isPhone = false;
-        _this._init();
-        return _this;
-    }
-    Object.defineProperty(Viewport.prototype, "width", {
-        get: function () {
-            return this._width;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "height", {
-        get: function () {
-            return this._height;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "radius", {
-        get: function () {
-            return Math.sqrt(Math.pow(this.width, 2) + Math.pow(this.height, 2)) / 2;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "vw", {
-        /**
-         * Get VW value
-         */
-        get: function () {
-            return this.width / 100;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "vh", {
-        /**
-         * Get VH value
-         */
-        get: function () {
-            return this.height / 100;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "vr", {
-        /**
-         * Get VR value (viewport radius / 100)
-         */
-        get: function () {
-            return this.radius / 100;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "prevSize", {
-        /**
-         * Get previous Viewport size
-         */
-        get: function () {
-            return this._prevSize;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "isLandscape", {
-        /**
-         * If width greater than height.
-         */
-        get: function () {
-            return this.width > this.height;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "isPortrait", {
-        /**
-         * If width less than height.
-         */
-        get: function () {
-            return this.width < this.height;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "isDesktop", {
-        get: function () {
-            return this._isDesktop;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "isTablet", {
-        get: function () {
-            return this._isTablet;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "isPhone", {
-        get: function () {
-            return this._isPhone;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "dpr", {
-        /**
-         * Device pixel ratio
-         */
-        get: function () {
-            if (typeof window.devicePixelRatio !== 'undefined') {
-                return window.devicePixelRatio;
-            }
-            return 1;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Viewport.prototype, "lowerDesktopDPR", {
-        /**
-         * Device pixel ratio. For non-mobile devices it is always 1.
-         */
-        get: function () {
-            if (this._app.isDesktop) {
-                return 1;
-            }
-            return this.dpr;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    // Extra constructor
-    Viewport.prototype._constructor = function () {
-        _super.prototype._constructor.call(this);
-        this._setValues();
-    };
-    // Set events on resize
-    Viewport.prototype._setEvents = function () {
-        var _this = this;
-        window.addEventListener('resize', function () {
-            if (_this._resizeTimeout) {
-                _this._resizeTimeout.clear();
-            }
-            _this._resizeTimeout = (0, common_1.timeoutCallback)(function () {
-                _this._onResize();
-            }, _this._app.prop.viewportResizeTimeout);
-        });
-    };
-    /**
-     * Set viewport values
-     */
-    Viewport.prototype._setValues = function () {
-        var app = this._app;
-        var html = app.html;
-        var appProp = app.prop;
-        // set sizes
-        this._width = html.clientWidth;
-        this._height = html.clientHeight;
-        this._prevSize = {
-            w: this._width,
-            h: this._height,
-        };
-        // size values
-        var width = this.width;
-        this._isDesktop = width >= appProp.tablet;
-        this._isTablet = width <= appProp.tablet && width > appProp.phone;
-        this._isPhone = width <= appProp.phone;
-        // update other values
-        this._updateClasses();
-        this._updateCSSVars();
-    };
-    /**
-     * Change classes of the document element.
-     */
-    Viewport.prototype._updateClasses = function () {
-        // set viewport type
-        var viewportSizeTypes = [
-            SizeTypes.Desktop,
-            SizeTypes.Tablet,
-            SizeTypes.Phone,
-        ];
-        if (this.isDesktop) {
-            this._updateBreakpointClasses(SizeTypes.Desktop, viewportSizeTypes);
-        }
-        else if (this.isTablet) {
-            this._updateBreakpointClasses(SizeTypes.Tablet, viewportSizeTypes);
-        }
-        else {
-            this._updateBreakpointClasses(SizeTypes.Phone, viewportSizeTypes);
-        }
-        // set orientation type
-        var orientationTypes = [
-            OrientationTypes.Landscape,
-            OrientationTypes.Portrait,
-        ];
-        if (this.isLandscape) {
-            this._updateBreakpointClasses(OrientationTypes.Landscape, orientationTypes);
-        }
-        else if (this.isPortrait) {
-            this._updateBreakpointClasses(OrientationTypes.Portrait, orientationTypes);
-        }
-        else {
-            this._updateBreakpointClasses('', orientationTypes);
-        }
-    };
-    /**
-     *  Change breakpoint classes of the document element.
-     */
-    Viewport.prototype._updateBreakpointClasses = function (activeType, types) {
-        var html = this._app.html;
-        var prefix = this._app.prefix;
-        types.forEach(function (type) {
-            if (type === activeType) {
-                html.classList.add("".concat(prefix, "viewport-").concat(type));
-            }
-            else {
-                html.classList.remove("".concat(prefix, "viewport-").concat(type));
-            }
-        });
-    };
-    /**
-     * Update CSS vars
-     */
-    Viewport.prototype._updateCSSVars = function () {
-        var html = this._app.html;
-        html.style.setProperty('--vw', "".concat(this.vw, "px"));
-        html.style.setProperty('--vh', "".concat(this.vh, "px"));
-        html.style.setProperty('--vr', "".concat(this.vr, "px"));
-    };
-    /**
-     * Launch callbacks on resize.
-     */
-    Viewport.prototype._onResize = function (
-    /**
-     * force all callbacks
-     */
-    force) {
-        if (force === void 0) { force = false; }
-        // copy previous values
-        var prevWidth = this._prevSize.w;
-        var prevHeight = this._prevSize.h;
-        // set viewport values
-        this._setValues();
-        // copy size
-        var _a = this, width = _a.width, height = _a.height;
-        // get changes in viewport
-        var changes = {
-            widthChanged: width !== prevWidth,
-            heightChanged: height !== prevHeight,
-            orientationChanged: (width > height) !== (prevWidth > prevHeight),
-        };
-        // only when width is changed
-        if (force || (width !== prevWidth && height === prevHeight)) {
-            this.tbt('w_', changes);
-        }
-        // only when height is changed
-        if (force || (height !== prevHeight && width === prevWidth)) {
-            this.tbt('h_', changes);
-        }
-        // when height & width are changed
-        if (force || (width !== prevWidth && height !== prevHeight)) {
-            this.tbt('wh', changes);
-            this.tbt('hw', changes);
-        }
-        // when width is changed
-        if (force || width !== prevWidth) {
-            this.tbt('w', changes);
-        }
-        // when height changed
-        if (force || height !== prevHeight) {
-            this.tbt('h', changes);
-        }
-        // on any change
-        this.tbt('', changes);
-    };
-    /**
-     * Force launching all callbacks
-     */
-    Viewport.prototype.forceResize = function () {
-        this._onResize(true);
-    };
-    return Viewport;
-}(Callbacks_1.Callbacks));
-exports.Viewport = Viewport;

package/build/cjs/base/Callbacks.js

@@ -1,232 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Callbacks = void 0;
-var common_1 = require("../utils/common");
-/**
- * A class for callbacks' manipulation.
- */
-var Callbacks = /** @class */ (function () {
-    /**
-     * @example
-     * const callback = new Callbacks();
-     */
-    function Callbacks(callInit) {
-        if (callInit === void 0) { callInit = true; }
-        this._app = window.vevetApp;
-        this._callbacks = [];
-        // initialize callbacks
-        if (callInit) {
-            this._init();
-        }
-    }
-    Object.defineProperty(Callbacks.prototype, "callbacks", {
-        /**
-         * Get all callbacks
-         */
-        get: function () {
-            return this._callbacks;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Initialize the class.
-     */
-    Callbacks.prototype._init = function () {
-        this._constructor();
-        this._setEvents();
-    };
-    /**
-     * An empty method that is called in {@linkcode Callbacks._init}.
-     */
-    Callbacks.prototype._constructor = function () {
-        // code
-    };
-    /**
-     * An empty method that is called in {@linkcode Callbacks._init}.
-     */
-    Callbacks.prototype._setEvents = function () {
-        // code
-    };
-    /**
-     * Adds a callback
-     * @param target - Callback target name
-     * @param func - Callback function
-     * @param data - Callback data
-     *
-     * @example
-     * const onTarget = callback.add("target-name", () => {
-     *     alert("callback");
-     * });
-     */
-    Callbacks.prototype.add = function (target, func, data) {
-        if (data === void 0) { data = {}; }
-        var id = (0, common_1.id)('callback');
-        var obj = {
-            id: id,
-            on: true,
-            data: __assign({ target: target, 
-                // @ts-ignore
-                do: func }, data),
-        };
-        this._callbacks.push(obj);
-        this._onAdd(id);
-        return {
-            id: id,
-            remove: this.remove.bind(this, id),
-        };
-    };
-    /**
-     * Use it to implement some actions after adding a callback.
-     */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    Callbacks.prototype._onAdd = function (id) {
-        // code
-    };
-    /**
-     * Remove a callback.
-     */
-    Callbacks.prototype.remove = function (id, removeProtected) {
-        var _this = this;
-        if (removeProtected === void 0) { removeProtected = false; }
-        // remove the callback and get new ones
-        var removed = false;
-        var newCallbacks = this._callbacks.filter(function (callback) {
-            // if not ID overlap
-            if (callback.id !== id) {
-                return true;
-            }
-            // to be removed
-            var data = callback.data;
-            if (data.protected && !removeProtected) {
-                return true;
-            }
-            _this._onRemove(id);
-            removed = true;
-            return false;
-        });
-        // replace the callbacks' array
-        this._callbacks = newCallbacks;
-        // return results
-        return removed;
-    };
-    /**
-     * Use it to implement some actions after removing a callback.
-     */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    Callbacks.prototype._onRemove = function (id) {
-        // code
-    };
-    /**
-     * Remove all callbacks.
-     */
-    Callbacks.prototype.removeAll = function (removeProtected) {
-        if (removeProtected === void 0) { removeProtected = false; }
-        while (this._callbacks.length > 0) {
-            this.remove(this._callbacks[0].id, removeProtected);
-        }
-    };
-    /**
-     * Enable/disable a callback.
-     * @param id - ID of the callback
-     * @param enabled - True to enable, false to disable.
-     */
-    Callbacks.prototype.turn = function (id, enabled) {
-        if (enabled === void 0) { enabled = true; }
-        var callback = this.get(id);
-        if (callback) {
-            callback.on = enabled;
-            this._onTurn(id);
-            return true;
-        }
-        return false;
-    };
-    /**
-     * Use it to implement some actions after enabling or disabling a callback.
-     */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    Callbacks.prototype._onTurn = function (id) {
-        // code
-    };
-    /**
-     * Get a callback by id
-     */
-    Callbacks.prototype.get = function (id) {
-        var callbacks = this._callbacks.filter(function (callback) { return callback.id === id; });
-        if (callbacks.length > 0) {
-            return callbacks[0];
-        }
-        return false;
-    };
-    /**
-     * Trigger a callback. It will work only if the callback is enabled.
-     */
-    Callbacks.prototype._trigger = function (callback, arg) {
-        // check if enabled
-        if (!callback.on) {
-            return;
-        }
-        var _a = callback.data, timeout = _a.timeout, once = _a.once;
-        var func = callback.data.do;
-        // launch
-        if (timeout) {
-            if (arg) {
-                (0, common_1.timeoutCallback)(this._triggerFunc.bind(this, func, arg), timeout);
-            }
-            else {
-                (0, common_1.timeoutCallback)(this._triggerFunc.bind(this, func, false), timeout);
-            }
-        }
-        else if (arg) {
-            this._triggerFunc(func, arg);
-        }
-        else {
-            this._triggerFunc(func, false);
-        }
-        // remove once-callback
-        if (once) {
-            this.remove(callback.id);
-        }
-    };
-    /**
-     * Launch a callback's function
-     */
-    Callbacks.prototype._triggerFunc = function (func, arg) {
-        if (arg) {
-            func(arg);
-        }
-        else {
-            func();
-        }
-    };
-    /**
-     * Trigger all enabled callbacks under a certain target name. (TBT: Trigger by target).
-     */
-    Callbacks.prototype.tbt = function (target, arg) {
-        var _this = this;
-        this._callbacks.forEach(function (callback) {
-            if (callback.data.target === target) {
-                _this._trigger(callback, arg);
-            }
-        });
-    };
-    /**
-     * Destroy the callbacks
-     */
-    Callbacks.prototype.destroy = function () {
-        this.removeAll(true);
-    };
-    return Callbacks;
-}());
-exports.Callbacks = Callbacks;

package/build/cjs/base/Component.js

@@ -1,56 +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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Component = void 0;
-var Module_1 = require("./Module");
-/**
- * A class for Components.
- */
-var Component = /** @class */ (function (_super) {
-    __extends(Component, _super);
-    function Component() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * Add a single plugin
-     */
-    Component.prototype.addPlugin = function (plugin) {
-        if (typeof this._plugins === 'undefined') {
-            this._plugins = [];
-        }
-        this._plugins.push(plugin);
-        if (!plugin.inited) {
-            plugin.initPlugin(this);
-        }
-    };
-    /**
-     * Destroy all plugins
-     */
-    Component.prototype._destroyPlugins = function () {
-        if (this._plugins) {
-            this._plugins.forEach(function (plugin) {
-                plugin.destroy();
-            });
-        }
-    };
-    Component.prototype._destroy = function () {
-        _super.prototype._destroy.call(this);
-        this._destroyPlugins();
-    };
-    return Component;
-}(Module_1.Module));
-exports.Component = Component;