rete-angular-plugin 2.2.1 → 2.3.1

package/19/presets/minimap/components/mini-viewport/mini-viewport.component.d.ts

@@ -0,0 +1,27 @@
+import { MinimapData } from '../../types';
+import * as i0 from "@angular/core";
+export declare class MiniViewportComponent {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    containerWidth: number;
+    translate: MinimapData['translate'];
+    drag: {
+        start(e: {
+            pageX: number;
+            pageY: number;
+        }): void;
+    };
+    get styleLeft(): string;
+    get styleTop(): string;
+    get styleWidth(): string;
+    get styleHeight(): string;
+    pointerdown(event: PointerEvent): void;
+    px(value: number): string;
+    scale(v: number): number;
+    invert(v: number): number;
+    onDrag(dx: number, dy: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MiniViewportComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MiniViewportComponent, "minimap-mini-viewport", never, { "left": { "alias": "left"; "required": false; }; "top": { "alias": "top"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "containerWidth": { "alias": "containerWidth"; "required": false; }; "translate": { "alias": "translate"; "required": false; }; }, {}, never, never, true, never>;
+}

package/19/presets/minimap/components/minimap/minimap.component.d.ts

@@ -0,0 +1,25 @@
+import { ChangeDetectorRef, OnChanges, ElementRef } from '@angular/core';
+import { MinimapData } from '../../types';
+import * as i0 from "@angular/core";
+export declare class MinimapComponent implements OnChanges {
+    el: ElementRef;
+    private cdr;
+    rendered: () => void;
+    size: number;
+    ratio: MinimapData['ratio'];
+    nodes: MinimapData['nodes'];
+    viewport: MinimapData['viewport'];
+    translate: MinimapData['translate'];
+    point: MinimapData['point'];
+    get width(): string;
+    get height(): string;
+    pointerdown(event: PointerEvent): void;
+    dblclick(event: MouseEvent): void;
+    constructor(el: ElementRef, cdr: ChangeDetectorRef);
+    ngOnChanges(): void;
+    px(value: number): string;
+    scale(value: number): number;
+    identifyMiniNode(_: number, item: MinimapData['nodes'][number]): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MinimapComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MinimapComponent, "ng-component", never, { "rendered": { "alias": "rendered"; "required": false; }; "size": { "alias": "size"; "required": false; }; "ratio": { "alias": "ratio"; "required": false; }; "nodes": { "alias": "nodes"; "required": false; }; "viewport": { "alias": "viewport"; "required": false; }; "translate": { "alias": "translate"; "required": false; }; "point": { "alias": "point"; "required": false; }; }, {}, never, never, true, never>;
+}

package/19/presets/minimap/index.d.ts

@@ -0,0 +1,9 @@
+import { BaseSchemes } from 'rete';
+import { RenderPreset } from '../types';
+import { MinimapRender } from './types';
+/**
+ * Preset for rendering minimap.
+ */
+export declare function setup<Schemes extends BaseSchemes, K extends MinimapRender>(props?: {
+    size?: number;
+}): RenderPreset<Schemes, K>;

package/19/presets/minimap/module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./components/minimap/minimap.component";
+import * as i3 from "./components/mini-viewport/mini-viewport.component";
+import * as i4 from "./components/mini-node/mini-node.component";
+export declare class ReteMinimapModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReteMinimapModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ReteMinimapModule, never, [typeof i1.CommonModule, typeof i2.MinimapComponent, typeof i3.MiniViewportComponent, typeof i4.MiniNodeComponent], [typeof i2.MinimapComponent, typeof i3.MiniViewportComponent, typeof i4.MiniNodeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ReteMinimapModule>;
+}

package/19/presets/minimap/types.d.ts

@@ -0,0 +1,22 @@
+import { RenderSignal } from '../../types';
+export type Rect = {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+};
+export type Transform = {
+    x: number;
+    y: number;
+    k: number;
+};
+export type Translate = (dx: number, dy: number) => void;
+export type MinimapData = {
+    ratio: number;
+    nodes: Rect[];
+    viewport: Rect;
+    start(): Transform;
+    translate: Translate;
+    point(x: number, y: number): void;
+};
+export type MinimapRender = RenderSignal<'minimap', MinimapData>;

package/19/presets/reroute/components/index.d.ts

@@ -0,0 +1,2 @@
+export { PinsComponent } from './pins/pins.component';
+export { PinComponent } from './pin/pin.component';

package/19/presets/reroute/components/pin/pin.component.d.ts

@@ -0,0 +1,30 @@
+import { ChangeDetectorRef, OnChanges, EventEmitter } from '@angular/core';
+import { Position } from '../../types';
+import * as i0 from "@angular/core";
+export declare class PinComponent implements OnChanges {
+    private cdr;
+    position: Position;
+    selected?: boolean;
+    getPointer: () => Position;
+    menu: EventEmitter<void>;
+    translate: EventEmitter<{
+        dx: number;
+        dy: number;
+    }>;
+    down: EventEmitter<void>;
+    drag: {
+        start(e: {
+            pageX: number;
+            pageY: number;
+        }): void;
+    };
+    get _selected(): boolean;
+    get top(): string;
+    get left(): string;
+    pointerdown(event: PointerEvent): void;
+    contextmenu(event: MouseEvent): void;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PinComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PinComponent, "reroute-pin", never, { "position": { "alias": "position"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "getPointer": { "alias": "getPointer"; "required": false; }; }, { "menu": "menu"; "translate": "translate"; "down": "down"; }, never, never, true, never>;
+}

package/19/presets/reroute/components/pins/pins.component.d.ts

@@ -0,0 +1,17 @@
+import { ChangeDetectorRef, OnChanges } from '@angular/core';
+import { Pin, PinData, Position } from '../../types';
+import * as i0 from "@angular/core";
+export declare class PinsComponent implements OnChanges {
+    private cdr;
+    rendered: () => void;
+    pins: PinData['pins'];
+    down?: (id: string) => void;
+    translate?: (id: string, dx: number, dy: number) => void;
+    menu?: (id: string) => void;
+    getPointer?: () => Position;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges(): void;
+    track(_: number, item: Pin): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PinsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PinsComponent, "ng-component", never, { "rendered": { "alias": "rendered"; "required": false; }; "pins": { "alias": "pins"; "required": false; }; "down": { "alias": "down"; "required": false; }; "translate": { "alias": "translate"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "getPointer": { "alias": "getPointer"; "required": false; }; }, {}, never, never, true, never>;
+}

package/19/presets/reroute/index.d.ts

@@ -0,0 +1,13 @@
+import { BaseSchemes } from 'rete';
+import { RenderPreset } from '../types';
+import { PinsRender } from './types';
+type Props = {
+    translate?: (id: string, dx: number, dy: number) => void;
+    contextMenu?: (id: string) => void;
+    pointerdown?: (id: string) => void;
+};
+/**
+ * Preset for rendering pins.
+ */
+export declare function setup<Schemes extends BaseSchemes, K extends PinsRender>(props?: Props): RenderPreset<Schemes, K>;
+export {};

package/19/presets/reroute/module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./components/pins/pins.component";
+import * as i3 from "./components/pin/pin.component";
+export declare class ReteRerouteModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReteRerouteModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ReteRerouteModule, never, [typeof i1.CommonModule, typeof i2.PinsComponent, typeof i3.PinComponent], [typeof i2.PinsComponent, typeof i3.PinComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ReteRerouteModule>;
+}

package/19/presets/reroute/types.d.ts

@@ -0,0 +1,18 @@
+import { ConnectionId } from 'rete';
+import { RenderSignal } from '../../types';
+export type Position = {
+    x: number;
+    y: number;
+};
+export type Pin = {
+    id: string;
+    position: Position;
+    selected?: boolean;
+};
+export type PinData = {
+    id: ConnectionId;
+    pins: Pin[];
+};
+export type PinsRender = RenderSignal<'reroute-pins', {
+    data: PinData;
+}>;

package/19/presets/types.d.ts

@@ -0,0 +1,15 @@
+import { BaseSchemes } from 'rete';
+import { AngularPlugin } from '../core';
+export type RenderPreset<Schemes extends BaseSchemes, T> = {
+    attach?: (plugin: AngularPlugin<Schemes, T>) => void;
+    update: (context: Extract<T, {
+        type: 'render';
+    }>, plugin: AngularPlugin<Schemes, T>) => Record<string, unknown> | undefined | null | void;
+    mount: (context: Extract<T, {
+        type: 'render';
+    }>, plugin: AngularPlugin<Schemes, T>) => {
+        key: string;
+        component: any;
+        props: Record<string, unknown>;
+    } | undefined | null | void;
+};

package/19/ref.d.ts

@@ -0,0 +1,12 @@
+import { ElementRef, OnChanges, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class RefDirective implements OnChanges, OnDestroy {
+    private el;
+    data: any;
+    emit: any;
+    constructor(el: ElementRef);
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RefDirective, "[refComponent]", never, { "data": { "alias": "data"; "required": false; }; "emit": { "alias": "emit"; "required": false; }; }, {}, never, never, true, never>;
+}

package/19/reflect.d.ts

@@ -0,0 +1 @@
+export declare function reflect(obj: unknown): unknown;

package/19/shared/drag.d.ts

@@ -0,0 +1,10 @@
+import { Position } from '../types';
+type Translate = (dx: number, dy: number) => void;
+type StartEvent = {
+    pageX: number;
+    pageY: number;
+};
+export declare function useDrag(translate: Translate, getPointer: (e: StartEvent) => Position): {
+    start(e: StartEvent): void;
+};
+export {};

package/19/types.d.ts

@@ -0,0 +1,29 @@
+import { NgElement as NgEl, NgElementStrategy } from '@angular/elements';
+export type NgElement = NgEl & {
+    ngElementStrategy: NgElementStrategy & {
+        setInputValue(key: string, value: any): void;
+    };
+};
+export type NodeProps = {
+    data: any;
+    rendered: any;
+    emit: any;
+} & NgElement;
+export type Position = {
+    x: number;
+    y: number;
+};
+export type RenderSignal<Type extends string, Data> = {
+    type: 'render';
+    data: {
+        element: HTMLElement;
+        filled?: boolean;
+        type: Type;
+    } & Data;
+} | {
+    type: 'rendered';
+    data: {
+        element: HTMLElement;
+        type: Type;
+    } & Data;
+};

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [2.3.1](https://github.com/retejs/angular-plugin/compare/v2.3.0...v2.3.1) (2025-01-04)
+
+
+### Bug Fixes
+
+* context menu subitems for v19 ([1e0abed](https://github.com/retejs/angular-plugin/commit/1e0abedbd0e7d30e9e16ca133f6195b824708021))
+
+# [2.3.0](https://github.com/retejs/angular-plugin/compare/v2.2.1...v2.3.0) (2024-12-30)
+
+
+### Bug Fixes
+
+* update in angular 19 ([e77caef](https://github.com/retejs/angular-plugin/commit/e77caef983586bf1fe808337421a43f2ff9a72b3))
+
+
+### Features
+
+* support angular 19 ([3b517a7](https://github.com/retejs/angular-plugin/commit/3b517a7a729334d2cfd264018cc9739619f50911))
+
 ## [2.2.1](https://github.com/retejs/angular-plugin/compare/v2.2.0...v2.2.1) (2024-09-14)
 
 

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

@@ -432,6 +432,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",
                     host: {
                         'data-testid': 'node'
@@ -802,6 +803,7 @@
         };
     }
 
+    // [imports]
     var ContextMenuComponent = /** @class */ (function () {
         function ContextMenuComponent(cdr) {
             var _this = this;
@@ -844,6 +846,7 @@
     }());
     ContextMenuComponent.decorators = [
         { type: core.Component, args: [{
+                    // [component-directive]
                     template: "<div class=\"block\" *ngIf=\"searchBar\">\n  <context-menu-search [value]=\"filter\" (update)=\"setFilter($event)\"></context-menu-search>\n</div>\n\n<context-menu-item *ngFor=\"let item of getItems()\" [delay]=\"delay\" (select)=\"item.handler()\" [subitems]=\"item.subitems\"\n  (hide)=\"onHide()\">\n  {{ item.label }}\n</context-menu-item>\n",
                     host: {
                         'data-testid': 'context-menu'
@@ -910,6 +913,7 @@
         setup: setup$2
     });
 
+    // [imports]
     var MinimapComponent = /** @class */ (function () {
         function MinimapComponent(el, cdr) {
             this.el = el;
@@ -964,6 +968,7 @@
     }());
     MinimapComponent.decorators = [
         { type: core.Component, args: [{
+                    // [component-directive]
                     template: "<minimap-mini-node *ngFor=\"let node of nodes; trackBy: identifyMiniNode\" [left]=\"scale(node.left)\"\n  [top]=\"scale(node.top)\" [width]=\"scale(node.width)\" [height]=\"scale(node.height)\">\n\n</minimap-mini-node>\n<minimap-mini-viewport [left]=\"viewport.left\" [top]=\"viewport.top\" [width]=\"viewport.width\" [height]=\"viewport.height\"\n  [containerWidth]=\"el.nativeElement?.clientWidth\" [translate]=\"translate\"></minimap-mini-viewport>\n",
                     host: {
                         'data-testid': 'minimap'
@@ -1038,6 +1043,7 @@
         setup: setup$1
     });
 
+    // [imports]
     var PinsComponent = /** @class */ (function () {
         function PinsComponent(cdr) {
             this.cdr = cdr;
@@ -1055,6 +1061,7 @@
     }());
     PinsComponent.decorators = [
         { type: core.Component, args: [{
+                    // [component-directive]
                     template: "<reroute-pin *ngFor=\"let pin of pins; trackBy: track\" [position]=\"pin.position\" [selected]=\"pin.selected\"\n  (menu)=\"menu && menu(pin.id)\" (translate)=\"translate && translate(pin.id, $event.dx, $event.dy)\"\n  (down)=\"down && down(pin.id)\" [getPointer]=\"getPointer\"></reroute-pin>\n"
                 },] }
     ];
@@ -1195,6 +1202,7 @@
         update: [{ type: core.Output }]
     };
 
+    // [imports]
     var ContextMenuItemComponent = /** @class */ (function () {
         function ContextMenuItemComponent(cdr) {
             var _this = this;
@@ -1242,6 +1250,7 @@
     }());
     ContextMenuItemComponent.decorators = [
         { type: core.Component, args: [{
+                    // [component-directive]
                     selector: 'context-menu-item',
                     template: "<ng-content></ng-content>\n<div class=\"subitems\" *ngIf=\"subitems && visibleSubitems\">\n  <context-menu-item *ngFor=\"let item of subitems\" [delay]=\"delay\" (select)=\"item.handler()\" (hide)=\"hide.emit()\">\n    {{ item.label }}\n  </context-menu-item>\n</div>\n",
                     host: {
@@ -1576,6 +1585,24 @@
                 },] }
     ];
 
+    function reflect(obj) {
+        if (typeof obj !== 'object' || obj === null) {
+            return obj;
+        }
+        return new Proxy(obj, {
+            get: function (target, prop) {
+                return target[prop];
+            },
+            set: function (target, prop, value) {
+                target[prop] = value;
+                return true;
+            },
+            has: function (target, prop) { return prop in target; },
+            deleteProperty: function (target, prop) { return delete target[prop]; },
+            ownKeys: function (target) { return Reflect.ownKeys(target); }
+        });
+    }
+
     function getRenderer() {
         var elements$1 = new WeakMap();
         return {
@@ -1598,9 +1625,8 @@
             update: function (_a, props) {
                 var ngElement = _a.ngElement;
                 Object.keys(props).forEach(function (key) {
-                    ngElement.ngElementStrategy.setInputValue(key, props[key]);
+                    ngElement.ngElementStrategy.setInputValue(key, reflect(props[key]));
                 });
-                ngElement.ngElementStrategy.setInputValue('seed', Math.random());
             },
             unmount: function (element) {
                 var existing = elements$1.get(element);