chore(*): Extract tree grid elements members into elements.

Author: MKirova

projects/igniteui-angular-elements/src/analyzer/config.template.ts

@@ -1,15 +1,15 @@
 import {
     IgxPivotDataSelectorComponent,
-    IgxPivotGridComponent,
-    IgxTreeGridComponent
+    IgxPivotGridComponent
 } from '../../../igniteui-angular/src/public_api';
 import { IgxGridElementsComponent } from '../lib/grids/grid.component';
 import { IgxHierarchicalGridElementsComponent } from '../lib/grids/hierarchical-grid.component';
+import { IgxTreeGridElementsComponent } from '../lib/grids/tree-grid.component';
 
 export const registerComponents = [
     IgxGridElementsComponent,
     IgxHierarchicalGridElementsComponent,
-    IgxTreeGridComponent,
+    IgxTreeGridElementsComponent,
     IgxPivotGridComponent,
     IgxPivotDataSelectorComponent
 ];

projects/igniteui-angular-elements/src/analyzer/elements.config.ts

@@ -1,10 +1,10 @@
 import {
   IgxPivotDataSelectorComponent,
   IgxPivotGridComponent,
-  IgxTreeGridComponent,
 } from "../../../igniteui-angular/src/public_api";
 import { IgxGridElementsComponent } from "../lib/grids/grid.component";
 import { IgxHierarchicalGridElementsComponent } from "../lib/grids/hierarchical-grid.component";
+import { IgxTreeGridElementsComponent } from "../lib/grids/tree-grid.component";
 import { IgxPaginatorComponent } from "../../../igniteui-angular/src/lib/paginator/paginator.component";
 import { IgxPaginatorToken } from "../../../igniteui-angular/src/lib/paginator/token";
 import { IgxActionStripComponent } from "../../../igniteui-angular/src/lib/action-strip/action-strip.component";
@@ -30,7 +30,7 @@ import { IgxGridStateComponent } from "../lib/state.component";
 export const registerComponents = [
   IgxGridElementsComponent,
   IgxHierarchicalGridElementsComponent,
-  IgxTreeGridComponent,
+  IgxTreeGridElementsComponent,
   IgxPivotGridComponent,
   IgxPivotDataSelectorComponent,
 ];
