vevet 2.17.0 → 3.0.0-beta.1

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

@@ -0,0 +1,182 @@
+import { addEventListener, isElement, isWindow, selectOne, } from 'vevet-dom';
+import { Component as ComponentClass } from '../../base/Component';
+/**
+ * Drag & Swipe events
+ */
+export class DraggerBase extends ComponentClass {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { container: `#${this.prefix}`, isPassive: false, isEnabled: true });
+    }
+    get prefix() {
+        return `${this.app.prefix}dragger`;
+    }
+    /** Preloader container */
+    get container() {
+        return this._container;
+    }
+    /** Dragging at the moment */
+    get isDragging() {
+        return this._runtimeListeners.length > 0;
+    }
+    /** Current pointer id */
+    get pointerID() {
+        return this._pointerID;
+    }
+    /** Current coordinates */
+    get coords() {
+        return this._coords;
+    }
+    /** Current coordinates */
+    set coords(value) {
+        this._coords = value;
+    }
+    /** Last coordinates */
+    get prevCoords() {
+        return this._prevCoords;
+    }
+    /** Last coordinates */
+    set prevCoords(value) {
+        this._prevCoords = value;
+    }
+    /** Coordinates on drag start */
+    get startCoords() {
+        return this._startCoords;
+    }
+    /** Current event type */
+    get type() {
+        return this._type;
+    }
+    constructor(initialProps, canInit = true) {
+        super(initialProps, false);
+        this._container = selectOne(this.props.container);
+        if (!isElement(this._container) && !isWindow(this._container)) {
+            throw new Error('No container');
+        }
+        // set default vars
+        this._runtimeListeners = [];
+        this._pointerID = null;
+        this._coords = { x: 0, y: 0 };
+        this._prevCoords = { x: 0, y: 0 };
+        this._startCoords = { x: 0, y: 0 };
+        if (canInit) {
+            this.init();
+        }
+    }
+    _init() {
+        super._init();
+        this._setEvents();
+    }
+    /** Set dragger events */
+    _setEvents() {
+        this.addEventListener(this.container, 'mousedown', (event) => this._handleStart(event), { passive: this.props.isPassive });
+        this.addEventListener(this.container, 'touchstart', (event) => this._handleStart(event), { passive: this.props.isPassive });
+    }
+    /** Add runtime events */
+    _addRuntimeEvents() {
+        const { isPassive } = this.props;
+        this._runtimeListeners.push(addEventListener(window, 'mouseup', (event) => this.handleEnd(event), {
+            passive: isPassive,
+        }));
+        this._runtimeListeners.push(addEventListener(window, 'touchend', (event) => this.handleEnd(event), {
+            passive: isPassive,
+        }));
+        this._runtimeListeners.push(addEventListener(window, 'touchcancel', () => this.cancel(), {
+            passive: isPassive,
+        }));
+        this._runtimeListeners.push(addEventListener(window, 'blur', () => this.cancel(), {
+            passive: isPassive,
+        }));
+    }
+    /** Remove runtime events */
+    _removeRuntimeEvents() {
+        this._runtimeListeners.forEach((listener) => listener.remove());
+        this._runtimeListeners = [];
+    }
+    /** Get normalized event coordinates */
+    _getEventCoords(event) {
+        if (event.type.includes('touch')) {
+            const evt = event;
+            const touch = evt.targetTouches[0] || evt.changedTouches[0];
+            return {
+                x: touch.clientX,
+                y: touch.clientY,
+                pointerId: touch.identifier,
+            };
+        }
+        const evt = event;
+        return {
+            x: evt.clientX,
+            y: evt.clientY,
+            pointerId: null,
+        };
+    }
+    /** Event on drag start */
+    _handleStart(event) {
+        if (!this.props.isEnabled || this.isDragging) {
+            return false;
+        }
+        if (event.type === 'touchstart') {
+            this._type = 'touch';
+        }
+        else {
+            this._type = 'mouse';
+        }
+        if (event.type === 'mousedown') {
+            if (event.which === 1) {
+                event.stopPropagation();
+            }
+            else {
+                return false;
+            }
+        }
+        // update coordinates
+        const { x, y, pointerId } = this._getEventCoords(event);
+        this._coords = { x, y };
+        this._prevCoords = { x, y };
+        this._startCoords = { x, y };
+        this._pointerID = pointerId;
+        // add runtime events
+        this._addRuntimeEvents();
+        // launch callbacks
+        this.callbacks.tbt('start', {
+            event,
+            start: this.startCoords,
+            coords: this.coords,
+        });
+        return true;
+    }
+    /** Event on drag end */
+    handleEnd(event) {
+        if (this._handleEndTimeout) {
+            return;
+        }
+        this._handleEndTimeout = setTimeout(() => {
+            const { pointerId } = this._getEventCoords(event);
+            if (!this.isDragging || pointerId !== this.pointerID) {
+                return;
+            }
+            this._handleEnd(event);
+            this._handleEndTimeout = undefined;
+        }, 1);
+    }
+    /** Event on drag end */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _handleEnd(event) {
+        this.cancel();
+    }
+    /** Cancel dragging */
+    cancel() {
+        this._removeRuntimeEvents();
+        this.callbacks.tbt('end', undefined);
+    }
+    /** Destroy the module */
+    _destroy() {
+        this.cancel();
+        super._destroy();
+        this._removeRuntimeEvents();
+        if (this._handleEndTimeout) {
+            clearTimeout(this._handleEndTimeout);
+        }
+    }
+}
+//# sourceMappingURL=index.js.map

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

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

