nuxeo-development-framework 0.0.0-watch

package/esm2015/lib/components/diagrams/components/gateway-node/gateway-node.component.js

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import { BaseNodeComponent } from '../base-node.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../remove-button.component";
+import * as i2 from "../gateway-ports.component";
+import * as i3 from "@angular/common";
+export class GatewayNodeComponent extends BaseNodeComponent {
+}
+GatewayNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GatewayNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GatewayNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: GatewayNodeComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div\r\n\tclass=\"da-node gateway-node--{{ data.type }} gateway-node {{\r\n\t\tdata?.status ? ' da-node--' + data?.status : ''\r\n\t}}\"\r\n\t[style.--node-width]=\"data.width + 'px'\"\r\n\t[style.--node-height]=\"data.width + 'px'\"\r\n>\r\n\t<div class=\"gateway-node__wrapper\">\r\n\t\t<node-remove-button\r\n\t\t\t(remove)=\"removeNode()\"\r\n\t\t\t*ngIf=\"data.config?.canRemove\"\r\n\t\t></node-remove-button>\r\n\t\t<div class=\"gateway-node__content\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"da-node__title gate-node__title\"\r\n\t\t\t\t[attr.tooltip]=\"data.content?.data?.tooltip\"\r\n\t\t\t\t[class.node-tooltip]=\"!!data.content?.data?.tooltip\"\r\n\t\t\t>\r\n\t\t\t\t{{ data.name }}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<gateway-ports\r\n\t\tclass=\"gateway-node__ports\"\r\n\t\t[data]=\"data\"\r\n\t\t[seed]=\"seed\"\r\n\t\t[emit]=\"emit\"\r\n\t\t[sortByIndex]=\"sortByIndex\"\r\n\t></gateway-ports>\r\n</div>\r\n", styles: [".da-node{--socket-size: 16px;--width: var(--node-width);--height: var(--node-height);width:var(--width);height:var(--height);display:var(--node-display, flex);justify-content:var(--node-justify, center);align-items:var(--node-items, center);flex-direction:var(--node-direction, column);border:var(--node-border, 1px solid #234990);border-radius:var(--node-radius, 10px);color:var(--node-color, #234990);background:var(--node-background, #fff);box-shadow:var(--node-shadow, unset);cursor:var(--node-cursor, pointer);z-index:var(--node-z-index, 1)}.da-node--draft{--node-color: var( --status-draft-color, #555 );--node-background: var( --status-draft-background, #f5f5f5 );--node-border: var( --status-draft-border, 1px solid #555 );--node-shadow: var( --status-draft-shadow, unset )}.da-node--upcoming{--node-color: var( --status-upcoming-color, var(--Primary-100, #234990) );--node-background: var( --status-upcoming-background, #fff );--node-border: var( --status-upcoming-border, 1px solid var(--node-color, #234990) );--node-shadow: var( --status-upcoming-shadow, unset )}.da-node--ready{--node-color: var( --status-ready-color, var(--Primary-100, #234990) );--node-background: var( --status-ready-background, #fff );--node-border: var( --status-ready-border, 1px solid var(--node-color, #234990) );--node-shadow: var( --status-ready-shadow, unset )}.da-node--suspended{--node-color: var( --status-suspended-color, var(--orange-color, #f29339) );--node-background: var( --status-suspended-background, var(--light-orange-color, #fdf4dc) );--node-border: var( --status-suspended-border, 1px solid var(--orange-color, #f29339) );--node-shadow: var( --status-suspended-shadow, var(--node-shadow, inset 0 0 0 2px var(--node-background), inset 0 0 0 3px var(--orange-color, #f29339)) )}.da-node--inProgress{--node-color: var( --status-progress-color, var(--orange-color, #f29339) );--node-background: var( --status-progress-background, var(--light-orange-color, #fdf4dc) );--node-border: var( --status-progress-border, 1px solid var(--orange-color, #f29339) );--node-shadow: var( --status-progress-shadow, var(--node-shadow, inset 0 0 0 2px var(--node-background), inset 0 0 0 3px var(--orange-color, #f29339)) )}.da-node--completed{--node-color: var( --status-completed-color, var(--green-color, #05cd99) );--node-background: var( --status-completed-background, var(--light-green-color, #f0fff0) );--node-border: var( --status-completed-border, 1px solid var(--green-color, #05cd99) );--node-shadow: var( --status-completed-shadow, unset )}.da-node--approved{--node-color: var( --status-completed-color, var(--green-color, #05cd99) );--node-background: var( --status-completed-background, var(--light-green-color, #f0fff0) );--node-border: var( --status-completed-border, 1px solid var(--green-color, #05cd99) );--node-shadow: var( --status-completed-shadow, unset )}.da-node--rejected{--node-color: var( --status-rejected-color, var(--red-color, #bf0b30) );--node-background: var( --status-rejected-background, var(--light-red-color, #ffe0e7) );--node-border: var( --status-rejected-border, 1px solid var(--red-color, #bf0b30) );--node-shadow: var( --status-rejected-shadow, unset )}.da-node--canceled{--node-color: var( --status-canceled-color, var(--red-color, #bf0b30) );--node-background: var( --status-canceled-background, var(--light-red-color, #ffe0e7) );--node-border: var( --status-canceled-border, 1px solid var(--red-color, #bf0b30) );--node-shadow: var( --status-canceled-shadow, unset )}.da-node__check-status{position:absolute;position:var(--check-icon-position, absolute);inset:var(--check-icon-inset, -6px -6px auto auto);color:var(--check-icon-color)}.da-node__check-status--completed{--check-icon-color: var(--status-completed-color)}.da-node__check-status--rejected{--check-icon-color: var(--status-rejected-color)}.da-node__content{width:calc(100% - var(--socket-size));height:calc(100% - var(--socket-size));display:var(--node-display, flex);justify-content:var(--node-justify, center);align-items:var(--node-items, center);flex-direction:var(--node-direction, column);z-index:var(--node-z-index, 1)}.da-node__title{text-align:center;font-weight:600}.da-node__description,.da-node__title{color:var(--node-text-color, #28282d);font-size:var(--node-text-font-size, .8rem);text-align:var(--node-text-align, center);padding-inline:var(--node-text-inline, .4rem)}.da-node__icon{position:absolute;inset-inline-start:var(--node-icon-inset-inline, 5px);inset-block-start:var(--node-icon-inset-block, 5px)}.da-node:hover{--remove-icon-inset: -8px -8px auto auto;--remove-icon-opacity: 1}\n", ".gateway-node{--node-radius: 0;--angle: 45deg;--socket-radius: 0;border-width:0;background:transparent}.gateway-node__wrapper{width:calc(100% - var(--socket-size, 14px));height:calc(100% - var(--socket-size, 14px));transform:rotate(var(--angle));border:var(--node-border, 1px solid #234990);border-radius:var(--node-radius);background:var(--node-background, #fff)}.gateway-node__content{--rotate: calc(var(--angle) * -1);transform:rotate(var(--rotate));height:100%;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}\n"], components: [{ type: i1.RemoveButtonComponent, selector: "node-remove-button", outputs: ["remove"] }, { type: i2.GatewayPortsComponent, selector: "gateway-ports", inputs: ["direction", "data", "seed", "emit", "sortByIndex"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GatewayNodeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    templateUrl: './gateway-node.component.html',
+                    styleUrls: ['../../styles/node.scss', './gateway-node.component.scss']
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2F0ZXdheS1ub2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZGlhZ3JhbXMvY29tcG9uZW50cy9nYXRld2F5LW5vZGUvZ2F0ZXdheS1ub2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZGlhZ3JhbXMvY29tcG9uZW50cy9nYXRld2F5LW5vZGUvZ2F0ZXdheS1ub2RlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7O0FBTTNELE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxpQkFBaUI7O2tIQUE5QyxvQkFBb0I7c0dBQXBCLG9CQUFvQiwyRUNQakMseTZCQStCQTs0RkR4QmEsb0JBQW9CO2tCQUpoQyxTQUFTO21CQUFDO29CQUNWLFdBQVcsRUFBRSwrQkFBK0I7b0JBQzVDLFNBQVMsRUFBRSxDQUFDLHdCQUF3QixFQUFFLCtCQUErQixDQUFDO2lCQUN0RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCYXNlTm9kZUNvbXBvbmVudCB9IGZyb20gJy4uL2Jhc2Utbm9kZS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0dGVtcGxhdGVVcmw6ICcuL2dhdGV3YXktbm9kZS5jb21wb25lbnQuaHRtbCcsXHJcblx0c3R5bGVVcmxzOiBbJy4uLy4uL3N0eWxlcy9ub2RlLnNjc3MnLCAnLi9nYXRld2F5LW5vZGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgR2F0ZXdheU5vZGVDb21wb25lbnQgZXh0ZW5kcyBCYXNlTm9kZUNvbXBvbmVudCB7fVxyXG4iLCI8ZGl2XHJcblx0Y2xhc3M9XCJkYS1ub2RlIGdhdGV3YXktbm9kZS0te3sgZGF0YS50eXBlIH19IGdhdGV3YXktbm9kZSB7e1xyXG5cdFx0ZGF0YT8uc3RhdHVzID8gJyBkYS1ub2RlLS0nICsgZGF0YT8uc3RhdHVzIDogJydcclxuXHR9fVwiXHJcblx0W3N0eWxlLi0tbm9kZS13aWR0aF09XCJkYXRhLndpZHRoICsgJ3B4J1wiXHJcblx0W3N0eWxlLi0tbm9kZS1oZWlnaHRdPVwiZGF0YS53aWR0aCArICdweCdcIlxyXG4+XHJcblx0PGRpdiBjbGFzcz1cImdhdGV3YXktbm9kZV9fd3JhcHBlclwiPlxyXG5cdFx0PG5vZGUtcmVtb3ZlLWJ1dHRvblxyXG5cdFx0XHQocmVtb3ZlKT1cInJlbW92ZU5vZGUoKVwiXHJcblx0XHRcdCpuZ0lmPVwiZGF0YS5jb25maWc/LmNhblJlbW92ZVwiXHJcblx0XHQ+PC9ub2RlLXJlbW92ZS1idXR0b24+XHJcblx0XHQ8ZGl2IGNsYXNzPVwiZ2F0ZXdheS1ub2RlX19jb250ZW50XCI+XHJcblx0XHRcdDxkaXZcclxuXHRcdFx0XHRjbGFzcz1cImRhLW5vZGVfX3RpdGxlIGdhdGUtbm9kZV9fdGl0bGVcIlxyXG5cdFx0XHRcdFthdHRyLnRvb2x0aXBdPVwiZGF0YS5jb250ZW50Py5kYXRhPy50b29sdGlwXCJcclxuXHRcdFx0XHRbY2xhc3Mubm9kZS10b29sdGlwXT1cIiEhZGF0YS5jb250ZW50Py5kYXRhPy50b29sdGlwXCJcclxuXHRcdFx0PlxyXG5cdFx0XHRcdHt7IGRhdGEubmFtZSB9fVxyXG5cdFx0XHQ8L2Rpdj5cclxuXHRcdDwvZGl2PlxyXG5cdDwvZGl2PlxyXG5cclxuXHQ8Z2F0ZXdheS1wb3J0c1xyXG5cdFx0Y2xhc3M9XCJnYXRld2F5LW5vZGVfX3BvcnRzXCJcclxuXHRcdFtkYXRhXT1cImRhdGFcIlxyXG5cdFx0W3NlZWRdPVwic2VlZFwiXHJcblx0XHRbZW1pdF09XCJlbWl0XCJcclxuXHRcdFtzb3J0QnlJbmRleF09XCJzb3J0QnlJbmRleFwiXHJcblx0PjwvZ2F0ZXdheS1wb3J0cz5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2015/lib/components/diagrams/components/gateway-ports.component.js

@@ -0,0 +1,118 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "rete-angular-plugin";
+export class GatewayPortsComponent {
+}
+GatewayPortsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GatewayPortsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GatewayPortsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: GatewayPortsComponent, selector: "gateway-ports", inputs: { direction: "direction", data: "data", seed: "seed", emit: "emit", sortByIndex: "sortByIndex" }, ngImport: i0, template: `
+		<div
+			*ngFor="let input of data.inputs | keyvalue : sortByIndex"
+			class="gateway-port gateway-port--input  {{ input.value.styleClass }}"
+			refComponent
+			[data]="{
+				type: 'socket',
+				side: 'input',
+				key: input.key,
+				nodeId: data.id,
+				payload: input.value?.socket,
+				seed: seed
+			}"
+			[emit]="emit"
+		></div>
+
+		<div
+			*ngFor="let output of data.outputs | keyvalue : sortByIndex"
+			class="gateway-port gateway-port--output  {{ output.value.styleClass }}"
+			refComponent
+			[data]="{
+				type: 'socket',
+				side: 'output',
+				key: output.key,
+				nodeId: data.id,
+				payload: output.value?.socket,
+				seed: seed
+			}"
+			[emit]="emit"
+		></div>
+	`, isInline: true, styles: ["\n\t\t\t.gateway-port {\n\t\t\t\t--socket-vertical-align: top;\n\t\t\t\t--width: var(--port-width, var(--socket-size, 14px));\n\t\t\t\t--height: var(--port-height, var(--socket-size, 14px));\n\t\t\t\tposition: absolute;\n\t\t\t\tinset-inline: var(--port-inset-inline);\n\t\t\t\tinset-block: var(--port-inset-block);\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: var(--width);\n\t\t\t\theight: var(--height);\n\t\t\t\t&.input-primary-port {\n\t\t\t\t\t--port-inset-inline: calc(var(--width) / -2) auto;\n\t\t\t\t\t--port-inset-block: calc(50% - var(--height) / 2) 0;\n\t\t\t\t}\n\t\t\t\t&.output-primary-port {\n\t\t\t\t\t--port-inset-inline: auto calc(var(--width) / -2);\n\t\t\t\t\t--port-inset-block: calc(50% - var(--height) / 2) auto;\n\t\t\t\t}\n\t\t\t\t&.output-secondary-port {\n\t\t\t\t\t--port-inset-inline: calc(50% - var(--width) / 2) auto;\n\t\t\t\t\t--port-inset-block: calc(var(--height) / -2) auto;\n\t\t\t\t}\n\t\t\t\t&.output-tertiary-port {\n\t\t\t\t\t--port-inset-inline: calc(50% - var(--width) / 2) 0;\n\t\t\t\t\t--port-inset-block: auto calc(var(--height) / -2);\n\t\t\t\t}\n\t\t\t}\n\t\t"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RefDirective, selector: "[refComponent]", inputs: ["data", "emit"] }], pipes: { "keyvalue": i1.KeyValuePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GatewayPortsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gateway-ports',
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+		<div
+			*ngFor="let input of data.inputs | keyvalue : sortByIndex"
+			class="gateway-port gateway-port--input  {{ input.value.styleClass }}"
+			refComponent
+			[data]="{
+				type: 'socket',
+				side: 'input',
+				key: input.key,
+				nodeId: data.id,
+				payload: input.value?.socket,
+				seed: seed
+			}"
+			[emit]="emit"
+		></div>
+
+		<div
+			*ngFor="let output of data.outputs | keyvalue : sortByIndex"
+			class="gateway-port gateway-port--output  {{ output.value.styleClass }}"
+			refComponent
+			[data]="{
+				type: 'socket',
+				side: 'output',
+				key: output.key,
+				nodeId: data.id,
+				payload: output.value?.socket,
+				seed: seed
+			}"
+			[emit]="emit"
+		></div>
+	`,
+                    styles: [
+                        `
+			.gateway-port {
+				--socket-vertical-align: top;
+				--width: var(--port-width, var(--socket-size, 14px));
+				--height: var(--port-height, var(--socket-size, 14px));
+				position: absolute;
+				inset-inline: var(--port-inset-inline);
+				inset-block: var(--port-inset-block);
+				display: inline-block;
+				width: var(--width);
+				height: var(--height);
+				&.input-primary-port {
+					--port-inset-inline: calc(var(--width) / -2) auto;
+					--port-inset-block: calc(50% - var(--height) / 2) 0;
+				}
+				&.output-primary-port {
+					--port-inset-inline: auto calc(var(--width) / -2);
+					--port-inset-block: calc(50% - var(--height) / 2) auto;
+				}
+				&.output-secondary-port {
+					--port-inset-inline: calc(50% - var(--width) / 2) auto;
+					--port-inset-block: calc(var(--height) / -2) auto;
+				}
+				&.output-tertiary-port {
+					--port-inset-inline: calc(50% - var(--width) / 2) 0;
+					--port-inset-block: auto calc(var(--height) / -2);
+				}
+			}
+		`
+                    ]
+                }]
+        }], propDecorators: { direction: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], seed: [{
+                type: Input
+            }], emit: [{
+                type: Input
+            }], sortByIndex: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2F0ZXdheS1wb3J0cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvZ2F0ZXdheS1wb3J0cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFzRXBFLE1BQU0sT0FBTyxxQkFBcUI7O21IQUFyQixxQkFBcUI7dUdBQXJCLHFCQUFxQiwrSkEvRHZCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7RUE4QlQ7NEZBaUNXLHFCQUFxQjtrQkFuRWpDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUVyQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQThCVDtvQkFDRCxNQUFNLEVBQUU7d0JBQ1A7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0QkM7cUJBQ0Q7aUJBQ0Q7OEJBRVMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFzZU5vZGVDbGFzcyB9IGZyb20gJy4uL21vZGVscyc7XHJcbmltcG9ydCB7IERpcmVjdGlvblR5cGUgfSBmcm9tICcuLi90eXBlcyc7XHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnZ2F0ZXdheS1wb3J0cycsXHJcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuXHJcblx0dGVtcGxhdGU6IGBcclxuXHRcdDxkaXZcclxuXHRcdFx0Km5nRm9yPVwibGV0IGlucHV0IG9mIGRhdGEuaW5wdXRzIHwga2V5dmFsdWUgOiBzb3J0QnlJbmRleFwiXHJcblx0XHRcdGNsYXNzPVwiZ2F0ZXdheS1wb3J0IGdhdGV3YXktcG9ydC0taW5wdXQgIHt7IGlucHV0LnZhbHVlLnN0eWxlQ2xhc3MgfX1cIlxyXG5cdFx0XHRyZWZDb21wb25lbnRcclxuXHRcdFx0W2RhdGFdPVwie1xyXG5cdFx0XHRcdHR5cGU6ICdzb2NrZXQnLFxyXG5cdFx0XHRcdHNpZGU6ICdpbnB1dCcsXHJcblx0XHRcdFx0a2V5OiBpbnB1dC5rZXksXHJcblx0XHRcdFx0bm9kZUlkOiBkYXRhLmlkLFxyXG5cdFx0XHRcdHBheWxvYWQ6IGlucHV0LnZhbHVlPy5zb2NrZXQsXHJcblx0XHRcdFx0c2VlZDogc2VlZFxyXG5cdFx0XHR9XCJcclxuXHRcdFx0W2VtaXRdPVwiZW1pdFwiXHJcblx0XHQ+PC9kaXY+XHJcblxyXG5cdFx0PGRpdlxyXG5cdFx0XHQqbmdGb3I9XCJsZXQgb3V0cHV0IG9mIGRhdGEub3V0cHV0cyB8IGtleXZhbHVlIDogc29ydEJ5SW5kZXhcIlxyXG5cdFx0XHRjbGFzcz1cImdhdGV3YXktcG9ydCBnYXRld2F5LXBvcnQtLW91dHB1dCAge3sgb3V0cHV0LnZhbHVlLnN0eWxlQ2xhc3MgfX1cIlxyXG5cdFx0XHRyZWZDb21wb25lbnRcclxuXHRcdFx0W2RhdGFdPVwie1xyXG5cdFx0XHRcdHR5cGU6ICdzb2NrZXQnLFxyXG5cdFx0XHRcdHNpZGU6ICdvdXRwdXQnLFxyXG5cdFx0XHRcdGtleTogb3V0cHV0LmtleSxcclxuXHRcdFx0XHRub2RlSWQ6IGRhdGEuaWQsXHJcblx0XHRcdFx0cGF5bG9hZDogb3V0cHV0LnZhbHVlPy5zb2NrZXQsXHJcblx0XHRcdFx0c2VlZDogc2VlZFxyXG5cdFx0XHR9XCJcclxuXHRcdFx0W2VtaXRdPVwiZW1pdFwiXHJcblx0XHQ+PC9kaXY+XHJcblx0YCxcclxuXHRzdHlsZXM6IFtcclxuXHRcdGBcclxuXHRcdFx0LmdhdGV3YXktcG9ydCB7XHJcblx0XHRcdFx0LS1zb2NrZXQtdmVydGljYWwtYWxpZ246IHRvcDtcclxuXHRcdFx0XHQtLXdpZHRoOiB2YXIoLS1wb3J0LXdpZHRoLCB2YXIoLS1zb2NrZXQtc2l6ZSwgMTRweCkpO1xyXG5cdFx0XHRcdC0taGVpZ2h0OiB2YXIoLS1wb3J0LWhlaWdodCwgdmFyKC0tc29ja2V0LXNpemUsIDE0cHgpKTtcclxuXHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XHJcblx0XHRcdFx0aW5zZXQtaW5saW5lOiB2YXIoLS1wb3J0LWluc2V0LWlubGluZSk7XHJcblx0XHRcdFx0aW5zZXQtYmxvY2s6IHZhcigtLXBvcnQtaW5zZXQtYmxvY2spO1xyXG5cdFx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuXHRcdFx0XHR3aWR0aDogdmFyKC0td2lkdGgpO1xyXG5cdFx0XHRcdGhlaWdodDogdmFyKC0taGVpZ2h0KTtcclxuXHRcdFx0XHQmLmlucHV0LXByaW1hcnktcG9ydCB7XHJcblx0XHRcdFx0XHQtLXBvcnQtaW5zZXQtaW5saW5lOiBjYWxjKHZhcigtLXdpZHRoKSAvIC0yKSBhdXRvO1xyXG5cdFx0XHRcdFx0LS1wb3J0LWluc2V0LWJsb2NrOiBjYWxjKDUwJSAtIHZhcigtLWhlaWdodCkgLyAyKSAwO1xyXG5cdFx0XHRcdH1cclxuXHRcdFx0XHQmLm91dHB1dC1wcmltYXJ5LXBvcnQge1xyXG5cdFx0XHRcdFx0LS1wb3J0LWluc2V0LWlubGluZTogYXV0byBjYWxjKHZhcigtLXdpZHRoKSAvIC0yKTtcclxuXHRcdFx0XHRcdC0tcG9ydC1pbnNldC1ibG9jazogY2FsYyg1MCUgLSB2YXIoLS1oZWlnaHQpIC8gMikgYXV0bztcclxuXHRcdFx0XHR9XHJcblx0XHRcdFx0Ji5vdXRwdXQtc2Vjb25kYXJ5LXBvcnQge1xyXG5cdFx0XHRcdFx0LS1wb3J0LWluc2V0LWlubGluZTogY2FsYyg1MCUgLSB2YXIoLS13aWR0aCkgLyAyKSBhdXRvO1xyXG5cdFx0XHRcdFx0LS1wb3J0LWluc2V0LWJsb2NrOiBjYWxjKHZhcigtLWhlaWdodCkgLyAtMikgYXV0bztcclxuXHRcdFx0XHR9XHJcblx0XHRcdFx0Ji5vdXRwdXQtdGVydGlhcnktcG9ydCB7XHJcblx0XHRcdFx0XHQtLXBvcnQtaW5zZXQtaW5saW5lOiBjYWxjKDUwJSAtIHZhcigtLXdpZHRoKSAvIDIpIDA7XHJcblx0XHRcdFx0XHQtLXBvcnQtaW5zZXQtYmxvY2s6IGF1dG8gY2FsYyh2YXIoLS1oZWlnaHQpIC8gLTIpO1xyXG5cdFx0XHRcdH1cclxuXHRcdFx0fVxyXG5cdFx0YFxyXG5cdF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEdhdGV3YXlQb3J0c0NvbXBvbmVudCB7XHJcblx0QElucHV0KCkgZGlyZWN0aW9uOiBEaXJlY3Rpb25UeXBlO1xyXG5cdEBJbnB1dCgpIGRhdGEhOiBCYXNlTm9kZUNsYXNzO1xyXG5cdEBJbnB1dCgpIHNlZWQ6IG51bWJlcjtcclxuXHRASW5wdXQoKSBlbWl0ITogKGRhdGE6IGFueSkgPT4gdm9pZDtcclxuXHRASW5wdXQoKSBzb3J0QnlJbmRleDogKGE6IHVua25vd24sIGI6IHVua25vd24pID0+IG51bWJlcjtcclxufVxyXG4iXX0=

package/esm2015/lib/components/diagrams/components/index.js

@@ -0,0 +1,16 @@
+export * from './circle-node/circle-node.component';
+export * from './connection-label.component';
+export * from './content-node/content-node.component';
+export * from './custom-connection.component';
+export * from './custom-socket.component';
+export * from './gateway-node/gateway-node.component';
+export * from './gateway-ports.component';
+export * from './node-icon.component';
+export * from './node-inputs.component';
+export * from './node-outputs.component';
+export * from './node-ports.component';
+export * from './remove-button.component';
+export * from './status-icon.component';
+export * from './template-node/template-node.component';
+export * from './zoom-control.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NpcmNsZS1ub2RlL2NpcmNsZS1ub2RlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vY29ubmVjdGlvbi1sYWJlbC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbnRlbnQtbm9kZS9jb250ZW50LW5vZGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9jdXN0b20tY29ubmVjdGlvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2N1c3RvbS1zb2NrZXQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9nYXRld2F5LW5vZGUvZ2F0ZXdheS1ub2RlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZ2F0ZXdheS1wb3J0cy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL25vZGUtaWNvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL25vZGUtaW5wdXRzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbm9kZS1vdXRwdXRzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbm9kZS1wb3J0cy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3JlbW92ZS1idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zdGF0dXMtaWNvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3RlbXBsYXRlLW5vZGUvdGVtcGxhdGUtbm9kZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3pvb20tY29udHJvbC5jb21wb25lbnQnO1xyXG4iXX0=

package/esm2015/lib/components/diagrams/components/node-icon.component.js

@@ -0,0 +1,35 @@
+import { Component, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/common";
+export class NodeIconComponent {
+    isIconTemplate(icon) {
+        return icon instanceof TemplateRef;
+    }
+}
+NodeIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NodeIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NodeIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NodeIconComponent, selector: "node-icon", inputs: { icon: "icon" }, host: { classAttribute: "da-node__icon" }, ngImport: i0, template: `
+    <mat-icon *ngIf="!isIconTemplate(icon)">{{ icon }}</mat-icon>
+    <span *ngIf="isIconTemplate(icon)">
+      <ng-container [ngTemplateOutlet]="icon"></ng-container>
+    </span>
+  `, isInline: true, components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NodeIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'node-icon',
+                    template: `
+    <mat-icon *ngIf="!isIconTemplate(icon)">{{ icon }}</mat-icon>
+    <span *ngIf="isIconTemplate(icon)">
+      <ng-container [ngTemplateOutlet]="icon"></ng-container>
+    </span>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'da-node__icon',
+                    },
+                }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZGlhZ3JhbXMvY29tcG9uZW50cy9ub2RlLWljb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQWVqRixNQUFNLE9BQU8saUJBQWlCO0lBRTVCLGNBQWMsQ0FBQyxJQUErQjtRQUM1QyxPQUFPLElBQUksWUFBWSxXQUFXLENBQUM7SUFDckMsQ0FBQzs7K0dBSlUsaUJBQWlCO21HQUFqQixpQkFBaUIsc0hBWGxCOzs7OztHQUtUOzRGQU1VLGlCQUFpQjtrQkFiN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsV0FBVztvQkFDckIsUUFBUSxFQUFFOzs7OztHQUtUO29CQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLGVBQWU7cUJBQ3ZCO2lCQUNGOzhCQUVVLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdub2RlLWljb24nLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8bWF0LWljb24gKm5nSWY9XCIhaXNJY29uVGVtcGxhdGUoaWNvbilcIj57eyBpY29uIH19PC9tYXQtaWNvbj5cclxuICAgIDxzcGFuICpuZ0lmPVwiaXNJY29uVGVtcGxhdGUoaWNvbilcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJpY29uXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8L3NwYW4+XHJcbiAgYCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGhvc3Q6IHtcclxuICAgIGNsYXNzOiAnZGEtbm9kZV9faWNvbicsXHJcbiAgfSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5vZGVJY29uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpY29uOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIGlzSWNvblRlbXBsYXRlKGljb246IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT4pIHtcclxuICAgIHJldHVybiBpY29uIGluc3RhbmNlb2YgVGVtcGxhdGVSZWY7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2015/lib/components/diagrams/components/node-inputs.component.js

