nuxeo-development-framework 0.0.2 → 0.0.3-bos

package/lib/components/diagrams/components/template-node/template-node.component.d.ts

@@ -0,0 +1,17 @@
+import { TemplateNode } from '../../models';
+import { BaseNodeComponent } from '../base-node.component';
+import * as i0 from "@angular/core";
+export declare class TemplateNodeComponent extends BaseNodeComponent<TemplateNode> {
+    ngOnInit(): void;
+    get templateOutletContext(): {
+        $implicit: {
+            content: import("nuxeo-development-framework").NodeContent<Record<string, any>>;
+            description: string;
+            name: string;
+            status: string;
+            id: string;
+        };
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<TemplateNodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateNodeComponent, "ng-component", never, {}, {}, never, never, false, never>;
+}

package/lib/components/diagrams/components/zoom-control.component.d.ts

@@ -0,0 +1,11 @@
+import { DiagramPluginsService } from '../services/diagram-plugins.service';
+import * as i0 from "@angular/core";
+export declare class ZoomControlComponent {
+    _plugins: DiagramPluginsService;
+    private delta;
+    constructor(_plugins: DiagramPluginsService);
+    zoomOut(): void;
+    zoomIn(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ZoomControlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZoomControlComponent, "app-zoom-control", never, {}, {}, never, never, false, never>;
+}

package/lib/components/diagrams/constants/defaults.d.ts

@@ -0,0 +1 @@
+export declare const DIAGRAM_DEFAULT_OPTIONS: Record<string, any>;

package/lib/components/diagrams/constants/direction.d.ts

@@ -0,0 +1,6 @@
+export declare const IN_OUT_DIRECTION: {
+    readonly start: "start";
+    readonly end: "end";
+    readonly top: "top";
+    readonly bottom: "bottom";
+};

package/lib/components/diagrams/constants/index.d.ts

@@ -0,0 +1,7 @@
+export * from './defaults';
+export * from './direction';
+export * from './message-type';
+export * from './node-type';
+export * from './notify-events';
+export * from './sizes';
+export * from './status';

package/lib/components/diagrams/constants/message-type.d.ts

@@ -0,0 +1,4 @@
+export declare const MESSAGE_TYPE: {
+    readonly configUpdated: "configUpdated";
+    readonly refresh: "refresh";
+};

package/lib/components/diagrams/constants/node-type.d.ts

@@ -0,0 +1,7 @@
+export declare const NODE_TYPE: {
+    readonly start: "start";
+    readonly content: "content";
+    readonly template: "template";
+    readonly gateway: "gateway";
+    readonly end: "end";
+};

package/lib/components/diagrams/constants/notify-events.d.ts

@@ -0,0 +1,3 @@
+export declare const NOTIFY_EVENT: {
+    readonly remove: "remove";
+};

package/lib/components/diagrams/constants/sizes.d.ts

@@ -0,0 +1,7 @@
+export declare const NODE_MARGIN = 60;
+export declare const NODE_WIDTH = 150;
+export declare const NODE_HEIGHT = 118;
+export declare const NODE_CIRCLE_SIZE = 72;
+export declare const NODE_GATEWAY_SIZE = 60;
+export declare const DIAGRAM_HEIGHT = 600;
+export declare const SOCKET_WIDTH = 8;

package/lib/components/diagrams/constants/status.d.ts

@@ -0,0 +1,11 @@
+export declare const NODE_STATUS: {
+    readonly draft: "draft";
+    readonly completed: "completed";
+    readonly rejected: "rejected";
+    readonly inProgress: "inProgress";
+    readonly upcoming: "upcoming";
+    readonly approved: "approved";
+    readonly suspended: "suspended";
+    readonly ready: "ready";
+    readonly canceled: "canceled";
+};

package/lib/components/diagrams/diagrams.module.d.ts

@@ -0,0 +1,29 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/circle-node/circle-node.component";
+import * as i2 from "./components/content-node/content-node.component";
+import * as i3 from "./components/custom-connection.component";
+import * as i4 from "./components/custom-socket.component";
+import * as i5 from "./components/template-node/template-node.component";
+import * as i6 from "./directive/diagram.directive";
+import * as i7 from "./components/remove-button.component";
+import * as i8 from "./components/zoom-control.component";
+import * as i9 from "./components/node-icon.component";
+import * as i10 from "./components/status-icon.component";
+import * as i11 from "./components/node-inputs.component";
+import * as i12 from "./components/node-outputs.component";
+import * as i13 from "./components/gateway-node/gateway-node.component";
+import * as i14 from "./components/connection-label.component";
+import * as i15 from "./components/node-ports.component";
+import * as i16 from "./components/gateway-ports.component";
+import * as i17 from "@angular/common";
+import * as i18 from "rete-angular-plugin/19";
+import * as i19 from "@angular/material/button";
+import * as i20 from "@angular/material/icon";
+import * as i21 from "@angular/forms";
+import * as i22 from "@ngx-translate/core";
+import * as i23 from "@angular/material/tooltip";
+export declare class DiagramsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DiagramsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DiagramsModule, [typeof i1.CircleNodeComponent, typeof i2.ContentNodeComponent, typeof i3.CustomConnectionComponent, typeof i4.CustomSocketComponent, typeof i5.TemplateNodeComponent, typeof i6.DiagramDirective, typeof i7.RemoveButtonComponent, typeof i8.ZoomControlComponent, typeof i9.NodeIconComponent, typeof i10.StatusIconComponent, typeof i11.NodeInputsComponent, typeof i12.NodeOutputsComponent, typeof i13.GatewayNodeComponent, typeof i14.ConnectionLabelComponent, typeof i15.NodePortsComponent, typeof i16.GatewayPortsComponent], [typeof i17.CommonModule, typeof i18.ReteModule, typeof i19.MatButtonModule, typeof i20.MatIconModule, typeof i21.FormsModule, typeof i22.TranslateModule, typeof i23.MatTooltipModule], [typeof i6.DiagramDirective, typeof i8.ZoomControlComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DiagramsModule>;
+}

package/lib/components/diagrams/directive/diagram.directive.d.ts

@@ -0,0 +1,27 @@
+import { AfterViewInit, ComponentFactoryResolver, ElementRef, EventEmitter, Injector, OnInit, Renderer2, ViewContainerRef } from '@angular/core';
+import { DiagramConfig, DiagramEditorWithPlugins } from '../models';
+import { DiagramPluginsService, DiagramService } from '../services';
+import * as i0 from "@angular/core";
+export declare class DiagramDirective implements AfterViewInit, OnInit {
+    private _elementRef;
+    private _renderer;
+    private _injector;
+    private _viewContainerRef;
+    private _resolver;
+    private _diagramService;
+    private _pluginsService;
+    height: string;
+    width: string;
+    config: DiagramConfig;
+    zoomCtrl: boolean;
+    onDiagramReady: EventEmitter<DiagramEditorWithPlugins>;
+    diagramEditor: DiagramEditorWithPlugins;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2, _injector: Injector, _viewContainerRef: ViewContainerRef, _resolver: ComponentFactoryResolver, _diagramService: DiagramService, _pluginsService: DiagramPluginsService);
+    get clientRect(): DOMRect;
+    ngOnInit(): void;
+    private _appendZoomComponent;
+    ngAfterViewInit(): Promise<void>;
+    private _appendStyles;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DiagramDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DiagramDirective, "[appDiagram]", ["diagram"], { "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "config": { "alias": "config"; "required": false; }; "zoomCtrl": { "alias": "zoomCtrl"; "required": false; }; }, { "onDiagramReady": "onDiagramReady"; }, never, never, false, never>;
+}

package/lib/components/diagrams/directive/index.d.ts

@@ -0,0 +1 @@
+export * from './diagram.directive';

package/lib/components/diagrams/editor/customize.d.ts

@@ -0,0 +1,24 @@
+import { NodeEditor } from 'rete';
+import { ExtractPayload } from 'rete-angular-plugin/19/presets/classic/types';
+import { AngularComponent, ContentNode, DiagramConfig, NodeDefinitionData, NodeType, Schemes } from '../models';
+/**
+ *
+ * @param config
+ * @returns
+ */
+export declare const customizeSocket: (config: DiagramConfig) => (data: ExtractPayload<Schemes, 'socket'>) => AngularComponent | null;
+/**
+ *
+ * @param config
+ * @param editor
+ * @returns
+ */
+export declare const customizeNode: (config: DiagramConfig, editor: NodeEditor<Schemes>) => (data: ExtractPayload<Schemes, 'node'>) => AngularComponent | null;
+/**
+ *
+ * @param config
+ * @returns
+ */
+export declare const customizeConnection: (config: DiagramConfig) => (data: ExtractPayload<Schemes, 'connection'>) => AngularComponent | null;
+export declare const initNodeByType: (type: NodeType, config: NodeDefinitionData) => ContentNode<unknown>;
+export declare const initAngularComponentByType: (type: NodeType) => AngularComponent;

package/lib/components/diagrams/editor/editor.d.ts

@@ -0,0 +1,3 @@
+import { Injector } from '@angular/core';
+import { DiagramConfig, DiagramEditorWithPlugins } from '../models';
+export declare const createDiagramEditor: (container: HTMLElement, injector: Injector, config: DiagramConfig) => Promise<DiagramEditorWithPlugins>;

package/lib/components/diagrams/editor/index.d.ts

@@ -0,0 +1,4 @@
+export * from './customize';
+export * from './editor';
+export * from './path-plugin';
+export * from './socket-position-watcher';

package/lib/components/diagrams/editor/overrides/connection-path.transformers.d.ts

@@ -0,0 +1,2 @@
+import { TransformerFactory } from '../../models';
+export declare const createSegmentedPath: TransformerFactory;

package/lib/components/diagrams/editor/overrides/index.d.ts

@@ -0,0 +1 @@
+export * from './connection-path.transformers';

package/lib/components/diagrams/editor/path-plugin.d.ts

@@ -0,0 +1,4 @@
+import { Area2D } from 'rete-area-plugin';
+import { ConnectionPathPlugin } from 'rete-connection-path-plugin';
+import { PathPluginConfig, Schemes } from '../models';
+export declare const initPathPlugin: (config?: PathPluginConfig) => ConnectionPathPlugin<Schemes, Area2D<Schemes>>;

package/lib/components/diagrams/editor/socket-position-watcher.d.ts

@@ -0,0 +1,3 @@
+import { NodeEditor } from 'rete';
+import { Schemes } from '../models';
+export declare const socketPositionWatcher: (offset: number, isVertical: boolean, editor: NodeEditor<Schemes>) => import("rete-render-utils").DOMSocketPosition<import("rete").BaseSchemes, unknown>;

package/lib/components/diagrams/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/components/diagrams/models/base-node.model.d.ts

@@ -0,0 +1,30 @@
+import { TemplateRef } from '@angular/core';
+import { ClassicPreset } from 'rete';
+import { NodeDefinitionData } from './node-definition';
+import { DirectionType, Optional } from './common.type';
+import { NodeType } from './node.type';
+import { NodeStatus } from './node-status.type';
+import { NodeContent } from './node-content';
+import { DiagramConfig } from './diagram-config.type';
+import { NotifyEventType } from './notify-event.type';
+export declare abstract class BaseNodeClass<T = unknown> extends ClassicPreset.Node implements NodeDefinitionData {
+    label: string;
+    template?: TemplateRef<any>;
+    name?: Optional<string>;
+    description?: Optional<string>;
+    type: NodeType;
+    status?: NodeStatus | string;
+    width: number;
+    height: number;
+    content?: Optional<NodeContent<Record<string, any>>>;
+    parent?: Optional<string>;
+    config?: Optional<DiagramConfig['node']>;
+    children?: BaseNodeClass<T>[];
+    styleClass?: string;
+    options?: Record<string, any>;
+    directions: Record<'inputs' | 'outputs', DirectionType>;
+    level?: number;
+    edges?: string[];
+    notify: (eventType: NotifyEventType, payload: Record<string, any>) => void;
+    constructor(config: NodeDefinitionData);
+}

package/lib/components/diagrams/models/circle-node.model.d.ts

@@ -0,0 +1,7 @@
+import { BaseNodeClass } from './base-node.model';
+import { NodeDefinitionData } from './node-definition';
+export declare class CircleNode<T = unknown> extends BaseNodeClass<T> {
+    width: number;
+    height: number;
+    constructor(config: NodeDefinitionData);
+}

package/lib/components/diagrams/models/common.type.d.ts

@@ -0,0 +1,4 @@
+import { IN_OUT_DIRECTION, MESSAGE_TYPE } from '../constants';
+export type DirectionType = (typeof IN_OUT_DIRECTION)[keyof typeof IN_OUT_DIRECTION];
+export type Optional<T = unknown> = T | undefined;
+export type MessageType = (typeof MESSAGE_TYPE)[keyof typeof MESSAGE_TYPE];

package/lib/components/diagrams/models/connection-config.type.d.ts

@@ -0,0 +1,11 @@
+import { ConnectionLabelType } from './connection-label.type';
+export type ConnectionConfigType = {
+    renderType?: 'default' | 'custom';
+    sourceOutput?: string;
+    targetInput?: string;
+    status?: string;
+    styleClass?: string;
+    label?: string | ConnectionLabelType;
+    direction?: ConnectionDirectionType;
+};
+export type ConnectionDirectionType = 'forward' | 'backward' | 'up' | 'down';

package/lib/components/diagrams/models/connection-label.type.d.ts

@@ -0,0 +1,4 @@
+export type ConnectionLabelType = {
+    text: string;
+    position?: 'center' | 'start' | 'end';
+};

package/lib/components/diagrams/models/connection.model.d.ts

@@ -0,0 +1,20 @@
+import { CurveFactory } from 'd3-shape';
+import { ClassicPreset } from 'rete';
+import { BaseNodeClass } from './base-node.model';
+import { Position } from 'rete-connection-plugin/_types/types';
+import { ConnectionConfigType, ConnectionDirectionType } from './connection-config.type';
+import { ConnectionLabelType } from './connection-label.type';
+import { PathPluginConfig } from './path.type';
+export type TransformerFactory = (connection: Connection, options: PathPluginConfig) => (points: Position[]) => Position[];
+export declare class Connection<Source extends BaseNodeClass = BaseNodeClass, Target extends BaseNodeClass = BaseNodeClass> extends ClassicPreset.Connection<Source, Target> {
+    curve?: CurveFactory;
+    createSegmentedPath?: TransformerFactory;
+    renderType?: 'default' | 'custom';
+    status?: string;
+    styleClass?: string;
+    label?: string | ConnectionLabelType;
+    sourceNode: Source;
+    targetNode: Target;
+    direction: ConnectionDirectionType;
+    constructor(source: Source, target: Target, config?: ConnectionConfigType);
+}

package/lib/components/diagrams/models/content-node.model.d.ts

@@ -0,0 +1,5 @@
+import { BaseNodeClass } from './base-node.model';
+import { NodeDefinitionData } from './node-definition';
+export declare class ContentNode<T = unknown> extends BaseNodeClass<T> {
+    constructor(config: NodeDefinitionData);
+}

package/lib/components/diagrams/models/customization.type.d.ts

@@ -0,0 +1,10 @@
+import { Type } from "@angular/core";
+import { ExtractPayload } from "rete-angular-plugin/19/presets/classic/types";
+import { ClassicScheme } from "rete-connection-plugin/_types/types";
+export type AngularComponent = Type<any>;
+export type CustomizationProps<Schemes extends ClassicScheme> = {
+    node?: (data: ExtractPayload<Schemes, "node">) => AngularComponent | null;
+    connection?: (data: ExtractPayload<Schemes, "connection">) => AngularComponent | null;
+    socket?: (data: ExtractPayload<Schemes, "socket">) => AngularComponent | null;
+    control?: (data: ExtractPayload<Schemes, "control">) => AngularComponent | null;
+};

package/lib/components/diagrams/models/diagram-config.type.d.ts

@@ -0,0 +1,40 @@
+import { Preset as ArrangePreset } from "rete-auto-arrange-plugin";
+import { NodeType } from "./node.type";
+import { PathPluginConfig } from "./path.type";
+export type DiagramConfig = {
+    readonly?: {
+        active: boolean;
+        wrapNodes?: boolean;
+    };
+    enableArrange?: boolean;
+    reroute?: boolean;
+    config?: boolean;
+    socketType?: "default" | "custom";
+    nodeType?: NodeType;
+    connectionType?: "default" | "custom";
+    fitToView?: boolean;
+    path?: PathPluginConfig;
+    minimap?: {
+        active: boolean;
+        size?: number;
+        options?: {
+            minDistance?: number;
+            ratio?: number;
+            boundViewport?: boolean;
+        } | undefined;
+    };
+    area?: {
+        restrict: boolean;
+        scaling?: {
+            min: number;
+            max: number;
+        };
+    };
+    node?: {
+        isLinked?: boolean;
+        canRemove?: boolean;
+    };
+    presets?: {
+        arrange?: (editor: unknown) => ArrangePreset;
+    };
+};

package/lib/components/diagrams/models/diagram-editor.type.d.ts

@@ -0,0 +1,26 @@
+import { NodeEditor } from 'rete';
+import { AngularArea2D } from 'rete-angular-plugin/19';
+import { AreaPlugin } from 'rete-area-plugin';
+import { AutoArrangePlugin } from 'rete-auto-arrange-plugin';
+import { ConnectionPlugin } from 'rete-connection-plugin';
+import { RerouteExtra, ReroutePlugin } from 'rete-connection-reroute-plugin';
+import { MinimapExtra } from 'rete-minimap-plugin';
+import { ReadonlyPlugin } from 'rete-readonly-plugin';
+import { ArrangeProps } from './layout.type';
+import { Schemes } from './schemes';
+import { Socket } from './socket.model';
+export type DiagramEditorWithPlugins = {
+    editor: NodeEditor<Schemes>;
+    destroy: () => void;
+    layout: (props?: ArrangeProps) => void;
+    fitToZoom: () => void;
+    socket: Socket;
+    plugins: {
+        area: AreaPlugin<Schemes, AreaExtra>;
+        connection: ConnectionPlugin<Schemes, AreaExtra>;
+        arrange: AutoArrangePlugin<Schemes, never>;
+        reroute: ReroutePlugin<Schemes>;
+        readonly: ReadonlyPlugin<Schemes>;
+    };
+};
+export type AreaExtra = AngularArea2D<Schemes> | RerouteExtra | MinimapExtra;

package/lib/components/diagrams/models/emitter-type.d.ts

@@ -0,0 +1,5 @@
+import { BaseSchemes, Root } from 'rete';
+export type ExtendedRoot<Scheme extends BaseSchemes> = {
+    type: 'remove-node-with-connections';
+    data: Scheme['Node'];
+} | Root<Scheme>;

package/lib/components/diagrams/models/gate-way.model.d.ts

@@ -0,0 +1,8 @@
+import { BaseNodeClass } from './base-node.model';
+import { NodeDefinitionData } from './node-definition';
+export declare class GateWayNode<T = unknown> extends BaseNodeClass<T> {
+    type: "gateway";
+    width: number;
+    height: number;
+    constructor(config: NodeDefinitionData);
+}

package/lib/components/diagrams/models/index.d.ts

@@ -0,0 +1,24 @@
+export * from './base-node.model';
+export * from './circle-node.model';
+export * from './common.type';
+export * from './connection-config.type';
+export * from './connection-label.type';
+export * from './connection.model';
+export * from './content-node.model';
+export * from './customization.type';
+export * from './diagram-config.type';
+export * from './diagram-editor.type';
+export * from './emitter-type';
+export * from './layout.type';
+export * from './node-content';
+export * from './node-definition';
+export * from './node-status.type';
+export * from './node.type';
+export * from './notify-event.type';
+export * from './path.type';
+export * from './ports-config.type';
+export * from './ports.model';
+export * from './schemes';
+export * from './socket.model';
+export * from './socket.type';
+export * from './template-node.model';

package/lib/components/diagrams/models/layout.type.d.ts

@@ -0,0 +1,13 @@
+import { LayoutOptions } from 'elkjs';
+import { Applier } from 'rete-auto-arrange-plugin/_types/appliers';
+import { ExpectedSchemes } from 'rete-auto-arrange-plugin';
+import { Schemes } from './schemes';
+type Context<S extends ExpectedSchemes> = {
+    nodes: S['Node'][];
+    connections: S['Connection'][];
+};
+export type ArrangeProps<TT = never> = {
+    options?: LayoutOptions;
+    applier?: Applier<Schemes, TT>;
+} & Partial<Context<Schemes>>;
+export {};

package/lib/components/diagrams/models/node-content.d.ts

@@ -0,0 +1,9 @@
+import { TemplateRef } from '@angular/core';
+import { NodeStatus } from './node-status.type';
+export type NodeContent<T = any> = {
+    name: string;
+    description?: string;
+    status?: NodeStatus;
+    data: T;
+    icon?: string | TemplateRef<any>;
+};

package/lib/components/diagrams/models/node-definition.d.ts

@@ -0,0 +1,20 @@
+import { TemplateRef } from '@angular/core';
+import { DirectionType } from './common.type';
+import { DiagramConfig } from './diagram-config.type';
+import { NodeContent } from './node-content';
+import { NodeType } from './node.type';
+export type NodeDefinitionData<T = any> = {
+    label: string;
+    name?: string;
+    description?: string;
+    type: NodeType;
+    status?: any;
+    width?: number;
+    height?: number;
+    content?: NodeContent<T>;
+    config?: DiagramConfig['node'];
+    directions?: Record<'inputs' | 'outputs', DirectionType>;
+    template?: TemplateRef<any>;
+    styleClass?: string;
+    options?: Record<string, any>;
+};

package/lib/components/diagrams/models/node-status.type.d.ts

@@ -0,0 +1,2 @@
+import { NODE_STATUS } from '../constants';
+export type NodeStatus = (typeof NODE_STATUS)[keyof typeof NODE_STATUS];

package/lib/components/diagrams/models/node.type.d.ts

@@ -0,0 +1,2 @@
+import { NODE_TYPE } from '../constants/node-type';
+export type NodeType = (typeof NODE_TYPE)[keyof typeof NODE_TYPE];

package/lib/components/diagrams/models/notify-event.type.d.ts

@@ -0,0 +1,2 @@
+import { NOTIFY_EVENT } from '../constants';
+export type NotifyEventType = (typeof NOTIFY_EVENT)[keyof typeof NOTIFY_EVENT];

package/lib/components/diagrams/models/path.type.d.ts

@@ -0,0 +1,18 @@
+import { CurveFactory } from 'd3-shape';
+export type PathPluginConfig = {
+    vertical?: boolean;
+    curve?: CurveFactory;
+    direction?: 'forward' | 'backward' | 'both';
+    curvature?: number | undefined;
+    arrow?: boolean | {
+        color?: string;
+        marker?: string;
+    };
+    transform?: {
+        active: boolean;
+        options?: {
+            multiPoints?: boolean;
+            offset?: number;
+        };
+    };
+};

package/lib/components/diagrams/models/ports-config.type.d.ts

@@ -0,0 +1,12 @@
+type PortConfig = {
+    label?: string;
+    multipleConnections?: boolean;
+    styleClass?: string;
+};
+export type PortModelConfig<S> = {
+    socket: S;
+} & PortConfig;
+export type InputConfigType = PortConfig;
+export type OutputConfigType = PortConfig;
+export type PortType = 'primary' | 'secondary' | 'tertiary' | 'quaternary';
+export {};

package/lib/components/diagrams/models/ports.model.d.ts

@@ -0,0 +1,11 @@
+import { ClassicPreset } from 'rete';
+import { PortModelConfig } from './ports-config.type';
+import { Socket } from './socket.model';
+export declare class OutputPort<S extends Socket> extends ClassicPreset.Output<S> {
+    styleClass?: string;
+    constructor(config: PortModelConfig<S>);
+}
+export declare class InputPort<S extends Socket> extends ClassicPreset.Input<S> {
+    styleClass?: string;
+    constructor(config: PortModelConfig<S>);
+}

package/lib/components/diagrams/models/schemes.d.ts

@@ -0,0 +1,5 @@
+import { GetSchemes } from 'rete';
+import { BaseNodeClass } from './base-node.model';
+import { Connection } from './connection.model';
+import { ContentNode } from './content-node.model';
+export type Schemes<NOD extends BaseNodeClass = ContentNode> = GetSchemes<NOD, Connection<NOD>>;

package/lib/components/diagrams/models/socket.model.d.ts

@@ -0,0 +1,7 @@
+import { ClassicPreset } from 'rete';
+import { SocketConfig } from './socket.type';
+export declare class Socket extends ClassicPreset.Socket {
+    renderType: 'default' | 'custom';
+    styleClass?: string;
+    constructor(config: SocketConfig);
+}

package/lib/components/diagrams/models/socket.type.d.ts

@@ -0,0 +1,5 @@
+export type SocketConfig = {
+    name: string;
+    renderType: 'default' | 'custom';
+    styleClass?: string;
+};

package/lib/components/diagrams/models/template-node.model.d.ts

@@ -0,0 +1,8 @@
+import { TemplateRef } from "@angular/core";
+import { BaseNodeClass } from "./base-node.model";
+import { NodeDefinitionData } from "./node-definition";
+export declare class TemplateNode<T = unknown> extends BaseNodeClass<T> {
+    template: TemplateRef<T>;
+    type: "template";
+    constructor(config: NodeDefinitionData);
+}

package/lib/components/diagrams/public-api.d.ts

@@ -0,0 +1,7 @@
+export * from './components';
+export * from './constants';
+export * from './diagrams.module';
+export * from './directive';
+export * from './models';
+export * from './services';
+export * from './utilities';

package/lib/components/diagrams/services/diagram-plugins.service.d.ts

@@ -0,0 +1,16 @@
+import { AreaPlugin } from 'rete-area-plugin';
+import { AutoArrangePlugin } from 'rete-auto-arrange-plugin';
+import { ReroutePlugin } from 'rete-connection-reroute-plugin';
+import { ReadonlyPlugin } from 'rete-readonly-plugin';
+import { AreaExtra, DiagramEditorWithPlugins, Schemes } from '../models';
+import * as i0 from "@angular/core";
+export declare class DiagramPluginsService {
+    area: AreaPlugin<Schemes, AreaExtra>;
+    readonly: ReadonlyPlugin<Schemes>;
+    arrange: AutoArrangePlugin<Schemes, never>;
+    reroute: ReroutePlugin<Schemes>;
+    setPlugins({ plugins, layout }: DiagramEditorWithPlugins): void;
+    destroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DiagramPluginsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DiagramPluginsService>;
+}