package/lib/esm/components/DraggerBase/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/components/DraggerBase/types.js.map

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

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

@@ -0,0 +1,33 @@
+import { DraggerBase } from '../DraggerBase';
+/**
+ * `Dragger` that detects swipe direction
+ */
+export class DraggerDirection extends DraggerBase {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { minLength: 75 });
+    }
+    /** Event on drag end */
+    _handleEnd(event) {
+        const { x, y } = this._getEventCoords(event);
+        const { startCoords } = this;
+        const min = Math.abs(this.props.minLength);
+        // up
+        if (startCoords.y > y && Math.abs(y - startCoords.y) >= min) {
+            this.callbacks.tbt('up', undefined);
+        }
+        // down
+        if (startCoords.y < y && Math.abs(y - startCoords.y) >= min) {
+            this.callbacks.tbt('down', undefined);
+        }
+        // left
+        if (startCoords.x > x && Math.abs(x - startCoords.x) >= min) {
+            this.callbacks.tbt('left', undefined);
+        }
+        // right
+        if (startCoords.x < x && Math.abs(x - startCoords.x) >= min) {
+            this.callbacks.tbt('right', undefined);
+        }
+        super._handleEnd(event);
+    }
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerDirection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAK3D;;GAEG;AACH,MAAM,OAAO,gBAIX,SAAQ,WAAyD;IACvD,gBAAgB;QACxB,uCACK,KAAK,CAAC,gBAAgB,EAAE,KAC3B,SAAS,EAAE,EAAE,IACb;IACJ,CAAC;IAED,wBAAwB;IACd,UAAU,CAAC,KAA0B;QAC7C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAC7B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAE3C,KAAK;QACL,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YAC3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;SACrC;QAED,OAAO;QACP,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YAC3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;SACvC;QAED,OAAO;QACP,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YAC3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;SACvC;QAED,QAAQ;QACR,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YAC3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SACxC;QAED,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;CACF"}

package/lib/esm/components/DraggerDirection/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/components/DraggerDirection/types.js.map

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

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