@@ -43,7 +43,7 @@ export var registerConfig = [
     parents: [
       IgxGridElementsComponent,
       IgxHierarchicalGridElementsComponent,
-      IgxTreeGridComponent,
+      IgxTreeGridElementsComponent,
       IgxRowIslandElementsComponent,
     ],
     contentQueries: [
@@ -64,7 +64,7 @@ export var registerConfig = [
     parents: [
       IgxGridElementsComponent,
       IgxHierarchicalGridElementsComponent,
-      IgxTreeGridComponent,
+      IgxTreeGridElementsComponent,
       IgxPivotGridComponent,
       IgxRowIslandElementsComponent,
       IgxColumnGroupComponent,
@@ -120,7 +120,7 @@ export var registerConfig = [
     parents: [
       IgxGridElementsComponent,
       IgxHierarchicalGridElementsComponent,
-      IgxTreeGridComponent,
+      IgxTreeGridElementsComponent,
       IgxColumnGroupComponent,
       IgxRowIslandElementsComponent,
     ],
@@ -426,7 +426,7 @@ export var registerConfig = [
     selector: "igc-grid-state",
     parents: [
       IgxGridElementsComponent,
-      IgxTreeGridComponent,
+      IgxTreeGridElementsComponent,
       IgxHierarchicalGridElementsComponent,
       IgxPivotGridComponent,
     ],
@@ -461,7 +461,7 @@ export var registerConfig = [
     parents: [
       IgxGridElementsComponent,
       IgxHierarchicalGridElementsComponent,
-      IgxTreeGridComponent,
+      IgxTreeGridElementsComponent,
       IgxPivotGridComponent,
     ],
     contentQueries: [
@@ -555,6 +555,7 @@ export var registerConfig = [
       { name: "gridAPI" },
       { name: "cdr" },
       { name: "navigation", writable: true },
+      { name: "childLayoutList", writable: true },
       { name: "actionStripComponents", writable: true },
       { name: "foreignKey" },
       { name: "selectedCells" },
@@ -690,7 +691,7 @@ export var registerConfig = [
     parents: [
       IgxGridElementsComponent,
       IgxHierarchicalGridElementsComponent,
-      IgxTreeGridComponent,
+      IgxTreeGridElementsComponent,
       IgxPivotGridComponent,
     ],
     contentQueries: [],
@@ -996,6 +997,7 @@ export var registerConfig = [
     ],
     additionalProperties: [
       { name: "rowIslandAPI", writable: true },
+      { name: "childLayoutList", writable: true },
       { name: "gridAPI", writable: true },
       { name: "shouldGenerate", writable: true },
       { name: "rowList" },
@@ -1112,10 +1114,15 @@ export var registerConfig = [
     ],
   },
   {
-    component: IgxTreeGridComponent,
+    component: IgxTreeGridElementsComponent,
     selector: "igc-tree-grid",
     parents: [],
     contentQueries: [
+      {
+        property: "actionStripComponents",
+        childType: IgxActionStripToken,
+        isQueryList: true,
+      },
       {
         property: "columnList",
         childType: IgxColumnComponent,
@@ -1131,6 +1138,7 @@ export var registerConfig = [
       },
     ],
     additionalProperties: [
+      { name: "actionStripComponents", writable: true },
       { name: "rootRecords", writable: true },
       { name: "records", writable: true },
       { name: "processedRootRecords", writable: true },

projects/igniteui-angular-elements/src/app/components.ts

@@ -15,7 +15,6 @@ import {
     IgxGridToolbarTitleComponent,
     IgxPaginatorComponent,
     IgxPivotGridComponent,
-    IgxTreeGridComponent,
     IgxPivotDataSelectorComponent
 } from 'igniteui-angular';
 import { GridType } from 'projects/igniteui-angular/src/lib/grids/common/grid.interface';
@@ -29,14 +28,15 @@ import { injector } from '../utils/injector-ref';
 import { registerComponent } from '../utils/register';
 import { IgxHierarchicalGridElementsComponent } from '../lib/grids/hierarchical-grid.component';
 import { IgxRowIslandElementsComponent } from '../lib/grids/row-island.component';
+import { IgxTreeGridElementsComponent } from '../lib/grids/tree-grid.component';
 
 // force-create icon service, TODO: move to initializer or register/define mechanic to avoid side-effect?
 const _iconBroadcast: IgxIconBroadcastService = injector.get(IgxIconBroadcastService);
 
 const grid = createIgxCustomElement(IgxGridElementsComponent, { injector, registerConfig });
 const IgcGridComponent = withRegister(grid, () => { registerComponent(IgcGridComponent) });
 
-const treeGrid = createIgxCustomElement(IgxTreeGridComponent, { injector, registerConfig });
+const treeGrid = createIgxCustomElement(IgxTreeGridElementsComponent, { injector, registerConfig });
 const IgcTreeGridComponent = withRegister(treeGrid, () => { registerComponent(IgcTreeGridComponent) });
 
 const hGrid = createIgxCustomElement(IgxHierarchicalGridElementsComponent, { injector, registerConfig });
@@ -122,7 +122,7 @@ export {
 // TODO: Custom elements JSON as well
 declare global {
     type IgxGridElement = NgElement & WithProperties<GridType>;
-    type IgxTreeGridElement = NgElement & WithProperties<IgxTreeGridComponent>;
+    type IgxTreeGridElement = NgElement & WithProperties<IgxTreeGridElementsComponent>;
     interface HTMLElementTagNameMap {
         'igc-grid': NgElement & WithProperties<GridType>;
         'igc-tree-grid': NgElement & WithProperties<IgxTreeGridElement>;

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

@@ -147,18 +147,10 @@ export class IgxHierarchicalGridElementsComponent extends IgxHierarchicalGridCom
         });
     }
 
-
-//childLayoutList
-//allLayoutList
-
     /* contentChildren */
-    /* blazorInclude */
     /* blazorTreatAsCollection */
     /* blazorCollectionName: RowIslandCollection */
     /* ngQueryListName: childLayoutList */
-    /**
-     * @hidden
-     */
     @ContentChildren(IgxRowIslandElementsComponent, { read: IgxRowIslandElementsComponent, descendants: false })
     public override childLayoutList: QueryList<IgxRowIslandElementsComponent>;
 

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

@@ -98,17 +98,10 @@ export class IgxRowIslandElementsComponent extends IgxRowIslandComponent {
         });
     }
 
-    //children
-    // childLayoutList
-
     /* contentChildren */
-    /* blazorInclude */
     /* blazorTreatAsCollection */
     /* blazorCollectionName: RowIslandCollection */
     /* ngQueryListName: childLayoutList */
-    /**
-     * @hidden
-     */
     @ContentChildren(IgxRowIslandElementsComponent, { read: IgxRowIslandElementsComponent, descendants: false })
     public override childLayoutList: QueryList<IgxRowIslandElementsComponent>;
 
@@ -126,12 +119,10 @@ export class IgxRowIslandElementsComponent extends IgxRowIslandComponent {
 
     // TODO(api-analyzer): Shouldn't need all tags to copy from base or hidden/internal due to include tag
     /* contentChildren */
-    /* blazorInclude */
     /* blazorTreatAsCollection */
     /* blazorCollectionName: ActionStripCollection */
     /* blazorCollectionItemName: ActionStrip */
     /* ngQueryListName: actionStripComponents */
-    /** @hidden @internal */
     @ContentChildren(IgxActionStripToken, { read: IgxActionStripToken, descendants: false })
     protected actionStripComponents: QueryList<IgxActionStripToken>;