@@ -0,0 +1,61 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "rete-angular-plugin";
+export class NodeInputsComponent {
+}
+NodeInputsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NodeInputsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NodeInputsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NodeInputsComponent, selector: "node-inputs", inputs: { direction: "direction", data: "data", seed: "seed", emit: "emit", sortByIndex: "sortByIndex" }, host: { properties: { "class": " 'node-ports node-ports--inputs  node-ports--' + direction" } }, ngImport: i0, template: `
+		<div
+			*ngFor="let input of data.inputs | keyvalue : sortByIndex"
+			class="node-ports__port {{ input.value.styleClass }}"
+			refComponent
+			[data]="{
+				type: 'socket',
+				side: 'input',
+				key: input.key,
+				nodeId: data.id,
+				payload: input.value?.socket,
+				seed: seed
+			}"
+			[emit]="emit"
+		></div>
+	`, isInline: true, styles: [".node-ports{--port-size: 16px;position:absolute;width:100%;height:100%}.node-port{position:absolute;inset-inline:var(--port-inset-inline);inset-block:var(--port-inset-block);display:inline-block;width:var(--port-size);height:var(--port-size)}.node-ports--inputs--start .input-primary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--start .input-secondary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: 0 auto}.node-ports--inputs--start .input-tertiary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--start .input-quaternary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: auto 0}.node-ports--inputs--end .input-primary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--end .input-secondary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: auto 0}.node-ports--inputs--end .input-tertiary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--end .input-quaternary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: 0 auto}.node-ports--inputs--top .input-primary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: 0 auto}.node-ports--inputs--top .input-secondary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--top .input-tertiary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: auto 0}.node-ports--inputs--top .input-quaternary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--bottom .input-primary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: auto 0}.node-ports--inputs--bottom .input-secondary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--bottom .input-tertiary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: 0 auto}.node-ports--inputs--bottom .input-quaternary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--outputs--top .output-primary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: 0 auto}.node-ports--outputs--top .output-secondary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--top .output-tertiary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: auto 0}.node-ports--outputs--top .output-quaternary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--bottom .output-primary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: auto 0}.node-ports--outputs--bottom .output-secondary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--bottom .output-tertiary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: 0 auto}.node-ports--outputs--bottom .output-quaternary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--start .output-primary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--start .output-secondary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: 0 auto}.node-ports--outputs--start .output-tertiary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--start .output-quaternary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: auto 0}.node-ports--outputs--end .output-primary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--end .output-secondary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: auto 0}.node-ports--outputs--end .output-tertiary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--end .output-quaternary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: 0 auto}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RefDirective, selector: "[refComponent]", inputs: ["data", "emit"] }], pipes: { "keyvalue": i1.KeyValuePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NodeInputsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'node-inputs',
+                    encapsulation: ViewEncapsulation.None,
+                    styleUrls: ['../styles/ports.scss'],
+                    host: {
+                        '[class]': " 'node-ports node-ports--inputs  node-ports--' + direction"
+                    },
+                    template: `
+		<div
+			*ngFor="let input of data.inputs | keyvalue : sortByIndex"
+			class="node-ports__port {{ input.value.styleClass }}"
+			refComponent
+			[data]="{
+				type: 'socket',
+				side: 'input',
+				key: input.key,
+				nodeId: data.id,
+				payload: input.value?.socket,
+				seed: seed
+			}"
+			[emit]="emit"
+		></div>
+	`
+                }]
+        }], propDecorators: { direction: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], seed: [{
+                type: Input
+            }], emit: [{
+                type: Input
+            }], sortByIndex: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1pbnB1dHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9kaWFncmFtcy9jb21wb25lbnRzL25vZGUtaW5wdXRzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQTRCcEUsTUFBTSxPQUFPLG1CQUFtQjs7aUhBQW5CLG1CQUFtQjtxR0FBbkIsbUJBQW1CLDhQQWpCckI7Ozs7Ozs7Ozs7Ozs7OztFQWVUOzRGQUVXLG1CQUFtQjtrQkF4Qi9CLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDbkMsSUFBSSxFQUFFO3dCQUNMLFNBQVMsRUFBRSw0REFBNEQ7cUJBQ3ZFO29CQUNELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7O0VBZVQ7aUJBQ0Q7OEJBRVMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFzZU5vZGVDbGFzcyB9IGZyb20gJy4uL21vZGVscyc7XHJcbmltcG9ydCB7IERpcmVjdGlvblR5cGUgfSBmcm9tICcuLi90eXBlcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ25vZGUtaW5wdXRzJyxcclxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG5cdHN0eWxlVXJsczogWycuLi9zdHlsZXMvcG9ydHMuc2NzcyddLFxyXG5cdGhvc3Q6IHtcclxuXHRcdCdbY2xhc3NdJzogXCIgJ25vZGUtcG9ydHMgbm9kZS1wb3J0cy0taW5wdXRzICBub2RlLXBvcnRzLS0nICsgZGlyZWN0aW9uXCJcclxuXHR9LFxyXG5cdHRlbXBsYXRlOiBgXHJcblx0XHQ8ZGl2XHJcblx0XHRcdCpuZ0Zvcj1cImxldCBpbnB1dCBvZiBkYXRhLmlucHV0cyB8IGtleXZhbHVlIDogc29ydEJ5SW5kZXhcIlxyXG5cdFx0XHRjbGFzcz1cIm5vZGUtcG9ydHNfX3BvcnQge3sgaW5wdXQudmFsdWUuc3R5bGVDbGFzcyB9fVwiXHJcblx0XHRcdHJlZkNvbXBvbmVudFxyXG5cdFx0XHRbZGF0YV09XCJ7XHJcblx0XHRcdFx0dHlwZTogJ3NvY2tldCcsXHJcblx0XHRcdFx0c2lkZTogJ2lucHV0JyxcclxuXHRcdFx0XHRrZXk6IGlucHV0LmtleSxcclxuXHRcdFx0XHRub2RlSWQ6IGRhdGEuaWQsXHJcblx0XHRcdFx0cGF5bG9hZDogaW5wdXQudmFsdWU/LnNvY2tldCxcclxuXHRcdFx0XHRzZWVkOiBzZWVkXHJcblx0XHRcdH1cIlxyXG5cdFx0XHRbZW1pdF09XCJlbWl0XCJcclxuXHRcdD48L2Rpdj5cclxuXHRgXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb2RlSW5wdXRzQ29tcG9uZW50IHtcclxuXHRASW5wdXQoKSBkaXJlY3Rpb246IERpcmVjdGlvblR5cGU7XHJcblx0QElucHV0KCkgZGF0YSE6IEJhc2VOb2RlQ2xhc3M7XHJcblx0QElucHV0KCkgc2VlZDogbnVtYmVyO1xyXG5cdEBJbnB1dCgpIGVtaXQhOiAoZGF0YTogYW55KSA9PiB2b2lkO1xyXG5cdEBJbnB1dCgpIHNvcnRCeUluZGV4OiAoYTogdW5rbm93biwgYjogdW5rbm93bikgPT4gbnVtYmVyO1xyXG59XHJcbiJdfQ==

