modern-canvas 0.5.2 → 0.6.1

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { Font } from 'modern-font';
-import { PropertyDeclaration, Color as Color$1, RawWeakMap as RawWeakMap$1, LinearGradient, RadialGradient, NormalizedFill, Fill, NormalizedBackground, Background, NormalizedForeground, Foreground, NormalizedOutline, Outline, NormalizedShadow, Shadow, NormalizedShape, Shape, NormalizedStyle, Text as Text$1, Style, ImageFillCropRect } from 'modern-idoc';
+import { PropertyDeclaration, ReactiveObject, ReactiveObjectPropertyAccessorContext, Color as Color$1, RawWeakMap as RawWeakMap$1, LinearGradient, RadialGradient, NormalizedFill, Fill, NormalizedBackground, Background, NormalizedForeground, Foreground, NormalizedOutline, Outline, NormalizedShadow, Shadow, NormalizedShape, Shape, NormalizedStyle, Text as Text$1, Style, ImageFillCropRect } from 'modern-idoc';
 export { Color as ColorValue } from 'modern-idoc';
 import { AnimationItem } from 'lottie-web';
 import { Colord, RgbaColor, HslaColor, HsvaColor } from 'colord';
@@ -17,9 +17,7 @@ declare class FontLoader extends Loader {
 }
 
 declare const customNodes: Map<string, any>;
-declare function customNode<T = Record<string, any>>(tag: string, defaultProperties?: Partial<T>): ClassDecorator;
-
-declare function protectedProperty(options?: Omit<PropertyDeclaration, 'protected'>): PropertyDecorator;
+declare function customNode<T = Record<string, any>>(name: string, defaultProperties?: Partial<T>): ClassDecorator;
 
 declare function createNode<T = any>(tag?: string, options?: Record<string, any>): T;
 
