vevet 2.17.0 → 3.0.0-beta.1

package/README.md

@@ -1,16 +1,17 @@
-# Vevet - a collection of ready-to-use solutions for Web Development
-
-### Demo: https://antonbobrov.github.io/vevet/
-### Documentation: https://antonbobrov.github.io/vevet/docs/
-
-
-
-## How to start with NPM
-```sh
-npm install vevet
-```
-
-## How to start with CDN
-```html
-<script src="https://cdn.jsdelivr.net/npm/vevet/dist/cdn/index.min.js"></script>
-```
+# Vevet is a JavaScript library of ready-made solutions and helpers
+
+![NPM](https://img.shields.io/npm/v/vevet?style=flat-squar)
+![Minzip](https://img.shields.io/bundlephobia/minzip/vevet)
+![Language](https://img.shields.io/github/languages/top/antonbobrov/vevet)
+
+* [See Demo](https://antonbobrov.github.io/vevet/)
+* [See Documentation](https://antonbobrov.github.io/vevet/docs/)
+
+## Dev Config
+* node v16.13.0
+* npm v8.1.0
+
+## How to start with NPM
+```sh
+npm install vevet
+```

package/lib/cjs/Application/events/PageLoad/index.js

@@ -0,0 +1,83 @@
+"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.PageLoad = void 0;
+var vevet_dom_1 = require("vevet-dom");
+var Callbacks_1 = require("../../../base/Callbacks");
+/**
+ * Callbacks on page loaded
+ */
+var PageLoad = /** @class */ (function (_super) {
+    __extends(PageLoad, _super);
+    function PageLoad() {
+        var _this = _super.call(this, false) || this;
+        _this._isLoaded = false;
+        _this._init();
+        return _this;
+    }
+    Object.defineProperty(PageLoad.prototype, "isLoaded", {
+        /** The page is loaded */
+        get: function () {
+            return this._isLoaded;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    PageLoad.prototype._init = function () {
+        _super.prototype._init.call(this);
+        this._setEvents();
+    };
+    PageLoad.prototype._setEvents = function () {
+        var _this = this;
+        if (document.readyState === 'complete') {
+            this._handleLoaded();
+            return;
+        }
+        this._loadListener = (0, vevet_dom_1.addEventListener)(window, 'load', function () {
+            return _this._handleLoaded();
+        });
+    };
+    /** Callback on page loaded */
+    PageLoad.prototype._handleLoaded = function () {
+        var app = this.app;
+        var prefix = app.prefix;
+        this._isLoaded = true;
+        app.html.classList.remove("".concat(prefix, "loading"));
+        app.body.classList.remove("".concat(prefix, "loading"));
+        app.html.classList.add("".concat(prefix, "loaded"));
+        this.tbt('loaded', undefined);
+    };
+    /**
+     * Add a callback on page load.
+     * If the page is already loaded, the callback will be immediately triggered.
+     */
+    PageLoad.prototype.onLoad = function (callback) {
+        if (this.isLoaded) {
+            callback();
+            return undefined;
+        }
+        return this.add('loaded', callback.bind(this));
+    };
+    PageLoad.prototype.destroy = function () {
+        var _a;
+        _super.prototype.destroy.call(this);
+        (_a = this._loadListener) === null || _a === void 0 ? void 0 : _a.remove();
+    };
+    return PageLoad;
+}(Callbacks_1.Callbacks));
+exports.PageLoad = PageLoad;
+//# sourceMappingURL=index.js.map

package/lib/cjs/Application/events/PageLoad/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Application/events/PageLoad/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uCAAgE;AAChE,8CAA6C;AAK7C;;GAEG;AACH;IAA8B,4BAAoC;IAWhE;QAAA,YACE,kBAAM,KAAK,CAAC,SAKb;QAHC,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QAEvB,KAAI,CAAC,KAAK,EAAE,CAAC;;IACf,CAAC;IAZD,sBAAI,8BAAQ;QADZ,yBAAyB;aACzB;YACE,OAAO,IAAI,CAAC,SAAS,CAAC;QACxB,CAAC;;;OAAA;IAYS,wBAAK,GAAf;QACE,iBAAM,KAAK,WAAE,CAAC;QAEd,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAES,6BAAU,GAApB;QAAA,iBAUC;QATC,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;YACtC,IAAI,CAAC,aAAa,EAAE,CAAC;YAErB,OAAO;SACR;QAED,IAAI,CAAC,aAAa,GAAG,IAAA,4BAAgB,EAAC,MAAM,EAAE,MAAM,EAAE;YACpD,OAAA,KAAI,CAAC,aAAa,EAAE;QAApB,CAAoB,CACrB,CAAC;IACJ,CAAC;IAED,8BAA8B;IACpB,gCAAa,GAAvB;QACU,IAAA,GAAG,GAAK,IAAI,IAAT,CAAU;QACb,IAAA,MAAM,GAAK,GAAG,OAAR,CAAS;QAEvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QAEtB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAG,MAAM,YAAS,CAAC,CAAC;QAC9C,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAG,MAAM,YAAS,CAAC,CAAC;QAE9C,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAG,MAAM,WAAQ,CAAC,CAAC;QAE1C,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAChC,CAAC;IAED;;;OAGG;IACI,yBAAM,GAAb,UAAc,QAAoB;QAChC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,QAAQ,EAAE,CAAC;YAEX,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACjD,CAAC;IAEM,0BAAO,GAAd;;QACE,iBAAM,OAAO,WAAE,CAAC;QAEhB,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,EAAE,CAAC;IAC/B,CAAC;IACH,eAAC;AAAD,CAAC,AAvED,CAA8B,qBAAS,GAuEtC;AAvEY,4BAAQ"}

package/lib/cjs/Application/events/PageLoad/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/cjs/Application/events/PageLoad/types.js.map

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

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

@@ -0,0 +1,270 @@
+"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 vevet_dom_1 = require("vevet-dom");
+var Callbacks_1 = require("../../../base/Callbacks");
+var types_1 = require("./types");
+/**
+ * Callbacks on window resize
+ */
+var Viewport = /** @class */ (function (_super) {
+    __extends(Viewport, _super);
+    function Viewport() {
+        var _this = _super.call(this, false) || this;
+        _this._width = 0;
+        _this._height = 0;
+        _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", {
+        /** VW value */
+        get: function () {
+            return this.width / 100;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewport.prototype, "vh", {
+        /** VH value */
+        get: function () {
+            return this.height / 100;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewport.prototype, "vr", {
+        /** VR value (viewport radius / 100) */
+        get: function () {
+            return this.radius / 100;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewport.prototype, "isLandscape", {
+        /** Width greater than height */
+        get: function () {
+            return this.width > this.height;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewport.prototype, "isPortrait", {
+        /** Width less than height */
+        get: function () {
+            return this.width < this.height;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewport.prototype, "isDesktop", {
+        /** Is desktop size */
+        get: function () {
+            return this.width >= this.app.props.tablet;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewport.prototype, "isTablet", {
+        /** Is tablet size */
+        get: function () {
+            return (this.width <= this.app.props.tablet && this.width > this.app.props.phone);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Viewport.prototype, "isPhone", {
+        /** Is phone size */
+        get: function () {
+            return this.width <= this.app.props.phone;
+        },
+        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, "lowerDpr", {
+        /**
+         * 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
+    });
+    Viewport.prototype._init = function () {
+        this._updateValues();
+        this._setEvents();
+    };
+    /** Set events on resize */
+    Viewport.prototype._setEvents = function () {
+        var _this = this;
+        this._resizeListener = (0, vevet_dom_1.addEventListener)(window, 'resize', function () {
+            if (_this._resizeTimeout) {
+                clearTimeout(_this._resizeTimeout);
+                _this._resizeTimeout = undefined;
+            }
+            _this._resizeTimeout = setTimeout(function () {
+                _this._onResize();
+                _this._resizeTimeout = undefined;
+            }, _this.app.props.resizeDebounce);
+        });
+    };
+    /** Set viewport values */
+    Viewport.prototype._updateValues = function () {
+        var html = this.app.html;
+        // set sizes
+        this._width = html.clientWidth;
+        this._height = html.clientHeight;
+        // update states
+        this._updateClassNames();
+        this._updateCSSVars();
+    };
+    /** Change classes of the document element */
+    Viewport.prototype._updateClassNames = function () {
+        var viewportSizeTypes = [
+            types_1.ESizeTypes.Desktop,
+            types_1.ESizeTypes.Tablet,
+            types_1.ESizeTypes.Phone,
+        ];
+        if (this.isDesktop) {
+            this._updateBreakpointClassNames(types_1.ESizeTypes.Desktop, viewportSizeTypes);
+        }
+        else if (this.isTablet) {
+            this._updateBreakpointClassNames(types_1.ESizeTypes.Tablet, viewportSizeTypes);
+        }
+        else {
+            this._updateBreakpointClassNames(types_1.ESizeTypes.Phone, viewportSizeTypes);
+        }
+        var orientationTypes = [
+            types_1.EOrientationTypes.Landscape,
+            types_1.EOrientationTypes.Portrait,
+        ];
+        if (this.isLandscape) {
+            this._updateBreakpointClassNames(types_1.EOrientationTypes.Landscape, orientationTypes);
+        }
+        else if (this.isPortrait) {
+            this._updateBreakpointClassNames(types_1.EOrientationTypes.Portrait, orientationTypes);
+        }
+        else {
+            this._updateBreakpointClassNames('', orientationTypes);
+        }
+    };
+    /** Change breakpoint classes of the document element */
+    Viewport.prototype._updateBreakpointClassNames = function (activeType, types) {
+        var _a = this.app, html = _a.html, prefix = _a.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; }
+        var _a = this, prevWidth = _a._width, prevHeight = _a._height;
+        this._updateValues();
+        var _b = this, width = _b.width, height = _b.height;
+        // get changes in viewport
+        var 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
+     */
+    Viewport.prototype.forceResize = function () {
+        this._onResize(true);
+    };
+    Viewport.prototype.destroy = function () {
+        var _a;
+        _super.prototype.destroy.call(this);
+        if (this._resizeTimeout) {
+            clearTimeout(this._resizeTimeout);
+        }
+        (_a = this._resizeListener) === null || _a === void 0 ? void 0 : _a.remove();
+    };
+    return Viewport;
+}(Callbacks_1.Callbacks));
+exports.Viewport = Viewport;
+//# sourceMappingURL=index.js.map

package/lib/cjs/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/cjs/Application/events/Viewport/types.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EOrientationTypes = exports.ESizeTypes = void 0;
+/** Viewport size types */
+var ESizeTypes;
+(function (ESizeTypes) {
+    ESizeTypes["Desktop"] = "desktop";
+    ESizeTypes["Tablet"] = "tablet";
+    ESizeTypes["Phone"] = "phone";
+})(ESizeTypes || (exports.ESizeTypes = ESizeTypes = {}));
+/** Orientation types */
+var EOrientationTypes;
+(function (EOrientationTypes) {
+    EOrientationTypes["Landscape"] = "landscape";
+    EOrientationTypes["Portrait"] = "portrait";
+})(EOrientationTypes || (exports.EOrientationTypes = EOrientationTypes = {}));
+//# sourceMappingURL=types.js.map

package/lib/cjs/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,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,+BAAiB,CAAA;IACjB,6BAAe,CAAA;AACjB,CAAC,EAJW,UAAU,0BAAV,UAAU,QAIrB;AAED,wBAAwB;AACxB,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,0CAAqB,CAAA;AACvB,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B"}

package/lib/cjs/Application/index.js

@@ -0,0 +1,238 @@
+"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 });
+exports.Application = void 0;
+var p_cancelable_1 = __importDefault(require("p-cancelable"));
+var Viewport_1 = require("./events/Viewport");
+var PageLoad_1 = require("./events/PageLoad");
+var version_1 = __importDefault(require("../version"));
+var getDeviceInfo_1 = require("../utils/internal/getDeviceInfo");
+var fetchWebpSupport_1 = require("../utils/internal/fetchWebpSupport");
+/**
+ * Vevet Application
+ */
+var Application = /** @class */ (function () {
+    /**
+     * @example
+     * const app = Application();
+     */
+    function Application(data) {
+        if (data === void 0) { data = {}; }
+        // check if the application already exists
+        if (window.vevetApp) {
+            throw new Error('Vevet Application already exists!');
+        }
+        // set defaults
+        this._props = __assign(__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_1.PageLoad();
+        this._viewport = new Viewport_1.Viewport();
+    }
+    Object.defineProperty(Application.prototype, "version", {
+        /** Vevet version */
+        get: function () {
+            return version_1.default;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "props", {
+        /** Application properties */
+        get: function () {
+            return this._props;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "defaultProps", {
+        /** Default properties */
+        get: function () {
+            return {
+                isVersionPrinted: true,
+                tablet: 1199,
+                phone: 899,
+                prefix: 'v-',
+                easing: [0.25, 0.1, 0.25, 1],
+                resizeDebounce: 16,
+                hasWebpSupportCheck: true,
+            };
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "prefix", {
+        /** Vevet prefix */
+        get: function () {
+            return this._props.prefix;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "isPhone", {
+        /** Is phone device */
+        get: function () {
+            return this._isPhone;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "isTablet", {
+        /** Is tablet device */
+        get: function () {
+            return this._isTablet;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "isMobile", {
+        /** Is phone device */
+        get: function () {
+            return this._isMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "isDesktop", {
+        /** Is desktop device */
+        get: function () {
+            return this._isDesktop;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "osName", {
+        /** Operating system name */
+        get: function () {
+            return this._osName;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "browserName", {
+        /** Browser name */
+        get: function () {
+            return this._browserName;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "isWebpSupported", {
+        /** WebP supported */
+        get: function () {
+            return this._isWebpSupported;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "pageLoad", {
+        /** Page Load Callbacks */
+        get: function () {
+            return this._pageLoad;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "viewport", {
+        /** Viewport Callbacks */
+        get: function () {
+            return this._viewport;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /** Get and set device info */
+    Application.prototype._setDeviceFeatures = function () {
+        var _this = this;
+        var _a = this, prefix = _a.prefix, html = _a.html;
+        var _b = (0, getDeviceInfo_1.getDeviceInfo)(), osName = _b.osName, browserName = _b.browserName, device = _b.device;
+        html.classList.add("".concat(prefix, "os-").concat(osName));
+        this._osName = osName;
+        html.classList.add("".concat(prefix, "browser-").concat(browserName));
+        this._browserName = browserName;
+        this._isPhone = device.phone;
+        html.classList.toggle("".concat(prefix, "phone"), this._isPhone);
+        this._isTablet = device.tablet;
+        html.classList.toggle("".concat(prefix, "tablet"), this._isTablet);
+        this._isMobile = device.phone || device.tablet;
+        html.classList.toggle("".concat(prefix, "mobile"), this._isMobile);
+        this._isDesktop = !this._isMobile;
+        html.classList.toggle("".concat(prefix, "desktop"), this._isDesktop);
+        // check webp support
+        if (this.props.hasWebpSupportCheck) {
+            (0, fetchWebpSupport_1.fetchWebpSupport)()
+                .then(function () {
+                _this._isWebpSupported = true;
+            })
+                .catch(function () { });
+        }
+    };
+    Object.defineProperty(Application.prototype, "doc", {
+        /** Document element */
+        get: function () {
+            return document;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "html", {
+        /** HTML element */
+        get: function () {
+            return document.documentElement;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Application.prototype, "body", {
+        /** Body element */
+        get: function () {
+            return document.body;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /** Action on page loaded */
+    Application.prototype.onPageLoad = function () {
+        var _this = this;
+        return new p_cancelable_1.default(function (resolve) {
+            return _this._pageLoad.onLoad(resolve);
+        });
+    };
+    /** Output current version */
+    Application.prototype._printVersion = function () {
+        if (!this.props.isVersionPrinted) {
+            return;
+        }
+        var msg = "Vevet ".concat(this.version);
+        var 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);
+    };
+    return Application;
+}());
+exports.Application = Application;
+//# sourceMappingURL=index.js.map