modern-canvas 0.7.14 → 0.8.0

package/dist/index.d.cts

@@ -5,7 +5,7 @@ import { AnimationItem } from 'lottie-web';
 import { Colord, RgbaColor, HslaColor, HsvaColor } from 'colord';
 import { Path2D, LineCap, LineJoin, LineStyle, Path2DSet } from 'modern-path2d';
 import { Text, MeasureResult } from 'modern-text';
-import { Node as Node$1, Direction } from 'yoga-layout/load';
+import { Node as Node$1 } from 'yoga-layout/load';
 
 declare abstract class Loader {
     abstract install(assets: Assets): this;
@@ -444,7 +444,7 @@ declare class Matrix2 extends Matrix {
  */
 declare class Matrix3 extends Matrix {
     constructor(array?: number[]);
-    invert(): this;
+    affineInvert(): this;
 }
 
 declare class Projection2D extends Matrix3 {
@@ -583,8 +583,8 @@ declare class Transform2D extends Matrix3 {
         y: number;
     }, output?: TransformableObject): TransformableObject;
     apply<P extends Vector2Data = Vector2>(pos: Vector2Data, newPos?: P): P;
-    inverse(): this;
-    applyInverse<P extends Vector2Data = Vector2>(pos: Vector2Data, newPos?: P): P;
+    affineInverse(): this;
+    applyAffineInverse<P extends Vector2Data = Vector2>(pos: Vector2Data, newPos?: P): P;
     isIdentity(): boolean;
     toObject(): TransformObject;
 }
@@ -1105,7 +1105,7 @@ declare class WebGLProgramModule extends WebGLModule {
     boundProgram: WebGLProgram | null;
     uniforms: {
         projectionMatrix: number[];
-        worldTransformMatrix: number[];
+        viewMatrix: number[];
     };
     create(options?: WebGLProgramOptions): WebGLProgram;
     getMeta(program: WebGLProgram): WebGLProgramMeta;
@@ -1532,7 +1532,7 @@ interface Viewport {
 declare class Viewport extends Node implements Rectangulable {
     flipY: boolean;
     readonly projection: Projection2D;
-    readonly worldTransform: Transform2D;
+    readonly canvasTransform: Transform2D;
     protected _framebufferIndex: number;
     protected _framebuffers: ViewportFramebuffer[];
     x: number;
@@ -1557,8 +1557,8 @@ declare class Viewport extends Node implements Rectangulable {
     activateWithCopy(renderer: WebGLRenderer, target: Viewport): void;
     render(renderer: WebGLRenderer, next?: () => void): void;
     getRect(): Rect2;
-    toGlobal<P extends Vector2Data = Vector2>(worldPos: Vector2Data, newPos?: P): P;
-    toWorld<P extends Vector2Data = Vector2>(globalPos: Vector2Data, newPos?: P): P;
+    toCanvasGlobal<P extends Vector2Data = Vector2>(screenPos: Vector2Data, newPos?: P): P;
+    toCanvasScreen<P extends Vector2Data = Vector2>(globalPos: Vector2Data, newPos?: P): P;
 }
 
 interface RenderCall {
@@ -1948,8 +1948,7 @@ declare class Node2D extends CanvasItem {
     constructor(properties?: Partial<Node2DProperties>, nodes?: Node[]);
     protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     getTransformOrigin(): Vector2;
-    getTransform(cb?: (transform: Transform2D) => void): Transform2D;
-    updateTransform(): void;
+    updateTransform(cb?: (transform: Transform2D) => void): void;
     updateGlobalTransform(): void;
     protected _transformVertices(vertices: Float32Array, vertTransform?: VertTransform): Float32Array;
     protected _relayout(batchables: CanvasBatchable[]): CanvasBatchable[];
@@ -1961,7 +1960,7 @@ declare class Node2D extends CanvasItem {
 interface Camera2DProperties extends Node2DProperties {
 }
 interface Camera2DEventMap extends Node2DEventMap {
-    updateWorldTransform: () => void;
+    updateCanvasTransform: () => void;
 }
 interface Camera2D {
     on: (<K extends keyof Camera2DEventMap>(type: K, listener: Camera2DEventMap[K], options?: EventListenerOptions) => this) & ((type: string, listener: EventListenerValue, options?: EventListenerOptions) => this);
@@ -1985,7 +1984,9 @@ declare class Camera2D extends Node2D {
     protected _input(event: InputEvent, key: InputEventKey): void;
     protected _onWheel(e: WheelInputEvent): void;
     updateTransform(): void;
-    updateWorldTransform(): void;
+    updateCanvasTransform(): void;
+    toGlobal<P extends Vector2Data = Vector2>(screenPos: Vector2Data, newPos?: P): P;
+    toScreen<P extends Vector2Data = Vector2>(globalPos: Vector2Data, newPos?: P): P;
 }
 
 interface BaseElement2DFill extends NormalizedFill {
@@ -2156,7 +2157,7 @@ declare class BaseElement2D extends Node2D implements Rectangulable {
     protected _updateStyleProperty(key: string, value: any, _oldValue: any, _declaration?: PropertyDeclaration): void;
     protected _updateMaskImage(): void;
     getTransformOrigin(): Vector2;
-    getTransform(cb?: (transform: Transform2D) => void): Transform2D;
+    updateTransform(cb?: (transform: Transform2D) => void): void;
     updateGlobalTransform(): void;
     getRect(): Rect2;
     protected _getPointArray(): Vector2Data[];
@@ -2220,6 +2221,76 @@ declare class Element2D extends BaseElement2D {
     protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
 }
 
+declare const edgeMap: {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    start: number;
+    end: number;
+    horizontal: number;
+    vertical: number;
+    all: number;
+};
+declare const gutterMap: {
+    column: number;
+    row: number;
+    all: number;
+};
+declare const alignMap: {
+    auto: number;
+    'flex-start': number;
+    center: number;
+    'flex-end': number;
+    stretch: number;
+    baseline: number;
+    'space-between': number;
+    'space-around': number;
+    'space-evenly': number;
+};
+declare const displayMap: {
+    flex: number;
+    none: number;
+    contents: number;
+};
+declare const directionMap: {
+    inherit: number;
+    ltr: number;
+    rtl: number;
+};
+declare const flexDirectionMap: {
+    column: number;
+    'column-reverse': number;
+    row: number;
+    'row-reverse': number;
+};
+declare const flexWrapMap: {
+    'no-wrap': number;
+    wrap: number;
+    'Wrap-reverse': number;
+};
+declare const justifyMap: {
+    'flex-start': number;
+    center: number;
+    'flex-end': number;
+    'space-between': number;
+    'space-around': number;
+    'space-evenly': number;
+};
+declare const overflowMap: {
+    visible: number;
+    hidden: number;
+    scroll: number;
+};
+declare const positionTypeMap: {
+    static: number;
+    relative: number;
+    absolute: number;
+};
+declare const boxSizingMap: {
+    'border-box': number;
+    'content-box': number;
+};
 interface ComputedLayout {
     left: number;
     right: number;
@@ -2239,7 +2310,7 @@ declare class FlexLayout {
     get offsetWidth(): number;
     get offsetHeight(): number;
     constructor(_element: FlexElement2D);
-    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: Direction): void;
+    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: typeof displayMap[keyof typeof displayMap]): void;
     getComputedLayout(): ComputedLayout;
     updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
 }
@@ -2270,7 +2341,7 @@ declare class FlexElement2D extends BaseElement2D implements Rectangulable {
     protected _unparented(oldParent: Node): void;
     protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     updateTransform(): void;
-    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: Direction): void;
+    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: typeof directionMap[keyof typeof directionMap]): void;
 }
 
 interface Image2DProperties extends Element2DProperties {
@@ -3141,12 +3212,12 @@ declare class TwistTransition extends Transition {
     apply(renderer: WebGLRenderer, source: Viewport): void;
 }
 
-declare class GIFLoader extends Loader {
+declare class GifLoader extends Loader {
     load: (url: string) => Promise<AnimatedTexture>;
     install(assets: Assets): this;
 }
 
-declare class JSONLoader extends Loader {
+declare class JsonLoader extends Loader {
     load: (url: string) => Promise<Record<string, any>>;
     install(assets: Assets): this;
 }
@@ -3174,8 +3245,8 @@ declare class VideoLoader extends Loader {
 type AssetHandler = (url: string, options?: any) => any | Promise<any>;
 interface Assets {
     font: FontLoader;
-    gif: GIFLoader;
-    json: JSONLoader;
+    gif: GifLoader;
+    json: JsonLoader;
     lottie: LottieLoader;
     text: TextLoader;
     texture: TextureLoader;
@@ -3310,5 +3381,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, Camera2D, 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, FlexElement2D, FlexElement2DStyle, FlexLayout, FontLoader, GIFLoader, GaussianBlurEffect, Geometry, GlitchEffect, GodrayEffect, GradientTexture, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, ImageTexture, IndexBuffer, Input, InputEvent, JSONLoader, KawaseBlurEffect, KawaseTransition, KeyboardInputEvent, 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, 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, Window, 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 { AnimatedTexture, Animation, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, BaseElement2D, BaseElement2DBackground, BaseElement2DFill, BaseElement2DForeground, BaseElement2DOutline, BaseElement2DShadow, BaseElement2DShape, BaseElement2DStyle, BaseElement2DText, Camera2D, 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, FlexElement2D, FlexElement2DStyle, FlexLayout, FontLoader, GaussianBlurEffect, Geometry, GifLoader, GlitchEffect, GodrayEffect, GradientTexture, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, ImageTexture, IndexBuffer, Input, InputEvent, JsonLoader, KawaseBlurEffect, KawaseTransition, KeyboardInputEvent, 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, 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, Window, XScrollBar, YScrollBar, ZoomBlurEffect, alignMap, assets, boxSizingMap, clamp, clampFrag, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, determineCrossOrigin, directionMap, displayMap, ease, easeIn, easeInOut, easeOut, edgeMap, flexDirectionMap, flexWrapMap, frag, getDefaultCssPropertyValue, gutterMap, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, justifyMap, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, overflowMap, parseCSSFilter, parseCSSTransform, parseCSSTransformOrigin, parseCssFunctions, parseCssProperty, positionTypeMap, render, timingFunctions, uid };
 export type { AnimationEffectMode, AnimationProperties, AssetHandler, AudioWaveformProperties, BaseElement2DEventMap, BaseElement2DProperties, BaseElement2DStyleProperties, Batchable2D, CSSFilterKey, CSSFilters, Camera2DEventMap, Camera2DProperties, 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, 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, Node2DEventMap, Node2DProperties, NodeEventMap, NodeProperties, NormalizedKeyframe, OutlineEffectProperties, PixelateEffectProperties, PlatformAudio, PlatformSound, ProcessMode, ProcessSortMode, RangeProperties, Rectangulable, RectangulableEventMap, RefCountedEventMap, RenderMode, RenderOptions, Renderable, ResourceEventMap, RulerProperties, ScalerEventMap, ScalerProperties, SceneTreeEventMap, ScrollBarProperties, StrokeDraw, Texture2DFilterMode, Texture2DPixelsSource, Texture2DSource, Texture2DWrapMode, TextureRect2DProperties, TimelineEventMap, TimelineNodeEventMap, TimelineNodeProperties, TimelineProperties, TimingFunctions, TransformObject, TransformRect2DProperties, TransformableObject, TransitionProperties, UvTransform, Vector2Data, 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 };

package/dist/index.d.mts

@@ -5,7 +5,7 @@ import { AnimationItem } from 'lottie-web';
 import { Colord, RgbaColor, HslaColor, HsvaColor } from 'colord';
 import { Path2D, LineCap, LineJoin, LineStyle, Path2DSet } from 'modern-path2d';
 import { Text, MeasureResult } from 'modern-text';
-import { Node as Node$1, Direction } from 'yoga-layout/load';
+import { Node as Node$1 } from 'yoga-layout/load';
 
 declare abstract class Loader {
     abstract install(assets: Assets): this;
@@ -444,7 +444,7 @@ declare class Matrix2 extends Matrix {
  */
 declare class Matrix3 extends Matrix {
     constructor(array?: number[]);
-    invert(): this;
+    affineInvert(): this;
 }
 
 declare class Projection2D extends Matrix3 {
@@ -583,8 +583,8 @@ declare class Transform2D extends Matrix3 {
         y: number;
     }, output?: TransformableObject): TransformableObject;
     apply<P extends Vector2Data = Vector2>(pos: Vector2Data, newPos?: P): P;
-    inverse(): this;
-    applyInverse<P extends Vector2Data = Vector2>(pos: Vector2Data, newPos?: P): P;
+    affineInverse(): this;
+    applyAffineInverse<P extends Vector2Data = Vector2>(pos: Vector2Data, newPos?: P): P;
     isIdentity(): boolean;
     toObject(): TransformObject;
 }
@@ -1105,7 +1105,7 @@ declare class WebGLProgramModule extends WebGLModule {
     boundProgram: WebGLProgram | null;
     uniforms: {
         projectionMatrix: number[];
-        worldTransformMatrix: number[];
+        viewMatrix: number[];
     };
     create(options?: WebGLProgramOptions): WebGLProgram;
     getMeta(program: WebGLProgram): WebGLProgramMeta;
@@ -1532,7 +1532,7 @@ interface Viewport {
 declare class Viewport extends Node implements Rectangulable {
     flipY: boolean;
     readonly projection: Projection2D;
-    readonly worldTransform: Transform2D;
+    readonly canvasTransform: Transform2D;
     protected _framebufferIndex: number;
     protected _framebuffers: ViewportFramebuffer[];
     x: number;
@@ -1557,8 +1557,8 @@ declare class Viewport extends Node implements Rectangulable {
     activateWithCopy(renderer: WebGLRenderer, target: Viewport): void;
     render(renderer: WebGLRenderer, next?: () => void): void;
     getRect(): Rect2;
-    toGlobal<P extends Vector2Data = Vector2>(worldPos: Vector2Data, newPos?: P): P;
-    toWorld<P extends Vector2Data = Vector2>(globalPos: Vector2Data, newPos?: P): P;
+    toCanvasGlobal<P extends Vector2Data = Vector2>(screenPos: Vector2Data, newPos?: P): P;
+    toCanvasScreen<P extends Vector2Data = Vector2>(globalPos: Vector2Data, newPos?: P): P;
 }
 
 interface RenderCall {
@@ -1948,8 +1948,7 @@ declare class Node2D extends CanvasItem {
     constructor(properties?: Partial<Node2DProperties>, nodes?: Node[]);
     protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     getTransformOrigin(): Vector2;
-    getTransform(cb?: (transform: Transform2D) => void): Transform2D;
-    updateTransform(): void;
+    updateTransform(cb?: (transform: Transform2D) => void): void;
     updateGlobalTransform(): void;
     protected _transformVertices(vertices: Float32Array, vertTransform?: VertTransform): Float32Array;
     protected _relayout(batchables: CanvasBatchable[]): CanvasBatchable[];
@@ -1961,7 +1960,7 @@ declare class Node2D extends CanvasItem {
 interface Camera2DProperties extends Node2DProperties {
 }
 interface Camera2DEventMap extends Node2DEventMap {
-    updateWorldTransform: () => void;
+    updateCanvasTransform: () => void;
 }
 interface Camera2D {
     on: (<K extends keyof Camera2DEventMap>(type: K, listener: Camera2DEventMap[K], options?: EventListenerOptions) => this) & ((type: string, listener: EventListenerValue, options?: EventListenerOptions) => this);
@@ -1985,7 +1984,9 @@ declare class Camera2D extends Node2D {
     protected _input(event: InputEvent, key: InputEventKey): void;
     protected _onWheel(e: WheelInputEvent): void;
     updateTransform(): void;
-    updateWorldTransform(): void;
+    updateCanvasTransform(): void;
+    toGlobal<P extends Vector2Data = Vector2>(screenPos: Vector2Data, newPos?: P): P;
+    toScreen<P extends Vector2Data = Vector2>(globalPos: Vector2Data, newPos?: P): P;
 }
 
 interface BaseElement2DFill extends NormalizedFill {
@@ -2156,7 +2157,7 @@ declare class BaseElement2D extends Node2D implements Rectangulable {
     protected _updateStyleProperty(key: string, value: any, _oldValue: any, _declaration?: PropertyDeclaration): void;
     protected _updateMaskImage(): void;
     getTransformOrigin(): Vector2;
-    getTransform(cb?: (transform: Transform2D) => void): Transform2D;
+    updateTransform(cb?: (transform: Transform2D) => void): void;
     updateGlobalTransform(): void;
     getRect(): Rect2;
     protected _getPointArray(): Vector2Data[];
@@ -2220,6 +2221,76 @@ declare class Element2D extends BaseElement2D {
     protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
 }
 
+declare const edgeMap: {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    start: number;
+    end: number;
+    horizontal: number;
+    vertical: number;
+    all: number;
+};
+declare const gutterMap: {
+    column: number;
+    row: number;
+    all: number;
+};
+declare const alignMap: {
+    auto: number;
+    'flex-start': number;
+    center: number;
+    'flex-end': number;
+    stretch: number;
+    baseline: number;
+    'space-between': number;
+    'space-around': number;
+    'space-evenly': number;
+};
+declare const displayMap: {
+    flex: number;
+    none: number;
+    contents: number;
+};
+declare const directionMap: {
+    inherit: number;
+    ltr: number;
+    rtl: number;
+};
+declare const flexDirectionMap: {
+    column: number;
+    'column-reverse': number;
+    row: number;
+    'row-reverse': number;
+};
+declare const flexWrapMap: {
+    'no-wrap': number;
+    wrap: number;
+    'Wrap-reverse': number;
+};
+declare const justifyMap: {
+    'flex-start': number;
+    center: number;
+    'flex-end': number;
+    'space-between': number;
+    'space-around': number;
+    'space-evenly': number;
+};
+declare const overflowMap: {
+    visible: number;
+    hidden: number;
+    scroll: number;
+};
+declare const positionTypeMap: {
+    static: number;
+    relative: number;
+    absolute: number;
+};
+declare const boxSizingMap: {
+    'border-box': number;
+    'content-box': number;
+};
 interface ComputedLayout {
     left: number;
     right: number;
@@ -2239,7 +2310,7 @@ declare class FlexLayout {
     get offsetWidth(): number;
     get offsetHeight(): number;
     constructor(_element: FlexElement2D);
-    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: Direction): void;
+    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: typeof displayMap[keyof typeof displayMap]): void;
     getComputedLayout(): ComputedLayout;
     updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
 }
@@ -2270,7 +2341,7 @@ declare class FlexElement2D extends BaseElement2D implements Rectangulable {
     protected _unparented(oldParent: Node): void;
     protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     updateTransform(): void;
-    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: Direction): void;
+    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: typeof directionMap[keyof typeof directionMap]): void;
 }
 
 interface Image2DProperties extends Element2DProperties {
@@ -3141,12 +3212,12 @@ declare class TwistTransition extends Transition {
     apply(renderer: WebGLRenderer, source: Viewport): void;
 }
 
-declare class GIFLoader extends Loader {
+declare class GifLoader extends Loader {
     load: (url: string) => Promise<AnimatedTexture>;
     install(assets: Assets): this;
 }
 
-declare class JSONLoader extends Loader {
+declare class JsonLoader extends Loader {
     load: (url: string) => Promise<Record<string, any>>;
     install(assets: Assets): this;
 }
@@ -3174,8 +3245,8 @@ declare class VideoLoader extends Loader {
 type AssetHandler = (url: string, options?: any) => any | Promise<any>;
 interface Assets {
     font: FontLoader;
-    gif: GIFLoader;
-    json: JSONLoader;
+    gif: GifLoader;
+    json: JsonLoader;
     lottie: LottieLoader;
     text: TextLoader;
     texture: TextureLoader;
@@ -3310,5 +3381,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, Camera2D, 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, FlexElement2D, FlexElement2DStyle, FlexLayout, FontLoader, GIFLoader, GaussianBlurEffect, Geometry, GlitchEffect, GodrayEffect, GradientTexture, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, ImageTexture, IndexBuffer, Input, InputEvent, JSONLoader, KawaseBlurEffect, KawaseTransition, KeyboardInputEvent, 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, 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, Window, 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 { AnimatedTexture, Animation, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, BaseElement2D, BaseElement2DBackground, BaseElement2DFill, BaseElement2DForeground, BaseElement2DOutline, BaseElement2DShadow, BaseElement2DShape, BaseElement2DStyle, BaseElement2DText, Camera2D, 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, FlexElement2D, FlexElement2DStyle, FlexLayout, FontLoader, GaussianBlurEffect, Geometry, GifLoader, GlitchEffect, GodrayEffect, GradientTexture, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, ImageTexture, IndexBuffer, Input, InputEvent, JsonLoader, KawaseBlurEffect, KawaseTransition, KeyboardInputEvent, 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, 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, Window, XScrollBar, YScrollBar, ZoomBlurEffect, alignMap, assets, boxSizingMap, clamp, clampFrag, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, determineCrossOrigin, directionMap, displayMap, ease, easeIn, easeInOut, easeOut, edgeMap, flexDirectionMap, flexWrapMap, frag, getDefaultCssPropertyValue, gutterMap, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, justifyMap, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, overflowMap, parseCSSFilter, parseCSSTransform, parseCSSTransformOrigin, parseCssFunctions, parseCssProperty, positionTypeMap, render, timingFunctions, uid };
 export type { AnimationEffectMode, AnimationProperties, AssetHandler, AudioWaveformProperties, BaseElement2DEventMap, BaseElement2DProperties, BaseElement2DStyleProperties, Batchable2D, CSSFilterKey, CSSFilters, Camera2DEventMap, Camera2DProperties, 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, 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, Node2DEventMap, Node2DProperties, NodeEventMap, NodeProperties, NormalizedKeyframe, OutlineEffectProperties, PixelateEffectProperties, PlatformAudio, PlatformSound, ProcessMode, ProcessSortMode, RangeProperties, Rectangulable, RectangulableEventMap, RefCountedEventMap, RenderMode, RenderOptions, Renderable, ResourceEventMap, RulerProperties, ScalerEventMap, ScalerProperties, SceneTreeEventMap, ScrollBarProperties, StrokeDraw, Texture2DFilterMode, Texture2DPixelsSource, Texture2DSource, Texture2DWrapMode, TextureRect2DProperties, TimelineEventMap, TimelineNodeEventMap, TimelineNodeProperties, TimelineProperties, TimingFunctions, TransformObject, TransformRect2DProperties, TransformableObject, TransitionProperties, UvTransform, Vector2Data, 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 };