nuxeo-development-framework 4.1.0 → 4.1.2

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

@@ -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=