Fix action-strip ↔ grids circular dependency

- Removed direct import of IgxRowDirective from grids in action-strip
- Created stub interface to avoid circular dependency
- Changed isRow() method to use duck typing instead of instanceof check
- Action-strip now builds successfully without circular dependency

This resolves the circular dependency: action-strip → grids → action-strip

Co-authored-by: kdinev <[email protected]>

Author: Copilot

projects/igniteui-angular/action-strip/src/action-strip/grid-actions/grid-actions-base.directive.ts

@@ -2,7 +2,13 @@ import { IgxGridActionButtonComponent } from './grid-action-button.component';
 import { Directive, Input, AfterViewInit, QueryList, ViewChildren, IterableDiffers, booleanAttribute } from '@angular/core';
 import { IgxActionStripComponent } from '../action-strip.component';
 import { IgxIconService } from 'igniteui-angular/icon';
-import { IgxRowDirective } from 'igniteui-angular/grids';
+
+// Stub interface to avoid circular dependency with grids
+// The actual IgxRowDirective is imported at runtime
+interface IgxRowDirectiveStub {
+    grid?: any;
+    inEditMode?: boolean;
+}
 
 /* blazorElement */
 /* contentParent: ActionStrip */
@@ -73,7 +79,9 @@ export class IgxGridActionsBaseDirective implements AfterViewInit {
      * @internal
      * @param context
      */
-    protected isRow(context): context is IgxRowDirective {
-        return context && context instanceof IgxRowDirective;
+    protected isRow(context): context is IgxRowDirectiveStub {
+        // Check if context has grid property and constructor name contains 'Row'
+        // This avoids importing IgxRowDirective directly which would create circular dependency
+        return context && context.grid && context.constructor.name.includes('Row');
     }
 }

projects/igniteui-angular/action-strip/src/action-strip/public_api.ts

@@ -9,6 +9,7 @@ export { IgxGridEditingActionsComponent } from './grid-actions/grid-editing-acti
 export { IgxGridPinningActionsComponent } from './grid-actions/grid-pinning-actions.component';
 export { IgxActionStripComponent, IgxActionStripMenuItemDirective } from './action-strip.component';
 export { IgxGridActionButtonComponent } from './grid-actions/grid-action-button.component';
+export { IgxActionStripToken } from './token';
 
 /* Action-strip outside of grid directives collection for ease-of-use import in standalone components scenario */
 export const IGX_ACTION_STRIP_DIRECTIVES = [

projects/igniteui-angular/grids/src/grids/hierarchical-grid/hierarchical-grid.component.ts

@@ -56,9 +56,12 @@ import { IgxGridBodyDirective } from '../grid.common';
 import { IgxGridHeaderRowComponent } from '../headers/grid-header-row.component';
 import { IgxGridSelectionService } from '../selection/selection.service';
 import { IgxButtonDirective, IgxForOfScrollSyncService, IgxForOfSyncService, IgxGridForOfDirective, IgxOverlayOutletDirective, IgxRippleDirective, IgxScrollInertiaDirective, IgxTemplateOutletDirective, IgxToggleDirective } from 'igniteui-angular/directives';
-import { IgxCircularProgressBarComponent, IgxSnackbarComponent, IgxIconComponent, IFilteringExpressionsTree, flatten } from 'igniteui-angular';
-import { IgxActionStripToken } from 'igniteui-angular/action-strip/src/action-strip/token';
-import { IgxPaginatorToken } from 'igniteui-angular/paginator/src/paginator/token';
+import { IgxCircularProgressBarComponent } from 'igniteui-angular/progressbar';
+import { IgxSnackbarComponent } from 'igniteui-angular/snackbar';
+import { IgxIconComponent } from 'igniteui-angular/icon';
+import { IFilteringExpressionsTree, flatten } from 'igniteui-angular/core';
+import { IgxActionStripToken } from 'igniteui-angular/action-strip';
+import { IgxPaginatorToken } from 'igniteui-angular/paginator';
 
 let NEXT_ID = 0;
 

projects/igniteui-angular/paginator/src/paginator/public_api.ts

@@ -3,6 +3,7 @@ import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorC
 
 export * from './paginator.component';
 export * from './paginator-interfaces';
+export { IgxPaginatorToken } from './token';
 
 /* NOTE: Paginator directives collection for ease-of-use import in standalone components scenario */
 export const IGX_PAGINATOR_DIRECTIVES = [