@@ -0,0 +1,86 @@
+import { addEventListener } from 'vevet-dom';
+import { DraggerBase } from '../DraggerBase';
+/**
+ * `Dragger` with 'move' callbacks
+ */
+export class DraggerMove extends DraggerBase {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { disablePointerEventsAt: false });
+    }
+    /** Move step */
+    get stepCoords() {
+        return {
+            x: this.coords.x - this.prevCoords.x,
+            y: this.coords.y - this.prevCoords.y,
+        };
+    }
+    /** Difference between start and current coords */
+    get diffCoords() {
+        return {
+            x: this.coords.x - this.startCoords.x,
+            y: this.coords.y - this.startCoords.y,
+        };
+    }
+    /** Add runtime events */
+    _addRuntimeEvents() {
+        super._addRuntimeEvents();
+        const { isPassive } = this.props;
+        this._runtimeListeners.push(addEventListener(window, 'mousemove', (event) => {
+            if (this.type === 'mouse') {
+                this._handleMove(event);
+            }
+        }, {
+            passive: isPassive,
+        }));
+        this._runtimeListeners.push(addEventListener(window, 'touchmove', (event) => {
+            if (this.type === 'touch') {
+                this._handleMove(event);
+            }
+        }, {
+            passive: isPassive,
+        }));
+    }
+    /** Event on move */
+    _handleMove(event) {
+        const { x, y, pointerId } = this._getEventCoords(event);
+        if (!this.isDragging || pointerId !== this.pointerID) {
+            return false;
+        }
+        // update coordinates
+        this.prevCoords = { x: this.coords.x, y: this.coords.y };
+        this.coords = { x, y };
+        // disable pointer events
+        this._togglePointerEvents(false);
+        // launch callbacks
+        this.callbacks.tbt('move', {
+            event,
+            start: this.startCoords,
+            coords: this.coords,
+            step: this.stepCoords,
+            diff: this.diffCoords,
+        });
+        return true;
+    }
+    /** Event on drag end */
+    _handleEnd(event) {
+        super._handleEnd(event);
+        this._togglePointerEvents(true);
+    }
+    _togglePointerEvents(isEnabledProp) {
+        if (typeof this.props.disablePointerEventsAt !== 'number') {
+            return;
+        }
+        if (!(this.container instanceof HTMLElement)) {
+            return;
+        }
+        const isEnabled = (Math.abs(this.diffCoords.x) < this.props.disablePointerEventsAt &&
+            Math.abs(this.diffCoords.y) < this.props.disablePointerEventsAt) ||
+            isEnabledProp;
+        this.container.style.pointerEvents = isEnabled ? '' : 'none';
+    }
+    /** Destroy the module */
+    _destroy() {
+        super._destroy();
+    }
+}
+//# sourceMappingURL=index.js.map

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

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

package/lib/esm/components/DraggerMove/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/components/DraggerMove/types.js.map

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

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

