nuxeo-development-framework 4.1.1 → 4.1.2

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

@@ -1,12 +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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jaXJjbGUtbm9kZS9jaXJjbGUtbm9kZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbnRlbnQtbm9kZS9jb250ZW50LW5vZGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9jdXN0b20tY29ubmVjdGlvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2N1c3RvbS1zb2NrZXQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9ub2RlLWljb24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9ub2RlLWlucHV0cy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL25vZGUtb3V0cHV0cy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3JlbW92ZS1idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zdGF0dXMtaWNvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3RlbXBsYXRlLW5vZGUvdGVtcGxhdGUtbm9kZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3pvb20tY29udHJvbC5jb21wb25lbnQnO1xyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NpcmNsZS1ub2RlL2NpcmNsZS1ub2RlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vY29ubmVjdGlvbi1sYWJlbC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbnRlbnQtbm9kZS9jb250ZW50LW5vZGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9jdXN0b20tY29ubmVjdGlvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2N1c3RvbS1zb2NrZXQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9nYXRld2F5LW5vZGUvZ2F0ZXdheS1ub2RlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZ2F0ZXdheS1wb3J0cy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL25vZGUtaWNvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL25vZGUtaW5wdXRzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbm9kZS1vdXRwdXRzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbm9kZS1wb3J0cy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3JlbW92ZS1idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zdGF0dXMtaWNvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3RlbXBsYXRlLW5vZGUvdGVtcGxhdGUtbm9kZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3pvb20tY29udHJvbC5jb21wb25lbnQnO1xyXG4iXX0=

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

@@ -5,48 +5,47 @@ 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": " 'da-node__inputs inputs-' + direction" } }, ngImport: i0, template: `
-    <div
-      *ngFor="let input of data.inputs | keyvalue : sortByIndex"
-      class="da-node__inputs__socket"
-      style=" height: var(--socket-size, 16px);"
-      refComponent
-      [data]="{
-        type: 'socket',
-        side: 'input',
-        key: input.key,
-        nodeId: data.id,
-        payload: input.value?.socket,
-        seed: seed
-      }"
-      [emit]="emit"
-    ></div>
-  `, isInline: true, 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 });
+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]': " 'da-node__inputs inputs-' + direction",
+                        '[class]': " 'node-ports node-ports--inputs  node-ports--' + direction"
                     },
                     template: `
