vevet 3.20.0 → 4.0.0-beta.1

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

@@ -1,102 +1,76 @@
 import { getApp } from '../../utils/internal/getApp';
 /**
- * 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}.
+ * A class for managing mutable properties that can change based on window size (responsive design).
+ * This allows certain properties to update dynamically when the window is resized or in response to manual changes.
  *
  * @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
+     * Initializes the `MutableProps` instance with static and changeable properties,
+     * and sets up a mutation callback to be called when properties change.
      *
-     * const static = {
-     *   myProp: true,
-     * };
-     *
-     * const responsive = [
-     *   {
-     *     breakpoint: 'm',
-     *     settings: {
-     *       myProp: false
-     *     }
-     *   }
-     * ];
-     *
-     * const props = new MutableProps(static, responsive);
+     * @param initProps - Initial properties, including both static and changeable properties.
+     * @param _onMutate - Callback function triggered whenever the properties change.
+     * @param _name - The name used to identify the set of responsive properties.
      */
-    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;
+    constructor(initProps, _onMutate = () => { }, _name = 'Responsive Props') {
         this._onMutate = _onMutate;
         this._name = _name;
         /**
-         * A set of responsive rules
+         * A set of responsive rules defining how properties should change based on viewport size or device type.
+         * Each rule is defined by a breakpoint and corresponding property settings.
          */
         this._responsiveRules = [];
-        this._refProps = Object.assign({}, _initProps);
-        this._props = Object.assign({}, _initProps);
+        this._refProps = Object.assign({}, initProps);
+        this._props = Object.assign({}, initProps);
         this._activeBreakpoints = [];
     }
     /**
-     * Add responsive rules
+     * Retrieves the current properties.
+     * These may change either due to responsive rules or through manual updates.
+     */
+    get props() {
+        return this._props;
+    }
+    /**
+     * Adds responsive rules that define how the properties should change based on viewport breakpoints.
+     *
+     * @param rules - Responsive rules specifying breakpoints and corresponding property settings.
      */
     addResponsiveProps(rules) {
         this._responsiveRules.push(rules);
         this._responseProps();
-        if (typeof this._viewportCallback !== 'undefined') {
+        if (this._viewportCallback) {
             return;
         }
         this._viewportCallback = getApp().viewport.callbacks.add('width', this._responseProps.bind(this), { name: this._name });
     }
     /**
-     * Change properties according to the "responsive" settings
+     * Handles updating the properties based on the current viewport size.
+     * It checks all responsive rules and applies the appropriate settings for active breakpoints.
      */
     _responseProps() {
         const app = getApp();
@@ -105,8 +79,7 @@ export class MutableProps {
         const statProp = Object.assign({}, this._refProps);
         const prevActiveBreakpointsString = [...this._activeBreakpoints].join('_');
         this._activeBreakpoints = [];
-        // go through all breakpoints
-        // and check if a proper breakpoint exists
+        // Evaluate each responsive rule to see if it should be applied
         this._responsiveRules.forEach(({ settings, breakpoint }) => {
             if (typeof breakpoint === 'number') {
                 if (viewport.width <= breakpoint) {
@@ -142,13 +115,15 @@ export class MutableProps {
             // otherwise, change the properties
             this._props = Object.assign(Object.assign({}, this._props), newProps);
         }
-        // callback
+        // Call the mutation callback if properties have changed
         if (isPropsChanged) {
             this._onMutate();
         }
     }
     /**
-     * This method allows you to change the properties manually.
+     * Manually changes the properties. The updated properties persist and trigger the mutation callback.
+     *
+     * @param props - A partial set of changeable properties to be updated.
      */
     changeProps(props) {
         this._props = Object.assign(Object.assign({}, this._props), props);
@@ -156,7 +131,7 @@ export class MutableProps {
         this._onMutate();
     }
     /**
-     * Destroy the responsive properties.
+     * Cleans up and destroys the responsive properties.
      */
     destroy() {
         if (this._viewportCallback) {

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

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

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

@@ -1,17 +1,36 @@
 import { Module } from '../Module';
 /**
- * A class for Plugins.
+ * A base abstract class for Plugins that extend the functionality of components.
+ * A plugin is designed to attach to a component and modify or enhance its behavior.
+ * It inherits from the {@link Module} class and adds functionality to work with a component.
  */
 export class Plugin extends Module {
+    /**
+     * Constructs the plugin.
+     *
+     * @param initialProps - Initial static and changeable properties for the plugin.
+     */
     constructor(initialProps) {
         super(initialProps, false);
     }
+    /**
+     * Retrieves the component to which this plugin is attached.
+     */
     get component() {
         return this._component;
     }
+    /**
+     * Sets the component for this plugin. This method is called by the parent component when the plugin is added.
+     */
     set component(value) {
         this._component = value;
     }
+    /**
+     * Initializes the plugin and ensures it is properly associated with a component.
+     * If the component is not set before calling `init`, it throws an error.
+     *
+     * @throws {Error} If `component` is not set.
+     */
     init() {
         if (!this.component) {
             throw new Error('Component is unknown. Be sure that `plugin.component` is non-nullable.');

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

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/base/Plugin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAKnC;;;;GAIG;AACH,MAAM,OAAgB,MAKpB,SAAQ,MAAoD;IAC5D;;;;OAIG;IACH,YAAY,YAA4C;QACtD,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC;IAQD;;OAEG;IACH,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,IAAI,SAAS,CAAC,KAAK;QACjB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACI,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/components/AnimationFrame/index.js

@@ -1,20 +1,22 @@
 import { Component as ComponentClass } from '../../base/Component';
 /**
- * Launch an animation frame with a certain FPS
+ * Launches an animation frame with a specified FPS, allowing
+ * control over playback and FPS calculations in real-time.
  */
 export class AnimationFrame extends ComponentClass {
     _getDefaultProps() {
         return Object.assign(Object.assign({}, super._getDefaultProps()), { fps: 'auto', autoFpsFrames: 10, isEnabled: false });
     }
+    /** Returns the current playback state of the animation frame */
     get isPlaying() {
         return this._isPlaying;
     }
-    /** Computed real time fps */
+    /** Returns the current computed FPS, which may differ from the set FPS */
     get computedFPS() {
         return this._computedFPS;
     }
-    /** Coefficient of standard fps (60) divided by computed fps */
-    get easeMultiplier() {
+    /** Coefficient that scales based on a target of 60 FPS compared to the computed FPS */
+    get fpsMultiplier() {
         return 60 / this.computedFPS;
     }
     constructor(initialProps, canInit = true) {
@@ -33,7 +35,7 @@ export class AnimationFrame extends ComponentClass {
     _init() {
         super._init();
         if (this.props.isEnabled) {
-            this.play();
+            this._play();
         }
     }
     _onPropsMutate() {
@@ -48,7 +50,7 @@ export class AnimationFrame extends ComponentClass {
             this._pause();
         }
     }
-    /** Play animation */
+    /** Begins the animation loop */
     play() {
         if (this.isDestroyed) {
             return;
@@ -58,7 +60,7 @@ export class AnimationFrame extends ComponentClass {
         }
         this.changeProps({ isEnabled: true });
     }
-    /** Play animation */
+    /** Internal method to start the animation loop */
     _play() {
         if (this.isPlaying) {
             return;
@@ -68,14 +70,14 @@ export class AnimationFrame extends ComponentClass {
         this.callbacks.tbt('toggle', undefined);
         this._raf = window.requestAnimationFrame(this._animate.bind(this));
     }
-    /** Pause animation */
+    /** Pauses the animation loop */
     pause() {
         if (!this.props.isEnabled) {
             return;
         }
         this.changeProps({ isEnabled: false });
     }
-    /** Pause animation */
+    /** Internal method to pause the animation loop */
     _pause() {
         if (!this.isPlaying) {
             return;
@@ -88,38 +90,30 @@ export class AnimationFrame extends ComponentClass {
         this.callbacks.tbt('pause', undefined);
         this.callbacks.tbt('toggle', undefined);
     }
-    /** Launch the animation frame */
+    /** Handles each frame of the animation, calculates FPS, and triggers callbacks */
     _animate() {
         if (!this._isPlaying) {
             return;
         }
         this._raf = window.requestAnimationFrame(this._animate.bind(this));
-        // update time
         const startTime = Date.now();
         if (this._rafFirst === null) {
             this._rafFirst = startTime;
         }
-        // calculate frame index
         const minFrameDuration = this.props.fps === 'auto' ? 1 : 1000 / this.props.fps;
         const newFrameIndex = Math.floor((startTime - this._rafFirst) / minFrameDuration);
-        // break if frame index the same
         if (newFrameIndex <= this._rafIndex) {
             return;
         }
-        // update frame index
         this._rafIndex = newFrameIndex;
-        // compute fps
         this._computeFPS(startTime);
-        // launch callbacks
         this.callbacks.tbt('frame', undefined);
-        // update vars
         this._rafLast = startTime;
     }
-    /** Compute real-time FPS */
+    /** Computes the real-time FPS based on the duration between frames */
     _computeFPS(startTime) {
         var _a;
         const lastFrameDuration = startTime - ((_a = this._rafLast) !== null && _a !== void 0 ? _a : startTime);
-        // skip frames that seem not real
         if (lastFrameDuration <= 0 || lastFrameDuration > 250) {
             return;
         }
@@ -132,10 +126,9 @@ export class AnimationFrame extends ComponentClass {
         const computedFPS = Math.floor(1000 / approximateFrameDuration);
         const normalizedFPS = Math.round(computedFPS / 10) * 10;
         this._computedFPS = normalizedFPS;
-        // clear durations
         this._durations = [];
     }
-    /** Destroy the animation frame */
+    /** Destroys the animation frame and stops the loop */
     _destroy() {
         this.pause();
         super._destroy();

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

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

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

@@ -2,50 +2,53 @@ import { Component as ComponentClass } from '../../base/Component';
 import { onResize } from '../../utils/listeners/onResize';
 import { getApp } from '../../utils/internal/getApp';
 /**
- * Makes working with canvas easier.
- * It creates an HTML5 Canvas element and its 2d context and can
- * implement automatic resize.
+ * A class that simplifies working with an HTML5 Canvas element and its 2D context.
+ * It can handle automatic resizing and provides helper methods for rendering and managing canvas properties.
  */
 export class Ctx2D extends ComponentClass {
+    /** @inheritDoc */
     _getDefaultProps() {
         return Object.assign(Object.assign({}, super._getDefaultProps()), { container: false, shouldAppend: true, hasInitialResize: true, hasResize: false, viewportTarget: 'any', resizeDebounce: 0, width: 'auto', height: 'auto', dpr: 'auto' });
     }
-    /** The parent element of the canvas */
+    /** The parent element of the canvas used to calculate size */
     get container() {
         return this.props.container;
     }
-    /** The Canvas element itself */
+    /** Returns the current canvas element */
     get canvas() {
         return this._canvas;
     }
-    /** 2D Context */
+    /** Returns the 2D rendering context */
     get ctx() {
         return this._ctx;
     }
-    /* Canvas width (with DPR) */
+    /** Returns the current width of the canvas (with DPR applied) */
     get width() {
         return this._width;
     }
-    /* Canvas width (without DPR) */
+    /** Returns the width of the canvas without the device pixel ratio (DPR) */
     get clientWidth() {
         return this.width / this.dpr;
     }
-    /* Canvas height (with DPR) */
+    /** Returns the current height of the canvas (with DPR applied) */
     get height() {
         return this._height;
     }
-    /* Canvas height (without DPR) */
+    /** Returns the height of the canvas without the device pixel ratio (DPR) */
     get clientHeight() {
         return this.height / this.dpr;
     }
-    /** Device pixel ratio */
+    /** Returns the current device pixel ratio (DPR) */
     get dpr() {
         return this._dpr;
     }
-    /** If content may be successfully rendered */
+    /** Checks if the canvas is ready to be rendered */
     get canRender() {
         return this.width > 0 && this.height > 0;
     }
+    /**
+     * Constructor for the Ctx2D class.
+     */
     constructor(initialProps, canInit = true) {
         super(initialProps, false);
         const { shouldAppend, container } = this.props;
@@ -53,33 +56,37 @@ export class Ctx2D extends ComponentClass {
         this._width = 0;
         this._height = 0;
         this._dpr = 1;
-        // create canvas
+        // create canvas element
         this._canvas = document.createElement('canvas');
         this._canvas.style.position = 'absolute';
         this._canvas.style.top = '0';
         this._canvas.style.left = '0';
         this._canvas.style.width = '100%';
         this._canvas.style.height = '100%';
-        // append canvas
+        // append canvas to container if required
         if (shouldAppend && container instanceof Element) {
             container.append(this._canvas);
             this.addDestroyableAction(() => this.canvas.remove());
         }
-        // create context
+        // create 2D context
         this._ctx = this._canvas.getContext('2d');
         if (canInit) {
             this.init();
         }
     }
+    /** @inheritDoc */
     _onPropsMutate() {
         super._onPropsMutate();
         this.resize();
     }
+    /** @inheritDoc */
     _init() {
         super._init();
         this._setResize();
     }
-    /** Set resize events */
+    /**
+     * Sets up the resize event listener for the canvas, if enabled.
+     */
     _setResize() {
         const { hasInitialResize, hasResize, viewportTarget, resizeDebounce } = this.props;
         if (!hasResize) {
@@ -96,21 +103,23 @@ export class Ctx2D extends ComponentClass {
             resizeHandler.resize();
         }
     }
-    /** Resize the canvas */
+    /**
+     * Resizes the canvas based on the container or viewport size and applies the device pixel ratio (DPR).
+     */
     resize() {
         const { props, canvas } = this;
         if (!canvas) {
             return;
         }
         const { viewport } = getApp();
-        // calculate dpr
+        // calculate DPR
         if (typeof props.dpr === 'number') {
             this._dpr = props.dpr;
         }
         else {
             this._dpr = viewport.dpr;
         }
-        // calculate new width & height
+        // calculate new width and height
         let newWidth = 0;
         let newHeight = 0;
         if (typeof props.width === 'number' && typeof props.height === 'number') {
@@ -125,22 +134,28 @@ export class Ctx2D extends ComponentClass {
             newWidth = viewport.width;
             newHeight = viewport.height;
         }
-        // apply dpr
+        // apply DPR
         newWidth *= this._dpr;
         newHeight *= this._dpr;
-        // update sizes
+        // update canvas size
         this._width = newWidth;
         this._height = newHeight;
-        // apply sizes
         canvas.width = newWidth;
         canvas.height = newHeight;
-        // launch callbacks
+        // handle resize event and trigger callbacks
         this._handleResize();
         this.callbacks.tbt('resize', undefined);
     }
-    /** Method called on resize */
+    /**
+     * A method called after the canvas has been resized.
+     * This can be extended or customized in subclasses.
+     */
     _handleResize() { }
-    /** Render the scene if possible */
+    /**
+     * Renders content on the canvas if it is ready.
+     *
+     * @param renderProp - A function that performs the actual rendering on the canvas.
+     */
     render(renderProp) {
         if (!this.canRender) {
             return;

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

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

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

@@ -1,21 +1,31 @@
 import { getPos } from 'get-image-pos';
 import { Ctx2D } from '../Ctx2D';
 /**
- * The class allows you to prerender media for further use with reduced payloads.
+ * The `Ctx2DPrerender` class allows pre-rendering of media (such as images or video) onto a canvas.
+ * This can be useful for reducing payloads by preparing the media for further use in a more optimized form.
  */
 export class Ctx2DPrerender extends Ctx2D {
     _getDefaultProps() {
         return Object.assign(Object.assign({}, super._getDefaultProps()), { media: false, posRule: 'cover' });
     }
-    /** Method called on resize */
+    /**
+     * Handles the canvas resize event and triggers the prerender process.
+     * This method is called when the canvas size changes and recalculates the
+     * rendering dimensions.
+     */
     _handleResize() {
         super._handleResize();
+        // Trigger rendering after resize
         this.render((props) => this._prerender(props));
     }
-    /** Prerender the scene */
+    /**
+     * Prerenders the media onto the canvas using the specified positioning rule.
+     * Clears the canvas, calculates the position and dimensions for the media,
+     * and then draws it on the canvas.
+     */
     _prerender({ width, height, ctx }) {
         const { media, posRule } = this.props;
-        // get source info
+        // Determine the media source and its dimensions
         let source;
         let sourceWidth;
         let sourceHeight;
@@ -27,7 +37,7 @@ export class Ctx2DPrerender extends Ctx2D {
         else {
             source = media;
         }
-        // get media sizes
+        // Calculate media position and size based on the posRule
         const size = getPos({
             source,
             sourceWidth,
@@ -37,10 +47,10 @@ export class Ctx2DPrerender extends Ctx2D {
             width,
             height,
         });
-        // render media
+        // Clear the canvas and draw the media with the calculated size
         ctx.clearRect(0, 0, width, height);
         ctx.drawImage(source, size.x, size.y, size.width, size.height);
-        // launch callbacks on prerender
+        // Trigger prerender callback
         this.callbacks.tbt('prerender', undefined);
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Ctx2DPrerender/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,MAAM,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,KAAK,EAAU,MAAM,UAAU,CAAC;AAKzC;;GAEG;AACH,MAAM,OAAO,cAOX,SAAQ,KAAmD;IACjD,gBAAgB;QACxB,uCACK,KAAK,CAAC,gBAAgB,EAAE,KAC3B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAChB;IACJ,CAAC;IAED,8BAA8B;IACpB,aAAa;QACrB,KAAK,CAAC,aAAa,EAAE,CAAC;QAEtB,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,0BAA0B;IAChB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAuB;QAC9D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtC,kBAAkB;QAClB,IAAI,MAA0B,CAAC;QAC/B,IAAI,WAA+B,CAAC;QACpC,IAAI,YAAgC,CAAC;QACrC,IAAI,KAAK,YAAY,KAAK,EAAE;YAC1B,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YACtB,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC;YAC1B,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC;SAC7B;aAAM;YACL,MAAM,GAAG,KAAY,CAAC;SACvB;QAED,kBAAkB;QAClB,MAAM,IAAI,GAAG,MAAM,CAAC;YAClB,MAAM;YACN,WAAW;YACX,YAAY;YACZ,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,CAAC;YACR,KAAK;YACL,MAAM;SACP,CAAC,CAAC;QAEH,eAAe;QACf,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAE/D,gCAAgC;QAChC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC7C,CAAC;CACF"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Ctx2DPrerender/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,MAAM,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,KAAK,EAAU,MAAM,UAAU,CAAC;AAKzC;;;GAGG;AACH,MAAM,OAAO,cAOX,SAAQ,KAAmD;IACjD,gBAAgB;QACxB,uCACK,KAAK,CAAC,gBAAgB,EAAE,KAC3B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAChB;IACJ,CAAC;IAED;;;;OAIG;IACO,aAAa;QACrB,KAAK,CAAC,aAAa,EAAE,CAAC;QAEtB,iCAAiC;QACjC,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC;IAED;;;;OAIG;IACO,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAuB;QAC9D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtC,gDAAgD;QAChD,IAAI,MAA0B,CAAC;QAC/B,IAAI,WAA+B,CAAC;QACpC,IAAI,YAAgC,CAAC;QAErC,IAAI,KAAK,YAAY,KAAK,EAAE;YAC1B,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YACtB,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC;YAC1B,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC;SAC7B;aAAM;YACL,MAAM,GAAG,KAAY,CAAC;SACvB;QAED,yDAAyD;QACzD,MAAM,IAAI,GAAG,MAAM,CAAC;YAClB,MAAM;YACN,WAAW;YACX,YAAY;YACZ,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,CAAC;YACR,KAAK;YACL,MAAM;SACP,CAAC,CAAC;QAEH,+DAA+D;QAC/D,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAE/D,6BAA6B;QAC7B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC7C,CAAC;CACF"}