@hatiolab/things-scene 2.7.21 → 2.7.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hatiolab/things-scene",
-  "version": "2.7.21",
+  "version": "2.7.25",
   "description": "2D graphic library",
   "main": "src/index.js",
   "module": "things-scene.mjs",

package/things-scene.d.ts

@@ -1,5 +1,7 @@
 declare module '@hatiolab/things-scene' {
   type Constructor<T = {}> = new (...args: any[]) => T
+  type Class = { new (...args: any[]): any }
+  type Properties = { [key: string]: any }
 
   const MODE_VIEW = 0
   const MODE_EDIT = 1
@@ -15,8 +17,33 @@ declare module '@hatiolab/things-scene' {
   type SCALE = DIMENSION
   type TRANSLATE = DIMENSION
   type POSITION = DIMENSION
+  type POINT = DIMENSION
+
+  type LAYOUT = {
+    reflow: (container: Container) => void
+    capturables?: (container: Container) => boolean
+    drawables?: (container: Container) => boolean
+    isStuck?: (component: Container) => boolean
+    keyNavigate?: (container: Container, component: Component, e: KeyboardEvent) => Component
+    joinType?: boolean
+  }
 
-  type Properties = { [key: string]: any }
+  const AbsoluteLayout: LAYOUT & { ABSOLUTE: boolean }
+  const TableLayout: LAYOUT
+  const CardLayout: LAYOUT
+  const HTMLAbsoluteLayout: LAYOUT
+  const LinearHorizontal: LAYOUT
+  const LinearVertical: LAYOUT
+
+  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
@@ -65,7 +92,7 @@ declare module '@hatiolab/things-scene' {
   }
 
   class Model {
-    static compile(model: Model, context: any): Component
+    static compile(model: Model, context?: any): Component
 
     type: string;
     [key: string]: any
@@ -134,6 +161,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 }
@@ -145,7 +173,12 @@ declare module '@hatiolab/things-scene' {
     hierarchy: Model
     path: Array<DIMENSION>
     anchors: Array<Anchor>
-    data: any
+
+    get data(): any
+    set data(data: any)
+
+    get center(): POINT
+    set center(point: POINT)
 
     get controls(): Array<Control> | undefined
     get hasTextProperty(): boolean
@@ -155,12 +188,23 @@ declare module '@hatiolab/things-scene' {
     getState(prop: string): any
     setState(props: Properties | any, value?: any): void
     get(prop: string): any
+    contains(x: number, y: number): boolean
     set(props: Properties | string, value?: any): void
     reposition(): void
+
     transcoordP2S(x: number, y: number): POSITION
+    transcoordC2S(x: number, y: number, top?: RootContainer): POSITION
+
+    prerender(context: CanvasRenderingContext2D): void
     render(context: CanvasRenderingContext2D): void
+    postrender(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
 
@@ -179,12 +223,20 @@ declare module '@hatiolab/things-scene' {
     ondblclick(e: MouseEvent): void
   }
 
-  class ContainerAbstract extends MoveHandle(RectPath(Component)) {}
-  class Container extends MixinHTMLElement(ContainerAbstract) {
+  class ContainerAbstract extends MoveHandle(RectPath(Component)) {
     indexOf(component: Component): number
+    size(): number
+    addComponent(target: Component): void
+    removeComponent(target: Component): void
     insertComponentAt(target: Component, idx: number): void
     findById(id: string): Component
+
+    add(components: Component[] | Component): Container
+    remove(components: Component[] | Component): Container
+
+    components: Component[]
   }
+  class Container extends MixinHTMLElement(ContainerAbstract) {}
   class RootContainer extends Container {}
 
   class Layer extends ContainerAbstract {
@@ -201,6 +253,8 @@ declare module '@hatiolab/things-scene' {
   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)) {}
 
@@ -235,23 +289,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 */
     }