vevet 2.0.1-dev.2 → 2.0.1-dev.3

package/build/es/app/Application.js

@@ -7,77 +7,6 @@ import { PageLoad } from './events/PageLoad';
  * Vevet Application
  */
 export class Application {
-    /**
-     * Application properties.
-     */
-    _prop;
-    /**
-     * Application properties.
-     */
-    get prop() {
-        return this._prop;
-    }
-    /**
-     * Default properties.
-     */
-    get defaultProp() {
-        return {
-            tablet: 1199,
-            phone: 899,
-            prefix: 'v-',
-            easing: [0.25, 0.1, 0.25, 1],
-            viewportResizeTimeout: 0,
-        };
-    }
-    /**
-     * Vevet prefix.
-     */
-    _prefix;
-    get prefix() {
-        return this._prefix;
-    }
-    /**
-     * If is phone
-     */
-    _isPhone;
-    get isPhone() {
-        return this._isPhone;
-    }
-    /**
-     * If tablet
-     */
-    _isTablet;
-    get isTablet() {
-        return this._isTablet;
-    }
-    /**
-     * If mobile device
-     */
-    _isMobile;
-    get isMobile() {
-        return this._isMobile;
-    }
-    /**
-     * If desktop device
-     */
-    _isDesktop;
-    get isDesktop() {
-        return this._isDesktop;
-    }
-    /**
-     * OS name
-     */
-    _osName;
-    get osName() {
-        return this._osName;
-    }
-    /**
-     * OS name
-     */
-    _browserName;
-    get browserName() {
-        return this._browserName;
-    }
     /**
      * @example
      * const app = Application({
@@ -85,15 +14,20 @@ export class Application {
      * });
      */
     constructor(data = {}) {
+        /**
+         * Pages (instances)
+         */
+        this._pages = [];
+        /**
+         * Current Page (instance).
+         */
+        this._page = false;
         // check if the application already exists
         if (window.vevetApp) {
             throw new Error('Vevet Application already exists!');
         }
         // set defaults
-        this._prop = {
-            ...this.defaultProp,
-            ...data,
-        };
+        this._prop = Object.assign(Object.assign({}, this.defaultProp), data);
         this._prefix = this.prop.prefix;
         // initialize the application
         // Define that you're using Vevet
@@ -113,7 +47,7 @@ export class Application {
         // get browser info
         const browserData = detect();
         // get OS name
-        if (browserData?.os) {
+        if (browserData === null || browserData === void 0 ? void 0 : browserData.os) {
             const osName = browserData.os.split(' ')[0].toLowerCase();
             this.html.classList.add(`${this.prefix}os-${osName}`);
             this._osName = osName;
@@ -122,7 +56,7 @@ export class Application {
             this._osName = '';
         }
         // get browser name
-        if (browserData?.name) {
+        if (browserData === null || browserData === void 0 ? void 0 : browserData.name) {
             const browserName = browserData.name.toLowerCase();
             this.html.classList.add(`${this.prefix}browser-${browserName}`);
             this._browserName = browserName;
@@ -135,6 +69,45 @@ export class Application {
         this._pageLoad = new PageLoad();
         this._viewport = new Viewport();
     }
+    /**
+     * Application properties.
+     */
+    get prop() {
+        return this._prop;
+    }
+    /**
+     * Default properties.
+     */
+    get defaultProp() {
+        return {
+            tablet: 1199,
+            phone: 899,
+            prefix: 'v-',
+            easing: [0.25, 0.1, 0.25, 1],
+            viewportResizeTimeout: 0,
+        };
+    }
+    get prefix() {
+        return this._prefix;
+    }
+    get isPhone() {
+        return this._isPhone;
+    }
+    get isTablet() {
+        return this._isTablet;
+    }
+    get isMobile() {
+        return this._isMobile;
+    }
+    get isDesktop() {
+        return this._isDesktop;
+    }
+    get osName() {
+        return this._osName;
+    }
+    get browserName() {
+        return this._browserName;
+    }
     /**
      * Get document element.
      */
@@ -153,10 +126,6 @@ export class Application {
     get body() {
         return document.body;
     }
-    /**
-     * Pages (instances)
-     */
-    _pages = [];
     /**
      * Get an array of existing pages.
      * A new element is added to the array when {@linkcode Vevet.Page.create} is called.
@@ -164,10 +133,6 @@ export class Application {
     get pages() {
         return this._pages;
     }
-    /**
-     * Current Page (instance).
-     */
-    _page = false;
     /**
      * Get the current page instance.
      */
@@ -212,10 +177,6 @@ export class Application {
             });
         });
     }
-    /**
-     * Page Load Callbacks
-     */
-    _pageLoad;
     get pageLoad() {
         return this._pageLoad;
     }
@@ -229,10 +190,6 @@ export class Application {
             });
         });
     }
-    /**
-     * Viewport Callbacks
-     */
-    _viewport;
     get viewport() {
         return this._viewport;
     }

package/build/es/app/events/PageLoad.js

