Mass Merge 19.0.x to master

.github/workflows/codeql-analysis.yml

@@ -13,10 +13,10 @@ name: "CodeQL"
 
 on:
   push:
-    branches: [ master, 18.2.x, 17.2.x, 16.1.x, 15.1.x ]
+    branches: [ master, 19.0.x, 18.2.x, 17.2.x, 16.1.x, 15.1.x ]
   pull_request:
     # The branches below must be a subset of the branches above
-    branches: [ master, 18.2.x, 17.2.x, 16.1.x, 15.1.x ]
+    branches: [ master, 19.0.x, 18.2.x, 17.2.x, 16.1.x, 15.1.x ]
   schedule:
     - cron: '33 4 * * 4'
 

CHANGELOG.md

@@ -9,6 +9,27 @@ All notable changes for each version of this project will be documented in this
 ### New Features
 - `IgxColumn`
     - Introduced the `disabledSummaries` property, allowing users to specify which summaries should be disabled for a given column. This property accepts an array of strings corresponding to the summary keys, enabling selective control over both default summaries (e.g., 'Count', 'Min') and any custom summaries created by the user.
+- `Themes`
+    - **Deprecation** The utility mixins `light-theme`, `dark-theme`, `bootstrap-light-theme`, `bootstrap-dark-theme`, `fluent-light-theme`, `fluent-dark-theme`, `indigo-light-theme`, and `indigo-dark-theme` have been deprecated and will be removed in version 20 of Ignite UI for Angular. Switch to the more generic `theme` mixin instead.
+    Example:
+    ```scss
+    $my-light-palette: palette(
+        $primary: navy,
+        $secondary: rebeccapurple,
+        $surface: white,
+    );
+
+    // Before:
+    @include light-theme(
+        $palette: $my-light-palette
+    );
+
+    // After:
+    @include theme(
+        $palette: $my-light-palette,
+        $schema: $light-material-schema,
+    );
+    ```
 
 ## 18.2.0
 ### General

README.md