package/esm2015/lib/components/diagrams/components/node-outputs.component.js

@@ -0,0 +1,57 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "rete-angular-plugin";
+export class NodeOutputsComponent {
+}
+NodeOutputsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NodeOutputsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NodeOutputsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NodeOutputsComponent, selector: "node-outputs", inputs: { direction: "direction", data: "data", seed: "seed", emit: "emit", sortByIndex: "sortByIndex" }, host: { properties: { "class": " 'node-ports node-ports--outputs  node-ports--' + direction" } }, ngImport: i0, template: `<div
+		class="node-ports__port {{ output.value.styleClass }}"
+		*ngFor="let output of data.outputs | keyvalue : sortByIndex"
+		refComponent
+		[data]="{
+			type: 'socket',
+			side: 'output',
+			key: output.key,
+			nodeId: data.id,
+			payload: output.value?.socket,
+			seed: seed
+		}"
+		[emit]="emit"
+	></div>`, isInline: true, styles: [".node-ports{--port-size: 16px;position:absolute;width:100%;height:100%}.node-port{position:absolute;inset-inline:var(--port-inset-inline);inset-block:var(--port-inset-block);display:inline-block;width:var(--port-size);height:var(--port-size)}.node-ports--inputs--start .input-primary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--start .input-secondary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: 0 auto}.node-ports--inputs--start .input-tertiary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--start .input-quaternary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: auto 0}.node-ports--inputs--end .input-primary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--end .input-secondary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: auto 0}.node-ports--inputs--end .input-tertiary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--end .input-quaternary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: 0 auto}.node-ports--inputs--top .input-primary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: 0 auto}.node-ports--inputs--top .input-secondary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--top .input-tertiary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: auto 0}.node-ports--inputs--top .input-quaternary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--bottom .input-primary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: auto 0}.node-ports--inputs--bottom .input-secondary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--bottom .input-tertiary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: 0 auto}.node-ports--inputs--bottom .input-quaternary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--outputs--top .output-primary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: 0 auto}.node-ports--outputs--top .output-secondary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--top .output-tertiary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: auto 0}.node-ports--outputs--top .output-quaternary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--bottom .output-primary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: auto 0}.node-ports--outputs--bottom .output-secondary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--bottom .output-tertiary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: 0 auto}.node-ports--outputs--bottom .output-quaternary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--start .output-primary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--start .output-secondary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: 0 auto}.node-ports--outputs--start .output-tertiary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--start .output-quaternary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: auto 0}.node-ports--outputs--end .output-primary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--end .output-secondary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: auto 0}.node-ports--outputs--end .output-tertiary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--end .output-quaternary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: 0 auto}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RefDirective, selector: "[refComponent]", inputs: ["data", "emit"] }], pipes: { "keyvalue": i1.KeyValuePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NodeOutputsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'node-outputs',
+                    encapsulation: ViewEncapsulation.None,
+                    styleUrls: ['../styles/ports.scss'],
+                    host: {
+                        '[class]': " 'node-ports node-ports--outputs  node-ports--' + direction"
+                    },
+                    template: `<div
+		class="node-ports__port {{ output.value.styleClass }}"
+		*ngFor="let output of data.outputs | keyvalue : sortByIndex"
+		refComponent
+		[data]="{
+			type: 'socket',
+			side: 'output',
+			key: output.key,
+			nodeId: data.id,
+			payload: output.value?.socket,
+			seed: seed
+		}"
+		[emit]="emit"
+	></div>`
+                }]
+        }], propDecorators: { direction: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], seed: [{
+                type: Input
+            }], emit: [{
+                type: Input
+            }], sortByIndex: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1vdXRwdXRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZGlhZ3JhbXMvY29tcG9uZW50cy9ub2RlLW91dHB1dHMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBMEJwRSxNQUFNLE9BQU8sb0JBQW9COztrSEFBcEIsb0JBQW9CO3NHQUFwQixvQkFBb0IsZ1FBZnRCOzs7Ozs7Ozs7Ozs7O1NBYUY7NEZBRUksb0JBQW9CO2tCQXRCaEMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsY0FBYztvQkFDeEIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUNuQyxJQUFJLEVBQUU7d0JBQ0wsU0FBUyxFQUFFLDZEQUE2RDtxQkFDeEU7b0JBQ0QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7O1NBYUY7aUJBQ1I7OEJBRVMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFzZU5vZGVDbGFzcyB9IGZyb20gJy4uL21vZGVscyc7XHJcbmltcG9ydCB7IERpcmVjdGlvblR5cGUgfSBmcm9tICcuLi90eXBlcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ25vZGUtb3V0cHV0cycsXHJcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuXHRzdHlsZVVybHM6IFsnLi4vc3R5bGVzL3BvcnRzLnNjc3MnXSxcclxuXHRob3N0OiB7XHJcblx0XHQnW2NsYXNzXSc6IFwiICdub2RlLXBvcnRzIG5vZGUtcG9ydHMtLW91dHB1dHMgIG5vZGUtcG9ydHMtLScgKyBkaXJlY3Rpb25cIlxyXG5cdH0sXHJcblx0dGVtcGxhdGU6IGA8ZGl2XHJcblx0XHRjbGFzcz1cIm5vZGUtcG9ydHNfX3BvcnQge3sgb3V0cHV0LnZhbHVlLnN0eWxlQ2xhc3MgfX1cIlxyXG5cdFx0Km5nRm9yPVwibGV0IG91dHB1dCBvZiBkYXRhLm91dHB1dHMgfCBrZXl2YWx1ZSA6IHNvcnRCeUluZGV4XCJcclxuXHRcdHJlZkNvbXBvbmVudFxyXG5cdFx0W2RhdGFdPVwie1xyXG5cdFx0XHR0eXBlOiAnc29ja2V0JyxcclxuXHRcdFx0c2lkZTogJ291dHB1dCcsXHJcblx0XHRcdGtleTogb3V0cHV0LmtleSxcclxuXHRcdFx0bm9kZUlkOiBkYXRhLmlkLFxyXG5cdFx0XHRwYXlsb2FkOiBvdXRwdXQudmFsdWU/LnNvY2tldCxcclxuXHRcdFx0c2VlZDogc2VlZFxyXG5cdFx0fVwiXHJcblx0XHRbZW1pdF09XCJlbWl0XCJcclxuXHQ+PC9kaXY+YFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTm9kZU91dHB1dHNDb21wb25lbnQge1xyXG5cdEBJbnB1dCgpIGRpcmVjdGlvbjogRGlyZWN0aW9uVHlwZTtcclxuXHRASW5wdXQoKSBkYXRhITogQmFzZU5vZGVDbGFzcztcclxuXHRASW5wdXQoKSBzZWVkOiBudW1iZXI7XHJcblx0QElucHV0KCkgZW1pdCE6IChkYXRhOiBhbnkpID0+IHZvaWQ7XHJcblx0QElucHV0KCkgc29ydEJ5SW5kZXg6IChhOiB1bmtub3duLCBiOiB1bmtub3duKSA9PiBudW1iZXI7XHJcbn1cclxuIl19