@@ -3,18 +3,14 @@ import { Callbacks } from '../../base/Callbacks';
  * Callbacks on page loaded.
  */
 export class PageLoad extends Callbacks {
-    /**
-     * If the page is loaded.
-     */
-    _loaded;
-    get loaded() {
-        return this._loaded;
-    }
     constructor() {
         super(false);
         this._loaded = false;
         this._init();
     }
+    get loaded() {
+        return this._loaded;
+    }
     _setEvents() {
         if (document.readyState === 'complete') {
             this._handleLoaded();

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

@@ -22,17 +22,19 @@ var OrientationTypes;
  * Here the names of the OS, Browser, and Device are also available. <br>
  */
 export class Viewport extends Callbacks {
-    /**
-     * Current Viewport width
-     */
-    _width;
+    constructor() {
+        super(false);
+        this._width = 0;
+        this._height = 0;
+        this._prevSize = { w: 0, h: 0 };
+        this._isDesktop = false;
+        this._isTablet = false;
+        this._isPhone = false;
+        this._init();
+    }
     get width() {
         return this._width;
     }
-    /**
-     * Current Viewport height
-     */
-    _height;
     get height() {
         return this._height;
     }
@@ -48,10 +50,6 @@ export class Viewport extends Callbacks {
     get vh() {
         return this.height / 100;
     }
-    /**
-     * Previous Viewport size
-     */
-    _prevSize;
     /**
      * Get previous Viewport size
      */
@@ -70,24 +68,12 @@ export class Viewport extends Callbacks {
     get isPortrait() {
         return this.width < this.height;
     }
-    /**
-     * If desktop size
-     */
-    _isDesktop;
     get isDesktop() {
         return this._isDesktop;
     }
-    /**
-     * If tablet size
-     */
-    _isTablet;
     get isTablet() {
         return this._isTablet;
     }
-    /**
-     * If phone size
-     */
-    _isPhone;
     get isPhone() {
         return this._isPhone;
     }
@@ -109,16 +95,6 @@ export class Viewport extends Callbacks {
         }
         return this.dpr;
     }
-    constructor() {
-        super(false);
-        this._width = 0;
-        this._height = 0;
-        this._prevSize = { w: 0, h: 0 };
-        this._isDesktop = false;
-        this._isTablet = false;
-        this._isPhone = false;
-        this._init();
-    }
     // Extra constructor
     _constructor() {
         super._constructor();

package/build/es/base/Callbacks.js

@@ -3,20 +3,6 @@ import { timeoutCallback, randID } from '../utils/common';
  * A class for callbacks' manipulation.
  */
 export class Callbacks {
-    /**
-     * Vevet Application
-     */
-    _app;
-    /**
-     * All callbacks
-     */
-    _callbacks;
-    /**
-     * Get all callbacks
-     */
-    get callbacks() {
-        return this._callbacks;
-    }
     /**
      * @example
      * const callback = new Callbacks();
@@ -29,6 +15,12 @@ export class Callbacks {
             this._init();
         }
     }
+    /**
+     * Get all callbacks
+     */
+    get callbacks() {
+        return this._callbacks;
+    }
     /**
      * Initialize the class.
      */
@@ -64,12 +56,9 @@ export class Callbacks {
         const obj = {
             id,
             on: true,
-            data: {
-                target,
+            data: Object.assign({ target, 
                 // @ts-ignore
-                do: func,
-                ...data,
-            },
+                do: func }, data),
         };
         this._callbacks.push(obj);
         this._onAdd(id);

package/build/es/base/Component.js

@@ -3,7 +3,6 @@ import { Module } from './Module';
  * A class for Components.
  */
 export class Component extends Module {
-    _plugins;
     /**
      * Add a single plugin
      */

package/build/es/base/Module.js

@@ -7,6 +7,47 @@ import { throwVevetAppError } from '../utils/errors';
  * A class for modules.
  */
 export class Module {
+    /**
+     * @example
+     * const mod = new Module();
+     */
+    constructor(
+    /**
+     * Properties on script start
+     */
+    initialProp, 
+    /**
+     * Defines if you need to call {@linkcode Module.init} at the constructor's end.
+     * If you want to add responsive properties, set this argument to FALSE.
+     */
+    init = true) {
+        /**
+         * If the module is initialized
+         */
+        this._inited = false;
+        /**
+         * Viewport callbacks
+         */
+        this._viewportCallbacks = [];
+        // set vars
+        if (window.vevetApp) {
+            this._app = window.vevetApp;
+        }
+        else {
+            throwVevetAppError();
+        }
+        // set default vars
+        this._destroyed = false;
+        this._listeners = [];
+        // create callbacks
+        this._callbacks = new Callbacks();
+        // create mutable properties
+        const prop = mergeWithoutArrays(this._getDefaultProp(), initialProp || {});
+        this._mutableProp = new MutableProp(prop, this._onPropResponsive.bind(this), this._onPropChange.bind(this), this.name);
+        if (init) {
+            this.init();
+        }
+    }
     /**
      * Get Default properties (should be extended)
      */
@@ -21,28 +62,12 @@ export class Module {
     get prop() {
         return this._mutableProp.prop;
     }
-    /**
-     * Responsive properties
-     */
-    _mutableProp;
-    /**
-     * Module Callbacks
-     */
-    _callbacks;
     /**
      * Module Callbacks
      */
     get callbacks() {
         return this._callbacks;
     }
-    /**
-     * Module listeners
-     */
-    _listeners;
-    /**
-     * Vevet Application
-     */
-    _app;
     /**
      * Module prefix
      */
@@ -55,53 +80,12 @@ export class Module {
     get name() {
         return this.constructor.name;
     }
-    /**
-     * If the module is initialized
-     */
-    _inited = false;
     get inited() {
         return this._inited;
     }
-    /**
-     * If the module is destroyed
-     */
-    _destroyed;
     get destroyed() {
         return this._destroyed;
     }
-    /**
-     * @example
-     * const mod = new Module();
-     */
-    constructor(
-    /**
-     * Properties on script start
-     */
-    initialProp, 
-    /**
-     * Defines if you need to call {@linkcode Module.init} at the constructor's end.
-     * If you want to add responsive properties, set this argument to FALSE.
-     */
-    init = true) {
-        // set vars
-        if (window.vevetApp) {
-            this._app = window.vevetApp;
-        }
-        else {
-            throwVevetAppError();
-        }
-        // set default vars
-        this._destroyed = false;
-        this._listeners = [];
-        // create callbacks
-        this._callbacks = new Callbacks();
-        // create mutable properties
-        const prop = mergeWithoutArrays(this._getDefaultProp(), initialProp || {});
-        this._mutableProp = new MutableProp(prop, this._onPropResponsive.bind(this), this._onPropChange.bind(this), this.name);
-        if (init) {
-            this.init();
-        }
-    }
     /**
      * Add responsive rules
      */
@@ -182,10 +166,6 @@ export class Module {
     _setEvents() {
         // code
     }
-    /**
-     * Viewport callbacks
-     */
-    _viewportCallbacks = [];
     /**
      * Add a viewport callback that will be removed on class destroy
      * {@see Viewport}

package/build/es/base/MutableProp.js

@@ -14,38 +14,6 @@ import { mergeWithoutArrays } from '../utils/common';
  * </ul>
  */
 export class MutableProp {
-    _initProp;
-    _onResponsive;
-    _onChange;
-    _name;
-    /**
-     * Vevet Application.
-     */
-    _app;
-    /**
-     * @description Reference properties.
-     * These properties may change only through {@linkcode MutableProp.changeProp}.
-     */
-    _refProp;
-    /**
-     * Current properties.
-     * These properties may change both on {@linkcode MutableProp.changeProp} and resize.
-     */
-    _prop;
-    /**
-     * A set of responsive rules
-     */
-    _responsiveRules = [];
-    /**
-     * Get current properties
-     */
-    get prop() {
-        return this._prop;
-    }
-    /**
-     * Viewport callback
-     */
-    _viewportCallback;
     /**
      * @example
      * const static = {
@@ -84,10 +52,20 @@ export class MutableProp {
         this._onResponsive = _onResponsive;
         this._onChange = _onChange;
         this._name = _name;
+        /**
+         * A set of responsive rules
+         */
+        this._responsiveRules = [];
         this._app = window.vevetApp;
         this._refProp = mergeWithoutArrays({}, _initProp);
         this._prop = mergeWithoutArrays({}, _initProp);
     }
+    /**
+     * Get current properties
+     */
+    get prop() {
+        return this._prop;
+    }
     /**
      * Add responsive rules
      */

package/build/es/base/Plugin.js

@@ -6,7 +6,6 @@ export class Plugin extends Module {
     constructor(initialProp) {
         super(initialProp, false);
     }
-    _component;
     get component() {
         return this._component;
     }

package/build/es/components/animation-frame/AnimationFrame.js

@@ -4,29 +4,6 @@ import { boundVal } from '../../utils/math';
  * Launch an animation frame with a certain FPS
  */
 export class AnimationFrame extends Component {
-    /**
-     * If the frame is launched
-     */
-    _isPlaying;
-    get isPlaying() {
-        return this._isPlaying;
-    }
-    /**
-     * The animation frame
-     */
-    _frame;
-    /**
-     * Previous frame segment
-     */
-    _frameIndex;
-    /**
-     * Timestamp
-     */
-    _timeStamp;
-    /**
-     * Previous frame duration
-     */
-    _prevFrameTime;
     constructor(initialProp, init = true) {
         super(initialProp, false);
         this._isPlaying = false;
@@ -38,15 +15,14 @@ export class AnimationFrame extends Component {
             this.init();
         }
     }
+    get isPlaying() {
+        return this._isPlaying;
+    }
     /**
      * Get default properties
      */
     _getDefaultProp() {
-        return {
-            ...super._getDefaultProp(),
-            fps: 140,
-            run: false,
-        };
+        return Object.assign(Object.assign({}, super._getDefaultProp()), { fps: 140, run: false });
     }
     // Extra constructor
     _constructor() {