@hatiolab/things-scene 3.0.27 → 3.0.29

package/things-scene.d.ts

@@ -1,5 +1,3 @@
-import { property } from 'lodash'
-
 declare module '@hatiolab/things-scene' {
   type Constructor<T = {}> = new (...args: any[]) => T
   type Class = { new (...args: any[]): any }
@@ -160,7 +158,19 @@ declare module '@hatiolab/things-scene' {
   class Anchor {
     constructor({ component, anchor, position }: { component: Component; anchor: string; position: POSITION })
 
+    component?: Component
+    name: string
     position: POSITION
+    bounds?: BOUNDS
+    type?: 'in' | 'out' | 'inout'
+    multiplicity?: boolean
+    draw?: (context: CanvasRenderingContext2D, component: Component) => void
+  }
+
+  class LinkEnd {
+    component: string /** end component refid */
+    anchor: string /** end anchor name of end component */
+    position: POSITION /** position of the link end */
   }
 
   class Model {
@@ -208,6 +218,17 @@ declare module '@hatiolab/things-scene' {
 
   function MoveHandle<TBase extends Constructor>(Base: TBase): TBase
 
+  function Connectable<TBase extends Constructor>(
+    Base: TBase
+  ): {
+    new (...args: any[]): {
+      findOutletLines(anchorName: string): Line[]
+      findOutletEnds(anchorName: string): Component[]
+      findInletLines(anchorName: string): Line[]
+      findInletEnds(anchorName: string): Component[]
+    }
+  } & TBase
+
   function MixinHTMLElement<TBase extends Constructor>(
     Base: TBase
   ): {
@@ -256,7 +277,6 @@ declare module '@hatiolab/things-scene' {
     model: Model
     hierarchy: Model
     path: Array<DIMENSION>
-    anchors: Array<Anchor>
     hidden: boolean
 
     get nature(): ComponentNature
@@ -275,6 +295,7 @@ declare module '@hatiolab/things-scene' {
     get center(): POINT
     set center(point: POINT)
 
+    get anchors(): Array<Anchor>
     get controls(): Array<Control> | undefined
     get hasTextProperty(): boolean
     get textSubstitutor(): () => string
@@ -369,6 +390,13 @@ declare module '@hatiolab/things-scene' {
   class Shape extends Component {}
   class Ellipse extends Shape {}
   class Polygon extends Shape {}
+  class Line extends Component {
+    get fromAnchor(): Anchor | undefined
+    get toAnchor(): Anchor | undefined
+    get from(): LinkEnd
+    get to(): LinkEnd
+  }
+  class OrthoLine extends Line {}
   class Donut extends Ellipse {}
   class Rect extends RectPath(Shape) {}
   class HTMLOverlayElement extends MixinHTMLElement(RectPath(Component)) {}
@@ -552,6 +580,8 @@ declare module '@hatiolab/things-scene' {
 
     data: object
 
+    anchorStarterTemplate: object
+
     // @deprecated
     variables: object