@@ -68,7 +66,11 @@ declare class EventEmitter {
 }
 
 interface CoreObjectEventMap {
-    updateProperty: (key: PropertyKey, newValue: any, oldValue: any, declaration?: PropertyDeclaration) => void;
+    updateProperty: (key: string, newValue: any, oldValue: any, declaration?: PropertyDeclaration) => void;
+}
+interface CustomPropertyAccessor {
+    get: (key: string, fallback: () => any) => any;
+    set: (key: string, value: any) => void;
 }
 interface CoreObject {
     on: (<K extends keyof CoreObjectEventMap>(type: K, listener: CoreObjectEventMap[K], options?: EventListenerOptions) => this) & ((type: string, listener: EventListenerValue, options?: EventListenerOptions) => this);
@@ -76,28 +78,33 @@ interface CoreObject {
     off: (<K extends keyof CoreObjectEventMap>(type: K, listener?: CoreObjectEventMap[K], options?: EventListenerOptions) => this) & ((type: string, listener: EventListenerValue, options?: EventListenerOptions) => this);
     emit: (<K extends keyof CoreObjectEventMap>(type: K, ...args: Parameters<CoreObjectEventMap[K]>) => boolean) & ((type: string, ...args: any[]) => boolean);
 }
-declare class CoreObject extends EventEmitter {
+declare class CoreObject extends EventEmitter implements Required<ReactiveObject> {
     readonly instanceId: number;
-    protected _defaultProperties?: Record<PropertyKey, any>;
-    protected _updatedProperties: Map<PropertyKey, any>;
-    protected _changedProperties: Set<PropertyKey>;
+    protected _customPropertyAccessor?: CustomPropertyAccessor;
+    protected _properties: Map<string, unknown>;
+    protected _updatedProperties: Map<string, unknown>;
+    protected _changedProperties: Set<string>;
     protected _updatingPromise: Promise<void>;
     protected _updating: boolean;
-    is(target: CoreObject | undefined | null): boolean;
+    useCustomPropertyAccessor(accessor: CustomPropertyAccessor): this;
+    getter(key: string, context: ReactiveObjectPropertyAccessorContext): any;
+    setter(key: string, value: any, context: ReactiveObjectPropertyAccessorContext): void;
+    equal(target: CoreObject | undefined | null): boolean;
     protected _enqueueUpdate(): Promise<void>;
     update(): void;
-    protected _update(changed: Map<PropertyKey, any>): void;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _update(changed: Map<string, any>): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     isDirty(key: string): boolean;
-    getPropertyDeclarations(): Map<PropertyKey, PropertyDeclaration>;
-    getPropertyDeclaration(key: PropertyKey): PropertyDeclaration | undefined;
-    getDefaultProperties(): Record<PropertyKey, any>;
-    getProperty(key: PropertyKey): any | undefined;
-    setProperty(key: PropertyKey, value: any): this;
-    getProperties(keys?: PropertyKey[]): Record<PropertyKey, any>;
+    getPropertyDeclarations(): Map<string, PropertyDeclaration>;
+    getPropertyDeclaration(key: string): PropertyDeclaration | undefined;
+    getProperty(key: string): any | undefined;
+    setProperty(key: string, value: any): this;
+    getProperties(keys?: string[]): Record<string, any>;
     setProperties(properties?: any): this;
     resetProperties(): this;
-    requestUpdate(key?: PropertyKey, newValue?: unknown, oldValue?: unknown, declaration?: PropertyDeclaration): void;
+    onUpdateProperty(key: string, newValue: unknown, oldValue: unknown, declaration: PropertyDeclaration): void;
+    requestUpdate(key?: string, newValue?: unknown, oldValue?: unknown, declaration?: PropertyDeclaration): void;
+    toPropsJSON(): Record<string, any>;
     toJSON(): Record<string, any>;
     clone(): this;
     free(): void;
@@ -1161,7 +1168,7 @@ declare class IndexBuffer extends Resource {
     _glBufferOptions(): WebGLBufferOptions;
     /** @internal */
     _glBuffer(renderer: WebGLRenderer): WebGLBuffer;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     upload(renderer: WebGLRenderer): boolean;
 }
 
@@ -1178,7 +1185,7 @@ declare class VertexBuffer extends Resource {
     _glBufferOptions(): WebGLBufferOptions;
     /** @internal */
     _glBuffer(renderer: WebGLRenderer): WebGLBuffer;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     upload(renderer: WebGLRenderer): boolean;
 }
 
@@ -1196,12 +1203,12 @@ declare class VertexAttribute extends Resource {
     size: number;
     normalized: boolean;
     type: 'float' | 'unsigned_byte' | 'unsigned_short';
-    stride?: number;
-    offset?: number;
-    divisor?: number;
+    stride: number | undefined;
+    offset: number | undefined;
+    divisor: number | undefined;
     needsUpload: boolean;
     constructor(options?: VertexAttributeOptions);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     upload(): boolean;
 }
 
@@ -1299,7 +1306,7 @@ declare class Texture2D<T extends Texture2DSource = Texture2DSource> extends Res
     _glTextureOptions(renderer: WebGLRenderer, options?: Partial<WebGLTextureOptions>): WebGLTextureOptions;
     /** @internal */
     _glTexture(renderer: WebGLRenderer, options?: Partial<WebGLTextureOptions>): WebGLTexture;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _updatePOT(): void;
     protected _updateSize(): void;
     requestUpload(): void;
@@ -1324,7 +1331,7 @@ declare class AnimatedTexture extends Resource {
 declare class CanvasTexture extends Texture2D<HTMLCanvasElement> {
     pixelRatio: number;
     constructor(source?: HTMLCanvasElement);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
 }
 
 declare class ColorTexture extends Texture2D {
@@ -1358,7 +1365,7 @@ declare class ImageTexture extends Texture2D<HTMLImageElement> {
 
 declare class PixelsTexture extends Texture2D<Texture2DPixelsSource> {
     constructor(pixels?: number[] | ArrayBufferLike | ArrayBufferView | null, width?: number, height?: number);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
 }
 
 interface VideoTextureOptions {
@@ -1393,7 +1400,7 @@ declare class VideoTexture extends Texture2D<HTMLVideoElement> {
     protected _resolve?: (val: this) => void;
     protected _reject?: (event: ErrorEvent) => void;
     constructor(source: HTMLVideoElement | (string | VideoTextureSource)[] | string, options?: VideoTextureOptions);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _onPlayStart: () => void;
     protected _onPlayStop: () => void;
     protected _onCanPlay: () => void;
@@ -1486,7 +1493,7 @@ declare class Timeline extends Node {
     loop: boolean;
     static from(range: number | number[], loop?: boolean): Timeline;
     constructor(properties?: Partial<TimelineProperties>);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any): void;
+    protected _updateProperty(key: string, value: any, oldValue: any): void;
     addTime(delta: number): this;
     protected _process(delta: number): void;
 }
@@ -1518,14 +1525,14 @@ interface Viewport {
 }
 declare class Viewport extends Node implements Rectangulable {
     flipY: boolean;
+    protected _projection: Projection2D;
+    protected _framebufferIndex: number;
+    protected _framebuffers: ViewportFramebuffer[];
     x: number;
     y: number;
     width: number;
     height: number;
     get valid(): boolean;
-    protected _projection: Projection2D;
-    protected _framebufferIndex: number;
-    protected _framebuffers: ViewportFramebuffer[];
     get framebuffer(): ViewportFramebuffer;
     get texture(): ViewportTexture;
     constructor(flipY?: boolean);
@@ -1533,7 +1540,7 @@ declare class Viewport extends Node implements Rectangulable {
     _glFramebufferOptions(renderer: WebGLRenderer): WebGLFramebufferOptions;
     /** @internal */
     _glFramebuffer(renderer: WebGLRenderer): WebGLFramebuffer;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     requestUpload(): void;
     resize(width: number, height: number): void;
     upload(renderer: WebGLRenderer): boolean;
@@ -1561,18 +1568,19 @@ interface SceneTree {
 }
 declare class SceneTree extends MainLoop {
     processPaused: boolean;
-    backgroundColor?: Color$1;
+    backgroundColor: Color$1 | undefined;
     debug: boolean;
     readonly input: Input;
     readonly renderStack: RenderStack;
     readonly root: Viewport;
     readonly timeline: Timeline;
+    nodes: Map<string, Node>;
     protected _backgroundColor: Color;
     protected _currentViewport?: Viewport;
     getCurrentViewport(): Viewport | undefined;
     setCurrentViewport(viewport: Viewport | undefined): void;
     constructor(timeline?: Timeline);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     log(...args: any[]): void;
     protected _process(delta?: number): void;
     protected _render(renderer: WebGLRenderer): void;
@@ -1629,17 +1637,18 @@ interface Node {
     emit: (<K extends keyof NodeEventMap>(type: K, ...args: Parameters<NodeEventMap[K]>) => boolean) & ((type: string, ...args: any[]) => boolean);
 }
 declare class Node extends CoreObject {
-    readonly tag: string;
+    readonly is: string;
+    id: string;
     name: string;
-    mask?: Maskable;
     processMode: ProcessMode;
     processSortMode: ProcessSortMode;
     renderMode: RenderMode;
     internalMode: InternalMode;
     meta: Record<string, any>;
+    mask?: Maskable;
     protected _readyed: boolean;
     constructor(properties?: Partial<NodeProperties>, nodes?: Node[]);
-    setProperties(properties?: Record<PropertyKey, any>): this;
+    setProperties(properties?: Record<string, any>): this;
     /** Name */
     getName(): string;
     setName(value: string): this;
@@ -1672,8 +1681,8 @@ declare class Node extends CoreObject {
     get lastSibling(): Node | undefined;
     canProcess(): boolean;
     canRender(): boolean;
-    protected _update(changed: Map<PropertyKey, any>): void;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _update(changed: Map<string, any>): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _onTreeEnter(tree: SceneTree): void;
     protected _onTreeExit(oldTree: SceneTree): void;
     protected _onParented(parent: Node): void;
@@ -1714,8 +1723,8 @@ declare class Node extends CoreObject {
     protected _render(renderer: WebGLRenderer): void;
     clone(): this;
     toJSON(): Record<string, any>;
-    static parse(JSON: Record<string, any>[]): Node[];
-    static parse(JSON: Record<string, any>): Node;
+    static parse(value: Record<string, any>[]): Node[];
+    static parse(value: Record<string, any>): Node;
 }
 
 interface TimelineNodeProperties extends NodeProperties {
@@ -1769,8 +1778,8 @@ interface CanvasItem {
     emit: (<K extends keyof CanvasItemEventMap>(type: K, ...args: Parameters<CanvasItemEventMap[K]>) => boolean) & ((type: string, ...args: any[]) => boolean);
 }
 declare class CanvasItem extends TimelineNode {
-    modulate?: Color$1;
-    blendMode?: WebGLBlendMode;
+    modulate: Color$1 | undefined;
+    blendMode: WebGLBlendMode | undefined;
     visible: boolean;
     opacity: number;
     protected _parentGlobalVisible?: boolean;
@@ -1789,7 +1798,7 @@ declare class CanvasItem extends TimelineNode {
     protected _layoutedBatchables: CanvasBatchable[];
     protected _batchables: CanvasBatchable[];
     constructor(properties?: Partial<CanvasItemProperties>, nodes?: Node[]);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     show(): void;
     hide(): void;
     isVisibleInTree(): boolean;
@@ -1804,7 +1813,7 @@ declare class CanvasItem extends TimelineNode {
     protected _relayout(batchables: CanvasBatchable[]): CanvasBatchable[];
     protected _repaint(batchables: CanvasBatchable[]): CanvasBatchable[];
     protected _process(delta: number): void;
-    protected _update(changed: Map<PropertyKey, any>): void;
+    protected _update(changed: Map<string, any>): void;
     protected _render(renderer: WebGLRenderer): void;
 }
 
@@ -1825,8 +1834,8 @@ interface EffectContext {
     to?: Viewport;
 }
 declare class Effect extends TimelineNode {
-    material?: Material;
-    effectMode?: EffectMode;
+    material: Material | undefined;
+    effectMode: EffectMode | undefined;
     glsl: string;
     glslSrc: string;
     protected get _effectMode(): EffectMode;
@@ -1840,7 +1849,7 @@ declare class Effect extends TimelineNode {
     protected _previousSibling?: Node;
     protected _nextSibling?: Node;
     constructor(properties?: Partial<EffectProperties>, children?: Node[]);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _treeEnter(tree: SceneTree): void;
     protected _treeExit(oldTree: SceneTree): void;
     protected _onProcessing(): void;
@@ -1877,7 +1886,7 @@ declare class Node2D extends CanvasItem {
     readonly globalTransform: Transform2D;
     protected _parentTransformDirtyId?: number;
     constructor(properties?: Partial<Node2DProperties>, nodes?: Node[]);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     getTransformOrigin(): Vector2;
     getTransform(cb?: (transform: Transform2D) => void): Transform2D;
     updateTransform(): void;
@@ -1892,21 +1901,21 @@ interface BaseElement2DFill extends NormalizedFill {
 declare class BaseElement2DFill extends CoreObject {
     parent: BaseElement2D;
     enabled: boolean;
-    color?: NormalizedFill['color'];
-    image?: NormalizedFill['image'];
-    linearGradient?: NormalizedFill['linearGradient'];
-    radialGradient?: NormalizedFill['radialGradient'];
-    cropRect?: NormalizedFill['cropRect'];
-    stretchRect?: NormalizedFill['stretchRect'];
-    dpi?: NormalizedFill['dpi'];
-    rotateWithShape?: NormalizedFill['rotateWithShape'];
-    tile?: NormalizedFill['tile'];
-    opacity?: NormalizedFill['opacity'];
+    color: NormalizedFill['color'];
+    image: NormalizedFill['image'];
+    linearGradient: NormalizedFill['linearGradient'];
+    radialGradient: NormalizedFill['radialGradient'];
+    cropRect: NormalizedFill['cropRect'];
+    stretchRect: NormalizedFill['stretchRect'];
+    dpi: NormalizedFill['dpi'];
+    rotateWithShape: NormalizedFill['rotateWithShape'];
+    tile: NormalizedFill['tile'];
+    opacity: NormalizedFill['opacity'];
     protected _texture?: Texture2D;
     constructor(parent: BaseElement2D);
     protected _setProperties(properties?: Fill): this;
     setProperties(properties?: Fill): this;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     loadTexture(): Promise<Texture2D | undefined>;
     protected _updateTexture(): Promise<void>;
     canDraw(): boolean;
@@ -1917,27 +1926,22 @@ declare class BaseElement2DFill extends CoreObject {
     draw(): void;
 }
 
-interface BaseElement2DBackground extends NormalizedBackground {
-}
 declare class BaseElement2DBackground extends BaseElement2DFill {
-    fillWithShape?: NormalizedBackground['fillWithShape'];
+    fillWithShape: NormalizedBackground['fillWithShape'];
     setProperties(properties?: Background): this;
 }
 
-interface BaseElement2DForeground extends NormalizedForeground {
-}
 declare class BaseElement2DForeground extends BaseElement2DFill {
-    fillWithShape?: NormalizedForeground['fillWithShape'];
+    fillWithShape: NormalizedForeground['fillWithShape'];
     setProperties(properties?: Foreground): this;
 }
 
 declare class BaseElement2DOutline extends BaseElement2DFill {
-    enabled: boolean;
     color: NormalizedOutline['color'];
     width: NormalizedOutline['width'];
     style: NormalizedOutline['style'];
     setProperties(properties?: Outline): this;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     canDraw(): boolean;
     draw(): void;
 }
@@ -1951,21 +1955,21 @@ declare class BaseElement2DShadow extends CoreObject {
     offsetX: NormalizedShadow['offsetY'];
     constructor(parent: BaseElement2D);
     setProperties(properties?: Shadow): this;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     updateEffect(): void;
 }
 
 declare class BaseElement2DShape extends CoreObject {
     parent: BaseElement2D;
     enabled: boolean;
-    preset?: Required<NormalizedShape>['preset'];
-    svg?: Required<NormalizedShape>['svg'];
-    viewBox?: Required<NormalizedShape>['viewBox'];
+    preset: NormalizedShape['preset'];
+    svg: NormalizedShape['svg'];
+    viewBox: NormalizedShape['viewBox'];
     paths: Required<NormalizedShape>['paths'];
     protected _path2DSet: Path2DSet;
     constructor(parent: BaseElement2D);
     setProperties(properties?: Shape): this;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _updatePath2DSet(): void;
     draw(): void;
     drawRect(): void;
@@ -1987,14 +1991,14 @@ declare class BaseElement2DText extends CoreObject {
     parent: BaseElement2D;
     enabled: boolean;
     content: Text['content'];
-    effects?: Text['effects'];
-    measureDOM?: Text['measureDOM'];
-    fonts?: Text['fonts'];
+    effects: Text['effects'];
+    measureDOM: Text['measureDOM'];
+    fonts: Text['fonts'];
     constructor(parent: BaseElement2D);
     base: Text;
     measureResult?: MeasureResult;
     setProperties(properties?: Text$1): this;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _updateText(): void;
     measure(): MeasureResult;
     updateMeasure(): this;
@@ -2003,7 +2007,7 @@ declare class BaseElement2DText extends CoreObject {
 }
 
 interface BaseElement2DEventMap extends CanvasItemEventMap {
-    updateStyleProperty: (key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration) => void;
+    updateStyleProperty: (key: string, value: any, oldValue: any, declaration?: PropertyDeclaration) => void;
 }
 interface BaseElement2DProperties extends Node2DProperties {
     modulate: Color$1;
@@ -2050,8 +2054,8 @@ declare class BaseElement2D extends Node2D implements Rectangulable {
     get shadow(): BaseElement2DShadow;
     set shadow(value: Shadow);
     constructor(properties?: Partial<BaseElement2DProperties>, nodes?: Node[]);
-    setProperties(properties?: Record<PropertyKey, any>): this;
-    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    setProperties(properties?: Record<string, any>): this;
+    protected _updateStyleProperty(key: string, value: any, _oldValue: any, _declaration?: PropertyDeclaration): void;
     protected _updateMaskImage(): void;
     getTransformOrigin(): Vector2;
     getTransform(cb?: (transform: Transform2D) => void): Transform2D;
@@ -2099,7 +2103,7 @@ declare class Element2D extends BaseElement2D {
     get style(): Element2DStyle;
     set style(style: Element2DStyle);
     constructor(properties?: Partial<Element2DProperties>, nodes?: Node[]);
-    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
 }
 
 interface FlexElement2DStyleProperties extends BaseElement2DStyleProperties {
@@ -2131,11 +2135,11 @@ declare class FlexLayout {
     constructor(_element: FlexElement2D);
     calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: Direction): void;
     getComputedLayout(): ComputedLayout;
-    updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
 }
 
 interface FlexBaseElement2DEventMap extends BaseElement2DEventMap {
-    updateStyleProperty: (key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration) => void;
+    updateStyleProperty: (key: string, value: any, oldValue: any, declaration?: PropertyDeclaration) => void;
 }
 interface FlexElement2DProperties extends BaseElement2DProperties {
     style: Partial<FlexElement2DStyleProperties>;
@@ -2158,44 +2162,20 @@ declare class FlexElement2D extends BaseElement2D implements Rectangulable {
     constructor(properties?: Partial<FlexElement2DProperties>, nodes?: Node[]);
     protected _parented(parent: Node): void;
     protected _unparented(oldParent: Node): void;
-    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     updateTransform(): void;
     calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: Direction): void;
 }
 
-declare class Graphics2D extends Node2D {
-    protected _resetContext: boolean;
-    lineCap?: LineCap;
-    lineJoin?: LineJoin;
-    fillStyle?: Color$1 | Texture2D;
-    strokeStyle?: Color$1 | Texture2D;
-    lineWidth?: number;
-    miterLimit?: number;
-    rect: (x: number, y: number, width: number, height: number) => this;
-    fillRect: (x: number, y: number, width: number, height: number) => this;
-    strokeRect: (x: number, y: number, width: number, height: number) => this;
-    roundRect: (x: number, y: number, width: number, height: number, radii: number) => this;
-    ellipse: (x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean) => this;
-    arc: (x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean) => this;
-    beginPath: () => this;
-    moveTo: (x: number, y: number) => this;
-    lineTo: (x: number, y: number) => this;
-    closePath: () => this;
-    fill: () => this;
-    stroke: () => this;
-    drawCircle(x: number, y: number, radius: number): this;
-    drawEllipse(x: number, y: number, width: number, height: number): this;
-}
-
 interface Image2DProperties extends Element2DProperties {
     src: string;
     srcRect: ImageFillCropRect;
     gif: boolean;
 }
 declare class Image2D extends Element2D {
-    texture?: AnimatedTexture;
+    texture: AnimatedTexture | undefined;
     src: string;
-    srcRect: ImageFillCropRect;
+    srcRect: ImageFillCropRect | undefined;
     gif: boolean;
     get currentFrameTexture(): Texture2D | undefined;
     get textureDuration(): number;
@@ -2206,7 +2186,7 @@ declare class Image2D extends Element2D {
     protected _complete: boolean;
     protected _wait: Promise<void>;
     constructor(properties?: Partial<Image2DProperties>, children?: Node[]);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     decode(): Promise<void>;
     setResource(source: Texture2D | ImageFrame[] | AnimatedTexture): this;
     protected _load(src: string): Promise<void>;
@@ -2233,8 +2213,8 @@ declare class Lottie2D extends TextureRect2D {
     readonly texture: CanvasTexture;
     animation?: AnimationItem;
     constructor(properties?: Partial<Lottie2DProperties>, children?: Node[]);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
-    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateStyleProperty(key: string, value: any, oldValue: any): void;
     protected _load(): Promise<void>;
     protected _process(delta: number): void;
 }
@@ -2264,17 +2244,17 @@ interface Text2D {
 declare class Text2D extends TextureRect2D<CanvasTexture> {
     split: boolean;
     content: Text['content'];
-    effects?: Text['effects'];
-    measureDOM?: Text['measureDOM'];
-    fonts?: Text['fonts'];
+    effects: Text['effects'];
+    measureDOM: Text['measureDOM'];
+    fonts: Text['fonts'];
     texture: CanvasTexture;
     base: Text;
     measureResult?: MeasureResult;
     protected _subTextsCount: number;
     constructor(properties?: Partial<Text2DProperties>, children?: Node[]);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _updateBase(): void;
-    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any): void;
+    protected _updateStyleProperty(key: string, value: any, oldValue: any): void;
     protected _getSubTexts(): Text2D[];
     protected _updateSubTexts(): void;
     measure(): MeasureResult;
@@ -2289,7 +2269,7 @@ interface TransformRect2DProperties extends BaseElement2DProperties {
 declare class TransformRect2D extends Element2D {
     handleSize: number;
     constructor(properties?: Partial<TransformRect2DProperties>, nodes?: Node[]);
-    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _drawCircle(x: number, y: number): void;
     protected _drawEllipse(x: number, y: number): void;
     protected _draw(): void;
@@ -2303,7 +2283,7 @@ declare class Video2D extends TextureRect2D<VideoTexture> {
     get videoDuration(): number;
     protected _wait: Promise<void>;
     constructor(properties?: Partial<Video2DProperties>, children?: Node[]);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     waitLoad(): Promise<void>;
     protected _load(src: string): Promise<void>;
     protected _updateVideoCurrentTime(): void;
@@ -2345,7 +2325,7 @@ declare class Animation extends TimelineNode {
     effectMode: AnimationEffectMode;
     loop: boolean;
     keyframes: Keyframe[];
-    easing?: Easing;
+    easing: Easing | undefined;
     protected _keyframes: NormalizedKeyframe[];
     protected _isFirstUpdatePosition: boolean;
     protected _cachedProps: RawWeakMap$1<any, Map<string, any>>;
@@ -2354,7 +2334,7 @@ declare class Animation extends TimelineNode {
     protected _parented(parent: Node): void;
     protected _unparented(oldParent: Node): void;
     protected _process(): void;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _getTargets(): any[];
     protected _updateKeyframes(): void;
     commitStyles(): void;
@@ -2644,7 +2624,7 @@ declare class Audio extends TimelineNode {
     start: number;
     end: number;
     constructor(src?: string);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     load(): Promise<this>;
     pause(): this;
     resume(): this;
@@ -2671,14 +2651,14 @@ interface AudioWaveformProperties extends Element2DProperties {
     color: string;
 }
 declare class AudioWaveform extends Element2D {
-    src?: string;
+    src: string | undefined;
     gap: number;
     color: string;
     protected _audioBuffer?: AudioBuffer;
     protected _src: Texture2D<HTMLCanvasElement> | undefined;
     protected _needsUpdateTexture: boolean;
     constructor(options?: Partial<AudioWaveformProperties>);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     _loadSrc(src: string): Promise<void>;
     syncTexture(force?: boolean): void;
     protected _process(delta: number): void;
@@ -2714,7 +2694,7 @@ interface ColorFilterEffectProperties {
 }
 declare class ColorFilterEffect extends Effect {
     static material: Material;
-    filter?: string;
+    filter: string | undefined;
     protected _colorMatrix: ColorMatrix;
     constructor(properties?: Partial<ColorFilterEffectProperties>, children?: Node[]);
     apply(renderer: WebGLRenderer, source: Viewport): void;
@@ -2866,13 +2846,12 @@ interface KawaseBlurEffectProperties extends EffectProperties {
 declare const frag = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y - uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y - uOffset.y));\n    color *= 0.25;\n    gl_FragColor = color;\n}";
 declare const clampFrag = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\nuniform vec4 uInputClamp;\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color *= 0.25;\n    gl_FragColor = color;\n}";
 declare class KawaseBlurEffect extends Effect {
-    material: Material;
     strength: number;
     quality: number;
     pixelSize: [number, number];
     protected _kernels: number[];
     constructor(properties?: Partial<KawaseBlurEffectProperties>, children?: Node[]);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     /** Auto generate kernels by blur & quality */
     protected _generateKernels(): void;
     apply(renderer: WebGLRenderer, source: Viewport): void;
@@ -2883,11 +2862,11 @@ interface MaskEffectProperties extends EffectProperties {
 }
 declare class MaskEffect extends Effect {
     static material: Material;
-    texture?: Texture2D<ImageBitmap>;
+    texture: Texture2D<ImageBitmap> | undefined;
     src: string;
     constructor(properties?: Partial<MaskEffectProperties>, children?: Node[]);
     load(): Promise<void>;
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     apply(renderer: WebGLRenderer, source: Viewport, context: EffectContext): void;
 }
 
@@ -2901,14 +2880,13 @@ interface OutlineEffectProperties extends EffectProperties {
     knockout: boolean;
 }
 declare class OutlineEffect extends Effect {
-    material: Material;
     static MIN_SAMPLES: number;
     static MAX_SAMPLES: number;
     static getAngleStep(quality: number): number;
     color: Color$1;
     width: number;
     style: 'dashed' | 'solid' | string;
-    image?: string;
+    image: string | undefined;
     opacity: number;
     quality: number;
     knockout: boolean;
@@ -2935,7 +2913,7 @@ interface ZoomBlurEffectProperties extends EffectProperties {
 }
 declare class ZoomBlurEffect extends Effect {
     static material: Material;
-    center?: number[];
+    center: number[] | undefined;
     innerRadius: number;
     radius: number;
     strength: number;
@@ -2959,7 +2937,7 @@ declare class Control extends Element2D implements Rectangulable {
     protected _unparented(oldParent: any): void;
     protected _parentUpdateRect(): void;
     protected _input(event: InputEvent, key: InputEventKey): void;
-    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _guiInput(event: InputEvent, key: InputEventKey): void;
 }
 
@@ -2981,7 +2959,7 @@ declare class Range extends Control {
     step: number;
     value: number;
     constructor(properties?: Partial<RangeProperties>, children?: Node[]);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
 }
 
 interface RulerProperties extends ControlProperties {
@@ -3007,8 +2985,8 @@ declare class Ruler extends Control {
     gapScale: number;
     texture: CanvasTexture;
     constructor(properties?: Partial<RulerProperties>, children?: Node[]);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
-    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _drawTexture(): void;
     protected _draw(): void;
 }
@@ -3019,7 +2997,7 @@ interface ScrollBarProperties extends RangeProperties {
 declare class ScrollBar extends Range {
     direction: 'vertical' | 'horizontal';
     constructor(properties?: Partial<ScrollBarProperties>, children?: Node[]);
-    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _rect(): {
         left: number;
         top: number;
@@ -3066,7 +3044,7 @@ declare class Scaler extends Node {
     maxValue: number;
     get target(): Element2D | undefined;
     constructor(properties?: Partial<ScalerProperties>, children?: Node[]);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _updateScale(): void;
     protected _onWheel(e: WheelInputEvent): void;
     protected _input(event: InputEvent, key: InputEventKey): void;
@@ -3186,7 +3164,7 @@ declare class CanvasItemEditor extends Control {
     drawboard: Element2D;
     ruler: Ruler;
     constructor();
-    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _guiInput(event: InputEvent, key: InputEventKey): void;
     protected _onPointerdown(e: PointerInputEvent): void;
     protected _onPointermove(e: PointerInputEvent): void;
@@ -3269,5 +3247,5 @@ interface RenderOptions {
 }
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;
 
-export { AnimatedTexture, Animation, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, BaseElement2D, BaseElement2DBackground, BaseElement2DFill, BaseElement2DForeground, BaseElement2DOutline, BaseElement2DShadow, BaseElement2DShape, BaseElement2DStyle, BaseElement2DText, CanvasContext, CanvasItem, CanvasItemEditor, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, Control, CoreObject, DEG_TO_RAD, DEVICE_PIXEL_RATIO, DropShadowEffect, Effect, EffectMaterial, Element2D, Element2DStyle, EmbossEffect, Engine, EventEmitter, FlexElement2D, FlexElement2DStyle, FlexLayout, FontLoader, GIFLoader, GaussianBlurEffect, Geometry, GlitchEffect, GodrayEffect, GradientTexture, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, ImageTexture, IndexBuffer, Input, InputEvent, JSONLoader, KawaseBlurEffect, KawaseTransition, LeftEraseTransition, Loader, Lottie2D, LottieLoader, MainLoop, MaskEffect, Material, Matrix, Matrix2, Matrix3, Matrix4, MouseInputEvent, Node, Node2D, OutlineEffect, PI, PI_2, PixelateEffect, PixelsTexture, PointerInputEvent, Projection2D, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, RawWeakMap, Rect2, RefCounted, Renderer, Resource, Ruler, 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, SceneTree, ScrollBar, Text2D, TextLoader, Texture2D, TextureLoader, TextureRect2D, Ticker, TiltShiftTransition, Timeline, TimelineNode, Transform2D, TransformRect2D, Transition, TwistTransition, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, VertexAttribute, VertexBuffer, Video2D, VideoLoader, VideoTexture, Viewport, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, WebGLBufferModule, WebGLFramebufferModule, WebGLMaskModule, WebGLModule, WebGLProgramModule, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, WebGLTextureModule, WebGLVertexArrayModule, WebGLViewportModule, WebSound, WheelInputEvent, XScrollBar, YScrollBar, ZoomBlurEffect, assets, clamp, clampFrag, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, frag, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCSSFilter, parseCSSTransform, parseCSSTransformOrigin, parseCssFunctions, parseCssProperty, protectedProperty, render, timingFunctions, uid };
-export type { AnimationEffectMode, AnimationProperties, AssetHandler, AudioWaveformProperties, BaseElement2DEventMap, BaseElement2DProperties, BaseElement2DStyleProperties, Batchable2D, CSSFilterKey, CSSFilters, CanvasBatchable, CanvasItemEventMap, CanvasItemProperties, ColorAdjustEffectProperties, ColorFilterEffectProperties, ColorOverlayEffectProperties, ColorRemoveEffectProperties, ColorReplaceEffectProperties, ComputedLayout, ControlEventMap, ControlProperties, CoreObjectEventMap, CssFunction, CssFunctionArg, Cursor, DropShadowEffectProperties, Easing, EffectContext, EffectMode, EffectProperties, Element2DEventMap, Element2DProperties, Element2DStyleProperties, EmbossEffectProperties, EngineOptions, EventListener, EventListenerOptions, EventListenerValue, FillDraw, FlexBaseElement2DEventMap, FlexElement2DProperties, FlexElement2DStyleProperties, GaussianBlurEffectProperties, GeometryOptions, GlitchEffectProperties, GodrayEffectProperties, IAudioContext, IAudioNode, IPlayOptions, Image2DProperties, ImageFrame, ImageTextureOptions, IndexBufferOptions, InputEventKey, InputEventMap, InternalMode, KawaseBlurEffectProperties, Keyframe, Lottie2DProperties, MainLoopEventMap, MaskColor, MaskData, MaskEffectProperties, MaskObject, MaskRect, Maskable, MaterialOptions, MatrixLike, MatrixOperateOutput, Node2DProperties, NodeEventMap, NodeProperties, NormalizedKeyframe, OutlineEffectProperties, PixelateEffectProperties, PlatformAudio, PlatformSound, ProcessMode, ProcessSortMode, RangeProperties, Rectangulable, RectangulableEventMap, RefCountedEventMap, RenderMode, RenderOptions, Renderable, ResourceEventMap, RulerProperties, ScalerEventMap, ScalerProperties, SceneTreeEventMap, ScrollBarProperties, StrokeDraw, Text2DEventMap, Text2DProperties, Texture2DFilterMode, Texture2DPixelsSource, Texture2DSource, Texture2DWrapMode, TextureRect2DProperties, TimelineEventMap, TimelineNodeEventMap, TimelineNodeProperties, TimelineProperties, TimingFunctions, Transform2DObject, TransformRect2DProperties, TransitionProperties, UVTransform, VectorLike, VectorOperateOutput, VertTransform, VertexAttributeOptions, VertexBufferOptions, Video2DProperties, VideoTextureOptions, VideoTextureSource, ViewportEventMap, ViewportFramebuffer, WebGLBufferMeta, WebGLBufferOptions, WebGLBufferTarget, WebGLBufferUsage, WebGLDrawMode, WebGLDrawOptions, WebGLExtensions, WebGLFramebufferMeta, WebGLFramebufferOptions, WebGLProgramMeta, WebGLProgramOptions, WebGLTarget, WebGLTextureFilterMode, WebGLTextureLocation, WebGLTextureMeta, WebGLTextureOptions, WebGLTextureSource, WebGLTextureTarget, WebGLTextureWrapMode, WebGLVertexArrayObjectMeta, WebGLVertexArrayObjectOptions, WebGLVertexAttrib, WebGLVertexAttribType, WebGLViewport, XScrollBarProperties, YScrollBarProperties, ZoomBlurEffectProperties };
+export { AnimatedTexture, Animation, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, BaseElement2D, BaseElement2DBackground, BaseElement2DFill, BaseElement2DForeground, BaseElement2DOutline, BaseElement2DShadow, BaseElement2DShape, BaseElement2DStyle, BaseElement2DText, CanvasContext, CanvasItem, CanvasItemEditor, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, Control, CoreObject, DEG_TO_RAD, DEVICE_PIXEL_RATIO, DropShadowEffect, Effect, EffectMaterial, Element2D, Element2DStyle, EmbossEffect, Engine, EventEmitter, FlexElement2D, FlexElement2DStyle, FlexLayout, FontLoader, GIFLoader, GaussianBlurEffect, Geometry, GlitchEffect, GodrayEffect, GradientTexture, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, ImageTexture, IndexBuffer, Input, InputEvent, JSONLoader, KawaseBlurEffect, KawaseTransition, LeftEraseTransition, Loader, Lottie2D, LottieLoader, MainLoop, MaskEffect, Material, Matrix, Matrix2, Matrix3, Matrix4, MouseInputEvent, Node, Node2D, OutlineEffect, PI, PI_2, PixelateEffect, PixelsTexture, PointerInputEvent, Projection2D, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, RawWeakMap, Rect2, RefCounted, Renderer, Resource, Ruler, 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, SceneTree, ScrollBar, Text2D, TextLoader, Texture2D, TextureLoader, TextureRect2D, Ticker, TiltShiftTransition, Timeline, TimelineNode, Transform2D, TransformRect2D, Transition, TwistTransition, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, VertexAttribute, VertexBuffer, Video2D, VideoLoader, VideoTexture, Viewport, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, WebGLBufferModule, WebGLFramebufferModule, WebGLMaskModule, WebGLModule, WebGLProgramModule, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, WebGLTextureModule, WebGLVertexArrayModule, WebGLViewportModule, WebSound, WheelInputEvent, XScrollBar, YScrollBar, ZoomBlurEffect, assets, clamp, clampFrag, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, frag, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCSSFilter, parseCSSTransform, parseCSSTransformOrigin, parseCssFunctions, parseCssProperty, render, timingFunctions, uid };
+export type { AnimationEffectMode, AnimationProperties, AssetHandler, AudioWaveformProperties, BaseElement2DEventMap, BaseElement2DProperties, BaseElement2DStyleProperties, Batchable2D, CSSFilterKey, CSSFilters, CanvasBatchable, CanvasItemEventMap, CanvasItemProperties, ColorAdjustEffectProperties, ColorFilterEffectProperties, ColorOverlayEffectProperties, ColorRemoveEffectProperties, ColorReplaceEffectProperties, ComputedLayout, ControlEventMap, ControlProperties, CoreObjectEventMap, CssFunction, CssFunctionArg, Cursor, CustomPropertyAccessor, DropShadowEffectProperties, Easing, EffectContext, EffectMode, EffectProperties, Element2DEventMap, Element2DProperties, Element2DStyleProperties, EmbossEffectProperties, EngineOptions, EventListener, EventListenerOptions, EventListenerValue, FillDraw, FlexBaseElement2DEventMap, FlexElement2DProperties, FlexElement2DStyleProperties, GaussianBlurEffectProperties, GeometryOptions, GlitchEffectProperties, GodrayEffectProperties, IAudioContext, IAudioNode, IPlayOptions, Image2DProperties, ImageFrame, ImageTextureOptions, IndexBufferOptions, InputEventKey, InputEventMap, InternalMode, KawaseBlurEffectProperties, Keyframe, Lottie2DProperties, MainLoopEventMap, MaskColor, MaskData, MaskEffectProperties, MaskObject, MaskRect, Maskable, MaterialOptions, MatrixLike, MatrixOperateOutput, Node2DProperties, NodeEventMap, NodeProperties, NormalizedKeyframe, OutlineEffectProperties, PixelateEffectProperties, PlatformAudio, PlatformSound, ProcessMode, ProcessSortMode, RangeProperties, Rectangulable, RectangulableEventMap, RefCountedEventMap, RenderMode, RenderOptions, Renderable, ResourceEventMap, RulerProperties, ScalerEventMap, ScalerProperties, SceneTreeEventMap, ScrollBarProperties, StrokeDraw, Text2DEventMap, Text2DProperties, Texture2DFilterMode, Texture2DPixelsSource, Texture2DSource, Texture2DWrapMode, TextureRect2DProperties, TimelineEventMap, TimelineNodeEventMap, TimelineNodeProperties, TimelineProperties, TimingFunctions, Transform2DObject, TransformRect2DProperties, TransitionProperties, UVTransform, VectorLike, VectorOperateOutput, VertTransform, VertexAttributeOptions, VertexBufferOptions, Video2DProperties, VideoTextureOptions, VideoTextureSource, ViewportEventMap, ViewportFramebuffer, WebGLBufferMeta, WebGLBufferOptions, WebGLBufferTarget, WebGLBufferUsage, WebGLDrawMode, WebGLDrawOptions, WebGLExtensions, WebGLFramebufferMeta, WebGLFramebufferOptions, WebGLProgramMeta, WebGLProgramOptions, WebGLTarget, WebGLTextureFilterMode, WebGLTextureLocation, WebGLTextureMeta, WebGLTextureOptions, WebGLTextureSource, WebGLTextureTarget, WebGLTextureWrapMode, WebGLVertexArrayObjectMeta, WebGLVertexArrayObjectOptions, WebGLVertexAttrib, WebGLVertexAttribType, WebGLViewport, XScrollBarProperties, YScrollBarProperties, ZoomBlurEffectProperties };