@visuallyjs/browser-ui-angular 1.0.0

package/lib/base.vertex.component.d.ts

@@ -0,0 +1,111 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from "@angular/core";
+import { ObjectData, Node, Surface, BrowserElement, VisuallyJsModel, SurfaceVertexCloneOptions, Port } from "@visuallyjs/browser-ui";
+import * as i0 from "@angular/core";
+/**
+ * Superclass for base node and base group components.
+ */
+export declare abstract class BaseVertexComponent<T extends Node> implements OnInit, OnDestroy {
+    /**
+     * Data object for the vertex
+     * @classMember
+     */
+    data: ObjectData;
+    /**
+     * Underlying instance. Visually sets this.
+     * @internal
+     */
+    model: VisuallyJsModel;
+    /**
+     * Underlying Surface. Visually sets this.
+     * @internal
+     */
+    surface: Surface;
+    /**
+     * Underlying model object. Visually sets this.
+     * @internal
+     */
+    modelObject: T;
+    /**
+     * @internal
+     */
+    _el: BrowserElement;
+    /**
+     * @internal
+     */
+    changeDetectorRef: ChangeDetectorRef;
+    /**
+     * This signal represents the underlying data for the vertex this component represents.
+     * @classMember
+     */
+    readonly $data: import("@angular/core").WritableSignal<ObjectData>;
+    /**
+     * Setup the data signal and bind an event handler to it.
+     * @internal
+     */
+    ngOnInit(): void;
+    /**
+     * Gets the vertex that this component represents.
+     */
+    getVertex(): T;
+    /**
+     * Subclasses should implement to return the appropriate vertex type.
+     * @private
+     * @internal
+     */
+    abstract _getVertex(): T;
+    /**
+     * @internal
+     */
+    ngOnDestroy(): void;
+    /**
+     * Removes the vertex this component represents from the data model, which will cause this component to be cleaned up.
+     */
+    removeVertex(): void;
+    /**
+     * Instructs the model to add a new port with the given data to the vertex this component represents. This will call the model's `portFactory`.
+     * @param type
+     * @param data
+     * @classMember
+     */
+    addNewPort(type: string, data: ObjectData): void;
+    /**
+     * Adds a port with the given data to the vertex this component represents.
+     * @param data
+     * @classMember
+     */
+    addPort(data: ObjectData): Port;
+    /**
+     * Sets the vertex this component represents as the current selection in the model.
+     * @classMember
+     */
+    setAsSelection(): void;
+    /**
+     * Adds the vertex this component represents to the current selection in the model.
+     * @classMember
+     */
+    addToSelection(): void;
+    /**
+     * Removes the vertex this component represents from the current selection in the model.
+     * @classMember
+     */
+    removeFromSelection(): void;
+    /**
+     * Shortcut method to update the current data backing this vertex, for convenience.
+     * @param data
+     *
+     */
+    updateVertex(data: ObjectData): void;
+    /**
+     * Clones this vertex, optionally setting to a given position, or offsetting from the original, and optionally magnetizing the new vertex's position, and flashing it to show the user where it is.
+     */
+    cloneVertex(options?: SurfaceVertexCloneOptions): void;
+    /**
+     * Flash this vertex
+     * @param duration Optional; defaults to 1000ms. Duration of the animation in milliseconds.
+     * @param animName Optional; the name of the CSS animation to apply. Defaults to ANIM_SURFACE_ELEMENT_FLASH.
+     * @internal
+     */
+    flashVertex(duration: number, animName?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseVertexComponent<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BaseVertexComponent<any>>;
+}

package/lib/browser-ui-angular.module.d.ts

@@ -0,0 +1,35 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./default-node-component";
+import * as i2 from "./default-group-component";
+import * as i3 from "./base.port.component";
+import * as i4 from "./miniview-component";
+import * as i5 from "./surface-component";
+import * as i6 from "./palette.component";
+import * as i7 from "./shape.palette.component";
+import * as i8 from "./diagram-palette-component";
+import * as i9 from "./shape.component";
+import * as i10 from "./controls-component";
+import * as i11 from "./edge.type.picker.component";
+import * as i12 from "./export-controls-component";
+import * as i13 from "./color.tag.component";
+import * as i14 from "./diagram-component";
+import * as i15 from "./charts/column.chart.component";
+import * as i16 from "./charts/bar.chart.component";
+import * as i17 from "./charts/xy.chart.component";
+import * as i18 from "./charts/line.chart.component";
+import * as i19 from "./charts/area.chart.component";
+import * as i20 from "./charts/pie.chart.component";
+import * as i21 from "./charts/scatter.chart.component";
+import * as i22 from "./charts/bubble.chart.component";
+import * as i23 from "./charts/sankey.chart.component";
+import * as i24 from "./decorator-component";
+import * as i25 from "@angular/common";
+/**
+ * VisuallyJs Angular module.  If you're not using stand alone components then you should import this module into your app's module. Otherwise, you should import this module into any component in which you wish to use a VisuallyJs Angular component.
+ * @group Modules
+ */
+export declare class VisuallyJsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisuallyJsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VisuallyJsModule, [typeof i1.DefaultNodeComponent, typeof i2.DefaultGroupComponent, typeof i3.BasePortComponent, typeof i4.MiniviewComponent, typeof i5.SurfaceComponent, typeof i6.PaletteComponent, typeof i7.ShapePaletteComponent, typeof i8.DiagramPaletteComponent, typeof i9.ShapeComponent, typeof i10.ControlsComponent, typeof i11.EdgeTypePickerComponent, typeof i6.PaletteComponent, typeof i12.ExportControlsComponent, typeof i13.ColorPickerComponent, typeof i14.DiagramComponent, typeof i15.ColumnChartComponent, typeof i16.BarChartComponent, typeof i17.XYChartComponent, typeof i18.LineChartComponent, typeof i19.AreaChartComponent, typeof i20.PieChartComponent, typeof i21.ScatterChartComponent, typeof i22.BubbleChartComponent, typeof i23.SankeyChartComponent, typeof i24.DecoratorComponent], [typeof i25.CommonModule], [typeof i4.MiniviewComponent, typeof i5.SurfaceComponent, typeof i6.PaletteComponent, typeof i8.DiagramPaletteComponent, typeof i9.ShapeComponent, typeof i7.ShapePaletteComponent, typeof i10.ControlsComponent, typeof i12.ExportControlsComponent, typeof i11.EdgeTypePickerComponent, typeof i13.ColorPickerComponent, typeof i14.DiagramComponent, typeof i15.ColumnChartComponent, typeof i16.BarChartComponent, typeof i17.XYChartComponent, typeof i18.LineChartComponent, typeof i19.AreaChartComponent, typeof i20.PieChartComponent, typeof i21.ScatterChartComponent, typeof i22.BubbleChartComponent, typeof i23.SankeyChartComponent, typeof i24.DecoratorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VisuallyJsModule>;
+}

package/lib/charts/area.chart.component.d.ts

@@ -0,0 +1,43 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy } from "@angular/core";
+import { AreaChartOptions, ObjectData } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "../vjs-service";
+import * as i0 from "@angular/core";
+/**
+ * Options for an area chart
+ */
+export interface AreaChartComponentOptions extends Omit<AreaChartOptions, "data" | "url" | "model"> {
+}
+export declare class AreaChartComponent implements AfterViewInit, OnDestroy {
+    /**
+     * Optional data to load into the chart
+     * @input
+     */
+    data?: Array<ObjectData>;
+    /**
+     * Optional URL for data to load into the chart
+     * @input
+     */
+    url?: string;
+    /**
+     * Options for the chart
+     * @input
+     */
+    options: AreaChartComponentOptions;
+    /**
+     * If true, the component attaches to a model provided by the VisuallyJsService. Defaults to false.
+     * @input
+     */
+    useModel?: boolean;
+    $vjs: VisuallyJsService;
+    private chart;
+    $el: ElementRef<any>;
+    $ngZone: NgZone;
+    private _init;
+    /**
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AreaChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AreaChartComponent, "vjs-area-chart", never, { "data": { "alias": "data"; "required": false; }; "url": { "alias": "url"; "required": false; }; "options": { "alias": "options"; "required": false; }; "useModel": { "alias": "useModel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/charts/bar.chart.component.d.ts

@@ -0,0 +1,40 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy } from "@angular/core";
+import { BarChartOptions, ObjectData } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "../vjs-service";
+import * as i0 from "@angular/core";
+export interface BarChartComponentOptions extends Omit<BarChartOptions, "data" | "url" | "model"> {
+}
+export declare class BarChartComponent implements AfterViewInit, OnDestroy {
+    /**
+     * Optional data to load into the chart
+     * @input
+     */
+    data?: Array<ObjectData>;
+    /**
+     * Optional URL for data to load into the chart
+     * @input
+     */
+    url?: string;
+    /**
+     * Options for the chart
+     * @input
+     */
+    options: BarChartComponentOptions;
+    /**
+     * If true, the component attaches to a model provided by the VisuallyJsService. Defaults to false.
+     * @input
+     */
+    useModel?: boolean;
+    $vjs: VisuallyJsService;
+    private chart;
+    $el: ElementRef<any>;
+    $ngZone: NgZone;
+    private _init;
+    /**
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BarChartComponent, "vjs-bar-chart", never, { "data": { "alias": "data"; "required": false; }; "url": { "alias": "url"; "required": false; }; "options": { "alias": "options"; "required": false; }; "useModel": { "alias": "useModel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/charts/bubble.chart.component.d.ts

@@ -0,0 +1,40 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy } from "@angular/core";
+import { BubbleChartOptions, ObjectData } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "../vjs-service";
+import * as i0 from "@angular/core";
+export interface BubbleChartComponentOptions extends Omit<BubbleChartOptions, "data" | "url" | "model"> {
+}
+export declare class BubbleChartComponent implements AfterViewInit, OnDestroy {
+    /**
+     * Optional data to load into the chart
+     * @input
+     */
+    data?: Array<ObjectData>;
+    /**
+     * Optional URL for data to load into the chart
+     * @input
+     */
+    url?: string;
+    /**
+     * Options for the chart
+     * @input
+     */
+    options: BubbleChartComponentOptions;
+    /**
+     * If true, the component attaches to a model provided by the VisuallyJsService. Defaults to false.
+     * @input
+     */
+    useModel?: boolean;
+    private chart;
+    $el: ElementRef<any>;
+    $ngZone: NgZone;
+    $vjs: VisuallyJsService;
+    private _init;
+    /**
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BubbleChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BubbleChartComponent, "vjs-bubble-chart", never, { "data": { "alias": "data"; "required": false; }; "url": { "alias": "url"; "required": false; }; "options": { "alias": "options"; "required": false; }; "useModel": { "alias": "useModel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/charts/column.chart.component.d.ts

@@ -0,0 +1,40 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy } from "@angular/core";
+import { ColumnChartOptions, ObjectData } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "../vjs-service";
+import * as i0 from "@angular/core";
+export interface ColumnChartComponentOptions extends Omit<ColumnChartOptions, "data" | "url" | "model"> {
+}
+export declare class ColumnChartComponent implements AfterViewInit, OnDestroy {
+    /**
+     * Optional data to load into the chart
+     * @input
+     */
+    data?: Array<ObjectData>;
+    /**
+     * Optional URL for data to load into the chart
+     * @input
+     */
+    url?: string;
+    /**
+     * Options for the chart
+     * @input
+     */
+    options: ColumnChartComponentOptions;
+    /**
+     * If true, the component attaches to a model provided by the VisuallyJsService. Defaults to false.
+     * @input
+     */
+    useModel?: boolean;
+    private chart;
+    $el: ElementRef<any>;
+    $ngZone: NgZone;
+    $vjs: VisuallyJsService;
+    private _init;
+    /**
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnChartComponent, "vjs-column-chart", never, { "data": { "alias": "data"; "required": false; }; "url": { "alias": "url"; "required": false; }; "options": { "alias": "options"; "required": false; }; "useModel": { "alias": "useModel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/charts/line.chart.component.d.ts

@@ -0,0 +1,39 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy } from "@angular/core";
+import { LineChartOptions, ObjectData } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "../vjs-service";
+import * as i0 from "@angular/core";
+export interface LineChartComponentOptions extends Omit<LineChartOptions, "data" | "url" | "model"> {
+}
+export declare class LineChartComponent implements AfterViewInit, OnDestroy {
+    /**
+     * Optional data to load into the chart
+     *
+     */
+    data?: Array<ObjectData>;
+    /**
+     * Optional URL for data to load into the chart
+     *
+     */
+    url?: string;
+    /**
+     * Options for the chart
+     */
+    options: LineChartComponentOptions;
+    /**
+     * If true, the component attaches to a model provided by the VisuallyJsService. Defaults to false.
+     * @input
+     */
+    useModel?: boolean;
+    private chart;
+    $el: ElementRef<any>;
+    $ngZone: NgZone;
+    $vjs: VisuallyJsService;
+    private _init;
+    /**
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LineChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LineChartComponent, "vjs-line-chart", never, { "data": { "alias": "data"; "required": false; }; "url": { "alias": "url"; "required": false; }; "options": { "alias": "options"; "required": false; }; "useModel": { "alias": "useModel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/charts/pie.chart.component.d.ts

@@ -0,0 +1,40 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy } from "@angular/core";
+import { PieChartOptions, ObjectData } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "../vjs-service";
+import * as i0 from "@angular/core";
+export interface PieChartComponentOptions extends Omit<PieChartOptions, "data" | "url" | "model"> {
+}
+export declare class PieChartComponent implements AfterViewInit, OnDestroy {
+    /**
+     * Optional data to load into the chart
+     * @input
+     */
+    data?: Array<ObjectData>;
+    /**
+     * Optional URL for data to load into the chart
+     * @input
+     */
+    url?: string;
+    /**
+     * Options for the chart
+     * @input
+     */
+    options: PieChartComponentOptions;
+    /**
+     * If true, the component attaches to a model provided by the VisuallyJsService. Defaults to false.
+     * @input
+     */
+    useModel?: boolean;
+    private chart;
+    $el: ElementRef<any>;
+    $ngZone: NgZone;
+    $vjs: VisuallyJsService;
+    private _init;
+    /**
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PieChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PieChartComponent, "vjs-pie-chart", never, { "data": { "alias": "data"; "required": false; }; "url": { "alias": "url"; "required": false; }; "options": { "alias": "options"; "required": false; }; "useModel": { "alias": "useModel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/charts/sankey.chart.component.d.ts

@@ -0,0 +1,59 @@
+import { ElementRef, OnChanges, SimpleChanges, AfterViewInit, OnDestroy, NgZone } from "@angular/core";
+import { SankeyOptions, VisuallyJsDefaultJSON } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "../vjs-service";
+import * as i0 from "@angular/core";
+export interface SankeyChartComponentOptions extends Omit<SankeyOptions, "data" | "url" | "model"> {
+}
+export declare class SankeyChartComponent implements AfterViewInit, OnDestroy, OnChanges {
+    /**
+     * Optional data to load into the chart (in CSV format)
+     * @input
+     */
+    csvData?: string;
+    /**
+     * Optional data to load into the chart (in VisuallyJs default json format)
+     * @input
+     */
+    jsonData?: VisuallyJsDefaultJSON;
+    /**
+     * Optional URL for data to load into the chart
+     * @input
+     */
+    url?: string;
+    /**
+     * Whether the chart is interactive.
+     * @input
+     */
+    interactive?: boolean;
+    /**
+     * Optional property to pivot the sankey chart on.
+     * @input
+     */
+    pivot?: string;
+    /**
+     * Options for the chart
+     * @input
+     */
+    options: SankeyChartComponentOptions;
+    /**
+     * If true, the component attaches to a model provided by the VisuallyJsService. Defaults to false.
+     * @input
+     */
+    useModel?: boolean;
+    private chart;
+    $el: ElementRef<any>;
+    $ngZone: NgZone;
+    $vjs: VisuallyJsService;
+    /**
+     * @internal
+     */
+    private _init;
+    /**
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SankeyChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SankeyChartComponent, "vjs-sankey-chart", never, { "csvData": { "alias": "csvData"; "required": false; }; "jsonData": { "alias": "jsonData"; "required": false; }; "url": { "alias": "url"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "pivot": { "alias": "pivot"; "required": false; }; "options": { "alias": "options"; "required": false; }; "useModel": { "alias": "useModel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/charts/scatter.chart.component.d.ts

@@ -0,0 +1,40 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy } from "@angular/core";
+import { ScatterChartOptions, ObjectData } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "../vjs-service";
+import * as i0 from "@angular/core";
+export interface ScatterChartComponentOptions extends Omit<ScatterChartOptions, "data" | "url" | "model"> {
+}
+export declare class ScatterChartComponent implements AfterViewInit, OnDestroy {
+    /**
+     * Optional data to load into the chart
+     * @input
+     */
+    data?: Array<ObjectData>;
+    /**
+     * Optional URL for data to load into the chart
+     * @input
+     */
+    url?: string;
+    /**
+     * Options for the chart
+     * @input
+     */
+    options: ScatterChartComponentOptions;
+    /**
+     * If true, the component attaches to a model provided by the VisuallyJsService. Defaults to false.
+     * @input
+     */
+    useModel?: boolean;
+    private chart;
+    $el: ElementRef<any>;
+    $ngZone: NgZone;
+    $vjs: VisuallyJsService;
+    private _init;
+    /**
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScatterChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScatterChartComponent, "vjs-scatter-chart", never, { "data": { "alias": "data"; "required": false; }; "url": { "alias": "url"; "required": false; }; "options": { "alias": "options"; "required": false; }; "useModel": { "alias": "useModel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/charts/xy.chart.component.d.ts

@@ -0,0 +1,32 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy } from "@angular/core";
+import { CategoryValueChartOptions, ObjectData } from "@visuallyjs/browser-ui";
+import * as i0 from "@angular/core";
+export interface XYChartComponentOptions extends Omit<CategoryValueChartOptions, "data" | "url" | "model"> {
+}
+export declare class XYChartComponent implements AfterViewInit, OnDestroy {
+    /**
+     * Optional data to load into the chart
+     * @input
+     */
+    data?: Array<ObjectData>;
+    /**
+     * Optional URL for data to load into the chart
+     * @input
+     */
+    url?: string;
+    /**
+     * Options for the chart
+     * @input
+     */
+    options: XYChartComponentOptions;
+    private chart;
+    $el: ElementRef<any>;
+    $ngZone: NgZone;
+    /**
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XYChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XYChartComponent, "vjs-xy-chart", never, { "data": { "alias": "data"; "required": false; }; "url": { "alias": "url"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/color.tag.component.d.ts

@@ -0,0 +1,35 @@
+import { AfterViewInit, ElementRef, EventEmitter, ChangeDetectorRef } from "@angular/core";
+import { VisuallyJsService } from "./vjs-service";
+import * as i0 from "@angular/core";
+/**
+ * A helper component that offers the ability to change color and keep a history of selected colors, for
+ * use in an {@link InspectorComponent}
+ * @group Components
+ */
+export declare class ColorPickerComponent implements AfterViewInit {
+    /**
+     * The name of the property that maps the color. Required.
+     * @input
+     */
+    propertyName: string;
+    /**
+     * Maximum number of colors in history. Defaults to 10.
+     * @input
+     */
+    maxColors?: number;
+    /**
+     * Fires an event when the user selects a new style via mouse click.
+     * @output
+     */
+    changeEvent: EventEmitter<string>;
+    swatches: import("@angular/core").WritableSignal<string[]>;
+    $vjs: VisuallyJsService;
+    $el: ElementRef<any>;
+    $cdr: ChangeDetectorRef;
+    private $getInspector;
+    selectColor(color: string): void;
+    private pushColor;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "vjs-color", never, { "propertyName": { "alias": "propertyName"; "required": false; }; "maxColors": { "alias": "maxColors"; "required": false; }; }, { "changeEvent": "changeEvent"; }, never, never, false, never>;
+}

package/lib/common.d.ts

@@ -0,0 +1,68 @@
+import { BrowserElement, SurfaceOptions, Vertex, GroupMapping, NodeMapping, PortMapping, ViewSpec } from "@visuallyjs/browser-ui";
+/**
+ * Extension of node definition in a view that adds `component` and `inputs`.
+ *
+ */
+export interface AngularNodeMapping extends Omit<NodeMapping<BrowserElement>, "template" | "templateId" | "parameters"> {
+    /**
+     * Reference to the Angular component class used to render this node type.
+     */
+    component?: any;
+    /**
+     * Optional values to extract from the backing data and inject as inputs into the component.
+     */
+    inputs?: Record<string, string | ((v: Vertex) => string)>;
+}
+/**
+ * Extension of group definition in a view that adds `component` and `inputs`.
+ *
+ */
+export interface AngularGroupMapping extends Omit<GroupMapping<any>, "template" | "templateId" | "parameters"> {
+    /**
+     * Reference to the Angular component class used to render this group type.
+     */
+    component?: any;
+    /**
+     * Optional values to extract from the backing data and inject as inputs into the component.
+     */
+    inputs?: Record<string, string | ((v: Vertex) => string)>;
+}
+/**
+ * Extension of port definition in a view that adds `component`.
+ *
+ */
+export interface AngularPortMapping extends Omit<PortMapping<any>, "template" | "templateId" | "parameters"> {
+    /**
+     * Reference to the Angular component class used to render this port type. This is optional - some ports are just logical
+     * constructs used to apply certain behaviour, and often ports are rendered as part of a node or group's template.
+     */
+    component?: any;
+}
+/**
+ * Extension of view options that allows for Angular components to be mapped to node, group and port types.
+ *
+ */
+export interface AngularViewOptions extends ViewSpec<BrowserElement> {
+    /**
+     * Node mappings for the view.
+     */
+    nodes?: Record<string, AngularNodeMapping>;
+    /**
+     * Group mappings for the view.
+     */
+    groups?: Record<string, AngularGroupMapping>;
+    /**
+     * Port mappings for the view.
+     */
+    ports?: Record<string, AngularPortMapping>;
+}
+/**
+ * Render options for a Surface when used with Angular integration. Some values from the original SurfaceRenderOptions are not relevant.
+ *
+ */
+export interface AngularRenderOptions extends Pick<SurfaceOptions, Exclude<keyof SurfaceOptions, [
+    "view",
+    "tags",
+    "container"
+]>> {
+}