@@ -0,0 +1,135 @@
+import { selectOne } from 'vevet-dom';
+import PCancelable from 'p-cancelable';
+import { Component as ComponentClass } from '../../base/Component';
+import { normalizedTimeoutCallback } from '../../utils/common';
+/**
+ * Page preloader
+ */
+export class Preloader extends ComponentClass {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { container: `#${this.prefix}`, hideAnimation: 250 });
+    }
+    get prefix() {
+        return `${this.app.prefix}preloader`;
+    }
+    /** Preloader container */
+    get container() {
+        return this._container;
+    }
+    /** Preloader start time */
+    get startTime() {
+        return this._startTime;
+    }
+    /** Preloader end time */
+    get endTime() {
+        return this._endTime;
+    }
+    /**
+     * Total time of page loading before the preloader is to be hidden
+     */
+    get totalTime() {
+        return this.endTime - this.startTime;
+    }
+    /** Preloader is hidden */
+    get isHidden() {
+        return this._isHidden;
+    }
+    constructor(initialProps, canInit = true) {
+        super(initialProps, false);
+        // get preloader container
+        if (this.props.container) {
+            const container = selectOne(this.props.container);
+            if (container instanceof HTMLElement) {
+                this._container = container;
+                this.toggleClassName(container, this.className(''), true);
+            }
+        }
+        // set default vars
+        this._startTime = +new Date();
+        this._endTime = Infinity;
+        this._isToBeHidden = false;
+        this._isHidden = false;
+        if (canInit) {
+            this.init();
+        }
+    }
+    /** Init the class */
+    _init() {
+        super._init();
+        this._setEvents();
+    }
+    /** Set module event */
+    _setEvents() {
+        const loadEvent = this._onLoaded();
+        loadEvent
+            .then(() => {
+            if (this.isDestroyed) {
+                return;
+            }
+            this._endTime = +new Date();
+            this._handleLoaded();
+        })
+            .catch(() => { });
+        this.addDestroyableAction(() => loadEvent.cancel());
+    }
+    /** Catch the moment when the page is fully loaded */
+    _onLoaded() {
+        return this.app.onPageLoad();
+    }
+    /** When the page is fully loaded */
+    _handleLoaded() {
+        this.callbacks.tbt('loaded', undefined);
+        // hide the preloader
+        if (typeof this.props.hideAnimation !== 'boolean') {
+            this.hide();
+        }
+    }
+    /** Hide the preloader */
+    hide(duration = typeof this.props.hideAnimation !== 'boolean'
+        ? this.props.hideAnimation
+        : 250) {
+        this._isToBeHidden = true;
+        this.callbacks.tbt('hide', undefined);
+        return new PCancelable((resolve) => {
+            const container = this._container;
+            // if container is not to be hidden
+            if (!container) {
+                this._handleHidden();
+                resolve();
+                return;
+            }
+            // if need to hide the container
+            container.style.transition = `opacity ${duration}ms, visibility ${duration}ms`;
+            container.style.opacity = '0';
+            container.style.visibility = 'hidden';
+            const timeout = normalizedTimeoutCallback(() => {
+                container.style.display = 'none';
+                this._handleHidden();
+                resolve();
+            }, duration);
+            this.addDestroyableAction(() => timeout.clear());
+        });
+    }
+    /** Handle the moment when the preloader is hidden */
+    _handleHidden() {
+        this._isHidden = true;
+        this.callbacks.tbt('hidden', undefined);
+    }
+    /** Callback for the moment when the preloader starts hiding */
+    onHide(action) {
+        if (this._isToBeHidden) {
+            action();
+            return undefined;
+        }
+        return this.addCallback('hide', (() => action()));
+    }
+    /** Callback for the moment when the preloader is hidden */
+    onHidden(action) {
+        if (this._isHidden) {
+            action();
+            return undefined;
+        }
+        return this.addCallback('hidden', (() => action()));
+    }
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Preloader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAI3D;;GAEG;AACH,MAAM,OAAO,SAIX,SAAQ,cAA4D;IAC1D,gBAAgB;QACxB,uCACK,KAAK,CAAC,gBAAgB,EAAE,KAC3B,SAAS,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAC5B,aAAa,EAAE,GAAG,IAClB;IACJ,CAAC;IAED,IAAI,MAAM;QACR,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,WAAW,CAAC;IACvC,CAAC;IAKD,0BAA0B;IAC1B,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAKD,2BAA2B;IAC3B,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAKD,yBAAyB;IACzB,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED;;OAEG;IACH,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;IACvC,CAAC;IAQD,0BAA0B;IAC1B,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,YAAY,YAA4C,EAAE,OAAO,GAAG,IAAI;QACtE,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QAE3B,0BAA0B;QAC1B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAElD,IAAI,SAAS,YAAY,WAAW,EAAE;gBACpC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;gBAC5B,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;aAC3D;SACF;QAED,mBAAmB;QACnB,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;QAC9B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QAEvB,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAED,qBAAqB;IACX,KAAK;QACb,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,uBAAuB;IACb,UAAU;QAClB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAEnC,SAAS;aACN,IAAI,CAAC,GAAG,EAAE;YACT,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,OAAO;aACR;YAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;YAC5B,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAEnB,IAAI,CAAC,oBAAoB,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;IACtD,CAAC;IAED,qDAAqD;IAC3C,SAAS;QACjB,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IAC/B,CAAC;IAED,oCAAoC;IAC5B,aAAa;QACnB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAExC,qBAAqB;QACrB,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS,EAAE;YACjD,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAED,yBAAyB;IAClB,IAAI,CACT,QAAQ,GAAG,OAAO,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS;QACtD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa;QAC1B,CAAC,CAAC,GAAG;QAEP,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAEtC,OAAO,IAAI,WAAW,CAAC,CAAC,OAA8B,EAAE,EAAE;YACxD,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;YAElC,mCAAmC;YACnC,IAAI,CAAC,SAAS,EAAE;gBACd,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrB,OAAO,EAAE,CAAC;gBAEV,OAAO;aACR;YAED,gCAAgC;YAChC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,QAAQ,kBAAkB,QAAQ,IAAI,CAAC;YAC/E,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;YAC9B,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YAEtC,MAAM,OAAO,GAAG,yBAAyB,CAAC,GAAG,EAAE;gBAC7C,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBAEjC,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrB,OAAO,EAAE,CAAC;YACZ,CAAC,EAAE,QAAQ,CAAC,CAAC;YAEb,IAAI,CAAC,oBAAoB,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,qDAAqD;IAC7C,aAAa;QACnB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC1C,CAAC;IAED,+DAA+D;IACxD,MAAM,CAAC,MAAkB;QAC9B,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,MAAM,EAAE,CAAC;YAET,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAQ,CAAC,CAAC;IAC3D,CAAC;IAED,2DAA2D;IACpD,QAAQ,CAAC,MAAkB;QAChC,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,MAAM,EAAE,CAAC;YAET,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAQ,CAAC,CAAC;IAC7D,CAAC;CACF"}

package/lib/esm/components/Preloader/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/components/Preloader/types.js.map

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