@metadev/daga 1.0.0

package/index.d.ts

@@ -0,0 +1,39 @@
+export { CollapseButtonComponent } from './lib/collapse-button/collapse-button.component';
+export { DagaModule } from './lib/daga.module';
+export { DiagramButtonsComponent } from './lib/diagram-buttons/diagram-buttons.component';
+export { DiagramEditorComponent } from './lib/diagram-editor/diagram-editor.component';
+export { DagaExporter } from './lib/diagram-editor/diagram/converters/daga-exporter';
+export { DagaImporter } from './lib/diagram-editor/diagram/converters/daga-importer';
+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 { 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 { 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 { Property, PropertySet, Type, ValueSet } from './lib/diagram-editor/diagram/diagram-property';
+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';
+export { DiagramLayout, layouts } from './lib/diagram-editor/diagram/layout/diagram-layout';
+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 { VerticalLayout } from './lib/diagram-editor/diagram/layout/vertical-layout';
+export { DiagramComponent } from './lib/diagram/diagram.component';
+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 { ObjectEditorComponent } from './lib/object-editor/object-editor.component';
+export { PaletteComponent } from './lib/palette/palette.component';
+export { PropertyEditorComponent } from './lib/property-editor/property-editor.component';
+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';

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

@@ -0,0 +1,17 @@
+import { ElementRef } from '@angular/core';
+import { Side } from '../util/svg-util';
+import * as i0 from "@angular/core";
+export declare class CollapseButtonComponent {
+    collapsableSelector: string | ElementRef | HTMLElement;
+    collapsableAdditionalSelector: string;
+    collapsed: boolean;
+    disabled: boolean;
+    direction: Side;
+    rule: string;
+    collapsedValue: string;
+    visibleValue: string;
+    Side: typeof Side;
+    toggleCollapse(): void;
+    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/daga.module.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./collapse-button/collapse-button.component";
+import * as i2 from "./diagram-buttons/diagram-buttons.component";
+import * as i3 from "./diagram/diagram.component";
+import * as i4 from "./diagram-editor/diagram-editor.component";
+import * as i5 from "./errors/errors.component";
+import * as i6 from "./object-editor/object-editor.component";
+import * as i7 from "./palette/palette.component";
+import * as i8 from "./text-list-editor/text-list-editor.component";
+import * as i9 from "./text-map-editor/text-map-editor.component";
+import * as i10 from "./property-editor/property-editor.component";
+import * as i11 from "@angular/common";
+import * as i12 from "@angular/forms";
+import * as i13 from "@metadev/lux";
+export declare class DagaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DagaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DagaModule, never, [typeof i1.CollapseButtonComponent, typeof i2.DiagramButtonsComponent, typeof i3.DiagramComponent, typeof i4.DiagramEditorComponent, typeof i5.ErrorsComponent, typeof i6.ObjectEditorComponent, typeof i7.PaletteComponent, typeof i8.TextListEditorComponent, typeof i9.TextMapEditorComponent, typeof i10.PropertyEditorComponent, typeof i11.CommonModule, typeof i12.FormsModule, typeof i13.LuxModule], [typeof i3.DiagramComponent, typeof i4.DiagramEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DagaModule>;
+}

package/lib/diagram/diagram.component.d.ts

@@ -0,0 +1,18 @@
+import { OnInit } from '@angular/core';
+import { DiagramConfig } from '../diagram-editor/diagram/diagram-config';
+import { CanvasProviderService } from '../services/canvas-provider.service';
+import { DagaConfigurationService } from '../services/daga-configuration.service';
+import * as i0 from "@angular/core";
+/**
+ * The context of a diagram. Every separate diagram must be contained within its own {@link DiagramComponent} and every {@link DiagramComponent} must contain its own {@link DiagramEditorComponent}.
+ * This component defines a {@link DagaConfigurationService} and a {@link CanvasProviderService}, which is shared by all the components within and allows accessing the configuration and the canvas of this component's diagram, respectively.
+ */
+export declare class DiagramComponent implements OnInit {
+    private configurationService;
+    private canvasProvider;
+    config: DiagramConfig;
+    constructor(configurationService: DagaConfigurationService, canvasProvider: CanvasProviderService);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DiagramComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "daga-diagram", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/diagram-buttons/diagram-buttons.component.d.ts

@@ -0,0 +1,29 @@
+import { ElementRef } from '@angular/core';
+import { Canvas } from '../interfaces/canvas';
+import { DiagramButtons } from '../interfaces/diagram-buttons';
+import { CanvasProviderService } from '../services/canvas-provider.service';
+import * as i0 from "@angular/core";
+export declare class DiagramButtonsComponent implements DiagramButtons {
+    private canvasProvider;
+    get canvas(): Canvas;
+    collapsableButtons: ElementRef<HTMLDivElement>;
+    enableFilter: boolean;
+    enableLayout: boolean;
+    enableUndoRedo: boolean;
+    enableZoom: boolean;
+    zoomRate: number;
+    filterOn: boolean;
+    collapsed: boolean;
+    animationOngoing: boolean;
+    constructor(canvasProvider: CanvasProviderService);
+    toggleCollapse(): Promise<void>;
+    zoomIn(): void;
+    zoomOut(): void;
+    center(): void;
+    layout(): void;
+    filter(): void;
+    undo(): void;
+    redo(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DiagramButtonsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DiagramButtonsComponent, "daga-diagram-buttons", never, { "enableFilter": { "alias": "enableFilter"; "required": false; }; "enableLayout": { "alias": "enableLayout"; "required": false; }; "enableUndoRedo": { "alias": "enableUndoRedo"; "required": false; }; "enableZoom": { "alias": "enableZoom"; "required": false; }; "zoomRate": { "alias": "zoomRate"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/diagram-editor/diagram/converters/daga-exporter.d.ts

@@ -0,0 +1,6 @@
+import { DiagramModel } from '../diagram-model';
+import { DagaModel } from './daga-model';
+import { DiagramModelExporter } from './diagram-model-exporter';
+export declare class DagaExporter implements DiagramModelExporter<DagaModel> {
+    export(model: DiagramModel): DagaModel;
+}

package/lib/diagram-editor/diagram/converters/daga-importer.d.ts

@@ -0,0 +1,6 @@
+import { DiagramModel } from '../diagram-model';
+import { DagaModel } from './daga-model';
+import { DiagramModelImporter } from './diagram-model-importer';
+export declare class DagaImporter implements DiagramModelImporter<DagaModel> {
+    import(model: DiagramModel, data: DagaModel): DiagramModel;
+}

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

@@ -0,0 +1,59 @@
+import { Point } from '../../../util/canvas-util';
+import { Side } from '../../../util/svg-util';
+export declare const DAGA_FILE_VERSION = 1;
+export interface DagaModel {
+    id?: string;
+    /** User version */
+    version?: string;
+    name: string;
+    description?: string;
+    type: string;
+    /** Serialization file format version for tooling */
+    typeVersion: number;
+    createdAt: Date;
+    updatedAt: Date;
+    updatedDaysAgo?: string;
+    nodes: {
+        id: string;
+        type: string;
+        sections?: {
+            id: string;
+            ports?: {
+                id: string;
+                coords: Point;
+                direction: Side;
+                label: string;
+            }[];
+            label: string;
+            coords: Point;
+            width: number;
+            height: number;
+        }[];
+        ports?: {
+            id: string;
+            coords: Point;
+            direction: Side;
+            label: string;
+        }[];
+        label: string;
+        coords: Point;
+        width: number;
+        height: number;
+        data: {
+            [key: string]: unknown;
+        };
+    }[];
+    connections: {
+        id: string;
+        type: string;
+        start: string;
+        end: string;
+        startLabel: string;
+        middleLabel: string;
+        endLabel: string;
+        points: Point[];
+        data: {
+            [key: string]: unknown;
+        };
+    }[];
+}

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

@@ -0,0 +1,7 @@
+import { DiagramModel } from '../diagram-model';
+export interface DiagramModelExporter<T> {
+    /**
+     * Exports a diagram from the given model.
+     */
+    export(model: DiagramModel): T;
+}

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

@@ -0,0 +1,7 @@
+import { DiagramModel } from '../diagram-model';
+export interface DiagramModelImporter<T> {
+    /**
+     * Imports a diagram in the given model using the given data.
+     */
+    import(model: DiagramModel, data: T): DiagramModel;
+}

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

@@ -0,0 +1,137 @@
+import { Canvas } from '../../interfaces/canvas';
+import { Point } from '../../util/canvas-util';
+import { Side } from '../../util/svg-util';
+import { DiagramConnection, DiagramConnectionType } from './diagram-connection';
+import { DiagramField } from './diagram-field';
+import { DiagramModel } from './diagram-model';
+import { DiagramNode, DiagramNodeType } from './diagram-node';
+import { DiagramPort } from './diagram-port';
+import { ValueSet } from './diagram-property';
+import { DiagramSection } from './diagram-section';
+export declare class ActionQueue {
+    maximum: number;
+    history: DiagramAction[];
+    /** Index of the last action not counting undone actions. One-indexed. Zero if all actions are undone. */
+    index: number;
+    constructor(maximum: number);
+    /**
+     * Adds an action to the history.
+     */
+    add(action: DiagramAction): void;
+    /**
+     * Undoes the last action in the history, not counting undone actions.
+     */
+    undo(): void;
+    /**
+     * Redoes the last undone action in the history.
+     */
+    redo(): void;
+}
+export interface DiagramAction {
+    undo(): void;
+    redo(): void;
+}
+export declare class AddNodeAction implements DiagramAction {
+    canvas: Canvas;
+    type: DiagramNodeType;
+    coords: Point;
+    label?: string;
+    values?: {
+        [key: string]: unknown;
+    };
+    id?: string | undefined;
+    sectionIds?: (string | undefined)[];
+    sectionPortIds?: (string | undefined)[][];
+    sectionPortLabelIds?: (string | undefined)[][];
+    portIds?: (string | undefined)[];
+    portLabelIds?: (string | undefined)[];
+    labelId?: string | undefined;
+    constructor(canvas: Canvas, type: DiagramNodeType, coords: Point, label?: string, values?: {
+        [key: string]: unknown;
+    }, id?: string);
+    undo(): void;
+    redo(): void;
+}
+export declare class MoveNodeAction implements DiagramAction {
+    canvas: Canvas;
+    nodeId: string;
+    from: Point;
+    to: Point;
+    constructor(canvas: Canvas, nodeId: string, from: Point, to: Point);
+    undo(): void;
+    redo(): void;
+}
+export declare class StretchNodeAction implements DiagramAction {
+    canvas: Canvas;
+    nodeId: string;
+    direction: Side;
+    from: number;
+    to: number;
+    constructor(canvas: Canvas, nodeId: string, direction: Side, from: number, to: number);
+    undo(): void;
+    redo(): void;
+}
+export declare class StretchSectionAction implements DiagramAction {
+    canvas: Canvas;
+    sectionId: string;
+    direction: Side;
+    from: number;
+    to: number;
+    constructor(canvas: Canvas, sectionId: string, direction: Side, from: number, to: number);
+    undo(): void;
+    redo(): void;
+}
+export declare class AddConnectionAction implements DiagramAction {
+    canvas: Canvas;
+    type: DiagramConnectionType;
+    startId: string;
+    endId: string;
+    id?: string;
+    constructor(canvas: Canvas, type: DiagramConnectionType, startId: string, endId: string, id?: string);
+    undo(): void;
+    redo(): void;
+}
+export declare class EditFieldAction implements DiagramAction {
+    canvas: Canvas;
+    fieldId: string;
+    from: string;
+    to: string;
+    constructor(canvas: Canvas, fieldId: string, from: string, to: string);
+    undo(): void;
+    redo(): void;
+}
+export declare class UpdateValuesAction implements DiagramAction {
+    model: DiagramModel;
+    id: string | undefined;
+    from: {
+        [key: string]: unknown;
+    };
+    to: {
+        [key: string]: unknown;
+    };
+    constructor(model: DiagramModel, id: string | undefined, from: {
+        [key: string]: unknown;
+    }, to: {
+        [key: string]: unknown;
+    });
+    getValueSet(): ValueSet | undefined;
+    undo(): void;
+    redo(): void;
+}
+export declare class RemoveAction implements DiagramAction {
+    model: DiagramModel;
+    nodes: DiagramNode[];
+    nodeIds: string[];
+    sections: DiagramSection[];
+    sectionIds: string[];
+    ports: DiagramPort[];
+    portIds: string[];
+    connections: DiagramConnection[];
+    connectionIds: string[];
+    fields: DiagramField[];
+    fieldIds: string[];
+    constructor(model: DiagramModel, nodes: DiagramNode[], sections: DiagramSection[], ports: DiagramPort[], connections: DiagramConnection[], fields: DiagramField[]);
+    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

@@ -0,0 +1,99 @@
+import * as d3 from 'd3';
+import { Subject } from 'rxjs';
+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 { DiagramConfig } from './diagram-config';
+import { DiagramConnection, DiagramConnectionType } from './diagram-connection';
+import { DiagramElement } from './diagram-element';
+import { DiagramModel } from './diagram-model';
+import { DiagramPort } from './diagram-port';
+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;
+/**
+ * Text to display as the title of the property editor when editing this diagram's properties.
+ * @see PropertyEditorComponent
+ */
+export declare const DIAGRAM_PROPERTIES_TEXT = "Diagram properties";
+/**
+ * Maximum number of user actions that can be recorded in the user action queue.
+ * @see ActionQueue
+ */
+export declare const ACTION_QUEUE_SIZE = 25;
+export declare class DiagramCanvas implements Canvas {
+    parentComponent: DiagramEditor;
+    diagramRoot: HTMLElement;
+    model: DiagramModel;
+    color: string;
+    gridSize: number;
+    snapToGrid: boolean;
+    guessConnectionType: boolean;
+    connectionType?: DiagramConnectionType;
+    priorityThreshold?: number;
+    priorityThresholds: number[];
+    validators: DiagramValidator[];
+    layoutFormat?: string;
+    actionQueue: ActionQueue;
+    private static canvasCount;
+    private backgroundPatternId;
+    private zoomBehavior;
+    private zoomTransform;
+    private mainUserHighlight?;
+    private userHighlight;
+    private userSelection;
+    private propertyEditorSelection?;
+    private propertyEditorValues?;
+    private unfinishedConnection?;
+    private inputFieldContainer?;
+    private draggingFrom;
+    private currentAction?;
+    viewInitialized$: Subject<void>;
+    validatorChanges$: Subject<void>;
+    diagramChanges$: Subject<number>;
+    diagramImportantChanges$: Subject<void>;
+    constructor(parentComponent: DiagramEditor, config: DiagramConfig);
+    addValidator(validator: DiagramValidator): void;
+    removeValidator(validator: DiagramValidator): void;
+    initView(appendTo: HTMLElement): void;
+    zoomBy(zoom: number): void;
+    zoomTo(zoom: number): void;
+    translateBy(x: number, y: number): void;
+    translateTo(x: number, y: number): void;
+    center(): void;
+    getClosestGridPoint(point: Point): Point;
+    private getEventHoldingCoordinates;
+    getPointerLocationRelativeToCanvas(event: MouseEvent): Point;
+    getPointerLocationRelativeToBody(event: MouseEvent): Point;
+    updateModelInView(): void;
+    updateNodesInView(...ids: string[]): void;
+    updateSectionsInView(...ids: string[]): void;
+    updatePortsInView(...ids: string[]): void;
+    updateConnectionsInView(...ids: string[]): void;
+    updateFieldsInView(...ids: string[]): void;
+    updateConnectionLabelsInView(connection: DiagramConnection): void;
+    updateConnectionMarkersInView(connection: DiagramConnection): void;
+    selectRoot(): d3.Selection<d3.BaseType, unknown, null, unknown>;
+    selectCanvas(): d3.Selection<SVGGElement, unknown, null, unknown>;
+    selectCanvasView(): d3.Selection<SVGGElement, unknown, null, unknown>;
+    startConnection(port: DiagramPort): void;
+    finishConnection(port: DiagramPort): void;
+    dropConnection(): void;
+    highlight(element: DiagramElement): void;
+    unhighlight(): void;
+    setPropertyEditorSelection(selection?: DiagramElement & {
+        valueSet: ValueSet;
+    }): void;
+    isInUserSelection(selection: DiagramElement): boolean;
+    addToUserSelection(selection: DiagramElement): void;
+    removeFromUserSelection(selection: DiagramElement): void;
+    toggleUserSelection(selection: DiagramElement): void;
+    clearUserSelection(): void;
+    cancelAllUserActions(): void;
+    private createInputField;
+    private removeInputField;
+}