@metadev/daga 1.5.3 → 1.5.5

package/index.d.ts

@@ -13,11 +13,13 @@ export { ActionQueue, AddConnectionAction, AddNodeAction, DiagramAction, Diagram
 export { ACTION_QUEUE_SIZE, DiagramCanvas } from './lib/diagram-editor/diagram/diagram-canvas';
 export { ButtonsComponentConfig, ComponentsConfig, ConnectionMarkerLook, ConnectionTemplateConfig, ConnectionTypeConfig, DiagramConfig, ErrorsComponentConfig, FieldConfig, NodeImageLook, NodeShapedLook, NodeStretchableImageLook, NodeTemplateConfig, NodeTypeConfig, PaletteComponentConfig, PaletteSectionConfig, PortConfig, PropertyEditorComponentConfig, SectionConfig, SectionGridConfig, UserActionConfig } from './lib/diagram-editor/diagram/diagram-config';
 export { DiagramConnection, DiagramConnectionSet, DiagramConnectionType } from './lib/diagram-editor/diagram/diagram-connection';
+export { DiagramDecorator, DiagramDecoratorSet } from './lib/diagram-editor/diagram/diagram-decorator';
 export { DiagramElement, DiagramEntity, DiagramEntitySet } from './lib/diagram-editor/diagram/diagram-element';
 export { DiagramEvent } from './lib/diagram-editor/diagram/diagram-event';
 export { DiagramField, DiagramFieldSet } from './lib/diagram-editor/diagram/diagram-field';
 export { DiagramModel } from './lib/diagram-editor/diagram/diagram-model';
 export { DiagramNode, DiagramNodeGeometry, DiagramNodeSet, DiagramNodeType } from './lib/diagram-editor/diagram/diagram-node';
+export { DiagramObject, DiagramObjectSet } from './lib/diagram-editor/diagram/diagram-object';
 export { DiagramPort, DiagramPortSet } from './lib/diagram-editor/diagram/diagram-port';
 export { Property, PropertySet, Type, ValueSet } from './lib/diagram-editor/diagram/diagram-property';
 export { DiagramSection, DiagramSectionGeometry, DiagramSectionSet } from './lib/diagram-editor/diagram/diagram-section';
@@ -28,6 +30,7 @@ export { DiagramLayout, layouts } from './lib/diagram-editor/diagram/layout/diag
 export { ForceLayout } from './lib/diagram-editor/diagram/layout/force-layout';
 export { HorizontalLayout } from './lib/diagram-editor/diagram/layout/horizontal-layout';
 export { PriorityLayout } from './lib/diagram-editor/diagram/layout/priority-layout';
+export { TreeLayout } from './lib/diagram-editor/diagram/layout/tree-layout';
 export { VerticalLayout } from './lib/diagram-editor/diagram/layout/vertical-layout';
 export { DiagramComponent } from './lib/diagram/diagram.component';
 export { DiagramError } from './lib/errors/diagram-error';

package/lib/diagram-editor/diagram/diagram-canvas.d.ts

@@ -105,6 +105,7 @@ export declare class DiagramCanvas implements Canvas {
     updateConnectionsInView(...ids: string[]): void;
     updateFieldsInView(...ids: string[]): void;
     updateObjectsInView(...ids: string[]): void;
+    updateDecoratorsInView(...ids: string[]): void;
     updateConnectionLabelsInView(connection: DiagramConnection): void;
     updateConnectionMarkersInView(connection: DiagramConnection): void;
     fitFieldRootInView(id: string): void;
@@ -118,6 +119,7 @@ export declare class DiagramCanvas implements Canvas {
     selectCanvasConnections(): d3.Selection<SVGGElement, unknown, null, unknown>;
     selectCanvasFields(): d3.Selection<SVGGElement, unknown, null, unknown>;
     selectCanvasObjects(): d3.Selection<SVGGElement, unknown, null, unknown>;
+    selectCanvasDecorators(): d3.Selection<SVGGElement, unknown, null, unknown>;
     startConnection(port: DiagramPort): void;
     finishConnection(port: DiagramPort): void;
     dropConnection(): void;

package/lib/diagram-editor/diagram/diagram-decorator.d.ts

@@ -0,0 +1,63 @@
+import { Point } from '../../util/canvas-util';
+import { DiagramElement, DiagramEntitySet } from './diagram-element';
+import { DiagramModel } from './diagram-model';
+import { DiagramNode } from './diagram-node';
+import { DiagramSection } from './diagram-section';
+/**
+ * A foreign object which is inserted with arbitrary html into a diagram.
+ * Similar to a diagram object, but it's part of a node or section and it moves and stretches as its geometry changes.
+ * Diagram decorators are not serialized with other diagram elements.
+ * @see DiagramNode
+ * @see DiagramObject
+ * @see DiagramSection
+ * @public
+ */
+export declare class DiagramDecorator extends DiagramElement {
+    /**
+     * Element that this port belongs to.
+     * @public
+     */
+    rootElement?: DiagramNode | DiagramSection;
+    /**
+     * Coordinates of this decorator.
+     * @public
+     */
+    coords: Point;
+    /**
+     * Dimension of this decorator along the x axis.
+     * @public
+     */
+    width: number;
+    /**
+     * Dimension of this decorator along the y axis.
+     * @public
+     */
+    height: number;
+    priority: number;
+    html: string;
+    constructor(model: DiagramModel, rootElement: DiagramNode | DiagramSection | undefined, coords: Point, width: number, height: number, priority: number, html: string, id: string);
+    select(): d3.Selection<SVGGElement, unknown, null, unknown> | undefined;
+    get removed(): boolean;
+    updateInView(): void;
+    /**
+     * Change the coordinates of this decorator to the given coordinates.
+     * @public
+     * @param coords A point in the diagram.
+     */
+    move(coords: Point): void;
+    getPriority(): number;
+}
+export declare class DiagramDecoratorSet extends DiagramEntitySet<DiagramDecorator> {
+    private model;
+    /**
+     * Instance a set of decorators for the given model. This method is used internally.
+     * @private
+     */
+    constructor(model: DiagramModel);
+    /**
+     * Instance a new decorator and add it to this set.
+     * @private
+     */
+    new(rootElement: DiagramNode | DiagramSection | undefined, coords: Point, width: number, height: number, priority: number, html: string, id: string): DiagramDecorator;
+    remove(id: string): void;
+}

package/lib/diagram-editor/diagram/diagram-model.d.ts

@@ -1,5 +1,6 @@
 import { Canvas } from '../../interfaces/canvas';
 import { DiagramConnectionSet } from './diagram-connection';
+import { DiagramDecoratorSet } from './diagram-decorator';
 import { DiagramFieldSet } from './diagram-field';
 import { DiagramNodeSet } from './diagram-node';
 import { DiagramObjectSet } from './diagram-object';
@@ -53,6 +54,12 @@ export declare class DiagramModel {
      * @public
      */
     objects: DiagramObjectSet;
+    /**
+     * Decorators of this model.
+     * @see DiagramDecorator
+     * @public
+     */
+    decorators: DiagramDecoratorSet;
     /**
      * Identifier of this diagram. Set by the consumer of the diagram.
      * @public

package/lib/diagram-editor/diagram/diagram-node.d.ts

@@ -3,6 +3,7 @@ import { Side } from '../../util/svg-util';
 import { CollabTimestamp } from './collab/primitives';
 import { FieldConfig, NodeImageLook, NodeShapedLook, NodeStretchableImageLook, NodeTypeConfig, PortConfig, SectionGridConfig } from './diagram-config';
 import { DiagramConnection } from './diagram-connection';
+import { DiagramDecorator } from './diagram-decorator';
 import { DiagramElement, DiagramEntity, DiagramEntitySet } from './diagram-element';
 import { DiagramField } from './diagram-field';
 import { DiagramModel } from './diagram-model';
@@ -101,6 +102,11 @@ export declare class DiagramNode extends DiagramElement {
      * @public
      */
     ports: DiagramPort[];
+    /**
+     * Decorators of this node.
+     * @public
+     */
+    decorators: DiagramDecorator[];
     /**
      * Coordinates of the top left corner of this node.
      * @public

package/lib/diagram-editor/diagram/diagram-section.d.ts

@@ -2,6 +2,7 @@ import { Point } from '../../util/canvas-util';
 import { Side } from '../../util/svg-util';
 import { NodeShapedLook, SectionConfig } from './diagram-config';
 import { DiagramConnection } from './diagram-connection';
+import { DiagramDecorator } from './diagram-decorator';
 import { DiagramElement, DiagramEntitySet } from './diagram-element';
 import { DiagramField } from './diagram-field';
 import { DiagramModel } from './diagram-model';
@@ -84,6 +85,11 @@ export declare class DiagramSection extends DiagramElement {
      * @public
      */
     ports: DiagramPort[];
+    /**
+     * Decorators of this section.
+     * @public
+     */
+    decorators: DiagramDecorator[];
     /**
      * Coordinates of the top left corner of this section.
      * @public

package/lib/diagram-editor/diagram/layout/tree-layout.d.ts

@@ -0,0 +1,9 @@
+import { DiagramModel } from '../diagram-model';
+import { DiagramLayout } from './diagram-layout';
+/**
+ * A layout which arranges the nodes in trees from left to right by depth relative to the nodes with most priority.
+ * @public
+ */
+export declare class TreeLayout implements DiagramLayout {
+    apply(model: DiagramModel): DiagramModel;
+}

package/lib/interfaces/canvas.d.ts

@@ -1,14 +1,14 @@
 import { Subject } from 'rxjs';
+import { CollabEngine } from '../diagram-editor/diagram/collab/collab-engine';
 import { ActionQueue, DiagramActions } from '../diagram-editor/diagram/diagram-action';
 import { UserActionConfig } from '../diagram-editor/diagram/diagram-config';
 import { DiagramConnectionType } from '../diagram-editor/diagram/diagram-connection';
 import { DiagramElement } from '../diagram-editor/diagram/diagram-element';
 import { DiagramModel } from '../diagram-editor/diagram/diagram-model';
+import { ValueSet } from '../diagram-editor/diagram/diagram-property';
 import { DiagramValidator } from '../errors/diagram-validator';
 import { Point } from '../util/canvas-util';
 import { DiagramEditor } from './diagram-editor';
-import { ValueSet } from '../diagram-editor/diagram/diagram-property';
-import { CollabEngine } from '../diagram-editor/diagram/collab/collab-engine';
 /**
  * Represents a specific replica or view of the model.
  * Provides the functionality for the visual representation of the elements of a model.
@@ -235,6 +235,11 @@ export interface Canvas {
      * @public
      */
     updateObjectsInView(...ids: string[]): void;
+    /**
+     * Update the view of the canvas to show the current state of the decorators.
+     * @public
+     */
+    updateDecoratorsInView(...ids: string[]): void;
     /**
      * Fit the root of a diagram field to encompass the totality of the field.
      * @param id The id of a diagram field

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@metadev/daga",
   "description": "Diagramming engine for editing models on the Web. Made by Metadev.",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "author": "Metadev (https://metadev.pro)",
   "license": "SEE LICENSE IN LICENSE.md",
   "repository": "git+https://github.com/metadevpro/daga-tutorial.git",