modern-canvas 0.7.10 → 0.7.11

package/dist/index.d.ts

@@ -50,68 +50,57 @@ declare class Ticker {
 type Cursor = 'auto' | 'default' | 'none' | 'context-menu' | 'help' | 'pointer' | 'progress' | 'wait' | 'cell' | 'crosshair' | 'text' | 'vertical-text' | 'alias' | 'copy' | 'move' | 'no-drop' | 'not-allowed' | 'e-resize' | 'n-resize' | 'ne-resize' | 'nw-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'w-resize' | 'ns-resize' | 'ew-resize' | 'nesw-resize' | 'col-resize' | 'nwse-resize' | 'row-resize' | 'all-scroll' | 'zoom-in' | 'zoom-out' | 'grab' | 'grabbing' | string;
 
 declare class InputEvent<N extends UIEvent = UIEvent> implements UIEvent {
+    nativeEvent: N;
+    cursor?: Cursor;
     bubbles: boolean;
-    readonly cancelable = false;
-    which: number;
     cancelBubble: boolean;
-    returnValue: boolean;
-    srcElement: EventTarget;
-    readonly composed = false;
+    cancelable: boolean;
+    composed: boolean;
     currentTarget: any;
     defaultPrevented: boolean;
     eventPhase: number;
     isTrusted: boolean;
+    returnValue: boolean;
+    srcElement: EventTarget | null;
     target: any;
     timeStamp: number;
     type: string;
-    nativeEvent: N;
-    originalEvent: InputEvent<N> | null;
-    propagationStopped: boolean;
-    propagationImmediatelyStopped: boolean;
     path: any[];
-    detail: number;
-    view: WindowProxy;
-    layer: {
-        x: number;
-        y: number;
-    };
-    get layerX(): number;
-    get layerY(): number;
-    page: {
-        x: number;
-        y: number;
-    };
-    get pageX(): number;
-    get pageY(): number;
-    initEvent(..._args: any[]): void;
-    initUIEvent(..._args: any[]): void;
     composedPath(): any[];
+    initEvent(..._args: any[]): void;
     preventDefault(): void;
+    propagationImmediatelyStopped: boolean;
     stopImmediatePropagation(): void;
+    propagationStopped: boolean;
     stopPropagation(): void;
     readonly NONE = 0;
     readonly CAPTURING_PHASE = 1;
     readonly AT_TARGET = 2;
     readonly BUBBLING_PHASE = 3;
+    detail: number;
+    view: WindowProxy;
+    which: number;
+    initUIEvent(..._args: any[]): void;
 }
 
 declare class MouseInputEvent extends InputEvent implements MouseEvent {
     altKey: boolean;
     button: number;
     buttons: number;
-    ctrlKey: boolean;
-    metaKey: boolean;
-    relatedTarget: EventTarget | null;
-    shiftKey: boolean;
     client: {
         x: number;
         y: number;
     };
     get clientX(): number;
     get clientY(): number;
-    get x(): number;
-    get y(): number;
-    detail: number;
+    ctrlKey: boolean;
+    layer: {
+        x: number;
+        y: number;
+    };
+    get layerX(): number;
+    get layerY(): number;
+    metaKey: boolean;
     movement: {
         x: number;
         y: number;
@@ -124,20 +113,50 @@ declare class MouseInputEvent extends InputEvent implements MouseEvent {
     };
     get offsetX(): number;
     get offsetY(): number;
-    global: {
+    page: {
         x: number;
         y: number;
     };
-    get globalX(): number;
-    get globalY(): number;
+    get pageX(): number;
+    get pageY(): number;
+    relatedTarget: EventTarget | null;
     screen: {
         x: number;
         y: number;
     };
     get screenX(): number;
     get screenY(): number;
+    shiftKey: boolean;
+    get x(): number;
+    get y(): number;
     getModifierState(key: string): boolean;
     initMouseEvent(..._args: any[]): void;
+    global: {
+        x: number;
+        y: number;
+    };
+    get globalX(): number;
+    get globalY(): number;
+}
+
+declare class KeyboardInputEvent extends InputEvent implements KeyboardEvent {
+    altKey: boolean;
+    charCode: number;
+    code: string;
+    ctrlKey: boolean;
+    isComposing: boolean;
+    key: string;
+    keyCode: number;
+    location: number;
+    metaKey: boolean;
+    repeat: boolean;
+    shiftKey: boolean;
+    getModifierState(..._args: any[]): boolean;
+    initKeyboardEvent(..._args: any[]): void;
+    DOM_KEY_LOCATION_STANDARD: 0x00;
+    DOM_KEY_LOCATION_LEFT: 0x01;
+    DOM_KEY_LOCATION_RIGHT: 0x02;
+    DOM_KEY_LOCATION_NUMPAD: 0x03;
 }
 
 declare class PointerInputEvent extends MouseInputEvent implements PointerEvent {
@@ -177,6 +196,9 @@ interface InputEventMap {
     pointermove: (ev: PointerInputEvent) => void;
     pointerup: (ev: PointerInputEvent) => void;
     wheel: (ev: WheelInputEvent) => void;
+    keydown: (ev: KeyboardInputEvent) => void;
+    keypress: (ev: KeyboardInputEvent) => void;
+    keyup: (ev: KeyboardInputEvent) => void;
 }
 type InputEventKey = keyof InputEventMap;
 interface Input {
@@ -186,35 +208,41 @@ interface Input {
     emit: (<K extends keyof InputEventMap>(type: K, ...args: Parameters<InputEventMap[K]>) => boolean) & ((type: string, ...args: any[]) => boolean);
 }
 declare class Input extends EventEmitter {
-    target?: HTMLElement;
-    cursor: Cursor | string;
-    cursorStyles: Record<string, any>;
-    setuped: boolean;
     /**
      * Current event
      */
-    event?: PointerInputEvent | WheelInputEvent;
+    event?: PointerInputEvent | WheelInputEvent | KeyboardInputEvent;
+    target?: HTMLElement;
+    cursor: Cursor;
+    cursorStyles: Record<string, any>;
+    setuped: boolean;
     enableMoveEvent: boolean;
     enableWheelEvent: boolean;
     enableClickEvent: boolean;
     setTarget(target: HTMLElement): void;
     removeEventListeners(): void;
     addEventListeners(): void;
+    protected normalize(event: KeyboardEvent): KeyboardEvent[];
     protected normalize(event: WheelEvent): WheelEvent[];
     protected normalize(event: TouchEvent | PointerEvent | MouseEvent): PointerEvent[];
-    protected cloneWheelEvent(nativeEvent: WheelEvent): WheelInputEvent;
-    protected clonePointerEvent(nativeEvent: PointerEvent): PointerInputEvent;
-    protected copyMouseEvent(event: MouseInputEvent, nativeEvent: MouseEvent): void;
+    protected _clonePointerEvent(nativeEvent: PointerEvent): PointerInputEvent;
+    protected _copyInputEvent(event: InputEvent, nativeEvent: UIEvent): void;
+    protected _copyMouseEvent(event: MouseInputEvent, nativeEvent: MouseEvent): void;
+    protected _cloneWheelEvent(nativeEvent: WheelEvent): WheelInputEvent;
+    protected _cloneKeyboardEvent(nativeEvent: KeyboardEvent): KeyboardInputEvent;
     setCursor(mode?: Cursor): void;
     mapPositionToPoint(point: {
         x: number;
         y: number;
     }, x: number, y: number): void;
-    protected onPointerDown: (nativeEvent: PointerEvent | TouchEvent | MouseEvent) => void;
-    protected onPointerOver: (nativeEvent: PointerEvent | TouchEvent | MouseEvent) => void;
-    protected onPointerMove: (nativeEvent: PointerEvent | TouchEvent | MouseEvent) => void;
-    protected onPointerUp: (nativeEvent: PointerEvent | TouchEvent | MouseEvent) => void;
-    protected onWheel: (nativeEvent: WheelEvent) => void;
+    protected _onKeyDown: (nativeEvent: KeyboardEvent) => void;
+    protected _onKeyPress: (nativeEvent: KeyboardEvent) => void;
+    protected _onKeyUp: (nativeEvent: KeyboardEvent) => void;
+    protected _onPointerDown: (nativeEvent: PointerEvent | TouchEvent | MouseEvent) => void;
+    protected _onPointerOver: (nativeEvent: PointerEvent | TouchEvent | MouseEvent) => void;
+    protected _onPointerMove: (nativeEvent: PointerEvent | TouchEvent | MouseEvent) => void;
+    protected _onPointerUp: (nativeEvent: PointerEvent | TouchEvent | MouseEvent) => void;
+    protected _onWheel: (nativeEvent: WheelEvent) => void;
 }
 
 interface CoreObjectEventMap {
@@ -1910,10 +1938,17 @@ declare class Camera2D extends Node2D {
     readonly zoom: Vector2;
     readonly maxZoom: Vector2;
     readonly minZoom: Vector2;
+    spaceKey: boolean;
+    grabbing: boolean;
+    protected _screenOffset: {
+        x: number;
+        y: number;
+    };
     constructor(properties?: Partial<Camera2DProperties>, nodes?: Node[]);
     addZoom(x: number, y?: number): this;
     setZoom(x: number, y?: number): this;
     protected _input(event: InputEvent, key: InputEventKey): void;
+    protected _onWheel(e: WheelInputEvent): void;
     updateTransform(): void;
     updateCanvasTransform(): void;
 }
@@ -1964,6 +1999,8 @@ declare class BaseElement2DOutline extends BaseElement2DFill {
     color: NormalizedOutline['color'];
     width: NormalizedOutline['width'];
     style: NormalizedOutline['style'];
+    lineCap: NormalizedOutline['lineCap'];
+    lineJoin: NormalizedOutline['lineJoin'];
     setProperties(properties?: Outline): this;
     protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     canDraw(): boolean;
@@ -3231,5 +3268,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, 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, 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 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, 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 };