package/esm2015/lib/components/diagrams/components/node-ports.component.js

@@ -0,0 +1,98 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "rete-angular-plugin";
+export class NodePortsComponent {
+}
+NodePortsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NodePortsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NodePortsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NodePortsComponent, selector: "node-ports", inputs: { inputsDirection: "inputsDirection", outputsDirection: "outputsDirection", data: "data", seed: "seed", emit: "emit", sortByIndex: "sortByIndex" }, host: { properties: { "class": "'node-ports--inputs--' + inputsDirection + ' ' + 'node-ports--outputs--' + outputsDirection " }, classAttribute: "node-ports" }, ngImport: i0, template: `
+		<div
+			*ngFor="let input of data.inputs | keyvalue : sortByIndex"
+			class="node-port node-port--input  {{ input.value.styleClass }}"
+			refComponent
+			[title]="input.value.styleClass"
+			[data]="{
+				type: 'socket',
+				side: 'input',
+				key: input.key,
+				nodeId: data.id,
+				payload: input.value?.socket,
+				seed: seed
+			}"
+			[emit]="emit"
+		></div>
+
+		<div
+			*ngFor="let output of data.outputs | keyvalue : sortByIndex"
+			class="node-port node-port--output  {{ output.value.styleClass }}"
+			refComponent
+			[title]="output.value.styleClass"
+			[data]="{
+				type: 'socket',
+				side: 'output',
+				key: output.key,
+				nodeId: data.id,
+				payload: output.value?.socket,
+				seed: seed
+			}"
+			[emit]="emit"
+		></div>
+	`, isInline: true, styles: [".node-ports{--port-size: 16px;position:absolute;width:100%;height:100%}.node-port{position:absolute;inset-inline:var(--port-inset-inline);inset-block:var(--port-inset-block);display:inline-block;width:var(--port-size);height:var(--port-size)}.node-ports--inputs--start .input-primary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--start .input-secondary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: 0 auto}.node-ports--inputs--start .input-tertiary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--start .input-quaternary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: auto 0}.node-ports--inputs--end .input-primary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--end .input-secondary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: auto 0}.node-ports--inputs--end .input-tertiary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--end .input-quaternary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: 0 auto}.node-ports--inputs--top .input-primary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: 0 auto}.node-ports--inputs--top .input-secondary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--top .input-tertiary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: auto 0}.node-ports--inputs--top .input-quaternary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--bottom .input-primary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: auto 0}.node-ports--inputs--bottom .input-secondary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--inputs--bottom .input-tertiary-port{--port-inset-inline: var( --port-offset, calc(50% - var(--port-size)) ) auto;--port-inset-block: 0 auto}.node-ports--inputs--bottom .input-quaternary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, calc(50% - var(--port-size)) ) auto}.node-ports--outputs--top .output-primary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: 0 auto}.node-ports--outputs--top .output-secondary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--top .output-tertiary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: auto 0}.node-ports--outputs--top .output-quaternary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--bottom .output-primary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: auto 0}.node-ports--outputs--bottom .output-secondary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--bottom .output-tertiary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: 0 auto}.node-ports--outputs--bottom .output-quaternary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--start .output-primary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--start .output-secondary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: 0 auto}.node-ports--outputs--start .output-tertiary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--start .output-quaternary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: auto 0}.node-ports--outputs--end .output-primary-port{--port-inset-inline: auto 0;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--end .output-secondary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: auto 0}.node-ports--outputs--end .output-tertiary-port{--port-inset-inline: 0 auto;--port-inset-block: var( --port-offset, 50% ) auto}.node-ports--outputs--end .output-quaternary-port{--port-inset-inline: var( --port-offset, 50% ) auto;--port-inset-block: 0 auto}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RefDirective, selector: "[refComponent]", inputs: ["data", "emit"] }], pipes: { "keyvalue": i1.KeyValuePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NodePortsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'node-ports',
+                    encapsulation: ViewEncapsulation.None,
+                    styleUrls: ['../styles/ports.scss'],
+                    host: {
+                        class: 'node-ports',
+                        '[class]': "'node-ports--inputs--' + inputsDirection + ' ' + 'node-ports--outputs--' + outputsDirection "
+                    },
+                    template: `
+		<div
+			*ngFor="let input of data.inputs | keyvalue : sortByIndex"
+			class="node-port node-port--input  {{ input.value.styleClass }}"
+			refComponent
+			[title]="input.value.styleClass"
+			[data]="{
+				type: 'socket',
+				side: 'input',
+				key: input.key,
+				nodeId: data.id,
+				payload: input.value?.socket,
+				seed: seed
+			}"
+			[emit]="emit"
+		></div>
+
+		<div
+			*ngFor="let output of data.outputs | keyvalue : sortByIndex"
+			class="node-port node-port--output  {{ output.value.styleClass }}"
+			refComponent
+			[title]="output.value.styleClass"
+			[data]="{
+				type: 'socket',
+				side: 'output',
+				key: output.key,
+				nodeId: data.id,
+				payload: output.value?.socket,
+				seed: seed
+			}"
+			[emit]="emit"
+		></div>
+	`
+                }]
+        }], propDecorators: { inputsDirection: [{
+                type: Input
+            }], outputsDirection: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], seed: [{
+                type: Input
+            }], emit: [{
+                type: Input
+            }], sortByIndex: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1wb3J0cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvbm9kZS1wb3J0cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUE4Q3BFLE1BQU0sT0FBTyxrQkFBa0I7O2dIQUFsQixrQkFBa0I7b0dBQWxCLGtCQUFrQiwrV0FsQ3BCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQWdDVDs0RkFFVyxrQkFBa0I7a0JBM0M5QixTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxZQUFZO29CQUN0QixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsU0FBUyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ25DLElBQUksRUFBRTt3QkFDTCxLQUFLLEVBQUUsWUFBWTt3QkFDbkIsU0FBUyxFQUNSLDhGQUE4RjtxQkFDL0Y7b0JBQ0QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQWdDVDtpQkFDRDs4QkFFUyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFzZU5vZGVDbGFzcyB9IGZyb20gJy4uL21vZGVscyc7XHJcbmltcG9ydCB7IERpcmVjdGlvblR5cGUgfSBmcm9tICcuLi90eXBlcyc7XHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnbm9kZS1wb3J0cycsXHJcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuXHRzdHlsZVVybHM6IFsnLi4vc3R5bGVzL3BvcnRzLnNjc3MnXSxcclxuXHRob3N0OiB7XHJcblx0XHRjbGFzczogJ25vZGUtcG9ydHMnLFxyXG5cdFx0J1tjbGFzc10nOlxyXG5cdFx0XHRcIidub2RlLXBvcnRzLS1pbnB1dHMtLScgKyBpbnB1dHNEaXJlY3Rpb24gKyAnICcgKyAnbm9kZS1wb3J0cy0tb3V0cHV0cy0tJyArIG91dHB1dHNEaXJlY3Rpb24gXCJcclxuXHR9LFxyXG5cdHRlbXBsYXRlOiBgXHJcblx0XHQ8ZGl2XHJcblx0XHRcdCpuZ0Zvcj1cImxldCBpbnB1dCBvZiBkYXRhLmlucHV0cyB8IGtleXZhbHVlIDogc29ydEJ5SW5kZXhcIlxyXG5cdFx0XHRjbGFzcz1cIm5vZGUtcG9ydCBub2RlLXBvcnQtLWlucHV0ICB7eyBpbnB1dC52YWx1ZS5zdHlsZUNsYXNzIH19XCJcclxuXHRcdFx0cmVmQ29tcG9uZW50XHJcblx0XHRcdFt0aXRsZV09XCJpbnB1dC52YWx1ZS5zdHlsZUNsYXNzXCJcclxuXHRcdFx0W2RhdGFdPVwie1xyXG5cdFx0XHRcdHR5cGU6ICdzb2NrZXQnLFxyXG5cdFx0XHRcdHNpZGU6ICdpbnB1dCcsXHJcblx0XHRcdFx0a2V5OiBpbnB1dC5rZXksXHJcblx0XHRcdFx0bm9kZUlkOiBkYXRhLmlkLFxyXG5cdFx0XHRcdHBheWxvYWQ6IGlucHV0LnZhbHVlPy5zb2NrZXQsXHJcblx0XHRcdFx0c2VlZDogc2VlZFxyXG5cdFx0XHR9XCJcclxuXHRcdFx0W2VtaXRdPVwiZW1pdFwiXHJcblx0XHQ+PC9kaXY+XHJcblxyXG5cdFx0PGRpdlxyXG5cdFx0XHQqbmdGb3I9XCJsZXQgb3V0cHV0IG9mIGRhdGEub3V0cHV0cyB8IGtleXZhbHVlIDogc29ydEJ5SW5kZXhcIlxyXG5cdFx0XHRjbGFzcz1cIm5vZGUtcG9ydCBub2RlLXBvcnQtLW91dHB1dCAge3sgb3V0cHV0LnZhbHVlLnN0eWxlQ2xhc3MgfX1cIlxyXG5cdFx0XHRyZWZDb21wb25lbnRcclxuXHRcdFx0W3RpdGxlXT1cIm91dHB1dC52YWx1ZS5zdHlsZUNsYXNzXCJcclxuXHRcdFx0W2RhdGFdPVwie1xyXG5cdFx0XHRcdHR5cGU6ICdzb2NrZXQnLFxyXG5cdFx0XHRcdHNpZGU6ICdvdXRwdXQnLFxyXG5cdFx0XHRcdGtleTogb3V0cHV0LmtleSxcclxuXHRcdFx0XHRub2RlSWQ6IGRhdGEuaWQsXHJcblx0XHRcdFx0cGF5bG9hZDogb3V0cHV0LnZhbHVlPy5zb2NrZXQsXHJcblx0XHRcdFx0c2VlZDogc2VlZFxyXG5cdFx0XHR9XCJcclxuXHRcdFx0W2VtaXRdPVwiZW1pdFwiXHJcblx0XHQ+PC9kaXY+XHJcblx0YFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTm9kZVBvcnRzQ29tcG9uZW50IHtcclxuXHRASW5wdXQoKSBpbnB1dHNEaXJlY3Rpb246IERpcmVjdGlvblR5cGU7XHJcblx0QElucHV0KCkgb3V0cHV0c0RpcmVjdGlvbjogRGlyZWN0aW9uVHlwZTtcclxuXHRASW5wdXQoKSBkYXRhITogQmFzZU5vZGVDbGFzcztcclxuXHRASW5wdXQoKSBzZWVkOiBudW1iZXI7XHJcblx0QElucHV0KCkgZW1pdCE6IChkYXRhOiBhbnkpID0+IHZvaWQ7XHJcblx0QElucHV0KCkgc29ydEJ5SW5kZXg6IChhOiB1bmtub3duLCBiOiB1bmtub3duKSA9PiBudW1iZXI7XHJcbn1cclxuIl19

