vevet 2.16.1 → 3.0.0-beta.0

package/lib/esm/Application/events/Viewport/index.js

@@ -0,0 +1,194 @@
+import { addEventListener } from 'vevet-dom';
+import { Callbacks } from '../../../base/Callbacks';
+import { EOrientationTypes, ESizeTypes } from './types';
+/**
+ * Callbacks on window resize
+ */
+export class Viewport extends Callbacks {
+    get width() {
+        return this._width;
+    }
+    get height() {
+        return this._height;
+    }
+    get radius() {
+        return Math.sqrt(Math.pow(this.width, 2) + Math.pow(this.height, 2)) / 2;
+    }
+    /** VW value */
+    get vw() {
+        return this.width / 100;
+    }
+    /** VH value */
+    get vh() {
+        return this.height / 100;
+    }
+    /** VR value (viewport radius / 100) */
+    get vr() {
+        return this.radius / 100;
+    }
+    /** Width greater than height */
+    get isLandscape() {
+        return this.width > this.height;
+    }
+    /** Width less than height */
+    get isPortrait() {
+        return this.width < this.height;
+    }
+    /** Is desktop size */
+    get isDesktop() {
+        return this.width >= this.app.props.tablet;
+    }
+    /** Is tablet size */
+    get isTablet() {
+        return (this.width <= this.app.props.tablet && this.width > this.app.props.phone);
+    }
+    /** Is phone size */
+    get isPhone() {
+        return this.width <= this.app.props.phone;
+    }
+    /**
+     * Device pixel ratio
+     */
+    get dpr() {
+        if (typeof window.devicePixelRatio !== 'undefined') {
+            return window.devicePixelRatio;
+        }
+        return 1;
+    }
+    /**
+     * Device pixel ratio. For non-mobile devices it is always 1.
+     */
+    get lowerDpr() {
+        if (this.app.isDesktop) {
+            return 1;
+        }
+        return this.dpr;
+    }
+    constructor() {
+        super(false);
+        this._width = 0;
+        this._height = 0;
+        this._init();
+    }
+    _init() {
+        this._updateValues();
+        this._setEvents();
+    }
+    /** Set events on resize */
+    _setEvents() {
+        this._resizeListener = addEventListener(window, 'resize', () => {
+            if (this._resizeTimeout) {
+                clearTimeout(this._resizeTimeout);
+                this._resizeTimeout = undefined;
+            }
+            this._resizeTimeout = setTimeout(() => {
+                this._onResize();
+                this._resizeTimeout = undefined;
+            }, this.app.props.resizeDebounce);
+        });
+    }
+    /** Set viewport values */
+    _updateValues() {
+        const { html } = this.app;
+        // set sizes
+        this._width = html.clientWidth;
+        this._height = html.clientHeight;
+        // update states
+        this._updateClassNames();
+        this._updateCSSVars();
+    }
+    /** Change classes of the document element */
+    _updateClassNames() {
+        const viewportSizeTypes = [
+            ESizeTypes.Desktop,
+            ESizeTypes.Tablet,
+            ESizeTypes.Phone,
+        ];
+        if (this.isDesktop) {
+            this._updateBreakpointClassNames(ESizeTypes.Desktop, viewportSizeTypes);
+        }
+        else if (this.isTablet) {
+            this._updateBreakpointClassNames(ESizeTypes.Tablet, viewportSizeTypes);
+        }
+        else {
+            this._updateBreakpointClassNames(ESizeTypes.Phone, viewportSizeTypes);
+        }
+        const orientationTypes = [
+            EOrientationTypes.Landscape,
+            EOrientationTypes.Portrait,
+        ];
+        if (this.isLandscape) {
+            this._updateBreakpointClassNames(EOrientationTypes.Landscape, orientationTypes);
+        }
+        else if (this.isPortrait) {
+            this._updateBreakpointClassNames(EOrientationTypes.Portrait, orientationTypes);
+        }
+        else {
+            this._updateBreakpointClassNames('', orientationTypes);
+        }
+    }
+    /** Change breakpoint classes of the document element */
+    _updateBreakpointClassNames(activeType, types) {
+        const { html, prefix } = this.app;
+        types.forEach((type) => {
+            if (type === activeType) {
+                html.classList.add(`${prefix}viewport-${type}`);
+            }
+            else {
+                html.classList.remove(`${prefix}viewport-${type}`);
+            }
+        });
+    }
+    /** Update CSS vars */
+    _updateCSSVars() {
+        const { html } = this.app;
+        html.style.setProperty('--vw', `${this.vw}px`);
+        html.style.setProperty('--vh', `${this.vh}px`);
+        html.style.setProperty('--vr', `${this.vr}px`);
+    }
+    /** Launch callbacks on resize. */
+    _onResize(
+    /** force all callbacks */
+    force = false) {
+        const { _width: prevWidth, _height: prevHeight } = this;
+        this._updateValues();
+        const { width, height } = this;
+        // get changes in viewport
+        const changes = {
+            isWidthChanged: width !== prevWidth,
+            isHeightChanged: height !== prevHeight,
+            isOrientationChanged: width > height !== prevWidth > prevHeight,
+        };
+        if (force || (width !== prevWidth && height === prevHeight)) {
+            this.tbt('widthOnly', changes);
+        }
+        if (force || (height !== prevHeight && width === prevWidth)) {
+            this.tbt('heightOnly', changes);
+        }
+        if (force || (width !== prevWidth && height !== prevHeight)) {
+            this.tbt('both', changes);
+        }
+        if (force || width !== prevWidth) {
+            this.tbt('width', changes);
+        }
+        if (force || height !== prevHeight) {
+            this.tbt('height', changes);
+        }
+        this.tbt('any', changes);
+    }
+    /**
+     * Force launching all callbacks
+     */
+    forceResize() {
+        this._onResize(true);
+    }
+    destroy() {
+        var _a;
+        super.destroy();
+        if (this._resizeTimeout) {
+            clearTimeout(this._resizeTimeout);
+        }
+        (_a = this._resizeListener) === null || _a === void 0 ? void 0 : _a.remove();
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/Application/events/Viewport/index.js.map

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

package/lib/esm/Application/events/Viewport/types.js

@@ -0,0 +1,14 @@
+/** Viewport size types */
+export var ESizeTypes;
+(function (ESizeTypes) {
+    ESizeTypes["Desktop"] = "desktop";
+    ESizeTypes["Tablet"] = "tablet";
+    ESizeTypes["Phone"] = "phone";
+})(ESizeTypes || (ESizeTypes = {}));
+/** Orientation types */
+export var EOrientationTypes;
+(function (EOrientationTypes) {
+    EOrientationTypes["Landscape"] = "landscape";
+    EOrientationTypes["Portrait"] = "portrait";
+})(EOrientationTypes || (EOrientationTypes = {}));
+//# sourceMappingURL=types.js.map

package/lib/esm/Application/events/Viewport/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Application/events/Viewport/types.ts"],"names":[],"mappings":"AA2CA,0BAA0B;AAC1B,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,+BAAiB,CAAA;IACjB,6BAAe,CAAA;AACjB,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB;AAED,wBAAwB;AACxB,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,0CAAqB,CAAA;AACvB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B"}

package/lib/esm/Application/index.js

@@ -0,0 +1,150 @@
+import PCancelable from 'p-cancelable';
+import { Viewport } from './events/Viewport';
+import { PageLoad } from './events/PageLoad';
+import version from '../version';
+import { getDeviceInfo } from '../utils/internal/getDeviceInfo';
+import { fetchWebpSupport } from '../utils/internal/fetchWebpSupport';
+/**
+ * Vevet Application
+ */
+export class Application {
+    /** Vevet version */
+    get version() {
+        return version;
+    }
+    /** Application properties */
+    get props() {
+        return this._props;
+    }
+    /** Default properties */
+    get defaultProps() {
+        return {
+            isVersionPrinted: true,
+            tablet: 1199,
+            phone: 899,
+            prefix: 'v-',
+            easing: [0.25, 0.1, 0.25, 1],
+            resizeDebounce: 16,
+            hasWebpSupportCheck: true,
+        };
+    }
+    /** Vevet prefix */
+    get prefix() {
+        return this._props.prefix;
+    }
+    /** Is phone device */
+    get isPhone() {
+        return this._isPhone;
+    }
+    /** Is tablet device */
+    get isTablet() {
+        return this._isTablet;
+    }
+    /** Is phone device */
+    get isMobile() {
+        return this._isMobile;
+    }
+    /** Is desktop device */
+    get isDesktop() {
+        return this._isDesktop;
+    }
+    /** Operating system name */
+    get osName() {
+        return this._osName;
+    }
+    /** Browser name */
+    get browserName() {
+        return this._browserName;
+    }
+    /** WebP supported */
+    get isWebpSupported() {
+        return this._isWebpSupported;
+    }
+    /** Page Load Callbacks */
+    get pageLoad() {
+        return this._pageLoad;
+    }
+    /** Viewport Callbacks */
+    get viewport() {
+        return this._viewport;
+    }
+    /**
+     * @example
+     * const app = Application();
+     */
+    constructor(data = {}) {
+        // check if the application already exists
+        if (window.vevetApp) {
+            throw new Error('Vevet Application already exists!');
+        }
+        // set defaults
+        this._props = Object.assign(Object.assign({}, this.defaultProps), data);
+        this._isWebpSupported = false;
+        // initialize the application
+        // Define that you're using Vevet
+        this._printVersion();
+        this._setDeviceFeatures();
+        // add the application to the window
+        window.vevetApp = this;
+        // create default helpers
+        this._pageLoad = new PageLoad();
+        this._viewport = new Viewport();
+    }
+    /** Get and set device info */
+    _setDeviceFeatures() {
+        const { prefix, html } = this;
+        const { osName, browserName, device } = getDeviceInfo();
+        html.classList.add(`${prefix}os-${osName}`);
+        this._osName = osName;
+        html.classList.add(`${prefix}browser-${browserName}`);
+        this._browserName = browserName;
+        this._isPhone = device.phone;
+        html.classList.toggle(`${prefix}phone`, this._isPhone);
+        this._isTablet = device.tablet;
+        html.classList.toggle(`${prefix}tablet`, this._isTablet);
+        this._isMobile = device.phone || device.tablet;
+        html.classList.toggle(`${prefix}mobile`, this._isMobile);
+        this._isDesktop = !this._isMobile;
+        html.classList.toggle(`${prefix}desktop`, this._isDesktop);
+        // check webp support
+        if (this.props.hasWebpSupportCheck) {
+            fetchWebpSupport()
+                .then(() => {
+                this._isWebpSupported = true;
+            })
+                .catch(() => { });
+        }
+    }
+    /** Document element */
+    get doc() {
+        return document;
+    }
+    /** HTML element */
+    get html() {
+        return document.documentElement;
+    }
+    /** Body element */
+    get body() {
+        return document.body;
+    }
+    /** Action on page loaded */
+    onPageLoad() {
+        return new PCancelable((resolve) => this._pageLoad.onLoad(resolve));
+    }
+    /** Output current version */
+    _printVersion() {
+        if (!this.props.isVersionPrinted) {
+            return;
+        }
+        const msg = `Vevet ${this.version}`;
+        const style = [
+            'padding: 1rem 1.5rem;',
+            'background: #5F2580;',
+            'font: 1rem/1 Arial;',
+            'color: #ffffff;',
+        ].join('');
+        // eslint-disable-next-line no-console
+        console.log('%c%s', style, msg);
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/Application/index.js.map

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

package/lib/esm/Application/types.js

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

package/lib/esm/Application/types.js.map

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

package/lib/esm/base/Callbacks/index.js

@@ -0,0 +1,141 @@
+import { uid, normalizedTimeoutCallback } from '../../utils/common';
+/**
+ * A set of callbacks
+ */
+export class Callbacks {
+    /** Vevet Application */
+    get app() {
+        return this._app;
+    }
+    /** List of callbacks */
+    get callbacks() {
+        return this._callbacks;
+    }
+    /**
+     * @param canInit - Defines if you need to call {@linkcode Callbacks._init} at the constructor's end.
+     * If no, you will have to call {@linkcode Callbacks._init} manually.
+     *
+     * @example
+     *
+     * interface ITypes {
+     *   render: { fps: number };
+     *   empty: undefined;
+     * }
+  
+     * const callbacks = new Callbacks<ITypes>();
+  
+     * callbacks.add('render', ({ fps }) => console.log(fps));
+  
+     * callbacks.add('empty', () => {}, {
+     *   timeout: 50,
+     * });
+     */
+    constructor(canInit = true) {
+        this._app = window.vevetApp;
+        this._callbacks = [];
+        if (canInit) {
+            this._init();
+        }
+    }
+    /** Initialize the class */
+    _init() { }
+    /**
+     * Adds a callback
+     *
+     * @param target - Callback target name
+     * @param action - Callback function
+     * @param settings - Callback settings
+     */
+    add(target, action, settings = {}) {
+        const id = uid('callback');
+        this._callbacks.push(Object.assign({ id, isEnabled: true, target, action: action }, settings));
+        this._onAdd(id);
+        return {
+            id,
+            remove: () => this.remove(id),
+        };
+    }
+    /**
+     * Use it to implement some actions after adding a callback
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _onAdd(id) { }
+    /** Remove a callback */
+    remove(callbackId) {
+        return this._remove(callbackId);
+    }
+    /** Remove a callback */
+    _remove(callbackId, canRemoveProtected = false) {
+        let isRemoved = false;
+        this._callbacks = this._callbacks.filter(({ id, isProtected }) => {
+            if (id !== callbackId) {
+                return true;
+            }
+            if (isProtected && !canRemoveProtected) {
+                return true;
+            }
+            this._onRemove(id);
+            isRemoved = true;
+            return false;
+        });
+        return isRemoved;
+    }
+    /**
+     * Use it to implement some actions after removing a callback
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _onRemove(id) { }
+    /** Remove all callbacks */
+    _removeAll() {
+        while (this._callbacks.length > 0) {
+            this._remove(this._callbacks[0].id, true);
+        }
+    }
+    /** Enable/disable a callback */
+    turn(id, isEnabled = true) {
+        const callback = this.get(id);
+        if (!callback) {
+            return;
+        }
+        callback.isEnabled = isEnabled;
+        this._onTurn(id);
+    }
+    /**
+     * Use it to implement some actions after enabling or disabling a callback.
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _onTurn(id) { }
+    /** Get a callback by id */
+    get(callbackId) {
+        const callbacks = this._callbacks.filter(({ id }) => id === callbackId);
+        return callbacks[0] || undefined;
+    }
+    /**
+     * Launch callback action. It will work only if the callback is enabled
+     */
+    _callAction({ id, isEnabled, timeout, isOnce, action }, parameter) {
+        if (!isEnabled) {
+            return;
+        }
+        normalizedTimeoutCallback(() => action(parameter), timeout !== null && timeout !== void 0 ? timeout : 0);
+        if (isOnce) {
+            this._remove(id, true);
+        }
+    }
+    /**
+     * Trigger by target.
+     * Trigger all enabled callbacks under a certain target name.
+     */
+    tbt(target, arg) {
+        this._callbacks.forEach((callback) => {
+            if (callback.target === target) {
+                this._callAction(callback, arg);
+            }
+        });
+    }
+    /** Destroy the callbacks */
+    destroy() {
+        this._removeAll();
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/base/Callbacks/index.js.map

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

package/lib/esm/base/Callbacks/types.js

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

package/lib/esm/base/Callbacks/types.js.map

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

package/lib/esm/base/Component/index.js

@@ -0,0 +1,27 @@
+import { Module } from '../Module';
+/**
+ * A class for Components.
+ */
+export class Component extends Module {
+    /** Add a single plugin */
+    addPlugin(plugin) {
+        if (typeof this._plugins === 'undefined') {
+            this._plugins = [];
+        }
+        this._plugins.push(plugin);
+        // eslint-disable-next-line no-param-reassign
+        plugin.component = this;
+        plugin.init();
+    }
+    /** Destroy all plugins */
+    _destroyPlugins() {
+        var _a;
+        (_a = this._plugins) === null || _a === void 0 ? void 0 : _a.forEach((plugin) => plugin.destroy());
+    }
+    /** Destroy the component */
+    _destroy() {
+        super._destroy();
+        this._destroyPlugins();
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/base/Component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/base/Component/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAMnC;;GAEG;AACH,MAAM,OAAO,SAIX,SAAQ,MAAoD;IAI5D,0BAA0B;IACnB,SAAS,CAAuC,MAAS;QAC9D,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,WAAW,EAAE;YACxC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;SACpB;QAED,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAE3B,6CAA6C;QAC7C,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;QACxB,MAAM,CAAC,IAAI,EAAE,CAAC;IAChB,CAAC;IAED,0BAA0B;IAClB,eAAe;;QACrB,MAAA,IAAI,CAAC,QAAQ,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,4BAA4B;IAClB,QAAQ;QAChB,KAAK,CAAC,QAAQ,EAAE,CAAC;QAEjB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;CACF"}

package/lib/esm/base/Component/types.js

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

package/lib/esm/base/Component/types.js.map

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