vevet 4.4.1 → 5.0.0

package/lib/cjs/components/Timeline/index.js

@@ -25,65 +25,82 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Timeline = void 0;
+var Module_1 = require("../../base/Module");
 var math_1 = require("../../utils/math");
-var getApp_1 = require("../../utils/internal/getApp");
-var Component_1 = require("../../base/Component");
+__exportStar(require("./types"), exports);
 /**
- * Animation timeline that handles time-based animations with progress, easing, play, reverse, and pause functionality.
+ * A timeline class for managing animations with easing and precise progress control.
+ * It provides methods for playing, reversing, pausing, and resetting the timeline.
  *
- * @link See examples https://antonbobrov.github.io/vevet-demo/timeline/
+ * [Documentation](https://antonbobrov.github.io/vevet/docs/components/Timeline)
  *
- * @link See docs https://antonbobrov.github.io/vevet/classes/Timeline.html
+ * @group Components
  */
 var Timeline = /** @class */ (function (_super) {
     __extends(Timeline, _super);
-    function Timeline(initialProps, canInit) {
-        if (canInit === void 0) { canInit = true; }
-        var _this = _super.call(this, initialProps, false) || this;
-        // Set default variables
-        _this._p = 0;
-        _this._e = 0;
+    function Timeline(props) {
+        var _this = _super.call(this, props) || this;
+        // Initialize default values
+        _this._progress = 0;
+        _this._eased = 0;
         _this._raf = undefined;
-        _this._rafTime = 0;
+        _this._time = 0;
         _this._isReversed = false;
         _this._isPaused = false;
-        if (canInit) {
-            _this.init();
-        }
         return _this;
     }
-    Timeline.prototype._getDefaultProps = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProps.call(this)), { easing: (0, getApp_1.getApp)().props.easing, isDestroyedOnEnd: false, duration: 1000 });
+    /** Get default static properties. */
+    Timeline.prototype._getStatic = function () {
+        return __assign({}, _super.prototype._getStatic.call(this));
     };
-    Object.defineProperty(Timeline.prototype, "p", {
+    /** Get default mutable properties. */
+    Timeline.prototype._getMutable = function () {
+        return __assign(__assign({}, _super.prototype._getMutable.call(this)), { easing: false, duration: 1000 });
+    };
+    Object.defineProperty(Timeline.prototype, "progress", {
         /**
-         * Global timeline progress. Can be manually set, triggering updates.
+         * Get or set the linear progress of the timeline.
+         * Setting this triggers an update and associated callbacks.
          */
         get: function () {
-            return this._p;
+            return this._progress;
         },
         set: function (val) {
-            this._p = val;
-            this._handleProgressUpdate();
+            this._progress = (0, math_1.clamp)(val);
+            this._onUpdate();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Timeline.prototype, "e", {
+    Object.defineProperty(Timeline.prototype, "eased", {
         /**
-         * Eased progress, which applies the easing function to the global progress.
+         * Get the eased progress of the timeline, derived from the easing function.
          */
         get: function () {
-            return this._e;
+            return this._eased;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(Timeline.prototype, "isPlaying", {
         /**
-         * Indicates if the timeline is currently playing.
+         * Whether the timeline is currently playing.
          */
         get: function () {
             return typeof this._raf !== 'undefined';
@@ -93,7 +110,7 @@ var Timeline = /** @class */ (function (_super) {
     });
     Object.defineProperty(Timeline.prototype, "isReversed", {
         /**
-         * Returns whether the timeline is reversed.
+         * Whether the timeline is reversed (progress decreases over time).
          */
         get: function () {
             return this._isReversed;
@@ -103,7 +120,7 @@ var Timeline = /** @class */ (function (_super) {
     });
     Object.defineProperty(Timeline.prototype, "isPaused", {
         /**
-         * Returns whether the timeline is paused.
+         * Whether the timeline is paused.
          */
         get: function () {
             return this._isPaused;
@@ -113,46 +130,46 @@ var Timeline = /** @class */ (function (_super) {
     });
     Object.defineProperty(Timeline.prototype, "duration", {
         /**
-         * Returns the duration of the timeline, ensuring a minimum duration of 1 ms.
+         * Get the timeline duration, ensuring it is at least 0 ms.
          */
         get: function () {
-            return Math.max(this.props.duration, 1);
+            return Math.max(this.props.duration, 0);
         },
         enumerable: false,
         configurable: true
     });
     /**
-     * Plays the timeline, advancing progress from its current state toward completion.
-     * Will not play if the timeline has already been destroyed or has fully completed.
+     * Play the timeline, advancing progress toward completion.
+     * Does nothing if the timeline is destroyed or already completed.
      */
     Timeline.prototype.play = function () {
-        if (this.isDestroyed || this.p === 1) {
+        if (this.isDestroyed || this.progress === 1) {
             return;
         }
         this._isReversed = false;
         this._isPaused = false;
         if (!this.isPlaying) {
-            this._rafTime = Date.now();
+            this._time = Date.now();
             this._animate();
         }
     };
     /**
-     * Reverses the timeline, moving progress from its current state toward the start.
-     * Will not reverse if the timeline has already been destroyed or is at the start.
+     * Reverse the timeline, moving progress toward the start.
+     * Does nothing if the timeline is destroyed or already at the start.
      */
     Timeline.prototype.reverse = function () {
-        if (this.isDestroyed || this.p === 0) {
+        if (this.isDestroyed || this.progress === 0) {
             return;
         }
         this._isReversed = true;
         this._isPaused = false;
         if (!this.isPlaying) {
-            this._rafTime = Date.now();
+            this._time = Date.now();
             this._animate();
         }
     };
     /**
-     * Pauses the timeline's progress, stopping the animation at its current state.
+     * Pause the timeline, halting progress without resetting it.
      */
     Timeline.prototype.pause = function () {
         if (this.isDestroyed) {
@@ -165,70 +182,69 @@ var Timeline = /** @class */ (function (_super) {
         this._raf = undefined;
     };
     /**
-     * Resets the timeline to the beginning (progress = 0).
+     * Reset the timeline to the beginning (progress = 0).
      */
     Timeline.prototype.reset = function () {
         if (this.isDestroyed) {
             return;
         }
         this.pause();
-        this.p = 0;
+        this.progress = 0;
     };
     /**
-     * Starts the animation process, updating the timeline's progress based on elapsed time.
+     * Animate the timeline, updating progress based on elapsed time.
      */
     Timeline.prototype._animate = function () {
+        var _this = this;
         if (this.isPaused) {
             return;
         }
-        var isReversed = this.isReversed;
-        // Calculate time difference between frames
+        var _a = this, isReversed = _a.isReversed, duration = _a.duration;
+        if (duration <= 0) {
+            this.progress = isReversed ? 1 : 0;
+            this.progress = isReversed ? 0 : 1;
+            return;
+        }
         var currentTime = Date.now();
-        var frameDiff = Math.abs(this._rafTime - currentTime);
-        this._rafTime = currentTime;
-        // Calculate current progress
-        var progressIterator = frameDiff / this.duration / (isReversed ? -1 : 1);
-        var progressTarget = (0, math_1.clamp)(this.p + progressIterator, [0, 1]);
-        this.p = progressTarget;
-        // End animation if progress reaches start or end
-        if ((progressTarget === 1 && !isReversed) ||
-            (progressTarget === 0 && isReversed)) {
+        var frameDiff = Math.abs(this._time - currentTime);
+        this._time = currentTime;
+        var progressIterator = frameDiff / duration / (isReversed ? -1 : 1);
+        var progressTarget = this.progress + progressIterator;
+        this.progress = progressTarget;
+        if ((this.progress === 1 && !isReversed) ||
+            (this.progress === 0 && isReversed)) {
             this._isReversed = false;
             this._isPaused = false;
             this._raf = undefined;
             return;
         }
-        // Continue animation
-        this._raf = window.requestAnimationFrame(this._animate.bind(this));
+        this._raf = window.requestAnimationFrame(function () { return _this._animate(); });
     };
     /**
-     * Handles updates to the timeline's progress and triggers associated callbacks.
+     * Handle progress updates and trigger callbacks.
      */
-    Timeline.prototype._handleProgressUpdate = function () {
-        this._e = (0, math_1.easing)(this._p, this.props.easing);
-        this.callbacks.tbt('progress', {
-            p: this._p,
-            e: this._e,
+    Timeline.prototype._onUpdate = function () {
+        this._eased = (0, math_1.easing)(this._progress, this.props.easing);
+        this.callbacks.emit('update', {
+            progress: this._progress,
+            eased: this._eased,
         });
-        if (this.p === 0) {
-            this.callbacks.tbt('start', undefined);
+        if (this.progress === 0) {
+            this.callbacks.emit('start', undefined);
             return;
         }
-        if (this.p === 1) {
-            this.callbacks.tbt('end', undefined);
-            if (this.props.isDestroyedOnEnd) {
-                this.destroy();
-            }
+        if (this.progress === 1) {
+            this.callbacks.emit('end', undefined);
         }
     };
     /**
-     * Destroys the timeline, pausing any ongoing animation and cleaning up resources.
+     * Destroy the timeline, stopping any active animation and cleaning up resources.
      */
     Timeline.prototype._destroy = function () {
         this.pause();
         _super.prototype._destroy.call(this);
     };
     return Timeline;
-}(Component_1.Component));
+}(Module_1.Module));
 exports.Timeline = Timeline;
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/Timeline/index.js.map

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

package/lib/cjs/components/index.js

@@ -14,23 +14,19 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AnimationFrame"), exports);
-__exportStar(require("./Ctx2D"), exports);
-__exportStar(require("./Ctx2DPrerender"), exports);
-__exportStar(require("./CustomCursor"), exports);
-__exportStar(require("./DraggerBase"), exports);
-__exportStar(require("./DraggerDirection"), exports);
-__exportStar(require("./DraggerMove"), exports);
+__exportStar(require("./Canvas"), exports);
+__exportStar(require("./CanvasMedia"), exports);
+__exportStar(require("./Cursor"), exports);
+__exportStar(require("./InView"), exports);
 __exportStar(require("./Marquee"), exports);
+__exportStar(require("./Pointers"), exports);
 __exportStar(require("./Preloader"), exports);
 __exportStar(require("./ProgressPreloader"), exports);
-__exportStar(require("./ScrollBar"), exports);
-__exportStar(require("./ScrollView"), exports);
-__exportStar(require("./SectionScrollProgress"), exports);
-__exportStar(require("./SlideProgress"), exports);
-__exportStar(require("./CustomScroll"), exports);
-__exportStar(require("./CustomScrollDragPlugin"), exports);
-__exportStar(require("./CustomScrollKeyboardPlugin"), exports);
+__exportStar(require("./Raf"), exports);
+__exportStar(require("./Scrollbar"), exports);
+__exportStar(require("./ScrollProgress"), exports);
+__exportStar(require("./Snap"), exports);
 __exportStar(require("./SplitText"), exports);
+__exportStar(require("./Swipe"), exports);
 __exportStar(require("./Timeline"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,0CAAwB;AACxB,mDAAiC;AACjC,iDAA+B;AAC/B,gDAA8B;AAC9B,qDAAmC;AACnC,gDAA8B;AAC9B,4CAA0B;AAC1B,8CAA4B;AAC5B,sDAAoC;AACpC,8CAA4B;AAC5B,+CAA6B;AAC7B,0DAAwC;AACxC,kDAAgC;AAChC,iDAA+B;AAC/B,2DAAyC;AACzC,+DAA6C;AAC7C,8CAA4B;AAC5B,6CAA2B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,gDAA8B;AAC9B,2CAAyB;AACzB,2CAAyB;AACzB,4CAA0B;AAC1B,6CAA2B;AAC3B,8CAA4B;AAC5B,sDAAoC;AACpC,wCAAsB;AACtB,8CAA4B;AAC5B,mDAAiC;AACjC,yCAAuB;AACvB,8CAA4B;AAC5B,0CAAwB;AACxB,6CAA2B"}

package/lib/cjs/core/exported.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.presetCssVars = void 0;
+var presetCssVars_1 = require("./scripts/presetCssVars");
+Object.defineProperty(exports, "presetCssVars", { enumerable: true, get: function () { return presetCssVars_1.presetCssVars; } });
+//# sourceMappingURL=exported.js.map

package/lib/cjs/core/exported.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exported.js","sourceRoot":"","sources":["../../../src/core/exported.ts"],"names":[],"mappings":";;;AAEA,yDAAwD;AAG/C,8FAHA,6BAAa,OAGA"}

package/lib/cjs/core/global.js.map

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

package/lib/cjs/core/handlers/createPageLoad/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createPageLoad = createPageLoad;
+var Callbacks_1 = require("../../../base/Callbacks");
+var listeners_1 = require("../../../utils/listeners");
+function createPageLoad(_a) {
+    var prefix = _a.prefix, applyClassNames = _a.applyClassNames;
+    var callbacks = new Callbacks_1.Callbacks();
+    var isLoaded = false;
+    if (document.readyState === 'complete') {
+        setTimeout(function () { return handleLoaded(); }, 0);
+    }
+    else {
+        (0, listeners_1.addEventListener)(window, 'load', function () { return handleLoaded(); });
+    }
+    /** Callback on page loaded */
+    function handleLoaded() {
+        var html = document.documentElement;
+        var body = document.body;
+        isLoaded = true;
+        if (applyClassNames) {
+            html.classList.remove("".concat(prefix, "loading"));
+            body.classList.remove("".concat(prefix, "loading"));
+            html.classList.add("".concat(prefix, "loaded"));
+        }
+        callbacks.emit('loaded', undefined);
+    }
+    /** Add a callback on page load */
+    function onLoad(callback) {
+        if (isLoaded) {
+            callback();
+            return function () { };
+        }
+        return callbacks.on('loaded', function () { return callback(); });
+    }
+    return { onLoad: onLoad, getIsLoaded: function () { return isLoaded; } };
+}
+//# sourceMappingURL=index.js.map

package/lib/cjs/core/handlers/createPageLoad/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/handlers/createPageLoad/index.ts"],"names":[],"mappings":";;AASA,wCAwCC;AAjDD,8CAA6C;AAE7C,+CAAqD;AAOrD,SAAgB,cAAc,CAAC,EAAmC;QAAjC,MAAM,YAAA,EAAE,eAAe,qBAAA;IACtD,IAAM,SAAS,GAAG,IAAI,qBAAS,EAAyB,CAAC;IAEzD,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;QACvC,UAAU,CAAC,cAAM,OAAA,YAAY,EAAE,EAAd,CAAc,EAAE,CAAC,CAAC,CAAC;IACtC,CAAC;SAAM,CAAC;QACN,IAAA,4BAAgB,EAAC,MAAM,EAAE,MAAM,EAAE,cAAM,OAAA,YAAY,EAAE,EAAd,CAAc,CAAC,CAAC;IACzD,CAAC;IAED,8BAA8B;IAC9B,SAAS,YAAY;QACnB,IAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QAC9B,IAAA,IAAI,GAAK,QAAQ,KAAb,CAAc;QAE1B,QAAQ,GAAG,IAAI,CAAC;QAEhB,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAG,MAAM,YAAS,CAAC,CAAC;YAC1C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAG,MAAM,YAAS,CAAC,CAAC;YAE1C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAG,MAAM,WAAQ,CAAC,CAAC;QACxC,CAAC;QAED,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACtC,CAAC;IAED,kCAAkC;IAClC,SAAS,MAAM,CAAC,QAAoB;QAClC,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,EAAE,CAAC;YAEX,OAAO,cAAO,CAAC,CAAC;QAClB,CAAC;QAED,OAAO,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAM,OAAA,QAAQ,EAAE,EAAV,CAAU,CAAC,CAAC;IAClD,CAAC;IAED,OAAO,EAAE,MAAM,QAAA,EAAE,WAAW,EAAE,cAAM,OAAA,QAAQ,EAAR,CAAQ,EAAE,CAAC;AACjD,CAAC"}

package/lib/cjs/core/handlers/createPageLoad/types.js.map

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

package/lib/cjs/core/handlers/createViewport/index.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createViewport = createViewport;
+var Callbacks_1 = require("../../../base/Callbacks");
+var listeners_1 = require("../../../utils/listeners");
+function createViewport(_a) {
+    var prefix = _a.prefix, props = _a.props, isMobile = _a.isMobile;
+    var html = document.documentElement;
+    var styles = document.getElementById('vevet_css_preset');
+    if (!styles) {
+        styles = document.createElement('style');
+        styles.id = 'vevet_css_preset';
+        document.body.appendChild(styles);
+    }
+    var mqDesktop = window.matchMedia("(min-width: ".concat(props.md + 0.001, "px)"));
+    var mqTablet = window.matchMedia("(min-width: ".concat(props.sm + 0.001, "px) and (max-width: ").concat(props.md, "px)"));
+    var mqPhone = window.matchMedia("(max-width: ".concat(props.sm, "px)"));
+    // create callbacks
+    var callbacks = new Callbacks_1.Callbacks();
+    // default data
+    var data = {
+        width: 0,
+        height: 0,
+        sHeight: 0,
+        vw: 0,
+        vh: 0,
+        svh: 0,
+        rem: 16,
+        landscape: false,
+        portrait: false,
+        dpr: window.devicePixelRatio,
+        lowerDpr: window.devicePixelRatio,
+        sm: true,
+        md: false,
+        lg: false,
+    };
+    // update values for the first time
+    updateValues();
+    updateClassNames();
+    updateCSSVars();
+    // add resize events
+    var debounce;
+    (0, listeners_1.addEventListener)(window, 'resize', function () {
+        if (debounce) {
+            clearTimeout(debounce);
+            debounce = undefined;
+        }
+        debounce = setTimeout(function () { return onResize(); }, props.resizeDebounce);
+    });
+    /** Event on window resize */
+    function onResize() {
+        var prevWidth = data.width, prevHeight = data.height;
+        updateValues();
+        updateClassNames();
+        updateCSSVars();
+        var width = data.width, height = data.height;
+        callbacks.emit('any', undefined);
+        if (width !== prevWidth && height === prevHeight) {
+            callbacks.emit('width_', undefined);
+        }
+        if (height !== prevHeight && width === prevWidth) {
+            callbacks.emit('height_', undefined);
+        }
+        if (width !== prevWidth && height !== prevHeight) {
+            callbacks.emit('both', undefined);
+        }
+        if (width !== prevWidth) {
+            callbacks.emit('width', undefined);
+        }
+        if (height !== prevHeight) {
+            callbacks.emit('height', undefined);
+        }
+    }
+    /** Update viewport values */
+    function updateValues() {
+        var prevWidth = data.width;
+        var root = document.documentElement;
+        var rootStyles = getComputedStyle(root);
+        data.width = window.innerWidth;
+        data.height = window.innerHeight;
+        data.vw = data.width / 100;
+        data.vh = data.height / 100;
+        data.rem = parseFloat(rootStyles.fontSize);
+        data.landscape = data.width > data.height;
+        data.portrait = data.width < data.height;
+        data.dpr = window.devicePixelRatio;
+        data.lowerDpr = !isMobile ? 1 : Math.min(data.dpr, 2);
+        data.sm = false;
+        data.md = false;
+        data.lg = false;
+        if (mqPhone.matches) {
+            data.sm = true;
+        }
+        else if (mqTablet.matches) {
+            data.md = true;
+        }
+        else if (mqDesktop.matches) {
+            data.lg = true;
+        }
+        // update sHeight && svh only when the width changes
+        // or for desktop
+        if (prevWidth !== data.width || !data.sHeight || !isMobile) {
+            data.sHeight = root.clientHeight;
+            data.svh = data.sHeight / 100;
+        }
+    }
+    /** Update page classnames according to the viewport data */
+    function updateClassNames() {
+        if (!props.applyClassNames) {
+            return;
+        }
+        html.classList.toggle("".concat(prefix, "lg"), data.lg);
+        html.classList.toggle("".concat(prefix, "md"), data.md);
+        html.classList.toggle("".concat(prefix, "sm"), data.sm);
+        html.classList.toggle("".concat(prefix, "landscape"), data.landscape);
+        html.classList.toggle("".concat(prefix, "portrait"), data.portrait);
+    }
+    /** Update CSS variables */
+    function updateCSSVars() {
+        styles.innerHTML = "\n      html {\n        --vw: ".concat(data.vw, "px;\n        --vh: ").concat(data.vh, "px;\n        --svh: ").concat(data.svh, "px;\n      }\n    ");
+    }
+    return { data: data, callbacks: callbacks };
+}
+//# sourceMappingURL=index.js.map

package/lib/cjs/core/handlers/createViewport/index.js.map

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

package/lib/cjs/core/handlers/createViewport/types.js.map

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

package/lib/cjs/core/index.js

@@ -0,0 +1,81 @@
+"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.Core = Core;
+var detect_browser_1 = require("detect-browser");
+var ismobilejs_1 = __importDefault(require("ismobilejs"));
+var version_1 = __importDefault(require("../version"));
+var createPageLoad_1 = require("./handlers/createPageLoad");
+var createViewport_1 = require("./handlers/createViewport");
+function Core(input) {
+    // set default properties
+    var _a;
+    var defaultProps = {
+        md: 1199,
+        sm: 899,
+        resizeDebounce: 16,
+        applyClassNames: false,
+    };
+    var props = __assign(__assign({}, defaultProps), input);
+    var prefix = 'v-';
+    // device info
+    var browserData = (0, detect_browser_1.detect)();
+    var device = (0, ismobilejs_1.default)();
+    var osName = (_a = ((browserData === null || browserData === void 0 ? void 0 : browserData.os) || '')) === null || _a === void 0 ? void 0 : _a.split(' ')[0].toLowerCase();
+    var browserName = ((browserData === null || browserData === void 0 ? void 0 : browserData.name) || '').toLowerCase();
+    var isMobile = device.phone || device.tablet;
+    // events
+    var pageLoad = (0, createPageLoad_1.createPageLoad)({
+        prefix: prefix,
+        applyClassNames: props.applyClassNames,
+    });
+    var viewport = (0, createViewport_1.createViewport)({ prefix: prefix, props: props, isMobile: isMobile });
+    // output
+    var output = __assign(__assign({}, viewport.data), { viewportCallbacks: viewport.callbacks, version: version_1.default, props: props, prefix: prefix, phone: device.phone, tablet: device.tablet, mobile: isMobile, osName: osName, browserName: browserName, doc: document, html: document.documentElement, body: document.body, loaded: false, onLoad: pageLoad.onLoad, onViewport: function () {
+            var _a;
+            var params = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                params[_i] = arguments[_i];
+            }
+            return (_a = viewport.callbacks).on.apply(_a, params);
+        } });
+    // update props on page load
+    pageLoad.onLoad(function () {
+        output.loaded = true;
+    });
+    // update props on viewport change
+    viewport.callbacks.add('any', function () {
+        var keys = Object.keys(viewport.data);
+        keys.forEach(function (key) {
+            // @ts-ignore
+            output[key] = viewport.data[key];
+        });
+    }, { protected: true, name: 'vevet core' });
+    // set device features
+    (function setDeviceFeatures() {
+        if (!props.applyClassNames) {
+            return;
+        }
+        var html = output.html;
+        html.classList.add("".concat(prefix, "os-").concat(osName));
+        html.classList.add("".concat(prefix, "browser-").concat(browserName));
+        html.classList.toggle("".concat(prefix, "phone"), output.phone);
+        html.classList.toggle("".concat(prefix, "tablet"), output.tablet);
+        html.classList.toggle("".concat(prefix, "mobile"), output.mobile);
+    })();
+    return output;
+}
+//# sourceMappingURL=index.js.map