package/esm2015/lib/components/diagrams/components/remove-button.component.js

@@ -0,0 +1,68 @@
+import { Component, EventEmitter, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button";
+import * as i2 from "@angular/material/icon";
+export class RemoveButtonComponent {
+    constructor() {
+        this.remove = new EventEmitter();
+    }
+}
+RemoveButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RemoveButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RemoveButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RemoveButtonComponent, selector: "node-remove-button", outputs: { remove: "remove" }, ngImport: i0, template: `
+		<button
+			mat-icon-button
+			(click)="remove.emit()"
+			(pointerdown)="$event.stopPropagation()"
+			(dblclick)="$event.stopPropagation()"
+			class="remove-icon"
+		>
+			<mat-icon>close</mat-icon>
+		</button>
+	`, isInline: true, styles: ["\n\t\t\t:host {\n\t\t\t\t--size: var(--remove-icon-size, 30px);\n\t\t\t\tposition: var(--remove-icon-position, absolute);\n\t\t\t\tinset: var(--remove-icon-inset, 0 0 auto auto);\n\t\t\t\topacity: var(--remove-icon-opacity, 0);\n\t\t\t\tbackground: var(--remove-icon-background, #fff);\n\t\t\t\twidth: var(--size);\n\t\t\t\theight: var(--size);\n\t\t\t\tline-height: var(var(--remove-icon-size), calc(var(--size) - 6));\n\t\t\t\tborder-radius: var(--remove-icon-radius, 50%);\n\t\t\t\tz-index: 2;\n\t\t\t\t.remove-icon {\n\t\t\t\t\tborder: 1px solid currentColor;\n\t\t\t\t\tborder-radius: var(--remove-icon-radius, 50%);\n\t\t\t\t\twidth: var(--size);\n\t\t\t\t\theight: var(--size);\n\t\t\t\t\tline-height: var(--remove-icon-size, 24px);\n\t\t\t\t\tbackground: var(--remove-icon-background, #fff);\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t}\n\t\t\t}\n\t\t"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RemoveButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'node-remove-button',
+                    template: `
+		<button
+			mat-icon-button
+			(click)="remove.emit()"
+			(pointerdown)="$event.stopPropagation()"
+			(dblclick)="$event.stopPropagation()"
+			class="remove-icon"
+		>
+			<mat-icon>close</mat-icon>
+		</button>
+	`,
+                    styles: [
+                        `
+			:host {
+				--size: var(--remove-icon-size, 30px);
+				position: var(--remove-icon-position, absolute);
+				inset: var(--remove-icon-inset, 0 0 auto auto);
+				opacity: var(--remove-icon-opacity, 0);
+				background: var(--remove-icon-background, #fff);
+				width: var(--size);
+				height: var(--size);
+				line-height: var(var(--remove-icon-size), calc(var(--size) - 6));
+				border-radius: var(--remove-icon-radius, 50%);
+				z-index: 2;
+				.remove-icon {
+					border: 1px solid currentColor;
+					border-radius: var(--remove-icon-radius, 50%);
+					width: var(--size);
+					height: var(--size);
+					line-height: var(--remove-icon-size, 24px);
+					background: var(--remove-icon-background, #fff);
+					display: flex;
+					align-items: center;
+					justify-content: center;
+				}
+			}
+		`
+                    ]
+                }]
+        }], propDecorators: { remove: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVtb3ZlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvcmVtb3ZlLWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBMkNoRSxNQUFNLE9BQU8scUJBQXFCO0lBekNsQztRQTBDVyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQUN0Qzs7bUhBRlkscUJBQXFCO3VHQUFyQixxQkFBcUIseUZBdkN2Qjs7Ozs7Ozs7OztFQVVUOzRGQTZCVyxxQkFBcUI7a0JBekNqQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRTs7Ozs7Ozs7OztFQVVUO29CQUNELE1BQU0sRUFBRTt3QkFDUDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0JDO3FCQUNEO2lCQUNEOzhCQUVVLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnbm9kZS1yZW1vdmUtYnV0dG9uJyxcclxuXHR0ZW1wbGF0ZTogYFxyXG5cdFx0PGJ1dHRvblxyXG5cdFx0XHRtYXQtaWNvbi1idXR0b25cclxuXHRcdFx0KGNsaWNrKT1cInJlbW92ZS5lbWl0KClcIlxyXG5cdFx0XHQocG9pbnRlcmRvd24pPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcclxuXHRcdFx0KGRibGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXHJcblx0XHRcdGNsYXNzPVwicmVtb3ZlLWljb25cIlxyXG5cdFx0PlxyXG5cdFx0XHQ8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxyXG5cdFx0PC9idXR0b24+XHJcblx0YCxcclxuXHRzdHlsZXM6IFtcclxuXHRcdGBcclxuXHRcdFx0Omhvc3Qge1xyXG5cdFx0XHRcdC0tc2l6ZTogdmFyKC0tcmVtb3ZlLWljb24tc2l6ZSwgMzBweCk7XHJcblx0XHRcdFx0cG9zaXRpb246IHZhcigtLXJlbW92ZS1pY29uLXBvc2l0aW9uLCBhYnNvbHV0ZSk7XHJcblx0XHRcdFx0aW5zZXQ6IHZhcigtLXJlbW92ZS1pY29uLWluc2V0LCAwIDAgYXV0byBhdXRvKTtcclxuXHRcdFx0XHRvcGFjaXR5OiB2YXIoLS1yZW1vdmUtaWNvbi1vcGFjaXR5LCAwKTtcclxuXHRcdFx0XHRiYWNrZ3JvdW5kOiB2YXIoLS1yZW1vdmUtaWNvbi1iYWNrZ3JvdW5kLCAjZmZmKTtcclxuXHRcdFx0XHR3aWR0aDogdmFyKC0tc2l6ZSk7XHJcblx0XHRcdFx0aGVpZ2h0OiB2YXIoLS1zaXplKTtcclxuXHRcdFx0XHRsaW5lLWhlaWdodDogdmFyKHZhcigtLXJlbW92ZS1pY29uLXNpemUpLCBjYWxjKHZhcigtLXNpemUpIC0gNikpO1xyXG5cdFx0XHRcdGJvcmRlci1yYWRpdXM6IHZhcigtLXJlbW92ZS1pY29uLXJhZGl1cywgNTAlKTtcclxuXHRcdFx0XHR6LWluZGV4OiAyO1xyXG5cdFx0XHRcdC5yZW1vdmUtaWNvbiB7XHJcblx0XHRcdFx0XHRib3JkZXI6IDFweCBzb2xpZCBjdXJyZW50Q29sb3I7XHJcblx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiB2YXIoLS1yZW1vdmUtaWNvbi1yYWRpdXMsIDUwJSk7XHJcblx0XHRcdFx0XHR3aWR0aDogdmFyKC0tc2l6ZSk7XHJcblx0XHRcdFx0XHRoZWlnaHQ6IHZhcigtLXNpemUpO1xyXG5cdFx0XHRcdFx0bGluZS1oZWlnaHQ6IHZhcigtLXJlbW92ZS1pY29uLXNpemUsIDI0cHgpO1xyXG5cdFx0XHRcdFx0YmFja2dyb3VuZDogdmFyKC0tcmVtb3ZlLWljb24tYmFja2dyb3VuZCwgI2ZmZik7XHJcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xyXG5cdFx0XHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHRcdFx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG5cdFx0XHRcdH1cclxuXHRcdFx0fVxyXG5cdFx0YFxyXG5cdF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFJlbW92ZUJ1dHRvbkNvbXBvbmVudCB7XHJcblx0QE91dHB1dCgpIHJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxufVxyXG4iXX0=

package/esm2015/lib/components/diagrams/components/status-icon.component.js

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
+import { NODE_STATUS } from '../constants';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+export class StatusIconComponent {
+    getIcon() {
+        switch (this.status) {
+            case NODE_STATUS.completed:
+                return 'check_circle';
+            case NODE_STATUS.rejected:
+                return 'cancel';
+            default:
+                return '';
+        }
+    }
+}
+StatusIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StatusIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StatusIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: StatusIconComponent, selector: "status-icon", inputs: { status: "status" }, host: { properties: { "class": "'da-node__check-status da-node__check-status--' + status" } }, ngImport: i0, template: ` <mat-icon>
+    {{ getIcon() }}
+  </mat-icon>`, isInline: true, components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StatusIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'status-icon',
+                    template: ` <mat-icon>
+    {{ getIcon() }}
+  </mat-icon>`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': "'da-node__check-status da-node__check-status--' + status",
+                    },
+                }]
+        }], propDecorators: { status: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9kaWFncmFtcy9jb21wb25lbnRzL3N0YXR1cy1pY29uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7QUFjM0MsTUFBTSxPQUFPLG1CQUFtQjtJQUc5QixPQUFPO1FBQ0wsUUFBUSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ25CLEtBQUssV0FBVyxDQUFDLFNBQVM7Z0JBQ3hCLE9BQU8sY0FBYyxDQUFDO1lBQ3hCLEtBQUssV0FBVyxDQUFDLFFBQVE7Z0JBQ3ZCLE9BQU8sUUFBUSxDQUFDO1lBQ2xCO2dCQUNFLE9BQU8sRUFBRSxDQUFDO1NBQ2I7SUFDSCxDQUFDOztpSEFaVSxtQkFBbUI7cUdBQW5CLG1CQUFtQixnTEFUcEI7O2NBRUU7NEZBT0QsbUJBQW1CO2tCQVgvQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxhQUFhO29CQUN2QixRQUFRLEVBQUU7O2NBRUU7b0JBQ1osYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxJQUFJLEVBQUU7d0JBQ0osU0FBUyxFQUFFLDBEQUEwRDtxQkFDdEU7aUJBQ0Y7OEJBRVUsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5PREVfU1RBVFVTIH0gZnJvbSAnLi4vY29uc3RhbnRzJztcclxuaW1wb3J0IHsgTm9kZVN0YXR1cyB9IGZyb20gJy4uL3R5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc3RhdHVzLWljb24nLFxyXG4gIHRlbXBsYXRlOiBgIDxtYXQtaWNvbj5cclxuICAgIHt7IGdldEljb24oKSB9fVxyXG4gIDwvbWF0LWljb24+YCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbiA6Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGhvc3Q6IHtcclxuICAgICdbY2xhc3NdJzogXCInZGEtbm9kZV9fY2hlY2stc3RhdHVzIGRhLW5vZGVfX2NoZWNrLXN0YXR1cy0tJyArIHN0YXR1c1wiLFxyXG4gIH0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGF0dXNJY29uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBzdGF0dXM6IE5vZGVTdGF0dXM7XHJcblxyXG4gIGdldEljb24oKSB7XHJcbiAgICBzd2l0Y2ggKHRoaXMuc3RhdHVzKSB7XHJcbiAgICAgIGNhc2UgTk9ERV9TVEFUVVMuY29tcGxldGVkOlxyXG4gICAgICAgIHJldHVybiAnY2hlY2tfY2lyY2xlJztcclxuICAgICAgY2FzZSBOT0RFX1NUQVRVUy5yZWplY3RlZDpcclxuICAgICAgICByZXR1cm4gJ2NhbmNlbCc7XHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgcmV0dXJuICcnO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=