@acorex/components 19.13.0-next.8 → 19.13.0

package/flow-chart/lib/flow-chart.component.d.ts

@@ -0,0 +1,24 @@
+import { NXComponent } from '@acorex/components/common';
+import { AXFlowChartEdges, AXFlowChartNodes } from './flow-chart.type';
+import * as i0 from "@angular/core";
+export declare class AXFlowChartComponent extends NXComponent {
+    #private;
+    private flowChartService;
+    initialFlowChartNode: import("@angular/core").InputSignal<AXFlowChartNodes[]>;
+    initialFlowChartEdge: import("@angular/core").InputSignal<AXFlowChartEdges[]>;
+    selectedNode: import("@angular/core").Signal<AXFlowChartNodes>;
+    selectedEdge: import("@angular/core").Signal<AXFlowChartEdges>;
+    handleKeyboardEvent(event: KeyboardEvent): void;
+    drawEdges(edges: AXFlowChartEdges[]): void;
+    removeEdge(edge: AXFlowChartEdges): void;
+    createNode(nodes: {
+        id: string;
+        type: string;
+        label: string;
+        x: number;
+        y: number;
+    }[]): void;
+    removeNode(nodeId: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFlowChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFlowChartComponent, "ax-flow-chart", never, { "initialFlowChartNode": { "alias": "initialFlowChartNode"; "required": true; "isSignal": true; }; "initialFlowChartEdge": { "alias": "initialFlowChartEdge"; "required": true; "isSignal": true; }; }, {}, never, ["ax-header", "ax-flow-chart-renderer", "ax-footer"], true, never>;
+}

package/flow-chart/lib/flow-chart.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./flow-chart-renderer/flow-chart-renderer.component";
+import * as i3 from "./flow-chart-creator/flow-chart-creator.component";
+import * as i4 from "./flow-chart.component";
+export declare class AXFlowChartModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFlowChartModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXFlowChartModule, never, [typeof i1.CommonModule, typeof i2.AXFlowChartRendererComponent, typeof i3.AXFlowChartCreatorComponent, typeof i4.AXFlowChartComponent], [typeof i2.AXFlowChartRendererComponent, typeof i3.AXFlowChartCreatorComponent, typeof i4.AXFlowChartComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXFlowChartModule>;
+}

package/flow-chart/lib/flow-chart.service.d.ts

@@ -0,0 +1,57 @@
+import { Subject } from 'rxjs';
+import { AXFlowChartEdges, AXFlowChartNodes, AXLineClickEvent, AXNodeClickEvent } from './flow-chart.type';
+import * as i0 from "@angular/core";
+export declare class AXFlowChartService {
+    #private;
+    private zone;
+    initialFlowChartEdge: import("@angular/core").WritableSignal<any[]>;
+    initialFlowChartNode: import("@angular/core").WritableSignal<any[]>;
+    selectedNode: import("@angular/core").WritableSignal<AXFlowChartNodes>;
+    selectedEdge: import("@angular/core").WritableSignal<AXFlowChartEdges>;
+    readonly svgService: import("@angular/core").WritableSignal<any>;
+    readonly canvasService: import("@angular/core").WritableSignal<any>;
+    readonly lineClick: Subject<AXLineClickEvent>;
+    readonly lineDbClick: Subject<AXLineClickEvent>;
+    readonly nodeClick: Subject<AXNodeClickEvent>;
+    readonly nodeDbClick: Subject<AXNodeClickEvent>;
+    readonly onEdgeUpdate: Subject<AXFlowChartEdges>;
+    readonly onNodeUpdate: Subject<AXFlowChartNodes>;
+    private nodesMap;
+    private eventListeners;
+    private anchorClickBuffer;
+    private currentConnection;
+    private draggingConnection;
+    private tempLine;
+    private addEventListener;
+    private removeEventListeners;
+    private setupNodeEventListeners;
+    private setupAnchorEventListeners;
+    private addAnchors;
+    private makeDraggable;
+    private positionAnchor;
+    private getAnchorPoint;
+    private startTempLine;
+    private clearTempLine;
+    private pushAndCreateEdgeData;
+    drawEdges(edges?: AXFlowChartEdges[]): void;
+    createLine(from: {
+        x: number;
+        y: number;
+    }, to: {
+        x: number;
+        y: number;
+    }, edge: AXFlowChartEdges): SVGLineElement;
+    private finishConnection;
+    removeEdge(edge: AXFlowChartEdges): void;
+    createNode(nodes: {
+        id: string;
+        type: string;
+        label: string;
+        x: number;
+        y: number;
+    }[]): void;
+    removeNode(nodeId: string): void;
+    cleanup(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFlowChartService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXFlowChartService>;
+}

package/flow-chart/lib/flow-chart.type.d.ts

@@ -0,0 +1,37 @@
+export interface AXFlowChart {
+    nodes: AXFlowChartNodes[];
+    edges: AXFlowChartEdges[];
+}
+export interface AXFlowChartNodes {
+    id: string;
+    type: string;
+    label: string;
+    x: number;
+    y: number;
+}
+export interface AXFlowChartEdges {
+    id: string;
+    source: {
+        id: string;
+        anchor: string;
+    };
+    target: {
+        id: string;
+        anchor: string;
+    };
+}
+export interface HTMLElementWithDataset extends HTMLElement {
+    dataset: {
+        id?: string;
+        anchor?: string;
+        nodeId?: string;
+    };
+}
+export type AXNodeClickEvent = {
+    target: HTMLElementWithDataset;
+    event: MouseEvent;
+};
+export type AXLineClickEvent = {
+    target: AXFlowChartEdges;
+    event: MouseEvent;
+};

package/form/lib/form-field.component.d.ts

@@ -1,5 +1,5 @@
 import { MXBaseComponent } from '@acorex/components/common';
-import { ViewContainerRef, WritableSignal } from '@angular/core';
+import { AfterContentChecked, ViewContainerRef, WritableSignal } from '@angular/core';
 import { AXFormComponent, AXLabelMode } from './form.component';
 import * as i0 from "@angular/core";
 /**
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
  *
  * @category Components
  */
-export declare class AXFormFieldComponent extends MXBaseComponent {
+export declare class AXFormFieldComponent extends MXBaseComponent implements AfterContentChecked {
     /**
      * Specifies the mode of the label in the form field.
      *  @defaultValue 'static'
@@ -33,6 +33,7 @@ export declare class AXFormFieldComponent extends MXBaseComponent {
      *  @ignore
      */
     constructor();
+    ngAfterContentChecked(): void;
     /**
      * Calculates and sets the indentation size for the label based on the width of the prefix element.
      * @ignore

package/form/lib/validation-summary.component.d.ts

@@ -1,6 +1,5 @@
 import { MXBaseComponent } from '@acorex/components/common';
 import { AXToastService } from '@acorex/components/toast';
-import { AXTranslationService } from '@acorex/core/translation';
 import { OnDestroy } from '@angular/core';
 import { AXFormComponent } from './form.component';
 import * as i0 from "@angular/core";
@@ -13,7 +12,6 @@ export type AXValidationSummaryDisplayMode = 'toast' | 'alert';
 export declare class AXValidationSummaryComponent extends MXBaseComponent implements OnDestroy {
     private _tosatService;
     private host;
-    private translateService;
     /**
      *  @ignore
      */
@@ -58,7 +56,7 @@ export declare class AXValidationSummaryComponent extends MXBaseComponent implem
     /**
      *  @ignore
      */
-    constructor(_tosatService: AXToastService, host: AXFormComponent, translateService: AXTranslationService);
+    constructor(_tosatService: AXToastService, host: AXFormComponent);
     /**
      *  @ignore
      */
@@ -71,6 +69,6 @@ export declare class AXValidationSummaryComponent extends MXBaseComponent implem
      *  @ignore
      */
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXValidationSummaryComponent, [null, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXValidationSummaryComponent, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXValidationSummaryComponent, "ax-validation-summary", never, { "title": { "alias": "title"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "timeOut": { "alias": "timeOut"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "19.13.0-next.8",
+  "version": "19.13.0",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -153,6 +153,10 @@
       "types": "./file-explorer/index.d.ts",
       "default": "./fesm2022/acorex-components-file-explorer.mjs"
     },
+    "./flow-chart": {
+      "types": "./flow-chart/index.d.ts",
+      "default": "./fesm2022/acorex-components-flow-chart.mjs"
+    },
     "./form": {
       "types": "./form/index.d.ts",
       "default": "./fesm2022/acorex-components-form.mjs"