rete-angular-plugin 2.1.1 → 2.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/12/bundles/rete-angular-plugin-ng12.umd.js +24 -3
- package/12/bundles/rete-angular-plugin-ng12.umd.js.map +1 -1
- package/12/esm2015/presets/classic/components/control/control.component.js +1 -1
- package/12/esm2015/presets/classic/components/node/node.component.js +16 -4
- package/12/fesm2015/rete-angular-plugin-ng12.js +16 -3
- package/12/fesm2015/rete-angular-plugin-ng12.js.map +1 -1
- package/12/presets/classic/components/node/node.component.d.ts +7 -1
- package/13/esm2020/presets/classic/components/control/control.component.mjs +2 -2
- package/13/esm2020/presets/classic/components/node/node.component.mjs +17 -5
- package/13/fesm2015/rete-angular-plugin-ng13.mjs +18 -5
- package/13/fesm2015/rete-angular-plugin-ng13.mjs.map +1 -1
- package/13/fesm2020/rete-angular-plugin-ng13.mjs +18 -5
- package/13/fesm2020/rete-angular-plugin-ng13.mjs.map +1 -1
- package/13/presets/classic/components/node/node.component.d.ts +7 -1
- package/14/esm2020/presets/classic/components/control/control.component.mjs +2 -2
- package/14/esm2020/presets/classic/components/node/node.component.mjs +17 -5
- package/14/fesm2015/rete-angular-plugin-ng14.mjs +18 -5
- package/14/fesm2015/rete-angular-plugin-ng14.mjs.map +1 -1
- package/14/fesm2020/rete-angular-plugin-ng14.mjs +18 -5
- package/14/fesm2020/rete-angular-plugin-ng14.mjs.map +1 -1
- package/14/presets/classic/components/node/node.component.d.ts +7 -1
- package/15/esm2020/presets/classic/components/control/control.component.mjs +2 -2
- package/15/esm2020/presets/classic/components/node/node.component.mjs +17 -5
- package/15/fesm2015/rete-angular-plugin-ng15.mjs +18 -5
- package/15/fesm2015/rete-angular-plugin-ng15.mjs.map +1 -1
- package/15/fesm2020/rete-angular-plugin-ng15.mjs +18 -5
- package/15/fesm2020/rete-angular-plugin-ng15.mjs.map +1 -1
- package/15/presets/classic/components/node/node.component.d.ts +7 -1
- package/16/esm2022/presets/classic/components/control/control.component.mjs +2 -2
- package/16/esm2022/presets/classic/components/node/node.component.mjs +17 -5
- package/16/fesm2022/rete-angular-plugin-ng16.mjs +18 -5
- package/16/fesm2022/rete-angular-plugin-ng16.mjs.map +1 -1
- package/16/presets/classic/components/node/node.component.d.ts +7 -1
- package/17/esm2022/presets/classic/components/control/control.component.mjs +2 -2
- package/17/esm2022/presets/classic/components/node/node.component.mjs +18 -6
- package/17/fesm2022/rete-angular-plugin-ng17.mjs +19 -6
- package/17/fesm2022/rete-angular-plugin-ng17.mjs.map +1 -1
- package/17/presets/classic/components/node/node.component.d.ts +7 -1
- package/CHANGELOG.md +7 -0
- package/bundles/rete-angular-plugin.umd.js +18 -2
- package/bundles/rete-angular-plugin.umd.js.map +1 -1
- package/esm2015/presets/classic/components/control/control.component.js +1 -1
- package/esm2015/presets/classic/components/node/node.component.js +10 -2
- package/fesm2015/rete-angular-plugin.js +10 -2
- package/fesm2015/rete-angular-plugin.js.map +1 -1
- package/package.json +1 -1
- package/presets/classic/components/node/node.component.d.ts +7 -1
- package/rete-angular-plugin.metadata.json +1 -1
|
@@ -36,7 +36,7 @@ ControlComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlCom
|
|
|
36
36
|
i0.ɵɵelementEnd();
|
|
37
37
|
} if (rf & 2) {
|
|
38
38
|
i0.ɵɵproperty("value", ctx.data.value)("readonly", ctx.data.readonly)("type", ctx.data.type);
|
|
39
|
-
} }, styles: ["input[_ngcontent-%COMP%]{width:
|
|
39
|
+
} }, styles: ["input[_ngcontent-%COMP%]{width:100%;border-radius:30px;background-color:#fff;padding:2px 6px;border:1px solid #999;font-size:110%;box-sizing:border-box}"] });
|
|
40
40
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlComponent, [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Component, Input, HostBinding, ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
import { ClassicPreset as Classic } from 'rete';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
import * as i1 from "@angular/common";
|
|
5
4
|
import * as i2 from "../../../../ref";
|
|
@@ -63,6 +62,12 @@ export class NodeComponent {
|
|
|
63
62
|
this.seed = 0;
|
|
64
63
|
this.cdr.detach();
|
|
65
64
|
}
|
|
65
|
+
get width() {
|
|
66
|
+
return this.data.width;
|
|
67
|
+
}
|
|
68
|
+
get height() {
|
|
69
|
+
return this.data.height;
|
|
70
|
+
}
|
|
66
71
|
get selected() {
|
|
67
72
|
return this.data.selected;
|
|
68
73
|
}
|
|
@@ -79,7 +84,8 @@ export class NodeComponent {
|
|
|
79
84
|
}
|
|
80
85
|
}
|
|
81
86
|
NodeComponent.ɵfac = function NodeComponent_Factory(t) { return new (t || NodeComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
|
|
82
|
-
NodeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodeComponent, selectors: [["ng-component"]], hostAttrs: ["data-testid", "node"], hostVars:
|
|
87
|
+
NodeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodeComponent, selectors: [["ng-component"]], hostAttrs: ["data-testid", "node"], hostVars: 6, hostBindings: function NodeComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
88
|
+
i0.ɵɵstyleProp("width", ctx.width, "px")("height", ctx.height, "px");
|
|
83
89
|
i0.ɵɵclassProp("selected", ctx.selected);
|
|
84
90
|
} }, inputs: { data: "data", emit: "emit", rendered: "rendered" }, features: [i0.ɵɵNgOnChangesFeature], decls: 8, vars: 13, consts: [["data-testid", "title", 1, "title"], ["class", "output", 4, "ngFor", "ngForOf"], ["class", "control", "refComponent", "", 3, "data", "emit", 4, "ngFor", "ngForOf"], ["class", "input", 4, "ngFor", "ngForOf"], [1, "output"], ["data-testid", "output-title", 1, "output-title"], ["refComponent", "", "data-testid", "output-socket", 1, "output-socket", 3, "data", "emit"], ["refComponent", "", 1, "control", 3, "data", "emit"], [1, "input"], ["refComponent", "", "data-testid", "input-socket", 1, "input-socket", 3, "data", "emit"], ["class", "input-title", "data-testid", "input-title", 4, "ngIf"], ["refComponent", "", "data-testid", "input-control", 1, "input-control", 3, "data", "emit"], ["data-testid", "input-title", 1, "input-title"]], template: function NodeComponent_Template(rf, ctx) { if (rf & 1) {
|
|
85
91
|
i0.ɵɵelementStart(0, "div", 0);
|
|
@@ -100,7 +106,7 @@ NodeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodeComponent
|
|
|
100
106
|
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(5, 7, ctx.data.controls, ctx.sortByIndex));
|
|
101
107
|
i0.ɵɵadvance(2);
|
|
102
108
|
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(7, 10, ctx.data.inputs, ctx.sortByIndex));
|
|
103
|
-
} }, directives: [i1.NgForOf, i2.RefDirective, i1.NgIf], pipes: [i1.KeyValuePipe], styles: ["[_nghost-%COMP%]{display:block;background:rgba(110,136,255,.8);border:2px solid #4e58bf;border-radius:10px;cursor:pointer;box-sizing:border-box;
|
|
109
|
+
} }, directives: [i1.NgForOf, i2.RefDirective, i1.NgIf], pipes: [i1.KeyValuePipe], styles: ["[_nghost-%COMP%]{display:block;background:rgba(110,136,255,.8);border:2px solid #4e58bf;border-radius:10px;cursor:pointer;box-sizing:border-box;width:180px;height:auto;padding-bottom:6px;position:relative;-webkit-user-select:none;user-select:none;line-height:initial;font-family:Arial}[_nghost-%COMP%]:hover{background:rgba(130,153,255,.8)}.selected[_nghost-%COMP%]{background:#ffd92c;border-color:#e3c000}[_nghost-%COMP%] .title[_ngcontent-%COMP%]{color:#fff;font-family:sans-serif;font-size:18px;padding:8px}[_nghost-%COMP%] .output[_ngcontent-%COMP%]{text-align:right}[_nghost-%COMP%] .input[_ngcontent-%COMP%]{text-align:left}[_nghost-%COMP%] .input-title[_ngcontent-%COMP%], [_nghost-%COMP%] .output-title[_ngcontent-%COMP%]{vertical-align:middle;color:#fff;display:inline-block;font-family:sans-serif;font-size:14px;margin:6px;line-height:24px}[_nghost-%COMP%] .input-title[hidden][_ngcontent-%COMP%], [_nghost-%COMP%] .output-title[hidden][_ngcontent-%COMP%]{display:none}[_nghost-%COMP%] .output-socket[_ngcontent-%COMP%]{text-align:right;margin-right:-18px;display:inline-block}[_nghost-%COMP%] .input-socket[_ngcontent-%COMP%]{text-align:left;margin-left:-18px;display:inline-block}[_nghost-%COMP%] .input-control[_ngcontent-%COMP%]{z-index:1;width:calc(100% - 36px);vertical-align:middle;display:inline-block}[_nghost-%COMP%] .control[_ngcontent-%COMP%]{padding:6px 18px}"] });
|
|
104
110
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NodeComponent, [{
|
|
105
111
|
type: Component,
|
|
106
112
|
args: [{
|
|
@@ -116,8 +122,14 @@ NodeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodeComponent
|
|
|
116
122
|
type: Input
|
|
117
123
|
}], rendered: [{
|
|
118
124
|
type: Input
|
|
125
|
+
}], width: [{
|
|
126
|
+
type: HostBinding,
|
|
127
|
+
args: ['style.width.px']
|
|
128
|
+
}], height: [{
|
|
129
|
+
type: HostBinding,
|
|
130
|
+
args: ['style.height.px']
|
|
119
131
|
}], selected: [{
|
|
120
132
|
type: HostBinding,
|
|
121
133
|
args: ['class.selected']
|
|
122
134
|
}] }); })();
|
|
123
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
135
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9uZzEyL3NyYy9wcmVzZXRzL2NsYXNzaWMvY29tcG9uZW50cy9ub2RlL25vZGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbmcxMi9zcmMvcHJlc2V0cy9jbGFzc2ljL2NvbXBvbmVudHMvbm9kZS9ub2RlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBYSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0lDQzVGLDhCQUEwSDtJQUN0SCw4QkFBcUQ7SUFBQSxZQUF1QjtJQUFBLGlCQUFNO0lBQ2xGLHlCQU1PO0lBQ1gsaUJBQU07Ozs7SUFUMEUsd0RBQXlDO0lBQ2hFLGVBQXVCO0lBQXZCLDRFQUF1QjtJQUl4RSxlQUF1SDtJQUF2SCxzSkFBdUgscUJBQUE7Ozs7SUFLL0gseUJBT087Ozs7SUFISCxtRUFBbUQscUJBQUE7SUFFbkQsMERBQTJDOzs7SUFVM0MsK0JBQThHO0lBQUEsWUFBc0I7SUFBQSxpQkFBTTs7O0lBQTVCLGVBQXNCO0lBQXRCLDBFQUFzQjs7OztJQVJ4SSw4QkFBcUg7SUFDakgseUJBTU87SUFDUCxxRUFBMEk7SUFDMUksMEJBT087SUFDWCxpQkFBTTs7OztJQWpCdUUsc0RBQXVDO0lBSTVHLGVBQW9IO0lBQXBILG1KQUFvSCxxQkFBQTtJQUlwRSxlQUF3RDtJQUF4RCxpSkFBd0Q7SUFHeEcsZUFBZ0Y7SUFBaEYsaUtBQWdGO0lBRWhGLDBHQUEwRCxxQkFBQTs7QURsQmxFLE1BQU0sT0FBTyxhQUFhO0lBbUJ4QixZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQWQxQyxTQUFJLEdBQUcsQ0FBQyxDQUFBO1FBZU4sSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLEVBQUUsQ0FBQTtJQUNuQixDQUFDO0lBZEQsSUFBbUMsS0FBSztRQUN0QyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFBO0lBQ3hCLENBQUM7SUFFRCxJQUFvQyxNQUFNO1FBQ3hDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUE7SUFDekIsQ0FBQztJQUVELElBQW1DLFFBQVE7UUFDekMsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQTtJQUMzQixDQUFDO0lBTUQsV0FBVztRQUNULElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUE7UUFDeEIscUJBQXFCLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUE7UUFDNUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBLENBQUMsdUJBQXVCO0lBQ3JDLENBQUM7SUFFRCxXQUFXLENBQW1FLENBQUksRUFBRSxDQUFJOztRQUN0RixNQUFNLEVBQUUsR0FBRyxDQUFBLE1BQUEsQ0FBQyxDQUFDLEtBQUssMENBQUUsS0FBSyxLQUFJLENBQUMsQ0FBQTtRQUM5QixNQUFNLEVBQUUsR0FBRyxDQUFBLE1BQUEsQ0FBQyxDQUFDLEtBQUssMENBQUUsS0FBSyxLQUFJLENBQUMsQ0FBQTtRQUU5QixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUE7SUFDaEIsQ0FBQzs7MEVBbENVLGFBQWE7Z0VBQWIsYUFBYTs7OztRQ2QxQiw4QkFBdUM7UUFBQSxZQUFjO1FBQUEsaUJBQU07UUFDM0QsOERBU007O1FBQ04sOERBT087O1FBQ1AsK0RBaUJNOzs7UUFwQ2lDLGVBQWM7UUFBZCxvQ0FBYztRQUNkLGVBQXVDO1FBQXZDLGlGQUF1QztRQVl0RCxlQUF3QztRQUF4QyxrRkFBd0M7UUFNM0IsZUFBc0M7UUFBdEMsaUZBQXNDOzt1RkRMOUQsYUFBYTtjQVB6QixTQUFTO2VBQUM7Z0JBQ1QsV0FBVyxFQUFFLHVCQUF1QjtnQkFDcEMsU0FBUyxFQUFFLENBQUMsdUJBQXVCLENBQUM7Z0JBQ3BDLElBQUksRUFBRTtvQkFDSixhQUFhLEVBQUUsTUFBTTtpQkFDdEI7YUFDRjtvRUFFVSxJQUFJO2tCQUFaLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUs7WUFDRyxRQUFRO2tCQUFoQixLQUFLO1lBSTZCLEtBQUs7a0JBQXZDLFdBQVc7bUJBQUMsZ0JBQWdCO1lBSU8sTUFBTTtrQkFBekMsV0FBVzttQkFBQyxpQkFBaUI7WUFJSyxRQUFRO2tCQUExQyxXQUFXO21CQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEhvc3RCaW5kaW5nLCBDaGFuZ2VEZXRlY3RvclJlZiwgT25DaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDbGFzc2ljUHJlc2V0IGFzIENsYXNzaWMgfSBmcm9tICdyZXRlJztcbmltcG9ydCB7IEtleVZhbHVlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxudHlwZSBOb2RlRXh0cmFEYXRhID0geyB3aWR0aD86IG51bWJlciwgaGVpZ2h0PzogbnVtYmVyIH1cbnR5cGUgU29ydFZhbHVlPE4gZXh0ZW5kcyBDbGFzc2ljLk5vZGU+ID0gKE5bJ2NvbnRyb2xzJ10gfCBOWydpbnB1dHMnXSB8IE5bJ291dHB1dHMnXSlbc3RyaW5nXVxuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGVVcmw6ICcuL25vZGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ub2RlLmNvbXBvbmVudC5zYXNzJ10sXG4gIGhvc3Q6IHtcbiAgICAnZGF0YS10ZXN0aWQnOiAnbm9kZSdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBOb2RlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgZGF0YSE6IENsYXNzaWMuTm9kZSAmIE5vZGVFeHRyYURhdGE7XG4gIEBJbnB1dCgpIGVtaXQhOiAoZGF0YTogYW55KSA9PiB2b2lkXG4gIEBJbnB1dCgpIHJlbmRlcmVkITogKCkgPT4gdm9pZFxuXG4gIHNlZWQgPSAwXG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS53aWR0aC5weCcpIGdldCB3aWR0aCgpIHtcbiAgICByZXR1cm4gdGhpcy5kYXRhLndpZHRoXG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLmhlaWdodC5weCcpIGdldCBoZWlnaHQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGF0YS5oZWlnaHRcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3Muc2VsZWN0ZWQnKSBnZXQgc2VsZWN0ZWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGF0YS5zZWxlY3RlZFxuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgdGhpcy5jZHIuZGV0YWNoKClcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKVxuICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB0aGlzLnJlbmRlcmVkKCkpXG4gICAgdGhpcy5zZWVkKysgLy8gZm9yY2UgcmVuZGVyIHNvY2tldHNcbiAgfVxuXG4gIHNvcnRCeUluZGV4PE4gZXh0ZW5kcyBDbGFzc2ljLk5vZGUsIEkgZXh0ZW5kcyBLZXlWYWx1ZTxzdHJpbmcsIFNvcnRWYWx1ZTxOPj4+KGE6IEksIGI6IEkpIHtcbiAgICBjb25zdCBhaSA9IGEudmFsdWU/LmluZGV4IHx8IDBcbiAgICBjb25zdCBiaSA9IGIudmFsdWU/LmluZGV4IHx8IDBcblxuICAgIHJldHVybiBhaSAtIGJpXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0aXRsZVwiIGRhdGEtdGVzdGlkPVwidGl0bGVcIj57e2RhdGEubGFiZWx9fTwvZGl2PlxuPGRpdiBjbGFzcz1cIm91dHB1dFwiICpuZ0Zvcj1cImxldCBvdXRwdXQgb2YgZGF0YS5vdXRwdXRzIHwga2V5dmFsdWU6IHNvcnRCeUluZGV4XCIgW2F0dHIuZGF0YS10ZXN0aWRdPVwiJ291dHB1dC0nK291dHB1dC5rZXlcIj5cbiAgICA8ZGl2IGNsYXNzPVwib3V0cHV0LXRpdGxlXCIgZGF0YS10ZXN0aWQ9XCJvdXRwdXQtdGl0bGVcIj57e291dHB1dC52YWx1ZT8ubGFiZWx9fTwvZGl2PlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJvdXRwdXQtc29ja2V0XCJcbiAgICAgICAgcmVmQ29tcG9uZW50XG4gICAgICAgIFtkYXRhXT1cInt0eXBlOiAnc29ja2V0Jywgc2lkZTogJ291dHB1dCcsIGtleTogb3V0cHV0LmtleSwgbm9kZUlkOiBkYXRhLmlkLCBwYXlsb2FkOiBvdXRwdXQudmFsdWU/LnNvY2tldCwgc2VlZDogc2VlZCB9XCJcbiAgICAgICAgW2VtaXRdPVwiZW1pdFwiXG4gICAgICAgIGRhdGEtdGVzdGlkPVwib3V0cHV0LXNvY2tldFwiXG4gICAgPjwvZGl2PlxuPC9kaXY+XG48ZGl2XG4gICAgY2xhc3M9XCJjb250cm9sXCJcbiAgICAqbmdGb3I9XCJsZXQgY29udHJvbCBvZiBkYXRhLmNvbnRyb2xzIHwga2V5dmFsdWU6IHNvcnRCeUluZGV4XCJcbiAgICByZWZDb21wb25lbnRcbiAgICBbZGF0YV09XCJ7dHlwZTogJ2NvbnRyb2wnLCBwYXlsb2FkOiBjb250cm9sLnZhbHVlIH1cIlxuICAgIFtlbWl0XT1cImVtaXRcIlxuICAgIFthdHRyLmRhdGEtdGVzdGlkXT1cIidjb250cm9sLScrY29udHJvbC5rZXlcIlxuPjwvZGl2PlxuPGRpdiBjbGFzcz1cImlucHV0XCIgKm5nRm9yPVwibGV0IGlucHV0IG9mIGRhdGEuaW5wdXRzIHwga2V5dmFsdWU6IHNvcnRCeUluZGV4XCIgW2F0dHIuZGF0YS10ZXN0aWRdPVwiJ2lucHV0LScraW5wdXQua2V5XCI+XG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cImlucHV0LXNvY2tldFwiXG4gICAgICAgIHJlZkNvbXBvbmVudFxuICAgICAgICBbZGF0YV09XCJ7dHlwZTogJ3NvY2tldCcsIHNpZGU6ICdpbnB1dCcsIGtleTogaW5wdXQua2V5LCBub2RlSWQ6IGRhdGEuaWQsIHBheWxvYWQ6IGlucHV0LnZhbHVlPy5zb2NrZXQsIHNlZWQ6IHNlZWQgfVwiXG4gICAgICAgIFtlbWl0XT1cImVtaXRcIlxuICAgICAgICBkYXRhLXRlc3RpZD1cImlucHV0LXNvY2tldFwiXG4gICAgPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC10aXRsZVwiIGRhdGEtdGVzdGlkPVwiaW5wdXQtdGl0bGVcIiAqbmdJZj1cIiFpbnB1dC52YWx1ZT8uY29udHJvbCB8fCAhaW5wdXQudmFsdWU/LnNob3dDb250cm9sXCI+e3tpbnB1dC52YWx1ZT8ubGFiZWx9fTwvZGl2PlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJpbnB1dC1jb250cm9sXCJcbiAgICAgICAgW3N0eWxlLmRpc3BsYXldPVwiaW5wdXQudmFsdWU/LmNvbnRyb2wgJiYgaW5wdXQudmFsdWU/LnNob3dDb250cm9sID8gJycgOiAnbm9uZSdcIlxuICAgICAgICByZWZDb21wb25lbnRcbiAgICAgICAgW2RhdGFdPVwie3R5cGU6ICdjb250cm9sJywgcGF5bG9hZDogaW5wdXQudmFsdWU/LmNvbnRyb2wgfVwiXG4gICAgICAgIFtlbWl0XT1cImVtaXRcIlxuICAgICAgICBkYXRhLXRlc3RpZD1cImlucHV0LWNvbnRyb2xcIlxuICAgID48L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -92,6 +92,12 @@ class NodeComponent {
|
|
|
92
92
|
this.seed = 0;
|
|
93
93
|
this.cdr.detach();
|
|
94
94
|
}
|
|
95
|
+
get width() {
|
|
96
|
+
return this.data.width;
|
|
97
|
+
}
|
|
98
|
+
get height() {
|
|
99
|
+
return this.data.height;
|
|
100
|
+
}
|
|
95
101
|
get selected() {
|
|
96
102
|
return this.data.selected;
|
|
97
103
|
}
|
|
@@ -108,7 +114,8 @@ class NodeComponent {
|
|
|
108
114
|
}
|
|
109
115
|
}
|
|
110
116
|
NodeComponent.ɵfac = function NodeComponent_Factory(t) { return new (t || NodeComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
|
|
111
|
-
NodeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodeComponent, selectors: [["ng-component"]], hostAttrs: ["data-testid", "node"], hostVars:
|
|
117
|
+
NodeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodeComponent, selectors: [["ng-component"]], hostAttrs: ["data-testid", "node"], hostVars: 6, hostBindings: function NodeComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
118
|
+
i0.ɵɵstyleProp("width", ctx.width, "px")("height", ctx.height, "px");
|
|
112
119
|
i0.ɵɵclassProp("selected", ctx.selected);
|
|
113
120
|
} }, inputs: { data: "data", emit: "emit", rendered: "rendered" }, features: [i0.ɵɵNgOnChangesFeature], decls: 8, vars: 13, consts: [["data-testid", "title", 1, "title"], ["class", "output", 4, "ngFor", "ngForOf"], ["class", "control", "refComponent", "", 3, "data", "emit", 4, "ngFor", "ngForOf"], ["class", "input", 4, "ngFor", "ngForOf"], [1, "output"], ["data-testid", "output-title", 1, "output-title"], ["refComponent", "", "data-testid", "output-socket", 1, "output-socket", 3, "data", "emit"], ["refComponent", "", 1, "control", 3, "data", "emit"], [1, "input"], ["refComponent", "", "data-testid", "input-socket", 1, "input-socket", 3, "data", "emit"], ["class", "input-title", "data-testid", "input-title", 4, "ngIf"], ["refComponent", "", "data-testid", "input-control", 1, "input-control", 3, "data", "emit"], ["data-testid", "input-title", 1, "input-title"]], template: function NodeComponent_Template(rf, ctx) { if (rf & 1) {
|
|
114
121
|
i0.ɵɵelementStart(0, "div", 0);
|
|
@@ -129,7 +136,7 @@ NodeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodeComponent
|
|
|
129
136
|
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(5, 7, ctx.data.controls, ctx.sortByIndex));
|
|
130
137
|
i0.ɵɵadvance(2);
|
|
131
138
|
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(7, 10, ctx.data.inputs, ctx.sortByIndex));
|
|
132
|
-
} }, directives: [i1.NgForOf, RefDirective, i1.NgIf], pipes: [i1.KeyValuePipe], styles: ["[_nghost-%COMP%]{display:block;background:rgba(110,136,255,.8);border:2px solid #4e58bf;border-radius:10px;cursor:pointer;box-sizing:border-box;
|
|
139
|
+
} }, directives: [i1.NgForOf, RefDirective, i1.NgIf], pipes: [i1.KeyValuePipe], styles: ["[_nghost-%COMP%]{display:block;background:rgba(110,136,255,.8);border:2px solid #4e58bf;border-radius:10px;cursor:pointer;box-sizing:border-box;width:180px;height:auto;padding-bottom:6px;position:relative;-webkit-user-select:none;user-select:none;line-height:initial;font-family:Arial}[_nghost-%COMP%]:hover{background:rgba(130,153,255,.8)}.selected[_nghost-%COMP%]{background:#ffd92c;border-color:#e3c000}[_nghost-%COMP%] .title[_ngcontent-%COMP%]{color:#fff;font-family:sans-serif;font-size:18px;padding:8px}[_nghost-%COMP%] .output[_ngcontent-%COMP%]{text-align:right}[_nghost-%COMP%] .input[_ngcontent-%COMP%]{text-align:left}[_nghost-%COMP%] .input-title[_ngcontent-%COMP%], [_nghost-%COMP%] .output-title[_ngcontent-%COMP%]{vertical-align:middle;color:#fff;display:inline-block;font-family:sans-serif;font-size:14px;margin:6px;line-height:24px}[_nghost-%COMP%] .input-title[hidden][_ngcontent-%COMP%], [_nghost-%COMP%] .output-title[hidden][_ngcontent-%COMP%]{display:none}[_nghost-%COMP%] .output-socket[_ngcontent-%COMP%]{text-align:right;margin-right:-18px;display:inline-block}[_nghost-%COMP%] .input-socket[_ngcontent-%COMP%]{text-align:left;margin-left:-18px;display:inline-block}[_nghost-%COMP%] .input-control[_ngcontent-%COMP%]{z-index:1;width:calc(100% - 36px);vertical-align:middle;display:inline-block}[_nghost-%COMP%] .control[_ngcontent-%COMP%]{padding:6px 18px}"] });
|
|
133
140
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NodeComponent, [{
|
|
134
141
|
type: Component,
|
|
135
142
|
args: [{
|
|
@@ -145,6 +152,12 @@ NodeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodeComponent
|
|
|
145
152
|
type: Input
|
|
146
153
|
}], rendered: [{
|
|
147
154
|
type: Input
|
|
155
|
+
}], width: [{
|
|
156
|
+
type: HostBinding,
|
|
157
|
+
args: ['style.width.px']
|
|
158
|
+
}], height: [{
|
|
159
|
+
type: HostBinding,
|
|
160
|
+
args: ['style.height.px']
|
|
148
161
|
}], selected: [{
|
|
149
162
|
type: HostBinding,
|
|
150
163
|
args: ['class.selected']
|
|
@@ -217,7 +230,7 @@ ControlComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlCom
|
|
|
217
230
|
i0.ɵɵelementEnd();
|
|
218
231
|
} if (rf & 2) {
|
|
219
232
|
i0.ɵɵproperty("value", ctx.data.value)("readonly", ctx.data.readonly)("type", ctx.data.type);
|
|
220
|
-
} }, styles: ["input[_ngcontent-%COMP%]{width:
|
|
233
|
+
} }, styles: ["input[_ngcontent-%COMP%]{width:100%;border-radius:30px;background-color:#fff;padding:2px 6px;border:1px solid #999;font-size:110%;box-sizing:border-box}"] });
|
|
221
234
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlComponent, [{
|
|
222
235
|
type: Component,
|
|
223
236
|
args: [{
|