@metadev/daga 1.0.0 → 1.2.0

package/index.d.ts

@@ -7,16 +7,17 @@ export { DagaImporter } from './lib/diagram-editor/diagram/converters/daga-impor
 export { DagaModel } from './lib/diagram-editor/diagram/converters/daga-model';
 export { DiagramModelExporter } from './lib/diagram-editor/diagram/converters/diagram-model-exporter';
 export { DiagramModelImporter } from './lib/diagram-editor/diagram/converters/diagram-model-importer';
-export { ActionQueue, AddConnectionAction, AddNodeAction, DiagramAction, EditFieldAction, MoveNodeAction, RemoveAction, StretchNodeAction, UpdateValuesAction } from './lib/diagram-editor/diagram/diagram-action';
+export { ActionQueue, AddConnectionAction, AddNodeAction, DiagramAction, DiagramActions, EditFieldAction, MoveNodeAction, RemoveAction, StretchNodeAction, UpdateValuesAction } from './lib/diagram-editor/diagram/diagram-action';
 export { ACTION_QUEUE_SIZE, DiagramCanvas } from './lib/diagram-editor/diagram/diagram-canvas';
-export { DiagramConfig } from './lib/diagram-editor/diagram/diagram-config';
-export { DiagramConnection, DiagramConnectionType } from './lib/diagram-editor/diagram/diagram-connection';
-export { DiagramElement } from './lib/diagram-editor/diagram/diagram-element';
-export { DiagramField } from './lib/diagram-editor/diagram/diagram-field';
+export { ConnectionMarkerLook, ConnectionTemplateConfig, ConnectionTypeConfig, DiagramConfig, FieldConfig, NodeImageLook, NodeShapedLook, NodeStretchableImageLook, NodeTemplateConfig, NodeTypeConfig, PaletteConfig, PortConfig, SectionConfig } from './lib/diagram-editor/diagram/diagram-config';
+export { DiagramConnection, DiagramConnectionSet, DiagramConnectionType } from './lib/diagram-editor/diagram/diagram-connection';
+export { DiagramElement, DiagramEntity, DiagramEntitySet } from './lib/diagram-editor/diagram/diagram-element';
+export { DiagramField, DiagramFieldSet } from './lib/diagram-editor/diagram/diagram-field';
 export { DiagramModel } from './lib/diagram-editor/diagram/diagram-model';
-export { DiagramNode, DiagramNodeType } from './lib/diagram-editor/diagram/diagram-node';
-export { DiagramPort } from './lib/diagram-editor/diagram/diagram-port';
+export { DiagramNode, DiagramNodeSet, DiagramNodeType } from './lib/diagram-editor/diagram/diagram-node';
+export { DiagramPort, DiagramPortSet } from './lib/diagram-editor/diagram/diagram-port';
 export { Property, PropertySet, Type, ValueSet } from './lib/diagram-editor/diagram/diagram-property';
+export { DiagramSection, DiagramSectionSet } from './lib/diagram-editor/diagram/diagram-section';
 export { AdjacencyLayout } from './lib/diagram-editor/diagram/layout/adjacency-layout';
 export { BreadthAdjacencyLayout } from './lib/diagram-editor/diagram/layout/breadth-adjacency-layout';
 export { BreadthLayout } from './lib/diagram-editor/diagram/layout/breadth-layout';
@@ -30,6 +31,10 @@ export { DiagramError } from './lib/errors/diagram-error';
 export { DiagramValidator } from './lib/errors/diagram-validator';
 export { ErrorsComponent } from './lib/errors/errors.component';
 export { Canvas } from './lib/interfaces/canvas';
+export { DiagramButtons } from './lib/interfaces/diagram-buttons';
+export { DiagramEditor } from './lib/interfaces/diagram-editor';
+export { Palette } from './lib/interfaces/palette';
+export { PropertyEditor } from './lib/interfaces/property-editor';
 export { ObjectEditorComponent } from './lib/object-editor/object-editor.component';
 export { PaletteComponent } from './lib/palette/palette.component';
 export { PropertyEditorComponent } from './lib/property-editor/property-editor.component';
