@metadev/daga 4.0.2 → 4.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metadev/daga",
-  "version": "4.0.2",
+  "version": "4.2.0",
   "dependencies": {},
   "peerDependencies": {
     "d3": "^7.9.0",
@@ -27,11 +27,11 @@
     "./package.json": "./package.json",
     ".": {
       "module": "./index.esm.js",
-      "types": "./index.esm.d.ts",
+      "types": "./index.d.ts",
       "import": "./index.cjs.mjs",
       "default": "./index.cjs.js"
     }
   },
   "module": "./index.esm.js",
-  "types": "./index.esm.d.ts"
+  "types": "./index.d.ts"
 }

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

@@ -116,7 +116,8 @@ export declare class DiagramCanvas implements Canvas {
     updateDecoratorsInView(...ids: string[]): void;
     private updateConnectionLabelsInView;
     private updateConnectionMarkersInView;
-    fitFieldRootInView(id: string): void;
+    fieldRootFitsInView(id: string): boolean;
+    fitFieldRootInView(id: string, shrink?: boolean): void;
     fitNodeInView(id: string): void;
     selectRoot(): d3.Selection<HTMLDivElement, unknown, null, unknown>;
     selectSVGElement(): d3.Selection<SVGElement, unknown, null, unknown>;

package/src/lib/diagram/collab/collab-action.d.ts

@@ -32,7 +32,7 @@ export interface CollabAction {
 /**
  * @private
  */
-export type CollabActionSerialized = AddNodeSerialized | ApplyLayoutSerialized | MoveSerialized | SetGeometrySerialized | SetParentSerialized | AddConnectionSerialized | EditFieldSerialized | UpdateValuesSerialized | SetSelfRemovedSerialized | PasteSerialized;
+export type CollabActionSerialized = AddNodeSerialized | AddSectionSerialized | ApplyLayoutSerialized | MoveSerialized | SetGeometrySerialized | SetParentSerialized | AddConnectionSerialized | EditFieldSerialized | UpdateValuesSerialized | SetSelfRemovedSerialized | PasteSerialized;
 /**
  * @private
  */
@@ -69,6 +69,36 @@ export declare class AddNodeCollabAction implements CollabAction {
     serialize(): AddNodeSerialized;
     static deserialize(canvas: Canvas, serialized: AddNodeSerialized): AddNodeCollabAction;
 }
+/**
+ * @private
+ */
+export type AddSectionSerialized = {
+    type: 'addSection';
+    nodeId: string;
+    copyColumnIndex: number | undefined;
+    copyRowIndex: number | undefined;
+    removeColumnIndex: number | undefined;
+    removeRowIndex: number | undefined;
+    timestamp: CollabTimestamp;
+};
+/**
+ * Collaborative action which consists of adding or removing sections in a node.
+ * @private
+ * @see AddNodeAction
+ */
+export declare class AddSectionCollabAction implements CollabAction {
+    readonly canvas: Canvas;
+    readonly nodeId: string;
+    readonly copyColumnIndex: number | undefined;
+    readonly copyRowIndex: number | undefined;
+    readonly removeColumnIndex: number | undefined;
+    readonly removeRowIndex: number | undefined;
+    readonly timestamp: CollabTimestamp;
+    constructor(canvas: Canvas, nodeId: string, copyColumnIndex: number | undefined, copyRowIndex: number | undefined, removeColumnIndex: number | undefined, removeRowIndex: number | undefined, timestamp: CollabTimestamp);
+    do(): void;
+    serialize(): AddSectionSerialized;
+    static deserialize(canvas: Canvas, serialized: AddSectionSerialized): AddSectionCollabAction;
+}
 /**
  * @private
  */

package/src/lib/diagram/config/diagram-components-config.d.ts

@@ -189,6 +189,14 @@ export interface NodeTemplateConfig {
      * Id of the type of node of this template. Must correspond to the id of a type of node defined in the nodeTypes list.
      */
     type: string;
+    /**
+     * Width of this template as it appears on the palette. By default, the width of the type of node is used.
+     */
+    width?: number | null;
+    /**
+     * Height of this template as it appears on the palette. By default, the height of the type of node is used.
+     */
+    height?: number | null;
     /**
      * Look of this template as it appears on the palette which can be used to override the default look of the nodes of this type.
      */

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

@@ -3,8 +3,8 @@ import { HorizontalAlign, Side, VerticalAlign } from '../../util/svg-util';
 import { DiagramActions } from '../diagram-action';
 import { Property } from '../property/property';
 import { CanvasConfig } from './diagram-canvas-config';
-import { ConnectionLookConfig, ImageLookConfig, MarkerImageLookConfig, ShapedLookConfig, StretchableImageLookConfig } from './diagram-look-config';
 import { ComponentsConfig } from './diagram-components-config';
+import { ConnectionLookConfig, ImageLookConfig, MarkerImageLookConfig, ShapedLookConfig, StretchableImageLookConfig } from './diagram-look-config';
 /**
  * The configuration for a diagram.
  * @public
@@ -311,6 +311,11 @@ export interface FieldConfig {
      * @default 'center'
      */
     verticalAlign?: VerticalAlign;
+    /**
+     * The orientation of the text of this field. It may be a side or a number of degrees.
+     * @default 'top'
+     */
+    orientation?: Side | number;
     /**
      * Whether this field and its root element should be resized automatically if the size of the text increases.
      * Setting this to true should also entail setting reasonable `minWidth` and `minHeight` values for the configuration of any nodes or sections that contain this field.

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

@@ -102,6 +102,12 @@ export declare enum DiagramActions {
      * @see AddNodeAction
      */
     AddNode = "add-node",
+    /**
+     * Action that corresponds to the addition or removal of sections in a node.
+     * @public
+     * @see AddSectionAction
+     */
+    AddSectionAction = "add-section",
     /**
      * Action that corresponds to applying a layout which changes the location of several nodes.
      * @public
@@ -192,6 +198,23 @@ export declare class AddNodeAction implements DiagramAction {
     undo(): boolean;
     redo(): boolean;
 }
+/**
+ * Action which consists of adding or removing sections in a node.
+ * @private
+ * @see DiagramSection
+ */
+export declare class AddSectionAction implements DiagramAction {
+    readonly canvas: Canvas;
+    nodeId: string;
+    copyColumnIndex: number | undefined;
+    copyRowIndex: number | undefined;
+    removeColumnIndex: number | undefined;
+    removeRowIndex: number | undefined;
+    constructor(canvas: Canvas, nodeId: string, copyColumnIndex: number | undefined, copyRowIndex: number | undefined, removeColumnIndex: number | undefined, removeRowIndex: number | undefined);
+    do(): boolean;
+    undo(): boolean;
+    redo(): boolean;
+}
 /**
  * Action which consists of applying a layout to the diagram which can change the location of several nodes.
  * @private

package/src/lib/diagram/layout/adjacency-layout.d.ts

@@ -5,5 +5,7 @@ import { DiagramLayout } from './diagram-layout';
  * @public
  */
 export declare class AdjacencyLayout implements DiagramLayout {
+    gapSize?: number;
+    constructor(gapSize?: number);
     apply(model: DiagramModel): DiagramModel;
 }

package/src/lib/diagram/layout/breadth-adjacency-layout.d.ts

@@ -5,5 +5,7 @@ import { DiagramLayout } from './diagram-layout';
  * @public
  */
 export declare class BreadthAdjacencyLayout implements DiagramLayout {
+    gapSize?: number;
+    constructor(gapSize?: number);
     apply(model: DiagramModel): DiagramModel;
 }

package/src/lib/diagram/layout/breadth-layout.d.ts

@@ -5,5 +5,7 @@ import { DiagramLayout } from './diagram-layout';
  * @public
  */
 export declare class BreadthLayout implements DiagramLayout {
+    gapSize?: number;
+    constructor(gapSize?: number);
     apply(model: DiagramModel): DiagramModel;
 }

package/src/lib/diagram/layout/force-layout.d.ts

@@ -5,5 +5,7 @@ import { DiagramLayout } from './diagram-layout';
  * @public
  */
 export declare class ForceLayout implements DiagramLayout {
+    gapSize?: number;
+    constructor(gapSize?: number);
     apply(model: DiagramModel): DiagramModel;
 }

package/src/lib/diagram/layout/horizontal-layout.d.ts

@@ -5,5 +5,7 @@ import { DiagramLayout } from './diagram-layout';
  * @public
  */
 export declare class HorizontalLayout implements DiagramLayout {
+    gapSize?: number;
+    constructor(gapSize?: number);
     apply(model: DiagramModel): DiagramModel;
 }

package/src/lib/diagram/layout/priority-layout.d.ts

@@ -5,5 +5,7 @@ import { DiagramLayout } from './diagram-layout';
  * @public
  */
 export declare class PriorityLayout implements DiagramLayout {
+    gapSize?: number;
+    constructor(gapSize?: number);
     apply(model: DiagramModel): DiagramModel;
 }

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

@@ -5,5 +5,7 @@ import { DiagramLayout } from './diagram-layout';
  * @public
  */
 export declare class TreeLayout implements DiagramLayout {
+    gapSize?: number;
+    constructor(gapSize?: number);
     apply(model: DiagramModel): DiagramModel;
 }

package/src/lib/diagram/layout/vertical-layout.d.ts

@@ -5,5 +5,7 @@ import { DiagramLayout } from './diagram-layout';
  * @public
  */
 export declare class VerticalLayout implements DiagramLayout {
+    gapSize?: number;
+    constructor(gapSize?: number);
     apply(model: DiagramModel): DiagramModel;
 }

package/src/lib/diagram/model/diagram-element.d.ts

@@ -73,7 +73,7 @@ export declare abstract class DiagramElement implements DiagramEntity {
      */
     abstract updateInView(): void;
     /**
-     * Put this element above other elements of its kind in the view.
+     * Put this element above other elements in the view.
      * @public
      */
     abstract raise(): void;

package/src/lib/diagram/model/diagram-field.d.ts

@@ -1,5 +1,5 @@
 import { Point } from '../../util/canvas-util';
-import { HorizontalAlign, VerticalAlign } from '../../util/svg-util';
+import { HorizontalAlign, Side, VerticalAlign } from '../../util/svg-util';
 import { CollabTimestamp } from '../collab/primitives';
 import { FieldConfig } from '../config/diagram-config';
 import { DiagramElement, DiagramElementSet } from './diagram-element';
@@ -19,6 +19,7 @@ export declare const DIAGRAM_FIELD_DEFAULTS: {
     selectedColor: string;
     horizontalAlign: HorizontalAlign;
     verticalAlign: VerticalAlign;
+    orientation: Side;
     fit: boolean;
 };
 export interface LabeledElement {
@@ -82,6 +83,11 @@ export declare class DiagramField extends DiagramElement {
      * @public
      */
     verticalAlign: VerticalAlign;
+    /**
+     * Orientation of the text of this field.
+     * @public
+     */
+    orientation: Side | number;
     private _text;
     /**
      * Default text that this field's text resets to when empty.
@@ -109,7 +115,7 @@ export declare class DiagramField extends DiagramElement {
      * @public
      */
     fit: boolean;
-    constructor(model: DiagramModel, rootElement: (LabeledElement & 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, fit: boolean);
+    constructor(model: DiagramModel, rootElement: (LabeledElement & DiagramElement) | undefined, coords: Point, width: number, height: number, fontSize: number, fontFamily: string | null, color: string, selectedColor: string, horizontalAlign: HorizontalAlign, verticalAlign: VerticalAlign, orientation: Side | number, text: string, editable: boolean, fit: boolean);
     get removed(): boolean;
     updateInView(): void;
     raise(): void;
@@ -132,7 +138,7 @@ export declare class DiagramFieldSet extends DiagramElementSet<DiagramField> {
      * Instance a new field and add it to this set. This method is normally called when instancing an element with a field and it is rarely called by itself.
      * @private
      */
-    new(rootElement: (LabeledElement & 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, fit: boolean): DiagramField;
+    new(rootElement: (LabeledElement & DiagramElement) | undefined, coords: Point, fontSize: number, fontFamily: string | null, color: string, selectedColor: string, width: number, height: number, horizontalAlign: HorizontalAlign, verticalAlign: VerticalAlign, orientation: Side | number, text: string, editable: boolean, fit: boolean): DiagramField;
     remove(id: string): void;
 }
 export declare const getBottomMargin: (config?: FieldConfig | null) => number;

package/src/lib/diagram/model/diagram-node.d.ts

@@ -276,6 +276,26 @@ export declare class DiagramNode extends DiagramElement implements LabeledElemen
      * @public
      */
     setGeometry(geometry: DiagramNodeGeometry): void;
+    /**
+     * Removes all sections with the given index along the x axis.
+     * @public
+     */
+    removeSectionColumn(columnIndex: number): void;
+    /**
+     * Removes all sections with the given index along the y axis.
+     * @public
+     */
+    removeSectionRow(rowIndex: number): void;
+    /**
+     * Creates a copy of all sections with the given index along the x axis.
+     * @public
+     */
+    copySectionColumn(columnIndex: number): void;
+    /**
+     * Creates a copy of all sections with the given index along the y axis.
+     * @public
+     */
+    copySectionRow(rowIndex: number): void;
 }
 export declare class DiagramNodeSet extends DiagramElementSet<DiagramNode> {
     private model;

package/src/lib/interfaces/canvas.d.ts

@@ -284,11 +284,18 @@ export interface Canvas {
      * @public
      */
     updateDecoratorsInView(...ids: string[]): void;
+    /**
+     * Checks whether the root of a diagram field encompasses the totality of the field.
+     * @param id The id of a diagram field
+     * @returns `true` if the root of a diagram field encompasses the totality of the field, `false` otherwise.
+     */
+    fieldRootFitsInView(id: string): boolean;
     /**
      * Fit the root of a diagram field to encompass the totality of the field.
      * @param id The id of a diagram field
+     * @param shrink Whether the root of the diagram field should shrink if there is excess space; `true` by default
      */
-    fitFieldRootInView(id: string): void;
+    fitFieldRootInView(id: string, shrink?: boolean): void;
     /**
      * Fit a node to encompass the totality of its sections.
      * @param id The id of a node

package/index.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./src\\index";

package/index.esm.d.ts

@@ -1 +0,0 @@
-export * from "./src\\index";