rete-angular-plugin 2.4.0 → 2.5.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [2.5.0](https://github.com/retejs/angular-plugin/compare/v2.4.1...v2.5.0) (2025-09-02)
+
+
+### Features
+
+* add impure pipe for ordeting inputs, outputs, etc ([f73a645](https://github.com/retejs/angular-plugin/commit/f73a645b6017fcb0db58a10523031fdadd805f23))
+
+## [2.4.1](https://github.com/retejs/angular-plugin/compare/v2.4.0...v2.4.1) (2025-09-02)
+
+
+### Bug Fixes
+
+* change dection for connection component ([ff1a538](https://github.com/retejs/angular-plugin/commit/ff1a5380f082efefe66102cbc46155f1ef08316d))
+
 # [2.4.0](https://github.com/retejs/angular-plugin/compare/v2.3.2...v2.4.0) (2025-06-30)
 
 

package/bundles/rete-angular-plugin.umd.js

@@ -433,7 +433,7 @@
     NodeComponent.decorators = [
         { type: core.Component, args: [{
                     // [component-directive]
-                    template: "<div class=\"title\" data-testid=\"title\">{{data.label}}</div>\n<div class=\"output\" *ngFor=\"let output of data.outputs | keyvalue: sortByIndex\" [attr.data-testid]=\"'output-'+output.key\">\n    <div class=\"output-title\" data-testid=\"output-title\">{{output.value?.label}}</div>\n    <div\n        class=\"output-socket\"\n        refComponent\n        [data]=\"{type: 'socket', side: 'output', key: output.key, nodeId: data.id, payload: output.value?.socket, seed: seed }\"\n        [emit]=\"emit\"\n        data-testid=\"output-socket\"\n    ></div>\n</div>\n<div\n    class=\"control\"\n    *ngFor=\"let control of data.controls | keyvalue: sortByIndex\"\n    refComponent\n    [data]=\"{type: 'control', payload: control.value }\"\n    [emit]=\"emit\"\n    [attr.data-testid]=\"'control-'+control.key\"\n></div>\n<div class=\"input\" *ngFor=\"let input of data.inputs | keyvalue: sortByIndex\" [attr.data-testid]=\"'input-'+input.key\">\n    <div\n        class=\"input-socket\"\n        refComponent\n        [data]=\"{type: 'socket', side: 'input', key: input.key, nodeId: data.id, payload: input.value?.socket, seed: seed }\"\n        [emit]=\"emit\"\n        data-testid=\"input-socket\"\n    ></div>\n    <div class=\"input-title\" data-testid=\"input-title\" *ngIf=\"!input.value?.control || !input.value?.showControl\">{{input.value?.label}}</div>\n    <div\n        class=\"input-control\"\n        [style.display]=\"input.value?.control && input.value?.showControl ? '' : 'none'\"\n        refComponent\n        [data]=\"{type: 'control', payload: input.value?.control }\"\n        [emit]=\"emit\"\n        data-testid=\"input-control\"\n    ></div>\n</div>\n",
+                    template: "<div class=\"title\" data-testid=\"title\">{{data.label}}</div>\n<div class=\"output\" *ngFor=\"let output of data.outputs | keyvalueimpure: sortByIndex\" [attr.data-testid]=\"'output-'+output.key\">\n    <div class=\"output-title\" data-testid=\"output-title\">{{output.value?.label}}</div>\n    <div\n        class=\"output-socket\"\n        refComponent\n        [data]=\"{type: 'socket', side: 'output', key: output.key, nodeId: data.id, payload: output.value?.socket, seed: seed }\"\n        [emit]=\"emit\"\n        data-testid=\"output-socket\"\n    ></div>\n</div>\n<div\n    class=\"control\"\n    *ngFor=\"let control of data.controls | keyvalueimpure: sortByIndex\"\n    refComponent\n    [data]=\"{type: 'control', payload: control.value }\"\n    [emit]=\"emit\"\n    [attr.data-testid]=\"'control-'+control.key\"\n></div>\n<div class=\"input\" *ngFor=\"let input of data.inputs | keyvalueimpure: sortByIndex\" [attr.data-testid]=\"'input-'+input.key\">\n    <div\n        class=\"input-socket\"\n        refComponent\n        [data]=\"{type: 'socket', side: 'input', key: input.key, nodeId: data.id, payload: input.value?.socket, seed: seed }\"\n        [emit]=\"emit\"\n        data-testid=\"input-socket\"\n    ></div>\n    <div class=\"input-title\" data-testid=\"input-title\" *ngIf=\"!input.value?.control || !input.value?.showControl\">{{input.value?.label}}</div>\n    <div\n        class=\"input-control\"\n        [style.display]=\"input.value?.control && input.value?.showControl ? '' : 'none'\"\n        refComponent\n        [data]=\"{type: 'control', payload: input.value?.control }\"\n        [emit]=\"emit\"\n        data-testid=\"input-control\"\n    ></div>\n</div>\n",
                     host: {
                         'data-testid': 'node'
                     },
@@ -648,6 +648,7 @@
             this.ref.instance.start = this._start;
             this.ref.instance.end = this._end;
             this.ref.instance.path = this._path;
+            this.ref.changeDetectorRef.markForCheck();
         };
         return ConnectionWrapperComponent;
     }());
@@ -1148,6 +1149,31 @@
         emit: [{ type: core.Input }]
     };
 
+    var ImpureKeyvaluePipe = /** @class */ (function () {
+        function ImpureKeyvaluePipe() {
+        }
+        ImpureKeyvaluePipe.prototype.transform = function (value, compareFn) {
+            if (!value || typeof value !== 'object') {
+                return [];
+            }
+            var result = Object.entries(value).map(function (_a) {
+                var _b = __read(_a, 2), key = _b[0], val = _b[1];
+                return ({ key: key, value: val });
+            });
+            if (compareFn) {
+                result.sort(compareFn);
+            }
+            return result;
+        };
+        return ImpureKeyvaluePipe;
+    }());
+    ImpureKeyvaluePipe.decorators = [
+        { type: core.Pipe, args: [{
+                    name: 'keyvalueimpure',
+                    pure: false
+                },] }
+    ];
+
     var ReteModule = /** @class */ (function () {
         function ReteModule() {
         }
@@ -1161,7 +1187,8 @@
                         ConnectionComponent,
                         ConnectionWrapperComponent,
                         SocketComponent,
-                        ControlComponent
+                        ControlComponent,
+                        ImpureKeyvaluePipe
                     ],
                     imports: [
                         common.CommonModule
@@ -1172,7 +1199,8 @@
                         ConnectionComponent,
                         ConnectionWrapperComponent,
                         SocketComponent,
-                        ControlComponent
+                        ControlComponent,
+                        ImpureKeyvaluePipe
                     ],
                     entryComponents: [
                         NodeComponent,
@@ -1748,6 +1776,7 @@
     exports.ContextMenuItemComponent = ContextMenuItemComponent;
     exports.ContextMenuSearchComponent = ContextMenuSearchComponent;
     exports.ControlComponent = ControlComponent;
+    exports.ImpureKeyvaluePipe = ImpureKeyvaluePipe;
     exports.MiniNodeComponent = MiniNodeComponent;
     exports.MiniViewportComponent = MiniViewportComponent;
     exports.MinimapComponent = MinimapComponent;
@@ -1766,14 +1795,15 @@
     exports["ɵc"] = ConnectionWrapperComponent;
     exports["ɵd"] = SocketComponent;
     exports["ɵe"] = ControlComponent;
-    exports["ɵf"] = ContextMenuComponent;
-    exports["ɵg"] = ContextMenuSearchComponent;
-    exports["ɵh"] = ContextMenuItemComponent;
-    exports["ɵi"] = MinimapComponent;
-    exports["ɵj"] = MiniViewportComponent;
-    exports["ɵk"] = MiniNodeComponent;
-    exports["ɵl"] = PinsComponent;
-    exports["ɵm"] = PinComponent;
+    exports["ɵf"] = ImpureKeyvaluePipe;
+    exports["ɵg"] = ContextMenuComponent;
+    exports["ɵh"] = ContextMenuSearchComponent;
+    exports["ɵi"] = ContextMenuItemComponent;
+    exports["ɵj"] = MinimapComponent;
+    exports["ɵk"] = MiniViewportComponent;
+    exports["ɵl"] = MiniNodeComponent;
+    exports["ɵm"] = PinsComponent;
+    exports["ɵn"] = PinComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });