igniteui-angular 22.2.0 → 22.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "22.2.0",
+  "version": "22.2.2",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -75,7 +75,7 @@
     "igniteui-trial-watermark": "^3.1.0",
     "jspdf": "^4.2.1",
     "lodash-es": "^4.17.21",
-    "igniteui-theming": "^29.0.0",
+    "igniteui-theming": "^29.1.0",
     "igniteui-i18n-core": "^1.0.5",
     "@igniteui/material-icons-extended": "^3.1.0"
   },

package/radio/README.md

@@ -74,6 +74,10 @@ export class RadioSampleComponent {
 }
 ```
 
+## Invalid State in Forms
+
+With a reactive, template-driven or Signal Forms (`[formField]`) binding, the radio group and its buttons show the invalid state only once the control is touched or dirty, so a pristine control stays in its initial state, e.g. right after `reset()`.
+
 # API Summary
 | Name   |      Type      |  Description |
 |:----------|:-------------:|:------|

package/skills/igniteui-angular-components/references/form-controls.md

@@ -345,7 +345,7 @@ export class SignupComponent {
 }
 ```
 
-`submit()` marks every field touched, so invalid controls show their error state the same way a reactive `markAllAsTouched()` does.
+`submit()` marks every field touched, so invalid controls show their error state the same way a reactive `markAllAsTouched()` does. As with reactive forms, the invalid style shows only once a field is touched or dirty, so a field stays initial right after `reset()`.
 
 ## Key Rules
 

package/skills/igniteui-angular-grids/references/types.md

@@ -72,7 +72,7 @@ export class OrgTreeComponent {
 
 - **Cascade selection**: `[rowSelection]="'multipleCascade'"` — selecting a parent selects all children; indeterminate state propagates up
 - **Cascade delete**: `[cascadeOnDelete]="true"` (default) — deleting a parent removes all descendants
-- **Load on demand**: `[loadChildrenOnDemand]="loadChildren"` — lazy-load children when a row is expanded
+- **Load on demand**: `[loadChildrenOnDemand]="loadChildren"` — lazy-load children when a row is expanded; customize the loading indicator with `<ng-template igxRowLoadingIndicator>` (import `IgxRowLoadingIndicatorTemplateDirective` from `igniteui-angular/grids/tree-grid`)
 - **Expansion depth**: `[expansionDepth]="2"` — control initial expansion level (`Infinity` by default)
 - **Add child row**: `treeGridRef().addRow(data, parentRowID)` — add a row as a child of a specific parent