[WIP] Update express dependency from 5.1.0 to 5.2.1

angular.json

@@ -307,8 +307,8 @@
                 {
                   "type": "bundle",
                   "name": "styles",
-                  "maximumWarning": "500kb",
-                  "maximumError": "550kb"
+                  "maximumWarning": "600kb",
+                  "maximumError": "600kb"
                 },
                 {
                   "type": "anyComponentStyle",

package.json

@@ -73,9 +73,9 @@
     "@igniteui/material-icons-extended": "^3.1.0",
     "@lit-labs/ssr-dom-shim": "^1.3.0",
     "@types/source-map": "0.5.2",
-    "express": "^5.1.0",
+    "express": "^5.2.1",
     "fflate": "^0.8.1",
-    "igniteui-theming": "^21.0.2",
+    "igniteui-theming": "^23.2.0",
     "igniteui-trial-watermark": "^3.1.0",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.2",

projects/bundle-test/src/app/h-grid/h-grid.component.html

@@ -0,0 +1,28 @@
+<div class="h-grid-container">
+    <h2>Hierarchical Grid Example</h2>
+
+    <igx-hierarchical-grid
+        [data]="data"
+        [primaryKey]="'ID'"
+        [autoGenerate]="false"
+        [height]="'600px'"
+        [width]="'100%'">
+
+        <igx-column field="ID" header="ID" [width]="'100px'"></igx-column>
+        <igx-column field="CompanyName" header="Company Name" [width]="'200px'"></igx-column>
+        <igx-column field="ContactName" header="Contact Name" [width]="'200px'"></igx-column>
+        <igx-column field="ContactTitle" header="Contact Title" [width]="'180px'"></igx-column>
+        <igx-column field="City" header="City" [width]="'150px'"></igx-column>
+        <igx-column field="Country" header="Country" [width]="'120px'"></igx-column>
+        <igx-column field="Phone" header="Phone" [width]="'150px'"></igx-column>
+
+        <igx-row-island [key]="'ChildCompanies'" [primaryKey]="'ID'" [autoGenerate]="false">
+            <igx-column field="ID" header="ID" [width]="'100px'"></igx-column>
+            <igx-column field="CompanyName" header="Company Name" [width]="'200px'"></igx-column>
+            <igx-column field="ContactName" header="Contact Name" [width]="'200px'"></igx-column>
+            <igx-column field="ContactTitle" header="Contact Title" [width]="'180px'"></igx-column>
+            <igx-column field="City" header="City" [width]="'150px'"></igx-column>
+            <igx-column field="Phone" header="Phone" [width]="'150px'"></igx-column>
+        </igx-row-island>
+    </igx-hierarchical-grid>
+</div>

projects/bundle-test/src/app/h-grid/h-grid.component.scss

@@ -0,0 +1,8 @@
+.h-grid-container {
+    padding: 20px;
+
+    h2 {
+        margin-bottom: 20px;
+        color: #333;
+    }
+}

projects/bundle-test/src/app/h-grid/h-grid.component.ts

@@ -0,0 +1,96 @@
+import { Component } from '@angular/core';
+import { IGX_HIERARCHICAL_GRID_DIRECTIVES } from 'igniteui-angular/grids/hierarchical-grid';
+
+@Component({
+    selector: 'app-h-grid',
+    templateUrl: './h-grid.component.html',
+    styleUrls: ['./h-grid.component.scss'],
+    imports: [IGX_HIERARCHICAL_GRID_DIRECTIVES]
+})
+export class HGridComponent {
+    public data = [
+        {
+            ID: 1,
+            CompanyName: 'Company A',
+            ContactName: 'John Doe',
+            ContactTitle: 'Sales Manager',
+            Address: '123 Main St',
+            City: 'New York',
+            Region: 'NY',
+            PostalCode: '10001',
+            Country: 'USA',
+            Phone: '555-1234',
+            Fax: '555-1235',
+            ChildCompanies: [
+                {
+                    ID: 11,
+                    CompanyName: 'Subsidiary A1',
+                    ContactName: 'Jane Smith',
+                    ContactTitle: 'Manager',
+                    Address: '456 Park Ave',
+                    City: 'New York',
+                    Region: 'NY',
+                    PostalCode: '10002',
+                    Country: 'USA',
+                    Phone: '555-2345',
+                    Fax: '555-2346'
+                },
+                {
+                    ID: 12,
+                    CompanyName: 'Subsidiary A2',
+                    ContactName: 'Bob Johnson',
+                    ContactTitle: 'Director',
+                    Address: '789 Broadway',
+                    City: 'New York',
+                    Region: 'NY',
+                    PostalCode: '10003',
+                    Country: 'USA',
+                    Phone: '555-3456',
+                    Fax: '555-3457'
+                }
+            ]
+        },
+        {
+            ID: 2,
+            CompanyName: 'Company B',
+            ContactName: 'Alice Williams',
+            ContactTitle: 'CEO',
+            Address: '321 Oak St',
+            City: 'Los Angeles',
+            Region: 'CA',
+            PostalCode: '90001',
+            Country: 'USA',
+            Phone: '555-4567',
+            Fax: '555-4568',
+            ChildCompanies: [
+                {
+                    ID: 21,
+                    CompanyName: 'Subsidiary B1',
+                    ContactName: 'Charlie Brown',
+                    ContactTitle: 'VP',
+                    Address: '654 Sunset Blvd',
+                    City: 'Los Angeles',
+                    Region: 'CA',
+                    PostalCode: '90002',
+                    Country: 'USA',
+                    Phone: '555-5678',
+                    Fax: '555-5679'
+                }
+            ]
+        },
+        {
+            ID: 3,
+            CompanyName: 'Company C',
+            ContactName: 'David Miller',
+            ContactTitle: 'President',
+            Address: '987 Elm St',
+            City: 'Chicago',
+            Region: 'IL',
+            PostalCode: '60601',
+            Country: 'USA',
+            Phone: '555-6789',
+            Fax: '555-6790',
+            ChildCompanies: []
+        }
+    ];
+}

projects/bundle-test/src/app/pivot-grid/pivot-grid.component.html

@@ -0,0 +1,11 @@
+<div class="pivot-grid-container">
+    <h2>Pivot Grid Example</h2>
+
+    <igx-pivot-grid
+        [data]="data"
+        [pivotConfiguration]="pivotConfigHierarchy"
+        [height]="'600px'"
+        [width]="'100%'"
+        [allowFiltering]="true">
+    </igx-pivot-grid>
+</div>

projects/bundle-test/src/app/pivot-grid/pivot-grid.component.scss

@@ -0,0 +1,8 @@
+.pivot-grid-container {
+    padding: 20px;
+
+    h2 {
+        margin-bottom: 20px;
+        color: #333;
+    }
+}