vevet 4.4.1 → 5.0.0

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

@@ -1,102 +1,106 @@
+import { Module } from '../../base/Module';
 import { clamp, easing } from '../../utils/math';
-import { getApp } from '../../utils/internal/getApp';
-import { Component as ComponentClass } from '../../base/Component';
+export * from './types';
 /**
- * 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
  */
-export class Timeline extends ComponentClass {
-    _getDefaultProps() {
-        return Object.assign(Object.assign({}, super._getDefaultProps()), { easing: getApp().props.easing, isDestroyedOnEnd: false, duration: 1000 });
+export class Timeline extends Module {
+    /** Get default static properties. */
+    _getStatic() {
+        return Object.assign({}, super._getStatic());
+    }
+    /** Get default mutable properties. */
+    _getMutable() {
+        return Object.assign(Object.assign({}, super._getMutable()), { easing: false, duration: 1000 });
     }
     /**
-     * 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 p() {
-        return this._p;
+    get progress() {
+        return this._progress;
     }
-    set p(val) {
-        this._p = val;
-        this._handleProgressUpdate();
+    set progress(val) {
+        this._progress = clamp(val);
+        this._onUpdate();
     }
     /**
-     * Eased progress, which applies the easing function to the global progress.
+     * Get the eased progress of the timeline, derived from the easing function.
      */
-    get e() {
-        return this._e;
+    get eased() {
+        return this._eased;
     }
     /**
-     * Indicates if the timeline is currently playing.
+     * Whether the timeline is currently playing.
      */
     get isPlaying() {
         return typeof this._raf !== 'undefined';
     }
     /**
-     * Returns whether the timeline is reversed.
+     * Whether the timeline is reversed (progress decreases over time).
      */
     get isReversed() {
         return this._isReversed;
     }
     /**
-     * Returns whether the timeline is paused.
+     * Whether the timeline is paused.
      */
     get isPaused() {
         return this._isPaused;
     }
     /**
-     * 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 duration() {
-        return Math.max(this.props.duration, 1);
+        return Math.max(this.props.duration, 0);
     }
-    constructor(initialProps, canInit = true) {
-        super(initialProps, false);
-        // Set default variables
-        this._p = 0;
-        this._e = 0;
+    constructor(props) {
+        super(props);
+        // 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();
-        }
     }
     /**
-     * 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.
      */
     play() {
-        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.
      */
     reverse() {
-        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.
      */
     pause() {
         if (this.isDestroyed) {
@@ -109,64 +113,62 @@ export class Timeline extends ComponentClass {
         this._raf = undefined;
     }
     /**
-     * Resets the timeline to the beginning (progress = 0).
+     * Reset the timeline to the beginning (progress = 0).
      */
     reset() {
         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.
      */
     _animate() {
         if (this.isPaused) {
             return;
         }
-        const { isReversed } = this;
-        // Calculate time difference between frames
+        const { isReversed, duration } = this;
+        if (duration <= 0) {
+            this.progress = isReversed ? 1 : 0;
+            this.progress = isReversed ? 0 : 1;
+            return;
+        }
         const currentTime = Date.now();
-        const frameDiff = Math.abs(this._rafTime - currentTime);
-        this._rafTime = currentTime;
-        // Calculate current progress
-        const progressIterator = frameDiff / this.duration / (isReversed ? -1 : 1);
-        const progressTarget = clamp(this.p + progressIterator, [0, 1]);
-        this.p = progressTarget;
-        // End animation if progress reaches start or end
-        if ((progressTarget === 1 && !isReversed) ||
-            (progressTarget === 0 && isReversed)) {
+        const frameDiff = Math.abs(this._time - currentTime);
+        this._time = currentTime;
+        const progressIterator = frameDiff / duration / (isReversed ? -1 : 1);
+        const 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(() => this._animate());
     }
     /**
-     * Handles updates to the timeline's progress and triggers associated callbacks.
+     * Handle progress updates and trigger callbacks.
      */
-    _handleProgressUpdate() {
-        this._e = easing(this._p, this.props.easing);
-        this.callbacks.tbt('progress', {
-            p: this._p,
-            e: this._e,
+    _onUpdate() {
+        this._eased = 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.
      */
     _destroy() {
         this.pause();

package/lib/esm/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/esm/components/index.js

@@ -1,20 +1,16 @@
-export * from './AnimationFrame';
-export * from './Ctx2D';
-export * from './Ctx2DPrerender';
-export * from './CustomCursor';
-export * from './DraggerBase';
-export * from './DraggerDirection';
-export * from './DraggerMove';
+export * from './Canvas';
+export * from './CanvasMedia';
+export * from './Cursor';
+export * from './InView';
 export * from './Marquee';
+export * from './Pointers';
 export * from './Preloader';
 export * from './ProgressPreloader';
-export * from './ScrollBar';
-export * from './ScrollView';
-export * from './SectionScrollProgress';
-export * from './SlideProgress';
-export * from './CustomScroll';
-export * from './CustomScrollDragPlugin';
-export * from './CustomScrollKeyboardPlugin';
+export * from './Raf';
+export * from './Scrollbar';
+export * from './ScrollProgress';
+export * from './Snap';
 export * from './SplitText';
+export * from './Swipe';
 export * from './Timeline';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/lib/esm/core/exported.js

@@ -0,0 +1,3 @@
+import { presetCssVars } from './scripts/presetCssVars';
+export { presetCssVars };
+//# sourceMappingURL=exported.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"exported.js","sourceRoot":"","sources":["../../../src/core/exported.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGxD,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

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

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

@@ -0,0 +1,34 @@
+import { Callbacks } from '../../../base/Callbacks';
+import { addEventListener } from '../../../utils/listeners';
+export function createPageLoad({ prefix, applyClassNames }) {
+    const callbacks = new Callbacks();
+    let isLoaded = false;
+    if (document.readyState === 'complete') {
+        setTimeout(() => handleLoaded(), 0);
+    }
+    else {
+        addEventListener(window, 'load', () => handleLoaded());
+    }
+    /** Callback on page loaded */
+    function handleLoaded() {
+        const html = document.documentElement;
+        const { body } = document;
+        isLoaded = true;
+        if (applyClassNames) {
+            html.classList.remove(`${prefix}loading`);
+            body.classList.remove(`${prefix}loading`);
+            html.classList.add(`${prefix}loaded`);
+        }
+        callbacks.emit('loaded', undefined);
+    }
+    /** Add a callback on page load */
+    function onLoad(callback) {
+        if (isLoaded) {
+            callback();
+            return () => { };
+        }
+        return callbacks.on('loaded', () => callback());
+    }
+    return { onLoad, getIsLoaded: () => isLoaded };
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/handlers/createPageLoad/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAOrD,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,eAAe,EAAU;IAChE,MAAM,SAAS,GAAG,IAAI,SAAS,EAAyB,CAAC;IAEzD,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;QACvC,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;IACtC,CAAC;SAAM,CAAC;QACN,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC;IACzD,CAAC;IAED,8BAA8B;IAC9B,SAAS,YAAY;QACnB,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QAE1B,QAAQ,GAAG,IAAI,CAAC;QAEhB,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,SAAS,CAAC,CAAC;YAC1C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,SAAS,CAAC,CAAC;YAE1C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,QAAQ,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,GAAG,EAAE,GAAE,CAAC,CAAC;QAClB,CAAC;QAED,OAAO,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;IAClD,CAAC;IAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;AACjD,CAAC"}

package/lib/esm/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/esm/core/handlers/createViewport/index.js

@@ -0,0 +1,126 @@
+import { Callbacks } from '../../../base/Callbacks';
+import { addEventListener } from '../../../utils/listeners';
+export function createViewport({ prefix, props, isMobile }) {
+    const html = document.documentElement;
+    let styles = document.getElementById('vevet_css_preset');
+    if (!styles) {
+        styles = document.createElement('style');
+        styles.id = 'vevet_css_preset';
+        document.body.appendChild(styles);
+    }
+    const mqDesktop = window.matchMedia(`(min-width: ${props.md + 0.001}px)`);
+    const mqTablet = window.matchMedia(`(min-width: ${props.sm + 0.001}px) and (max-width: ${props.md}px)`);
+    const mqPhone = window.matchMedia(`(max-width: ${props.sm}px)`);
+    // create callbacks
+    const callbacks = new Callbacks();
+    // default data
+    const 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
+    let debounce;
+    addEventListener(window, 'resize', () => {
+        if (debounce) {
+            clearTimeout(debounce);
+            debounce = undefined;
+        }
+        debounce = setTimeout(() => onResize(), props.resizeDebounce);
+    });
+    /** Event on window resize */
+    function onResize() {
+        const { width: prevWidth, height: prevHeight } = data;
+        updateValues();
+        updateClassNames();
+        updateCSSVars();
+        const { width, height } = data;
+        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() {
+        const { width: prevWidth } = data;
+        const root = document.documentElement;
+        const 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(`${prefix}lg`, data.lg);
+        html.classList.toggle(`${prefix}md`, data.md);
+        html.classList.toggle(`${prefix}sm`, data.sm);
+        html.classList.toggle(`${prefix}landscape`, data.landscape);
+        html.classList.toggle(`${prefix}portrait`, data.portrait);
+    }
+    /** Update CSS variables */
+    function updateCSSVars() {
+        styles.innerHTML = `
+      html {
+        --vw: ${data.vw}px;
+        --vh: ${data.vh}px;
+        --svh: ${data.svh}px;
+      }
+    `;
+    }
+    return { data, callbacks };
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/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/esm/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/esm/core/index.js

@@ -0,0 +1,60 @@
+import { detect } from 'detect-browser';
+import isMobileJs from 'ismobilejs';
+import version from '../version';
+import { createPageLoad } from './handlers/createPageLoad';
+import { createViewport } from './handlers/createViewport';
+export function Core(input) {
+    // set default properties
+    var _a;
+    const defaultProps = {
+        md: 1199,
+        sm: 899,
+        resizeDebounce: 16,
+        applyClassNames: false,
+    };
+    const props = Object.assign(Object.assign({}, defaultProps), input);
+    const prefix = 'v-';
+    // device info
+    const browserData = detect();
+    const device = isMobileJs();
+    const osName = (_a = ((browserData === null || browserData === void 0 ? void 0 : browserData.os) || '')) === null || _a === void 0 ? void 0 : _a.split(' ')[0].toLowerCase();
+    const browserName = ((browserData === null || browserData === void 0 ? void 0 : browserData.name) || '').toLowerCase();
+    const isMobile = device.phone || device.tablet;
+    // events
+    const pageLoad = createPageLoad({
+        prefix,
+        applyClassNames: props.applyClassNames,
+    });
+    const viewport = createViewport({ prefix, props, isMobile });
+    // output
+    const output = Object.assign(Object.assign({}, viewport.data), { viewportCallbacks: viewport.callbacks, version,
+        props,
+        prefix, phone: device.phone, tablet: device.tablet, mobile: isMobile, osName,
+        browserName, doc: document, html: document.documentElement, body: document.body, loaded: false, onLoad: pageLoad.onLoad, onViewport: (...params) => viewport.callbacks.on(...params) });
+    // update props on page load
+    pageLoad.onLoad(() => {
+        output.loaded = true;
+    });
+    // update props on viewport change
+    viewport.callbacks.add('any', () => {
+        const keys = Object.keys(viewport.data);
+        keys.forEach((key) => {
+            // @ts-ignore
+            output[key] = viewport.data[key];
+        });
+    }, { protected: true, name: 'vevet core' });
+    // set device features
+    (function setDeviceFeatures() {
+        if (!props.applyClassNames) {
+            return;
+        }
+        const { html } = output;
+        html.classList.add(`${prefix}os-${osName}`);
+        html.classList.add(`${prefix}browser-${browserName}`);
+        html.classList.toggle(`${prefix}phone`, output.phone);
+        html.classList.toggle(`${prefix}tablet`, output.tablet);
+        html.classList.toggle(`${prefix}mobile`, output.mobile);
+    })();
+    return output;
+}
+//# sourceMappingURL=index.js.map

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

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

package/lib/esm/core/scripts/presetCssVars.js

@@ -0,0 +1,22 @@
+export const presetCssVars = `var presetVevetCss = function update() {
+  if (window.vevet5) {
+    return;
+  }
+
+  var doc = document.documentElement;
+
+  var styles = document.createElement('style');
+  styles.id = 'vevet_css_preset';
+  document.body.appendChild(styles);
+
+  var w = window.innerWidth;
+  var h = window.innerHeight;
+  var sh = doc.clientHeight;
+
+  styles.innerHTML = 'html { --vw: ' + w / 100 + 'px; --vh: ' + h / 100 + 'px; --svh: ' + sh / 100 + 'px; }';
+};
+
+window.addEventListener('resize', presetVevetCss);
+
+presetVevetCss();`;
+//# sourceMappingURL=presetCssVars.js.map

package/lib/esm/core/scripts/presetCssVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presetCssVars.js","sourceRoot":"","sources":["../../../../src/core/scripts/presetCssVars.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;kBAoBX,CAAC"}

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

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

package/lib/esm/global/initVevet.js

@@ -0,0 +1,19 @@
+import { Core } from '../core';
+/**
+ * @group Utils
+ */
+export function initVevet() {
+    var _a;
+    if (window.vevet5) {
+        return window.vevet5;
+    }
+    const coreProps = (_a = window.VEVET_PROPS) !== null && _a !== void 0 ? _a : {};
+    const core = Core(coreProps);
+    window.vevet5 = core;
+    return window.vevet5;
+}
+// auto initialize
+if (typeof window !== 'undefined') {
+    window.vevet5 = initVevet();
+}
+//# sourceMappingURL=initVevet.js.map

package/lib/esm/global/initVevet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initVevet.js","sourceRoot":"","sources":["../../../src/global/initVevet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAW9B;;GAEG;AACH,MAAM,UAAU,SAAS;;IACvB,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;QAClB,OAAO,MAAM,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,MAAM,SAAS,GAAG,MAAA,MAAM,CAAC,WAAW,mCAAI,EAAE,CAAC;IAE3C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;IAErB,OAAO,MAAM,CAAC,MAAM,CAAC;AACvB,CAAC;AAED,kBAAkB;AAClB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IAClC,MAAM,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC;AAC9B,CAAC"}