fix(elements): Suppress public injects so they are not added to WC.

Author: skrustev

projects/igniteui-angular-elements/src/lib/state.component.ts

@@ -44,6 +44,7 @@ export interface IGridStateInfo {
     standalone: true
 })
 export class IgxGridStateComponent extends IgxGridStateBaseDirective {
+    /* blazorSuppress */
     public override grid = inject<GridType>(IGX_GRID_BASE);
     /**
      * Restores grid features' state based on the IGridStateInfo object passed as an argument.

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

@@ -86,6 +86,7 @@ export class IgxActionStripComponent implements IgxActionStripToken, AfterViewIn
     private _viewContainer = inject(ViewContainerRef);
     private renderer = inject(Renderer2);
     protected el = inject(ElementRef);
+    /* blazorSuppress */
     public cdr = inject(ChangeDetectorRef);
 
 

projects/igniteui-angular/core/src/services/overlay/utilities.ts

@@ -18,6 +18,7 @@ import { IScrollStrategy } from './scroll';
     standalone: true
 })
 export class IgxOverlayOutletDirective {
+    /* blazorSuppress */
     public element = inject<ElementRef<HTMLElement>>(ElementRef);
 
     /** @hidden */

projects/igniteui-angular/grids/core/src/columns/column.component.ts

@@ -55,6 +55,7 @@ const DEFAULT_DIGITS_INFO = '1.0-3';
     standalone: true
 })
 export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnType {
+    /* blazorSuppress */
     public grid = inject<GridType>(IGX_GRID_BASE);
     private _validators = inject<Validator[]>(NG_VALIDATORS, { optional: true, self: true });
 

projects/igniteui-angular/grids/core/src/common/grid.interface.ts

@@ -332,7 +332,7 @@ export interface GridServiceType {
     grid: GridType;
     /** Represents the type of the CRUD service (Create, Read, Update, Delete) operations on the grid data. */
     crudService: any;
-    /** A service responsible for handling column moving within the grid. It contains a reference to the column, its icon, and indicator for cancelation. */
+    /** A service responsible for handling column moving within the grid. It contains a reference to the column, its icon, and indicator for cancellation. */
     cms: IgxColumnMovingService;
 
     /** Represents a method declaration for retrieving the data used in the grid. The returned values could be of any type */

projects/igniteui-angular/grids/core/src/row.directive.ts

@@ -33,9 +33,13 @@ import { IgxCheckboxComponent } from 'igniteui-angular/checkbox';
     standalone: true
 })
 export class IgxRowDirective implements DoCheck, AfterViewInit, OnDestroy {
+    /* blazorSuppress */
     public grid = inject<GridType>(IGX_GRID_BASE);
+    /* blazorSuppress */
     public selectionService = inject(IgxGridSelectionService);
+    /* blazorSuppress */
     public element = inject<ElementRef<HTMLElement>>(ElementRef);
+    /* blazorSuppress */
     public cdr = inject(ChangeDetectorRef);
 
     /**

projects/igniteui-angular/grids/grid/src/grid-base.directive.ts

@@ -133,21 +133,25 @@ const MIN_ROW_EDITING_COUNT_THRESHOLD = 2;
 export abstract class IgxGridBaseDirective implements GridType,
     OnInit, DoCheck, OnDestroy, AfterContentInit, AfterViewInit {
 
+    /* blazorSuppress */
     public readonly validation = inject(IgxGridValidationService);
     /** @hidden @internal */
     public readonly selectionService = inject(IgxGridSelectionService);
     protected colResizingService = inject(IgxColumnResizingService);
+    /* blazorSuppress */
     public readonly gridAPI = inject<GridServiceType>(IGX_GRID_SERVICE_BASE);
     protected transactionFactory = inject(IgxFlatTransactionFactory);
     private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);
     protected zone = inject(NgZone);
     /** @hidden @internal */
     public document = inject(DOCUMENT);
+    /* blazorSuppress */
     public readonly cdr = inject(ChangeDetectorRef);
     protected differs = inject(IterableDiffers);
     protected viewRef = inject(ViewContainerRef);
     protected injector = inject(Injector);
     protected envInjector = inject(EnvironmentInjector);
+    /* blazorSuppress */
     public navigation = inject(IgxGridNavigationService);
     /** @hidden @internal */
     public filteringService = inject(IgxFilteringService);

projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid-base.directive.ts

@@ -34,7 +34,9 @@ export const IgxHierarchicalTransactionServiceFactory = {
    wcSkipComponentSuffix */
 @Directive()
 export abstract class IgxHierarchicalGridBaseDirective extends IgxGridBaseDirective implements GridType {
+    /* blazorSuppress */
     public override gridAPI = inject<IgxHierarchicalGridAPIService>(IGX_GRID_SERVICE_BASE);
+    /* blazorSuppress */
     public override navigation = inject(IgxHierarchicalGridNavigationService);
     /**
      * Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.

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

@@ -49,8 +49,11 @@ let NEXT_ID = 0;
     imports: [NgClass]
 })
 export class IgxChildGridRowComponent implements AfterViewInit, OnInit {
+    /* blazorSuppress */
     public readonly gridAPI = inject<IgxHierarchicalGridAPIService>(IGX_GRID_SERVICE_BASE);
+    /* blazorSuppress */
     public element = inject<ElementRef<HTMLElement>>(ElementRef);
+    /* blazorSuppress */
     public cdr = inject(ChangeDetectorRef);
 
     @Input()

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

@@ -69,6 +69,7 @@ import { IForOfState } from 'igniteui-angular/directives';
 })
 export class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective
     implements AfterContentInit, AfterViewInit, OnChanges, OnInit, OnDestroy {
+    /* blazorSuppress */
     public rowIslandAPI = inject(IgxRowIslandAPIService);