-    <div
-      *ngFor="let input of data.inputs | keyvalue : sortByIndex"
-      class="da-node__inputs__socket"
-      style=" height: var(--socket-size, 16px);"
-      refComponent
-      [data]="{
-        type: 'socket',
-        side: 'input',
-        key: input.key,
-        nodeId: data.id,
-        payload: input.value?.socket,
-        seed: seed
-      }"
-      [emit]="emit"
-    ></div>
-  `,
+		<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
@@ -59,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             }], sortByIndex: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1pbnB1dHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9kaWFncmFtcy9jb21wb25lbnRzL25vZGUtaW5wdXRzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQTRCcEUsTUFBTSxPQUFPLG1CQUFtQjs7aUhBQW5CLG1CQUFtQjtxR0FBbkIsbUJBQW1CLDBPQWxCcEI7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQlQ7NEZBRVUsbUJBQW1CO2tCQXhCL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLElBQUksRUFBRTt3QkFDSixTQUFTLEVBQUUsd0NBQXdDO3FCQUNwRDtvQkFDRCxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQlQ7aUJBQ0Y7OEJBRVUsU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFzZU5vZGVDbGFzcyB9IGZyb20gJy4uL21vZGVscyc7XHJcbmltcG9ydCB7IERpcmVjdGlvblR5cGUgfSBmcm9tICcuLi90eXBlcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25vZGUtaW5wdXRzJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGhvc3Q6IHtcclxuICAgICdbY2xhc3NdJzogXCIgJ2RhLW5vZGVfX2lucHV0cyBpbnB1dHMtJyArIGRpcmVjdGlvblwiLFxyXG4gIH0sXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXZcclxuICAgICAgKm5nRm9yPVwibGV0IGlucHV0IG9mIGRhdGEuaW5wdXRzIHwga2V5dmFsdWUgOiBzb3J0QnlJbmRleFwiXHJcbiAgICAgIGNsYXNzPVwiZGEtbm9kZV9faW5wdXRzX19zb2NrZXRcIlxyXG4gICAgICBzdHlsZT1cIiBoZWlnaHQ6IHZhcigtLXNvY2tldC1zaXplLCAxNnB4KTtcIlxyXG4gICAgICByZWZDb21wb25lbnRcclxuICAgICAgW2RhdGFdPVwie1xyXG4gICAgICAgIHR5cGU6ICdzb2NrZXQnLFxyXG4gICAgICAgIHNpZGU6ICdpbnB1dCcsXHJcbiAgICAgICAga2V5OiBpbnB1dC5rZXksXHJcbiAgICAgICAgbm9kZUlkOiBkYXRhLmlkLFxyXG4gICAgICAgIHBheWxvYWQ6IGlucHV0LnZhbHVlPy5zb2NrZXQsXHJcbiAgICAgICAgc2VlZDogc2VlZFxyXG4gICAgICB9XCJcclxuICAgICAgW2VtaXRdPVwiZW1pdFwiXHJcbiAgICA+PC9kaXY+XHJcbiAgYCxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5vZGVJbnB1dHNDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGRpcmVjdGlvbjogRGlyZWN0aW9uVHlwZTtcclxuICBASW5wdXQoKSBkYXRhITogQmFzZU5vZGVDbGFzcztcclxuICBASW5wdXQoKSBzZWVkOiBudW1iZXI7XHJcbiAgQElucHV0KCkgZW1pdCE6IChkYXRhOiBhbnkpID0+IHZvaWQ7XHJcbiAgQElucHV0KCkgc29ydEJ5SW5kZXg6IChhOiB1bmtub3duLCBiOiB1bmtub3duKSA9PiBudW1iZXI7XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1pbnB1dHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9kaWFncmFtcy9jb21wb25lbnRzL25vZGUtaW5wdXRzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQTRCcEUsTUFBTSxPQUFPLG1CQUFtQjs7aUhBQW5CLG1CQUFtQjtxR0FBbkIsbUJBQW1CLDhQQWpCckI7Ozs7Ozs7Ozs7Ozs7OztFQWVUOzRGQUVXLG1CQUFtQjtrQkF4Qi9CLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDbkMsSUFBSSxFQUFFO3dCQUNMLFNBQVMsRUFBRSw0REFBNEQ7cUJBQ3ZFO29CQUNELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7O0VBZVQ7aUJBQ0Q7OEJBRVMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFzZU5vZGVDbGFzcyB9IGZyb20gJy4uL21vZGVscyc7XHJcbmltcG9ydCB7IERpcmVjdGlvblR5cGUgfSBmcm9tICcuLi90eXBlcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ25vZGUtaW5wdXRzJyxcclxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG5cdHN0eWxlVXJsczogWycuLi9zdHlsZXMvcG9ydHMuc2NzcyddLFxyXG5cdGhvc3Q6IHtcclxuXHRcdCdbY2xhc3NdJzogXCIgJ25vZGUtcG9ydHMgbm9kZS1wb3J0cy0taW5wdXRzICBub2RlLXBvcnRzLS0nICsgZGlyZWN0aW9uXCJcclxuXHR9LFxyXG5cdHRlbXBsYXRlOiBgXHJcblx0XHQ8ZGl2XHJcblx0XHRcdCpuZ0Zvcj1cImxldCBpbnB1dCBvZiBkYXRhLmlucHV0cyB8IGtleXZhbHVlIDogc29ydEJ5SW5kZXhcIlxyXG5cdFx0XHRjbGFzcz1cIm5vZGUtcG9ydHNfX3BvcnQge3sgaW5wdXQudmFsdWUuc3R5bGVDbGFzcyB9fVwiXHJcblx0XHRcdHJlZkNvbXBvbmVudFxyXG5cdFx0XHRbZGF0YV09XCJ7XHJcblx0XHRcdFx0dHlwZTogJ3NvY2tldCcsXHJcblx0XHRcdFx0c2lkZTogJ2lucHV0JyxcclxuXHRcdFx0XHRrZXk6IGlucHV0LmtleSxcclxuXHRcdFx0XHRub2RlSWQ6IGRhdGEuaWQsXHJcblx0XHRcdFx0cGF5bG9hZDogaW5wdXQudmFsdWU/LnNvY2tldCxcclxuXHRcdFx0XHRzZWVkOiBzZWVkXHJcblx0XHRcdH1cIlxyXG5cdFx0XHRbZW1pdF09XCJlbWl0XCJcclxuXHRcdD48L2Rpdj5cclxuXHRgXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb2RlSW5wdXRzQ29tcG9uZW50IHtcclxuXHRASW5wdXQoKSBkaXJlY3Rpb246IERpcmVjdGlvblR5cGU7XHJcblx0QElucHV0KCkgZGF0YSE6IEJhc2VOb2RlQ2xhc3M7XHJcblx0QElucHV0KCkgc2VlZDogbnVtYmVyO1xyXG5cdEBJbnB1dCgpIGVtaXQhOiAoZGF0YTogYW55KSA9PiB2b2lkO1xyXG5cdEBJbnB1dCgpIHNvcnRCeUluZGV4OiAoYTogdW5rbm93biwgYjogdW5rbm93bikgPT4gbnVtYmVyO1xyXG59XHJcbiJdfQ==

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

@@ -5,44 +5,43 @@ 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": " 'da-node__outputs outputs-' + direction" } }, ngImport: i0, template: `<div
-    class="da-node__outputs__socket"
-    style=" height: var(--socket-size, 16px);"
-    *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, 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 });
+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]': " 'da-node__outputs outputs-' + direction",
+                        '[class]': " 'node-ports node-ports--outputs  node-ports--' + direction"
                     },
                     template: `<div
-    class="da-node__outputs__socket"
-    style=" height: var(--socket-size, 16px);"
-    *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>`,
+		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
@@ -55,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             }], sortByIndex: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1vdXRwdXRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZGlhZ3JhbXMvY29tcG9uZW50cy9ub2RlLW91dHB1dHMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBMEJwRSxNQUFNLE9BQU8sb0JBQW9COztrSEFBcEIsb0JBQW9CO3NHQUFwQixvQkFBb0IsNk9BaEJyQjs7Ozs7Ozs7Ozs7Ozs7VUFjRjs0RkFFRyxvQkFBb0I7a0JBdEJoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO29CQUN4QixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsSUFBSSxFQUFFO3dCQUNKLFNBQVMsRUFBRSwwQ0FBMEM7cUJBQ3REO29CQUNELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7VUFjRjtpQkFDVDs4QkFFVSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCYXNlTm9kZUNsYXNzIH0gZnJvbSAnLi4vbW9kZWxzJztcclxuaW1wb3J0IHsgRGlyZWN0aW9uVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbm9kZS1vdXRwdXRzJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGhvc3Q6IHtcclxuICAgICdbY2xhc3NdJzogXCIgJ2RhLW5vZGVfX291dHB1dHMgb3V0cHV0cy0nICsgZGlyZWN0aW9uXCIsXHJcbiAgfSxcclxuICB0ZW1wbGF0ZTogYDxkaXZcclxuICAgIGNsYXNzPVwiZGEtbm9kZV9fb3V0cHV0c19fc29ja2V0XCJcclxuICAgIHN0eWxlPVwiIGhlaWdodDogdmFyKC0tc29ja2V0LXNpemUsIDE2cHgpO1wiXHJcbiAgICAqbmdGb3I9XCJsZXQgb3V0cHV0IG9mIGRhdGEub3V0cHV0cyB8IGtleXZhbHVlIDogc29ydEJ5SW5kZXhcIlxyXG4gICAgcmVmQ29tcG9uZW50XHJcbiAgICBbZGF0YV09XCJ7XHJcbiAgICAgIHR5cGU6ICdzb2NrZXQnLFxyXG4gICAgICBzaWRlOiAnb3V0cHV0JyxcclxuICAgICAga2V5OiBvdXRwdXQua2V5LFxyXG4gICAgICBub2RlSWQ6IGRhdGEuaWQsXHJcbiAgICAgIHBheWxvYWQ6IG91dHB1dC52YWx1ZT8uc29ja2V0LFxyXG4gICAgICBzZWVkOiBzZWVkXHJcbiAgICB9XCJcclxuICAgIFtlbWl0XT1cImVtaXRcIlxyXG4gID48L2Rpdj5gLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTm9kZU91dHB1dHNDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGRpcmVjdGlvbjogRGlyZWN0aW9uVHlwZTtcclxuICBASW5wdXQoKSBkYXRhITogQmFzZU5vZGVDbGFzcztcclxuICBASW5wdXQoKSBzZWVkOiBudW1iZXI7XHJcbiAgQElucHV0KCkgZW1pdCE6IChkYXRhOiBhbnkpID0+IHZvaWQ7XHJcbiAgQElucHV0KCkgc29ydEJ5SW5kZXg6IChhOiB1bmtub3duLCBiOiB1bmtub3duKSA9PiBudW1iZXI7XHJcbn1cclxuIl19
+//# 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

