@xxmachina/components 19.0.0-preview.9 → 19.1.1

package/extras/flow/index.d.ts

@@ -0,0 +1,183 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef, EnvironmentInjector, ApplicationRef, ViewContainerRef } from '@angular/core';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import { Node, Edge, DefaultEdgeOptions, NodeTypes, EdgeTypes, ConnectionLineType, ConnectionLineComponent, ConnectionMode, KeyCode, SelectionMode, NodeOrigin, Viewport, CoordinateExtent, PanOnScrollMode, FitViewOptions, PanelPosition, ProOptions, Connection, HandleType, NodeChange, EdgeChange, OnConnectStartParams, ReactFlowInstance, OnSelectionChangeParams, OnError } from 'reactflow';
+import * as React from 'react';
+import React__default from 'react';
+
+declare class ReactFlowComponentStore {
+    readonly nodes: _angular_core.InputSignal<Node<any, string>[]>;
+    readonly edges: _angular_core.InputSignal<Edge<any>[]>;
+    readonly defaultNodes: _angular_core.InputSignal<Node<any, string>[]>;
+    readonly defaultEdges: _angular_core.InputSignal<Edge<any>[]>;
+    readonly defaultEdgeOptions: _angular_core.InputSignal<DefaultEdgeOptions>;
+    readonly nodeTemplates: _angular_core.InputSignal<Record<string, TemplateRef<any>>>;
+    readonly nodeTypes: _angular_core.InputSignal<NodeTypes>;
+    readonly edgeTypes: _angular_core.InputSignal<EdgeTypes>;
+    readonly connectionLineType: _angular_core.InputSignal<ConnectionLineType>;
+    readonly connectionLineStyle: _angular_core.InputSignal<React.CSSProperties>;
+    readonly connectionLineComponent: _angular_core.InputSignal<ConnectionLineComponent>;
+    readonly connectionLineContainerStyle: _angular_core.InputSignal<React.CSSProperties>;
+    readonly connectionMode: _angular_core.InputSignal<ConnectionMode>;
+    readonly deleteKeyCode: _angular_core.InputSignal<KeyCode>;
+    readonly selectionKeyCode: _angular_core.InputSignal<KeyCode>;
+    readonly selectionOnDrag: _angular_core.InputSignal<boolean>;
+    readonly selectionMode: _angular_core.InputSignal<SelectionMode>;
+    readonly panActivationKeyCode: _angular_core.InputSignal<KeyCode>;
+    readonly multiSelectionKeyCode: _angular_core.InputSignal<KeyCode>;
+    readonly zoomActivationKeyCode: _angular_core.InputSignal<KeyCode>;
+    readonly snapToGrid: _angular_core.InputSignal<boolean>;
+    readonly snapGrid: _angular_core.InputSignal<[number, number]>;
+    readonly onlyRenderVisibleElements: _angular_core.InputSignal<boolean>;
+    readonly nodesDraggable: _angular_core.InputSignal<boolean>;
+    readonly nodesConnectable: _angular_core.InputSignal<boolean>;
+    readonly nodesFocusable: _angular_core.InputSignal<boolean>;
+    readonly nodeOrigin: _angular_core.InputSignal<NodeOrigin>;
+    readonly edgesFocusable: _angular_core.InputSignal<boolean>;
+    readonly initNodeOrigin: _angular_core.InputSignal<NodeOrigin>;
+    readonly elementsSelectable: _angular_core.InputSignal<boolean>;
+    readonly selectNodesOnDrag: _angular_core.InputSignal<boolean>;
+    readonly panOnDrag: _angular_core.InputSignal<boolean | number[]>;
+    readonly minZoom: _angular_core.InputSignal<number>;
+    readonly maxZoom: _angular_core.InputSignal<number>;
+    readonly defaultViewport: _angular_core.InputSignal<Viewport>;
+    readonly translateExtent: _angular_core.InputSignal<CoordinateExtent>;
+    readonly preventScrolling: _angular_core.InputSignal<boolean>;
+    readonly nodeExtent: _angular_core.InputSignal<CoordinateExtent>;
+    readonly defaultMarkerColor: _angular_core.InputSignal<string>;
+    readonly zoomOnScroll: _angular_core.InputSignal<boolean>;
+    readonly zoomOnPinch: _angular_core.InputSignal<boolean>;
+    readonly panOnScroll: _angular_core.InputSignal<boolean>;
+    readonly panOnScrollSpeed: _angular_core.InputSignal<number>;
+    readonly panOnScrollMode: _angular_core.InputSignal<PanOnScrollMode>;
+    readonly zoomOnDoubleClick: _angular_core.InputSignal<boolean>;
+    readonly edgeUpdaterRadius: _angular_core.InputSignal<number>;
+    readonly noDragClassName: _angular_core.InputSignal<string>;
+    readonly noWheelClassName: _angular_core.InputSignal<string>;
+    readonly noPanClassName: _angular_core.InputSignal<string>;
+    readonly fitView: _angular_core.InputSignal<boolean>;
+    readonly fitViewOptions: _angular_core.InputSignal<FitViewOptions>;
+    readonly connectOnClick: _angular_core.InputSignal<boolean>;
+    readonly attributionPosition: _angular_core.InputSignal<PanelPosition>;
+    readonly proOptions: _angular_core.InputSignal<ProOptions>;
+    readonly elevateNodesOnSelect: _angular_core.InputSignal<boolean>;
+    readonly elevateEdgesOnSelect: _angular_core.InputSignal<boolean>;
+    readonly disableKeyboardA11y: _angular_core.InputSignal<boolean>;
+    readonly autoPanOnNodeDrag: _angular_core.InputSignal<boolean>;
+    readonly autoPanOnConnect: _angular_core.InputSignal<boolean>;
+    readonly connectionRadius: _angular_core.InputSignal<number>;
+    readonly onNodeClick: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
+    readonly onNodeDoubleClick: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
+    readonly onNodeMouseEnter: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
+    readonly onNodeMouseMove: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
+    readonly onNodeMouseLeave: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
+    readonly onNodeContextMenu: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
+    readonly onNodeDragStart: _angular_core.OutputEmitterRef<[MouseEvent, Node, Node[]]>;
+    readonly onNodeDrag: _angular_core.OutputEmitterRef<[MouseEvent, Node, Node[]]>;
+    readonly onNodeDragStop: _angular_core.OutputEmitterRef<[MouseEvent, Node, Node[]]>;
+    readonly onEdgeClick: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
+    readonly onEdgeUpdate: _angular_core.OutputEmitterRef<[any, Connection]>;
+    readonly onEdgeContextMenu: _angular_core.OutputEmitterRef<[MouseEvent, Edge]>;
+    readonly onEdgeMouseEnter: _angular_core.OutputEmitterRef<[MouseEvent, Edge]>;
+    readonly onEdgeMouseMove: _angular_core.OutputEmitterRef<[MouseEvent, Edge]>;
+    readonly onEdgeMouseLeave: _angular_core.OutputEmitterRef<[MouseEvent, Edge]>;
+    readonly onEdgeDoubleClick: _angular_core.OutputEmitterRef<[MouseEvent, Edge]>;
+    readonly onEdgeUpdateStart: _angular_core.OutputEmitterRef<[MouseEvent, Edge<any>, HandleType]>;
+    readonly onEdgeUpdateEnd: _angular_core.OutputEmitterRef<[MouseEvent, Edge<any>, HandleType]>;
+    readonly onNodesChange: _angular_core.OutputEmitterRef<[NodeChange[]]>;
+    readonly onEdgesChange: _angular_core.OutputEmitterRef<[EdgeChange[]]>;
+    readonly onNodesDelete: _angular_core.OutputEmitterRef<[Node[]]>;
+    readonly onEdgesDelete: _angular_core.OutputEmitterRef<[Edge[]]>;
+    readonly onSelectionDragStart: _angular_core.OutputEmitterRef<[MouseEvent, Node[]]>;
+    readonly onSelectionDrag: _angular_core.OutputEmitterRef<[MouseEvent, Node[]]>;
+    readonly onSelectionDragStop: _angular_core.OutputEmitterRef<[MouseEvent, Node[]]>;
+    readonly onSelectionStart: _angular_core.OutputEmitterRef<[MouseEvent]>;
+    readonly onSelectionEnd: _angular_core.OutputEmitterRef<[MouseEvent]>;
+    readonly onSelectionContextMenu: _angular_core.OutputEmitterRef<[MouseEvent, Node<any, string>[]]>;
+    readonly onConnect: _angular_core.OutputEmitterRef<[Connection]>;
+    readonly onConnectStart: _angular_core.OutputEmitterRef<[MouseEvent, OnConnectStartParams]>;
+    readonly onConnectEnd: _angular_core.OutputEmitterRef<[MouseEvent]>;
+    readonly onClickConnectStart: _angular_core.OutputEmitterRef<[MouseEvent, OnConnectStartParams]>;
+    readonly onClickConnectEnd: _angular_core.OutputEmitterRef<[MouseEvent]>;
+    readonly onDragOver: _angular_core.OutputEmitterRef<[MouseEvent]>;
+    readonly onDrop: _angular_core.OutputEmitterRef<[MouseEvent, string]>;
+    readonly onInit: _angular_core.OutputEmitterRef<[ReactFlowInstance<any, any>]>;
+    readonly onMove: _angular_core.OutputEmitterRef<[MouseEvent, Viewport]>;
+    readonly onMoveStart: _angular_core.OutputEmitterRef<[MouseEvent, Viewport]>;
+    readonly onMoveEnd: _angular_core.OutputEmitterRef<[MouseEvent, Viewport]>;
+    readonly onSelectionChange: _angular_core.OutputEmitterRef<[OnSelectionChangeParams]>;
+    readonly onPaneScroll: _angular_core.OutputEmitterRef<[WheelEvent]>;
+    readonly onPaneClick: _angular_core.OutputEmitterRef<[MouseEvent]>;
+    readonly onPaneContextMenu: _angular_core.OutputEmitterRef<[MouseEvent]>;
+    readonly onPaneMouseEnter: _angular_core.OutputEmitterRef<[MouseEvent]>;
+    readonly onPaneMouseMove: _angular_core.OutputEmitterRef<[MouseEvent]>;
+    readonly onPaneMouseLeave: _angular_core.OutputEmitterRef<[MouseEvent]>;
+    readonly onError: _angular_core.OutputEmitterRef<OnError>;
+    readonly onNodeResizeEnd: _angular_core.OutputEmitterRef<{
+        nodeId: string;
+        width: number;
+        height: number;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ReactFlowComponentStore, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ReactFlowComponentStore, never, never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "edges": { "alias": "edges"; "required": false; "isSignal": true; }; "defaultNodes": { "alias": "defaultNodes"; "required": false; "isSignal": true; }; "defaultEdges": { "alias": "defaultEdges"; "required": false; "isSignal": true; }; "defaultEdgeOptions": { "alias": "defaultEdgeOptions"; "required": false; "isSignal": true; }; "nodeTemplates": { "alias": "nodeTemplates"; "required": false; "isSignal": true; }; "nodeTypes": { "alias": "nodeTypes"; "required": false; "isSignal": true; }; "edgeTypes": { "alias": "edgeTypes"; "required": false; "isSignal": true; }; "connectionLineType": { "alias": "connectionLineType"; "required": false; "isSignal": true; }; "connectionLineStyle": { "alias": "connectionLineStyle"; "required": false; "isSignal": true; }; "connectionLineComponent": { "alias": "connectionLineComponent"; "required": false; "isSignal": true; }; "connectionLineContainerStyle": { "alias": "connectionLineContainerStyle"; "required": false; "isSignal": true; }; "connectionMode": { "alias": "connectionMode"; "required": false; "isSignal": true; }; "deleteKeyCode": { "alias": "deleteKeyCode"; "required": false; "isSignal": true; }; "selectionKeyCode": { "alias": "selectionKeyCode"; "required": false; "isSignal": true; }; "selectionOnDrag": { "alias": "selectionOnDrag"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "panActivationKeyCode": { "alias": "panActivationKeyCode"; "required": false; "isSignal": true; }; "multiSelectionKeyCode": { "alias": "multiSelectionKeyCode"; "required": false; "isSignal": true; }; "zoomActivationKeyCode": { "alias": "zoomActivationKeyCode"; "required": false; "isSignal": true; }; "snapToGrid": { "alias": "snapToGrid"; "required": false; "isSignal": true; }; "snapGrid": { "alias": "snapGrid"; "required": false; "isSignal": true; }; "onlyRenderVisibleElements": { "alias": "onlyRenderVisibleElements"; "required": false; "isSignal": true; }; "nodesDraggable": { "alias": "nodesDraggable"; "required": false; "isSignal": true; }; "nodesConnectable": { "alias": "nodesConnectable"; "required": false; "isSignal": true; }; "nodesFocusable": { "alias": "nodesFocusable"; "required": false; "isSignal": true; }; "nodeOrigin": { "alias": "nodeOrigin"; "required": false; "isSignal": true; }; "edgesFocusable": { "alias": "edgesFocusable"; "required": false; "isSignal": true; }; "initNodeOrigin": { "alias": "initNodeOrigin"; "required": false; "isSignal": true; }; "elementsSelectable": { "alias": "elementsSelectable"; "required": false; "isSignal": true; }; "selectNodesOnDrag": { "alias": "selectNodesOnDrag"; "required": false; "isSignal": true; }; "panOnDrag": { "alias": "panOnDrag"; "required": false; "isSignal": true; }; "minZoom": { "alias": "minZoom"; "required": false; "isSignal": true; }; "maxZoom": { "alias": "maxZoom"; "required": false; "isSignal": true; }; "defaultViewport": { "alias": "defaultViewport"; "required": false; "isSignal": true; }; "translateExtent": { "alias": "translateExtent"; "required": false; "isSignal": true; }; "preventScrolling": { "alias": "preventScrolling"; "required": false; "isSignal": true; }; "nodeExtent": { "alias": "nodeExtent"; "required": false; "isSignal": true; }; "defaultMarkerColor": { "alias": "defaultMarkerColor"; "required": false; "isSignal": true; }; "zoomOnScroll": { "alias": "zoomOnScroll"; "required": false; "isSignal": true; }; "zoomOnPinch": { "alias": "zoomOnPinch"; "required": false; "isSignal": true; }; "panOnScroll": { "alias": "panOnScroll"; "required": false; "isSignal": true; }; "panOnScrollSpeed": { "alias": "panOnScrollSpeed"; "required": false; "isSignal": true; }; "panOnScrollMode": { "alias": "panOnScrollMode"; "required": false; "isSignal": true; }; "zoomOnDoubleClick": { "alias": "zoomOnDoubleClick"; "required": false; "isSignal": true; }; "edgeUpdaterRadius": { "alias": "edgeUpdaterRadius"; "required": false; "isSignal": true; }; "noDragClassName": { "alias": "noDragClassName"; "required": false; "isSignal": true; }; "noWheelClassName": { "alias": "noWheelClassName"; "required": false; "isSignal": true; }; "noPanClassName": { "alias": "noPanClassName"; "required": false; "isSignal": true; }; "fitView": { "alias": "fitView"; "required": false; "isSignal": true; }; "fitViewOptions": { "alias": "fitViewOptions"; "required": false; "isSignal": true; }; "connectOnClick": { "alias": "connectOnClick"; "required": false; "isSignal": true; }; "attributionPosition": { "alias": "attributionPosition"; "required": false; "isSignal": true; }; "proOptions": { "alias": "proOptions"; "required": false; "isSignal": true; }; "elevateNodesOnSelect": { "alias": "elevateNodesOnSelect"; "required": false; "isSignal": true; }; "elevateEdgesOnSelect": { "alias": "elevateEdgesOnSelect"; "required": false; "isSignal": true; }; "disableKeyboardA11y": { "alias": "disableKeyboardA11y"; "required": false; "isSignal": true; }; "autoPanOnNodeDrag": { "alias": "autoPanOnNodeDrag"; "required": false; "isSignal": true; }; "autoPanOnConnect": { "alias": "autoPanOnConnect"; "required": false; "isSignal": true; }; "connectionRadius": { "alias": "connectionRadius"; "required": false; "isSignal": true; }; }, { "onNodeClick": "onNodeClick"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeMouseEnter": "onNodeMouseEnter"; "onNodeMouseMove": "onNodeMouseMove"; "onNodeMouseLeave": "onNodeMouseLeave"; "onNodeContextMenu": "onNodeContextMenu"; "onNodeDragStart": "onNodeDragStart"; "onNodeDrag": "onNodeDrag"; "onNodeDragStop": "onNodeDragStop"; "onEdgeClick": "onEdgeClick"; "onEdgeUpdate": "onEdgeUpdate"; "onEdgeContextMenu": "onEdgeContextMenu"; "onEdgeMouseEnter": "onEdgeMouseEnter"; "onEdgeMouseMove": "onEdgeMouseMove"; "onEdgeMouseLeave": "onEdgeMouseLeave"; "onEdgeDoubleClick": "onEdgeDoubleClick"; "onEdgeUpdateStart": "onEdgeUpdateStart"; "onEdgeUpdateEnd": "onEdgeUpdateEnd"; "onNodesChange": "onNodesChange"; "onEdgesChange": "onEdgesChange"; "onNodesDelete": "onNodesDelete"; "onEdgesDelete": "onEdgesDelete"; "onSelectionDragStart": "onSelectionDragStart"; "onSelectionDrag": "onSelectionDrag"; "onSelectionDragStop": "onSelectionDragStop"; "onSelectionStart": "onSelectionStart"; "onSelectionEnd": "onSelectionEnd"; "onSelectionContextMenu": "onSelectionContextMenu"; "onConnect": "onConnect"; "onConnectStart": "onConnectStart"; "onConnectEnd": "onConnectEnd"; "onClickConnectStart": "onClickConnectStart"; "onClickConnectEnd": "onClickConnectEnd"; "onDragOver": "onDragOver"; "onDrop": "onDrop"; "onInit": "onInit"; "onMove": "onMove"; "onMoveStart": "onMoveStart"; "onMoveEnd": "onMoveEnd"; "onSelectionChange": "onSelectionChange"; "onPaneScroll": "onPaneScroll"; "onPaneClick": "onPaneClick"; "onPaneContextMenu": "onPaneContextMenu"; "onPaneMouseEnter": "onPaneMouseEnter"; "onPaneMouseMove": "onPaneMouseMove"; "onPaneMouseLeave": "onPaneMouseLeave"; "onError": "onError"; "onNodeResizeEnd": "onNodeResizeEnd"; }, never, never, true, never>;
+}
+
+declare class ReactFlowComponent extends NgAtomicComponent {
+    protected readonly store: ReactFlowComponentStore;
+    protected readonly el: ElementRef<any>;
+    private readonly vcr;
+    private _root;
+    private _nodeTypesCache;
+    private contentNodeTemplates;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    readonly nodeTypes: _angular_core.Signal<any>;
+    private render;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ReactFlowComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReactFlowComponent, "machina-react-flow", never, {}, {}, ["contentNodeTemplates"], ["*"], true, [{ directive: typeof ReactFlowComponentStore; inputs: { "nodes": "nodes"; "edges": "edges"; "defaultNodes": "defaultNodes"; "defaultEdges": "defaultEdges"; "defaultEdgeOptions": "defaultEdgeOptions"; "nodeTemplates": "nodeTemplates"; "nodeTypes": "nodeTypes"; "edgeTypes": "edgeTypes"; "connectionLineType": "connectionLineType"; "connectionLineStyle": "connectionLineStyle"; "connectionLineComponent": "connectionLineComponent"; "connectionLineContainerStyle": "connectionLineContainerStyle"; "connectionMode": "connectionMode"; "deleteKeyCode": "deleteKeyCode"; "selectionKeyCode": "selectionKeyCode"; "selectionOnDrag": "selectionOnDrag"; "selectionMode": "selectionMode"; "panActivationKeyCode": "panActivationKeyCode"; "multiSelectionKeyCode": "multiSelectionKeyCode"; "zoomActivationKeyCode": "zoomActivationKeyCode"; "snapToGrid": "snapToGrid"; "snapGrid": "snapGrid"; "onlyRenderVisibleElements": "onlyRenderVisibleElements"; "nodesDraggable": "nodesDraggable"; "nodesConnectable": "nodesConnectable"; "nodesFocusable": "nodesFocusable"; "nodeOrigin": "nodeOrigin"; "edgesFocusable": "edgesFocusable"; "initNodeOrigin": "initNodeOrigin"; "elementsSelectable": "elementsSelectable"; "selectNodesOnDrag": "selectNodesOnDrag"; "panOnDrag": "panOnDrag"; "minZoom": "minZoom"; "maxZoom": "maxZoom"; "defaultViewport": "defaultViewport"; "translateExtent": "translateExtent"; "preventScrolling": "preventScrolling"; "nodeExtent": "nodeExtent"; "defaultMarkerColor": "defaultMarkerColor"; "zoomOnScroll": "zoomOnScroll"; "zoomOnPinch": "zoomOnPinch"; "panOnScroll": "panOnScroll"; "panOnScrollSpeed": "panOnScrollSpeed"; "panOnScrollMode": "panOnScrollMode"; "zoomOnDoubleClick": "zoomOnDoubleClick"; "edgeUpdaterRadius": "edgeUpdaterRadius"; "noDragClassName": "noDragClassName"; "noWheelClassName": "noWheelClassName"; "noPanClassName": "noPanClassName"; "fitView": "fitView"; "fitViewOptions": "fitViewOptions"; "connectOnClick": "connectOnClick"; "attributionPosition": "attributionPosition"; "proOptions": "proOptions"; "elevateNodesOnSelect": "elevateNodesOnSelect"; "elevateEdgesOnSelect": "elevateEdgesOnSelect"; "disableKeyboardA11y": "disableKeyboardA11y"; "autoPanOnNodeDrag": "autoPanOnNodeDrag"; "autoPanOnConnect": "autoPanOnConnect"; "connectionRadius": "connectionRadius"; }; outputs: { "onNodeClick": "onNodeClick"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeMouseEnter": "onNodeMouseEnter"; "onNodeMouseMove": "onNodeMouseMove"; "onNodeMouseLeave": "onNodeMouseLeave"; "onNodeContextMenu": "onNodeContextMenu"; "onNodeDragStart": "onNodeDragStart"; "onNodeDrag": "onNodeDrag"; "onNodeDragStop": "onNodeDragStop"; "onEdgeClick": "onEdgeClick"; "onEdgeUpdate": "onEdgeUpdate"; "onEdgeContextMenu": "onEdgeContextMenu"; "onEdgeMouseEnter": "onEdgeMouseEnter"; "onEdgeMouseMove": "onEdgeMouseMove"; "onEdgeMouseLeave": "onEdgeMouseLeave"; "onEdgeDoubleClick": "onEdgeDoubleClick"; "onEdgeUpdateStart": "onEdgeUpdateStart"; "onEdgeUpdateEnd": "onEdgeUpdateEnd"; "onNodesChange": "onNodesChange"; "onEdgesChange": "onEdgesChange"; "onNodesDelete": "onNodesDelete"; "onEdgesDelete": "onEdgesDelete"; "onSelectionDragStart": "onSelectionDragStart"; "onSelectionDrag": "onSelectionDrag"; "onSelectionDragStop": "onSelectionDragStop"; "onSelectionStart": "onSelectionStart"; "onSelectionEnd": "onSelectionEnd"; "onSelectionContextMenu": "onSelectionContextMenu"; "onConnect": "onConnect"; "onConnectStart": "onConnectStart"; "onConnectEnd": "onConnectEnd"; "onClickConnectStart": "onClickConnectStart"; "onClickConnectEnd": "onClickConnectEnd"; "onDragOver": "onDragOver"; "onDrop": "onDrop"; "onInit": "onInit"; "onMove": "onMove"; "onMoveStart": "onMoveStart"; "onMoveEnd": "onMoveEnd"; "onSelectionChange": "onSelectionChange"; "onPaneScroll": "onPaneScroll"; "onPaneClick": "onPaneClick"; "onPaneContextMenu": "onPaneContextMenu"; "onPaneMouseEnter": "onPaneMouseEnter"; "onPaneMouseMove": "onPaneMouseMove"; "onPaneMouseLeave": "onPaneMouseLeave"; "onError": "onError"; "onNodeResizeEnd": "onNodeResizeEnd"; }; }]>;
+}
+
+interface GroupNodeData {
+    label: string;
+    status?: string;
+    assignee?: string;
+    task?: any;
+}
+
+interface NgNodeData {
+    label: string;
+    status: string;
+    assignee: string;
+}
+
+declare function setAngularContext(injector: EnvironmentInjector, appRef: ApplicationRef): void;
+
+interface TemplateNodeData {
+    [key: string]: any;
+}
+declare function createTemplateNodeComponent(template: TemplateRef<any>, vcr: ViewContainerRef, onNodeResizeEnd?: (nodeId: string, width: number, height: number) => void): ({ data, selected, id }: {
+    data: TemplateNodeData;
+    selected?: boolean;
+    id: string;
+}) => React__default.JSX.Element;
+
+declare const NODE_TYPES: {
+    task: React.MemoExoticComponent<({ data }: {
+        data: NgNodeData;
+        selected?: boolean;
+    }) => React.JSX.Element>;
+    group: React.MemoExoticComponent<({ data }: {
+        data: GroupNodeData;
+    }) => React.JSX.Element>;
+};
+
+declare class FlowNodeDirective {
+    template: TemplateRef<any>;
+    type: string;
+    constructor(template: TemplateRef<any>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlowNodeDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FlowNodeDirective, "[flowNode]", never, { "type": { "alias": "flowNode"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { FlowNodeDirective, NODE_TYPES, ReactFlowComponent, ReactFlowComponentStore, createTemplateNodeComponent, setAngularContext };

package/features/command/index.d.ts

@@ -1 +1,67 @@
-export * from './command.feature';
+import * as json_schema_library from 'json-schema-library';
+import * as _angular_core from '@angular/core';
+import * as _angular_forms from '@angular/forms';
+import { FormBuilder } from '@angular/forms';
+import { CommandService } from '@xxmachina/components/services/command';
+import { JsonSchemaFormService } from '@ng-atomic/common/services/form/json-schema';
+import { OpenApi, Command } from '@xxmachina/common/domain/models';
+import { OpenApiService } from '@xxmachina/components/services/openapi';
+
+declare class CommandFormBuilder {
+    protected readonly fb: _angular_forms.NonNullableFormBuilder;
+    build(): _angular_forms.FormGroup<{
+        type: _angular_forms.FormControl<string>;
+        webApiRequest: _angular_forms.FormGroup<{
+            apiJsonUrl: _angular_forms.FormControl<string>;
+            serverUrl: _angular_forms.FormControl<string>;
+            path: _angular_forms.FormControl<string>;
+            method: _angular_forms.FormControl<string>;
+        }>;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandFormBuilder, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CommandFormBuilder>;
+}
+declare class CommandFeature {
+    readonly fb: FormBuilder;
+    readonly openApiService: OpenApiService;
+    readonly _commandService: CommandService;
+    readonly commandFb: CommandFormBuilder;
+    readonly jsonSchemaFb: JsonSchemaFormService;
+    readonly commandForm: _angular_core.Signal<_angular_forms.FormGroup<{
+        type: _angular_forms.FormControl<string>;
+        webApiRequest: _angular_forms.FormGroup<{
+            apiJsonUrl: _angular_forms.FormControl<string>;
+            serverUrl: _angular_forms.FormControl<string>;
+            path: _angular_forms.FormControl<string>;
+            method: _angular_forms.FormControl<string>;
+        }>;
+    }>>;
+    readonly commandFormValue: _angular_core.Signal<Partial<{
+        type: string;
+        webApiRequest: Partial<{
+            apiJsonUrl: string;
+            serverUrl: string;
+            path: string;
+            method: string;
+        }>;
+    }>>;
+    readonly apiJsonUrl: _angular_core.Signal<string>;
+    readonly path: _angular_core.Signal<string>;
+    readonly method: _angular_core.Signal<string>;
+    readonly requestBodySchema: _angular_core.Signal<json_schema_library.JsonSchema>;
+    readonly title: _angular_core.Signal<string>;
+    readonly endpointAutoCompleteOptions: _angular_core.Signal<string[]>;
+    readonly methodOptions: _angular_core.Signal<{
+        name: string;
+        value: string;
+    }[]>;
+    readonly openApi: _angular_core.Signal<OpenApi>;
+    readonly form: _angular_core.Signal<_angular_forms.FormGroup<any>>;
+    readonly extractedFormFieldMap: _angular_core.Signal<any>;
+    hasPermission(command: Command): boolean;
+    execute(command: Command, data: any): Promise<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandFeature, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CommandFeature>;
+}
+
+export { CommandFeature, CommandFormBuilder };

package/features/query/index.d.ts

@@ -1 +1,117 @@
-export * from './query.feature';
+import * as i0 from '@angular/core';
+import { Provider, DestroyRef } from '@angular/core';
+import * as rxjs from 'rxjs';
+import { ReplaySubject } from 'rxjs';
+import { QueryService } from '@xxmachina/common/services/query';
+import * as _angular_forms from '@angular/forms';
+import { AuthService } from '@xxmachina/common/auth';
+import { Query } from '@xxmachina/common/domain/models';
+import { AppService } from '@ng-atomic/common/services/app';
+import { EditingStateManager } from '@ng-atomic/common';
+import { VariablesFromService } from '@xxmachina/components/services/forms/variables';
+import * as _ng_atomic_common_stores_entities from '@ng-atomic/common/stores/entities';
+import { Query as Query$1 } from '@xxmachina/common/domain';
+
+declare enum ActionId {
+    クエリの実行 = "\u30AF\u30A8\u30EA\u306E\u5B9F\u884C",
+    クエリの生成 = "\u30AF\u30A8\u30EA\u306E\u751F\u6210",
+    クエリの更新 = "\u30AF\u30A8\u30EA\u306E\u66F4\u65B0"
+}
+
+declare function isQuery(query: string): boolean;
+declare class QueryFeature {
+    static readonly ActionId: typeof ActionId;
+    static provideDefault(): Provider[];
+    static provideDefaultEffects(): Provider[];
+    static provideExecuteQueryEffect(): Provider;
+    static provideGenerateQueryEffect(): Provider;
+    protected readonly app: AppService;
+    protected readonly auth: AuthService;
+    protected readonly service: QueryService;
+    protected readonly editingStateManager: EditingStateManager;
+    readonly form: _angular_forms.FormGroup<{
+        id: _angular_forms.FormControl<string>;
+        title: _angular_forms.FormControl<string>;
+        graphql: _angular_forms.FormGroup<{
+            endpoint: _angular_forms.FormControl<string>;
+            query: _angular_forms.FormControl<string>;
+            variablesJson: _angular_forms.FormControl<string>;
+            headersJson: _angular_forms.FormControl<string>;
+            transformerTs: _angular_forms.FormControl<any>;
+            transformer: _angular_forms.FormControl<any>;
+        }>;
+    }>;
+    protected readonly refresh$: ReplaySubject<void>;
+    protected readonly formValue$: rxjs.Observable<Partial<{
+        id: string;
+        title: string;
+        graphql: Partial<{
+            endpoint: string;
+            query: string;
+            variablesJson: string;
+            headersJson: string;
+            transformerTs: any;
+            transformer: any;
+        }>;
+    }>>;
+    readonly formValue: i0.Signal<Partial<{
+        id: string;
+        title: string;
+        graphql: Partial<{
+            endpoint: string;
+            query: string;
+            variablesJson: string;
+            headersJson: string;
+            transformerTs: any;
+            transformer: any;
+        }>;
+    }>>;
+    readonly query$: rxjs.Observable<Query<any, any>>;
+    readonly query: i0.Signal<Query<any, any>>;
+    readonly destroyRef: DestroyRef;
+    readonly result$: rxjs.Observable<any>;
+    readonly result: i0.Signal<Record<string, any[]> & Record<`${string}Length`, number> & {
+        __meta__?: {
+            title?: string;
+        } & any;
+    }>;
+    constructor();
+    refresh(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QueryFeature, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<QueryFeature>;
+}
+
+declare class QueryGraphqlSchemaFeature {
+    protected readonly feature: QueryFeature;
+    protected readonly service: QueryService;
+    protected readonly graphqlSchema$: rxjs.Observable<any>;
+    readonly graphqlSchema: i0.Signal<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QueryGraphqlSchemaFeature, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<QueryGraphqlSchemaFeature>;
+}
+
+declare class QueryGraphqlVariablesFormFeature {
+    protected readonly feature: QueryFeature;
+    protected readonly variablesFromService: VariablesFromService;
+    protected readonly queryGraphqlVariables$: rxjs.Observable<any>;
+    protected readonly variablesValue$: rxjs.Observable<Record<string, any>>;
+    readonly variablesValue: i0.Signal<Record<string, any> | {}>;
+    protected readonly variablesForm$: rxjs.Observable<_angular_forms.FormGroup<any>>;
+    readonly variablesForm: i0.Signal<_angular_forms.FormGroup<any>>;
+    readonly variablesFormValue$: rxjs.Observable<rxjs.Observable<any>>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<QueryGraphqlVariablesFormFeature, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<QueryGraphqlVariablesFormFeature>;
+}
+
+declare class QueryUpdateFeature {
+    static provideUpdateQueryEffect(): Provider[];
+    protected readonly queryEntityStore: _ng_atomic_common_stores_entities.EntityStore<Query$1<any, any>>;
+    protected readonly app: AppService;
+    protected readonly feature: QueryFeature;
+    update(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QueryUpdateFeature, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<QueryUpdateFeature>;
+}
+
+export { ActionId, QueryFeature, QueryGraphqlSchemaFeature, QueryGraphqlVariablesFormFeature, QueryUpdateFeature, isQuery };