pts 0.12.7 → 0.12.9

package/dist/index.d.mts

@@ -128,13 +128,6 @@ interface MultiTouchElement {
     addEventListener(evt: any, callback: Function): any;
     removeEventListener(evt: any, callback: Function): any;
 }
-interface PtsCanvasRenderingContext2D extends CanvasRenderingContext2D {
-    webkitBackingStorePixelRatio?: number;
-    mozBackingStorePixelRatio?: number;
-    msBackingStorePixelRatio?: number;
-    oBackingStorePixelRatio?: number;
-    backingStorePixelRatio?: number;
-}
 type CanvasSpaceOptions = {
     bgcolor?: string;
     resize?: boolean;
@@ -202,6 +195,7 @@ type DefaultFormStyle = {
     globalAlpha?: number;
 };
 type CanvasPatternRepetition = "repeat" | "repeat-x" | "repeat-y" | "no-repeat";
+type RenderingContext2D = CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;
 
 /*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 
@@ -318,14 +312,12 @@ declare class Group extends Array<Pt> {
     $matrixMultiply(g: GroupLike | number, transposed?: boolean, elementwise?: boolean): Group;
     zipSlice(index: number, defaultValue?: number | boolean): Pt;
     $zip(defaultValue?: number | boolean, useLongest?: boolean): Group;
-    toBound(): Group;
+    toBound(): Bound;
     toString(): string;
 }
 declare class Bound extends Group implements IPt {
     protected _center: Pt;
     protected _size: Pt;
-    protected _topLeft: Pt;
-    protected _bottomRight: Pt;
     protected _inited: boolean;
     constructor(...args: Pt[]);
     static fromBoundingRect(rect: ClientRect): Bound;
@@ -539,7 +531,7 @@ declare class Img {
     protected _img: HTMLImageElement;
     protected _data: ImageData;
     protected _cv: HTMLCanvasElement;
-    protected _ctx: CanvasRenderingContext2D;
+    protected _ctx: RenderingContext2D;
     protected _scale: number;
     protected _loaded: boolean;
     protected _editable: boolean;
@@ -570,7 +562,7 @@ declare class Img {
     get image(): HTMLImageElement;
     get canvas(): HTMLCanvasElement;
     get data(): ImageData;
-    get ctx(): CanvasRenderingContext2D;
+    get ctx(): RenderingContext2D;
     get loaded(): boolean;
     get pixelScale(): number;
     get imageSize(): Pt;
@@ -584,12 +576,13 @@ declare class CanvasSpace extends MultiTouchSpace {
     protected _canvas: HTMLCanvasElement;
     protected _container: Element;
     protected _pixelScale: number;
-    protected _autoResize: boolean;
     protected _bgcolor: string;
-    protected _ctx: PtsCanvasRenderingContext2D;
+    protected _ctx: CanvasRenderingContext2D;
     protected _offscreen: boolean;
     protected _offCanvas: HTMLCanvasElement;
-    protected _offCtx: PtsCanvasRenderingContext2D;
+    protected _offCtx: RenderingContext2D;
+    protected _resizeObserver: ResizeObserver;
+    protected _autoResize: boolean;
     protected _initialResize: boolean;
     constructor(elem: string | Element, callback?: Function);
     protected _createElement(elem: string, id: any): HTMLElement;
@@ -603,13 +596,13 @@ declare class CanvasSpace extends MultiTouchSpace {
     get background(): string;
     get pixelScale(): number;
     get hasOffscreen(): boolean;
-    get offscreenCtx(): PtsCanvasRenderingContext2D;
+    get offscreenCtx(): RenderingContext2D;
     get offscreenCanvas(): HTMLCanvasElement;
     getForm(): CanvasForm;
     get element(): HTMLCanvasElement;
     get parent(): Element;
     get ready(): boolean;
-    get ctx(): PtsCanvasRenderingContext2D;
+    get ctx(): CanvasRenderingContext2D;
     clear(bg?: string): this;
     clearOffscreen(bg?: string): this;
     protected playItems(time: number): void;
@@ -618,12 +611,12 @@ declare class CanvasSpace extends MultiTouchSpace {
 }
 declare class CanvasForm extends VisualForm {
     protected _space: CanvasSpace;
-    protected _ctx: CanvasRenderingContext2D;
+    protected _ctx: RenderingContext2D;
     protected _estimateTextWidth: (string: any) => number;
     protected _style: DefaultFormStyle;
-    constructor(space?: CanvasSpace | CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D);
+    constructor(space?: CanvasSpace | RenderingContext2D);
     get space(): CanvasSpace;
-    get ctx(): PtsCanvasRenderingContext2D;
+    get ctx(): RenderingContext2D;
     useOffscreen(off?: boolean, clear?: boolean | string): this;
     renderOffscreen(offset?: PtLike): void;
     alpha(a: number): this;
@@ -643,27 +636,27 @@ declare class CanvasForm extends VisualForm {
     protected _textAlign(box: PtLikeIterable, vertical: string, offset?: PtLike, center?: Pt): Pt;
     reset(): this;
     protected _paint(): void;
-    static point(ctx: CanvasRenderingContext2D, p: PtLike, radius?: number, shape?: string): void;
+    static point(ctx: RenderingContext2D, p: PtLike, radius?: number, shape?: string): void;
     point(p: PtLike, radius?: number, shape?: string): this;
-    static circle(ctx: CanvasRenderingContext2D, pt: PtLike, radius?: number): void;
+    static circle(ctx: RenderingContext2D, pt: PtLike, radius?: number): void;
     circle(pts: PtLikeIterable): this;
-    static ellipse(ctx: CanvasRenderingContext2D, pt: PtLike, radius: PtLike, rotation?: number, startAngle?: number, endAngle?: number, cc?: boolean): void;
+    static ellipse(ctx: RenderingContext2D, pt: PtLike, radius: PtLike, rotation?: number, startAngle?: number, endAngle?: number, cc?: boolean): void;
     ellipse(pt: PtLike, radius: PtLike, rotation?: number, startAngle?: number, endAngle?: number, cc?: boolean): this;
-    static arc(ctx: CanvasRenderingContext2D, pt: PtLike, radius: number, startAngle: number, endAngle: number, cc?: boolean): void;
+    static arc(ctx: RenderingContext2D, pt: PtLike, radius: number, startAngle: number, endAngle: number, cc?: boolean): void;
     arc(pt: PtLike, radius: number, startAngle: number, endAngle: number, cc?: boolean): this;
-    static square(ctx: CanvasRenderingContext2D, pt: PtLike, halfsize: number): void;
+    static square(ctx: RenderingContext2D, pt: PtLike, halfsize: number): void;
     square(pt: PtLike, halfsize: number): this;
-    static line(ctx: CanvasRenderingContext2D, pts: PtLikeIterable): void;
+    static line(ctx: RenderingContext2D, pts: PtLikeIterable): void;
     line(pts: PtLikeIterable): this;
-    static polygon(ctx: CanvasRenderingContext2D, pts: PtLikeIterable): void;
+    static polygon(ctx: RenderingContext2D, pts: PtLikeIterable): void;
     polygon(pts: PtLikeIterable): this;
-    static rect(ctx: CanvasRenderingContext2D, pts: PtLikeIterable): void;
+    static rect(ctx: RenderingContext2D, pts: PtLikeIterable): void;
     rect(pts: PtLikeIterable): this;
-    static image(ctx: CanvasRenderingContext2D, ptOrRect: PtLike | PtLikeIterable, img: CanvasImageSource | Img, orig?: PtLikeIterable): void;
+    static image(ctx: RenderingContext2D, ptOrRect: PtLike | PtLikeIterable, img: CanvasImageSource | Img, orig?: PtLikeIterable): void;
     image(ptOrRect: PtLike | PtLikeIterable, img: CanvasImageSource | Img, orig?: PtLikeIterable): this;
-    static imageData(ctx: CanvasRenderingContext2D, ptOrRect: PtLike | PtLikeIterable, img: ImageData): void;
+    static imageData(ctx: RenderingContext2D, ptOrRect: PtLike | PtLikeIterable, img: ImageData): void;
     imageData(ptOrRect: PtLike | PtLikeIterable, img: ImageData): this;
-    static text(ctx: CanvasRenderingContext2D, pt: PtLike, txt: string, maxWidth?: number): void;
+    static text(ctx: RenderingContext2D, pt: PtLike, txt: string, maxWidth?: number): void;
     text(pt: PtLike, txt: string, maxWidth?: number): this;
     textBox(box: PtIterable, txt: string, verticalAlign?: string, tail?: string, overrideBaseline?: boolean): this;
     paragraphBox(box: PtLikeIterable, txt: string, lineHeight?: number, verticalAlign?: string, crop?: boolean): this;
@@ -831,7 +824,7 @@ declare class Rectangle {
     static from(topLeft: PtLike, widthOrSize: number | PtLike, height?: number): Group;
     static fromTopLeft(topLeft: PtLike, widthOrSize: number | PtLike, height?: number): Group;
     static fromCenter(center: PtLike, widthOrSize: number | PtLike, height?: number): Group;
-    static toCircle(pts: PtIterable, within?: boolean): Group;
+    static toCircle(pts: PtIterable, enclose?: boolean): Group;
     static toSquare(pts: PtIterable, enclose?: boolean): Group;
     static size(pts: PtIterable): Pt;
     static center(pts: PtIterable): Pt;
@@ -1376,4 +1369,4 @@ declare class Sound {
     toggle(): this;
 }
 
-export { type AnimateCallbackFn, Body, Bound, CanvasForm, type CanvasPatternRepetition, CanvasSpace, type CanvasSpaceOptions, Circle, Color, type ColorType, Const, Create, Curve, type DOMFormContext, DOMSpace, type DefaultFormStyle, Delaunay, type DelaunayMesh, type DelaunayShape, Font, Form, Geom, Group, type GroupLike, HTMLForm, HTMLSpace, type IPlayer, type IPt, type ISoundAnalyzer, type ISpacePlayers, type ITempoListener, type ITempoProgressFn, type ITempoResponses, type ITempoStartFn, type ITimer, Img, type IntersectContext, Line, Mat, type MultiTouchElement, MultiTouchSpace, Noise, Num, Particle, Polygon, Pt, type PtIterable, type PtLike, type PtLikeIterable, type PtsCanvasRenderingContext2D, Range, Rectangle, SVGForm, SVGSpace, Shaping, Sound, type SoundType, Space, Tempo, type TouchPointsKey, Triangle, Typography, UI, UIButton, UIDragger, type UIHandler, UIPointerActions, UIShape, Util, Vec, VisualForm, type WarningType, World };
+export { type AnimateCallbackFn, Body, Bound, CanvasForm, type CanvasPatternRepetition, CanvasSpace, type CanvasSpaceOptions, Circle, Color, type ColorType, Const, Create, Curve, type DOMFormContext, DOMSpace, type DefaultFormStyle, Delaunay, type DelaunayMesh, type DelaunayShape, Font, Form, Geom, Group, type GroupLike, HTMLForm, HTMLSpace, type IPlayer, type IPt, type ISoundAnalyzer, type ISpacePlayers, type ITempoListener, type ITempoProgressFn, type ITempoResponses, type ITempoStartFn, type ITimer, Img, type IntersectContext, Line, Mat, type MultiTouchElement, MultiTouchSpace, Noise, Num, Particle, Polygon, Pt, type PtIterable, type PtLike, type PtLikeIterable, Range, Rectangle, type RenderingContext2D, SVGForm, SVGSpace, Shaping, Sound, type SoundType, Space, Tempo, type TouchPointsKey, Triangle, Typography, UI, UIButton, UIDragger, type UIHandler, UIPointerActions, UIShape, Util, Vec, VisualForm, type WarningType, World };

package/dist/index.d.ts

@@ -128,13 +128,6 @@ interface MultiTouchElement {
     addEventListener(evt: any, callback: Function): any;
     removeEventListener(evt: any, callback: Function): any;
 }
-interface PtsCanvasRenderingContext2D extends CanvasRenderingContext2D {
-    webkitBackingStorePixelRatio?: number;
-    mozBackingStorePixelRatio?: number;
-    msBackingStorePixelRatio?: number;
-    oBackingStorePixelRatio?: number;
-    backingStorePixelRatio?: number;
-}
 type CanvasSpaceOptions = {
     bgcolor?: string;
     resize?: boolean;
@@ -202,6 +195,7 @@ type DefaultFormStyle = {
     globalAlpha?: number;
 };
 type CanvasPatternRepetition = "repeat" | "repeat-x" | "repeat-y" | "no-repeat";
+type RenderingContext2D = CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;
 
 /*! Pts.js is licensed under Apache License 2.0. Copyright © 2017-current William Ngan and contributors. (https://github.com/williamngan/pts) */
 
@@ -318,14 +312,12 @@ declare class Group extends Array<Pt> {
     $matrixMultiply(g: GroupLike | number, transposed?: boolean, elementwise?: boolean): Group;
     zipSlice(index: number, defaultValue?: number | boolean): Pt;
     $zip(defaultValue?: number | boolean, useLongest?: boolean): Group;
-    toBound(): Group;
+    toBound(): Bound;
     toString(): string;
 }
 declare class Bound extends Group implements IPt {
     protected _center: Pt;
     protected _size: Pt;
-    protected _topLeft: Pt;
-    protected _bottomRight: Pt;
     protected _inited: boolean;
     constructor(...args: Pt[]);
     static fromBoundingRect(rect: ClientRect): Bound;
@@ -539,7 +531,7 @@ declare class Img {
     protected _img: HTMLImageElement;
     protected _data: ImageData;
     protected _cv: HTMLCanvasElement;
-    protected _ctx: CanvasRenderingContext2D;
+    protected _ctx: RenderingContext2D;
     protected _scale: number;
     protected _loaded: boolean;
     protected _editable: boolean;
@@ -570,7 +562,7 @@ declare class Img {
     get image(): HTMLImageElement;
     get canvas(): HTMLCanvasElement;
     get data(): ImageData;
-    get ctx(): CanvasRenderingContext2D;
+    get ctx(): RenderingContext2D;
     get loaded(): boolean;
     get pixelScale(): number;
     get imageSize(): Pt;
@@ -584,12 +576,13 @@ declare class CanvasSpace extends MultiTouchSpace {
     protected _canvas: HTMLCanvasElement;
     protected _container: Element;
     protected _pixelScale: number;
-    protected _autoResize: boolean;
     protected _bgcolor: string;
-    protected _ctx: PtsCanvasRenderingContext2D;
+    protected _ctx: CanvasRenderingContext2D;
     protected _offscreen: boolean;
     protected _offCanvas: HTMLCanvasElement;
-    protected _offCtx: PtsCanvasRenderingContext2D;
+    protected _offCtx: RenderingContext2D;
+    protected _resizeObserver: ResizeObserver;
+    protected _autoResize: boolean;
     protected _initialResize: boolean;
     constructor(elem: string | Element, callback?: Function);
     protected _createElement(elem: string, id: any): HTMLElement;
@@ -603,13 +596,13 @@ declare class CanvasSpace extends MultiTouchSpace {
     get background(): string;
     get pixelScale(): number;
     get hasOffscreen(): boolean;
-    get offscreenCtx(): PtsCanvasRenderingContext2D;
+    get offscreenCtx(): RenderingContext2D;
     get offscreenCanvas(): HTMLCanvasElement;
     getForm(): CanvasForm;
     get element(): HTMLCanvasElement;
     get parent(): Element;
     get ready(): boolean;
-    get ctx(): PtsCanvasRenderingContext2D;
+    get ctx(): CanvasRenderingContext2D;
     clear(bg?: string): this;
     clearOffscreen(bg?: string): this;
     protected playItems(time: number): void;
@@ -618,12 +611,12 @@ declare class CanvasSpace extends MultiTouchSpace {
 }
 declare class CanvasForm extends VisualForm {
     protected _space: CanvasSpace;
-    protected _ctx: CanvasRenderingContext2D;
+    protected _ctx: RenderingContext2D;
     protected _estimateTextWidth: (string: any) => number;
     protected _style: DefaultFormStyle;
-    constructor(space?: CanvasSpace | CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D);
+    constructor(space?: CanvasSpace | RenderingContext2D);
     get space(): CanvasSpace;
-    get ctx(): PtsCanvasRenderingContext2D;
+    get ctx(): RenderingContext2D;
     useOffscreen(off?: boolean, clear?: boolean | string): this;
     renderOffscreen(offset?: PtLike): void;
     alpha(a: number): this;
@@ -643,27 +636,27 @@ declare class CanvasForm extends VisualForm {
     protected _textAlign(box: PtLikeIterable, vertical: string, offset?: PtLike, center?: Pt): Pt;
     reset(): this;
     protected _paint(): void;
-    static point(ctx: CanvasRenderingContext2D, p: PtLike, radius?: number, shape?: string): void;
+    static point(ctx: RenderingContext2D, p: PtLike, radius?: number, shape?: string): void;
     point(p: PtLike, radius?: number, shape?: string): this;
-    static circle(ctx: CanvasRenderingContext2D, pt: PtLike, radius?: number): void;
+    static circle(ctx: RenderingContext2D, pt: PtLike, radius?: number): void;
     circle(pts: PtLikeIterable): this;
-    static ellipse(ctx: CanvasRenderingContext2D, pt: PtLike, radius: PtLike, rotation?: number, startAngle?: number, endAngle?: number, cc?: boolean): void;
+    static ellipse(ctx: RenderingContext2D, pt: PtLike, radius: PtLike, rotation?: number, startAngle?: number, endAngle?: number, cc?: boolean): void;
     ellipse(pt: PtLike, radius: PtLike, rotation?: number, startAngle?: number, endAngle?: number, cc?: boolean): this;
-    static arc(ctx: CanvasRenderingContext2D, pt: PtLike, radius: number, startAngle: number, endAngle: number, cc?: boolean): void;
+    static arc(ctx: RenderingContext2D, pt: PtLike, radius: number, startAngle: number, endAngle: number, cc?: boolean): void;
     arc(pt: PtLike, radius: number, startAngle: number, endAngle: number, cc?: boolean): this;
-    static square(ctx: CanvasRenderingContext2D, pt: PtLike, halfsize: number): void;
+    static square(ctx: RenderingContext2D, pt: PtLike, halfsize: number): void;
     square(pt: PtLike, halfsize: number): this;
-    static line(ctx: CanvasRenderingContext2D, pts: PtLikeIterable): void;
+    static line(ctx: RenderingContext2D, pts: PtLikeIterable): void;
     line(pts: PtLikeIterable): this;
-    static polygon(ctx: CanvasRenderingContext2D, pts: PtLikeIterable): void;
+    static polygon(ctx: RenderingContext2D, pts: PtLikeIterable): void;
     polygon(pts: PtLikeIterable): this;
-    static rect(ctx: CanvasRenderingContext2D, pts: PtLikeIterable): void;
+    static rect(ctx: RenderingContext2D, pts: PtLikeIterable): void;
     rect(pts: PtLikeIterable): this;
-    static image(ctx: CanvasRenderingContext2D, ptOrRect: PtLike | PtLikeIterable, img: CanvasImageSource | Img, orig?: PtLikeIterable): void;
+    static image(ctx: RenderingContext2D, ptOrRect: PtLike | PtLikeIterable, img: CanvasImageSource | Img, orig?: PtLikeIterable): void;
     image(ptOrRect: PtLike | PtLikeIterable, img: CanvasImageSource | Img, orig?: PtLikeIterable): this;
-    static imageData(ctx: CanvasRenderingContext2D, ptOrRect: PtLike | PtLikeIterable, img: ImageData): void;
+    static imageData(ctx: RenderingContext2D, ptOrRect: PtLike | PtLikeIterable, img: ImageData): void;
     imageData(ptOrRect: PtLike | PtLikeIterable, img: ImageData): this;
-    static text(ctx: CanvasRenderingContext2D, pt: PtLike, txt: string, maxWidth?: number): void;
+    static text(ctx: RenderingContext2D, pt: PtLike, txt: string, maxWidth?: number): void;
     text(pt: PtLike, txt: string, maxWidth?: number): this;
     textBox(box: PtIterable, txt: string, verticalAlign?: string, tail?: string, overrideBaseline?: boolean): this;
     paragraphBox(box: PtLikeIterable, txt: string, lineHeight?: number, verticalAlign?: string, crop?: boolean): this;
@@ -831,7 +824,7 @@ declare class Rectangle {
     static from(topLeft: PtLike, widthOrSize: number | PtLike, height?: number): Group;
     static fromTopLeft(topLeft: PtLike, widthOrSize: number | PtLike, height?: number): Group;
     static fromCenter(center: PtLike, widthOrSize: number | PtLike, height?: number): Group;
-    static toCircle(pts: PtIterable, within?: boolean): Group;
+    static toCircle(pts: PtIterable, enclose?: boolean): Group;
     static toSquare(pts: PtIterable, enclose?: boolean): Group;
     static size(pts: PtIterable): Pt;
     static center(pts: PtIterable): Pt;
@@ -1376,4 +1369,4 @@ declare class Sound {
     toggle(): this;
 }
 
-export { type AnimateCallbackFn, Body, Bound, CanvasForm, type CanvasPatternRepetition, CanvasSpace, type CanvasSpaceOptions, Circle, Color, type ColorType, Const, Create, Curve, type DOMFormContext, DOMSpace, type DefaultFormStyle, Delaunay, type DelaunayMesh, type DelaunayShape, Font, Form, Geom, Group, type GroupLike, HTMLForm, HTMLSpace, type IPlayer, type IPt, type ISoundAnalyzer, type ISpacePlayers, type ITempoListener, type ITempoProgressFn, type ITempoResponses, type ITempoStartFn, type ITimer, Img, type IntersectContext, Line, Mat, type MultiTouchElement, MultiTouchSpace, Noise, Num, Particle, Polygon, Pt, type PtIterable, type PtLike, type PtLikeIterable, type PtsCanvasRenderingContext2D, Range, Rectangle, SVGForm, SVGSpace, Shaping, Sound, type SoundType, Space, Tempo, type TouchPointsKey, Triangle, Typography, UI, UIButton, UIDragger, type UIHandler, UIPointerActions, UIShape, Util, Vec, VisualForm, type WarningType, World };
+export { type AnimateCallbackFn, Body, Bound, CanvasForm, type CanvasPatternRepetition, CanvasSpace, type CanvasSpaceOptions, Circle, Color, type ColorType, Const, Create, Curve, type DOMFormContext, DOMSpace, type DefaultFormStyle, Delaunay, type DelaunayMesh, type DelaunayShape, Font, Form, Geom, Group, type GroupLike, HTMLForm, HTMLSpace, type IPlayer, type IPt, type ISoundAnalyzer, type ISpacePlayers, type ITempoListener, type ITempoProgressFn, type ITempoResponses, type ITempoStartFn, type ITimer, Img, type IntersectContext, Line, Mat, type MultiTouchElement, MultiTouchSpace, Noise, Num, Particle, Polygon, Pt, type PtIterable, type PtLike, type PtLikeIterable, Range, Rectangle, type RenderingContext2D, SVGForm, SVGSpace, Shaping, Sound, type SoundType, Space, Tempo, type TouchPointsKey, Triangle, Typography, UI, UIButton, UIDragger, type UIHandler, UIPointerActions, UIShape, Util, Vec, VisualForm, type WarningType, World };

package/dist/index.js

@@ -892,11 +892,11 @@ var Rectangle = class _Rectangle {
   /**
    * Create a new circle that either fits within or encloses the rectangle. Same as [`Circle.fromRect`](#link).
    * @param pts a Group or an Iterable<Pt> with 2 Pt representing a rectangle
-   * @param within if `true`, the circle will be within the rectangle. If `false`, the circle will enclose the rectangle. 
+   * @param enclose if `true`, the circle will enclose the rectangle. If `false`, the circle will fit inside the rectangle. 
    * @returns a Group that represents a circle
    */
-  static toCircle(pts, within = true) {
-    return Circle.fromRect(pts, within);
+  static toCircle(pts, enclose = true) {
+    return Circle.fromRect(pts, enclose);
   }
   /**
    * Create a square that either fits within or encloses a rectangle.
@@ -4092,8 +4092,6 @@ var Bound = class _Bound extends Group {
     super(...args);
     this._center = new Pt();
     this._size = new Pt();
-    this._topLeft = new Pt();
-    this._bottomRight = new Pt();
     this._inited = false;
     this.init();
   }
@@ -4127,10 +4125,6 @@ var Bound = class _Bound extends Group {
       this._inited = true;
     }
     if (this.p1 && this.p2) {
-      const a = this.p1;
-      const b = this.p2;
-      this.topLeft = a.$min(b);
-      this._bottomRight = a.$max(b);
       this._updateSize();
       this._inited = true;
     }
@@ -4139,33 +4133,33 @@ var Bound = class _Bound extends Group {
    * Clone this bound and return a new one.
    */
   clone() {
-    return new _Bound(this._topLeft.clone(), this._bottomRight.clone());
+    return new _Bound(this.topLeft.clone(), this.bottomRight.clone());
   }
   /**
    * Recalculte size and center.
    */
   _updateSize() {
-    this._size = this._bottomRight.$subtract(this._topLeft).abs();
+    this._size = this.bottomRight.$subtract(this.topLeft).abs();
     this._updateCenter();
   }
   /**
    * Recalculate center.
    */
   _updateCenter() {
-    this._center = this._size.$multiply(0.5).add(this._topLeft);
+    this._center = this._size.$multiply(0.5).add(this.topLeft);
   }
   /**
    * Recalculate based on top-left position and size.
    */
   _updatePosFromTop() {
-    this._bottomRight = this._topLeft.$add(this._size);
+    this.bottomRight = this.topLeft.$add(this._size);
     this._updateCenter();
   }
   /**
    * Recalculate based on bottom-right position and size.
    */
   _updatePosFromBottom() {
-    this._topLeft = this._bottomRight.$subtract(this._size);
+    this.topLeft = this.bottomRight.$subtract(this._size);
     this._updateCenter();
   }
   /**
@@ -4173,8 +4167,8 @@ var Bound = class _Bound extends Group {
    */
   _updatePosFromCenter() {
     const half = this._size.$multiply(0.5);
-    this._topLeft = this._center.$subtract(half);
-    this._bottomRight = this._center.$add(half);
+    this.topLeft = this._center.$subtract(half);
+    this.bottomRight = this._center.$add(half);
   }
   /**
    * Size of this Bound
@@ -4200,22 +4194,20 @@ var Bound = class _Bound extends Group {
    * Top-left position of this Bound
    */
   get topLeft() {
-    return new Pt(this._topLeft);
+    return new Pt(this[0]);
   }
   set topLeft(p) {
-    this._topLeft = new Pt(p);
-    this[0] = this._topLeft;
+    this[0] = new Pt(p);
     this._updateSize();
   }
   /**
    * Bottom-right position of this Bound
    */
   get bottomRight() {
-    return new Pt(this._bottomRight);
+    return new Pt(this[1]);
   }
   set bottomRight(p) {
-    this._bottomRight = new Pt(p);
-    this[1] = this._bottomRight;
+    this[1] = new Pt(p);
     this._updateSize();
   }
   /**
@@ -4277,8 +4269,8 @@ var Bound = class _Bound extends Group {
    * It's simpler and preferable to change the Bound's properties (eg, topLeft, bottomRight) instead of updating the Bound's Pts.
    */
   update() {
-    this._topLeft = this[0];
-    this._bottomRight = this[1];
+    this.topLeft = this[0];
+    this.bottomRight = this[1];
     this._updateSize();
     return this;
   }
@@ -5863,9 +5855,9 @@ var CanvasSpace2 = class extends MultiTouchSpace {
   constructor(elem, callback) {
     super();
     this._pixelScale = 1;
-    this._autoResize = true;
     this._bgcolor = "#e1e9f0";
     this._offscreen = false;
+    this._autoResize = true;
     this._initialResize = false;
     let _selector = null;
     let _existed = false;
@@ -5956,8 +5948,7 @@ var CanvasSpace2 = class extends MultiTouchSpace {
     this.autoResize = opt.resize != void 0 ? opt.resize : false;
     if (opt.retina !== false) {
       const r1 = window ? window.devicePixelRatio || 1 : 1;
-      const r2 = this._ctx.webkitBackingStorePixelRatio || this._ctx.mozBackingStorePixelRatio || this._ctx.msBackingStorePixelRatio || this._ctx.oBackingStorePixelRatio || this._ctx.backingStorePixelRatio || 1;
-      this._pixelScale = Math.max(1, r1 / r2);
+      this._pixelScale = Math.max(1, r1);
     }
     if (opt.offscreen) {
       this._offscreen = true;
@@ -5976,13 +5967,15 @@ var CanvasSpace2 = class extends MultiTouchSpace {
   * @param auto a boolean value indicating if auto size is set
   */
   set autoResize(auto) {
-    if (!window)
-      return;
     this._autoResize = auto;
     if (auto) {
-      window.addEventListener("resize", this._resizeHandler.bind(this));
+      this._resizeObserver = new ResizeObserver((entries) => {
+        this._resizeHandler(null);
+      });
+      this._resizeObserver.observe(this._container);
     } else {
-      window.removeEventListener("resize", this._resizeHandler.bind(this));
+      if (this._resizeObserver)
+        this._resizeObserver.disconnect();
     }
   }
   get autoResize() {
@@ -6027,12 +6020,10 @@ var CanvasSpace2 = class extends MultiTouchSpace {
   * @param evt 
   */
   _resizeHandler(evt) {
-    if (!window)
-      return;
     const b = this._autoResize || this._initialResize ? this._container.getBoundingClientRect() : this._canvas.getBoundingClientRect();
     if (b) {
       const box = Bound.fromBoundingRect(b);
-      box.center = box.center.add(window.pageXOffset, window.pageYOffset);
+      box.center = box.center.add((window == null ? void 0 : window.scrollX) || 0, (window == null ? void 0 : window.scrollY) || 0);
       this.resize(box, evt);
     }
   }
@@ -6159,9 +6150,7 @@ var CanvasSpace2 = class extends MultiTouchSpace {
   * Dispose of browser resources held by this space and remove all players. Call this before unmounting the canvas.
   */
   dispose() {
-    if (!window)
-      return;
-    window.removeEventListener("resize", this._resizeHandler.bind(this));
+    this._resizeObserver.disconnect();
     this.stop();
     this.removeAll();
     return this;