@@ -9,57 +9,60 @@ export class RemoveButtonComponent {
 }
 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      :host {\n        --size: var(--remove-icon-size, 30px);\n        position: var(--remove-icon-position, absolute);\n        inset: var(--remove-icon-inset, 0 0 auto auto);\n        opacity: var(--remove-icon-opacity, 0);\n        background: var(--remove-icon-background, inherit);\n        width: var(--size);\n        height: var(--size);\n        line-height: var(var(--remove-icon-size), calc(var(--size) - 6));\n        border-radius: 50%;\n        z-index: 2;\n        .remove-icon {\n          border: 1px solid currentColor;\n          border-radius: 50%;\n          width: var(--size);\n          height: var(--size);\n          line-height: var(--remove-icon-size, 30px);\n          background: var(--remove-icon-background, inherit);\n        }\n      }\n    "], 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"] }] });
+		<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>
-  `,
+		<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, inherit);
-        width: var(--size);
-        height: var(--size);
-        line-height: var(var(--remove-icon-size), calc(var(--size) - 6));
-        border-radius: 50%;
-        z-index: 2;
-        .remove-icon {
-          border: 1px solid currentColor;
-          border-radius: 50%;
-          width: var(--size);
-          height: var(--size);
-          line-height: var(--remove-icon-size, 30px);
-          background: var(--remove-icon-background, inherit);
-        }
-      }
-    `,
-                    ],
+			: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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVtb3ZlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvcmVtb3ZlLWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBd0NoRSxNQUFNLE9BQU8scUJBQXFCO0lBdENsQztRQXVDWSxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQUN2Qzs7bUhBRlkscUJBQXFCO3VHQUFyQixxQkFBcUIseUZBcEN0Qjs7Ozs7Ozs7OztHQVVUOzRGQTBCVSxxQkFBcUI7a0JBdENqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRTs7Ozs7Ozs7OztHQVVUO29CQUNELE1BQU0sRUFBRTt3QkFDTjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBcUJDO3FCQUNGO2lCQUNGOzhCQUVXLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbm9kZS1yZW1vdmUtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGJ1dHRvblxyXG4gICAgICBtYXQtaWNvbi1idXR0b25cclxuICAgICAgKGNsaWNrKT1cInJlbW92ZS5lbWl0KClcIlxyXG4gICAgICAocG9pbnRlcmRvd24pPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcclxuICAgICAgKGRibGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXHJcbiAgICAgIGNsYXNzPVwicmVtb3ZlLWljb25cIlxyXG4gICAgPlxyXG4gICAgICA8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcbiAgYCxcclxuICBzdHlsZXM6IFtcclxuICAgIGBcclxuICAgICAgOmhvc3Qge1xyXG4gICAgICAgIC0tc2l6ZTogdmFyKC0tcmVtb3ZlLWljb24tc2l6ZSwgMzBweCk7XHJcbiAgICAgICAgcG9zaXRpb246IHZhcigtLXJlbW92ZS1pY29uLXBvc2l0aW9uLCBhYnNvbHV0ZSk7XHJcbiAgICAgICAgaW5zZXQ6IHZhcigtLXJlbW92ZS1pY29uLWluc2V0LCAwIDAgYXV0byBhdXRvKTtcclxuICAgICAgICBvcGFjaXR5OiB2YXIoLS1yZW1vdmUtaWNvbi1vcGFjaXR5LCAwKTtcclxuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1yZW1vdmUtaWNvbi1iYWNrZ3JvdW5kLCBpbmhlcml0KTtcclxuICAgICAgICB3aWR0aDogdmFyKC0tc2l6ZSk7XHJcbiAgICAgICAgaGVpZ2h0OiB2YXIoLS1zaXplKTtcclxuICAgICAgICBsaW5lLWhlaWdodDogdmFyKHZhcigtLXJlbW92ZS1pY29uLXNpemUpLCBjYWxjKHZhcigtLXNpemUpIC0gNikpO1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgICAgICB6LWluZGV4OiAyO1xyXG4gICAgICAgIC5yZW1vdmUtaWNvbiB7XHJcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCBjdXJyZW50Q29sb3I7XHJcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICAgICAgICB3aWR0aDogdmFyKC0tc2l6ZSk7XHJcbiAgICAgICAgICBoZWlnaHQ6IHZhcigtLXNpemUpO1xyXG4gICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLXJlbW92ZS1pY29uLXNpemUsIDMwcHgpO1xyXG4gICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tcmVtb3ZlLWljb24tYmFja2dyb3VuZCwgaW5oZXJpdCk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSZW1vdmVCdXR0b25Db21wb25lbnQge1xyXG4gIEBPdXRwdXQoKSByZW1vdmUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVtb3ZlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvcmVtb3ZlLWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBMkNoRSxNQUFNLE9BQU8scUJBQXFCO0lBekNsQztRQTBDVyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQUN0Qzs7bUhBRlkscUJBQXFCO3VHQUFyQixxQkFBcUIseUZBdkN2Qjs7Ozs7Ozs7OztFQVVUOzRGQTZCVyxxQkFBcUI7a0JBekNqQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRTs7Ozs7Ozs7OztFQVVUO29CQUNELE1BQU0sRUFBRTt3QkFDUDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0JDO3FCQUNEO2lCQUNEOzhCQUVVLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnbm9kZS1yZW1vdmUtYnV0dG9uJyxcclxuXHR0ZW1wbGF0ZTogYFxyXG5cdFx0PGJ1dHRvblxyXG5cdFx0XHRtYXQtaWNvbi1idXR0b25cclxuXHRcdFx0KGNsaWNrKT1cInJlbW92ZS5lbWl0KClcIlxyXG5cdFx0XHQocG9pbnRlcmRvd24pPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcclxuXHRcdFx0KGRibGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXHJcblx0XHRcdGNsYXNzPVwicmVtb3ZlLWljb25cIlxyXG5cdFx0PlxyXG5cdFx0XHQ8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxyXG5cdFx0PC9idXR0b24+XHJcblx0YCxcclxuXHRzdHlsZXM6IFtcclxuXHRcdGBcclxuXHRcdFx0Omhvc3Qge1xyXG5cdFx0XHRcdC0tc2l6ZTogdmFyKC0tcmVtb3ZlLWljb24tc2l6ZSwgMzBweCk7XHJcblx0XHRcdFx0cG9zaXRpb246IHZhcigtLXJlbW92ZS1pY29uLXBvc2l0aW9uLCBhYnNvbHV0ZSk7XHJcblx0XHRcdFx0aW5zZXQ6IHZhcigtLXJlbW92ZS1pY29uLWluc2V0LCAwIDAgYXV0byBhdXRvKTtcclxuXHRcdFx0XHRvcGFjaXR5OiB2YXIoLS1yZW1vdmUtaWNvbi1vcGFjaXR5LCAwKTtcclxuXHRcdFx0XHRiYWNrZ3JvdW5kOiB2YXIoLS1yZW1vdmUtaWNvbi1iYWNrZ3JvdW5kLCAjZmZmKTtcclxuXHRcdFx0XHR3aWR0aDogdmFyKC0tc2l6ZSk7XHJcblx0XHRcdFx0aGVpZ2h0OiB2YXIoLS1zaXplKTtcclxuXHRcdFx0XHRsaW5lLWhlaWdodDogdmFyKHZhcigtLXJlbW92ZS1pY29uLXNpemUpLCBjYWxjKHZhcigtLXNpemUpIC0gNikpO1xyXG5cdFx0XHRcdGJvcmRlci1yYWRpdXM6IHZhcigtLXJlbW92ZS1pY29uLXJhZGl1cywgNTAlKTtcclxuXHRcdFx0XHR6LWluZGV4OiAyO1xyXG5cdFx0XHRcdC5yZW1vdmUtaWNvbiB7XHJcblx0XHRcdFx0XHRib3JkZXI6IDFweCBzb2xpZCBjdXJyZW50Q29sb3I7XHJcblx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiB2YXIoLS1yZW1vdmUtaWNvbi1yYWRpdXMsIDUwJSk7XHJcblx0XHRcdFx0XHR3aWR0aDogdmFyKC0tc2l6ZSk7XHJcblx0XHRcdFx0XHRoZWlnaHQ6IHZhcigtLXNpemUpO1xyXG5cdFx0XHRcdFx0bGluZS1oZWlnaHQ6IHZhcigtLXJlbW92ZS1pY29uLXNpemUsIDI0cHgpO1xyXG5cdFx0XHRcdFx0YmFja2dyb3VuZDogdmFyKC0tcmVtb3ZlLWljb24tYmFja2dyb3VuZCwgI2ZmZik7XHJcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xyXG5cdFx0XHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHRcdFx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG5cdFx0XHRcdH1cclxuXHRcdFx0fVxyXG5cdFx0YFxyXG5cdF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFJlbW92ZUJ1dHRvbkNvbXBvbmVudCB7XHJcblx0QE91dHB1dCgpIHJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxufVxyXG4iXX0=

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

