nuxeo-development-framework 4.1.1 → 4.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/nuxeo-development-framework.umd.js +724 -343
- package/bundles/nuxeo-development-framework.umd.js.map +1 -1
- package/esm2015/lib/components/diagrams/components/circle-node/circle-node.component.js +6 -7
- package/esm2015/lib/components/diagrams/components/connection-label.component.js +92 -0
- package/esm2015/lib/components/diagrams/components/content-node/content-node.component.js +7 -8
- package/esm2015/lib/components/diagrams/components/custom-connection.component.js +68 -32
- package/esm2015/lib/components/diagrams/components/custom-socket.component.js +22 -19
- package/esm2015/lib/components/diagrams/components/gateway-node/gateway-node.component.js +18 -0
- package/esm2015/lib/components/diagrams/components/gateway-ports.component.js +118 -0
- package/esm2015/lib/components/diagrams/components/index.js +5 -1
- package/esm2015/lib/components/diagrams/components/node-inputs.component.js +34 -35
- package/esm2015/lib/components/diagrams/components/node-outputs.component.js +30 -31
- package/esm2015/lib/components/diagrams/components/node-ports.component.js +98 -0
- package/esm2015/lib/components/diagrams/components/remove-button.component.js +46 -43
- package/esm2015/lib/components/diagrams/components/template-node/template-node.component.js +6 -7
- package/esm2015/lib/components/diagrams/constants/node-type.js +2 -1
- package/esm2015/lib/components/diagrams/constants/sizes.js +2 -1
- package/esm2015/lib/components/diagrams/constants/status.js +4 -1
- package/esm2015/lib/components/diagrams/diagrams.module.js +14 -6
- package/esm2015/lib/components/diagrams/directive/diagram.directive.js +9 -6
- package/esm2015/lib/components/diagrams/editor/customize.js +16 -12
- package/esm2015/lib/components/diagrams/editor/editor.js +21 -19
- package/esm2015/lib/components/diagrams/editor/overrides/connection-path.transformers.js +32 -7
- package/esm2015/lib/components/diagrams/editor/path-plugin.js +10 -9
- package/esm2015/lib/components/diagrams/models/base-node.model.js +3 -2
- package/esm2015/lib/components/diagrams/models/connection.model.js +11 -4
- package/esm2015/lib/components/diagrams/models/gate-way.model.js +11 -0
- package/esm2015/lib/components/diagrams/models/index.js +2 -1
- package/esm2015/lib/components/diagrams/models/ports.model.js +14 -0
- package/esm2015/lib/components/diagrams/models/socket.model.js +5 -4
- package/esm2015/lib/components/diagrams/services/diagram.service.js +77 -29
- package/esm2015/lib/components/diagrams/services/workflow.service.js +14 -19
- package/esm2015/lib/components/diagrams/types/common.type.js +1 -1
- package/esm2015/lib/components/diagrams/types/connection-config.type.js +2 -0
- package/esm2015/lib/components/diagrams/types/connection-label.type.js +2 -0
- package/esm2015/lib/components/diagrams/types/diagram-config.type.js +1 -1
- package/esm2015/lib/components/diagrams/types/diagram-editor.type.js +1 -1
- package/esm2015/lib/components/diagrams/types/index.js +6 -2
- package/esm2015/lib/components/diagrams/types/node-definition.js +1 -1
- package/esm2015/lib/components/diagrams/types/path.type.js +1 -1
- package/esm2015/lib/components/diagrams/types/ports-config.type.js +2 -0
- package/esm2015/lib/components/diagrams/types/socket.type.js +2 -0
- package/esm2015/lib/components/diagrams/utilities/common.js +35 -0
- package/esm2015/lib/components/diagrams/utilities/index.js +3 -1
- package/esm2015/lib/components/diagrams/utilities/random.js +11 -0
- package/esm2015/lib/components/diagrams/utilities/remove.util.js +2 -2
- package/fesm2015/nuxeo-development-framework.js +921 -408
- package/fesm2015/nuxeo-development-framework.js.map +1 -1
- package/lib/components/diagrams/components/base-node.component.d.ts +1 -0
- package/lib/components/diagrams/components/connection-label.component.d.ts +19 -0
- package/lib/components/diagrams/components/custom-connection.component.d.ts +5 -0
- package/lib/components/diagrams/components/gateway-node/gateway-node.component.d.ts +6 -0
- package/lib/components/diagrams/components/gateway-ports.component.d.ts +12 -0
- package/lib/components/diagrams/components/index.d.ts +4 -0
- package/lib/components/diagrams/components/node-ports.component.d.ts +13 -0
- package/lib/components/diagrams/constants/node-type.d.ts +1 -0
- package/lib/components/diagrams/constants/sizes.d.ts +1 -0
- package/lib/components/diagrams/constants/status.d.ts +3 -0
- package/lib/components/diagrams/diagrams.module.d.ts +12 -8
- package/lib/components/diagrams/editor/overrides/connection-path.transformers.d.ts +2 -7
- package/lib/components/diagrams/models/base-node.model.d.ts +3 -2
- package/lib/components/diagrams/models/connection.model.d.ts +9 -1
- package/lib/components/diagrams/models/gate-way.model.d.ts +8 -0
- package/lib/components/diagrams/models/index.d.ts +1 -0
- package/lib/components/diagrams/models/ports.model.d.ts +11 -0
- package/lib/components/diagrams/models/socket.model.d.ts +3 -1
- package/lib/components/diagrams/services/diagram.service.d.ts +20 -9
- package/lib/components/diagrams/services/workflow.service.d.ts +0 -1
- package/lib/components/diagrams/types/common.type.d.ts +5 -0
- package/lib/components/diagrams/types/connection-config.type.d.ts +11 -0
- package/lib/components/diagrams/types/connection-label.type.d.ts +4 -0
- package/lib/components/diagrams/types/diagram-config.type.d.ts +6 -0
- package/lib/components/diagrams/types/diagram-editor.type.d.ts +3 -2
- package/lib/components/diagrams/types/index.d.ts +5 -1
- package/lib/components/diagrams/types/node-definition.d.ts +1 -0
- package/lib/components/diagrams/types/path.type.d.ts +1 -0
- package/lib/components/diagrams/types/ports-config.type.d.ts +11 -0
- package/lib/components/diagrams/types/socket.type.d.ts +5 -0
- package/lib/components/diagrams/utilities/common.d.ts +19 -0
- package/lib/components/diagrams/utilities/index.d.ts +2 -0
- package/lib/components/diagrams/utilities/random.d.ts +1 -0
- package/lib/components/diagrams/utilities/remove.util.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
2
|
import { BaseNodeComponent } from '../base-node.component';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "../
|
|
5
|
-
import * as i2 from "../
|
|
6
|
-
import * as i3 from "
|
|
7
|
-
import * as i4 from "@
|
|
8
|
-
import * as i5 from "@ngx-translate/core";
|
|
4
|
+
import * as i1 from "../node-ports.component";
|
|
5
|
+
import * as i2 from "../remove-button.component";
|
|
6
|
+
import * as i3 from "@angular/common";
|
|
7
|
+
import * as i4 from "@ngx-translate/core";
|
|
9
8
|
export class CircleNodeComponent extends BaseNodeComponent {
|
|
10
9
|
}
|
|
11
10
|
CircleNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CircleNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
CircleNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CircleNodeComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div\r\n
|
|
11
|
+
CircleNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CircleNodeComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div\r\n\tclass=\"da-node da-node--{{ data.type }} circle-node circle-node--{{\r\n\t\tdata.type\r\n\t}} {{ data?.status ? ' da-node--' + data?.status : '' }} \"\r\n\t[style.--node-width]=\"data.width + 'px'\"\r\n\t[style.--node-height]=\"data.width + '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\r\n\t<div class=\"da-node__content circle-node__content\">\r\n\t\t<node-remove-button\r\n\t\t\t(remove)=\"removeNode()\"\r\n\t\t\t*ngIf=\"data.config?.canRemove\"\r\n\t\t></node-remove-button>\r\n\r\n\t\t<div\r\n\t\t\tclass=\"da-node__title circle-node__title\"\r\n\t\t\t[attr.tooltip]=\"data.content?.data?.tooltip\"\r\n\t\t\t[class.node-tooltip]=\"!!data.content?.data?.tooltip\"\r\n\t\t>\r\n\t\t\t{{ 'diagram.' + data.name | translate }}\r\n\t\t</div>\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", ".circle-node{--node-radius: 50%}.circle-node__title.node-tooltip:after{content:attr(tooltip);position:absolute;left:50%;top:-6px;transform:translate(-50%) translateY(-100%);background:rgba(0,0,0,.7);text-align:center;color:#fff;padding:4px 2px;font-size:12px;min-width:100px;border-radius:5px;pointer-events:none;display:var(--tooltip-display, none)}.circle-node:hover{--tooltip-display: block}.da-node--end{border-width:3px}\n"], components: [{ type: i1.NodePortsComponent, selector: "node-ports", inputs: ["inputsDirection", "outputsDirection", "data", "seed", "emit", "sortByIndex"] }, { type: i2.RemoveButtonComponent, selector: "node-remove-button", outputs: ["remove"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i4.TranslatePipe } });
|
|
13
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CircleNodeComponent, decorators: [{
|
|
14
13
|
type: Component,
|
|
15
14
|
args: [{
|
|
@@ -17,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
17
16
|
styleUrls: ['../../styles/node.scss', './circle-node.component.scss'],
|
|
18
17
|
}]
|
|
19
18
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY2xlLW5vZGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9kaWFncmFtcy9jb21wb25lbnRzL2NpcmNsZS1ub2RlL2NpcmNsZS1ub2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZGlhZ3JhbXMvY29tcG9uZW50cy9jaXJjbGUtbm9kZS9jaXJjbGUtbm9kZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7QUFNM0QsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGlCQUE2Qjs7aUhBQXpELG1CQUFtQjtxR0FBbkIsbUJBQW1CLDJFQ1JoQyxzK0JBK0JBOzRGRHZCYSxtQkFBbUI7a0JBSi9CLFNBQVM7bUJBQUM7b0JBQ1QsV0FBVyxFQUFFLDhCQUE4QjtvQkFDM0MsU0FBUyxFQUFFLENBQUMsd0JBQXdCLEVBQUUsOEJBQThCLENBQUM7aUJBQ3RFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENpcmNsZU5vZGUgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5pbXBvcnQgeyBCYXNlTm9kZUNvbXBvbmVudCB9IGZyb20gJy4uL2Jhc2Utbm9kZS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NpcmNsZS1ub2RlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi4vLi4vc3R5bGVzL25vZGUuc2NzcycsICcuL2NpcmNsZS1ub2RlLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaXJjbGVOb2RlQ29tcG9uZW50IGV4dGVuZHMgQmFzZU5vZGVDb21wb25lbnQ8Q2lyY2xlTm9kZT4ge31cclxuIiwiPGRpdlxyXG5cdGNsYXNzPVwiZGEtbm9kZSBkYS1ub2RlLS17eyBkYXRhLnR5cGUgfX0gY2lyY2xlLW5vZGUgY2lyY2xlLW5vZGUtLXt7XHJcblx0XHRkYXRhLnR5cGVcclxuXHR9fSB7eyBkYXRhPy5zdGF0dXMgPyAnIGRhLW5vZGUtLScgKyBkYXRhPy5zdGF0dXMgOiAnJyB9fSBcIlxyXG5cdFtzdHlsZS4tLW5vZGUtd2lkdGhdPVwiZGF0YS53aWR0aCArICdweCdcIlxyXG5cdFtzdHlsZS4tLW5vZGUtaGVpZ2h0XT1cImRhdGEud2lkdGggKyAncHgnXCJcclxuPlxyXG5cdDxub2RlLXBvcnRzXHJcblx0XHRbaW5wdXRzRGlyZWN0aW9uXT1cImRhdGEuZGlyZWN0aW9ucy5pbnB1dHNcIlxyXG5cdFx0W291dHB1dHNEaXJlY3Rpb25dPVwiZGF0YS5kaXJlY3Rpb25zLm91dHB1dHNcIlxyXG5cdFx0W2RhdGFdPVwiZGF0YVwiXHJcblx0XHRbc2VlZF09XCJzZWVkXCJcclxuXHRcdFtlbWl0XT1cImVtaXRcIlxyXG5cdFx0W3NvcnRCeUluZGV4XT1cInNvcnRCeUluZGV4XCJcclxuXHQ+PC9ub2RlLXBvcnRzPlxyXG5cclxuXHQ8ZGl2IGNsYXNzPVwiZGEtbm9kZV9fY29udGVudCBjaXJjbGUtbm9kZV9fY29udGVudFwiPlxyXG5cdFx0PG5vZGUtcmVtb3ZlLWJ1dHRvblxyXG5cdFx0XHQocmVtb3ZlKT1cInJlbW92ZU5vZGUoKVwiXHJcblx0XHRcdCpuZ0lmPVwiZGF0YS5jb25maWc/LmNhblJlbW92ZVwiXHJcblx0XHQ+PC9ub2RlLXJlbW92ZS1idXR0b24+XHJcblxyXG5cdFx0PGRpdlxyXG5cdFx0XHRjbGFzcz1cImRhLW5vZGVfX3RpdGxlIGNpcmNsZS1ub2RlX190aXRsZVwiXHJcblx0XHRcdFthdHRyLnRvb2x0aXBdPVwiZGF0YS5jb250ZW50Py5kYXRhPy50b29sdGlwXCJcclxuXHRcdFx0W2NsYXNzLm5vZGUtdG9vbHRpcF09XCIhIWRhdGEuY29udGVudD8uZGF0YT8udG9vbHRpcFwiXHJcblx0XHQ+XHJcblx0XHRcdHt7ICdkaWFncmFtLicgKyBkYXRhLm5hbWUgfCB0cmFuc2xhdGUgfX1cclxuXHRcdDwvZGl2PlxyXG5cdDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class ConnectionLabelComponent {
|
|
5
|
+
constructor(_zone) {
|
|
6
|
+
this._zone = _zone;
|
|
7
|
+
this.transformStyle = '';
|
|
8
|
+
this.observer = new MutationObserver(() => {
|
|
9
|
+
this.calculatePosition();
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
ngAfterViewInit() {
|
|
13
|
+
if (!this.path) {
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
this._zone.runOutsideAngular(() => {
|
|
17
|
+
this.observer.observe(this.path, {
|
|
18
|
+
attributes: true
|
|
19
|
+
});
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
ngOnDestroy() {
|
|
23
|
+
this.observer.disconnect();
|
|
24
|
+
}
|
|
25
|
+
calculatePosition() {
|
|
26
|
+
const positionPoint = this._getPositionPoint();
|
|
27
|
+
this.labelContainer.nativeElement.style.transform = `translate(${positionPoint.x}px, ${positionPoint.y}px)`;
|
|
28
|
+
}
|
|
29
|
+
_getPositionPoint() {
|
|
30
|
+
const pathLength = this.path.getTotalLength();
|
|
31
|
+
const textWidth = 12 * `${this.text}`.length;
|
|
32
|
+
return this.position === 'center'
|
|
33
|
+
? this.path.getPointAtLength(pathLength / 2)
|
|
34
|
+
: this.path.getPointAtLength((this.position === 'start' ? 0 : pathLength) +
|
|
35
|
+
(this.position === 'end' ? -1 : 1) * (textWidth / 2 + 20));
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
ConnectionLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConnectionLabelComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
ConnectionLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ConnectionLabelComponent, selector: "app-connection-label", inputs: { path: "path", position: "position", text: "text" }, viewQueries: [{ propertyName: "labelContainer", first: true, predicate: ["labelContainer"], descendants: true, static: true }], ngImport: i0, template: ` <div
|
|
40
|
+
#labelContainer
|
|
41
|
+
[ngStyle]="{
|
|
42
|
+
position: 'absolute',
|
|
43
|
+
top: '0',
|
|
44
|
+
left: '0',
|
|
45
|
+
zIndex: ' var(--label-z-index, -1)'
|
|
46
|
+
}"
|
|
47
|
+
>
|
|
48
|
+
<div [ngClass]="{ 'label-text': !!text }">{{ text }}</div>
|
|
49
|
+
</div>`, isInline: true, styles: ["\n\t\t\t.label-text {\n\t\t\t\tposition: absolute;\n\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t\tbackground: var(--c-label-background, #fff);\n\t\t\t\tcolor: var(--c-label-color, #333);\n\t\t\t\tborder-radius: var(--c-label-radius, 2em);\n\t\t\t\tpadding: var(--c-label-padding, 0.2em 0.6em);\n\t\t\t\tfont-size: var(--c-label-size, 0.7rem);\n\t\t\t\tborder: var(--c-label-border, 1px solid var(--path-color, #1b3e7f));\n\t\t\t\tz-index: var(--c-label-z-index, 0);\n\t\t\t\twhite-space: pre;\n\t\t\t}\n\t\t"], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConnectionLabelComponent, decorators: [{
|
|
51
|
+
type: Component,
|
|
52
|
+
args: [{
|
|
53
|
+
selector: 'app-connection-label',
|
|
54
|
+
template: ` <div
|
|
55
|
+
#labelContainer
|
|
56
|
+
[ngStyle]="{
|
|
57
|
+
position: 'absolute',
|
|
58
|
+
top: '0',
|
|
59
|
+
left: '0',
|
|
60
|
+
zIndex: ' var(--label-z-index, -1)'
|
|
61
|
+
}"
|
|
62
|
+
>
|
|
63
|
+
<div [ngClass]="{ 'label-text': !!text }">{{ text }}</div>
|
|
64
|
+
</div>`,
|
|
65
|
+
styles: [
|
|
66
|
+
`
|
|
67
|
+
.label-text {
|
|
68
|
+
position: absolute;
|
|
69
|
+
transform: translate(-50%, -50%);
|
|
70
|
+
background: var(--c-label-background, #fff);
|
|
71
|
+
color: var(--c-label-color, #333);
|
|
72
|
+
border-radius: var(--c-label-radius, 2em);
|
|
73
|
+
padding: var(--c-label-padding, 0.2em 0.6em);
|
|
74
|
+
font-size: var(--c-label-size, 0.7rem);
|
|
75
|
+
border: var(--c-label-border, 1px solid var(--path-color, #1b3e7f));
|
|
76
|
+
z-index: var(--c-label-z-index, 0);
|
|
77
|
+
white-space: pre;
|
|
78
|
+
}
|
|
79
|
+
`
|
|
80
|
+
]
|
|
81
|
+
}]
|
|
82
|
+
}], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { path: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], position: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}], text: [{
|
|
87
|
+
type: Input
|
|
88
|
+
}], labelContainer: [{
|
|
89
|
+
type: ViewChild,
|
|
90
|
+
args: ['labelContainer', { static: true }]
|
|
91
|
+
}] } });
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29ubmVjdGlvbi1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvY29ubmVjdGlvbi1sYWJlbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVOLFNBQVMsRUFFVCxLQUFLLEVBR0wsU0FBUyxFQUNULE1BQU0sZUFBZSxDQUFDOzs7QUFpQ3ZCLE1BQU0sT0FBTyx3QkFBd0I7SUFRcEMsWUFBb0IsS0FBYTtRQUFiLFVBQUssR0FBTCxLQUFLLENBQVE7UUFIakMsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFJbkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLGdCQUFnQixDQUFDLEdBQUcsRUFBRTtZQUN6QyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNKLENBQUM7SUFFRCxlQUFlO1FBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDZixPQUFPO1NBQ1A7UUFDRCxJQUFJLENBQUMsS0FBSyxDQUFDLGlCQUFpQixDQUFDLEdBQUcsRUFBRTtZQUNqQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFO2dCQUNoQyxVQUFVLEVBQUUsSUFBSTthQUNoQixDQUFDLENBQUM7UUFDSixDQUFDLENBQUMsQ0FBQztJQUNKLENBQUM7SUFFRCxXQUFXO1FBQ1YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsaUJBQWlCO1FBQ2hCLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBRS9DLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsYUFBYSxhQUFhLENBQUMsQ0FBQyxPQUFPLGFBQWEsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUM3RyxDQUFDO0lBRU8saUJBQWlCO1FBQ3hCLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDOUMsTUFBTSxTQUFTLEdBQUcsRUFBRSxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQztRQUM3QyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssUUFBUTtZQUNoQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO1lBQzVDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUMxQixDQUFDLElBQUksQ0FBQyxRQUFRLEtBQUssT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQztnQkFDM0MsQ0FBQyxJQUFJLENBQUMsUUFBUSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsU0FBUyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FDekQsQ0FBQztJQUNOLENBQUM7O3NIQTVDVyx3QkFBd0I7MEdBQXhCLHdCQUF3QiwwUEE1QjFCOzs7Ozs7Ozs7O1FBVUg7NEZBa0JLLHdCQUF3QjtrQkE5QnBDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsUUFBUSxFQUFFOzs7Ozs7Ozs7O1FBVUg7b0JBQ1AsTUFBTSxFQUFFO3dCQUNQOzs7Ozs7Ozs7Ozs7O0dBYUM7cUJBQ0Q7aUJBQ0Q7NkZBRVMsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUlOLGNBQWM7c0JBRGIsU0FBUzt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG5cdEFmdGVyVmlld0luaXQsXHJcblx0Q29tcG9uZW50LFxyXG5cdEVsZW1lbnRSZWYsXHJcblx0SW5wdXQsXHJcblx0Tmdab25lLFxyXG5cdE9uRGVzdHJveSxcclxuXHRWaWV3Q2hpbGRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29ubmVjdGlvbkxhYmVsVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnYXBwLWNvbm5lY3Rpb24tbGFiZWwnLFxyXG5cdHRlbXBsYXRlOiBgIDxkaXZcclxuXHRcdCNsYWJlbENvbnRhaW5lclxyXG5cdFx0W25nU3R5bGVdPVwie1xyXG5cdFx0XHRwb3NpdGlvbjogJ2Fic29sdXRlJyxcclxuXHRcdFx0dG9wOiAnMCcsXHJcblx0XHRcdGxlZnQ6ICcwJyxcclxuXHRcdFx0ekluZGV4OiAnIHZhcigtLWxhYmVsLXotaW5kZXgsIC0xKSdcclxuXHRcdH1cIlxyXG5cdD5cclxuXHRcdDxkaXYgW25nQ2xhc3NdPVwieyAnbGFiZWwtdGV4dCc6ICEhdGV4dCB9XCI+e3sgdGV4dCB9fTwvZGl2PlxyXG5cdDwvZGl2PmAsXHJcblx0c3R5bGVzOiBbXHJcblx0XHRgXHJcblx0XHRcdC5sYWJlbC10ZXh0IHtcclxuXHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XHJcblx0XHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XHJcblx0XHRcdFx0YmFja2dyb3VuZDogdmFyKC0tYy1sYWJlbC1iYWNrZ3JvdW5kLCAjZmZmKTtcclxuXHRcdFx0XHRjb2xvcjogdmFyKC0tYy1sYWJlbC1jb2xvciwgIzMzMyk7XHJcblx0XHRcdFx0Ym9yZGVyLXJhZGl1czogdmFyKC0tYy1sYWJlbC1yYWRpdXMsIDJlbSk7XHJcblx0XHRcdFx0cGFkZGluZzogdmFyKC0tYy1sYWJlbC1wYWRkaW5nLCAwLjJlbSAwLjZlbSk7XHJcblx0XHRcdFx0Zm9udC1zaXplOiB2YXIoLS1jLWxhYmVsLXNpemUsIDAuN3JlbSk7XHJcblx0XHRcdFx0Ym9yZGVyOiB2YXIoLS1jLWxhYmVsLWJvcmRlciwgMXB4IHNvbGlkIHZhcigtLXBhdGgtY29sb3IsICMxYjNlN2YpKTtcclxuXHRcdFx0XHR6LWluZGV4OiB2YXIoLS1jLWxhYmVsLXotaW5kZXgsIDApO1xyXG5cdFx0XHRcdHdoaXRlLXNwYWNlOiBwcmU7XHJcblx0XHRcdH1cclxuXHRcdGBcclxuXHRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb25uZWN0aW9uTGFiZWxDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xyXG5cdEBJbnB1dCgpIHBhdGg6IFNWR1BhdGhFbGVtZW50O1xyXG5cdEBJbnB1dCgpIHBvc2l0aW9uOiBDb25uZWN0aW9uTGFiZWxUeXBlWydwb3NpdGlvbiddO1xyXG5cdEBJbnB1dCgpIHRleHQ6IHN0cmluZztcclxuXHRvYnNlcnZlcjogTXV0YXRpb25PYnNlcnZlcjtcclxuXHR0cmFuc2Zvcm1TdHlsZSA9ICcnO1xyXG5cdEBWaWV3Q2hpbGQoJ2xhYmVsQ29udGFpbmVyJywgeyBzdGF0aWM6IHRydWUgfSlcclxuXHRsYWJlbENvbnRhaW5lciE6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+O1xyXG5cdGNvbnN0cnVjdG9yKHByaXZhdGUgX3pvbmU6IE5nWm9uZSkge1xyXG5cdFx0dGhpcy5vYnNlcnZlciA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKCgpID0+IHtcclxuXHRcdFx0dGhpcy5jYWxjdWxhdGVQb3NpdGlvbigpO1xyXG5cdFx0fSk7XHJcblx0fVxyXG5cclxuXHRuZ0FmdGVyVmlld0luaXQoKSB7XHJcblx0XHRpZiAoIXRoaXMucGF0aCkge1xyXG5cdFx0XHRyZXR1cm47XHJcblx0XHR9XHJcblx0XHR0aGlzLl96b25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcclxuXHRcdFx0dGhpcy5vYnNlcnZlci5vYnNlcnZlKHRoaXMucGF0aCwge1xyXG5cdFx0XHRcdGF0dHJpYnV0ZXM6IHRydWVcclxuXHRcdFx0fSk7XHJcblx0XHR9KTtcclxuXHR9XHJcblxyXG5cdG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG5cdFx0dGhpcy5vYnNlcnZlci5kaXNjb25uZWN0KCk7XHJcblx0fVxyXG5cclxuXHRjYWxjdWxhdGVQb3NpdGlvbigpOiB2b2lkIHtcclxuXHRcdGNvbnN0IHBvc2l0aW9uUG9pbnQgPSB0aGlzLl9nZXRQb3NpdGlvblBvaW50KCk7XHJcblxyXG5cdFx0dGhpcy5sYWJlbENvbnRhaW5lci5uYXRpdmVFbGVtZW50LnN0eWxlLnRyYW5zZm9ybSA9IGB0cmFuc2xhdGUoJHtwb3NpdGlvblBvaW50Lnh9cHgsICR7cG9zaXRpb25Qb2ludC55fXB4KWA7XHJcblx0fVxyXG5cclxuXHRwcml2YXRlIF9nZXRQb3NpdGlvblBvaW50KCkge1xyXG5cdFx0Y29uc3QgcGF0aExlbmd0aCA9IHRoaXMucGF0aC5nZXRUb3RhbExlbmd0aCgpO1xyXG5cdFx0Y29uc3QgdGV4dFdpZHRoID0gMTIgKiBgJHt0aGlzLnRleHR9YC5sZW5ndGg7XHJcblx0XHRyZXR1cm4gdGhpcy5wb3NpdGlvbiA9PT0gJ2NlbnRlcidcclxuXHRcdFx0PyB0aGlzLnBhdGguZ2V0UG9pbnRBdExlbmd0aChwYXRoTGVuZ3RoIC8gMilcclxuXHRcdFx0OiB0aGlzLnBhdGguZ2V0UG9pbnRBdExlbmd0aChcclxuXHRcdFx0XHRcdCh0aGlzLnBvc2l0aW9uID09PSAnc3RhcnQnID8gMCA6IHBhdGhMZW5ndGgpICtcclxuXHRcdFx0XHRcdFx0KHRoaXMucG9zaXRpb24gPT09ICdlbmQnID8gLTEgOiAxKSAqICh0ZXh0V2lkdGggLyAyICsgMjApXHJcblx0XHRcdCAgKTtcclxuXHR9XHJcbn1cclxuIl19
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
2
|
import { BaseNodeComponent } from '../base-node.component';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "../
|
|
5
|
-
import * as i2 from "../
|
|
6
|
-
import * as i3 from "../
|
|
7
|
-
import * as i4 from "../node-
|
|
8
|
-
import * as i5 from "
|
|
9
|
-
import * as i6 from "@angular/common";
|
|
4
|
+
import * as i1 from "../node-ports.component";
|
|
5
|
+
import * as i2 from "../remove-button.component";
|
|
6
|
+
import * as i3 from "../status-icon.component";
|
|
7
|
+
import * as i4 from "../node-icon.component";
|
|
8
|
+
import * as i5 from "@angular/common";
|
|
10
9
|
export class ContentNodeComponent extends BaseNodeComponent {
|
|
11
10
|
}
|
|
12
11
|
ContentNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ContentNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
ContentNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ContentNodeComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div\r\n
|
|
12
|
+
ContentNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ContentNodeComponent, 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\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\t\t<status-icon [status]=\"data?.status\" *ngIf=\"data?.status\"></status-icon>\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></node-icon>\r\n\r\n\t\t<div class=\"da-node__title\">{{ data.name }}</div>\r\n\t\t<div class=\"da-node__description\" *ngIf=\"data.description\">\r\n\t\t\t{{ data.description }}\r\n\t\t</div>\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"], 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.StatusIconComponent, selector: "status-icon", inputs: ["status"] }, { type: i4.NodeIconComponent, selector: "node-icon", inputs: ["icon"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
14
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ContentNodeComponent, decorators: [{
|
|
15
14
|
type: Component,
|
|
16
15
|
args: [{
|
|
@@ -18,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
18
17
|
styleUrls: ['../../styles/node.scss'],
|
|
19
18
|
}]
|
|
20
19
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1ub2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZGlhZ3JhbXMvY29tcG9uZW50cy9jb250ZW50LW5vZGUvY29udGVudC1ub2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZGlhZ3JhbXMvY29tcG9uZW50cy9jb250ZW50LW5vZGUvY29udGVudC1ub2RlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFFckQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7Ozs7QUFNM0QsTUFBTSxPQUFPLG9CQUNYLFNBQVEsaUJBQW1DOztrSEFEaEMsb0JBQW9CO3NHQUFwQixvQkFBb0IsMkVDUmpDLHlpQ0FnQ0E7NEZEeEJhLG9CQUFvQjtrQkFKaEMsU0FBUzttQkFBQztvQkFDVCxXQUFXLEVBQUUsK0JBQStCO29CQUM1QyxTQUFTLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztpQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250ZW50Tm9kZSB9IGZyb20gJy4uLy4uL21vZGVscyc7XHJcbmltcG9ydCB7IEJhc2VOb2RlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS1ub2RlLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICB0ZW1wbGF0ZVVybDogJy4vY29udGVudC1ub2RlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi4vLi4vc3R5bGVzL25vZGUuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29udGVudE5vZGVDb21wb25lbnRcclxuICBleHRlbmRzIEJhc2VOb2RlQ29tcG9uZW50PENvbnRlbnROb2RlPGFueT4+XHJcbiAgaW1wbGVtZW50cyBPbkNoYW5nZXMge31cclxuIiwiPGRpdlxyXG5cdGNsYXNzPVwiZGEtbm9kZSBkYS1ub2RlLS17eyBkYXRhLnR5cGUgfX0ge3tcclxuXHRcdGRhdGE/LnN0YXR1cyA/ICcgZGEtbm9kZS0tJyArIGRhdGE/LnN0YXR1cyA6ICcnXHJcblx0fX0gIHt7IGRhdGE/LnN0eWxlQ2xhc3MgfX1cIlxyXG5cdFtzdHlsZS4tLW5vZGUtd2lkdGhdPVwiZGF0YS53aWR0aCArICdweCdcIlxyXG5cdFtzdHlsZS4tLW5vZGUtaGVpZ2h0XT1cImRhdGEuaGVpZ2h0ICsgJ3B4J1wiXHJcbj5cclxuXHQ8bm9kZS1wb3J0c1xyXG5cdFx0W2lucHV0c0RpcmVjdGlvbl09XCJkYXRhLmRpcmVjdGlvbnMuaW5wdXRzXCJcclxuXHRcdFtvdXRwdXRzRGlyZWN0aW9uXT1cImRhdGEuZGlyZWN0aW9ucy5vdXRwdXRzXCJcclxuXHRcdFtkYXRhXT1cImRhdGFcIlxyXG5cdFx0W3NlZWRdPVwic2VlZFwiXHJcblx0XHRbZW1pdF09XCJlbWl0XCJcclxuXHRcdFtzb3J0QnlJbmRleF09XCJzb3J0QnlJbmRleFwiXHJcblx0Pjwvbm9kZS1wb3J0cz5cclxuXHJcblx0PGRpdiBjbGFzcz1cImRhLW5vZGVfX2NvbnRlbnRcIj5cclxuXHRcdDxub2RlLXJlbW92ZS1idXR0b24gKHJlbW92ZSk9XCJyZW1vdmVOb2RlKClcIiAqbmdJZj1cImRhdGE/LmNvbmZpZz8uY2FuUmVtb3ZlXCI+XHJcblx0XHQ8L25vZGUtcmVtb3ZlLWJ1dHRvbj5cclxuXHRcdDxzdGF0dXMtaWNvbiBbc3RhdHVzXT1cImRhdGE/LnN0YXR1c1wiICpuZ0lmPVwiZGF0YT8uc3RhdHVzXCI+PC9zdGF0dXMtaWNvbj5cclxuXHJcblx0XHQ8bm9kZS1pY29uXHJcblx0XHRcdCpuZ0lmPVwiZGF0YS5jb250ZW50Py5pY29uXCJcclxuXHRcdFx0W2ljb25dPVwiZGF0YS5jb250ZW50Py5pY29uXCJcclxuXHRcdD48L25vZGUtaWNvbj5cclxuXHJcblx0XHQ8ZGl2IGNsYXNzPVwiZGEtbm9kZV9fdGl0bGVcIj57eyBkYXRhLm5hbWUgfX08L2Rpdj5cclxuXHRcdDxkaXYgY2xhc3M9XCJkYS1ub2RlX19kZXNjcmlwdGlvblwiICpuZ0lmPVwiZGF0YS5kZXNjcmlwdGlvblwiPlxyXG5cdFx0XHR7eyBkYXRhLmRlc2NyaXB0aW9uIH19XHJcblx0XHQ8L2Rpdj5cclxuXHQ8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -1,48 +1,84 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
2
|
import { ConnectionComponent } from 'rete-angular-plugin';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "./connection-label.component";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
4
6
|
export class CustomConnectionComponent extends ConnectionComponent {
|
|
7
|
+
get pathNative() {
|
|
8
|
+
var _a;
|
|
9
|
+
return (_a = this.pathElement) === null || _a === void 0 ? void 0 : _a.nativeElement;
|
|
10
|
+
}
|
|
11
|
+
get labelText() {
|
|
12
|
+
var _a, _b, _c;
|
|
13
|
+
return typeof ((_a = this.data) === null || _a === void 0 ? void 0 : _a.label) === 'string'
|
|
14
|
+
? (_b = this.data) === null || _b === void 0 ? void 0 : _b.label
|
|
15
|
+
: (_c = this.data) === null || _c === void 0 ? void 0 : _c.label.text;
|
|
16
|
+
}
|
|
17
|
+
get labelPosition() {
|
|
18
|
+
return typeof this.data.label === 'string'
|
|
19
|
+
? 'center'
|
|
20
|
+
: this.data.label.position;
|
|
21
|
+
}
|
|
5
22
|
}
|
|
6
23
|
CustomConnectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomConnectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
CustomConnectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomConnectionComponent, selector: "connection", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: `
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
24
|
+
CustomConnectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomConnectionComponent, selector: "connection", inputs: { data: "data" }, viewQueries: [{ propertyName: "pathElement", first: true, predicate: ["pathElement"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
25
|
+
<svg
|
|
26
|
+
data-testid="connection"
|
|
27
|
+
style="z-index:-2"
|
|
28
|
+
class="{{ data?.status ? 'connection-status-' + data?.status : '' }} {{
|
|
29
|
+
data?.styleClass
|
|
30
|
+
}}"
|
|
31
|
+
>
|
|
32
|
+
<path [attr.d]="path" #pathElement />
|
|
33
|
+
</svg>
|
|
34
|
+
<app-connection-label
|
|
35
|
+
*ngIf="data?.label && pathNative"
|
|
36
|
+
[path]="pathNative"
|
|
37
|
+
[text]="labelText"
|
|
38
|
+
[position]="labelPosition"
|
|
39
|
+
></app-connection-label>
|
|
40
|
+
`, isInline: true, styles: ["\n\t\t\tsvg {\n\t\t\t\toverflow: visible;\n\t\t\t\tposition: absolute;\n\t\t\t\tpointer-events: none;\n\t\t\t\tpath {\n\t\t\t\t\tfill: none;\n\t\t\t\t\tstroke-width: 2px;\n\t\t\t\t\tstroke: var(--path-color, #1b3e7f);\n\t\t\t\t\tpointer-events: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t"], components: [{ type: i1.ConnectionLabelComponent, selector: "app-connection-label", inputs: ["path", "position", "text"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
16
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomConnectionComponent, decorators: [{
|
|
17
42
|
type: Component,
|
|
18
43
|
args: [{
|
|
19
44
|
selector: 'connection',
|
|
20
45
|
styles: [
|
|
21
46
|
`
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
47
|
+
svg {
|
|
48
|
+
overflow: visible;
|
|
49
|
+
position: absolute;
|
|
50
|
+
pointer-events: none;
|
|
51
|
+
path {
|
|
52
|
+
fill: none;
|
|
53
|
+
stroke-width: 2px;
|
|
54
|
+
stroke: var(--path-color, #1b3e7f);
|
|
55
|
+
pointer-events: auto;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
`
|
|
34
59
|
],
|
|
35
60
|
template: `
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
61
|
+
<svg
|
|
62
|
+
data-testid="connection"
|
|
63
|
+
style="z-index:-2"
|
|
64
|
+
class="{{ data?.status ? 'connection-status-' + data?.status : '' }} {{
|
|
65
|
+
data?.styleClass
|
|
66
|
+
}}"
|
|
67
|
+
>
|
|
68
|
+
<path [attr.d]="path" #pathElement />
|
|
69
|
+
</svg>
|
|
70
|
+
<app-connection-label
|
|
71
|
+
*ngIf="data?.label && pathNative"
|
|
72
|
+
[path]="pathNative"
|
|
73
|
+
[text]="labelText"
|
|
74
|
+
[position]="labelPosition"
|
|
75
|
+
></app-connection-label>
|
|
76
|
+
`
|
|
44
77
|
}]
|
|
45
|
-
}], propDecorators: {
|
|
78
|
+
}], propDecorators: { pathElement: [{
|
|
79
|
+
type: ViewChild,
|
|
80
|
+
args: ['pathElement', { static: true }]
|
|
81
|
+
}], data: [{
|
|
46
82
|
type: Input
|
|
47
83
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWNvbm5lY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9kaWFncmFtcy9jb21wb25lbnRzL2N1c3RvbS1jb25uZWN0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFeEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFzQzFELE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxtQkFBbUI7SUFLakUsSUFBSSxVQUFVOztRQUNiLE9BQU8sTUFBQSxJQUFJLENBQUMsV0FBVywwQ0FBRSxhQUFhLENBQUM7SUFDeEMsQ0FBQztJQUVELElBQUksU0FBUzs7UUFDWixPQUFPLE9BQU8sQ0FBQSxNQUFBLElBQUksQ0FBQyxJQUFJLDBDQUFFLEtBQUssQ0FBQSxLQUFLLFFBQVE7WUFDMUMsQ0FBQyxDQUFDLE1BQUEsSUFBSSxDQUFDLElBQUksMENBQUUsS0FBSztZQUNsQixDQUFDLENBQUMsTUFBQSxJQUFJLENBQUMsSUFBSSwwQ0FBRSxLQUFLLENBQUMsSUFBSSxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJLGFBQWE7UUFDaEIsT0FBTyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxLQUFLLFFBQVE7WUFDekMsQ0FBQyxDQUFDLFFBQVE7WUFDVixDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDO0lBQzdCLENBQUM7O3VIQW5CVyx5QkFBeUI7MkdBQXpCLHlCQUF5Qiw2TkFsQjNCOzs7Ozs7Ozs7Ozs7Ozs7O0VBZ0JUOzRGQUVXLHlCQUF5QjtrQkFuQ3JDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLE1BQU0sRUFBRTt3QkFDUDs7Ozs7Ozs7Ozs7O0dBWUM7cUJBQ0Q7b0JBQ0QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7O0VBZ0JUO2lCQUNEOzhCQUdBLFdBQVc7c0JBRFYsU0FBUzt1QkFBQyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUVqQyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IENvbm5lY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZXRlLWFuZ3VsYXItcGx1Z2luJztcclxuaW1wb3J0IHsgQ29ubmVjdGlvbiB9IGZyb20gJy4uL21vZGVscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2Nvbm5lY3Rpb24nLFxyXG5cdHN0eWxlczogW1xyXG5cdFx0YFxyXG5cdFx0XHRzdmcge1xyXG5cdFx0XHRcdG92ZXJmbG93OiB2aXNpYmxlO1xyXG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHRcdFx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcclxuXHRcdFx0XHRwYXRoIHtcclxuXHRcdFx0XHRcdGZpbGw6IG5vbmU7XHJcblx0XHRcdFx0XHRzdHJva2Utd2lkdGg6IDJweDtcclxuXHRcdFx0XHRcdHN0cm9rZTogdmFyKC0tcGF0aC1jb2xvciwgIzFiM2U3Zik7XHJcblx0XHRcdFx0XHRwb2ludGVyLWV2ZW50czogYXV0bztcclxuXHRcdFx0XHR9XHJcblx0XHRcdH1cclxuXHRcdGBcclxuXHRdLFxyXG5cdHRlbXBsYXRlOiBgXHJcblx0XHQ8c3ZnXHJcblx0XHRcdGRhdGEtdGVzdGlkPVwiY29ubmVjdGlvblwiXHJcblx0XHRcdHN0eWxlPVwiei1pbmRleDotMlwiXHJcblx0XHRcdGNsYXNzPVwie3sgZGF0YT8uc3RhdHVzID8gJ2Nvbm5lY3Rpb24tc3RhdHVzLScgKyBkYXRhPy5zdGF0dXMgOiAnJyB9fSB7e1xyXG5cdFx0XHRcdGRhdGE/LnN0eWxlQ2xhc3NcclxuXHRcdFx0fX1cIlxyXG5cdFx0PlxyXG5cdFx0XHQ8cGF0aCBbYXR0ci5kXT1cInBhdGhcIiAjcGF0aEVsZW1lbnQgLz5cclxuXHRcdDwvc3ZnPlxyXG5cdFx0PGFwcC1jb25uZWN0aW9uLWxhYmVsXHJcblx0XHRcdCpuZ0lmPVwiZGF0YT8ubGFiZWwgJiYgcGF0aE5hdGl2ZVwiXHJcblx0XHRcdFtwYXRoXT1cInBhdGhOYXRpdmVcIlxyXG5cdFx0XHRbdGV4dF09XCJsYWJlbFRleHRcIlxyXG5cdFx0XHRbcG9zaXRpb25dPVwibGFiZWxQb3NpdGlvblwiXHJcblx0XHQ+PC9hcHAtY29ubmVjdGlvbi1sYWJlbD5cclxuXHRgXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdXN0b21Db25uZWN0aW9uQ29tcG9uZW50IGV4dGVuZHMgQ29ubmVjdGlvbkNvbXBvbmVudCB7XHJcblx0QFZpZXdDaGlsZCgncGF0aEVsZW1lbnQnLCB7IHN0YXRpYzogdHJ1ZSB9KVxyXG5cdHBhdGhFbGVtZW50ITogRWxlbWVudFJlZjxTVkdQYXRoRWxlbWVudD47XHJcblx0QElucHV0KCkgZGF0YTogQ29ubmVjdGlvbjtcclxuXHJcblx0Z2V0IHBhdGhOYXRpdmUoKSB7XHJcblx0XHRyZXR1cm4gdGhpcy5wYXRoRWxlbWVudD8ubmF0aXZlRWxlbWVudDtcclxuXHR9XHJcblxyXG5cdGdldCBsYWJlbFRleHQoKSB7XHJcblx0XHRyZXR1cm4gdHlwZW9mIHRoaXMuZGF0YT8ubGFiZWwgPT09ICdzdHJpbmcnXHJcblx0XHRcdD8gdGhpcy5kYXRhPy5sYWJlbFxyXG5cdFx0XHQ6IHRoaXMuZGF0YT8ubGFiZWwudGV4dDtcclxuXHR9XHJcblxyXG5cdGdldCBsYWJlbFBvc2l0aW9uKCkge1xyXG5cdFx0cmV0dXJuIHR5cGVvZiB0aGlzLmRhdGEubGFiZWwgPT09ICdzdHJpbmcnXHJcblx0XHRcdD8gJ2NlbnRlcidcclxuXHRcdFx0OiB0aGlzLmRhdGEubGFiZWwucG9zaXRpb247XHJcblx0fVxyXG59XHJcbiJdfQ==
|
|
@@ -4,31 +4,34 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class CustomSocketComponent extends SocketComponent {
|
|
5
5
|
}
|
|
6
6
|
CustomSocketComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomSocketComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
CustomSocketComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomSocketComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: ["\n
|
|
7
|
+
CustomSocketComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomSocketComponent, selector: "ng-component", host: { properties: { "class": "data?.styleClass" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: ["\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tcursor: pointer;\n\t\t\t\tborder: 1px solid var(--primary-color, #1b3e7f);\n\t\t\t\twidth: var(--socket-size, 16px);\n\t\t\t\theight: var(--socket-size, 16px);\n\t\t\t\tvertical-align: var(--socket-vertical-align, top);\n\t\t\t\tbackground: white;\n\t\t\t\tz-index: 2;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\topacity: var(--socket-opacity, 0);\n\t\t\t\tborder-radius: var(--socket-radius, 0);\n\t\t\t\t&:hover {\n\t\t\t\t\tbox-shadow: 0 0 0 1px var(--primary-color, #1b3e7f);\n\t\t\t\t}\n\t\t\t}\n\t\t"] });
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomSocketComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{
|
|
11
11
|
template: ``,
|
|
12
12
|
styles: [
|
|
13
13
|
`
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
14
|
+
:host {
|
|
15
|
+
display: inline-block;
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
border: 1px solid var(--primary-color, #1b3e7f);
|
|
18
|
+
width: var(--socket-size, 16px);
|
|
19
|
+
height: var(--socket-size, 16px);
|
|
20
|
+
vertical-align: var(--socket-vertical-align, top);
|
|
21
|
+
background: white;
|
|
22
|
+
z-index: 2;
|
|
23
|
+
box-sizing: border-box;
|
|
24
|
+
opacity: var(--socket-opacity, 0);
|
|
25
|
+
border-radius: var(--socket-radius, 0);
|
|
26
|
+
&:hover {
|
|
27
|
+
box-shadow: 0 0 0 1px var(--primary-color, #1b3e7f);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
`
|
|
31
31
|
],
|
|
32
|
+
host: {
|
|
33
|
+
'[class]': 'data?.styleClass'
|
|
34
|
+
}
|
|
32
35
|
}]
|
|
33
36
|
}] });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXNvY2tldC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvY3VzdG9tLXNvY2tldC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBNEJ0RCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsZUFBZTs7bUhBQTdDLHFCQUFxQjt1R0FBckIscUJBQXFCLGtJQXpCdkIsRUFBRTs0RkF5QkEscUJBQXFCO2tCQTFCakMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsRUFBRTtvQkFDWixNQUFNLEVBQUU7d0JBQ1A7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJDO3FCQUNEO29CQUNELElBQUksRUFBRTt3QkFDTCxTQUFTLEVBQUUsa0JBQWtCO3FCQUM3QjtpQkFDRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTb2NrZXRDb21wb25lbnQgfSBmcm9tICdyZXRlLWFuZ3VsYXItcGx1Z2luJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHRlbXBsYXRlOiBgYCxcclxuXHRzdHlsZXM6IFtcclxuXHRcdGBcclxuXHRcdFx0Omhvc3Qge1xyXG5cdFx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuXHRcdFx0XHRjdXJzb3I6IHBvaW50ZXI7XHJcblx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJpbWFyeS1jb2xvciwgIzFiM2U3Zik7XHJcblx0XHRcdFx0d2lkdGg6IHZhcigtLXNvY2tldC1zaXplLCAxNnB4KTtcclxuXHRcdFx0XHRoZWlnaHQ6IHZhcigtLXNvY2tldC1zaXplLCAxNnB4KTtcclxuXHRcdFx0XHR2ZXJ0aWNhbC1hbGlnbjogdmFyKC0tc29ja2V0LXZlcnRpY2FsLWFsaWduLCB0b3ApO1xyXG5cdFx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xyXG5cdFx0XHRcdHotaW5kZXg6IDI7XHJcblx0XHRcdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcclxuXHRcdFx0XHRvcGFjaXR5OiB2YXIoLS1zb2NrZXQtb3BhY2l0eSwgMCk7XHJcblx0XHRcdFx0Ym9yZGVyLXJhZGl1czogdmFyKC0tc29ja2V0LXJhZGl1cywgMCk7XHJcblx0XHRcdFx0Jjpob3ZlciB7XHJcblx0XHRcdFx0XHRib3gtc2hhZG93OiAwIDAgMCAxcHggdmFyKC0tcHJpbWFyeS1jb2xvciwgIzFiM2U3Zik7XHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9XHJcblx0XHRgXHJcblx0XSxcclxuXHRob3N0OiB7XHJcblx0XHQnW2NsYXNzXSc6ICdkYXRhPy5zdHlsZUNsYXNzJ1xyXG5cdH1cclxufSlcclxuZXhwb3J0IGNsYXNzIEN1c3RvbVNvY2tldENvbXBvbmVudCBleHRlbmRzIFNvY2tldENvbXBvbmVudCB7fVxyXG4iXX0=
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { BaseNodeComponent } from '../base-node.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../remove-button.component";
|
|
5
|
+
import * as i2 from "../gateway-ports.component";
|
|
6
|
+
import * as i3 from "@angular/common";
|
|
7
|
+
export class GatewayNodeComponent extends BaseNodeComponent {
|
|
8
|
+
}
|
|
9
|
+
GatewayNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GatewayNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
GatewayNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: GatewayNodeComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div\r\n\tclass=\"da-node gateway-node--{{ data.type }} gateway-node {{\r\n\t\tdata?.status ? ' da-node--' + data?.status : ''\r\n\t}}\"\r\n\t[style.--node-width]=\"data.width + 'px'\"\r\n\t[style.--node-height]=\"data.width + 'px'\"\r\n>\r\n\t<div class=\"gateway-node__wrapper\">\r\n\t\t<node-remove-button\r\n\t\t\t(remove)=\"removeNode()\"\r\n\t\t\t*ngIf=\"data.config?.canRemove\"\r\n\t\t></node-remove-button>\r\n\t\t<div class=\"gateway-node__content\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"da-node__title gate-node__title\"\r\n\t\t\t\t[attr.tooltip]=\"data.content?.data?.tooltip\"\r\n\t\t\t\t[class.node-tooltip]=\"!!data.content?.data?.tooltip\"\r\n\t\t\t>\r\n\t\t\t\t{{ data.name }}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<gateway-ports\r\n\t\tclass=\"gateway-node__ports\"\r\n\t\t[data]=\"data\"\r\n\t\t[seed]=\"seed\"\r\n\t\t[emit]=\"emit\"\r\n\t\t[sortByIndex]=\"sortByIndex\"\r\n\t></gateway-ports>\r\n</div>\r\n", styles: [".da-node{--socket-size: 16px;--width: var(--node-width);--height: var(--node-height);width:var(--width);height:var(--height);display:var(--node-display, flex);justify-content:var(--node-justify, center);align-items:var(--node-items, center);flex-direction:var(--node-direction, column);border:var(--node-border, 1px solid #234990);border-radius:var(--node-radius, 10px);color:var(--node-color, #234990);background:var(--node-background, #fff);box-shadow:var(--node-shadow, unset);cursor:var(--node-cursor, pointer);z-index:var(--node-z-index, 1)}.da-node--draft{--node-color: var( --status-draft-color, #555 );--node-background: var( --status-draft-background, #f5f5f5 );--node-border: var( --status-draft-border, 1px solid #555 );--node-shadow: var( --status-draft-shadow, unset )}.da-node--upcoming{--node-color: var( --status-upcoming-color, var(--Primary-100, #234990) );--node-background: var( --status-upcoming-background, #fff );--node-border: var( --status-upcoming-border, 1px solid var(--node-color, #234990) );--node-shadow: var( --status-upcoming-shadow, unset )}.da-node--ready{--node-color: var( --status-ready-color, var(--Primary-100, #234990) );--node-background: var( --status-ready-background, #fff );--node-border: var( --status-ready-border, 1px solid var(--node-color, #234990) );--node-shadow: var( --status-ready-shadow, unset )}.da-node--suspended{--node-color: var( --status-suspended-color, var(--orange-color, #f29339) );--node-background: var( --status-suspended-background, var(--light-orange-color, #fdf4dc) );--node-border: var( --status-suspended-border, 1px solid var(--orange-color, #f29339) );--node-shadow: var( --status-suspended-shadow, var(--node-shadow, inset 0 0 0 2px var(--node-background), inset 0 0 0 3px var(--orange-color, #f29339)) )}.da-node--inProgress{--node-color: var( --status-progress-color, var(--orange-color, #f29339) );--node-background: var( --status-progress-background, var(--light-orange-color, #fdf4dc) );--node-border: var( --status-progress-border, 1px solid var(--orange-color, #f29339) );--node-shadow: var( --status-progress-shadow, var(--node-shadow, inset 0 0 0 2px var(--node-background), inset 0 0 0 3px var(--orange-color, #f29339)) )}.da-node--completed{--node-color: var( --status-completed-color, var(--green-color, #05cd99) );--node-background: var( --status-completed-background, var(--light-green-color, #f0fff0) );--node-border: var( --status-completed-border, 1px solid var(--green-color, #05cd99) );--node-shadow: var( --status-completed-shadow, unset )}.da-node--approved{--node-color: var( --status-completed-color, var(--green-color, #05cd99) );--node-background: var( --status-completed-background, var(--light-green-color, #f0fff0) );--node-border: var( --status-completed-border, 1px solid var(--green-color, #05cd99) );--node-shadow: var( --status-completed-shadow, unset )}.da-node--rejected{--node-color: var( --status-rejected-color, var(--red-color, #bf0b30) );--node-background: var( --status-rejected-background, var(--light-red-color, #ffe0e7) );--node-border: var( --status-rejected-border, 1px solid var(--red-color, #bf0b30) );--node-shadow: var( --status-rejected-shadow, unset )}.da-node--canceled{--node-color: var( --status-canceled-color, var(--red-color, #bf0b30) );--node-background: var( --status-canceled-background, var(--light-red-color, #ffe0e7) );--node-border: var( --status-canceled-border, 1px solid var(--red-color, #bf0b30) );--node-shadow: var( --status-canceled-shadow, unset )}.da-node__check-status{position:absolute;position:var(--check-icon-position, absolute);inset:var(--check-icon-inset, -6px -6px auto auto);color:var(--check-icon-color)}.da-node__check-status--completed{--check-icon-color: var(--status-completed-color)}.da-node__check-status--rejected{--check-icon-color: var(--status-rejected-color)}.da-node__content{width:calc(100% - var(--socket-size));height:calc(100% - var(--socket-size));display:var(--node-display, flex);justify-content:var(--node-justify, center);align-items:var(--node-items, center);flex-direction:var(--node-direction, column);z-index:var(--node-z-index, 1)}.da-node__title{text-align:center;font-weight:600}.da-node__description,.da-node__title{color:var(--node-text-color, #28282d);font-size:var(--node-text-font-size, .8rem);text-align:var(--node-text-align, center);padding-inline:var(--node-text-inline, .4rem)}.da-node__icon{position:absolute;inset-inline-start:var(--node-icon-inset-inline, 5px);inset-block-start:var(--node-icon-inset-block, 5px)}.da-node:hover{--remove-icon-inset: -8px -8px auto auto;--remove-icon-opacity: 1}\n", ".gateway-node{--node-radius: 0;--angle: 45deg;--socket-radius: 0;border-width:0;background:transparent}.gateway-node__wrapper{width:calc(100% - var(--socket-size, 14px));height:calc(100% - var(--socket-size, 14px));transform:rotate(var(--angle));border:var(--node-border, 1px solid #234990);border-radius:var(--node-radius);background:var(--node-background, #fff)}.gateway-node__content{--rotate: calc(var(--angle) * -1);transform:rotate(var(--rotate));height:100%;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}\n"], components: [{ type: i1.RemoveButtonComponent, selector: "node-remove-button", outputs: ["remove"] }, { type: i2.GatewayPortsComponent, selector: "gateway-ports", inputs: ["direction", "data", "seed", "emit", "sortByIndex"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GatewayNodeComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{
|
|
14
|
+
templateUrl: './gateway-node.component.html',
|
|
15
|
+
styleUrls: ['../../styles/node.scss', './gateway-node.component.scss']
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2F0ZXdheS1ub2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZGlhZ3JhbXMvY29tcG9uZW50cy9nYXRld2F5LW5vZGUvZ2F0ZXdheS1ub2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvZGlhZ3JhbXMvY29tcG9uZW50cy9nYXRld2F5LW5vZGUvZ2F0ZXdheS1ub2RlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7O0FBTTNELE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxpQkFBaUI7O2tIQUE5QyxvQkFBb0I7c0dBQXBCLG9CQUFvQiwyRUNQakMseTZCQStCQTs0RkR4QmEsb0JBQW9CO2tCQUpoQyxTQUFTO21CQUFDO29CQUNWLFdBQVcsRUFBRSwrQkFBK0I7b0JBQzVDLFNBQVMsRUFBRSxDQUFDLHdCQUF3QixFQUFFLCtCQUErQixDQUFDO2lCQUN0RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCYXNlTm9kZUNvbXBvbmVudCB9IGZyb20gJy4uL2Jhc2Utbm9kZS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0dGVtcGxhdGVVcmw6ICcuL2dhdGV3YXktbm9kZS5jb21wb25lbnQuaHRtbCcsXHJcblx0c3R5bGVVcmxzOiBbJy4uLy4uL3N0eWxlcy9ub2RlLnNjc3MnLCAnLi9nYXRld2F5LW5vZGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgR2F0ZXdheU5vZGVDb21wb25lbnQgZXh0ZW5kcyBCYXNlTm9kZUNvbXBvbmVudCB7fVxyXG4iLCI8ZGl2XHJcblx0Y2xhc3M9XCJkYS1ub2RlIGdhdGV3YXktbm9kZS0te3sgZGF0YS50eXBlIH19IGdhdGV3YXktbm9kZSB7e1xyXG5cdFx0ZGF0YT8uc3RhdHVzID8gJyBkYS1ub2RlLS0nICsgZGF0YT8uc3RhdHVzIDogJydcclxuXHR9fVwiXHJcblx0W3N0eWxlLi0tbm9kZS13aWR0aF09XCJkYXRhLndpZHRoICsgJ3B4J1wiXHJcblx0W3N0eWxlLi0tbm9kZS1oZWlnaHRdPVwiZGF0YS53aWR0aCArICdweCdcIlxyXG4+XHJcblx0PGRpdiBjbGFzcz1cImdhdGV3YXktbm9kZV9fd3JhcHBlclwiPlxyXG5cdFx0PG5vZGUtcmVtb3ZlLWJ1dHRvblxyXG5cdFx0XHQocmVtb3ZlKT1cInJlbW92ZU5vZGUoKVwiXHJcblx0XHRcdCpuZ0lmPVwiZGF0YS5jb25maWc/LmNhblJlbW92ZVwiXHJcblx0XHQ+PC9ub2RlLXJlbW92ZS1idXR0b24+XHJcblx0XHQ8ZGl2IGNsYXNzPVwiZ2F0ZXdheS1ub2RlX19jb250ZW50XCI+XHJcblx0XHRcdDxkaXZcclxuXHRcdFx0XHRjbGFzcz1cImRhLW5vZGVfX3RpdGxlIGdhdGUtbm9kZV9fdGl0bGVcIlxyXG5cdFx0XHRcdFthdHRyLnRvb2x0aXBdPVwiZGF0YS5jb250ZW50Py5kYXRhPy50b29sdGlwXCJcclxuXHRcdFx0XHRbY2xhc3Mubm9kZS10b29sdGlwXT1cIiEhZGF0YS5jb250ZW50Py5kYXRhPy50b29sdGlwXCJcclxuXHRcdFx0PlxyXG5cdFx0XHRcdHt7IGRhdGEubmFtZSB9fVxyXG5cdFx0XHQ8L2Rpdj5cclxuXHRcdDwvZGl2PlxyXG5cdDwvZGl2PlxyXG5cclxuXHQ8Z2F0ZXdheS1wb3J0c1xyXG5cdFx0Y2xhc3M9XCJnYXRld2F5LW5vZGVfX3BvcnRzXCJcclxuXHRcdFtkYXRhXT1cImRhdGFcIlxyXG5cdFx0W3NlZWRdPVwic2VlZFwiXHJcblx0XHRbZW1pdF09XCJlbWl0XCJcclxuXHRcdFtzb3J0QnlJbmRleF09XCJzb3J0QnlJbmRleFwiXHJcblx0PjwvZ2F0ZXdheS1wb3J0cz5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "rete-angular-plugin";
|
|
5
|
+
export class GatewayPortsComponent {
|
|
6
|
+
}
|
|
7
|
+
GatewayPortsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GatewayPortsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
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: `
|
|
9
|
+
<div
|
|
10
|
+
*ngFor="let input of data.inputs | keyvalue : sortByIndex"
|
|
11
|
+
class="gateway-port gateway-port--input {{ input.value.styleClass }}"
|
|
12
|
+
refComponent
|
|
13
|
+
[data]="{
|
|
14
|
+
type: 'socket',
|
|
15
|
+
side: 'input',
|
|
16
|
+
key: input.key,
|
|
17
|
+
nodeId: data.id,
|
|
18
|
+
payload: input.value?.socket,
|
|
19
|
+
seed: seed
|
|
20
|
+
}"
|
|
21
|
+
[emit]="emit"
|
|
22
|
+
></div>
|
|
23
|
+
|
|
24
|
+
<div
|
|
25
|
+
*ngFor="let output of data.outputs | keyvalue : sortByIndex"
|
|
26
|
+
class="gateway-port gateway-port--output {{ output.value.styleClass }}"
|
|
27
|
+
refComponent
|
|
28
|
+
[data]="{
|
|
29
|
+
type: 'socket',
|
|
30
|
+
side: 'output',
|
|
31
|
+
key: output.key,
|
|
32
|
+
nodeId: data.id,
|
|
33
|
+
payload: output.value?.socket,
|
|
34
|
+
seed: seed
|
|
35
|
+
}"
|
|
36
|
+
[emit]="emit"
|
|
37
|
+
></div>
|
|
38
|
+
`, 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 });
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GatewayPortsComponent, decorators: [{
|
|
40
|
+
type: Component,
|
|
41
|
+
args: [{
|
|
42
|
+
selector: 'gateway-ports',
|
|
43
|
+
encapsulation: ViewEncapsulation.None,
|
|
44
|
+
template: `
|
|
45
|
+
<div
|
|
46
|
+
*ngFor="let input of data.inputs | keyvalue : sortByIndex"
|
|
47
|
+
class="gateway-port gateway-port--input {{ input.value.styleClass }}"
|
|
48
|
+
refComponent
|
|
49
|
+
[data]="{
|
|
50
|
+
type: 'socket',
|
|
51
|
+
side: 'input',
|
|
52
|
+
key: input.key,
|
|
53
|
+
nodeId: data.id,
|
|
54
|
+
payload: input.value?.socket,
|
|
55
|
+
seed: seed
|
|
56
|
+
}"
|
|
57
|
+
[emit]="emit"
|
|
58
|
+
></div>
|
|
59
|
+
|
|
60
|
+
<div
|
|
61
|
+
*ngFor="let output of data.outputs | keyvalue : sortByIndex"
|
|
62
|
+
class="gateway-port gateway-port--output {{ output.value.styleClass }}"
|
|
63
|
+
refComponent
|
|
64
|
+
[data]="{
|
|
65
|
+
type: 'socket',
|
|
66
|
+
side: 'output',
|
|
67
|
+
key: output.key,
|
|
68
|
+
nodeId: data.id,
|
|
69
|
+
payload: output.value?.socket,
|
|
70
|
+
seed: seed
|
|
71
|
+
}"
|
|
72
|
+
[emit]="emit"
|
|
73
|
+
></div>
|
|
74
|
+
`,
|
|
75
|
+
styles: [
|
|
76
|
+
`
|
|
77
|
+
.gateway-port {
|
|
78
|
+
--socket-vertical-align: top;
|
|
79
|
+
--width: var(--port-width, var(--socket-size, 14px));
|
|
80
|
+
--height: var(--port-height, var(--socket-size, 14px));
|
|
81
|
+
position: absolute;
|
|
82
|
+
inset-inline: var(--port-inset-inline);
|
|
83
|
+
inset-block: var(--port-inset-block);
|
|
84
|
+
display: inline-block;
|
|
85
|
+
width: var(--width);
|
|
86
|
+
height: var(--height);
|
|
87
|
+
&.input-primary-port {
|
|
88
|
+
--port-inset-inline: calc(var(--width) / -2) auto;
|
|
89
|
+
--port-inset-block: calc(50% - var(--height) / 2) 0;
|
|
90
|
+
}
|
|
91
|
+
&.output-primary-port {
|
|
92
|
+
--port-inset-inline: auto calc(var(--width) / -2);
|
|
93
|
+
--port-inset-block: calc(50% - var(--height) / 2) auto;
|
|
94
|
+
}
|
|
95
|
+
&.output-secondary-port {
|
|
96
|
+
--port-inset-inline: calc(50% - var(--width) / 2) auto;
|
|
97
|
+
--port-inset-block: calc(var(--height) / -2) auto;
|
|
98
|
+
}
|
|
99
|
+
&.output-tertiary-port {
|
|
100
|
+
--port-inset-inline: calc(50% - var(--width) / 2) 0;
|
|
101
|
+
--port-inset-block: auto calc(var(--height) / -2);
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
`
|
|
105
|
+
]
|
|
106
|
+
}]
|
|
107
|
+
}], propDecorators: { direction: [{
|
|
108
|
+
type: Input
|
|
109
|
+
}], data: [{
|
|
110
|
+
type: Input
|
|
111
|
+
}], seed: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], emit: [{
|
|
114
|
+
type: Input
|
|
115
|
+
}], sortByIndex: [{
|
|
116
|
+
type: Input
|
|
117
|
+
}] } });
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2F0ZXdheS1wb3J0cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2RpYWdyYW1zL2NvbXBvbmVudHMvZ2F0ZXdheS1wb3J0cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFzRXBFLE1BQU0sT0FBTyxxQkFBcUI7O21IQUFyQixxQkFBcUI7dUdBQXJCLHFCQUFxQiwrSkEvRHZCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7RUE4QlQ7NEZBaUNXLHFCQUFxQjtrQkFuRWpDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUVyQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQThCVDtvQkFDRCxNQUFNLEVBQUU7d0JBQ1A7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0QkM7cUJBQ0Q7aUJBQ0Q7OEJBRVMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFzZU5vZGVDbGFzcyB9IGZyb20gJy4uL21vZGVscyc7XHJcbmltcG9ydCB7IERpcmVjdGlvblR5cGUgfSBmcm9tICcuLi90eXBlcyc7XHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnZ2F0ZXdheS1wb3J0cycsXHJcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuXHJcblx0dGVtcGxhdGU6IGBcclxuXHRcdDxkaXZcclxuXHRcdFx0Km5nRm9yPVwibGV0IGlucHV0IG9mIGRhdGEuaW5wdXRzIHwga2V5dmFsdWUgOiBzb3J0QnlJbmRleFwiXHJcblx0XHRcdGNsYXNzPVwiZ2F0ZXdheS1wb3J0IGdhdGV3YXktcG9ydC0taW5wdXQgIHt7IGlucHV0LnZhbHVlLnN0eWxlQ2xhc3MgfX1cIlxyXG5cdFx0XHRyZWZDb21wb25lbnRcclxuXHRcdFx0W2RhdGFdPVwie1xyXG5cdFx0XHRcdHR5cGU6ICdzb2NrZXQnLFxyXG5cdFx0XHRcdHNpZGU6ICdpbnB1dCcsXHJcblx0XHRcdFx0a2V5OiBpbnB1dC5rZXksXHJcblx0XHRcdFx0bm9kZUlkOiBkYXRhLmlkLFxyXG5cdFx0XHRcdHBheWxvYWQ6IGlucHV0LnZhbHVlPy5zb2NrZXQsXHJcblx0XHRcdFx0c2VlZDogc2VlZFxyXG5cdFx0XHR9XCJcclxuXHRcdFx0W2VtaXRdPVwiZW1pdFwiXHJcblx0XHQ+PC9kaXY+XHJcblxyXG5cdFx0PGRpdlxyXG5cdFx0XHQqbmdGb3I9XCJsZXQgb3V0cHV0IG9mIGRhdGEub3V0cHV0cyB8IGtleXZhbHVlIDogc29ydEJ5SW5kZXhcIlxyXG5cdFx0XHRjbGFzcz1cImdhdGV3YXktcG9ydCBnYXRld2F5LXBvcnQtLW91dHB1dCAge3sgb3V0cHV0LnZhbHVlLnN0eWxlQ2xhc3MgfX1cIlxyXG5cdFx0XHRyZWZDb21wb25lbnRcclxuXHRcdFx0W2RhdGFdPVwie1xyXG5cdFx0XHRcdHR5cGU6ICdzb2NrZXQnLFxyXG5cdFx0XHRcdHNpZGU6ICdvdXRwdXQnLFxyXG5cdFx0XHRcdGtleTogb3V0cHV0LmtleSxcclxuXHRcdFx0XHRub2RlSWQ6IGRhdGEuaWQsXHJcblx0XHRcdFx0cGF5bG9hZDogb3V0cHV0LnZhbHVlPy5zb2NrZXQsXHJcblx0XHRcdFx0c2VlZDogc2VlZFxyXG5cdFx0XHR9XCJcclxuXHRcdFx0W2VtaXRdPVwiZW1pdFwiXHJcblx0XHQ+PC9kaXY+XHJcblx0YCxcclxuXHRzdHlsZXM6IFtcclxuXHRcdGBcclxuXHRcdFx0LmdhdGV3YXktcG9ydCB7XHJcblx0XHRcdFx0LS1zb2NrZXQtdmVydGljYWwtYWxpZ246IHRvcDtcclxuXHRcdFx0XHQtLXdpZHRoOiB2YXIoLS1wb3J0LXdpZHRoLCB2YXIoLS1zb2NrZXQtc2l6ZSwgMTRweCkpO1xyXG5cdFx0XHRcdC0taGVpZ2h0OiB2YXIoLS1wb3J0LWhlaWdodCwgdmFyKC0tc29ja2V0LXNpemUsIDE0cHgpKTtcclxuXHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XHJcblx0XHRcdFx0aW5zZXQtaW5saW5lOiB2YXIoLS1wb3J0LWluc2V0LWlubGluZSk7XHJcblx0XHRcdFx0aW5zZXQtYmxvY2s6IHZhcigtLXBvcnQtaW5zZXQtYmxvY2spO1xyXG5cdFx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuXHRcdFx0XHR3aWR0aDogdmFyKC0td2lkdGgpO1xyXG5cdFx0XHRcdGhlaWdodDogdmFyKC0taGVpZ2h0KTtcclxuXHRcdFx0XHQmLmlucHV0LXByaW1hcnktcG9ydCB7XHJcblx0XHRcdFx0XHQtLXBvcnQtaW5zZXQtaW5saW5lOiBjYWxjKHZhcigtLXdpZHRoKSAvIC0yKSBhdXRvO1xyXG5cdFx0XHRcdFx0LS1wb3J0LWluc2V0LWJsb2NrOiBjYWxjKDUwJSAtIHZhcigtLWhlaWdodCkgLyAyKSAwO1xyXG5cdFx0XHRcdH1cclxuXHRcdFx0XHQmLm91dHB1dC1wcmltYXJ5LXBvcnQge1xyXG5cdFx0XHRcdFx0LS1wb3J0LWluc2V0LWlubGluZTogYXV0byBjYWxjKHZhcigtLXdpZHRoKSAvIC0yKTtcclxuXHRcdFx0XHRcdC0tcG9ydC1pbnNldC1ibG9jazogY2FsYyg1MCUgLSB2YXIoLS1oZWlnaHQpIC8gMikgYXV0bztcclxuXHRcdFx0XHR9XHJcblx0XHRcdFx0Ji5vdXRwdXQtc2Vjb25kYXJ5LXBvcnQge1xyXG5cdFx0XHRcdFx0LS1wb3J0LWluc2V0LWlubGluZTogY2FsYyg1MCUgLSB2YXIoLS13aWR0aCkgLyAyKSBhdXRvO1xyXG5cdFx0XHRcdFx0LS1wb3J0LWluc2V0LWJsb2NrOiBjYWxjKHZhcigtLWhlaWdodCkgLyAtMikgYXV0bztcclxuXHRcdFx0XHR9XHJcblx0XHRcdFx0Ji5vdXRwdXQtdGVydGlhcnktcG9ydCB7XHJcblx0XHRcdFx0XHQtLXBvcnQtaW5zZXQtaW5saW5lOiBjYWxjKDUwJSAtIHZhcigtLXdpZHRoKSAvIDIpIDA7XHJcblx0XHRcdFx0XHQtLXBvcnQtaW5zZXQtYmxvY2s6IGF1dG8gY2FsYyh2YXIoLS1oZWlnaHQpIC8gLTIpO1xyXG5cdFx0XHRcdH1cclxuXHRcdFx0fVxyXG5cdFx0YFxyXG5cdF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEdhdGV3YXlQb3J0c0NvbXBvbmVudCB7XHJcblx0QElucHV0KCkgZGlyZWN0aW9uOiBEaXJlY3Rpb25UeXBlO1xyXG5cdEBJbnB1dCgpIGRhdGEhOiBCYXNlTm9kZUNsYXNzO1xyXG5cdEBJbnB1dCgpIHNlZWQ6IG51bWJlcjtcclxuXHRASW5wdXQoKSBlbWl0ITogKGRhdGE6IGFueSkgPT4gdm9pZDtcclxuXHRASW5wdXQoKSBzb3J0QnlJbmRleDogKGE6IHVua25vd24sIGI6IHVua25vd24pID0+IG51bWJlcjtcclxufVxyXG4iXX0=
|