Merge branch 'master' into ikitanov/fix-13961-master

Author: kacheshmarova

package-lock.json

@@ -70,7 +70,7 @@
     "@types/source-map": "0.5.2",
     "express": "^4.18.2",
     "fflate": "^0.8.1",
-    "igniteui-theming": "^4.4.0",
+    "igniteui-theming": "^5.0.1",
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.0",

package.json

@@ -166,6 +166,11 @@
             "version": "17.1.0",
             "description": "Updates Ignite UI for Angular from v17.0.x to v17.1.0",
             "factory": "./update-17_1_0"
+        },
+        "migration-34": {
+            "version": "17.1.4",
+            "description": "Updates Ignite UI for Angular from v17.1.x to v17.1.4",
+            "factory": "./update-17_1_4"
         }
     }
 }

projects/igniteui-angular/migrations/migration-collection.json

@@ -0,0 +1,11 @@
+{
+    "$schema": "../../common/schema/theme-changes.schema.json",
+    "changes": [
+        {
+            "name": "$disabled-color",
+            "replaceWith": "$disabled-text-color",
+            "owner": "expansion-panel-theme",
+            "type": "property"
+        }
+    ]
+}

projects/igniteui-angular/migrations/update-17_1_4/changes/theme-changes.json

@@ -0,0 +1,45 @@
+import * as path from 'path';
+
+import { EmptyTree } from '@angular-devkit/schematics';
+import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
+
+const version = '17.1.4';
+
+describe(`Update to ${version}`, () => {
+    let appTree: UnitTestTree;
+    const schematicRunner = new SchematicTestRunner('ig-migrate', path.join(__dirname, '../migration-collection.json'));
+
+    const configJson = {
+        projects: {
+            testProj: {
+                root: '/',
+                sourceRoot: '/testSrc'
+            }
+        },
+        schematics: {
+            '@schematics/angular:component': {
+                prefix: 'appPrefix'
+            }
+        }
+    };
+
+    beforeEach(() => {
+        appTree = new UnitTestTree(new EmptyTree());
+        appTree.create('/angular.json', JSON.stringify(configJson));
+    });
+
+    const migrationName = 'migration-34';
+
+    it('should rename the expansion-panel $disabled-color property to $disabled-text-color', async () => {
+        appTree.create(
+            `/testSrc/appPrefix/component/test.component.scss`,
+            `$custom-expansion-panel: expansion-panel-theme($disabled-color: color($default-palette, 'gray', 200));`
+        );
+
+        const tree = await schematicRunner.runSchematic(migrationName, { shouldInvokeLS: false }, appTree);
+
+        expect(tree.readContent('/testSrc/appPrefix/component/test.component.scss')).toEqual(
+            `$custom-expansion-panel: expansion-panel-theme($disabled-text-color: color($default-palette, 'gray', 200));`
+        );
+    });
+});

projects/igniteui-angular/migrations/update-17_1_4/index.spec.ts

@@ -0,0 +1,14 @@
+import {
+    Rule,
+    SchematicContext,
+    Tree
+} from '@angular-devkit/schematics';
+import { UpdateChanges } from '../common/UpdateChanges';
+
+const version = '17.1.4';
+
+export default (): Rule => async (host: Tree, context: SchematicContext) => {
+  context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
+  const update = new UpdateChanges(__dirname, host, context);
+  update.applyChanges();
+};

projects/igniteui-angular/migrations/update-17_1_4/index.ts

@@ -74,7 +74,7 @@
         "igniteui-trial-watermark": "^3.0.2",
         "lodash-es": "^4.17.21",
         "uuid": "^9.0.0",
-        "igniteui-theming": "^4.4.0",
+        "igniteui-theming": "^5.0.1",
         "@igniteui/material-icons-extended": "^3.0.0"
     },
     "peerDependencies": {

projects/igniteui-angular/package.json

@@ -551,10 +551,8 @@ export class IgxBannerSampleComponent {
                         <igx-avatar
                             src="https://www.infragistics.com/angular-demos/assets/images/card/avatars/brad_stanley.jpg">
                         </igx-avatar>
-                        <div class="igx-card-header__tgroup">
-                            <h3 class="igx-card-header__title--small">Brad Stanley</h3>
-                            <h5 class="igx-card-header__subtitle">Audi AG</h5>
-                        </div>
+                        <h3 class="igx-card-header__title--small">Brad Stanley</h3>
+                        <h5 class="igx-card-header__subtitle">Audi AG</h5>
                     </igx-card-header>
                     <igx-card-content>
                         <p class="igx-card-content__text">Brad Stanley has requested to follow you.</p>

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

@@ -7,6 +7,7 @@
         [igxCardHeaderTitle],
         [igxCardHeaderSubtitle],
         .igx-card-header__title,
+        .igx-card-header__title--small,
         .igx-card-header__subtitle">
     </ng-content>
 </div>

projects/igniteui-angular/src/lib/card/card-header.component.html

@@ -18,6 +18,20 @@
     </span>
 </ng-template>
 
+<ng-template #indigoPrevButton let-disabled>
+    <span class="igx-nav-arrow"
+        [class.igx-nav-arrow--disabled]="disabled">
+        <igx-icon>chevron_left</igx-icon>
+    </span>
+</ng-template>
+
+<ng-template #indigoNextButton let-disabled>
+    <span class="igx-nav-arrow"
+        [class.igx-nav-arrow--disabled]="disabled">
+        <igx-icon>chevron_right</igx-icon>
+    </span>
+</ng-template>
+
 <div *ngIf="showIndicators" [ngClass]="indicatorsOrientationClass" [attr.role]="'tablist'">
     <div *ngFor="let slide of slides"
         class="igx-carousel-indicators__indicator"
@@ -46,6 +60,3 @@
 <div *ngIf="navigation && slides.length" role="button" tabindex="0" class="igx-carousel__arrow--next" [attr.aria-label]="resourceStrings.igx_carousel_next_slide" (keydown.enter)="next()" (click)="next()">
     <ng-container *ngTemplateOutlet="getNextButtonTemplate; context: {$implicit: nextButtonDisabled};"></ng-container>
 </div>
-
-
-