vevet 2.15.1 → 2.16.0

package/build/cjs/components/cursor/CustomCursor.js

@@ -411,9 +411,6 @@ var CustomCursor = /** @class */ (function (_super) {
      */
     CustomCursor.prototype.enable = function () {
         this._canPlay = true;
-        if (this._animationFrame.isPlaying) {
-            return;
-        }
         this.outerCursor.classList.remove('disabled');
         this.innerCursor.classList.remove('disabled');
         this._animationFrame.play();
@@ -423,9 +420,6 @@ var CustomCursor = /** @class */ (function (_super) {
      */
     CustomCursor.prototype.disable = function () {
         this._canPlay = false;
-        if (!this._animationFrame.isPlaying) {
-            return;
-        }
         this.outerCursor.classList.add('disabled');
         this.innerCursor.classList.add('disabled');
         this._animationFrame.pause();

package/build/cjs/components/page/Page.js

@@ -31,7 +31,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Page = void 0;
 var p_cancelable_1 = __importDefault(require("p-cancelable"));
+var vevet_dom_1 = require("vevet-dom");
 var Component_1 = require("../../base/Component");
+var ProgressPreloader_1 = require("../loading/ProgressPreloader");
 /**
  * Page is a class that may be used to initialize a page.
  * The reason to use this class is that it allows to set a definite name for the page and manipulate
@@ -108,7 +110,7 @@ var Page = /** @class */ (function (_super) {
         configurable: true
     });
     Page.prototype._getDefaultProp = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { name: 'home' });
+        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { name: 'home', hasInnerPreloader: false });
     };
     /**
      * Create the page.
@@ -206,8 +208,43 @@ var Page = /** @class */ (function (_super) {
      * Use this method to do some actions when showing a page
      */
     Page.prototype._show = function () {
-        return new Promise(function (resolve) {
-            resolve();
+        var interactivePromise = this._ignorePreventPageShow();
+        this.addCallback('destroy', function () {
+            interactivePromise.cancel();
+        });
+        return new Promise(function (resolve, reject) {
+            interactivePromise.then(function () {
+                resolve();
+            }).catch(function () {
+                reject();
+            });
+        });
+    };
+    /**
+     * Some elements may have the attribute `data-prevent-page-show="true"`
+     * This means that the page should not be interactive (and scrollable).
+     * Here we search for such elements.
+     * When there's no elements with this attribute, the page is interactive.
+     */
+    Page.prototype._ignorePreventPageShow = function () {
+        var _this = this;
+        return new p_cancelable_1.default(function (resolve, reject) {
+            if (_this._destroyed) {
+                reject();
+            }
+            var elements = (0, vevet_dom_1.selectAll)('[data-prevent-page-show]');
+            if (elements.length === 0) {
+                resolve();
+            }
+            else {
+                setTimeout(function () {
+                    _this._ignorePreventPageShow().then(function () {
+                        resolve();
+                    }).catch(function () {
+                        reject();
+                    });
+                }, 30);
+            }
         });
     };
     /**
@@ -217,7 +254,28 @@ var Page = /** @class */ (function (_super) {
         var _this = this;
         return new Promise(function (resolve, reject) {
             if (_this.created && !_this.shown) {
-                resolve();
+                // inner preloader
+                if (_this.prop.hasInnerPreloader) {
+                    var preloader = new ProgressPreloader_1.ProgressPreloader({
+                        parent: _this,
+                        container: false,
+                        hide: false,
+                        loaders: {
+                            img: false,
+                            video: false,
+                            custom: '.js-preload-inner',
+                        },
+                        calc: {
+                            lerp: false,
+                        },
+                    });
+                    preloader.addCallback('loaded', function () {
+                        resolve();
+                    });
+                }
+                else {
+                    resolve();
+                }
                 return;
             }
             reject();

package/build/cjs/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var version = '2.15.1';
+var version = '2.16.0';
 exports.default = version;

package/build/es/components/cursor/CustomCursor.js

@@ -331,9 +331,6 @@ export class CustomCursor extends Component {
      */
     enable() {
         this._canPlay = true;
-        if (this._animationFrame.isPlaying) {
-            return;
-        }
         this.outerCursor.classList.remove('disabled');
         this.innerCursor.classList.remove('disabled');
         this._animationFrame.play();
@@ -343,9 +340,6 @@ export class CustomCursor extends Component {
      */
     disable() {
         this._canPlay = false;
-        if (!this._animationFrame.isPlaying) {
-            return;
-        }
         this.outerCursor.classList.add('disabled');
         this.innerCursor.classList.add('disabled');
         this._animationFrame.pause();

package/build/es/components/page/Page.js

@@ -1,5 +1,7 @@
 import PCancelable from 'p-cancelable';
+import { selectAll } from 'vevet-dom';
 import { Component } from '../../base/Component';
+import { ProgressPreloader } from '../loading/ProgressPreloader';
 /**
  * Page is a class that may be used to initialize a page.
  * The reason to use this class is that it allows to set a definite name for the page and manipulate
@@ -45,7 +47,7 @@ export class Page extends Component {
         return `${this._app.prefix}page-${this.prop.name}`;
     }
     _getDefaultProp() {
-        return Object.assign(Object.assign({}, super._getDefaultProp()), { name: 'home' });
+        return Object.assign(Object.assign({}, super._getDefaultProp()), { name: 'home', hasInnerPreloader: false });
     }
     /**
      * Create the page.
@@ -139,8 +141,42 @@ export class Page extends Component {
      * Use this method to do some actions when showing a page
      */
     _show() {
-        return new Promise((resolve) => {
-            resolve();
+        const interactivePromise = this._ignorePreventPageShow();
+        this.addCallback('destroy', () => {
+            interactivePromise.cancel();
+        });
+        return new Promise((resolve, reject) => {
+            interactivePromise.then(() => {
+                resolve();
+            }).catch(() => {
+                reject();
+            });
+        });
+    }
+    /**
+     * Some elements may have the attribute `data-prevent-page-show="true"`
+     * This means that the page should not be interactive (and scrollable).
+     * Here we search for such elements.
+     * When there's no elements with this attribute, the page is interactive.
+     */
+    _ignorePreventPageShow() {
+        return new PCancelable((resolve, reject) => {
+            if (this._destroyed) {
+                reject();
+            }
+            const elements = selectAll('[data-prevent-page-show]');
+            if (elements.length === 0) {
+                resolve();
+            }
+            else {
+                setTimeout(() => {
+                    this._ignorePreventPageShow().then(() => {
+                        resolve();
+                    }).catch(() => {
+                        reject();
+                    });
+                }, 30);
+            }
         });
     }
     /**
@@ -149,7 +185,28 @@ export class Page extends Component {
     canShow() {
         return new Promise((resolve, reject) => {
             if (this.created && !this.shown) {
-                resolve();
+                // inner preloader
+                if (this.prop.hasInnerPreloader) {
+                    const preloader = new ProgressPreloader({
+                        parent: this,
+                        container: false,
+                        hide: false,
+                        loaders: {
+                            img: false,
+                            video: false,
+                            custom: '.js-preload-inner',
+                        },
+                        calc: {
+                            lerp: false,
+                        },
+                    });
+                    preloader.addCallback('loaded', () => {
+                        resolve();
+                    });
+                }
+                else {
+                    resolve();
+                }
                 return;
             }
             reject();

package/build/es/version.js

@@ -1,2 +1,2 @@
-const version = '2.15.1';
+const version = '2.16.0';
 export default version;

package/build/types/components/cursor/CustomCursor.d.ts

@@ -88,6 +88,15 @@ export declare namespace NCustomCursor {
             y: number;
         };
     }
+    /**
+     * Hovered element
+     */
+    interface HoveredEl {
+        el: Element;
+        width?: number;
+        height?: number;
+        padding?: number;
+    }
 }
 /**
  * Creates a smooth custom cursor
@@ -122,24 +131,9 @@ export declare class CustomCursor<StaticProp extends NCustomCursor.StaticProp =
     /**
      * Hovered element
      */
-    protected _hoveredEl?: {
-        el: Element;
-        width?: number;
-        height?: number;
-        padding?: number;
-    };
-    get hoveredEl(): {
-        el: Element;
-        width?: number;
-        height?: number;
-        padding?: number;
-    };
-    set hoveredEl(val: {
-        el: Element;
-        width?: number;
-        height?: number;
-        padding?: number;
-    });
+    protected _hoveredEl?: NCustomCursor.HoveredEl | undefined;
+    get hoveredEl(): NCustomCursor.HoveredEl | undefined;
+    set hoveredEl(val: NCustomCursor.HoveredEl | undefined);
     /**
      * Animation frame
      */

package/build/types/components/cursor/CustomCursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomCursor.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/cursor/CustomCursor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomCursor.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/cursor/CustomCursor.ts"],"names":[],"mappings":"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"}

package/build/types/components/page/Page.d.ts

@@ -11,6 +11,7 @@ export declare namespace NPage {
          * @default 'home'
          */
         name?: string;
+        hasInnerPreloader?: boolean;
     }
     /**
      * Changeable properties
@@ -87,6 +88,13 @@ export declare class Page<StaticProp extends NPage.StaticProp = NPage.StaticProp
      * Use this method to do some actions when showing a page
      */
     protected _show(): Promise<void>;
+    /**
+     * Some elements may have the attribute `data-prevent-page-show="true"`
+     * This means that the page should not be interactive (and scrollable).
+     * Here we search for such elements.
+     * When there's no elements with this attribute, the page is interactive.
+     */
+    protected _ignorePreventPageShow(): PCancelable<void>;
     /**
      * Check if the page can be shown.
      */

package/build/types/components/page/Page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/page/Page.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAI/D,yBAAiB,KAAK,CAAC;IAEnB;;OAEG;IACH,UAAiB,UAAW,SAAQ,UAAU,CAAC,UAAU;QACrD;;;WAGG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;KAAI;IAErE;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D,QAAQ,EAAE,KAAK,CAAC;QAChB,YAAY,EAAE,KAAK,CAAC;QACpB,MAAM,EAAE,KAAK,CAAC;QACd,MAAM,EAAE,KAAK,CAAC;QACd,SAAS,EAAE,KAAK,CAAC;KACpB;CAEJ;AAID;;;;;;GAMG;AACH,qBAAa,IAAI,CACb,UAAU,SAAS,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,EACtD,cAAc,SAAS,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,EAClE,cAAc,SAAS,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CACpE,SAAQ,SAAS,CACf,UAAU,EACV,cAAc,EACd,cAAc,CACjB;IACG,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC5B,SAAS,KAAK,OAAO,YAEpB;IAED;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC5B,IAAI,OAAO,YAEV;IAED;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAChC,IAAI,WAAW,YAEd;IACD;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1B,IAAI,KAAK,YAER;IAED;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC;IAC3B,IAAI,MAAM,YAET;IAED;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC5B,IAAI,OAAO,YAEV;IAED,IAAI,aAAa,WAEhB;gBAGG,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,cAAc,CAAC,EAC3C,IAAI,UAAO;IAmBf,SAAS,CAAC,eAAe,CACrB,CAAC,SAAS,kBAAkB,CAAC,UAAU,GAAG,cAAc,CAAC,KACvD,CAAC;IASP;;;OAGG;IACI,MAAM,CACT,OAAO,UAAQ;IAsCnB;;OAEG;IACH,SAAS,CAAC,OAAO;IAQjB;;OAEG;IACI,SAAS;IAchB;;OAEG;IACI,IAAI;IAiCX;;OAEG;IACH,SAAS,CAAC,KAAK;IAQf;;OAEG;IACI,OAAO;IAcd;;OAEG;IACI,IAAI;IAgCX;;OAEG;IACH,SAAS,CAAC,KAAK;IAQf;;OAEG;IACI,OAAO;IAcd;;OAEG;IACI,OAAO;IAoCd;;OAEG;IACH,SAAS,CAAC,QAAQ;IASlB;;OAEG;IACI,UAAU;IAcjB;;;OAGG;IACH,QAAQ;IAgBR;;;OAGG;IACH,MAAM;IAgBN;;;OAGG;IACH,YAAY;IAgBZ;;;OAGG;IACH,MAAM;CAeT"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/page/Page.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAK/D,yBAAiB,KAAK,CAAC;IAEnB;;OAEG;IACH,UAAiB,UAAW,SAAQ,UAAU,CAAC,UAAU;QACrD;;;WAGG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC/B;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;KAAI;IAErE;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D,QAAQ,EAAE,KAAK,CAAC;QAChB,YAAY,EAAE,KAAK,CAAC;QACpB,MAAM,EAAE,KAAK,CAAC;QACd,MAAM,EAAE,KAAK,CAAC;QACd,SAAS,EAAE,KAAK,CAAC;KACpB;CAEJ;AAID;;;;;;GAMG;AACH,qBAAa,IAAI,CACb,UAAU,SAAS,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,EACtD,cAAc,SAAS,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,EAClE,cAAc,SAAS,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CACpE,SAAQ,SAAS,CACf,UAAU,EACV,cAAc,EACd,cAAc,CACjB;IACG,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC5B,SAAS,KAAK,OAAO,YAEpB;IAED;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC5B,IAAI,OAAO,YAEV;IAED;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAChC,IAAI,WAAW,YAEd;IACD;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1B,IAAI,KAAK,YAER;IAED;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC;IAC3B,IAAI,MAAM,YAET;IAED;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC5B,IAAI,OAAO,YAEV;IAED,IAAI,aAAa,WAEhB;gBAGG,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,cAAc,CAAC,EAC3C,IAAI,UAAO;IAmBf,SAAS,CAAC,eAAe,CACrB,CAAC,SAAS,kBAAkB,CAAC,UAAU,GAAG,cAAc,CAAC,KACvD,CAAC;IAUP;;;OAGG;IACI,MAAM,CACT,OAAO,UAAQ;IAsCnB;;OAEG;IACH,SAAS,CAAC,OAAO;IAQjB;;OAEG;IACI,SAAS;IAchB;;OAEG;IACI,IAAI;IAiCX;;OAEG;IACH,SAAS,CAAC,KAAK;IAcf;;;;;OAKG;IACH,SAAS,CAAC,sBAAsB;IAoBhC;;OAEG;IACI,OAAO;IAkCd;;OAEG;IACI,IAAI;IAgCX;;OAEG;IACH,SAAS,CAAC,KAAK;IAQf;;OAEG;IACI,OAAO;IAcd;;OAEG;IACI,OAAO;IAoCd;;OAEG;IACH,SAAS,CAAC,QAAQ;IASlB;;OAEG;IACI,UAAU;IAcjB;;;OAGG;IACH,QAAQ;IAgBR;;;OAGG;IACH,MAAM;IAgBN;;;OAGG;IACH,YAAY;IAgBZ;;;OAGG;IACH,MAAM;CAeT"}

package/build/types/version.d.ts

@@ -1,3 +1,3 @@
-declare const version = "2.15.1";
+declare const version = "2.16.0";
 export default version;
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vevet",
-  "version": "2.15.1",
+  "version": "2.16.0",
   "description": "VEVET - A JavaScript library",
   "browserslist": [
     "since 2015"

package/src/ts/components/cursor/CustomCursor.ts

@@ -98,6 +98,16 @@ export namespace NCustomCursor {
         };
     }
 
+    /**
+     * Hovered element
+     */
+    export interface HoveredEl {
+        el: Element;
+        width?: number;
+        height?: number;
+        padding?: number;
+    }
+
 }
 
 
@@ -192,16 +202,11 @@ export class CustomCursor <
     /**
      * Hovered element
      */
-    protected _hoveredEl?: {
-        el: Element;
-        width?: number;
-        height?: number;
-        padding?: number;
-    };
-    get hoveredEl () {
+    protected _hoveredEl?: NCustomCursor.HoveredEl | undefined;
+    get hoveredEl (): NCustomCursor.HoveredEl | undefined {
         return this._hoveredEl;
     }
-    set hoveredEl (val) {
+    set hoveredEl (val: NCustomCursor.HoveredEl | undefined) {
         this._hoveredEl = val;
     }
 
@@ -576,9 +581,6 @@ export class CustomCursor <
      */
     public enable () {
         this._canPlay = true;
-        if (this._animationFrame.isPlaying) {
-            return;
-        }
         this.outerCursor.classList.remove('disabled');
         this.innerCursor.classList.remove('disabled');
         this._animationFrame.play();
@@ -590,9 +592,6 @@ export class CustomCursor <
      */
     public disable () {
         this._canPlay = false;
-        if (!this._animationFrame.isPlaying) {
-            return;
-        }
         this.outerCursor.classList.add('disabled');
         this.innerCursor.classList.add('disabled');
         this._animationFrame.pause();

package/src/ts/components/page/Page.ts

@@ -1,6 +1,8 @@
 import PCancelable from 'p-cancelable';
+import { selectAll } from 'vevet-dom';
 import { Component, NComponent } from '../../base/Component';
 import { RequiredModuleProp } from '../../utils/types/utility';
+import { ProgressPreloader } from '../loading/ProgressPreloader';
 
 
 
@@ -15,6 +17,7 @@ export namespace NPage {
          * @default 'home'
          */
         name?: string;
+        hasInnerPreloader?: boolean;
     }
 
     /**
@@ -128,6 +131,7 @@ export class Page <
         return {
             ...super._getDefaultProp(),
             name: 'home',
+            hasInnerPreloader: false,
         };
     }
 
@@ -244,10 +248,42 @@ export class Page <
      * Use this method to do some actions when showing a page
      */
     protected _show () {
-        return new Promise<void>((
-            resolve,
-        ) => {
-            resolve();
+        const interactivePromise = this._ignorePreventPageShow();
+        this.addCallback('destroy', () => {
+            interactivePromise.cancel();
+        });
+        return new Promise<void>((resolve, reject) => {
+            interactivePromise.then(() => {
+                resolve();
+            }).catch(() => {
+                reject();
+            });
+        });
+    }
+
+    /**
+     * Some elements may have the attribute `data-prevent-page-show="true"`
+     * This means that the page should not be interactive (and scrollable).
+     * Here we search for such elements.
+     * When there's no elements with this attribute, the page is interactive.
+     */
+    protected _ignorePreventPageShow () {
+        return new PCancelable<void>((resolve, reject) => {
+            if (this._destroyed) {
+                reject();
+            }
+            const elements = selectAll('[data-prevent-page-show]');
+            if (elements.length === 0) {
+                resolve();
+            } else {
+                setTimeout(() => {
+                    this._ignorePreventPageShow().then(() => {
+                        resolve();
+                    }).catch(() => {
+                        reject();
+                    });
+                }, 30);
+            }
         });
     }
 
@@ -259,7 +295,27 @@ export class Page <
             resolve, reject,
         ) => {
             if (this.created && !this.shown) {
-                resolve();
+                // inner preloader
+                if (this.prop.hasInnerPreloader) {
+                    const preloader = new ProgressPreloader({
+                        parent: this,
+                        container: false,
+                        hide: false,
+                        loaders: {
+                            img: false,
+                            video: false,
+                            custom: '.js-preload-inner',
+                        },
+                        calc: {
+                            lerp: false,
+                        },
+                    });
+                    preloader.addCallback('loaded', () => {
+                        resolve();
+                    });
+                } else {
+                    resolve();
+                }
                 return;
             }
             reject();

package/src/ts/version.ts

@@ -1,2 +1,2 @@
-const version = '2.15.1';
+const version = '2.16.0';
 export default version;