fix(hierarchical grid): a few new columns query params value

Author: multignite

src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.html

@@ -1,4 +1,4 @@
-<div [ngClass]="{'grid__wrapper': true, 'dark-theme': dark === true }" style='width: 100%;'>
+<div [ngClass]="{'grid__wrapper': true, 'dark-theme': dark === 'true' }" style='width: 100%;'>
     <igx-grid [igxPreventDocumentScroll]="true" #grid1 [data]="data" [width]="'100%'" [height]="'480px'">
         <igx-grid-toolbar>
             <igx-grid-toolbar-actions>

src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts

@@ -15,7 +15,7 @@ import { ActivatedRoute } from '@angular/router';
 export class PinningToolbarSampleComponent implements OnInit{
     @ViewChild('grid1', { static: true }) public grid1: IgxGridComponent;
 
-    public dark = false;
+    public dark = "";
     public data: any[];
     public columns: any[];
 
@@ -36,7 +36,7 @@ export class PinningToolbarSampleComponent implements OnInit{
         this.data = DATA;
 
         this.activatedRoute.queryParams.subscribe(params => {
-            this.dark = !!params.dark;
+            this.dark = params.dark;
         });
     }
 

src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.html

@@ -1,4 +1,4 @@
-<div [ngClass]="{'grid__wrapper': true, 'dark-theme': dark === true }">
+<div [ngClass]="{'grid__wrapper': true, 'dark-theme': dark === 'true' }">
     <igx-tree-grid [igxPreventDocumentScroll]="true"  #treeGrid [data]="data" primaryKey="ID" foreignKey="ParentID" [autoGenerate]="false" height="600px"
         width="100%">
         <igx-grid-toolbar>

src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts

@@ -14,15 +14,15 @@ import { ActivatedRoute } from '@angular/router';
 export class TreeGridPinningToolbarSampleComponent implements OnInit {
     @ViewChild('treeGrid', { static: true }) public treeGrid: IgxTreeGridComponent;
     public data: any[];
-    public dark = false;
+    public dark = "";
 
     constructor(private activatedRoute: ActivatedRoute) {
         this.data = generateEmployeeDetailedFlatData();
     }
 
     public ngOnInit(): void {
         this.activatedRoute.queryParams.subscribe(params => {
-            this.dark = !!params.dark;
+            this.dark = params.dark;
         });
     }
 }