rete-angular-plugin
Version:
Rete.js Angular plugin ==== [](https://stand-with-ukraine.pp.ua) [](ht
1 lines • 93.9 kB
Source Map (JSON)
{"version":3,"file":"rete-angular-plugin-ng14.mjs","sources":["../../../ng14/src/ref.ts","../../../ng14/src/shared/pipes/impure-keyvalue.pipe.ts","../../../ng14/src/presets/classic/components/node/node.component.html","../../../ng14/src/presets/classic/components/node/node.component.ts","../../../ng14/src/presets/classic/components/socket/socket.component.ts","../../../ng14/src/presets/classic/components/control/control.component.ts","../../../ng14/src/presets/classic/components/control/control.component.html","../../../ng14/src/presets/classic/components/connection/connection.component.ts","../../../ng14/src/presets/classic/components/connection/connection.component.html","../../../ng14/src/presets/classic/components/connection/connection-wrapper.component.ts","../../../ng14/src/presets/classic/index.ts","../../../ng14/src/presets/context-menu/debounce.ts","../../../ng14/src/presets/context-menu/components/search/search.component.ts","../../../ng14/src/presets/context-menu/components/search/search.component.html","../../../ng14/src/presets/context-menu/components/item/item.component.html","../../../ng14/src/presets/context-menu/components/item/item.component.ts","../../../ng14/src/presets/context-menu/components/menu/menu.component.html","../../../ng14/src/presets/context-menu/components/menu/menu.component.ts","../../../ng14/src/presets/context-menu/index.ts","../../../ng14/src/shared/drag.ts","../../../ng14/src/presets/minimap/components/mini-viewport/mini-viewport.component.ts","../../../ng14/src/presets/minimap/components/mini-node/mini-node.component.ts","../../../ng14/src/presets/minimap/components/minimap/minimap.component.html","../../../ng14/src/presets/minimap/components/minimap/minimap.component.ts","../../../ng14/src/presets/minimap/index.ts","../../../ng14/src/presets/reroute/components/pin/pin.component.ts","../../../ng14/src/presets/reroute/components/pins/pins.component.html","../../../ng14/src/presets/reroute/components/pins/pins.component.ts","../../../ng14/src/presets/reroute/index.ts","../../../ng14/src/presets/index.ts","../../../ng14/src/module.ts","../../../ng14/src/presets/context-menu/module.ts","../../../ng14/src/presets/minimap/module.ts","../../../ng14/src/presets/reroute/module.ts","../../../ng14/src/reflect.ts","../../../ng14/src/core.ts","../../../ng14/src/rete-angular-plugin-ng14.ts"],"sourcesContent":["import { Input, ElementRef, OnChanges, OnDestroy } from '@angular/core';\nimport { Directive } from '@angular/core';\n\n@Directive({\n selector: '[refComponent]'\n})\nexport class RefDirective implements OnChanges, OnDestroy {\n @Input() data!: any\n @Input() emit!: any\n\n constructor(private el: ElementRef) { }\n\n ngOnChanges() {\n this.emit({ type: 'render', data: { ...this.data, element: this.el.nativeElement } })\n }\n\n ngOnDestroy() {\n this.emit({ type: 'unmount', data: { element: this.el.nativeElement } })\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'keyvalueimpure',\n pure: false\n})\nexport class ImpureKeyvaluePipe implements PipeTransform {\n\n transform(value: {[key: string]: any} | null | undefined, compareFn?: (a: any, b: any) => number): Array<{key: string, value: any}> {\n if (!value || typeof value !== 'object') {\n return [];\n }\n\n const result = Object.entries(value).map(([key, val]) => ({key, value: val}));\n\n if (compareFn) {\n result.sort(compareFn);\n }\n\n return result;\n }\n}\n","<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","import { Component, Input, HostBinding, ChangeDetectorRef, OnChanges } from '@angular/core';\nimport { ClassicPreset as Classic } from 'rete';\nimport { KeyValue } from '@angular/common';\n// [imports]\n\ntype NodeExtraData = { width?: number, height?: number }\ntype SortValue<N extends Classic.Node> = (N['controls'] | N['inputs'] | N['outputs'])[string]\n\n@Component({\n // [component-directive]\n templateUrl: './node.component.html',\n styleUrls: ['./node.component.sass'],\n host: {\n 'data-testid': 'node'\n }\n})\nexport class NodeComponent implements OnChanges {\n @Input() data!: Classic.Node & NodeExtraData;\n @Input() emit!: (data: any) => void\n @Input() rendered!: () => void\n\n seed = 0\n\n @HostBinding('style.width.px') get width() {\n return this.data.width\n }\n\n @HostBinding('style.height.px') get height() {\n return this.data.height\n }\n\n @HostBinding('class.selected') get selected() {\n return this.data.selected\n }\n\n constructor(private cdr: ChangeDetectorRef) {\n this.cdr.detach()\n }\n\n ngOnChanges(): void {\n this.cdr.detectChanges()\n requestAnimationFrame(() => this.rendered())\n this.seed++ // force render sockets\n }\n\n sortByIndex<N extends Classic.Node, I extends KeyValue<string, SortValue<N>>>(a: I, b: I) {\n const ai = a.value?.index || 0\n const bi = b.value?.index || 0\n\n return ai - bi\n }\n}\n","import { Component, Input, HostBinding, AfterViewChecked, ChangeDetectorRef, OnChanges } from '@angular/core';\n\n@Component({\n template: ``,\n styleUrls: ['./socket.component.sass']\n})\nexport class SocketComponent implements OnChanges {\n @Input() data!: any;\n @Input() rendered!: any;\n\n\n @HostBinding('title') get title() {\n return this.data.name\n }\n\n constructor(private cdr: ChangeDetectorRef) {\n this.cdr.detach()\n }\n\n ngOnChanges(): void {\n this.cdr.detectChanges()\n requestAnimationFrame(() => this.rendered())\n }\n}\n","import { Component, Input, OnChanges, SimpleChanges, ChangeDetectorRef, HostListener } from '@angular/core';\nimport { ClassicPreset } from 'rete';\n\n@Component({\n templateUrl: `./control.component.html`,\n styleUrls: ['./control.component.sass']\n})\nexport class ControlComponent<T extends 'text' | 'number'> implements OnChanges {\n @Input() data!: ClassicPreset.InputControl<T>;\n @Input() rendered!: any;\n\n\n @HostListener('pointerdown', ['$event'])\n public pointerdown(event: any) {\n event.stopPropagation();\n }\n\n constructor(private cdr: ChangeDetectorRef) {\n this.cdr.detach()\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n const seed = changes['seed']\n const data = changes['data']\n\n if ((seed && seed.currentValue !== seed.previousValue)\n || (data && data.currentValue !== data.previousValue)) {\n this.cdr.detectChanges()\n }\n requestAnimationFrame(() => this.rendered())\n }\n\n onChange(e: Event) {\n const target = e.target as HTMLInputElement\n const value = (this.data.type === 'number'\n ? +target.value\n : target.value) as ClassicPreset.InputControl<T>['value']\n\n this.data.setValue(value)\n this.cdr.detectChanges()\n }\n}\n","<input\n [value]=\"data.value\"\n [readonly]=\"data.readonly\"\n [type]=\"data.type\"\n (input)=\"onChange($event)\"\n/>\n","import { Component, Input } from '@angular/core';\nimport { ClassicPreset } from 'rete';\nimport { classicConnectionPath } from 'rete-render-utils'\nimport { Position } from '../../../../types';\n\n\n@Component({\n selector: 'connection',\n templateUrl: './connection.component.html',\n styleUrls: ['./connection.component.sass']\n})\nexport class ConnectionComponent {\n @Input() data!: ClassicPreset.Connection<ClassicPreset.Node, ClassicPreset.Node>;\n @Input() start: Position\n @Input() end: Position\n @Input() path: string\n}\n","<svg data-testid=\"connection\">\n <path [attr.d]=\"path\" />\n</svg>\n","import { Component, Input, OnInit, ChangeDetectorRef, OnChanges, ViewContainerRef, ComponentFactoryResolver, ComponentRef } from '@angular/core';\nimport { ClassicPreset } from 'rete';\nimport { Position } from '../../../../types';\n\ntype PositionWatcher = (cb: (value: Position) => void) => (() => void)\n\n@Component({\n template: ''\n})\nexport class ConnectionWrapperComponent implements OnInit, OnChanges{\n @Input() data!: ClassicPreset.Connection<ClassicPreset.Node, ClassicPreset.Node>;\n @Input() start!: Position | PositionWatcher\n @Input() end!: Position | PositionWatcher\n @Input() path!: (start: Position, end: Position) => Promise<string>\n @Input() rendered!: any\n @Input() connectionComponent!: any\n\n ref!: ComponentRef<any>\n\n startOb: Position | null = null\n get _start(): Position | null {\n return 'x' in this.start ? this.start : this.startOb\n }\n endOb: Position | null = null\n get _end(): Position | null {\n return 'x' in this.end ? this.end : this.endOb\n }\n _path: string\n\n constructor(private cdr: ChangeDetectorRef, public viewContainerRef: ViewContainerRef, private componentFactoryResolver: ComponentFactoryResolver) {\n this.cdr.detach()\n }\n\n async ngOnChanges(): Promise<void> {\n await this.updatePath()\n requestAnimationFrame(() => this.rendered())\n this.cdr.detectChanges()\n this.update()\n }\n\n async updatePath() {\n if (this._start && this._end) {\n this._path = await this.path(this._start, this._end)\n }\n }\n\n ngOnInit() {\n if (typeof this.start === 'function') {\n this.start(async value => {\n this.startOb = value\n await this.updatePath()\n this.cdr.detectChanges()\n this.update()\n })\n }\n if (typeof this.end === 'function') {\n this.end(async value => {\n this.endOb = value\n await this.updatePath()\n this.cdr.detectChanges()\n this.update()\n })\n }\n const componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.connectionComponent);\n this.viewContainerRef.clear();\n\n this.ref = this.viewContainerRef.createComponent(componentFactory);\n this.update()\n }\n\n update() {\n this.ref.instance.data = this.data\n this.ref.instance.start = this._start\n this.ref.instance.end = this._end\n this.ref.instance.path = this._path\n this.ref.changeDetectorRef.markForCheck();\n }\n}\n","import { Type } from '@angular/core';\nimport { ClassicPreset, getUID, Scope } from 'rete';\nimport { classicConnectionPath, loopConnectionPath, SocketPositionWatcher, getDOMSocketPosition } from 'rete-render-utils';\nimport { AngularArea2D, ClassicScheme, ExtractPayload } from './types';\nimport { NodeComponent } from './components/node/node.component';\nimport { SocketComponent } from './components/socket/socket.component';\nimport { ControlComponent } from './components/control/control.component';\nimport { ConnectionComponent } from './components/connection/connection.component';\nimport { ConnectionWrapperComponent } from './components/connection/connection-wrapper.component';\nimport { Position } from '../../types';\nimport { RenderPreset } from '../types'\n\ntype AngularComponent = Type<any>\ntype CustomizationProps<Schemes extends ClassicScheme> = {\n node?: (data: ExtractPayload<Schemes, 'node'>) => AngularComponent | null\n connection?: (data: ExtractPayload<Schemes, 'connection'>) => AngularComponent | null\n socket?: (data: ExtractPayload<Schemes, 'socket'>) => AngularComponent | null\n control?: (data: ExtractPayload<Schemes, 'control'>) => AngularComponent | null\n}\n\ntype ClassicProps<Schemes extends ClassicScheme, K> = {\n socketPositionWatcher?: SocketPositionWatcher<Scope<never, [K]>>\n customize?: CustomizationProps<Schemes>\n}\n\n/**\n * Classic preset for rendering nodes, connections, controls and sockets.\n */\nexport function setup<Schemes extends ClassicScheme, K extends AngularArea2D<Schemes>>(\n props?: ClassicProps<Schemes, K>\n): RenderPreset<Schemes, K> {\n const positionWatcher = typeof props?.socketPositionWatcher === 'undefined'\n ? getDOMSocketPosition<Schemes, any>() // fix Type instantiation is excessively deep and possibly infinite.\n : props?.socketPositionWatcher\n const { node, connection, socket, control } = props?.customize || {}\n\n\n return {\n attach(plugin) {\n positionWatcher.attach(plugin as unknown as Scope<never, [K]>)\n },\n update(context) {\n const data = context.data.payload\n\n if (context.data.type === 'connection') {\n const { start, end } = context.data\n\n return {\n data,\n ...(start ? { start } : {}),\n ...(end ? { end } : {}),\n }\n }\n return { data }\n },\n mount(context, plugin) {\n const parent = plugin.parentScope()\n const emit = parent.emit.bind(parent)\n const rendered = () => {\n emit({ type: 'rendered', data: context.data })\n }\n\n if (context.data.type === 'node') {\n const component = node ? node(context.data) : NodeComponent\n\n return {\n key: `node-${context.data.payload.id}`,\n component,\n props: {\n data: context.data.payload,\n emit,\n rendered\n }\n }\n }\n if (context.data.type === 'connection') {\n const component = connection ? connection(context.data) : ConnectionComponent\n const id = context.data.payload.id\n const { sourceOutput, targetInput, source, target } = context.data.payload\n const { start, end, payload } = context.data\n\n return {\n key: `connection-${id}`,\n component: ConnectionWrapperComponent,\n props: {\n connectionComponent: component,\n data: payload,\n start: start || ((change: any) => positionWatcher.listen(source, 'output', sourceOutput, change)),\n end: end || ((change: any) => positionWatcher.listen(target, 'input', targetInput, change)),\n path: async (start, end) => {\n const response = await plugin.emit({ type: 'connectionpath', data: { payload, points: [start, end] } })\n\n if (!response) return ''\n\n const { path, points } = response.data\n const curvature = 0.3\n\n if (!path && points.length !== 2) throw new Error('cannot render connection with a custom number of points')\n if (!path) return payload.isLoop\n ? loopConnectionPath(points as [Position, Position], curvature, 120)\n : classicConnectionPath(points as [Position, Position], curvature)\n\n return path\n },\n rendered\n }\n }\n }\n if (context.data.type === 'socket') {\n const component = socket ? socket(context.data) : SocketComponent\n\n return {\n key: `socket-${getUID()}`,\n component,\n props: {\n data: context.data.payload,\n rendered\n }\n }\n }\n if (context.data.type === 'control') {\n const component = control\n ? control(context.data)\n : (\n context.data.payload instanceof ClassicPreset.InputControl\n ? ControlComponent\n : null\n )\n\n if (component) {\n return {\n key: `control-${context.data.payload.id}`,\n component,\n props: {\n data: context.data.payload,\n rendered\n }\n }\n }\n return\n }\n return\n }\n }\n}\n","export function debounce(cb: () => void) {\n return {\n timeout: null as null | number,\n cancel() {\n if (this.timeout) {\n window.clearTimeout(this.timeout)\n this.timeout = null\n }\n },\n call(delay: number) {\n this.timeout = window.setTimeout(() => {\n cb()\n }, delay)\n }\n }\n}\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'context-menu-search',\n templateUrl: './search.component.html',\n styleUrls: ['./search.component.sass']\n})\nexport class ContextMenuSearchComponent {\n @Input() value!: string\n @Output() update = new EventEmitter<string>()\n}\n","<input class=\"search\" [value]=\"value\" (input)=\"update.emit($any($event.target)?.value || '')\"\n data-testid=\"context-menu-search-input\" />\n","<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","import { ChangeDetectorRef, Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';\nimport { Item } from '../../types';\nimport { debounce } from '../../debounce';\n// [imports]\n\n@Component({\n // [component-directive]\n selector: 'context-menu-item',\n templateUrl: './item.component.html',\n styleUrls: ['./item.component.sass', '../../block.sass'],\n host: {\n 'data-testid': 'context-menu-item'\n }\n})\nexport class ContextMenuItemComponent {\n @Input() subitems?: Item[]\n @Input() delay!: number\n @Output() select = new EventEmitter<void>();\n @Output() hide = new EventEmitter<void>();\n\n @HostBinding('class.block') get block() { return true }\n @HostBinding('class.hasSubitems') get hasSubitems() { return this.subitems }\n\n @HostListener('click', ['$event']) click(event: MouseEvent) {\n event.stopPropagation()\n this.select.emit()\n this.hide.emit()\n }\n @HostListener('pointerdown', ['$event']) pointerdown(event: PointerEvent) {\n event.stopPropagation()\n }\n @HostListener('wheel', ['$event']) wheel(event: MouseEvent) {\n event.stopPropagation()\n }\n\n hideSubitems = debounce(() => {\n this.visibleSubitems = false\n this.cdr.detectChanges()\n })\n visibleSubitems = false\n\n @HostListener('pointerover') pointerover() {\n this.hideSubitems.cancel()\n this.visibleSubitems = true\n this.cdr.detectChanges()\n }\n @HostListener('pointerleave') pointerleave() {\n this.hideSubitems.call(this.delay)\n this.cdr.detectChanges()\n }\n\n constructor(private cdr: ChangeDetectorRef) {\n this.cdr.detach()\n }\n}\n","<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","import { Component, Input, ChangeDetectorRef, OnChanges, OnDestroy, HostListener, HostBinding } from '@angular/core';\nimport { Item } from '../../types';\nimport { debounce } from '../../debounce';\n// [imports]\n\n@Component({\n // [component-directive]\n templateUrl: './menu.component.html',\n styleUrls: ['./menu.component.sass', '../../block.sass'],\n host: {\n 'data-testid': 'context-menu'\n }\n})\nexport class ContextMenuComponent implements OnChanges, OnDestroy {\n @Input() items!: Item[]\n @Input() delay!: number\n @Input() searchBar?: boolean\n @Input() onHide!: () => void\n @Input() rendered!: () => void\n\n public filter: string = ''\n\n hide = debounce(() => {\n this.onHide()\n this.cdr.detectChanges()\n })\n\n @HostBinding('attr.rete-context-menu') customAttribute = ''\n\n @HostListener('mouseover') pointerover() {\n this.hide.cancel()\n this.cdr.detectChanges()\n }\n @HostListener('mouseleave') pointerleave() {\n this.hide.call(this.delay)\n this.cdr.detectChanges()\n }\n\n constructor(private cdr: ChangeDetectorRef) {\n this.cdr.detach()\n }\n\n ngOnChanges(): void {\n this.cdr.detectChanges()\n requestAnimationFrame(() => this.rendered())\n }\n\n setFilter(value: string) {\n this.filter = value\n this.cdr.detectChanges()\n }\n\n getItems() {\n const filterRegexp = new RegExp(this.filter, 'i')\n const filteredList = this.items.filter(item => (\n item.label.match(filterRegexp)\n ))\n\n return filteredList\n }\n\n ngOnDestroy(): void {\n if (this.hide) this.hide.cancel()\n }\n}\n","import { BaseSchemes } from 'rete';\n\nimport { ContextMenuRender } from './types';\nimport { ContextMenuComponent } from './components/menu/menu.component';\nimport { RenderPreset } from '../types';\n\n/**\n * Preset for rendering context menu.\n */\nexport function setup<Schemes extends BaseSchemes, K extends ContextMenuRender>(props?: { delay?: number }): RenderPreset<Schemes, K> {\n const delay = typeof props?.delay === 'undefined' ? 1000 : props.delay\n\n return {\n update(context) {\n if (context.data.type === 'contextmenu') {\n return {\n items: context.data.items,\n delay,\n searchBar: context.data.searchBar,\n onHide: context.data.onHide\n }\n }\n },\n mount(context, plugin) {\n const parent = plugin.parentScope()\n const emit = parent.emit.bind(parent)\n const rendered = () => {\n emit({ type: 'rendered', data: context.data } as any)\n }\n\n if (context.data.type === 'contextmenu') {\n return {\n key: 'context-menu',\n component: ContextMenuComponent,\n props: {\n items: context.data.items,\n delay,\n searchBar: context.data.searchBar,\n onHide: context.data.onHide,\n rendered\n }\n }\n }\n return null\n }\n }\n}\n","import { Position } from '../types'\n\ntype Translate = (dx: number, dy: number) => void\ntype StartEvent = { pageX: number, pageY: number }\n\nexport function useDrag(translate: Translate, getPointer: (e: StartEvent) => Position) {\n return {\n start(e: StartEvent) {\n let previous = { ...getPointer(e) }\n\n function move(moveEvent: MouseEvent) {\n const current = { ...getPointer(moveEvent) }\n const dx = current.x - previous.x\n const dy = current.y - previous.y\n\n previous = current\n\n translate(dx, dy)\n }\n function up() {\n window.removeEventListener('pointermove', move)\n window.removeEventListener('pointerup', up)\n window.removeEventListener('pointercancel', up)\n }\n\n window.addEventListener('pointermove', move)\n window.addEventListener('pointerup', up)\n window.addEventListener('pointercancel', up)\n }\n }\n}\n","import { Component, Input, HostBinding, HostListener } from '@angular/core';\nimport { useDrag } from '../../../../shared/drag';\nimport { MinimapData } from '../../types';\n\n@Component({\n selector: 'minimap-mini-viewport',\n templateUrl: './mini-viewport.component.html',\n styleUrls: ['./mini-viewport.component.sass'],\n host: {\n 'data-testid': 'minimap-viewport'\n }\n})\nexport class MiniViewportComponent {\n @Input() left!: number\n @Input() top!: number\n @Input() width!: number\n @Input() height!: number\n @Input() containerWidth!: number\n @Input() translate!: MinimapData['translate']\n\n drag = useDrag((dx, dy) => this.onDrag(dx, dy), e => ({ x: e.pageX, y: e.pageY }))\n\n @HostBinding('style.left') get styleLeft() {\n return this.px(this.scale(this.left))\n }\n @HostBinding('style.top') get styleTop() {\n return this.px(this.scale(this.top))\n }\n @HostBinding('style.width') get styleWidth() {\n return this.px(this.scale(this.width))\n }\n @HostBinding('style.height') get styleHeight() {\n return this.px(this.scale(this.height))\n }\n\n @HostListener('pointerdown', ['$event']) pointerdown(event: PointerEvent) {\n event.stopPropagation()\n this.drag.start(event)\n }\n\n px(value: number) {\n return `${value}px`\n }\n\n scale(v: number) {\n return v * this.containerWidth\n }\n\n invert(v: number) {\n return v / this.containerWidth\n }\n\n onDrag(dx: number, dy: number) {\n this.translate(this.invert(-dx), this.invert(-dy))\n }\n}\n","import { Component, Input, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'minimap-mini-node',\n templateUrl: './mini-node.component.html',\n styleUrls: ['./mini-node.component.sass'],\n host: {\n 'data-testid': 'minimap-node'\n }\n})\nexport class MiniNodeComponent {\n @Input() left!: number\n @Input() top!: number\n @Input() width!: number\n @Input() height!: number\n\n @HostBinding('style.left') get styleLeft() {\n return this.px(this.left)\n }\n @HostBinding('style.top') get styleTop() {\n return this.px(this.top)\n }\n @HostBinding('style.width') get styleWidth() {\n return this.px(this.width)\n }\n @HostBinding('style.height') get styleHeight() {\n return this.px(this.height)\n }\n\n px(value: number) {\n return `${value}px`\n }\n\n}\n","<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","import { Component, Input, ChangeDetectorRef, OnChanges, HostListener, ElementRef, HostBinding } from '@angular/core';\nimport { MinimapData } from '../../types';\n// [imports]\n\n@Component({\n // [component-directive]\n templateUrl: './minimap.component.html',\n styleUrls: ['./minimap.component.sass'],\n host: {\n 'data-testid': 'minimap'\n }\n})\nexport class MinimapComponent implements OnChanges {\n @Input() rendered!: () => void\n @Input() size!: number\n @Input() ratio!: MinimapData['ratio']\n @Input() nodes!: MinimapData['nodes']\n @Input() viewport!: MinimapData['viewport']\n @Input() translate!: MinimapData['translate']\n @Input() point!: MinimapData['point']\n\n @HostBinding('style.width') get width() {\n return this.px(this.size * this.ratio)\n }\n @HostBinding('style.height') get height() {\n return this.px(this.size)\n }\n\n @HostListener('pointerdown', ['$event']) pointerdown(event: PointerEvent) {\n event.stopPropagation()\n event.preventDefault()\n }\n\n @HostListener('dblclick', ['$event']) dblclick(event: MouseEvent) {\n event.stopPropagation()\n event.preventDefault()\n\n if (!this.el.nativeElement) return\n const box = this.el.nativeElement.getBoundingClientRect()\n const x = (event.clientX - box.left) / (this.size * this.ratio)\n const y = (event.clientY - box.top) / (this.size * this.ratio)\n\n this.point(x, y)\n }\n\n constructor(public el: ElementRef, private cdr: ChangeDetectorRef) {\n this.cdr.detach()\n }\n\n ngOnChanges(): void {\n this.cdr.detectChanges()\n requestAnimationFrame(() => this.rendered())\n }\n\n px(value: number) {\n return `${value}px`\n }\n\n scale(value: number) {\n if (!this.el.nativeElement) return 0\n\n return value * this.el.nativeElement.clientWidth\n }\n\n identifyMiniNode(_: number, item: MinimapData['nodes'][number]) {\n return [item.top, item.left].join('_')\n }\n}\n","import { BaseSchemes } from 'rete';\n\nimport { RenderPreset } from '../types';\nimport { MinimapRender } from './types';\nimport { MinimapComponent } from './components/minimap/minimap.component';\n\n/**\n * Preset for rendering minimap.\n */\nexport function setup<Schemes extends BaseSchemes, K extends MinimapRender>(props?: { size?: number }): RenderPreset<Schemes, K> {\n return {\n update(context) {\n if (context.data.type === 'minimap') {\n return {\n nodes: context.data.nodes,\n size: props?.size || 200,\n ratio: context.data.ratio,\n viewport: context.data.viewport,\n translate: context.data.translate,\n point: context.data.point\n }\n }\n return null\n },\n mount(context, plugin) {\n const parent = plugin.parentScope()\n const emit = parent.emit.bind(parent)\n const rendered = () => {\n emit({ type: 'rendered', data: context.data } as any)\n }\n\n if (context.data.type === 'minimap') {\n return {\n key: 'rete-minimap',\n component: MinimapComponent,\n props: {\n nodes: context.data.nodes,\n size: props?.size || 200,\n ratio: context.data.ratio,\n viewport: context.data.viewport,\n translate: context.data.translate,\n point: context.data.point,\n rendered\n }\n }\n }\n return null\n }\n }\n}\n","import { Component, Input, ChangeDetectorRef, OnChanges, HostListener, HostBinding, Output, EventEmitter } from '@angular/core';\nimport { Position } from '../../types';\nimport { useDrag } from '../../../../shared/drag'\n\nconst pinSize = 20\n\n@Component({\n selector: 'reroute-pin',\n template: '',\n styleUrls: ['./pin.component.sass'],\n host: {\n 'data-testid': 'pin'\n }\n})\nexport class PinComponent implements OnChanges {\n @Input() position!: Position\n @Input() selected?: boolean\n @Input() getPointer!: () => Position\n @Output() menu = new EventEmitter<void>()\n @Output() translate = new EventEmitter<{ dx: number, dy: number }>()\n @Output() down = new EventEmitter<void>()\n\n drag = useDrag((dx, dy) => {\n this.translate.emit({ dx, dy })\n }, () => this.getPointer())\n\n @HostBinding('class.selected') get _selected() {\n return this.selected\n }\n @HostBinding('style.top') get top() {\n return `${this.position.y - pinSize / 2}px`\n }\n @HostBinding('style.left') get left() {\n return `${this.position.x - pinSize / 2}px`\n }\n @HostListener('pointerdown', ['$event']) pointerdown(event: PointerEvent) {\n event.stopPropagation()\n event.preventDefault()\n\n this.drag.start(event)\n this.down.emit()\n }\n @HostListener('contextmenu', ['$event']) contextmenu(event: MouseEvent) {\n event.stopPropagation()\n event.preventDefault()\n\n this.menu.emit()\n }\n\n constructor(private cdr: ChangeDetectorRef) {\n // this.cdr.detach()\n }\n\n ngOnChanges(): void {\n // this.cdr.detectChanges()\n // requestAnimationFrame(() => this.rendered())\n }\n\n}\n","<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","import { Component, Input, ChangeDetectorRef, OnChanges } from '@angular/core';\nimport { Pin, PinData, Position } from '../../types';\n// [imports]\n\n@Component({\n // [component-directive]\n templateUrl: './pins.component.html'\n})\nexport class PinsComponent implements OnChanges {\n @Input() rendered!: () => void\n @Input() pins!: PinData['pins']\n @Input() down?: (id: string) => void\n @Input() translate?: (id: string, dx: number, dy: number) => void\n @Input() menu?: (id: string) => void\n @Input() getPointer?: () => Position\n\n constructor(private cdr: ChangeDetectorRef) {\n this.cdr.detach()\n }\n\n ngOnChanges(): void {\n this.cdr.detectChanges()\n requestAnimationFrame(() => this.rendered())\n }\n\n track(_: number, item: Pin) {\n return item.id\n }\n}\n","import { BaseSchemes } from 'rete';\nimport { BaseAreaPlugin } from 'rete-area-plugin';\n\nimport { RenderPreset } from '../types'\nimport { PinsRender } from './types';\nimport { PinsComponent } from './components/pins/pins.component';\n\ntype Props = {\n translate?: (id: string, dx: number, dy: number) => void\n contextMenu?: (id: string) => void\n pointerdown?: (id: string) => void\n}\n\n/**\n * Preset for rendering pins.\n */\nexport function setup<Schemes extends BaseSchemes, K extends PinsRender>(props?: Props): RenderPreset<Schemes, K> {\n const getProps = () => ({\n menu: props?.contextMenu || (() => null),\n translate: props?.translate || (() => null),\n down: props?.pointerdown || (() => null)\n })\n\n return {\n update(context) {\n if (context.data.type === 'reroute-pins') {\n return {\n ...getProps(),\n pins: context.data.data.pins\n }\n }\n return null\n },\n mount(context, plugin) {\n const area = plugin.parentScope<BaseAreaPlugin<Schemes, PinsRender>>(BaseAreaPlugin)\n const rendered = () => {\n area.emit({ type: 'rendered', data: context.data })\n }\n\n if (context.data.type === 'reroute-pins') {\n return {\n key: 'rete-reroute',\n component: PinsComponent,\n props: {\n ...getProps(),\n pins: context.data.data.pins,\n rendered,\n getPointer: () => area.area.pointer\n }\n }\n }\n return null\n }\n }\n}\n","/**\n * Built-in presets, responsible for rendering different parts of the editor.\n * @module\n */\nexport * as classic from './classic'\nexport * as contextMenu from './context-menu'\nexport * as minimap from './minimap'\nexport * as reroute from './reroute'\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { NodeComponent } from './presets/classic/components/node/node.component';\nimport { ConnectionComponent } from './presets/classic/components/connection/connection.component';\nimport { SocketComponent } from './presets/classic/components/socket/socket.component';\nimport { ConnectionWrapperComponent } from './presets/classic/components/connection/connection-wrapper.component';\nimport { ControlComponent } from './presets/classic/components/control/control.component';\nimport { RefDirective } from './ref';\nimport { ImpureKeyvaluePipe } from './shared/pipes/impure-keyvalue.pipe';\n\n@NgModule({\n declarations: [\n RefDirective,\n NodeComponent,\n ConnectionComponent,\n ConnectionWrapperComponent,\n SocketComponent,\n ControlComponent,\n ImpureKeyvaluePipe\n ],\n imports: [\n CommonModule\n ],\n exports: [\n RefDirective,\n NodeComponent,\n ConnectionComponent,\n ConnectionWrapperComponent,\n SocketComponent,\n ControlComponent,\n ImpureKeyvaluePipe\n ],\n entryComponents: [\n NodeComponent,\n ConnectionComponent,\n ConnectionWrapperComponent,\n SocketComponent,\n ControlComponent\n ]\n})\nexport class ReteModule { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ContextMenuComponent } from './components/menu/menu.component'\nimport { ContextMenuSearchComponent } from './components/search/search.component'\nimport { ContextMenuItemComponent } from './components/item/item.component'\n\n@NgModule({\n declarations: [\n ContextMenuComponent,\n ContextMenuSearchComponent,\n ContextMenuItemComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n ContextMenuComponent,\n ContextMenuSearchComponent,\n ContextMenuItemComponent,\n ],\n entryComponents: [\n ContextMenuComponent\n ]\n})\nexport class ReteContextMenuModule {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MinimapComponent } from './components/minimap/minimap.component';\nimport { MiniViewportComponent } from './components/mini-viewport/mini-viewport.component';\nimport { MiniNodeComponent } from './components/mini-node/mini-node.component';\n\n@NgModule({\n declarations: [\n MinimapComponent,\n MiniViewportComponent,\n MiniNodeComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n MinimapComponent,\n MiniViewportComponent,\n MiniNodeComponent\n ],\n entryComponents: [\n MinimapComponent\n ]\n})\nexport class ReteMinimapModule {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { PinsComponent } from './components/pins/pins.component';\nimport { PinComponent } from './components/pin/pin.component';\n\n@NgModule({\n declarations: [\n PinsComponent,\n PinComponent,\n ],\n imports: [\n CommonModule\n ],\n exports: [\n PinsComponent,\n PinComponent,\n ],\n entryComponents: [\n PinsComponent\n ]\n})\nexport class ReteRerouteModule {}\n","export function reflect(obj: unknown) {\n if (typeof obj !== 'object' || obj === null) {\n return obj;\n }\n\n return new Proxy(obj, {\n get(target, prop) {\n return target[prop];\n },\n set(target, prop, value) {\n target[prop] = value;\n return true;\n },\n has: (target, prop) => prop in target,\n deleteProperty: (target, prop) => delete target[prop],\n ownKeys: target => Reflect.ownKeys(target)\n });\n}","import { Injector } from '@angular/core';\nimport { BaseSchemes, CanAssignSignal, Scope } from 'rete'\nimport { createCustomElement } from '@angular/elements';\n\nimport { NgElement, NodeProps, Position, RenderSignal } from './types'\nimport { RenderPreset } from './presets/types';\nimport { reflect } from './reflect';\n\ntype Item = { key: string, ngElement: NgElement }\n\ntype Renderer = {\n get(element: HTMLElement): Item | undefined\n mount(element: HTMLElement, key: string, component: any, injector: Injector, props: Record<string, unknown>): void\n update(item: Item, props: Record<string, unknown>): void\n unmount(element: HTMLElement): void\n}\nfunction getRenderer(): Renderer {\n const elements = new WeakMap<HTMLElement, Item>()\n\n return {\n get(element) {\n return elements.get(element)\n },\n mount(element, key, component, injector, props) {\n // LIMITATION: If an element is remounted with the same identifier, the component cannot be replaced\n let CustomElement = customElements.get(key)\n \n if (!CustomElement) {\n CustomElement = createCustomElement(component, { injector })\n customElements.define(key, CustomElement)\n }\n\n const ngElement = new CustomElement(injector) as NodeProps & NgElement & typeof props\n\n Object.keys(props).forEach(key => {\n ngElement[key] = props[key]\n })\n\n element.appendChild(ngElement)\n elements.set(element, { key, ngElement })\n },\n update({ ngElement }, props) {\n Object.keys(props).forEach(key => {\n ngElement.ngElementStrategy.setInputValue(key, reflect(props[key]))\n })\n },\n unmount(element) {\n const existing = elements.get(element)\n\n if (existing) {\n existing.ngElement.remove()\n elements.delete(element)\n }\n }\n }\n}\n\n/**\n * Signals that can be emitted by the plugin\n * @priority 10\n */\nexport type Produces<Schemes extends BaseSchemes> =\n | { type: 'connectionpath', data: { payload: Schemes['Connection'], path?: string, points: Position[] } }\n\ntype Requires<Schemes extends BaseSchemes> =\n | RenderSignal<'node', { payload: Schemes['Node'] }>\n | RenderSignal<'connection', { payload: Schemes['Connection'], start?: Position, end?: Position }>\n | { type: 'unmount', data: { element: HTMLElement } }\n\n/**\n * Angular plugin. Renders nodes, connections and other elements using React.\n * @priority 9\n * @emits connectionpath\n * @listens render\n * @listens unmount\n */\nexport class AngularPlugin<Schemes extends BaseSchemes, T = Requires<Schemes>> extends Scope<Produces<Schemes>, [Requires<Schemes> | T]> {\n presets: RenderPreset<Schemes, T>[] = []\n renderer: Renderer\n owners = new WeakMap<HTMLElement, RenderPreset<Schemes, T>>()\n\n /**\n * @constructor\n * @param params Plugin properties\n * @param params.injector Angular's Injector instance\n */\n constructor(private params: { injector: Injector }) {\n super('angular-render')\n this.renderer = getRenderer()\n\n this.addPipe(context => {\n if (!context || typeof context !== 'object' || !('type' in context)) return context\n if (context.type === 'unmount') {\n this.unmount(context.data.element)\n } else if (context.type === 'render') {\n if ('filled' in context.data && context.data.filled) {\n return context\n }\n if (this.mount(context.data.element, context)) {\n return {\n ...context,\n data: {\n ...context.data,\n filled: true\n }\n } as typeof context\n }\n }\n return context\n })\n }\n\n setParent(scope: Scope<Requires<Schemes> | T>): void {\n super.setParent(scope)\n\n this.presets.forEach(preset => {\n if (preset.attach) preset.attach(this)\n })\n }\n\n\n private unmount(element: HTMLElement) {\n this.owners.delete(element)\n this.renderer.unmount(element)\n }\n\n private mount(element: HTMLElement, context: Requires<Schemes>) {\n const existing = this.renderer.get(element)\n\n if (existing) {\n this.presets.forEach(preset => {\n if (this.owners.get(element) !== preset) return\n const result = preset.update(context as unknown as Extract<T, { type: 'render' }>, this)\n\n if (result) {\n this.renderer.update(existing, result)\n }\n })\n return true\n }\n\n for (const preset of this.presets) {\n const result = preset.mount(context as unknown as Extract<T, { type: 'render' }>, this)\n\n if (!result) continue\n\n const { key, component, props } = result\n\n this.renderer.mount(element, key, component, this.params.injector, props)\n\n this.owners.set(element, preset)\n return true\n }\n return\n }\n\n /**\n * Adds a preset to the plugin.\n * @param preset Preset that can render nodes, connections and other elements.\n */\n public addPreset<K>(preset: RenderPreset<Schemes, CanAssignSignal<T, K> extends true ? K : 'Cannot apply preset. Provided signals are not compatible'>) {\n const local = preset as unknown as RenderPreset<Schemes, T>\n\n if (local.attach) local.attach(this)\n this.presets.push(local)\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["_c0","setup"],"mappings":"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