@@ -37,3 +42,7 @@ export { CanvasProviderService } from './lib/services/canvas-provider.service';
 export { DagaConfigurationService } from './lib/services/daga-configuration.service';
 export { TextListEditorComponent } from './lib/text-list-editor/text-list-editor.component';
 export { TextMapEditorComponent } from './lib/text-map-editor/text-map-editor.component';
+export { Line, Point, Rectangle } from './lib/util/canvas-util';
+export { LineShape, LineStyle } from './lib/util/line';
+export { ClosedShape } from './lib/util/shape';
+export { Corner, HorizontalAlign, Side, VerticalAlign } from './lib/util/svg-util';

package/lib/collapse-button/collapse-button.component.d.ts

@@ -12,6 +12,7 @@ export declare class CollapseButtonComponent {
     visibleValue: string;
     Side: typeof Side;
     toggleCollapse(): void;
+    getClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CollapseButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CollapseButtonComponent, "daga-collapse-button", never, { "collapsableSelector": { "alias": "collapsableSelector"; "required": false; }; "collapsableAdditionalSelector": { "alias": "collapsableAdditionalSelector"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "rule": { "alias": "rule"; "required": false; }; "collapsedValue": { "alias": "collapsedValue"; "required": false; }; "visibleValue": { "alias": "visibleValue"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -31,6 +31,16 @@ export interface DiagramAction {
     undo(): void;
     redo(): void;
 }
+export declare enum DiagramActions {
+    AddConnectionAction = "add-connection",
+    AddNodeAction = "add-node",
+    EditFieldAction = "edit-field",
+    MoveNodeAction = "move-node",
+    RemoveAction = "remove",
+    StretchNodeAction = "stretch-node",
+    StretchSectionAction = "stretch-section",
+    UpdateValuesAction = "update-values"
+}
 export declare class AddNodeAction implements DiagramAction {
     canvas: Canvas;
     type: DiagramNodeType;
@@ -134,4 +144,3 @@ export declare class RemoveAction implements DiagramAction {
     undo(): void;
     redo(): void;
 }
-export declare const clone: <T extends object | null | undefined>(obj: T) => T;

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

@@ -4,7 +4,7 @@ import { DiagramValidator } from '../../errors/diagram-validator';
 import { Canvas } from '../../interfaces/canvas';
 import { DiagramEditor } from '../../interfaces/diagram-editor';
 import { Point } from '../../util/canvas-util';
-import { ActionQueue } from './diagram-action';
+import { ActionQueue, DiagramActions } from './diagram-action';
 import { DiagramConfig } from './diagram-config';
 import { DiagramConnection, DiagramConnectionType } from './diagram-connection';
 import { DiagramElement } from './diagram-element';
@@ -15,6 +15,10 @@ import { ValueSet } from './diagram-property';
  * Thickness of the invisible path around a connection used to make it easier to click on, in pixels.
  */
 export declare const CONNECTION_PATH_BOX_THICKNESS = 12;
+/**
+ * Thickness of the resizer line used to resize nodes and sections on drag, in pixels.
+ */
+export declare const RESIZER_THICKNESS = 6;
 /**
  * Text to display as the title of the property editor when editing this diagram's properties.
  * @see PropertyEditorComponent
@@ -38,6 +42,9 @@ export declare class DiagramCanvas implements Canvas {
     priorityThresholds: number[];
     validators: DiagramValidator[];
     layoutFormat?: string;
+    userActions: {
+        [key in DiagramActions]?: boolean;
+    };
     actionQueue: ActionQueue;
     private static canvasCount;
     private backgroundPatternId;

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

@@ -2,6 +2,7 @@ import { Point } from '../../util/canvas-util';
 import { LineShape, LineStyle } from '../../util/line';
 import { ClosedShape } from '../../util/shape';
 import { HorizontalAlign, Side, VerticalAlign } from '../../util/svg-util';
+import { DiagramActions } from './diagram-action';
 import { Property } from './diagram-property';
 /**
  * The configuration for a diagram.
@@ -58,6 +59,13 @@ export interface DiagramConfig {
      * @default undefined
      */
     layoutFormat?: string;
+    /**
+     * Mapping of user actions to a boolean indicating whether the user can perform those actions. Absent values are assumed to be `true`.
+     * @default {}
+     */
+    userActions?: {
+        [key in DiagramActions]?: boolean;
+    };
     /**
      * Configuration for the palettes of this diagram. Each configuration provided will configure one palette, which will be displayed as one of the tabs in the palette component.
      * @see PaletteComponent

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

@@ -1,11 +1,11 @@
 import { Point } from '../../util/canvas-util';
 import { LineShape, LineStyle } from '../../util/line';
 import { Side } from '../../util/svg-util';
-import { DiagramElement } from './diagram-element';
+import { ConnectionMarkerLook, ConnectionTypeConfig, FieldConfig } from './diagram-config';
+import { DiagramElement, DiagramEntity, DiagramEntitySet } from './diagram-element';
 import { DiagramModel } from './diagram-model';
 import { DiagramPort } from './diagram-port';
 import { PropertySet, ValueSet } from './diagram-property';
-import { ConnectionMarkerLook, ConnectionTypeConfig, FieldConfig } from './diagram-config';
 export declare const DIAGRAM_CONNECTION_TYPE_DEFAULTS: {
     name: string;
     width: number;
@@ -20,7 +20,7 @@ export declare const DIAGRAM_CONNECTION_TYPE_DEFAULTS: {
     selectedColor: string;
     properties: never[];
 };
-export declare class DiagramConnectionType {
+export declare class DiagramConnectionType implements DiagramEntity {
     id: string;
     name: string;
     width: number;
@@ -62,3 +62,12 @@ export declare class DiagramConnection extends DiagramElement {
     setEnd(end?: DiagramPort): void;
     tighten(): void;
 }
+export declare class DiagramConnectionSet extends DiagramEntitySet<DiagramConnection> {
+    private model;
+    types: DiagramEntitySet<DiagramConnectionType>;
+    constructor(model: DiagramModel);
+    new(type: DiagramConnectionType, start?: DiagramPort, end?: DiagramPort, id?: string | undefined): DiagramConnection;
+    remove(id: string): void;
+    filter(type?: string, threshold?: number): DiagramConnection[];
+    find(type?: string, threshold?: number): DiagramConnection | undefined;
+}

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

@@ -1,11 +1,19 @@
 import * as d3 from 'd3';
 import { DiagramModel } from './diagram-model';
 /**
- * Represents an object which exists as part of a particular diagram model and has a visual representation in a diagram canvas.
+ * Represents an object which exists as part of a diagram model.
+ * @see DiagramModel
+ */
+export interface DiagramEntity {
+    get id(): string;
+    set id(value: string);
+}
+/**
+ * Represents an object which exists as part of a specific diagram model and has a visual representation in a diagram canvas.
  * @see DiagramModel
  * @see DiagramCanvas
  */
-export declare abstract class DiagramElement {
+export declare abstract class DiagramElement implements DiagramEntity {
     model: DiagramModel;
     _id: string;
     get id(): string;
@@ -19,3 +27,67 @@ export declare abstract class DiagramElement {
      */
     select(): d3.Selection<SVGGElement, unknown, null, unknown> | undefined;
 }
+/**
+ * Represents a collection of diagram entities of a type that exists as part of a diagram model.
+ * @see DiagramEntity
+ * @see DiagramModel
+ */
+export declare class DiagramEntitySet<E extends DiagramEntity> implements Iterable<E> {
+    /**
+     * The list of entities contained in this set.
+     */
+    protected entities: E[];
+    /**
+     * A mapping of entity ids to their corresponding entity in this set for quickly fetching entities based on their id.
+     */
+    protected entityMap: {
+        [id: string]: E;
+    };
+    /**
+     * The number of entities of this set.
+     */
+    get length(): number;
+    /**
+     * Gets all of the entities of this set.
+     * @returns An array containing all of the entities of this set.
+     */
+    all(): E[];
+    /**
+     * Adds an entity to this set if there are no entities with the same id. Has no effect if there already exists an entity with the same id as the given entity.
+     * For creating entities with relationships with other entities, the new() method should be used instead. The add() method adds an entity but doesn't take care of setting that entity's relationships with other entities.
+     * @param entity An entity to be added to this set.
+     */
+    add(entity: E): void;
+    /**
+     * Removes all the entities in this set.
+     */
+    clear(): void;
+    /**
+     * Checks if this set contains an entity with the given id.
+     * @param id An id.
+     * @returns `true` if this set contains an entity with the given id, `false` otherwise.
+     */
+    contains(id: string): boolean;
+    /**
+     * Gets all of the entities of this set filtered following given criteria.
+     * @returns An array containing the entities of this set that meet the given criteria.
+     */
+    filter(): E[];
+    /**
+     * Gets an entity of this set matching specific criteria.
+     * @returns An entity of this set.
+     */
+    find(): E | undefined;
+    /**
+     * Gets an entity from this set.
+     * @param id An id.
+     * @returns An entity with the given id, or `undefined` if there are no entities with the given id.
+     */
+    get(id: string): E | undefined;
+    /**
+     * Attempts to find and remove an entity with the given id. Has no effect if there are no entities with the given id.
+     * @param id An id.
+     */
+    remove(id: string): void;
+    [Symbol.iterator](): Iterator<E>;
+}

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

@@ -1,8 +1,10 @@
 import { Point } from '../../util/canvas-util';
 import { HorizontalAlign, VerticalAlign } from '../../util/svg-util';
-import { DiagramElement } from './diagram-element';
+import { DiagramElement, DiagramEntitySet } from './diagram-element';
 import { DiagramModel } from './diagram-model';
 import { DiagramNode } from './diagram-node';
+import { DiagramPort } from './diagram-port';
+import { DiagramSection } from './diagram-section';
 export declare const DIAGRAM_FIELD_DEFAULTS: {
     editable: boolean;
     fontSize: number;
@@ -15,7 +17,7 @@ export declare const DIAGRAM_FIELD_DEFAULTS: {
     verticalAlign: VerticalAlign;
 };
 export declare class DiagramField extends DiagramElement {
-    rootElement?: DiagramElement;
+    rootElement?: DiagramNode | DiagramSection | DiagramPort;
     coords: Point;
     width: number;
     height: number;
@@ -30,8 +32,16 @@ export declare class DiagramField extends DiagramElement {
     get text(): string;
     set text(value: string);
     editable: boolean;
-    constructor(model: DiagramModel, rootElement: DiagramElement | undefined, coords: Point, width: number, height: number, fontSize: number, fontFamily: string | null, color: string, selectedColor: string, horizontalAlign: HorizontalAlign, verticalAlign: VerticalAlign, text: string, editable: boolean, id?: string);
+    constructor(model: DiagramModel, rootElement: DiagramNode | DiagramSection | DiagramPort | undefined, coords: Point, width: number, height: number, fontSize: number, fontFamily: string | null, color: string, selectedColor: string, horizontalAlign: HorizontalAlign, verticalAlign: VerticalAlign, text: string, editable: boolean, id?: string);
     updateInView(): void;
     move(coords: Point): void;
     getClosestNode(): DiagramNode | undefined;
 }
+export declare class DiagramFieldSet extends DiagramEntitySet<DiagramField> {
+    private model;
+    constructor(model: DiagramModel);
+    new(rootElement: DiagramNode | DiagramSection | DiagramPort | undefined, coords: Point, fontSize: number, fontFamily: string | null, color: string, selectedColor: string, width: number, height: number, horizontalAlign: HorizontalAlign, verticalAlign: VerticalAlign, text: string, editable: boolean, id?: string | undefined): DiagramField;
+    remove(id: string): void;
+    filter(threshold?: number): DiagramField[];
+    find(threshold?: number): DiagramField | undefined;
+}

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

@@ -1,23 +1,18 @@
 import { Canvas } from '../../interfaces/canvas';
-import { Point } from '../../util/canvas-util';
-import { HorizontalAlign, Side, VerticalAlign } from '../../util/svg-util';
-import { DiagramConnection, DiagramConnectionType } from './diagram-connection';
-import { DiagramElement } from './diagram-element';
-import { DiagramField } from './diagram-field';
-import { DiagramNode, DiagramNodeType } from './diagram-node';
-import { DiagramPort } from './diagram-port';
+import { DiagramConnectionSet } from './diagram-connection';
+import { DiagramFieldSet } from './diagram-field';
+import { DiagramNodeSet } from './diagram-node';
+import { DiagramPortSet } from './diagram-port';
 import { Property, ValueSet } from './diagram-property';
-import { DiagramSection } from './diagram-section';
+import { DiagramSectionSet } from './diagram-section';
 export declare class DiagramModel {
     canvas?: Canvas;
     renderToCanvas: boolean;
-    nodeTypes: DiagramNodeType[];
-    connectionTypes: DiagramConnectionType[];
-    nodes: DiagramNode[];
-    sections: DiagramSection[];
-    ports: DiagramPort[];
-    connections: DiagramConnection[];
-    fields: DiagramField[];
+    nodes: DiagramNodeSet;
+    sections: DiagramSectionSet;
+    ports: DiagramPortSet;
+    connections: DiagramConnectionSet;
+    fields: DiagramFieldSet;
     id: string | undefined;
     name: string;
     description?: string;
@@ -34,31 +29,4 @@ export declare class DiagramModel {
      * Deletes everything in this diagram.
      */
     clear(): void;
-    getElement(id: string): DiagramElement | undefined;
-    deleteElement(element: DiagramElement): void;
-    getNodeType(name: string): DiagramNodeType | undefined;
-    getConnectionType(name: string): DiagramConnectionType | undefined;
-    getNode(id: string): DiagramNode | undefined;
-    getNodes(threshold?: number): DiagramNode[];
-    getNodesOfType(type: string): DiagramNode[];
-    addNode(type: DiagramNodeType, coords: Point, id?: string | undefined, sectionIds?: (string | undefined)[], sectionPortIds?: (string | undefined)[][], sectionPortLabelIds?: (string | undefined)[][], portIds?: (string | undefined)[], portLabelIds?: (string | undefined)[], labelId?: string | undefined): DiagramNode;
-    deleteNode(node: DiagramNode): void;
-    hasNodeOfType(type: string): boolean;
-    getSection(id: string): DiagramSection | undefined;
-    getSections(threshold?: number): DiagramSection[];
-    addSection(node: DiagramNode, coords: Point, width: number, height: number, id?: string | undefined, portIds?: (string | undefined)[], portLabelIds?: (string | undefined)[]): DiagramSection;
-    deleteSection(section: DiagramSection): void;
-    getPort(id: string): DiagramPort | undefined;
-    getPorts(threshold?: number): DiagramPort[];
-    addPort(rootElement: DiagramElement | undefined, coords: Point, direction: Side, id?: string | undefined): DiagramPort;
-    deletePort(port: DiagramPort): void;
-    getConnection(id: string): DiagramConnection | undefined;
-    getConnections(threshold?: number): DiagramConnection[];
-    getConnectionsOfType(type: string): DiagramConnection[];
-    addConnection(type: DiagramConnectionType, start?: DiagramPort, end?: DiagramPort, id?: string | undefined): DiagramConnection;
-    deleteConnection(connection: DiagramConnection): void;
-    getField(id: string): DiagramField | undefined;
-    getFields(threshold?: number): DiagramField[];
-    addField(rootElement: DiagramElement | undefined, coords: Point, fontSize: number, fontFamily: string | null, color: string, selectedColor: string, width: number, height: number, horizontalAlign: HorizontalAlign, verticalAlign: VerticalAlign, text: string, editable: boolean, id?: string | undefined): DiagramField;
-    deleteField(field: DiagramField): void;
 }

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

@@ -2,13 +2,13 @@ import { Point } from '../../util/canvas-util';
 import { Side } from '../../util/svg-util';
 import { FieldConfig, NodeImageLook, NodeShapedLook, NodeStretchableImageLook, NodeTypeConfig, PortConfig, SectionConfig } from './diagram-config';
 import { DiagramConnection } from './diagram-connection';
-import { DiagramElement } from './diagram-element';
+import { DiagramElement, DiagramEntity, DiagramEntitySet } from './diagram-element';
 import { DiagramField } from './diagram-field';
 import { DiagramModel } from './diagram-model';
 import { DiagramPort } from './diagram-port';
 import { PropertySet, ValueSet } from './diagram-property';
 import { DiagramSection } from './diagram-section';
-export declare const DIAGRAM_LOOK_DEFAULTS: NodeShapedLook;
+export declare const DIAGRAM_NODE_LOOK_DEFAULTS: NodeShapedLook;
 export declare const DIAGRAM_NODE_TYPE_DEFAULTS: {
     name: string;
     defaultWidth: number;
@@ -25,7 +25,7 @@ export declare const DIAGRAM_NODE_TYPE_DEFAULTS: {
     priority: number;
     properties: never[];
 };
-export declare class DiagramNodeType {
+export declare class DiagramNodeType implements DiagramEntity {
     id: string;
     name: string;
     defaultWidth: number;
@@ -66,3 +66,12 @@ export declare class DiagramNode extends DiagramElement {
     stretch(direction: Side, distance: number): void;
     stretchSections(direction: Side, distance: number, point: Point): void;
 }
+export declare class DiagramNodeSet extends DiagramEntitySet<DiagramNode> {
+    private model;
+    types: DiagramEntitySet<DiagramNodeType>;
+    constructor(model: DiagramModel);
+    new(type: DiagramNodeType, coords: Point, id?: string | undefined, sectionIds?: (string | undefined)[], sectionPortIds?: (string | undefined)[][], sectionPortLabelIds?: (string | undefined)[][], portIds?: (string | undefined)[], portLabelIds?: (string | undefined)[], labelId?: string | undefined): DiagramNode;
+    remove(id: string): void;
+    filter(type?: string, threshold?: number): DiagramNode[];
+    find(type?: string, threshold?: number): DiagramNode | undefined;
+}

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

@@ -1,23 +1,24 @@
 import { Point } from '../../util/canvas-util';
 import { Side } from '../../util/svg-util';
 import { DiagramConnection } from './diagram-connection';
-import { DiagramElement } from './diagram-element';
+import { DiagramElement, DiagramEntitySet } from './diagram-element';
 import { DiagramField } from './diagram-field';
 import { DiagramModel } from './diagram-model';
 import { DiagramNode } from './diagram-node';
+import { DiagramSection } from './diagram-section';
 export declare const DIAGRAM_PORT_DEFAULTS: {
     radius: number;
     highlightedColor: string;
     selectedColor: string;
 };
 export declare class DiagramPort extends DiagramElement {
-    rootElement?: DiagramElement;
+    rootElement?: DiagramNode | DiagramSection;
     label?: DiagramField;
     direction: Side;
     coords: Point;
     outgoingConnections: DiagramConnection[];
     incomingConnections: DiagramConnection[];
-    constructor(model: DiagramModel, rootElement: DiagramElement | undefined, coords: Point, direction: Side, id?: string);
+    constructor(model: DiagramModel, rootElement: DiagramNode | DiagramSection | undefined, coords: Point, direction: Side, id?: string);
     updateInView(): void;
     startConnection(connection: DiagramConnection): void;
     finishConnection(connection: DiagramConnection): void;
@@ -25,3 +26,11 @@ export declare class DiagramPort extends DiagramElement {
     move(coords: Point): void;
     distanceTo(coords: Point): number;
 }
+export declare class DiagramPortSet extends DiagramEntitySet<DiagramPort> {
+    private model;
+    constructor(model: DiagramModel);
+    new(rootElement: DiagramNode | DiagramSection | undefined, coords: Point, direction: Side, id?: string | undefined): DiagramPort;
+    remove(id: string): void;
+    filter(threshold?: number): DiagramPort[];
+    find(threshold?: number): DiagramPort | undefined;
+}

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

@@ -1,11 +1,13 @@
 import { Point } from '../../util/canvas-util';
 import { Side } from '../../util/svg-util';
+import { NodeShapedLook } from './diagram-config';
 import { DiagramConnection } from './diagram-connection';
-import { DiagramElement } from './diagram-element';
+import { DiagramElement, DiagramEntitySet } from './diagram-element';
 import { DiagramField } from './diagram-field';
 import { DiagramModel } from './diagram-model';
 import { DiagramNode } from './diagram-node';
 import { DiagramPort } from './diagram-port';
+export declare const DIAGRAM_SECTION_LOOK_DEFAULTS: NodeShapedLook;
 export declare const DIAGRAM_SECTION_DEFAULTS: {
     sectionsX: number;
     sectionsY: number;
@@ -14,7 +16,7 @@ export declare const DIAGRAM_SECTION_DEFAULTS: {
     margin: number;
     label: null;
     ports: never[];
-    look: import("./diagram-config").NodeShapedLook;
+    look: NodeShapedLook;
 };
 export declare class DiagramSection extends DiagramElement {
     node?: DiagramNode;
@@ -34,3 +36,11 @@ export declare class DiagramSection extends DiagramElement {
     move(coords: Point): void;
     stretch(direction: Side, distance: number): void;
 }
+export declare class DiagramSectionSet extends DiagramEntitySet<DiagramSection> {
+    private model;
+    constructor(model: DiagramModel);
+    new(node: DiagramNode, coords: Point, width: number, height: number, id?: string | undefined, portIds?: (string | undefined)[], portLabelIds?: (string | undefined)[]): DiagramSection;
+    remove(id: string): void;
+    filter(threshold?: number): DiagramSection[];
+    find(threshold?: number): DiagramSection | undefined;
+}

package/lib/interfaces/canvas.d.ts

@@ -1,5 +1,5 @@
 import { Subject } from 'rxjs';
-import { ActionQueue } from '../diagram-editor/diagram/diagram-action';
+import { ActionQueue, DiagramActions } from '../diagram-editor/diagram/diagram-action';
 import { DiagramConnectionType } from '../diagram-editor/diagram/diagram-connection';
 import { DiagramElement } from '../diagram-editor/diagram/diagram-element';
 import { DiagramModel } from '../diagram-editor/diagram/diagram-model';
@@ -50,6 +50,12 @@ export interface Canvas {
      * Identifier of the current layout format used by the diagram.
      */
     layoutFormat?: string;
+    /**
+     * Mapping of what actions the user is allowed to perform. Absent values are assumed to be `true`.
+     */
+    userActions: {
+        [key in DiagramActions]?: boolean;
+    };
     /**
      * The list of validators used to check for errors in this canvas.
      */

package/lib/object-editor/object-editor.component.d.ts

@@ -8,6 +8,7 @@ export declare class ObjectEditorComponent {
     private cdr;
     private canvasProvider;
     get canvas(): Canvas;
+    get userCanEdit(): boolean;
     _valueSet?: ValueSet;
     get valueSet(): ValueSet | undefined;
     set valueSet(valueSet: ValueSet | undefined);

package/package.json

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