From c45d45deeeb4ec6a3da8a6a343ae621daf4a2e74 Mon Sep 17 00:00:00 2001
From: maksymkaD <52499153+maksymkaD@users.noreply.github.com>
Date: Tue, 30 Jun 2026 14:35:38 +0300
Subject: [PATCH] Implement for/name link between toolbar and grids

---
 projects/flexmonster/angular/src/flat-table.component.ts  | 3 ++-
 projects/flexmonster/angular/src/pivot-table.component.ts | 3 ++-
 projects/flexmonster/angular/ssr/flat-table.component.ts  | 2 ++
 projects/flexmonster/angular/ssr/pivot-table.component.ts | 2 ++
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/projects/flexmonster/angular/src/flat-table.component.ts b/projects/flexmonster/angular/src/flat-table.component.ts
index cd11e13..755bc09 100644
--- a/projects/flexmonster/angular/src/flat-table.component.ts
+++ b/projects/flexmonster/angular/src/flat-table.component.ts
@@ -21,6 +21,7 @@ import {
 export class FMFlatTable implements AfterViewInit, OnDestroy, IFMFlatTable {
   @Input() state: StateInputParams | undefined;
   @Input() options: IFMFlatTableOptionsInputParams | undefined;
+  @Input() name: string | undefined;
 
   protected root: HTMLElement;
   private _flatTable!: IFMFlatTable;
@@ -31,7 +32,7 @@ export class FMFlatTable implements AfterViewInit, OnDestroy, IFMFlatTable {
 
   ngAfterViewInit() {
     const container = this.root.getElementsByClassName('fm-ng-wrapper')[0] as HTMLElement;
-    this._flatTable = FlatTable(container, { state: this.state, options: this.options });
+    this._flatTable = FlatTable(container, { state: this.state, options: this.options, name: this.name });
   }
 
   ngOnDestroy() {
diff --git a/projects/flexmonster/angular/src/pivot-table.component.ts b/projects/flexmonster/angular/src/pivot-table.component.ts
index 704a1d1..d7e06b4 100644
--- a/projects/flexmonster/angular/src/pivot-table.component.ts
+++ b/projects/flexmonster/angular/src/pivot-table.component.ts
@@ -23,6 +23,7 @@ import {
 export class FMPivotTable implements AfterViewInit, OnDestroy, IFMPivotTable {
   @Input() state: StateInputParams | undefined;
   @Input() options: IFMPivotTableOptionsInputParams | undefined;
+  @Input() name: string | undefined;
 
   protected root: HTMLElement;
   private _pivotTable!: IFMPivotTable;
@@ -33,7 +34,7 @@ export class FMPivotTable implements AfterViewInit, OnDestroy, IFMPivotTable {
 
   ngAfterViewInit() {
     const container = this.root.getElementsByClassName('fm-ng-wrapper')[0] as HTMLElement;
-    this._pivotTable = PivotTable(container, { state: this.state, options: this.options });
+    this._pivotTable = PivotTable(container, { state: this.state, options: this.options, name: this.name });
   }
 
   ngOnDestroy() {
diff --git a/projects/flexmonster/angular/ssr/flat-table.component.ts b/projects/flexmonster/angular/ssr/flat-table.component.ts
index 6e0ced1..5a4fc6e 100644
--- a/projects/flexmonster/angular/ssr/flat-table.component.ts
+++ b/projects/flexmonster/angular/ssr/flat-table.component.ts
@@ -10,6 +10,7 @@ import { FMSsrBase } from './flexmonster-ssr-base.component';
 export class FMFlatTable extends FMSsrBase {
   @Input() state: StateInputParams | undefined;
   @Input() options: IFMFlatTableOptionsInputParams | undefined;
+  @Input() name: string | undefined;
 
   public flatTable!: IFMFlatTable;
 
@@ -20,6 +21,7 @@ export class FMFlatTable extends FMSsrBase {
       const ref = this.vcr.createComponent(FMFlatTable);
       ref.setInput('state', this.state);
       ref.setInput('options', this.options);
+      ref.setInput('name', this.name);
       ref.changeDetectorRef.detectChanges();
       this.flatTable = ref.instance;
     });
diff --git a/projects/flexmonster/angular/ssr/pivot-table.component.ts b/projects/flexmonster/angular/ssr/pivot-table.component.ts
index e8578e2..59b81d4 100644
--- a/projects/flexmonster/angular/ssr/pivot-table.component.ts
+++ b/projects/flexmonster/angular/ssr/pivot-table.component.ts
@@ -10,6 +10,7 @@ import { FMSsrBase } from './flexmonster-ssr-base.component';
 export class FMPivotTable extends FMSsrBase {
   @Input() state: StateInputParams | undefined;
   @Input() options: IFMPivotTableOptionsInputParams | undefined;
+  @Input() name: string | undefined;
 
   public pivotTable!: IFMPivotTable;
 
@@ -20,6 +21,7 @@ export class FMPivotTable extends FMSsrBase {
       const ref = this.vcr.createComponent(FMPivotTable);
       ref.setInput('state', this.state);
       ref.setInput('options', this.options);
+      ref.setInput('name', this.name);
       ref.changeDetectorRef.detectChanges();
       this.pivotTable = ref.instance;
     });