@@ -1,11 +1,10 @@
 import { ChangeDetectionStrategy, 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 "../node-icon.component";
-import * as i3 from "../node-inputs.component";
-import * as i4 from "../node-outputs.component";
-import * as i5 from "@angular/common";
+import * as i1 from "../node-ports.component";
+import * as i2 from "../remove-button.component";
+import * as i3 from "../node-icon.component";
+import * as i4 from "@angular/common";
 export class TemplateNodeComponent extends BaseNodeComponent {
     ngOnInit() { }
     get templateOutletContext() {
@@ -22,7 +21,7 @@ export class TemplateNodeComponent extends BaseNodeComponent {
     }
 }
 TemplateNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TemplateNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TemplateNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TemplateNodeComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"da-node da-node--{{ data.type }} {{\r\n    data?.status ? ' da-node--' + data?.status : ''\r\n  }} {{ data?.styleClass }}\"\r\n  [style.--node-width]=\"data.width + 'px'\"\r\n  [style.--node-height]=\"data.height + 'px'\"\r\n>\r\n  <node-remove-button (remove)=\"removeNode()\" *ngIf=\"data?.config?.canRemove\">\r\n  </node-remove-button>\r\n\r\n  <node-icon\r\n    *ngIf=\"data.content?.icon\"\r\n    [icon]=\"data.content?.icon\"\r\n    class=\"da-node__icon\"\r\n  ></node-icon>\r\n\r\n  <ng-container\r\n    [ngTemplateOutlet]=\"data?.template || defaultTemplate\"\r\n    [ngTemplateOutletContext]=\"templateOutletContext\"\r\n  ></ng-container>\r\n\r\n  <ng-template #defaultTemplate>\r\n    <div class=\"da-node__title\">{{ data?.name }}</div>\r\n  </ng-template>\r\n\r\n  <node-inputs\r\n    [direction]=\"data.directions.inputs\"\r\n    [data]=\"data\"\r\n    [seed]=\"seed\"\r\n    [emit]=\"emit\"\r\n    [sortByIndex]=\"sortByIndex\"\r\n  ></node-inputs>\r\n\r\n  <node-outputs\r\n    [direction]=\"data.directions.outputs\"\r\n    [data]=\"data\"\r\n    [seed]=\"seed\"\r\n    [emit]=\"emit\"\r\n    [sortByIndex]=\"sortByIndex\"\r\n  ></node-outputs>\r\n</div>\r\n", styles: [".da-node{--width: var(--node-width);--height: var(--node-height);--socket-offset-negative: 0;--socket-position-start: var(--socket-offset-negative) auto;--socket-position-end: auto var(--socket-offset-negative);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)}.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--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__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__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__inputs,.da-node__outputs{position:var(--input-output-position, absolute);inset-inline:var(--in-out-inset-inline);inset-block:var(--in-out-inset-block);height:var(--socket-size, 16px)}.da-node__inputs__socket,.da-node__outputs__socket{height:var(--socket-size, 16px)}.da-node__inputs.inputs-top{--in-out-inset-block: var(--socket-position-start)}.da-node__inputs.inputs-bottom{--in-out-inset-block: var(--socket-position-end)}.da-node__inputs.inputs-start{--in-out-inset-inline: var(--socket-position-start)}.da-node__inputs.inputs-end{--in-out-inset-inline: var(--socket-position-end)}.da-node__outputs.outputs-top{--in-out-inset-block: var(--socket-offset-negative)}.da-node__outputs.outputs-bottom{--in-out-inset-block: var(--socket-position-end)}.da-node__outputs.outputs-start{--in-out-inset-inline: var(--socket-position-start)}.da-node__outputs.outputs-end{--in-out-inset-inline: var(--socket-position-end)}.da-node:hover{--remove-icon-inset: -8px -8px auto auto;--remove-icon-opacity: 1}\n", "\n      :host {\n        display: block;\n      }\n    "], components: [{ type: i1.RemoveButtonComponent, selector: "node-remove-button", outputs: ["remove"] }, { type: i2.NodeIconComponent, selector: "node-icon", inputs: ["icon"] }, { type: i3.NodeInputsComponent, selector: "node-inputs", inputs: ["direction", "data", "seed", "emit", "sortByIndex"] }, { type: i4.NodeOutputsComponent, selector: "node-outputs", inputs: ["direction", "data", "seed", "emit", "sortByIndex"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
+TemplateNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TemplateNodeComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div\r\n\tclass=\"da-node da-node--{{ data.type }} {{\r\n\t\tdata?.status ? ' da-node--' + data?.status : ''\r\n\t}} {{ data?.styleClass }}\"\r\n\t[style.--node-width]=\"data.width + 'px'\"\r\n\t[style.--node-height]=\"data.height + 'px'\"\r\n>\r\n\t<node-ports\r\n\t\t[inputsDirection]=\"data.directions.inputs\"\r\n\t\t[outputsDirection]=\"data.directions.outputs\"\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></node-ports>\r\n\t<div class=\"da-node__content\">\r\n\t\t<node-remove-button (remove)=\"removeNode()\" *ngIf=\"data?.config?.canRemove\">\r\n\t\t</node-remove-button>\r\n\r\n\t\t<node-icon\r\n\t\t\t*ngIf=\"data.content?.icon\"\r\n\t\t\t[icon]=\"data.content?.icon\"\r\n\t\t\tclass=\"da-node__icon\"\r\n\t\t></node-icon>\r\n\r\n\t\t<ng-container\r\n\t\t\t[ngTemplateOutlet]=\"data?.template || defaultTemplate\"\r\n\t\t\t[ngTemplateOutletContext]=\"templateOutletContext\"\r\n\t\t></ng-container>\r\n\r\n\t\t<ng-template #defaultTemplate>\r\n\t\t\t<div class=\"da-node__title\">{{ data?.name }}</div>\r\n\t\t</ng-template>\r\n\t</div>\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", "\n      :host {\n        display: block;\n      }\n    "], components: [{ type: i1.NodePortsComponent, selector: "node-ports", inputs: ["inputsDirection", "outputsDirection", "data", "seed", "emit", "sortByIndex"] }, { type: i2.RemoveButtonComponent, selector: "node-remove-button", outputs: ["remove"] }, { type: i3.NodeIconComponent, selector: "node-icon", inputs: ["icon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TemplateNodeComponent, decorators: [{
             type: Component,
             args: [{
@@ -38,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUtbm9kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvdGVtcGxhdGUtbm9kZS90ZW1wbGF0ZS1ub2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZGlhZ3JhbXMvY29tcG9uZW50cy90ZW1wbGF0ZS1ub2RlL3RlbXBsYXRlLW5vZGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7OztBQWMzRCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsaUJBQStCO0lBQ3hFLFFBQVEsS0FBVSxDQUFDO0lBRW5CLElBQUkscUJBQXFCO1FBQ3ZCLE1BQU0sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUU3RCxPQUFPO1lBQ0wsU0FBUyxFQUFFO2dCQUNULE9BQU8sRUFBRSxPQUFPO2dCQUNoQixXQUFXO2dCQUNYLElBQUk7Z0JBQ0osTUFBTTtnQkFDTixFQUFFO2FBQ0g7U0FDRixDQUFDO0lBQ0osQ0FBQzs7bUhBZlUscUJBQXFCO3VHQUFyQixxQkFBcUIsMkVDaEJsQyw2cUNBeUNBOzRGRHpCYSxxQkFBcUI7a0JBWmpDLFNBQVM7bUJBQUM7b0JBQ1QsV0FBVyxFQUFFLGdDQUFnQztvQkFDN0MsU0FBUyxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxPQUFPO29CQUNoRCxNQUFNLEVBQUU7d0JBQ047Ozs7S0FJQztxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVGVtcGxhdGVOb2RlIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcclxuaW1wb3J0IHsgQmFzZU5vZGVDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlLW5vZGUuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHRlbXBsYXRlVXJsOiAnLi90ZW1wbGF0ZS1ub2RlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi4vLi4vc3R5bGVzL25vZGUuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcclxuICBzdHlsZXM6IFtcclxuICAgIGBcclxuICAgICAgOmhvc3Qge1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUZW1wbGF0ZU5vZGVDb21wb25lbnQgZXh0ZW5kcyBCYXNlTm9kZUNvbXBvbmVudDxUZW1wbGF0ZU5vZGU+IHtcclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIGdldCB0ZW1wbGF0ZU91dGxldENvbnRleHQoKSB7XHJcbiAgICBjb25zdCB7IGNvbnRlbnQsIGRlc2NyaXB0aW9uLCBuYW1lLCBzdGF0dXMsIGlkIH0gPSB0aGlzLmRhdGE7XHJcblxyXG4gICAgcmV0dXJuIHtcclxuICAgICAgJGltcGxpY2l0OiB7XHJcbiAgICAgICAgY29udGVudDogY29udGVudCxcclxuICAgICAgICBkZXNjcmlwdGlvbixcclxuICAgICAgICBuYW1lLFxyXG4gICAgICAgIHN0YXR1cyxcclxuICAgICAgICBpZCxcclxuICAgICAgfSxcclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cImRhLW5vZGUgZGEtbm9kZS0te3sgZGF0YS50eXBlIH19IHt7XHJcbiAgICBkYXRhPy5zdGF0dXMgPyAnIGRhLW5vZGUtLScgKyBkYXRhPy5zdGF0dXMgOiAnJ1xyXG4gIH19IHt7IGRhdGE/LnN0eWxlQ2xhc3MgfX1cIlxyXG4gIFtzdHlsZS4tLW5vZGUtd2lkdGhdPVwiZGF0YS53aWR0aCArICdweCdcIlxyXG4gIFtzdHlsZS4tLW5vZGUtaGVpZ2h0XT1cImRhdGEuaGVpZ2h0ICsgJ3B4J1wiXHJcbj5cclxuICA8bm9kZS1yZW1vdmUtYnV0dG9uIChyZW1vdmUpPVwicmVtb3ZlTm9kZSgpXCIgKm5nSWY9XCJkYXRhPy5jb25maWc/LmNhblJlbW92ZVwiPlxyXG4gIDwvbm9kZS1yZW1vdmUtYnV0dG9uPlxyXG5cclxuICA8bm9kZS1pY29uXHJcbiAgICAqbmdJZj1cImRhdGEuY29udGVudD8uaWNvblwiXHJcbiAgICBbaWNvbl09XCJkYXRhLmNvbnRlbnQ/Lmljb25cIlxyXG4gICAgY2xhc3M9XCJkYS1ub2RlX19pY29uXCJcclxuICA+PC9ub2RlLWljb24+XHJcblxyXG4gIDxuZy1jb250YWluZXJcclxuICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRhdGE/LnRlbXBsYXRlIHx8IGRlZmF1bHRUZW1wbGF0ZVwiXHJcbiAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwidGVtcGxhdGVPdXRsZXRDb250ZXh0XCJcclxuICA+PC9uZy1jb250YWluZXI+XHJcblxyXG4gIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdFRlbXBsYXRlPlxyXG4gICAgPGRpdiBjbGFzcz1cImRhLW5vZGVfX3RpdGxlXCI+e3sgZGF0YT8ubmFtZSB9fTwvZGl2PlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gIDxub2RlLWlucHV0c1xyXG4gICAgW2RpcmVjdGlvbl09XCJkYXRhLmRpcmVjdGlvbnMuaW5wdXRzXCJcclxuICAgIFtkYXRhXT1cImRhdGFcIlxyXG4gICAgW3NlZWRdPVwic2VlZFwiXHJcbiAgICBbZW1pdF09XCJlbWl0XCJcclxuICAgIFtzb3J0QnlJbmRleF09XCJzb3J0QnlJbmRleFwiXHJcbiAgPjwvbm9kZS1pbnB1dHM+XHJcblxyXG4gIDxub2RlLW91dHB1dHNcclxuICAgIFtkaXJlY3Rpb25dPVwiZGF0YS5kaXJlY3Rpb25zLm91dHB1dHNcIlxyXG4gICAgW2RhdGFdPVwiZGF0YVwiXHJcbiAgICBbc2VlZF09XCJzZWVkXCJcclxuICAgIFtlbWl0XT1cImVtaXRcIlxyXG4gICAgW3NvcnRCeUluZGV4XT1cInNvcnRCeUluZGV4XCJcclxuICA+PC9ub2RlLW91dHB1dHM+XHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUtbm9kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvdGVtcGxhdGUtbm9kZS90ZW1wbGF0ZS1ub2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZGlhZ3JhbXMvY29tcG9uZW50cy90ZW1wbGF0ZS1ub2RlL3RlbXBsYXRlLW5vZGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7O0FBYzNELE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxpQkFBK0I7SUFDeEUsUUFBUSxLQUFVLENBQUM7SUFFbkIsSUFBSSxxQkFBcUI7UUFDdkIsTUFBTSxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBRTdELE9BQU87WUFDTCxTQUFTLEVBQUU7Z0JBQ1QsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLFdBQVc7Z0JBQ1gsSUFBSTtnQkFDSixNQUFNO2dCQUNOLEVBQUU7YUFDSDtTQUNGLENBQUM7SUFDSixDQUFDOzttSEFmVSxxQkFBcUI7dUdBQXJCLHFCQUFxQiwyRUNoQmxDLDJtQ0FtQ0E7NEZEbkJhLHFCQUFxQjtrQkFaakMsU0FBUzttQkFBQztvQkFDVCxXQUFXLEVBQUUsZ0NBQWdDO29CQUM3QyxTQUFTLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE9BQU87b0JBQ2hELE1BQU0sRUFBRTt3QkFDTjs7OztLQUlDO3FCQUNGO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUZW1wbGF0ZU5vZGUgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5pbXBvcnQgeyBCYXNlTm9kZUNvbXBvbmVudCB9IGZyb20gJy4uL2Jhc2Utbm9kZS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RlbXBsYXRlLW5vZGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuLi8uLi9zdHlsZXMvbm9kZS5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxyXG4gIHN0eWxlczogW1xyXG4gICAgYFxyXG4gICAgICA6aG9zdCB7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgIH1cclxuICAgIGAsXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRlbXBsYXRlTm9kZUNvbXBvbmVudCBleHRlbmRzIEJhc2VOb2RlQ29tcG9uZW50PFRlbXBsYXRlTm9kZT4ge1xyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgZ2V0IHRlbXBsYXRlT3V0bGV0Q29udGV4dCgpIHtcclxuICAgIGNvbnN0IHsgY29udGVudCwgZGVzY3JpcHRpb24sIG5hbWUsIHN0YXR1cywgaWQgfSA9IHRoaXMuZGF0YTtcclxuXHJcbiAgICByZXR1cm4ge1xyXG4gICAgICAkaW1wbGljaXQ6IHtcclxuICAgICAgICBjb250ZW50OiBjb250ZW50LFxyXG4gICAgICAgIGRlc2NyaXB0aW9uLFxyXG4gICAgICAgIG5hbWUsXHJcbiAgICAgICAgc3RhdHVzLFxyXG4gICAgICAgIGlkLFxyXG4gICAgICB9LFxyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG5cdGNsYXNzPVwiZGEtbm9kZSBkYS1ub2RlLS17eyBkYXRhLnR5cGUgfX0ge3tcclxuXHRcdGRhdGE/LnN0YXR1cyA/ICcgZGEtbm9kZS0tJyArIGRhdGE/LnN0YXR1cyA6ICcnXHJcblx0fX0ge3sgZGF0YT8uc3R5bGVDbGFzcyB9fVwiXHJcblx0W3N0eWxlLi0tbm9kZS13aWR0aF09XCJkYXRhLndpZHRoICsgJ3B4J1wiXHJcblx0W3N0eWxlLi0tbm9kZS1oZWlnaHRdPVwiZGF0YS5oZWlnaHQgKyAncHgnXCJcclxuPlxyXG5cdDxub2RlLXBvcnRzXHJcblx0XHRbaW5wdXRzRGlyZWN0aW9uXT1cImRhdGEuZGlyZWN0aW9ucy5pbnB1dHNcIlxyXG5cdFx0W291dHB1dHNEaXJlY3Rpb25dPVwiZGF0YS5kaXJlY3Rpb25zLm91dHB1dHNcIlxyXG5cdFx0W2RhdGFdPVwiZGF0YVwiXHJcblx0XHRbc2VlZF09XCJzZWVkXCJcclxuXHRcdFtlbWl0XT1cImVtaXRcIlxyXG5cdFx0W3NvcnRCeUluZGV4XT1cInNvcnRCeUluZGV4XCJcclxuXHQ+PC9ub2RlLXBvcnRzPlxyXG5cdDxkaXYgY2xhc3M9XCJkYS1ub2RlX19jb250ZW50XCI+XHJcblx0XHQ8bm9kZS1yZW1vdmUtYnV0dG9uIChyZW1vdmUpPVwicmVtb3ZlTm9kZSgpXCIgKm5nSWY9XCJkYXRhPy5jb25maWc/LmNhblJlbW92ZVwiPlxyXG5cdFx0PC9ub2RlLXJlbW92ZS1idXR0b24+XHJcblxyXG5cdFx0PG5vZGUtaWNvblxyXG5cdFx0XHQqbmdJZj1cImRhdGEuY29udGVudD8uaWNvblwiXHJcblx0XHRcdFtpY29uXT1cImRhdGEuY29udGVudD8uaWNvblwiXHJcblx0XHRcdGNsYXNzPVwiZGEtbm9kZV9faWNvblwiXHJcblx0XHQ+PC9ub2RlLWljb24+XHJcblxyXG5cdFx0PG5nLWNvbnRhaW5lclxyXG5cdFx0XHRbbmdUZW1wbGF0ZU91dGxldF09XCJkYXRhPy50ZW1wbGF0ZSB8fCBkZWZhdWx0VGVtcGxhdGVcIlxyXG5cdFx0XHRbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwidGVtcGxhdGVPdXRsZXRDb250ZXh0XCJcclxuXHRcdD48L25nLWNvbnRhaW5lcj5cclxuXHJcblx0XHQ8bmctdGVtcGxhdGUgI2RlZmF1bHRUZW1wbGF0ZT5cclxuXHRcdFx0PGRpdiBjbGFzcz1cImRhLW5vZGVfX3RpdGxlXCI+e3sgZGF0YT8ubmFtZSB9fTwvZGl2PlxyXG5cdFx0PC9uZy10ZW1wbGF0ZT5cclxuXHQ8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2015/lib/components/diagrams/constants/node-type.js

@@ -2,6 +2,7 @@ export const NODE_TYPE = {
     start: 'start',
     content: 'content',
     template: 'template',
+    gateway: 'gateway',
     end: 'end',
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS10eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9kaWFncmFtcy9jb25zdGFudHMvbm9kZS10eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRztJQUN2QixLQUFLLEVBQUUsT0FBTztJQUNkLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLEdBQUcsRUFBRSxLQUFLO0NBQ0YsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBOT0RFX1RZUEUgPSB7XHJcbiAgc3RhcnQ6ICdzdGFydCcsXHJcbiAgY29udGVudDogJ2NvbnRlbnQnLFxyXG4gIHRlbXBsYXRlOiAndGVtcGxhdGUnLFxyXG4gIGVuZDogJ2VuZCcsXHJcbn0gYXMgY29uc3Q7XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS10eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9kaWFncmFtcy9jb25zdGFudHMvbm9kZS10eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRztJQUN2QixLQUFLLEVBQUUsT0FBTztJQUNkLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLE9BQU8sRUFBRyxTQUFTO0lBQ25CLEdBQUcsRUFBRSxLQUFLO0NBQ0YsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBOT0RFX1RZUEUgPSB7XHJcbiAgc3RhcnQ6ICdzdGFydCcsXHJcbiAgY29udGVudDogJ2NvbnRlbnQnLFxyXG4gIHRlbXBsYXRlOiAndGVtcGxhdGUnLFxyXG4gIGdhdGV3YXkgOiAnZ2F0ZXdheScsXHJcbiAgZW5kOiAnZW5kJyxcclxufSBhcyBjb25zdDtcclxuIl19

package/esm2015/lib/components/diagrams/constants/sizes.js

@@ -2,6 +2,7 @@ export const NODE_MARGIN = 60;
 export const NODE_WIDTH = 150;
 export const NODE_HEIGHT = 118;
 export const NODE_CIRCLE_SIZE = 72;
+export const NODE_GATEWAY_SIZE = 60;
 export const DIAGRAM_HEIGHT = 600;
 export const SOCKET_WIDTH = 8;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbnN0YW50cy9zaXplcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDO0FBQzlCLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxHQUFHLENBQUM7QUFDOUIsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEdBQUcsQ0FBQztBQUMvQixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxFQUFFLENBQUM7QUFDbkMsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLEdBQUcsQ0FBQztBQUNsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IE5PREVfTUFSR0lOID0gNjA7XHJcbmV4cG9ydCBjb25zdCBOT0RFX1dJRFRIID0gMTUwO1xyXG5leHBvcnQgY29uc3QgTk9ERV9IRUlHSFQgPSAxMTg7XHJcbmV4cG9ydCBjb25zdCBOT0RFX0NJUkNMRV9TSVpFID0gNzI7XHJcbmV4cG9ydCBjb25zdCBESUFHUkFNX0hFSUdIVCA9IDYwMDtcclxuZXhwb3J0IGNvbnN0IFNPQ0tFVF9XSURUSCA9IDg7Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbnN0YW50cy9zaXplcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDO0FBQzlCLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxHQUFHLENBQUM7QUFDOUIsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEdBQUcsQ0FBQztBQUMvQixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxFQUFFLENBQUM7QUFDbkMsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsRUFBRSxDQUFDO0FBQ3BDLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxHQUFHLENBQUM7QUFDbEMsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBOT0RFX01BUkdJTiA9IDYwO1xyXG5leHBvcnQgY29uc3QgTk9ERV9XSURUSCA9IDE1MDtcclxuZXhwb3J0IGNvbnN0IE5PREVfSEVJR0hUID0gMTE4O1xyXG5leHBvcnQgY29uc3QgTk9ERV9DSVJDTEVfU0laRSA9IDcyO1xyXG5leHBvcnQgY29uc3QgTk9ERV9HQVRFV0FZX1NJWkUgPSA2MDtcclxuZXhwb3J0IGNvbnN0IERJQUdSQU1fSEVJR0hUID0gNjAwO1xyXG5leHBvcnQgY29uc3QgU09DS0VUX1dJRFRIID0gODtcclxuIl19

package/esm2015/lib/components/diagrams/constants/status.js

@@ -5,5 +5,8 @@ export const NODE_STATUS = {
     inProgress: 'inProgress',
     upcoming: 'upcoming',
     approved: 'approved',
+    suspended: 'suspended',
+    ready: 'ready',
+    canceled: 'canceled'
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9kaWFncmFtcy9jb25zdGFudHMvc3RhdHVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRztJQUN6QixLQUFLLEVBQUUsT0FBTztJQUNkLFNBQVMsRUFBRSxXQUFXO0lBQ3RCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFVBQVUsRUFBRSxZQUFZO0lBQ3hCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFFBQVEsRUFBRSxVQUFVO0NBQ1osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBOT0RFX1NUQVRVUyA9IHtcclxuICBkcmFmdDogJ2RyYWZ0JyxcclxuICBjb21wbGV0ZWQ6ICdjb21wbGV0ZWQnLFxyXG4gIHJlamVjdGVkOiAncmVqZWN0ZWQnLFxyXG4gIGluUHJvZ3Jlc3M6ICdpblByb2dyZXNzJyxcclxuICB1cGNvbWluZzogJ3VwY29taW5nJyxcclxuICBhcHByb3ZlZDogJ2FwcHJvdmVkJyxcclxufSBhcyBjb25zdDtcclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9kaWFncmFtcy9jb25zdGFudHMvc3RhdHVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRztJQUMxQixLQUFLLEVBQUUsT0FBTztJQUNkLFNBQVMsRUFBRSxXQUFXO0lBQ3RCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFVBQVUsRUFBRSxZQUFZO0lBQ3hCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFNBQVMsRUFBRSxXQUFXO0lBQ3RCLEtBQUssRUFBRSxPQUFPO0lBQ2QsUUFBUSxFQUFFLFVBQVU7Q0FDWCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IE5PREVfU1RBVFVTID0ge1xyXG5cdGRyYWZ0OiAnZHJhZnQnLFxyXG5cdGNvbXBsZXRlZDogJ2NvbXBsZXRlZCcsXHJcblx0cmVqZWN0ZWQ6ICdyZWplY3RlZCcsXHJcblx0aW5Qcm9ncmVzczogJ2luUHJvZ3Jlc3MnLFxyXG5cdHVwY29taW5nOiAndXBjb21pbmcnLFxyXG5cdGFwcHJvdmVkOiAnYXBwcm92ZWQnLFxyXG5cdHN1c3BlbmRlZDogJ3N1c3BlbmRlZCcsXHJcblx0cmVhZHk6ICdyZWFkeScsXHJcblx0Y2FuY2VsZWQ6ICdjYW5jZWxlZCdcclxufSBhcyBjb25zdDtcclxuIl19