rete-angular-plugin 2.0.0 → 2.1.0

package/17/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, false, never>;
+}

package/17/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, false, never>;
+}

package/17/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/17/presets/minimap/module.d.ts

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

package/17/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/17/presets/reroute/components/index.d.ts

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

package/17/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, false, never>;
+}

package/17/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, false, never>;
+}

package/17/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/17/presets/reroute/module.d.ts

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

package/17/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/17/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/17/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, false, never>;
+}

package/17/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/17/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

@@ -0,0 +1,50 @@
+# [2.1.0](https://github.com/retejs/angular-plugin/compare/v2.0.2...v2.1.0) (2023-12-15)
+
+
+### Features
+
+* support Angular 17 ([b8c3250](https://github.com/retejs/angular-plugin/commit/b8c32500b4df952fd22907d0f3e31dd1edaef2c9))
+
+## [2.0.2](https://github.com/retejs/angular-plugin/compare/v2.0.1...v2.0.2) (2023-07-16)
+
+
+### Bug Fixes
+
+* install deps for v16 ([fd667a2](https://github.com/retejs/angular-plugin/commit/fd667a2c3e37fa45bc9df41febf66bd39a84552c))
+
+## [2.0.1](https://github.com/retejs/angular-plugin/compare/v2.0.0...v2.0.1) (2023-07-16)
+
+
+### Bug Fixes
+
+* emit 'unmount' ([4d17a2e](https://github.com/retejs/angular-plugin/commit/4d17a2e6d05567ff83c48881ba3edcf5dfe87801))
+
+## v2.0.0-beta.19
+
+Breaking changes:
+
+```ts
+render.addPreset(Presets.reroute.setup({
+  translate(id, dx, dy) {
+    // const { k } = rea.area.transform
+    // dividing by k isn't needed
+    reroutePlugin.translate(id, dx, dy);
+  }
+}))
+```
+
+## 2.0.0-beta.18
+
+Breaking changes: `area` property omitted from `Presets.classic.setup({ area })`
+
+## 2.0.0-beta.17
+
+Support Angular 16
+
+## 2.0.0-beta.14
+
+Implemented presets for Minimap and Reroute
+
+## 2.0.0-beta.13
+
+Implemented preset for Context menu

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

@@ -389,27 +389,6 @@
         return typeof state === "function" ? receiver === state : state.has(receiver);
     }
 
-    var RefDirective = /** @class */ (function () {
-        function RefDirective(el) {
-            this.el = el;
-        }
-        RefDirective.prototype.ngOnChanges = function () {
-            this.emit({ type: 'render', data: Object.assign(Object.assign({}, this.data), { element: this.el.nativeElement }) });
-        };
-        return RefDirective;
-    }());
-    RefDirective.decorators = [
-        { type: core.Directive, args: [{
-                    selector: '[refComponent]'
-                },] }
-    ];
-    RefDirective.ctorParameters = function () { return [
-        { type: core.ElementRef }
-    ]; };
-    RefDirective.propDecorators = {
-        data: [{ type: core.Input }],
-        emit: [{ type: core.Input }]
-    };
     var NodeComponent = /** @class */ (function () {
         function NodeComponent(cdr) {
             this.cdr = cdr;
@@ -674,6 +653,9 @@
         connectionComponent: [{ type: core.Input }]
     };
 
+    /**
+     * Classic preset for rendering nodes, connections, controls and sockets.
+     */
     function setup$3(props) {
         var positionWatcher = typeof (props === null || props === void 0 ? void 0 : props.socketPositionWatcher) === 'undefined'
             ? reteRenderUtils.getDOMSocketPosition() // fix Type instantiation is excessively deep and possibly infinite.
@@ -867,6 +849,9 @@
         pointerleave: [{ type: core.HostListener, args: ['mouseleave',] }]
     };
 
+    /**
+     * Preset for rendering context menu.
+     */
     function setup$2(props) {
         var delay = typeof (props === null || props === void 0 ? void 0 : props.delay) === 'undefined' ? 1000 : props.delay;
         return {
@@ -988,6 +973,9 @@
         dblclick: [{ type: core.HostListener, args: ['dblclick', ['$event'],] }]
     };
 
+    /**
+     * Preset for rendering minimap.
+     */
     function setup$1(props) {
         return {
             update: function (context) {
@@ -1066,6 +1054,9 @@
         getPointer: [{ type: core.Input }]
     };
 
+    /**
+     * Preset for rendering pins.
+     */
     function setup(props) {
         var getProps = function () { return ({
             menu: (props === null || props === void 0 ? void 0 : props.contextMenu) || (function () { return null; }),
@@ -1109,6 +1100,31 @@
         reroute: index$1
     });
 
+    var RefDirective = /** @class */ (function () {
+        function RefDirective(el) {
+            this.el = el;
+        }
+        RefDirective.prototype.ngOnChanges = function () {
+            this.emit({ type: 'render', data: Object.assign(Object.assign({}, this.data), { element: this.el.nativeElement }) });
+        };
+        RefDirective.prototype.ngOnDestroy = function () {
+            this.emit({ type: 'unmount', data: { element: this.el.nativeElement } });
+        };
+        return RefDirective;
+    }());
+    RefDirective.decorators = [
+        { type: core.Directive, args: [{
+                    selector: '[refComponent]'
+                },] }
+    ];
+    RefDirective.ctorParameters = function () { return [
+        { type: core.ElementRef }
+    ]; };
+    RefDirective.propDecorators = {
+        data: [{ type: core.Input }],
+        emit: [{ type: core.Input }]
+    };
+
     var ReteModule = /** @class */ (function () {
         function ReteModule() {
         }
@@ -1579,8 +1595,20 @@
             }
         };
     }
+    /**
+     * Angular plugin. Renders nodes, connections and other elements using React.
+     * @priority 9
+     * @emits connectionpath
+     * @listens render
+     * @listens unmount
+     */
     var AngularPlugin = /** @class */ (function (_super) {
         __extends(AngularPlugin, _super);
+        /**
+         * @constructor
+         * @param params Plugin properties
+         * @param params.injector Angular's Injector instance
+         */
         function AngularPlugin(params) {
             var _this = _super.call(this, 'angular-render') || this;
             _this.params = params;
@@ -1653,6 +1681,10 @@
             }
             return;
         };
+        /**
+         * Adds a preset to the plugin.
+         * @param preset Preset that can render nodes, connections and other elements.
+         */
         AngularPlugin.prototype.addPreset = function (preset) {
             var local = preset;
             if (local.attach)
@@ -1686,20 +1718,19 @@
     exports.ReteModule = ReteModule;
     exports.ReteRerouteModule = ReteRerouteModule;
     exports.SocketComponent = SocketComponent;
-    exports["ɵa"] = RefDirective;
-    exports["ɵb"] = NodeComponent;
-    exports["ɵc"] = ConnectionComponent;
-    exports["ɵd"] = ConnectionWrapperComponent;
-    exports["ɵe"] = SocketComponent;
-    exports["ɵf"] = ControlComponent;
-    exports["ɵg"] = ContextMenuComponent;
-    exports["ɵh"] = ContextMenuSearchComponent;
-    exports["ɵi"] = ContextMenuItemComponent;
-    exports["ɵj"] = MinimapComponent;
-    exports["ɵk"] = MiniViewportComponent;
-    exports["ɵl"] = MiniNodeComponent;
-    exports["ɵm"] = PinsComponent;
-    exports["ɵn"] = PinComponent;
+    exports["ɵa"] = NodeComponent;
+    exports["ɵb"] = ConnectionComponent;
+    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;
 
     Object.defineProperty(exports, '__esModule', { value: true });