modern-canvas 0.4.15 → 0.4.17

package/dist/index.cjs

@@ -1295,6 +1295,7 @@ class Matrix extends EventEmitter {
     }
   }
   _array = [];
+  dirtyId = 0;
   get length() {
     return this.cols * this.rows;
   }
@@ -1399,6 +1400,7 @@ class Matrix extends EventEmitter {
     return this._operate("*", value, output);
   }
   _onUpdate(_array) {
+    this.dirtyId++;
   }
   toArray(transpose = false) {
     const { cols, rows, _array: array } = this;
@@ -1980,150 +1982,90 @@ class Rect2 {
 }
 
 class Transform2D extends Matrix3 {
-  constructor(autoUpdate = true) {
-    super();
-    this.autoUpdate = autoUpdate;
-  }
-  _cx = 1;
-  _sx = 0;
-  _cy = 0;
-  _sy = 1;
-  _translateX = 0;
-  _translateY = 0;
-  _translateZ = 1;
-  _scaleX = 1;
-  _scaleY = 1;
-  _skewX = 0;
-  _skewY = 0;
-  _rotate = 0;
-  dirtyId = 0;
-  _needsUpdateArray = false;
-  _needsUpdateFields = false;
-  _onUpdate(array) {
-    super._onUpdate(array);
-    this._requestUpdateFields();
-  }
-  _updateSkew() {
-    this._cx = Math.cos(this._rotate + this._skewY);
-    this._sx = Math.sin(this._rotate + this._skewY);
-    this._cy = -Math.sin(this._rotate - this._skewX);
-    this._sy = Math.cos(this._rotate - this._skewX);
-  }
-  _requestUpdateArray() {
-    if (this.autoUpdate) {
-      this._performUpdateArray();
-    } else {
-      this._needsUpdateArray = true;
-    }
-  }
-  _requestUpdateFields() {
-    if (this.autoUpdate) {
-      this._performUpdateFields();
-    } else {
-      this._needsUpdateFields = true;
-    }
-  }
-  _performUpdateArray() {
-    const a = this._cx * this._scaleX;
-    const b = this._sx * this._scaleX;
-    const c = this._cy * this._scaleY;
-    const d = this._sy * this._scaleY;
-    const tx = this._translateX;
-    const ty = this._translateY;
-    const tz = this._translateZ;
-    const array = this._array;
-    this._array = [
-      a,
-      c,
-      tx,
-      b,
-      d,
-      ty,
-      array[6],
-      array[7],
-      tz
-    ];
-    this.dirtyId++;
-  }
-  _performUpdateFields() {
-    const {
-      a,
-      c,
-      tx,
-      b,
-      d,
-      ty,
-      tz
-    } = this.toObject();
-    const skewX = -Math.atan2(-c, d);
-    const skewY = Math.atan2(b, a);
-    const delta = Math.abs(skewX + skewY);
-    if (delta < 1e-5 || Math.abs(PI_2 - delta) < 1e-5) {
-      this._rotate = skewY;
-      this._skewX = this._skewY = 0;
-    } else {
-      this._rotate = 0;
-      this._skewX = skewX;
-      this._skewY = skewY;
-    }
-    this._scaleX = Math.sqrt(a * a + b * b);
-    this._scaleY = Math.sqrt(c * c + d * d);
-    this._translateX = tx;
-    this._translateY = ty;
-    this._translateZ = tz;
-    this.dirtyId++;
-  }
-  skew(x, y) {
-    this._skewX = x;
-    this._skewY = y;
-    this._updateSkew();
-    this._requestUpdateArray();
-    return this;
+  static _t2d = /* @__PURE__ */ new Transform2D();
+  premultiply(t2d) {
+    return t2d.multiply(this, this);
   }
   skewX(x) {
-    return this.skew(x, this._skewY);
+    return this.skew(x, 1);
   }
   skewY(y) {
-    return this.skew(this._skewX, y);
+    return this.skew(1, y);
   }
-  translate(x, y, z = 1) {
-    this._translateX = x;
-    this._translateY = y;
-    this._translateZ = z;
-    this._requestUpdateArray();
+  skew(x, y) {
+    return this.premultiply(Transform2D._t2d.makeSkew(x, y));
+  }
+  makeSkew(x, y) {
+    const cx = Math.cos(y);
+    const sx = Math.sin(y);
+    const cy = -Math.sin(-x);
+    const sy = Math.cos(-x);
+    this.set([
+      cx,
+      cy,
+      0,
+      sx,
+      sy,
+      0,
+      0,
+      0,
+      1
+    ]);
     return this;
   }
   translateX(x) {
-    return this.translate(x, this._translateY);
+    return this.translate(x, 0);
   }
   translateY(y) {
-    return this.translate(this._translateX, y);
+    return this.translate(0, y);
   }
   translateZ(z) {
-    return this.translate(this._translateX, this._translateY, z);
+    return this.translate(0, 0, z);
   }
   translate3d(x, y, z) {
     return this.translate(x, y, z);
   }
-  scale(x, y, _z = 1) {
-    this._scaleX = x;
-    this._scaleY = y;
-    this._requestUpdateArray();
+  translate(x, y, z = 0) {
+    return this.premultiply(Transform2D._t2d.makeTranslation(x, y, z));
+  }
+  makeTranslation(x, y, _z = 0) {
+    this.set([
+      1,
+      0,
+      x,
+      0,
+      1,
+      y,
+      0,
+      0,
+      1
+    ]);
     return this;
   }
   scaleX(x) {
-    return this.scale(x, this._scaleY);
+    return this.scale(x, 1);
   }
   scaleY(y) {
-    return this.scale(this._scaleX, y);
+    return this.scale(1, y);
   }
-  scale3d(x, y, z) {
+  scale3d(x, y, z = 1) {
     return this.scale(x, y, z);
   }
-  rotate(rad) {
-    this._rotate = rad;
-    this._updateSkew();
-    this._requestUpdateArray();
+  scale(x, y, z = 1) {
+    return this.premultiply(Transform2D._t2d.makeScale(x, y, z));
+  }
+  makeScale(x, y, z = 1) {
+    this.set([
+      x,
+      0,
+      0,
+      0,
+      y,
+      0,
+      0,
+      0,
+      z
+    ]);
     return this;
   }
   rotateX(x) {
@@ -2135,6 +2077,9 @@ class Transform2D extends Matrix3 {
   rotateZ(z) {
     return this.rotate(z);
   }
+  rotate(rad) {
+    return this.premultiply(Transform2D._t2d.makeRotation(rad));
+  }
   rotate3d(x, y, z, rad) {
     const [rx, ry, rz] = this._rotate3d(x, y, z, rad);
     rx && this.rotateX(rx);
@@ -2168,6 +2113,22 @@ class Transform2D extends Matrix3 {
       return [rotateX, rotateY, rotateZ];
     }
   }
+  makeRotation(theta) {
+    const c = Math.cos(theta);
+    const s = Math.sin(theta);
+    this.set([
+      c,
+      -s,
+      0,
+      s,
+      c,
+      0,
+      0,
+      0,
+      1
+    ]);
+    return this;
+  }
   applyToPoint(x, y) {
     const { a, c, tx, b, d, ty } = this.toObject();
     return [
@@ -2178,20 +2139,6 @@ class Transform2D extends Matrix3 {
   inverse() {
     return this.clone().invert();
   }
-  update() {
-    let updated = false;
-    if (this._needsUpdateArray) {
-      this._needsUpdateArray = false;
-      this._performUpdateArray();
-      updated = true;
-    }
-    if (this._needsUpdateFields) {
-      this._needsUpdateFields = false;
-      this._performUpdateFields();
-      updated = true;
-    }
-    return updated;
-  }
   isIdentity() {
     const { a, b, c, d, tx, ty } = this.toObject();
     return a === 1 && b === 0 && c === 0 && d === 1 && tx === 0 && ty === 0;
@@ -4389,58 +4336,56 @@ function parseCSSFilter(filter) {
   return m;
 }
 
-function parseCSSTransform(transform, width, height) {
-  const t2d = new Transform2D(false);
+function parseCSSTransform(transform, width, height, output = new Transform2D()) {
   transform = !transform || transform === "none" ? "" : transform;
   parseCssFunctions(transform, { width, height }).forEach(({ name, args }) => {
     const values = args.map((arg) => arg.normalizedIntValue);
-    const _temp = new Transform2D();
     switch (name) {
       case "translate":
-        _temp.translate(values[0] * width, (values[1] ?? values[0]) * height);
+        output.translate(values[0] * width, (values[1] ?? values[0]) * height);
         break;
       case "translateX":
-        _temp.translateX(values[0] * width);
+        output.translateX(values[0] * width);
         break;
       case "translateY":
-        _temp.translateY(values[0] * height);
+        output.translateY(values[0] * height);
         break;
       case "translateZ":
-        _temp.translateZ(values[0]);
+        output.translateZ(values[0]);
         break;
       case "translate3d":
-        _temp.translate3d(
+        output.translate3d(
           values[0] * width,
           (values[1] ?? values[0]) * height,
           values[2] ?? values[1] ?? values[0]
         );
         break;
       case "scale":
-        _temp.scale(values[0], values[1] ?? values[0]);
+        output.scale(values[0], values[1] ?? values[0]);
         break;
       case "scaleX":
-        _temp.scaleX(values[0]);
+        output.scaleX(values[0]);
         break;
       case "scaleY":
-        _temp.scaleY(values[0]);
+        output.scaleY(values[0]);
         break;
       case "scale3d":
-        _temp.scale3d(values[0], values[1] ?? values[0], values[2] ?? values[1] ?? values[0]);
+        output.scale3d(values[0], values[1] ?? values[0], values[2] ?? values[1] ?? values[0]);
         break;
       case "rotate":
-        _temp.rotate(values[0] * PI_2);
+        output.rotate(values[0] * PI_2);
         break;
       case "rotateX":
-        _temp.rotateX(values[0] * PI_2);
+        output.rotateX(values[0] * PI_2);
         break;
       case "rotateY":
-        _temp.rotateY(values[0] * PI_2);
+        output.rotateY(values[0] * PI_2);
         break;
       case "rotateZ":
-        _temp.rotateZ(values[0] * PI_2);
+        output.rotateZ(values[0] * PI_2);
         break;
       case "rotate3d":
-        _temp.rotate3d(
+        output.rotate3d(
           values[0] * PI_2,
           (values[1] ?? values[0]) * PI_2,
           (values[2] ?? values[1] ?? values[0]) * PI_2,
@@ -4448,22 +4393,20 @@ function parseCSSTransform(transform, width, height) {
         );
         break;
       case "skew":
-        _temp.skew(values[0], values[0] ?? values[1]);
+        output.skew(values[0], values[0] ?? values[1]);
         break;
       case "skewX":
-        _temp.skewX(values[0]);
+        output.skewX(values[0]);
         break;
       case "skewY":
-        _temp.skewY(values[0]);
+        output.skewY(values[0]);
         break;
       case "matrix":
-        _temp.set(values);
+        output.set(values);
         break;
     }
-    t2d.multiply(_temp);
   });
-  t2d.update();
-  return t2d;
+  return output;
 }
 
 function parseCSSTransformOrigin(transformOrigin) {
@@ -5823,6 +5766,22 @@ exports.Node = class Node extends CoreObject {
     const tree = this._tree;
     const canRender = this.canRender();
     const canProcess = this.canProcess();
+    const childrenInBefore = [];
+    const childrenInAfter = [];
+    for (let len = this._children.length, i = 0; i < len; i++) {
+      const child = this._children[i];
+      switch (child.processSortMode) {
+        case "default":
+          childrenInAfter.push(child);
+          break;
+        case "parent_before":
+          childrenInBefore.push(child);
+          break;
+      }
+    }
+    childrenInBefore.forEach((child) => {
+      child.emit("process", delta);
+    });
     if (canProcess) {
       tree?.emit("nodeProcessing", this);
       this.emit("processing", delta);
@@ -5845,9 +5804,9 @@ exports.Node = class Node extends CoreObject {
         this.removeChild(mask);
       }
     }
-    for (let len = this._children.length, i = 0; i < len; i++) {
-      this._children[i].emit("process", delta);
-    }
+    childrenInAfter.forEach((child) => {
+      child.emit("process", delta);
+    });
     if (canRender) {
       tree.renderStack.currentCall = oldRenderCall;
     }
@@ -6115,6 +6074,9 @@ __decorateClass$I([
 __decorateClass$I([
   property({ default: "inherit" })
 ], exports.Node.prototype, "processMode", 2);
+__decorateClass$I([
+  property({ default: "default" })
+], exports.Node.prototype, "processSortMode", 2);
 __decorateClass$I([
   property({ default: "inherit" })
 ], exports.Node.prototype, "renderMode", 2);
@@ -8670,7 +8632,7 @@ exports.Node2D = class Node2D extends exports.CanvasItem {
   rotation = 0;
   scale = new Vector2(1, 1);
   skew = new Vector2();
-  transform = new Transform2D(false);
+  transform = new Transform2D();
   globalPosition = new Vector2();
   globalRotation = 0;
   globalScale = new Vector2();
@@ -8682,7 +8644,7 @@ exports.Node2D = class Node2D extends exports.CanvasItem {
     this.setProperties(properties).append(nodes);
   }
   _updateTransform() {
-    this.transform.identity().scale(this.scale.x, this.scale.y).skew(this.skew.x, this.skew.y).translate(this.position.x, this.position.y).rotate(this.rotation).update();
+    this.transform.identity().scale(this.scale.x, this.scale.y).skew(this.skew.x, this.skew.y).rotate(this.rotation).translate(this.position.x, this.position.y);
   }
   _updateGlobalTransform() {
     const parent = this.getParent();
@@ -8885,17 +8847,13 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
     this.requestRedraw();
   }
   _updateTransform() {
-    super._updateTransform();
     const { width, height } = this.size;
-    const cssTransform = parseCSSTransform(this.style.transform, width, height);
-    cssTransform.multiply(this.transform, this.transform);
-    const t3dT2dArr = this.transform.toArray();
     const [originX, originY] = parseCSSTransformOrigin(this.style.transformOrigin);
     const offsetX = originX * width;
     const offsetY = originY * height;
-    t3dT2dArr[2] += t3dT2dArr[0] * -offsetX + t3dT2dArr[1] * -offsetY + offsetX;
-    t3dT2dArr[5] += t3dT2dArr[3] * -offsetX + t3dT2dArr[4] * -offsetY + offsetY;
-    this.transform.set(t3dT2dArr);
+    this.transform.identity().translate(-offsetX, -offsetY).scale(this.scale.x, this.scale.y).skew(this.skew.x, this.skew.y).rotate(this.rotation);
+    parseCSSTransform(this.style.transform, width, height, this.transform);
+    this.transform.translate(offsetX + this.position.x, offsetY + this.position.y);
   }
   _updateGlobalTransform() {
     super._updateGlobalTransform();
@@ -10176,19 +10134,14 @@ exports.Animation = class Animation extends exports.TimelineNode {
   _stoped = false;
   constructor(properties, children = []) {
     super();
-    this._process = this._process.bind(this);
     this.setProperties(properties).append(children);
   }
-  _treeEnter(tree) {
-    tree.timeline.on("updateCurrentTime", this._process);
+  _treeEnter(_tree) {
     this._updateCachedProps();
   }
-  _treeExit(oldTree) {
-    oldTree.timeline.on("updateCurrentTime", this._process);
+  _treeExit(_oldTree) {
     this.cancel();
   }
-  _onProcess() {
-  }
   _process() {
     if (this.canProcess()) {
       this.commitStyles();
@@ -10447,6 +10400,7 @@ exports.Animation = __decorateClass$d([
   customNode("Animation", {
     renderMode: "disabled",
     processMode: "pausable",
+    processSortMode: "parent_before",
     duration: 2e3
   })
 ], exports.Animation);

package/dist/index.d.cts

@@ -356,6 +356,7 @@ declare abstract class Matrix extends EventEmitter {
     readonly rows: number;
     readonly cols: number;
     protected _array: number[];
+    dirtyId: number;
     get length(): number;
     constructor(rows: number, cols: number, array?: number[]);
     protected _operate(operator: string, target: MatrixLike | Vector, output?: MatrixOperateOutput): any;
@@ -509,51 +510,33 @@ interface Transform2DObject {
  * | 0 | 0 | 1 |
  */
 declare class Transform2D extends Matrix3 {
-    autoUpdate: boolean;
-    protected _cx: number;
-    protected _sx: number;
-    protected _cy: number;
-    protected _sy: number;
-    protected _translateX: number;
-    protected _translateY: number;
-    protected _translateZ: number;
-    protected _scaleX: number;
-    protected _scaleY: number;
-    protected _skewX: number;
-    protected _skewY: number;
-    protected _rotate: number;
-    dirtyId: number;
-    protected _needsUpdateArray: boolean;
-    protected _needsUpdateFields: boolean;
-    constructor(autoUpdate?: boolean);
-    protected _onUpdate(array: number[]): void;
-    protected _updateSkew(): void;
-    protected _requestUpdateArray(): void;
-    protected _requestUpdateFields(): void;
-    protected _performUpdateArray(): void;
-    protected _performUpdateFields(): void;
-    skew(x: number, y: number): this;
+    private static _t2d;
+    premultiply(t2d: Transform2D): this;
     skewX(x: number): this;
     skewY(y: number): this;
-    translate(x: number, y: number, z?: number): this;
+    skew(x: number, y: number): this;
+    makeSkew(x: number, y: number): this;
     translateX(x: number): this;
     translateY(y: number): this;
     translateZ(z: number): this;
     translate3d(x: number, y: number, z: number): this;
-    scale(x: number, y: number, _z?: number): this;
+    translate(x: number, y: number, z?: number): this;
+    makeTranslation(x: number, y: number, _z?: number): this;
     scaleX(x: number): this;
     scaleY(y: number): this;
-    scale3d(x: number, y: number, z: number): this;
-    rotate(rad: number): this;
+    scale3d(x: number, y: number, z?: number): this;
+    scale(x: number, y: number, z?: number): this;
+    makeScale(x: number, y: number, z?: number): this;
     rotateX(x: number): this;
     rotateY(y: number): this;
     rotateZ(z: number): this;
+    rotate(rad: number): this;
     rotate3d(x: number, y: number, z: number, rad: number): this;
     protected _rotateToScale(rad: number): number;
     protected _rotate3d(x: number, y: number, z: number, rad: number): number[];
+    makeRotation(theta: number): this;
     applyToPoint(x: number, y: number): number[];
     inverse(): this;
-    update(): boolean;
     isIdentity(): boolean;
     toObject(): Transform2DObject;
 }
@@ -1611,11 +1594,13 @@ interface NodeEventMap extends CoreObjectEventMap, InputEventMap {
     moveChild: (child: Node, newIndex: number, oldIndex: number) => void;
 }
 type ProcessMode = 'inherit' | 'pausable' | 'when_paused' | 'always' | 'disabled';
+type ProcessSortMode = 'default' | 'parent_before';
 type RenderMode = 'inherit' | 'always' | 'disabled';
 type InternalMode = 'default' | 'front' | 'back';
 interface NodeProperties {
     name: string;
     processMode: ProcessMode;
+    processSortMode: ProcessSortMode;
     renderMode: RenderMode;
     internalMode: InternalMode;
     mask: Maskable;
@@ -1631,6 +1616,7 @@ declare class Node extends CoreObject {
     name: string;
     mask?: Maskable;
     processMode: ProcessMode;
+    processSortMode: ProcessSortMode;
     renderMode: RenderMode;
     internalMode: InternalMode;
     protected _readyed: boolean;
@@ -2225,9 +2211,8 @@ declare class Animation extends TimelineNode {
     protected _cachedProps: RawWeakMap<any, Map<string, any>>;
     protected _stoped: boolean;
     constructor(properties?: Partial<AnimationProperties>, children?: Node[]);
-    protected _treeEnter(tree: SceneTree): void;
-    protected _treeExit(oldTree: SceneTree): void;
-    protected _onProcess(): void;
+    protected _treeEnter(_tree: SceneTree): void;
+    protected _treeExit(_oldTree: SceneTree): void;
     protected _process(): void;
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _getTargets(): any[];
@@ -2913,7 +2898,7 @@ type CSSFilterKey = 'hue-rotate' | 'saturate' | 'brightness' | 'contrast' | 'inv
 type CSSFilters = Record<CSSFilterKey, number>;
 declare function parseCSSFilter(filter: string): ColorMatrix;
 
-declare function parseCSSTransform(transform: string, width: number, height: number): Transform2D;
+declare function parseCSSTransform(transform: string, width: number, height: number, output?: Transform2D): Transform2D;
 
 declare function parseCSSTransformOrigin(transformOrigin: string): number[];
 
@@ -3017,4 +3002,4 @@ interface RenderOptions {
 }
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;
 
-export { AnimatedTexture, Animation, type AnimationEffectMode, type AnimationProperties, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformProperties, BaseElement2D, type BaseElement2DEventMap, type BaseElement2DProperties, BaseElement2DStyle, type BaseElement2DStyleProperties, type Batchable2D, BlurEffect, type CSSFilterKey, type CSSFilters, type CanvasBatchable, CanvasContext, CanvasItem, CanvasItemEditor, type CanvasItemEventMap, type CanvasItemProperties, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectProperties, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, type ComputedLayout, Control, type ControlEventMap, type ControlProperties, CoreObject, type CoreObjectEventMap, type CssFunction, type CssFunctionArg, type Cursor, DEG_TO_RAD, DEVICE_PIXEL_RATIO, type Easing, Effect, type EffectContext, EffectMaterial, type EffectMode, type EffectProperties, Element2D, type Element2DEventMap, type Element2DProperties, Element2DStyle, type Element2DStyleProperties, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FillDraw, type FlexBaseElement2DEventMap, FlexElement2D, type FlexElement2DProperties, FlexElement2DStyle, type FlexElement2DStyleProperties, FlexLayout, FontLoader, GIFLoader, Geometry, type GeometryOptions, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DProperties, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InputEvent, type InputEventKey, type InputEventMap, type InternalMode, JSONLoader, KawaseTransition, type Keyframe, LeftEraseTransition, Loader, Lottie2D, type Lottie2DProperties, LottieLoader, MainLoop, type MainLoopEventMap, type MaskColor, type MaskData, MaskEffect, type MaskEffectProperties, type MaskObject, type MaskRect, type Maskable, Material, type MaterialOptions, Matrix, Matrix2, Matrix3, Matrix4, type MatrixLike, type MatrixOperateOutput, MouseInputEvent, Node, Node2D, type Node2DProperties, type NodeEventMap, type NodeProperties, type NormalizedKeyframe, PI, PI_2, PixelateEffect, PixelsTexture, type PlatformAudio, type PlatformSound, PointerInputEvent, type ProcessMode, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, type RangeProperties, RawWeakMap, Rect2, type Rectangulable, type RectangulableEventMap, RefCounted, type RefCountedEventMap, type RenderMode, type RenderOptions, type Renderable, Renderer, Resource, type ResourceEventMap, Ruler, type RulerProperties, SUPPORTS_AUDIO_CONTEXT, SUPPORTS_CLICK_EVENTS, SUPPORTS_CREATE_IMAGE_BITMAP, SUPPORTS_IMAGE_BITMAP, SUPPORTS_MOUSE_EVENTS, SUPPORTS_OFFLINE_AUDIO_CONTEXT, SUPPORTS_POINTER_EVENTS, SUPPORTS_RESIZE_OBSERVER, SUPPORTS_TOUCH_EVENTS, SUPPORTS_WEBGL2, SUPPORTS_WEBKIT_AUDIO_CONTEXT, SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, SUPPORTS_WEB_AUDIO, SUPPORTS_WHEEL_EVENTS, Scaler, type ScalerEventMap, type ScalerProperties, SceneTree, type SceneTreeEventMap, ScrollBar, type ScrollBarProperties, ShadowEffect, type StrokeDraw, Text2D, type Text2DProperties, TextLoader, Texture2D, type Texture2DFilterMode, type Texture2DPixelsSource, type Texture2DSource, type Texture2DWrapMode, TextureLoader, TextureRect2D, type TextureRect2DProperties, Ticker, TiltShiftTransition, Timeline, type TimelineEventMap, TimelineNode, type TimelineNodeEventMap, type TimelineNodeProperties, type TimelineProperties, type TimingFunctions, Transform2D, type Transform2DObject, TransformRect2D, type TransformRect2DProperties, Transition, type TransitionProperties, TwistTransition, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, type VectorLike, type VectorOperateOutput, VertexAttribute, type VertexAttributeOptions, VertexBuffer, type VertexBufferOptions, Video2D, type Video2DProperties, VideoLoader, VideoTexture, type VideoTextureOptions, type VideoTextureSource, Viewport, type ViewportEventMap, type ViewportFramebuffer, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, type WebGLBufferMeta, WebGLBufferModule, type WebGLBufferOptions, type WebGLBufferTarget, type WebGLBufferUsage, type WebGLDrawMode, type WebGLDrawOptions, type WebGLExtensions, type WebGLFramebufferMeta, WebGLFramebufferModule, type WebGLFramebufferOptions, WebGLMaskModule, WebGLModule, type WebGLProgramMeta, WebGLProgramModule, type WebGLProgramOptions, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, type WebGLTarget, type WebGLTextureFilterMode, type WebGLTextureLocation, type WebGLTextureMeta, WebGLTextureModule, type WebGLTextureOptions, type WebGLTextureSource, type WebGLTextureTarget, type WebGLTextureWrapMode, WebGLVertexArrayModule, type WebGLVertexArrayObjectMeta, type WebGLVertexArrayObjectOptions, type WebGLVertexAttrib, type WebGLVertexAttribType, type WebGLViewport, WebGLViewportModule, WebSound, WheelInputEvent, XScrollBar, type XScrollBarProperties, YScrollBar, type YScrollBarProperties, ZoomBlurEffect, assets, clamp, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, defineProperty, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, getDeclarations, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCSSFilter, parseCSSTransform, parseCSSTransformOrigin, parseCssFunctions, parseCssProperty, property, protectedProperty, render, timingFunctions, uid };
+export { AnimatedTexture, Animation, type AnimationEffectMode, type AnimationProperties, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformProperties, BaseElement2D, type BaseElement2DEventMap, type BaseElement2DProperties, BaseElement2DStyle, type BaseElement2DStyleProperties, type Batchable2D, BlurEffect, type CSSFilterKey, type CSSFilters, type CanvasBatchable, CanvasContext, CanvasItem, CanvasItemEditor, type CanvasItemEventMap, type CanvasItemProperties, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectProperties, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, type ComputedLayout, Control, type ControlEventMap, type ControlProperties, CoreObject, type CoreObjectEventMap, type CssFunction, type CssFunctionArg, type Cursor, DEG_TO_RAD, DEVICE_PIXEL_RATIO, type Easing, Effect, type EffectContext, EffectMaterial, type EffectMode, type EffectProperties, Element2D, type Element2DEventMap, type Element2DProperties, Element2DStyle, type Element2DStyleProperties, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FillDraw, type FlexBaseElement2DEventMap, FlexElement2D, type FlexElement2DProperties, FlexElement2DStyle, type FlexElement2DStyleProperties, FlexLayout, FontLoader, GIFLoader, Geometry, type GeometryOptions, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DProperties, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InputEvent, type InputEventKey, type InputEventMap, type InternalMode, JSONLoader, KawaseTransition, type Keyframe, LeftEraseTransition, Loader, Lottie2D, type Lottie2DProperties, LottieLoader, MainLoop, type MainLoopEventMap, type MaskColor, type MaskData, MaskEffect, type MaskEffectProperties, type MaskObject, type MaskRect, type Maskable, Material, type MaterialOptions, Matrix, Matrix2, Matrix3, Matrix4, type MatrixLike, type MatrixOperateOutput, MouseInputEvent, Node, Node2D, type Node2DProperties, type NodeEventMap, type NodeProperties, type NormalizedKeyframe, PI, PI_2, PixelateEffect, PixelsTexture, type PlatformAudio, type PlatformSound, PointerInputEvent, type ProcessMode, type ProcessSortMode, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, type RangeProperties, RawWeakMap, Rect2, type Rectangulable, type RectangulableEventMap, RefCounted, type RefCountedEventMap, type RenderMode, type RenderOptions, type Renderable, Renderer, Resource, type ResourceEventMap, Ruler, type RulerProperties, SUPPORTS_AUDIO_CONTEXT, SUPPORTS_CLICK_EVENTS, SUPPORTS_CREATE_IMAGE_BITMAP, SUPPORTS_IMAGE_BITMAP, SUPPORTS_MOUSE_EVENTS, SUPPORTS_OFFLINE_AUDIO_CONTEXT, SUPPORTS_POINTER_EVENTS, SUPPORTS_RESIZE_OBSERVER, SUPPORTS_TOUCH_EVENTS, SUPPORTS_WEBGL2, SUPPORTS_WEBKIT_AUDIO_CONTEXT, SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, SUPPORTS_WEB_AUDIO, SUPPORTS_WHEEL_EVENTS, Scaler, type ScalerEventMap, type ScalerProperties, SceneTree, type SceneTreeEventMap, ScrollBar, type ScrollBarProperties, ShadowEffect, type StrokeDraw, Text2D, type Text2DProperties, TextLoader, Texture2D, type Texture2DFilterMode, type Texture2DPixelsSource, type Texture2DSource, type Texture2DWrapMode, TextureLoader, TextureRect2D, type TextureRect2DProperties, Ticker, TiltShiftTransition, Timeline, type TimelineEventMap, TimelineNode, type TimelineNodeEventMap, type TimelineNodeProperties, type TimelineProperties, type TimingFunctions, Transform2D, type Transform2DObject, TransformRect2D, type TransformRect2DProperties, Transition, type TransitionProperties, TwistTransition, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, type VectorLike, type VectorOperateOutput, VertexAttribute, type VertexAttributeOptions, VertexBuffer, type VertexBufferOptions, Video2D, type Video2DProperties, VideoLoader, VideoTexture, type VideoTextureOptions, type VideoTextureSource, Viewport, type ViewportEventMap, type ViewportFramebuffer, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, type WebGLBufferMeta, WebGLBufferModule, type WebGLBufferOptions, type WebGLBufferTarget, type WebGLBufferUsage, type WebGLDrawMode, type WebGLDrawOptions, type WebGLExtensions, type WebGLFramebufferMeta, WebGLFramebufferModule, type WebGLFramebufferOptions, WebGLMaskModule, WebGLModule, type WebGLProgramMeta, WebGLProgramModule, type WebGLProgramOptions, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, type WebGLTarget, type WebGLTextureFilterMode, type WebGLTextureLocation, type WebGLTextureMeta, WebGLTextureModule, type WebGLTextureOptions, type WebGLTextureSource, type WebGLTextureTarget, type WebGLTextureWrapMode, WebGLVertexArrayModule, type WebGLVertexArrayObjectMeta, type WebGLVertexArrayObjectOptions, type WebGLVertexAttrib, type WebGLVertexAttribType, type WebGLViewport, WebGLViewportModule, WebSound, WheelInputEvent, XScrollBar, type XScrollBarProperties, YScrollBar, type YScrollBarProperties, ZoomBlurEffect, assets, clamp, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, defineProperty, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, getDeclarations, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCSSFilter, parseCSSTransform, parseCSSTransformOrigin, parseCssFunctions, parseCssProperty, property, protectedProperty, render, timingFunctions, uid };