@@ -160,7 +160,8 @@ Some of the Angular chart types included are: [Polar chart](https://www.infragis
 |17.2.0|29-Apr-24|[Milestone #31](https://github.com/IgniteUI/igniteui-angular/blob/master/ROADMAP.md#milestone-31-version-172-released-apr-29th-2024)|
 |18.0.0|07-Jun-24|[Milestone #32](https://github.com/IgniteUI/igniteui-angular/blob/master/ROADMAP.md#milestone-32-version-180-released-jun-07th-2024)|
 |18.1.0|22-Jul-24|[Milestone #33](https://github.com/IgniteUI/igniteui-angular/blob/master/ROADMAP.md#milestone-33-due-by-jul-2024)|
-|18.2.0|25-Oct-24|[Milestone #34]()|
+|18.2.0|25-Oct-24|[Milestone #34](https://github.com/IgniteUI/igniteui-angular/blob/master/ROADMAP.md#milestone-34-version-182-released-oct-25th-2024)|
+|19.0.0|25-Nov-24|[Milestone #35](https://github.com/IgniteUI/igniteui-angular/blob/master/ROADMAP.md#milestone-35-version-190-released-nov-25th-2024)|
 
 
 ### Components available in [igniteui-angular-charts](https://www.npmjs.com/package/igniteui-angular-charts)

ROADMAP.md

@@ -2,17 +2,26 @@
 
 # Current Milestone
 
-## Milestone 35, (Due by Nov, 2024)
+## Milestone 35, (Due by Jan, 2025)
 
-1. Angular 19 support
+1. Tile Manager - new component [#239](https://github.com/IgniteUI/igniteui-angular/issues/239)
 2. Query Builder component update [#14979](https://github.com/IgniteUI/igniteui-angular/issues/14979)
+3. IgxBannerComponent - Support collapsed input [#14890](https://github.com/IgniteUI/igniteui-angular/issues/14890)
+4. Update of the carousel component [#15025](https://github.com/IgniteUI/igniteui-angular/issues/15025)
 
 ## Going down the road
 
-1. Tile Manager - new component [#239](https://github.com/IgniteUI/igniteui-angular/issues/239)
+1. Provide an option to modify the default enter edit mode conditions, to e.g. allow edit mode start on a single click [#14658](https://github.com/IgniteUI/igniteui-angular/issues/14658)
+2. Provide an excel-like navigation mode for editing where all arrow keys navigate the cell in edit mode. [#14659](https://github.com/IgniteUI/igniteui-angular/issues/14659)
+3. Extend the 18.2 editorOptions property to allow modifying numeric editors to not change the value on up/down arrow press [#14660](https://github.com/IgniteUI/igniteui-angular/issues/14660)
 
 # Previous Milestone
 
+## Milestone 35, version 19.0 (Released Nov 25th, 2024)
+
+1. Angular 19 support
+2. Simplify hiding Grid summary results through API [#14905](https://github.com/IgniteUI/igniteui-angular/issues/14905)
+
 ## Milestone 34, version 18.2 (Released Oct 25th, 2024)
 
 1. **[DONE]** Indigo Theme Calendar Improvements [#14407](https://github.com/IgniteUI/igniteui-angular/issues/14407)

SECURITY.md

@@ -4,10 +4,13 @@
 
 | Version  | Supported          |
 | -------- | ------------------ |
-| 18.1.x   | :white_check_mark: |
+| 19.0.x   | :white_check_mark: |
+| 18.2.x   | :white_check_mark: |
+| 18.1.x   | :x:                |
 | 18.0.x   | :x:                |
 | 17.2.x   | :white_check_mark: |
 | 17.1.x   | :x:                |
+| 17.0.x   | :x:                |
 | 16.1.x   | :white_check_mark: |
 | 16.0.x   | :x:                |
 | 15.1.x   | :white_check_mark: |

package.json

@@ -85,11 +85,11 @@
   "devDependencies": {
     "@angular-devkit/build-angular": "^19.0.0",
     "@angular-devkit/schematics": "^19.0.0",
-    "@angular-eslint/builder": "^19.0.0-alpha.1",
-    "@angular-eslint/eslint-plugin": "^19.0.0-alpha.1",
-    "@angular-eslint/eslint-plugin-template": "^19.0.0-alpha.1",
-    "@angular-eslint/schematics": "^19.0.0-alpha.1",
-    "@angular-eslint/template-parser": "^19.0.0-alpha.1",
+    "@angular-eslint/builder": "^19.0.0",
+    "@angular-eslint/eslint-plugin": "^19.0.0",
+    "@angular-eslint/eslint-plugin-template": "^19.0.0",
+    "@angular-eslint/schematics": "^19.0.0",
+    "@angular-eslint/template-parser": "^19.0.0",
     "@angular/cli": "^19.0.0",
     "@angular/compiler-cli": "^19.0.0",
     "@angular/language-service": "^19.0.0",

projects/igniteui-angular/src/lib/avatar/avatar.component.spec.ts

@@ -170,6 +170,28 @@ describe('Avatar', () => {
 
         expect(instance.src).toEqual("/assets/Test%20-%2017.jpg");
     });
+
+    it('should not throw error if src is null', () => {
+        const fixture = TestBed.createComponent(InitImageAvatarComponent);
+        fixture.detectChanges();
+        expect(() => {
+            const instance = fixture.componentInstance.avatar;
+            instance.src = null;
+            fixture.detectChanges();
+        }).not.toThrow();
+    });
+
+    it('avatar with [src] and fallback [initials] should not throw error if src is null', () => {
+        const fixture = TestBed.createComponent(AvatarWithAttribsComponent);
+        fixture.detectChanges();
+        const instance = fixture.componentInstance.avatar;
+        expect(instance.type).toEqual(IgxAvatarType.INITIALS);
+        expect(instance.initials).toEqual('ZK');
+        expect(() => {
+            instance.src = null;
+            fixture.detectChanges();
+        }).not.toThrow();
+    });
 });
 
 @Component({

projects/igniteui-angular/src/lib/card/card.spec.ts

@@ -68,6 +68,7 @@ describe('Card', () => {
                 InitCardComponent,
                 InitOutlinedCardComponent,
                 CardWithHeaderComponent,
+                CardContentIconComponent,
                 VerticalCardComponent,
                 HorizontalCardComponent
             ]
@@ -182,6 +183,16 @@ describe('Card', () => {
         expect(actions).not.toHaveClass(classes.actions.vertical);
     });
 
+    it('Should use Material Icons font-family for igx-icon in card content', () => {
+        const fixture = TestBed.createComponent(CardContentIconComponent);
+        fixture.detectChanges();
+
+        const iconElement = fixture.debugElement.query(By.css('igx-icon')).nativeElement;
+        const computedStyle = window.getComputedStyle(iconElement);
+
+        expect(computedStyle.fontFamily).toBe('"Material Icons"');
+    });
+
     it('Should automatically align actions vertically when in horizontal layout', () => {
         const fixture = TestBed.createComponent(HorizontalCardComponent);
         fixture.detectChanges();
@@ -246,6 +257,16 @@ class InitOutlinedCardComponent {
 })
 class CardWithHeaderComponent { }
 
+@Component({
+    template: `<igx-card class="ig-typography">
+            <igx-card-content>
+                <igx-icon>face</igx-icon>
+            </igx-card-content>
+        <igx-card>`,
+    imports: [IgxCardComponent, IgxCardContentDirective, IgxIconComponent]
+})
+class CardContentIconComponent { }
+
 @Component({
     template: `<igx-card>
         <igx-card-media width="200px" height="50%">

projects/igniteui-angular/src/lib/carousel/carousel.component.ts

@@ -1,4 +1,4 @@
-import { NgIf, NgClass, NgFor, NgTemplateOutlet } from '@angular/common';
+import { NgIf, NgClass, NgFor, NgTemplateOutlet, DOCUMENT } from '@angular/common';
 import {
     AfterContentInit,
     ChangeDetectorRef,
@@ -583,7 +583,8 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
         private iterableDiffers: IterableDiffers,
         @Inject(IgxAngularAnimationService) animationService: AnimationService,
         private platformUtil: PlatformUtil,
-        private dir: IgxDirectionality
+        private dir: IgxDirectionality,
+        @Inject(DOCUMENT) private document: any
     ) {
         super(animationService, cdr);
         this.differ = this.iterableDiffers.find([]).create(null);
@@ -1002,7 +1003,7 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
     }
 
     private focusElement() {
-        const focusedElement = document.activeElement;
+        const focusedElement = this.document.activeElement;
 
         if (focusedElement.classList.contains('igx-carousel-indicators__indicator')) {
             this.indicatorsElements[this.current].nativeElement.focus();