vevet 2.17.0 → 3.0.0-beta.1

package/lib/esm/base/Module/index.js

@@ -0,0 +1,200 @@
+import { addEventListener, } from 'vevet-dom';
+import { MutableProps } from '../MutableProps';
+import { Callbacks } from '../Callbacks';
+import { mergeWithoutArrays } from '../../utils/common';
+/**
+ * Module base
+ */
+export class Module {
+    /**
+     * Get Default properties (should be extended)
+     */
+    _getDefaultProps() {
+        return { parent: null };
+    }
+    /** Current properties */
+    get props() {
+        return this._mutableProps.props;
+    }
+    /** Module Callbacks */
+    get callbacks() {
+        return this._callbacks;
+    }
+    /** Vevet Application */
+    get app() {
+        return this._app;
+    }
+    /** Module name */
+    get name() {
+        return this.constructor.name;
+    }
+    /** Module prefix */
+    get prefix() {
+        return '';
+    }
+    /** The module is initialized */
+    get isInitialized() {
+        return this._isInitialized;
+    }
+    /** The module is destroyed */
+    get isDestroyed() {
+        return this._isDestroyed;
+    }
+    /**
+     * @example
+     *
+     * interface IStaticProps extends NModule.IStaticProps {
+     *   staticName: 'My name';
+     * }
+  
+     * interface IChangeableProps extends NModule.IChangeableProps {
+     *   weight: number;
+     *   height: number;
+     * }
+  
+     * interface ICallbacks extends NModule.ICallbacksTypes {}
+  
+     * const module = new Module<IStaticProps, IChangeableProps, ICallbacks>(
+     *   {
+     *     staticName: 'My name',
+     *     weight: 70,
+     *     height: 175,
+     *   },
+     *   false
+     * );
+  
+     * module.addResponsiveProps({
+     *   breakpoint: 'viewport_phone',
+     *   settings: {
+     *     weight: 80,
+     *   },
+     * });
+  
+     * module.init();
+  
+     * module.addCallback('propsMutate', () => console.log('mutate props'));
+  
+     * module.addCallback('destroy', () => console.log('destroy'));
+     */
+    constructor(
+    /** Initial properties */
+    initialProps, 
+    /**
+     * Defines if you need to call {@linkcode Module.init} at the constructor's end.
+     * If you want to add responsive properties, set this parameter to `false`.
+     */
+    canInit = true) {
+        /** The module is initialized */
+        this._isInitialized = false;
+        /** The module is destroyed */
+        this._isDestroyed = false;
+        if (window.vevetApp) {
+            this._app = window.vevetApp;
+        }
+        else {
+            throw new Error('Vevet.Application does not exist yet. Call "new Vevet.Application()" before using all the stuff');
+        }
+        this._callbacks = new Callbacks();
+        this._listeners = [];
+        this._destroyableActions = [];
+        this._classNamesToRemove = [];
+        const props = mergeWithoutArrays(this._getDefaultProps(), initialProps || {});
+        this._mutableProps = new MutableProps(props, () => this._onPropsMutate(), this.name);
+        if (canInit) {
+            this.init();
+        }
+    }
+    /** Add responsive rules */
+    addResponsiveProps(rules) {
+        if (this.isInitialized) {
+            throw new Error('Responsive properties cannot be added after `init` is called');
+        }
+        else {
+            this._mutableProps.addResponsiveProps(rules);
+        }
+    }
+    /** Change module properties */
+    changeProps(props) {
+        if (this.isDestroyed) {
+            return;
+        }
+        this._mutableProps.changeProps(props);
+        this._callbacks.tbt('propsChange', undefined);
+    }
+    /**
+     * This method is called on properties change
+     */
+    _onPropsMutate() {
+        this._callbacks.tbt('propsMutate', undefined);
+    }
+    /** Initializes the class */
+    init() {
+        if (this.isInitialized) {
+            return;
+        }
+        this._isInitialized = true;
+        this._init();
+        // destroy the current module on parent destroy
+        if (this.props.parent) {
+            this.props.parent.addCallback('destroy', () => this.destroy(), {
+                isProtected: true,
+                name: this.name,
+            });
+        }
+    }
+    /** Inner extra initialization */
+    _init() { }
+    /** Add destroyable actions */
+    addDestroyableAction(action) {
+        this._destroyableActions.push(action);
+    }
+    /**
+     * Add a viewport callback that will be removed on class destroy
+     */
+    addViewportCallback(target, action, data = {}) {
+        const callback = this._app.viewport.add(target, action, Object.assign(Object.assign({}, data), { name: this.constructor.name }));
+        this.addDestroyableAction(() => callback.remove());
+    }
+    /** Add a module callback */
+    addCallback(target, action, settings = {}) {
+        return this.callbacks.add(target, action, settings);
+    }
+    /** Add a DOM event listener */
+    addEventListener(el, target, callback, options) {
+        const listener = addEventListener(el, target, callback, options);
+        this._listeners.push(listener);
+        return Object.assign(Object.assign({}, listener), { remove: () => {
+                this._listeners = this._listeners.filter((item) => item.id !== listener.id);
+                return listener.remove();
+            } });
+    }
+    className(...classNames) {
+        return classNames.map((value) => `${this.prefix}${value}`).join(' ');
+    }
+    /** Toggle classList */
+    toggleClassName(element, className, isActive) {
+        const isAlreadyExists = element.classList.contains(className);
+        element.classList.toggle(className, isActive);
+        if (!isAlreadyExists) {
+            this._classNamesToRemove.push({ element, className });
+        }
+    }
+    /** Destroy the module */
+    destroy() {
+        if (this.isDestroyed) {
+            return;
+        }
+        this._destroy();
+    }
+    /** Destroy the module */
+    _destroy() {
+        this._callbacks.tbt('destroy', undefined);
+        this._callbacks.destroy();
+        this._mutableProps.destroy();
+        this._destroyableActions.forEach((action) => action());
+        this._listeners.forEach((listener) => listener.remove());
+        this._classNamesToRemove.forEach(({ element, className }) => element.classList.remove(className));
+        this._isDestroyed = true;
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/base/Module/index.js.map

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

package/lib/esm/base/Module/types.js

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

package/lib/esm/base/Module/types.js.map

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

package/lib/esm/base/MutableProps/index.js

@@ -0,0 +1,168 @@
+import { mergeWithoutArrays } from '../../utils/common';
+/**
+ * A class for creating mutable properties that can change on window resize. <br><br>
+ *
+ * There are two ways to change properties:
+ * - To set a resize-listener on window (or use {@linkcode Viewport}).
+ * When the window is resized, change the properties with the help of
+ * {@linkcode MutableProps.changeProps}
+ *
+ * - The second way is to use the MutableProps and add responsive properties
+ * with help of {@linkcode MutableProps.addResponsiveProps}.
+ *
+ * @example
+ *
+ * interface IStatic {
+ *   static: string;
+ * }
+
+ * interface IChangeable {
+ *   changeable: string;
+ * }
+
+ * const props = new MutableProps<IStatic, IChangeable>({
+ *   static: '',
+ *   changeable: 'something',
+ * });
+
+ * props.addResponsiveProps({
+ *   breakpoint: 'viewport_phone',
+ *   settings: {
+ *     changeable: 'phone',
+ *   },
+ * });
+
+ * props.changeProps({ changeable: 'changed' });
+ */
+export class MutableProps {
+    /**
+     * Get current properties
+     */
+    get props() {
+        return this._props;
+    }
+    /**
+     * @example
+     *
+     * const static = {
+     *   myProp: true,
+     * };
+     *
+     * const responsive = [
+     *   {
+     *     breakpoint: 'm',
+     *     settings: {
+     *       myProp: false
+     *     }
+     *   }
+     * ];
+     *
+     * const props = new MutableProps(static, responsive);
+     */
+    constructor(
+    /**
+     * The properties that were set while initialization.
+     * These properties will nevet change.
+     */
+    _initProps, 
+    /**
+     * A callback that is launched when properties are changed
+     */
+    _onMutate = () => { }, 
+    /**
+     * Name of the responsive properties.
+     */
+    _name = 'Responsive Props') {
+        this._initProps = _initProps;
+        this._onMutate = _onMutate;
+        this._name = _name;
+        /**
+         * A set of responsive rules
+         */
+        this._responsiveRules = [];
+        this._app = window.vevetApp;
+        this._refProps = mergeWithoutArrays({}, _initProps);
+        this._props = mergeWithoutArrays({}, _initProps);
+        this._activeBreakpoints = [];
+    }
+    /**
+     * Add responsive rules
+     */
+    addResponsiveProps(rules) {
+        this._responsiveRules.push(rules);
+        this._responseProps();
+        if (typeof this._viewportCallback !== 'undefined') {
+            return;
+        }
+        this._viewportCallback = this._app.viewport.add('width', this._responseProps.bind(this), { name: this._name });
+    }
+    /**
+     * Change properties according to the "responsive" settings
+     */
+    _responseProps() {
+        const app = this._app;
+        const { viewport } = app;
+        let newProps = false;
+        const statProp = mergeWithoutArrays({}, this._refProps);
+        const prevActiveBreakpointsString = [...this._activeBreakpoints].join('_');
+        this._activeBreakpoints = [];
+        // go through all breakpoints
+        // and check if a proper breakpoint exists
+        this._responsiveRules.forEach(({ settings, breakpoint }) => {
+            if (typeof breakpoint === 'number') {
+                if (viewport.width <= breakpoint) {
+                    this._activeBreakpoints.push(breakpoint);
+                    newProps = mergeWithoutArrays(statProp, settings);
+                }
+            }
+            else if (typeof breakpoint === 'string') {
+                // viewport size
+                if ((breakpoint === 'viewport_desktop' && viewport.isDesktop) ||
+                    (breakpoint === 'viewport_tablet' && viewport.isTablet) ||
+                    (breakpoint === 'viewport_phone' && viewport.isPhone)) {
+                    this._activeBreakpoints.push(breakpoint);
+                    newProps = mergeWithoutArrays(statProp, settings);
+                }
+                // device type
+                if ((breakpoint === 'device_phone' && app.isPhone) ||
+                    (breakpoint === 'device_tablet' && app.isTablet) ||
+                    (breakpoint === 'device_mobile' && app.isMobile)) {
+                    this._activeBreakpoints.push(breakpoint);
+                    newProps = mergeWithoutArrays(statProp, settings);
+                }
+            }
+        });
+        // check if properties really changed
+        const activeBreakpointsString = this._activeBreakpoints.join('_');
+        const isPropsChanged = activeBreakpointsString !== prevActiveBreakpointsString;
+        // if there's no breakpoint, restore the props
+        if (!newProps) {
+            this._props = mergeWithoutArrays(this._props, this._refProps);
+        }
+        else {
+            // otherwise, change the properties
+            this._props = mergeWithoutArrays(this._props, newProps);
+        }
+        // callback
+        if (isPropsChanged) {
+            this._onMutate();
+        }
+    }
+    /**
+     * This method allows you to change the properties manually.
+     */
+    changeProps(props) {
+        this._props = mergeWithoutArrays(this._props, props);
+        this._refProps = mergeWithoutArrays(this._refProps, props);
+        this._onMutate();
+    }
+    /**
+     * Destroy the responsive properties.
+     */
+    destroy() {
+        if (this._viewportCallback) {
+            this._viewportCallback.remove();
+        }
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/base/MutableProps/index.js.map

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

package/lib/esm/base/MutableProps/types.js

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

package/lib/esm/base/MutableProps/types.js.map

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

package/lib/esm/base/Plugin/index.js

@@ -0,0 +1,22 @@
+import { Module } from '../Module';
+/**
+ * A class for Plugins.
+ */
+export class Plugin extends Module {
+    constructor(initialProps) {
+        super(initialProps, false);
+    }
+    get component() {
+        return this._component;
+    }
+    set component(value) {
+        this._component = value;
+    }
+    init() {
+        if (!this.component) {
+            throw new Error('Component is unknown. Be sure that `plugin.component` is non-nullable.');
+        }
+        super.init();
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/base/Plugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/base/Plugin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAKnC;;GAEG;AACH,MAAM,OAAgB,MAKpB,SAAQ,MAAoD;IAC5D,YAAY,YAA4C;QACtD,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC;IAID,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,IAAI,SAAS,CAAC,KAAK;QACjB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAEM,IAAI;QACT,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACnB,MAAM,IAAI,KAAK,CACb,wEAAwE,CACzE,CAAC;SACH;QAED,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;CACF"}

package/lib/esm/base/Plugin/types.js

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

package/lib/esm/base/Plugin/types.js.map

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

package/lib/esm/base/index.js

@@ -0,0 +1,6 @@
+export * from './Callbacks';
+export * from './Component';
+export * from './Module';
+export * from './MutableProps';
+export * from './Plugin';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1,144 @@
+import { Component as ComponentClass } from '../../base/Component';
+/**
+ * Launch an animation frame with a certain FPS
+ */
+export class AnimationFrame extends ComponentClass {
+    _getDefaultProps() {
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { fps: 'auto', autoFpsFrames: 50, isEnabled: false });
+    }
+    get isPlaying() {
+        return this._isPlaying;
+    }
+    /** Computed real time fps */
+    get computedFPS() {
+        return this._computedFPS;
+    }
+    /** Coefficient of standard fps (60) divided by computed fps */
+    get easeMultiplier() {
+        return 60 / this.computedFPS;
+    }
+    constructor(initialProps, canInit = true) {
+        super(initialProps, false);
+        this._isPlaying = false;
+        this._frame = null;
+        this._frameIndex = -1;
+        this._firstFrameTime = null;
+        this._lastFrameTime = null;
+        this._frameDurations = [];
+        this._computedFPS = this.props.fps !== 'auto' ? this.props.fps : 60;
+        if (canInit) {
+            this.init();
+        }
+    }
+    _init() {
+        super._init();
+        if (this.props.isEnabled) {
+            this.play();
+        }
+    }
+    _onPropsMutate() {
+        super._onPropsMutate();
+        this._frameIndex = -1;
+        this._firstFrameTime = null;
+        this._lastFrameTime = null;
+        if (this.props.isEnabled) {
+            this._play();
+        }
+        else {
+            this._pause();
+        }
+    }
+    /** Play animation */
+    play() {
+        if (this.isDestroyed) {
+            return;
+        }
+        if (this.props.isEnabled) {
+            return;
+        }
+        this.changeProps({ isEnabled: true });
+    }
+    /** Play animation */
+    _play() {
+        if (this.isPlaying) {
+            return;
+        }
+        this._isPlaying = true;
+        this.callbacks.tbt('play', undefined);
+        this.callbacks.tbt('toggle', undefined);
+        this._frame = window.requestAnimationFrame(this._animate.bind(this));
+    }
+    /** Pause animation */
+    pause() {
+        if (!this.props.isEnabled) {
+            return;
+        }
+        this.changeProps({ isEnabled: false });
+    }
+    /** Pause animation */
+    _pause() {
+        if (!this.isPlaying) {
+            return;
+        }
+        if (this._frame) {
+            window.cancelAnimationFrame(this._frame);
+            this._frame = null;
+        }
+        this._isPlaying = false;
+        this.callbacks.tbt('pause', undefined);
+        this.callbacks.tbt('toggle', undefined);
+    }
+    /** Launch the animation frame */
+    _animate() {
+        if (!this._isPlaying) {
+            return;
+        }
+        this._frame = window.requestAnimationFrame(this._animate.bind(this));
+        // update time
+        const startTime = +new Date();
+        if (this._firstFrameTime === null) {
+            this._firstFrameTime = startTime;
+        }
+        // calculate frame index
+        const minFrameDuration = this.props.fps === 'auto' ? 1 : 1000 / this.props.fps;
+        const newFrameIndex = Math.floor((startTime - this._firstFrameTime) / minFrameDuration);
+        // break if frame index the same
+        if (newFrameIndex <= this._frameIndex) {
+            return;
+        }
+        // update frame index
+        this._frameIndex = newFrameIndex;
+        // compute fps
+        this._computeFPS(startTime);
+        // launch callbacks
+        this.callbacks.tbt('frame', undefined);
+        // update vars
+        this._lastFrameTime = startTime;
+    }
+    /** Compute real-time FPS */
+    _computeFPS(startTime) {
+        var _a;
+        const lastFrameDuration = startTime - ((_a = this._lastFrameTime) !== null && _a !== void 0 ? _a : startTime);
+        // skip frames that seem not real
+        if (lastFrameDuration <= 0 || lastFrameDuration > 250) {
+            return;
+        }
+        this._frameDurations.push(lastFrameDuration);
+        if (this._frameDurations.length < this.props.autoFpsFrames) {
+            return;
+        }
+        const totalFramesDuration = this._frameDurations.reduce((prev, curr) => prev + curr);
+        const approximateFrameDuration = totalFramesDuration / this._frameDurations.length;
+        const computedFPS = Math.floor(1000 / approximateFrameDuration);
+        const normalizedFPS = Math.round(computedFPS / 10) * 10;
+        this._computedFPS = normalizedFPS;
+        // clear durations
+        this._frameDurations = [];
+    }
+    /** Destroy the animation frame */
+    _destroy() {
+        this.pause();
+        super._destroy();
+    }
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AnimationFrame/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAK/D;;GAEG;AACH,MAAM,OAAO,cAIX,SAAQ,cAA4D;IAC1D,gBAAgB;QACxB,uCACK,KAAK,CAAC,gBAAgB,EAAE,KAC3B,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,EAAE,EACjB,SAAS,EAAE,KAAK,IAChB;IACJ,CAAC;IAKD,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAoBD,6BAA6B;IAC7B,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,+DAA+D;IAC/D,IAAI,cAAc;QAChB,OAAO,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC;IAC/B,CAAC;IAED,YAAY,YAA4C,EAAE,OAAO,GAAG,IAAI;QACtE,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QAE3B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QAEpE,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAES,KAAK;QACb,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAES,cAAc;QACtB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAE3B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;aAAM;YACL,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;IACH,CAAC;IAED,qBAAqB;IACd,IAAI;QACT,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,OAAO;SACR;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,OAAO;SACR;QAED,IAAI,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,IAAI,EAAqB,CAAC,CAAC;IAC3D,CAAC;IAED,qBAAqB;IACb,KAAK;QACX,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO;SACR;QAED,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAEvB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QACtC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAExC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACvE,CAAC;IAED,sBAAsB;IACf,KAAK;QACV,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACzB,OAAO;SACR;QAED,IAAI,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAqB,CAAC,CAAC;IAC5D,CAAC;IAED,sBAAsB;IACd,MAAM;QACZ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACnB,OAAO;SACR;QAED,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACzC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;SACpB;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACvC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC1C,CAAC;IAED,iCAAiC;IACzB,QAAQ;QACd,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO;SACR;QAED,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAErE,cAAc;QACd,MAAM,SAAS,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;QAC9B,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,EAAE;YACjC,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;SAClC;QAED,wBAAwB;QACxB,MAAM,gBAAgB,GACpB,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QACxD,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAC9B,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,gBAAgB,CACtD,CAAC;QAEF,gCAAgC;QAChC,IAAI,aAAa,IAAI,IAAI,CAAC,WAAW,EAAE;YACrC,OAAO;SACR;QAED,qBAAqB;QACrB,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC;QAEjC,cAAc;QACd,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAE5B,mBAAmB;QACnB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAEvC,cAAc;QACd,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;IAClC,CAAC;IAED,4BAA4B;IACpB,WAAW,CAAC,SAAiB;;QACnC,MAAM,iBAAiB,GAAG,SAAS,GAAG,CAAC,MAAA,IAAI,CAAC,cAAc,mCAAI,SAAS,CAAC,CAAC;QAEzE,iCAAiC;QACjC,IAAI,iBAAiB,IAAI,CAAC,IAAI,iBAAiB,GAAG,GAAG,EAAE;YACrD,OAAO;SACR;QAED,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAE7C,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YAC1D,OAAO;SACR;QAED,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CACrD,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,IAAI,CAC5B,CAAC;QAEF,MAAM,wBAAwB,GAC5B,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;QAEpD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,wBAAwB,CAAC,CAAC;QAChE,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;QAExD,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC;QAElC,kBAAkB;QAClB,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;IAC5B,CAAC;IAED,kCAAkC;IACxB,QAAQ;QAChB,IAAI,CAAC,KAAK,EAAE,CAAC;QAEb,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnB,CAAC;CACF"}

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

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

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

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