@hatiolab/things-scene 2.7.18 → 2.7.22

package/things-scene.d.ts

@@ -1,10 +1,16 @@
 declare module '@hatiolab/things-scene' {
   type Constructor<T = {}> = new (...args: any[]) => T
+  type Class = { new (...args: any[]): any }
 
   const MODE_VIEW = 0
   const MODE_EDIT = 1
   const MODE_SHIFT = 2
 
+  enum SCENE_MODE {
+    VIEW = 0,
+    EDIT = 1
+  }
+
   type FITMODE = 'both' | 'ratio' | 'width' | 'height' | 'center' | 'none'
   type DIMENSION = { x: number; y: number }
   type SCALE = DIMENSION
@@ -13,6 +19,16 @@ declare module '@hatiolab/things-scene' {
 
   type Properties = { [key: string]: any }
 
+  type AnimationConfig = {
+    duration?: number
+    delay?: number
+    step: Function
+    delta: 'linear' | 'quad' | 'circ' | 'back' | 'bounce' | 'elastic' | Function
+    ease: 'out' | 'inout'
+    options?: object
+    repeat?: boolean
+  }
+
   type ControlHandler = {
     ondragstart?(point: POSITION, index: number, component: Component): void
     ondragmove?(point: POSITION, index: number, component: Component): void
@@ -129,6 +145,7 @@ declare module '@hatiolab/things-scene' {
 
   class Component extends MixinEvent(Object) {
     static register(type: string, Clazz: typeof Component): void
+    static memoize(base: any, property: string, needClone: boolean): void
 
     state: Properties
     bounds: { top: number; left: number; width: number; height: number }
@@ -155,6 +172,11 @@ declare module '@hatiolab/things-scene' {
     transcoordP2S(x: number, y: number): POSITION
     render(context: CanvasRenderingContext2D): void
     executeMappings(force?: boolean): void
+    invalidate(): void
+    animate(config: AnimationConfig): {
+      start: Function /* start function */
+      stop: Function /* stop function */
+    }
 
     onchange(after: Properties, before: Properties): void
 
@@ -186,15 +208,17 @@ declare module '@hatiolab/things-scene' {
     canvas: HTMLCanvasElement
 
     getContext(): CanvasRenderingContext2D
-    invalidate(): void
   }
 
   class ModelLayer extends Layer {
     overlay: HTMLDivElement
   }
 
+  class Text extends RectPath(Component) {}
   class Shape extends Component {}
   class Ellipse extends Shape {}
+  class Polygon extends Shape {}
+  class Donut extends Ellipse {}
   class Rect extends RectPath(Shape) {}
   class HTMLOverlayElement extends MixinHTMLElement(RectPath(Component)) {}
 
@@ -229,23 +253,7 @@ declare module '@hatiolab/things-scene' {
      */
     remove(): void
 
-    animate({
-      duration /* unit: milli-second, 1000 milli-seconds by default */,
-      delay /* default 30 */,
-      step /* step function */,
-      delta /* delta function */,
-      ease /* ease function */,
-      options,
-      repeat /* default false */
-    }: {
-      duration: number
-      delay: number
-      step: Function
-      delta: 'linear' | 'quad' | 'circ' | 'back' | 'bounce' | 'elastic' | Function
-      ease: 'out' | 'inout'
-      options?: object
-      repeat: boolean
-    }): {
+    animate(config: AnimationConfig): {
       start: Function /* start function */
       stop: Function /* stop function */
     }