Merge branch 'master' into pmoleri/fix-template-outlet-leak

Author: Konstantin Dinev

CHANGELOG.md

@@ -11,6 +11,8 @@ All notable changes for each version of this project will be documented in this
     - **Deprecation** - `tabIndex` has been deprecated and will be removed in a future version.
 - `IgxGrid`, `IgxHierarchicalGrid`, `IgxTreeGrid`
     - A column's `minWidth` and `maxWidth` constrain the user-specified `width` so that it cannot go outside their bounds.
+    - In SSR mode grid with height 100% or with no height will render on the server with % size and with no data. The grid will show either the empty grid template or the loading indicator (if isLoading is true).
+    - In SSR mode grid with width 100% or with no width will render on the server with % size and with all columns.
 
 ## 19.1.1
 ### New Features

package-lock.json

@@ -74,7 +74,7 @@
     "@types/source-map": "0.5.2",
     "express": "^4.21.1",
     "fflate": "^0.8.1",
-    "igniteui-theming": "^17.0.0",
+    "igniteui-theming": "^17.2.0",
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.2",

package.json

@@ -0,0 +1,59 @@
+{
+    "$schema": "../../common/schema/theme-changes.schema.json",
+    "changes": [
+      {
+        "name": "$label-invalid-color",
+        "remove": true,
+        "owner": "switch-theme",
+        "type": "property"
+      },
+      {
+        "name": "$track-error-color",
+        "remove": true,
+        "owner": "switch-theme",
+        "type": "property"
+      },
+      {
+        "name": "$thumb-on-error-color",
+        "remove": true,
+        "owner": "switch-theme",
+        "type": "property"
+      },
+      {
+        "name": "$error-color",
+        "remove": true,
+        "owner": "switch-theme",
+        "type": "property"
+      },
+      {
+        "name": "$error-color-hover",
+        "remove": true,
+        "owner": "switch-theme",
+        "type": "property"
+      },
+      {
+        "name": "$date-selected-current-outline",
+        "remove": true,
+        "owner": "calendar-theme",
+        "type": "property"
+      },
+      {
+        "name": "$date-selected-current-hover-outline",
+        "remove": true,
+        "owner": "calendar-theme",
+        "type": "property"
+      },
+      {
+        "name": "$date-selected-current-focus-outline",
+        "remove": true,
+        "owner": "calendar-theme",
+        "type": "property"
+      },
+      {
+        "name": "$date-special-current-border-color",
+        "remove": true,
+        "owner": "calendar-theme",
+        "type": "property"
+      }
+    ]
+  }

projects/igniteui-angular/migrations/update-19_2_0/changes/theme-changes.json

@@ -34,4 +34,51 @@ describe(`Update to ${version}`, () => {
         `
         );
     });
+
+    it('should remove the properties related to invalid state from the switch theme', async () => {
+        const testFilePath = `/testSrc/appPrefix/component/test.component.scss`;
+
+        appTree.create(
+            testFilePath,
+            `$invalid-switch-theme: switch-theme(
+                $label-color: orange,
+                $label-invalid-color: red,
+                $track-error-color: red,
+                $thumb-on-error-color: darkred,
+                $error-color: red,
+                $error-color-hover: darkred,
+            );`
+        );
+
+        const tree = await schematicRunner.runSchematic(migrationName, {}, appTree);
+
+        expect(tree.readContent(testFilePath)).toEqual(
+            `$invalid-switch-theme: switch-theme(
+                $label-color: orange,
+            );`
+        );
+    });
+
+    it('should remove unused properties from the calendar theme', async () => {
+        const testFilePath = `/testSrc/appPrefix/component/test.component.scss`;
+
+        appTree.create(
+            testFilePath,
+            `$calendar-theme: calendar-theme(
+                $date-special-current-border-color: orange,
+                $date-selected-current-outline: orange,
+                $date-selected-current-hover-outline: orange,
+                $date-selected-current-focus-outline: orange,
+                $content-background: black
+            );`
+        );
+
+        const tree = await schematicRunner.runSchematic(migrationName, {}, appTree);
+
+        expect(tree.readContent(testFilePath)).toEqual(
+            `$calendar-theme: calendar-theme(
+                $content-background: black
+            );`
+        );
+    });
 });

projects/igniteui-angular/migrations/update-19_2_0/index.spec.ts

@@ -73,7 +73,7 @@
         "tslib": "^2.3.0",
         "igniteui-trial-watermark": "^3.0.2",
         "lodash-es": "^4.17.21",
-        "igniteui-theming": "^17.0.0",
+        "igniteui-theming": "^17.2.0",
         "@igniteui/material-icons-extended": "^3.1.0"
     },
     "peerDependencies": {

projects/igniteui-angular/package.json

@@ -200,5 +200,11 @@
         igx-icon {
             color: var-get($theme, 'delete-action');
         }
+
+        [igxIconButton] {
+            igx-icon {
+                color: var-get($theme, 'delete-action');
+            }
+        }
     }
 }

projects/igniteui-angular/src/lib/core/styles/components/action-strip/_action-strip-theme.scss

@@ -179,6 +179,10 @@
             @extend %date-range-preview !optional;
         }
 
+        @include e(date, $mods: ('range-preview', 'inactive')) {
+            @extend %date-range-preview-inactive !optional;
+        }
+
         @include e(date, $mods: ('range-preview', 'current')) {
             @extend %date-range-preview-current !optional;
         }
@@ -389,6 +393,18 @@
             @extend %date-last-preview-special !optional;
         }
 
+        @include e(date, $mods: ('first', 'range-preview', 'active')) {
+            @extend %date-first-preview-active !optional;
+        }
+
+        @include e(date, $mods: ('last', 'range-preview', 'active')) {
+            @extend %date-last-preview-active !optional;
+        }
+
+        @include e(date, $mods: ('first', 'last', 'selected')) {
+            @extend %date-first-last-selected !optional;
+        }
+
         @include e(date, $mods: ('first', 'range-preview', 'special', 'current')) {
             @extend %date-first-preview-special-current !optional;
         }