fix(hgird): Fix resources not applying to child grids and islands.

Author: skrustev

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

@@ -3245,6 +3245,7 @@ export abstract class IgxGridBaseDirective implements GridType,
     };
     protected _hGridSchema: EntityType[];
     protected gridComputedStyles;
+    protected _resourceStrings = null;
 
     /** @hidden @internal */
     public get paginator() {
@@ -3282,7 +3283,6 @@ export abstract class IgxGridBaseDirective implements GridType,
     private _loadingGridTemplate: TemplateRef<IgxGridTemplateContext>;
 
     private _cdrRequests = false;
-    private _resourceStrings = null;
     private _defaultResourceStrings = getCurrentResourceStrings(GridResourceStringsEN);
     private _emptyGridMessage = null;
     private _emptyFilteredGridMessage = null;

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

@@ -69,6 +69,7 @@ import { IgxActionStripToken } from '../../action-strip/token';
 import { flatten } from '../../core/utils';
 import { IFilteringExpressionsTree } from '../../data-operations/filtering-expressions-tree';
 import { IgxScrollInertiaDirective } from '../../directives/scroll-inertia/scroll_inertia.directive';
+import { IGridResourceStrings } from 'igniteui-angular';
 
 let NEXT_ID = 0;
 
@@ -606,6 +607,26 @@ export class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirecti
         return this._hGridSchema;
     }
 
+    /**
+     * Gets/Sets the resource strings.
+     *
+     * @remarks
+     * By default it uses EN resources.
+     */
+    @Input()
+    public override set resourceStrings(value: IGridResourceStrings) {
+        super.resourceStrings = value;
+        if (!this.parent) {
+            this.gridAPI.getChildGrids(true).forEach((grid) => {
+                grid.resourceStrings = value;
+            });
+        }
+    }
+
+    public override get resourceStrings() {
+        return super.resourceStrings;
+    }
+
     /**
      * Gets the unique identifier of the parent row. It may be a `string` or `number` if `primaryKey` of the
      * parent grid is set or an object reference of the parent record otherwise.
@@ -733,6 +754,7 @@ export class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirecti
             this.rootGrid.hasChildrenKey;
         this.showExpandAll = this.parentIsland ?
             this.parentIsland.showExpandAll : this.rootGrid.showExpandAll;
+        this.resourceStrings = this.parentIsland?.resourceStrings ?? this.rootGrid.resourceStrings;
     }
 
     /**

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

@@ -51,6 +51,7 @@ import { IgxGridValidationService } from '../grid/grid-validation.service';
 import { IgxTextHighlightService } from '../../directives/text-highlight/text-highlight.service';
 import { IgxPaginatorComponent } from '../../paginator/paginator.component';
 import { BaseFormatter, I18N_FORMATTER } from '../../core/i18n/formatters/formatter-base';
+import { IGridResourceStrings } from '../../core/i18n/grid-resources';
 
 /* blazorCopyInheritedMembers */
 /* blazorElement */
@@ -116,6 +117,24 @@ export class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective
         this.key = value;
     }
 
+    /**
+     * Gets/Sets the resource strings.
+     *
+     * @remarks
+     * By default it uses the root grid resources.
+     */
+    @Input()
+    public override set resourceStrings(value: IGridResourceStrings) {
+        this._resourceStrings = value;
+        this.rowIslandAPI.getChildGrids().forEach((grid) => {
+            grid.resourceStrings = value;
+        });
+    }
+
+    public override get resourceStrings() {
+        return this._resourceStrings ?? this.rootGrid.resourceStrings;
+    }
+
     /**
      * @hidden
      */