modern-canvas 0.2.1 → 0.2.2

package/dist/index.d.cts

@@ -1682,8 +1682,8 @@ declare class Node extends CoreObject {
     get parent(): Node | undefined;
     set parent(parent: Node | undefined);
     hasParent(): boolean;
-    getParent(): Node | undefined;
-    setParent(parent: Node | undefined): this;
+    getParent<T extends Node = Node>(): T | undefined;
+    setParent<T extends Node = Node>(parent: T | undefined): this;
     /** Children */
     protected _children: Node[];
     get siblingIndex(): number;
@@ -1776,7 +1776,6 @@ declare class TimelineNode extends Node {
 }
 
 interface CanvasItemProperties extends TimelineNodeProperties {
-    visible: boolean;
     style: Partial<CanvasItemStyleProperties>;
     modulate: ColorValue;
     blendMode: WebGLBlendMode;
@@ -1791,7 +1790,6 @@ interface CanvasItem {
     emit: (<K extends keyof CanvasItemEventMap>(type: K, ...args: Parameters<CanvasItemEventMap[K]>) => boolean) & ((type: string, ...args: any[]) => boolean);
 }
 declare class CanvasItem extends TimelineNode {
-    visible: boolean;
     modulate?: ColorValue;
     blendMode?: WebGLBlendMode;
     protected _style: CanvasItemStyle;
@@ -1799,10 +1797,11 @@ declare class CanvasItem extends TimelineNode {
     set style(style: CanvasItemStyle);
     /** @internal */
     opacity: number;
+    visible: boolean;
     protected _parentOpacity?: number;
+    protected _parentVisible?: boolean;
     protected _modulate: Color;
     protected _backgroundImage?: Texture2D;
-    _computedVisible: boolean;
     context: CanvasContext;
     protected _resetContext: boolean;
     protected _redrawing: boolean;
@@ -1818,6 +1817,7 @@ declare class CanvasItem extends TimelineNode {
     protected _updateBackgroundColor(): void;
     protected _updateBackgroundImage(): Promise<void>;
     protected _updateOpacity(): void;
+    protected _updateCurrentTime(force?: boolean): void;
     protected _updateVisible(): void;
     show(): void;
     hide(): void;
@@ -2020,8 +2020,6 @@ interface NormalizedKeyframe {
 type AnimationMode = 'parent' | 'sibling';
 interface AnimationProperties extends TimelineNodeProperties {
     animationMode: AnimationMode;
-    startTime: number;
-    duration: number;
     loop: boolean;
     keyframes: Keyframe[];
 }
@@ -2369,11 +2367,11 @@ declare class AudioWaveform extends Node2D {
 }
 
 type EffectMode = 'before' | 'parent' | 'children' | 'transition';
-interface EffectOptions extends TimelineNodeProperties {
-    mode?: EffectMode;
-    glsl?: string;
-    glslSrc?: string;
-    material?: Material;
+interface EffectProperties extends TimelineNodeProperties {
+    mode: EffectMode;
+    glsl: string;
+    glslSrc: string;
+    material: Material;
 }
 interface EffectContext {
     redraw?: boolean;
@@ -2399,7 +2397,7 @@ declare class Effect extends TimelineNode {
     /** Temporary nodes for transition */
     protected _previousSibling?: Node;
     protected _nextSibling?: Node;
-    constructor(options?: EffectOptions);
+    constructor(properties?: Partial<EffectProperties>, children?: Node[]);
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _treeEnter(tree: SceneTree): void;
     protected _treeExit(oldTree: SceneTree): void;
@@ -2523,13 +2521,13 @@ declare class LeftEraseEffect extends Effect {
     apply(renderer: WebGLRenderer): void;
 }
 
-interface MaskEffectOptions extends EffectOptions {
+interface MaskEffectProperties extends EffectProperties {
     src?: string;
 }
 declare class MaskEffect extends Effect {
     texture?: Texture2D<ImageBitmap>;
     src: string;
-    constructor(options?: MaskEffectOptions);
+    constructor(properties?: Partial<MaskEffectProperties>, children?: Node[]);
     load(): Promise<void>;
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     apply(renderer: WebGLRenderer, source: Viewport, context: EffectContext): void;
@@ -2595,6 +2593,27 @@ declare class Control extends CanvasItem implements Rectangulable {
     getRect(): Rect2;
 }
 
+interface RangeProperties extends ControlProperties {
+    allowGreater: boolean;
+    allowLesser: boolean;
+    page: number;
+    minValue: number;
+    maxValue: number;
+    step: number;
+    value: number;
+}
+declare class Range extends Control {
+    allowGreater: boolean;
+    allowLesser: boolean;
+    page: number;
+    minValue: number;
+    maxValue: number;
+    step: number;
+    value: number;
+    constructor(properties?: Partial<RangeProperties>, children?: Node[]);
+    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+}
+
 interface RulerProperties extends ControlProperties {
     offsetX: number;
     offsetY: number;
@@ -2624,22 +2643,36 @@ declare class Ruler extends Control {
     protected _draw(): void;
 }
 
-interface ScrollBarProperties extends ControlProperties {
+interface ScrollBarProperties extends RangeProperties {
     direction: 'vertical' | 'horizontal';
 }
-declare class ScrollBar extends Control {
+declare class ScrollBar extends Range {
     direction: 'vertical' | 'horizontal';
-    padding: number;
-    constructor(properties: Partial<ScrollBarProperties>, children?: Node[]);
-    protected _parentUpdateRect(): void;
+    constructor(properties?: Partial<ScrollBarProperties>, children?: Node[]);
+    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _guiInput(event: InputEvent, key: InputEventKey): void;
     protected _draw(): void;
 }
 
+interface XScrollBarProperties extends Omit<ScrollBarProperties, 'direction'> {
+}
+declare class XScrollBar extends ScrollBar {
+    constructor(properties?: Partial<XScrollBarProperties>, children?: Node[]);
+}
+
+interface YScrollBarProperties extends Omit<ScrollBarProperties, 'direction'> {
+}
+declare class YScrollBar extends ScrollBar {
+    constructor(properties?: Partial<YScrollBarProperties>, children?: Node[]);
+}
+
 interface ScalerEventMap extends NodeEventMap {
     updateScale: (scale: number) => void;
 }
 interface ScalerProperties extends NodeProperties {
+    value: number;
+    minValue: number;
+    maxValue: number;
 }
 interface Scaler {
     on: (<K extends keyof ScalerEventMap>(type: K, listener: ScalerEventMap[K], options?: EventListenerOptions) => this) & ((type: string, listener: EventListenerValue, options?: EventListenerOptions) => this);
@@ -2647,9 +2680,9 @@ interface Scaler {
     emit: (<K extends keyof ScalerEventMap>(type: K, ...args: Parameters<ScalerEventMap[K]>) => boolean) & ((type: string, ...args: any[]) => boolean);
 }
 declare class Scaler extends Node {
-    scale: number;
-    min: number;
-    max: number;
+    value: number;
+    minValue: number;
+    maxValue: number;
     get target(): CanvasItem | undefined;
     constructor(properties?: Partial<ScalerProperties>, children?: Node[]);
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
@@ -2725,8 +2758,8 @@ declare class CanvasEditor extends Control {
     selectionRect: Node2D;
     selector: Node2D;
     scaler: Scaler;
-    xScrollBar: ScrollBar;
-    yScrollBar: ScrollBar;
+    xScrollBar: XScrollBar;
+    yScrollBar: YScrollBar;
     drawboard: Node2D;
     ruler: Ruler;
     protected _pointerStart?: CanvasItemStyle;
@@ -2736,6 +2769,7 @@ declare class CanvasEditor extends Control {
     };
     selected?: CanvasItem;
     constructor();
+    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _guiInput(event: InputEvent, key: InputEventKey): void;
     protected _onPointerdown(e: PointerInputEvent): void;
     protected _onPointermove(e: PointerInputEvent): void;
@@ -2810,4 +2844,4 @@ interface RenderOptions {
 }
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;
 
-export { Animation, type AnimationMode, type AnimationProperties, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformProperties, type Batchable2D, BlurEffect, type CanvasBatchable, CanvasContext, CanvasEditor, CanvasItem, type CanvasItemEventMap, type CanvasItemProperties, CanvasItemStyle, type CanvasItemStyleFilter, type CanvasItemStyleFilterKey, type CanvasItemStyleProperties, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectProperties, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, 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 EffectOptions, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FilledGraphics, FontLoader, Geometry, type GeometryOptions, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DProperties, Image2DResource, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InputEvent, type InputEventKey, type InputEventMap, type InternalMode, JsonLoader, KawaseEffect, type Keyframe, LeftEraseEffect, Loader, Lottie2D, type Lottie2DProperties, LottieLoader, MainLoop, type MainLoopEventMap, type MaskColor, type MaskData, MaskEffect, type MaskEffectOptions, 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, type PointerEvents, PointerInputEvent, type ProcessMode, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, RawWeakMap, Rect2, 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 StrokedGraphics, Text2D, type Text2DProperties, TextLoader, Texture2D, type Texture2DFilterMode, type Texture2DPixelsSource, type Texture2DSource, type Texture2DWrapMode, TextureLoader, TextureRect2D, type TextureRect2DProperties, Ticker, TiltShiftEffect, Timeline, type TimelineEventMap, TimelineNode, type TimelineNodeEventMap, type TimelineNodeProperties, type TimelineProperties, type TimingFunctions, Transform2D, type Transform2DObject, TwistEffect, 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, 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, parseCssFunctions, parseCssProperty, property, protectedProperty, render, timingFunctions, uid };
+export { Animation, type AnimationMode, type AnimationProperties, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformProperties, type Batchable2D, BlurEffect, type CanvasBatchable, CanvasContext, CanvasEditor, CanvasItem, type CanvasItemEventMap, type CanvasItemProperties, CanvasItemStyle, type CanvasItemStyleFilter, type CanvasItemStyleFilterKey, type CanvasItemStyleProperties, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectProperties, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, 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, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FilledGraphics, FontLoader, Geometry, type GeometryOptions, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DProperties, Image2DResource, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InputEvent, type InputEventKey, type InputEventMap, type InternalMode, JsonLoader, KawaseEffect, type Keyframe, LeftEraseEffect, 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, type PointerEvents, PointerInputEvent, type ProcessMode, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, type RangeProperties, RawWeakMap, Rect2, 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 StrokedGraphics, Text2D, type Text2DProperties, TextLoader, Texture2D, type Texture2DFilterMode, type Texture2DPixelsSource, type Texture2DSource, type Texture2DWrapMode, TextureLoader, TextureRect2D, type TextureRect2DProperties, Ticker, TiltShiftEffect, Timeline, type TimelineEventMap, TimelineNode, type TimelineNodeEventMap, type TimelineNodeProperties, type TimelineProperties, type TimingFunctions, Transform2D, type Transform2DObject, TwistEffect, 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, parseCssFunctions, parseCssProperty, property, protectedProperty, render, timingFunctions, uid };

package/dist/index.d.mts

@@ -1682,8 +1682,8 @@ declare class Node extends CoreObject {
     get parent(): Node | undefined;
     set parent(parent: Node | undefined);
     hasParent(): boolean;
-    getParent(): Node | undefined;
-    setParent(parent: Node | undefined): this;
+    getParent<T extends Node = Node>(): T | undefined;
+    setParent<T extends Node = Node>(parent: T | undefined): this;
     /** Children */
     protected _children: Node[];
     get siblingIndex(): number;
@@ -1776,7 +1776,6 @@ declare class TimelineNode extends Node {
 }
 
 interface CanvasItemProperties extends TimelineNodeProperties {
-    visible: boolean;
     style: Partial<CanvasItemStyleProperties>;
     modulate: ColorValue;
     blendMode: WebGLBlendMode;
@@ -1791,7 +1790,6 @@ interface CanvasItem {
     emit: (<K extends keyof CanvasItemEventMap>(type: K, ...args: Parameters<CanvasItemEventMap[K]>) => boolean) & ((type: string, ...args: any[]) => boolean);
 }
 declare class CanvasItem extends TimelineNode {
-    visible: boolean;
     modulate?: ColorValue;
     blendMode?: WebGLBlendMode;
     protected _style: CanvasItemStyle;
@@ -1799,10 +1797,11 @@ declare class CanvasItem extends TimelineNode {
     set style(style: CanvasItemStyle);
     /** @internal */
     opacity: number;
+    visible: boolean;
     protected _parentOpacity?: number;
+    protected _parentVisible?: boolean;
     protected _modulate: Color;
     protected _backgroundImage?: Texture2D;
-    _computedVisible: boolean;
     context: CanvasContext;
     protected _resetContext: boolean;
     protected _redrawing: boolean;
@@ -1818,6 +1817,7 @@ declare class CanvasItem extends TimelineNode {
     protected _updateBackgroundColor(): void;
     protected _updateBackgroundImage(): Promise<void>;
     protected _updateOpacity(): void;
+    protected _updateCurrentTime(force?: boolean): void;
     protected _updateVisible(): void;
     show(): void;
     hide(): void;
@@ -2020,8 +2020,6 @@ interface NormalizedKeyframe {
 type AnimationMode = 'parent' | 'sibling';
 interface AnimationProperties extends TimelineNodeProperties {
     animationMode: AnimationMode;
-    startTime: number;
-    duration: number;
     loop: boolean;
     keyframes: Keyframe[];
 }
@@ -2369,11 +2367,11 @@ declare class AudioWaveform extends Node2D {
 }
 
 type EffectMode = 'before' | 'parent' | 'children' | 'transition';
-interface EffectOptions extends TimelineNodeProperties {
-    mode?: EffectMode;
-    glsl?: string;
-    glslSrc?: string;
-    material?: Material;
+interface EffectProperties extends TimelineNodeProperties {
+    mode: EffectMode;
+    glsl: string;
+    glslSrc: string;
+    material: Material;
 }
 interface EffectContext {
     redraw?: boolean;
@@ -2399,7 +2397,7 @@ declare class Effect extends TimelineNode {
     /** Temporary nodes for transition */
     protected _previousSibling?: Node;
     protected _nextSibling?: Node;
-    constructor(options?: EffectOptions);
+    constructor(properties?: Partial<EffectProperties>, children?: Node[]);
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _treeEnter(tree: SceneTree): void;
     protected _treeExit(oldTree: SceneTree): void;
@@ -2523,13 +2521,13 @@ declare class LeftEraseEffect extends Effect {
     apply(renderer: WebGLRenderer): void;
 }
 
-interface MaskEffectOptions extends EffectOptions {
+interface MaskEffectProperties extends EffectProperties {
     src?: string;
 }
 declare class MaskEffect extends Effect {
     texture?: Texture2D<ImageBitmap>;
     src: string;
-    constructor(options?: MaskEffectOptions);
+    constructor(properties?: Partial<MaskEffectProperties>, children?: Node[]);
     load(): Promise<void>;
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     apply(renderer: WebGLRenderer, source: Viewport, context: EffectContext): void;
@@ -2595,6 +2593,27 @@ declare class Control extends CanvasItem implements Rectangulable {
     getRect(): Rect2;
 }
 
+interface RangeProperties extends ControlProperties {
+    allowGreater: boolean;
+    allowLesser: boolean;
+    page: number;
+    minValue: number;
+    maxValue: number;
+    step: number;
+    value: number;
+}
+declare class Range extends Control {
+    allowGreater: boolean;
+    allowLesser: boolean;
+    page: number;
+    minValue: number;
+    maxValue: number;
+    step: number;
+    value: number;
+    constructor(properties?: Partial<RangeProperties>, children?: Node[]);
+    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+}
+
 interface RulerProperties extends ControlProperties {
     offsetX: number;
     offsetY: number;
@@ -2624,22 +2643,36 @@ declare class Ruler extends Control {
     protected _draw(): void;
 }
 
-interface ScrollBarProperties extends ControlProperties {
+interface ScrollBarProperties extends RangeProperties {
     direction: 'vertical' | 'horizontal';
 }
-declare class ScrollBar extends Control {
+declare class ScrollBar extends Range {
     direction: 'vertical' | 'horizontal';
-    padding: number;
-    constructor(properties: Partial<ScrollBarProperties>, children?: Node[]);
-    protected _parentUpdateRect(): void;
+    constructor(properties?: Partial<ScrollBarProperties>, children?: Node[]);
+    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _guiInput(event: InputEvent, key: InputEventKey): void;
     protected _draw(): void;
 }
 
+interface XScrollBarProperties extends Omit<ScrollBarProperties, 'direction'> {
+}
+declare class XScrollBar extends ScrollBar {
+    constructor(properties?: Partial<XScrollBarProperties>, children?: Node[]);
+}
+
+interface YScrollBarProperties extends Omit<ScrollBarProperties, 'direction'> {
+}
+declare class YScrollBar extends ScrollBar {
+    constructor(properties?: Partial<YScrollBarProperties>, children?: Node[]);
+}
+
 interface ScalerEventMap extends NodeEventMap {
     updateScale: (scale: number) => void;
 }
 interface ScalerProperties extends NodeProperties {
+    value: number;
+    minValue: number;
+    maxValue: number;
 }
 interface Scaler {
     on: (<K extends keyof ScalerEventMap>(type: K, listener: ScalerEventMap[K], options?: EventListenerOptions) => this) & ((type: string, listener: EventListenerValue, options?: EventListenerOptions) => this);
@@ -2647,9 +2680,9 @@ interface Scaler {
     emit: (<K extends keyof ScalerEventMap>(type: K, ...args: Parameters<ScalerEventMap[K]>) => boolean) & ((type: string, ...args: any[]) => boolean);
 }
 declare class Scaler extends Node {
-    scale: number;
-    min: number;
-    max: number;
+    value: number;
+    minValue: number;
+    maxValue: number;
     get target(): CanvasItem | undefined;
     constructor(properties?: Partial<ScalerProperties>, children?: Node[]);
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
@@ -2725,8 +2758,8 @@ declare class CanvasEditor extends Control {
     selectionRect: Node2D;
     selector: Node2D;
     scaler: Scaler;
-    xScrollBar: ScrollBar;
-    yScrollBar: ScrollBar;
+    xScrollBar: XScrollBar;
+    yScrollBar: YScrollBar;
     drawboard: Node2D;
     ruler: Ruler;
     protected _pointerStart?: CanvasItemStyle;
@@ -2736,6 +2769,7 @@ declare class CanvasEditor extends Control {
     };
     selected?: CanvasItem;
     constructor();
+    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _guiInput(event: InputEvent, key: InputEventKey): void;
     protected _onPointerdown(e: PointerInputEvent): void;
     protected _onPointermove(e: PointerInputEvent): void;
@@ -2810,4 +2844,4 @@ interface RenderOptions {
 }
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;
 
-export { Animation, type AnimationMode, type AnimationProperties, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformProperties, type Batchable2D, BlurEffect, type CanvasBatchable, CanvasContext, CanvasEditor, CanvasItem, type CanvasItemEventMap, type CanvasItemProperties, CanvasItemStyle, type CanvasItemStyleFilter, type CanvasItemStyleFilterKey, type CanvasItemStyleProperties, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectProperties, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, 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 EffectOptions, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FilledGraphics, FontLoader, Geometry, type GeometryOptions, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DProperties, Image2DResource, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InputEvent, type InputEventKey, type InputEventMap, type InternalMode, JsonLoader, KawaseEffect, type Keyframe, LeftEraseEffect, Loader, Lottie2D, type Lottie2DProperties, LottieLoader, MainLoop, type MainLoopEventMap, type MaskColor, type MaskData, MaskEffect, type MaskEffectOptions, 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, type PointerEvents, PointerInputEvent, type ProcessMode, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, RawWeakMap, Rect2, 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 StrokedGraphics, Text2D, type Text2DProperties, TextLoader, Texture2D, type Texture2DFilterMode, type Texture2DPixelsSource, type Texture2DSource, type Texture2DWrapMode, TextureLoader, TextureRect2D, type TextureRect2DProperties, Ticker, TiltShiftEffect, Timeline, type TimelineEventMap, TimelineNode, type TimelineNodeEventMap, type TimelineNodeProperties, type TimelineProperties, type TimingFunctions, Transform2D, type Transform2DObject, TwistEffect, 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, 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, parseCssFunctions, parseCssProperty, property, protectedProperty, render, timingFunctions, uid };
+export { Animation, type AnimationMode, type AnimationProperties, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformProperties, type Batchable2D, BlurEffect, type CanvasBatchable, CanvasContext, CanvasEditor, CanvasItem, type CanvasItemEventMap, type CanvasItemProperties, CanvasItemStyle, type CanvasItemStyleFilter, type CanvasItemStyleFilterKey, type CanvasItemStyleProperties, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectProperties, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, 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, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FilledGraphics, FontLoader, Geometry, type GeometryOptions, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DProperties, Image2DResource, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InputEvent, type InputEventKey, type InputEventMap, type InternalMode, JsonLoader, KawaseEffect, type Keyframe, LeftEraseEffect, 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, type PointerEvents, PointerInputEvent, type ProcessMode, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, type RangeProperties, RawWeakMap, Rect2, 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 StrokedGraphics, Text2D, type Text2DProperties, TextLoader, Texture2D, type Texture2DFilterMode, type Texture2DPixelsSource, type Texture2DSource, type Texture2DWrapMode, TextureLoader, TextureRect2D, type TextureRect2DProperties, Ticker, TiltShiftEffect, Timeline, type TimelineEventMap, TimelineNode, type TimelineNodeEventMap, type TimelineNodeProperties, type TimelineProperties, type TimingFunctions, Transform2D, type Transform2DObject, TwistEffect, 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, parseCssFunctions, parseCssProperty, property, protectedProperty, render, timingFunctions, uid };

package/dist/index.d.ts

@@ -1682,8 +1682,8 @@ declare class Node extends CoreObject {
     get parent(): Node | undefined;
     set parent(parent: Node | undefined);
     hasParent(): boolean;
-    getParent(): Node | undefined;
-    setParent(parent: Node | undefined): this;
+    getParent<T extends Node = Node>(): T | undefined;
+    setParent<T extends Node = Node>(parent: T | undefined): this;
     /** Children */
     protected _children: Node[];
     get siblingIndex(): number;
@@ -1776,7 +1776,6 @@ declare class TimelineNode extends Node {
 }
 
 interface CanvasItemProperties extends TimelineNodeProperties {
-    visible: boolean;
     style: Partial<CanvasItemStyleProperties>;
     modulate: ColorValue;
     blendMode: WebGLBlendMode;
@@ -1791,7 +1790,6 @@ interface CanvasItem {
     emit: (<K extends keyof CanvasItemEventMap>(type: K, ...args: Parameters<CanvasItemEventMap[K]>) => boolean) & ((type: string, ...args: any[]) => boolean);
 }
 declare class CanvasItem extends TimelineNode {
-    visible: boolean;
     modulate?: ColorValue;
     blendMode?: WebGLBlendMode;
     protected _style: CanvasItemStyle;
@@ -1799,10 +1797,11 @@ declare class CanvasItem extends TimelineNode {
     set style(style: CanvasItemStyle);
     /** @internal */
     opacity: number;
+    visible: boolean;
     protected _parentOpacity?: number;
+    protected _parentVisible?: boolean;
     protected _modulate: Color;
     protected _backgroundImage?: Texture2D;
-    _computedVisible: boolean;
     context: CanvasContext;
     protected _resetContext: boolean;
     protected _redrawing: boolean;
@@ -1818,6 +1817,7 @@ declare class CanvasItem extends TimelineNode {
     protected _updateBackgroundColor(): void;
     protected _updateBackgroundImage(): Promise<void>;
     protected _updateOpacity(): void;
+    protected _updateCurrentTime(force?: boolean): void;
     protected _updateVisible(): void;
     show(): void;
     hide(): void;
@@ -2020,8 +2020,6 @@ interface NormalizedKeyframe {
 type AnimationMode = 'parent' | 'sibling';
 interface AnimationProperties extends TimelineNodeProperties {
     animationMode: AnimationMode;
-    startTime: number;
-    duration: number;
     loop: boolean;
     keyframes: Keyframe[];
 }
@@ -2369,11 +2367,11 @@ declare class AudioWaveform extends Node2D {
 }
 
 type EffectMode = 'before' | 'parent' | 'children' | 'transition';
-interface EffectOptions extends TimelineNodeProperties {
-    mode?: EffectMode;
-    glsl?: string;
-    glslSrc?: string;
-    material?: Material;
+interface EffectProperties extends TimelineNodeProperties {
+    mode: EffectMode;
+    glsl: string;
+    glslSrc: string;
+    material: Material;
 }
 interface EffectContext {
     redraw?: boolean;
@@ -2399,7 +2397,7 @@ declare class Effect extends TimelineNode {
     /** Temporary nodes for transition */
     protected _previousSibling?: Node;
     protected _nextSibling?: Node;
-    constructor(options?: EffectOptions);
+    constructor(properties?: Partial<EffectProperties>, children?: Node[]);
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _treeEnter(tree: SceneTree): void;
     protected _treeExit(oldTree: SceneTree): void;
@@ -2523,13 +2521,13 @@ declare class LeftEraseEffect extends Effect {
     apply(renderer: WebGLRenderer): void;
 }
 
-interface MaskEffectOptions extends EffectOptions {
+interface MaskEffectProperties extends EffectProperties {
     src?: string;
 }
 declare class MaskEffect extends Effect {
     texture?: Texture2D<ImageBitmap>;
     src: string;
-    constructor(options?: MaskEffectOptions);
+    constructor(properties?: Partial<MaskEffectProperties>, children?: Node[]);
     load(): Promise<void>;
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     apply(renderer: WebGLRenderer, source: Viewport, context: EffectContext): void;
@@ -2595,6 +2593,27 @@ declare class Control extends CanvasItem implements Rectangulable {
     getRect(): Rect2;
 }
 
+interface RangeProperties extends ControlProperties {
+    allowGreater: boolean;
+    allowLesser: boolean;
+    page: number;
+    minValue: number;
+    maxValue: number;
+    step: number;
+    value: number;
+}
+declare class Range extends Control {
+    allowGreater: boolean;
+    allowLesser: boolean;
+    page: number;
+    minValue: number;
+    maxValue: number;
+    step: number;
+    value: number;
+    constructor(properties?: Partial<RangeProperties>, children?: Node[]);
+    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+}
+
 interface RulerProperties extends ControlProperties {
     offsetX: number;
     offsetY: number;
@@ -2624,22 +2643,36 @@ declare class Ruler extends Control {
     protected _draw(): void;
 }
 
-interface ScrollBarProperties extends ControlProperties {
+interface ScrollBarProperties extends RangeProperties {
     direction: 'vertical' | 'horizontal';
 }
-declare class ScrollBar extends Control {
+declare class ScrollBar extends Range {
     direction: 'vertical' | 'horizontal';
-    padding: number;
-    constructor(properties: Partial<ScrollBarProperties>, children?: Node[]);
-    protected _parentUpdateRect(): void;
+    constructor(properties?: Partial<ScrollBarProperties>, children?: Node[]);
+    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _guiInput(event: InputEvent, key: InputEventKey): void;
     protected _draw(): void;
 }
 
+interface XScrollBarProperties extends Omit<ScrollBarProperties, 'direction'> {
+}
+declare class XScrollBar extends ScrollBar {
+    constructor(properties?: Partial<XScrollBarProperties>, children?: Node[]);
+}
+
+interface YScrollBarProperties extends Omit<ScrollBarProperties, 'direction'> {
+}
+declare class YScrollBar extends ScrollBar {
+    constructor(properties?: Partial<YScrollBarProperties>, children?: Node[]);
+}
+
 interface ScalerEventMap extends NodeEventMap {
     updateScale: (scale: number) => void;
 }
 interface ScalerProperties extends NodeProperties {
+    value: number;
+    minValue: number;
+    maxValue: number;
 }
 interface Scaler {
     on: (<K extends keyof ScalerEventMap>(type: K, listener: ScalerEventMap[K], options?: EventListenerOptions) => this) & ((type: string, listener: EventListenerValue, options?: EventListenerOptions) => this);
@@ -2647,9 +2680,9 @@ interface Scaler {
     emit: (<K extends keyof ScalerEventMap>(type: K, ...args: Parameters<ScalerEventMap[K]>) => boolean) & ((type: string, ...args: any[]) => boolean);
 }
 declare class Scaler extends Node {
-    scale: number;
-    min: number;
-    max: number;
+    value: number;
+    minValue: number;
+    maxValue: number;
     get target(): CanvasItem | undefined;
     constructor(properties?: Partial<ScalerProperties>, children?: Node[]);
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
@@ -2725,8 +2758,8 @@ declare class CanvasEditor extends Control {
     selectionRect: Node2D;
     selector: Node2D;
     scaler: Scaler;
-    xScrollBar: ScrollBar;
-    yScrollBar: ScrollBar;
+    xScrollBar: XScrollBar;
+    yScrollBar: YScrollBar;
     drawboard: Node2D;
     ruler: Ruler;
     protected _pointerStart?: CanvasItemStyle;
@@ -2736,6 +2769,7 @@ declare class CanvasEditor extends Control {
     };
     selected?: CanvasItem;
     constructor();
+    protected _updateStyleProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _guiInput(event: InputEvent, key: InputEventKey): void;
     protected _onPointerdown(e: PointerInputEvent): void;
     protected _onPointermove(e: PointerInputEvent): void;
@@ -2810,4 +2844,4 @@ interface RenderOptions {
 }
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;
 
-export { Animation, type AnimationMode, type AnimationProperties, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformProperties, type Batchable2D, BlurEffect, type CanvasBatchable, CanvasContext, CanvasEditor, CanvasItem, type CanvasItemEventMap, type CanvasItemProperties, CanvasItemStyle, type CanvasItemStyleFilter, type CanvasItemStyleFilterKey, type CanvasItemStyleProperties, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectProperties, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, 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 EffectOptions, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FilledGraphics, FontLoader, Geometry, type GeometryOptions, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DProperties, Image2DResource, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InputEvent, type InputEventKey, type InputEventMap, type InternalMode, JsonLoader, KawaseEffect, type Keyframe, LeftEraseEffect, Loader, Lottie2D, type Lottie2DProperties, LottieLoader, MainLoop, type MainLoopEventMap, type MaskColor, type MaskData, MaskEffect, type MaskEffectOptions, 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, type PointerEvents, PointerInputEvent, type ProcessMode, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, RawWeakMap, Rect2, 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 StrokedGraphics, Text2D, type Text2DProperties, TextLoader, Texture2D, type Texture2DFilterMode, type Texture2DPixelsSource, type Texture2DSource, type Texture2DWrapMode, TextureLoader, TextureRect2D, type TextureRect2DProperties, Ticker, TiltShiftEffect, Timeline, type TimelineEventMap, TimelineNode, type TimelineNodeEventMap, type TimelineNodeProperties, type TimelineProperties, type TimingFunctions, Transform2D, type Transform2DObject, TwistEffect, 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, 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, parseCssFunctions, parseCssProperty, property, protectedProperty, render, timingFunctions, uid };
+export { Animation, type AnimationMode, type AnimationProperties, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformProperties, type Batchable2D, BlurEffect, type CanvasBatchable, CanvasContext, CanvasEditor, CanvasItem, type CanvasItemEventMap, type CanvasItemProperties, CanvasItemStyle, type CanvasItemStyleFilter, type CanvasItemStyleFilterKey, type CanvasItemStyleProperties, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectProperties, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, 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, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FilledGraphics, FontLoader, Geometry, type GeometryOptions, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DProperties, Image2DResource, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InputEvent, type InputEventKey, type InputEventMap, type InternalMode, JsonLoader, KawaseEffect, type Keyframe, LeftEraseEffect, 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, type PointerEvents, PointerInputEvent, type ProcessMode, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, type RangeProperties, RawWeakMap, Rect2, 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 StrokedGraphics, Text2D, type Text2DProperties, TextLoader, Texture2D, type Texture2DFilterMode, type Texture2DPixelsSource, type Texture2DSource, type Texture2DWrapMode, TextureLoader, TextureRect2D, type TextureRect2DProperties, Ticker, TiltShiftEffect, Timeline, type TimelineEventMap, TimelineNode, type TimelineNodeEventMap, type TimelineNodeProperties, type TimelineProperties, type TimingFunctions, Transform2D, type Transform2DObject, TwistEffect, 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, parseCssFunctions, parseCssProperty, property, protectedProperty, render, timingFunctions, uid };