Merge pull request #3203 from IgniteUI/vNext

Promote production

Author: hanastasov

gulpfile.js

@@ -18,7 +18,7 @@ const submodule = "igniteui-live-editing-samples";
 
 gulp.task("generate-live-editing", async () => {
     var appDv = argv.appDv !== undefined && argv.appDv.toLowerCase().trim() === "true";
-    const liveEditingOptions = appDv ? 
+    const liveEditingOptions = appDv ?
     {
         platform: 'angular',
         projectDir: "./projects/app-lob",
@@ -30,7 +30,7 @@ gulp.task("generate-live-editing", async () => {
     }
         :
     {
-        platform: 'angular', 
+        platform: 'angular',
         samplesDir: "./src/assets",
         configGeneratorPath: "./live-editing/generators/ConfigGenerators.ts",
         module: {
@@ -231,4 +231,4 @@ const cleanupAngularDemosLob = (cb) => {
     cb();
 }
 exports.repositoryfyAngularDemos = repositoryfyAngularDemos = gulp.series(cleanupAngularDemos, processDemosWithScss);
-exports.repositoryfyAngularDemosLob = repositoryfyAngularDemosLob =  gulp.series(cleanupAngularDemosLob, processDemosLobWithScss);
+exports.repositoryfyAngularDemosLob = repositoryfyAngularDemosLob =  gulp.series(cleanupAngularDemosLob, processDemosLobWithScss);

package-lock.json

@@ -40,37 +40,37 @@
     "url": "git://github.com/IgniteUI/igniteui-angular-samples/repository.git"
   },
   "dependencies": {
-    "@angular/animations": "^15.0.0",
-    "@angular/cdk": "^15.0.0",
-    "@angular/common": "^15.0.0",
-    "@angular/compiler": "^15.0.0",
-    "@angular/core": "^15.0.0",
-    "@angular/forms": "^15.0.0",
-    "@angular/localize": "^15.0.0",
-    "@angular/material": "^15.0.0",
-    "@angular/platform-browser": "^15.0.0",
-    "@angular/platform-browser-dynamic": "^15.0.0",
-    "@angular/router": "^15.0.0",
+    "@angular/animations": "^15.0.2",
+    "@angular/cdk": "^15.0.1",
+    "@angular/common": "^15.0.2",
+    "@angular/compiler": "^15.0.2",
+    "@angular/core": "^15.0.2",
+    "@angular/forms": "^15.0.2",
+    "@angular/localize": "^15.0.2",
+    "@angular/material": "^15.0.1",
+    "@angular/platform-browser": "^15.0.2",
+    "@angular/platform-browser-dynamic": "^15.0.2",
+    "@angular/router": "^15.0.2",
     "@igniteui/material-icons-extended": "^2.10.0",
     "@microsoft/signalr": "^5.0.11",
     "@ng-bootstrap/ng-bootstrap": "^13.1.1",
     "@popperjs/core": "2.11.6",
     "@types/file-saver": "^2.0.2",
     "@types/hammerjs": "^2.0.39",
     "angular-in-memory-web-api": "0.9.0",
-    "bootstrap": "^5.2.1",
+    "bootstrap": "^5.2.3",
     "core-js": "2.6.2",
     "domino": "^2.1.4",
     "file-saver": "^2.0.2",
     "hammerjs": "^2.0.8",
-    "igniteui-angular": "^15.0.0",
+    "igniteui-angular": "^15.0.2",
     "igniteui-angular-charts": "^14.0.0",
     "igniteui-angular-core": "^14.0.0",
     "igniteui-angular-i18n": "^14.2.0",
-    "igniteui-dockmanager": "^1.8.0",
+    "igniteui-dockmanager": "^1.11.3",
     "igniteui-live-editing": "^2.0.5",
     "igniteui-theming": "^1.1.4",
-    "igniteui-webcomponents": "^3.4.0",
+    "igniteui-webcomponents": "^4.0.0",
     "immediate": "^3.2.3",
     "intl": "^1.2.5",
     "minireset.css": "0.0.6",
@@ -81,23 +81,22 @@
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^15.0.0",
-    "@angular-eslint/builder": "^15.0.0",
-    "@angular-eslint/eslint-plugin": "^15.0.0",
-    "@angular-eslint/eslint-plugin-template": "^15.0.0",
-    "@angular-eslint/schematics": "^15.0.0",
-    "@angular-eslint/template-parser": "^15.0.0",
-    "@angular/cli": "^15.0.0",
-    "@angular/compiler-cli": "^15.0.0",
-    "@angular/language-service": "^15.0.0",
+    "@angular-devkit/build-angular": "^15.0.2",
+    "@angular-eslint/builder": "^15.1.0",
+    "@angular-eslint/eslint-plugin": "^15.1.0",
+    "@angular-eslint/eslint-plugin-template": "^15.1.0",
+    "@angular-eslint/schematics": "^15.1.0",
+    "@angular-eslint/template-parser": "^15.1.0",
+    "@angular/cli": "^15.0.2",
+    "@angular/compiler-cli": "^15.0.2",
+    "@angular/language-service": "^15.0.2",
     "@igniteui/angular-schematics": "15.0.1100",
     "@juggle/resize-observer": "^3.3.1",
     "@types/jasmine": "^3.10.2",
     "@types/jasminewd2": "^2.0.9",
     "@types/node": "^13.13.52",
     "@typescript-eslint/eslint-plugin": "^5.29.0",
     "@typescript-eslint/parser": "^5.29.0",
-    "codelyzer": "^6.0.2",
     "eslint": "^8.18.0",
     "eslint-plugin-import": "2.26.0",
     "eslint-plugin-jsdoc": "39.3.3",
@@ -108,8 +107,6 @@
     "jasmine-core": "~4.2.0",
     "karma": "^6.4.0",
     "karma-chrome-launcher": "~3.1.0",
-    "karma-cli": "~2.0.0",
-    "karma-coverage-istanbul-reporter": "^3.0.3",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "^2.0.0",
     "sass-embedded": "^1.52.2",
@@ -118,4 +115,4 @@
     "typescript": "4.8.4",
     "webpack-bundle-analyzer": "^4.5.0"
   }
-}
+}

package.json

@@ -56,7 +56,7 @@ $custom-badge-theme: badge-theme(
     .selected {
         igx-badge {
             & {
-                @include badge($custom-badge-theme);
+                @include css-vars($custom-badge-theme);
             }
 
             position: absolute;

projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.scss

@@ -37,4 +37,4 @@
             ~{{volume/5}} records updated.</span>
     </div>
     <igx-toast #toast (onClosed)="handleHidden()"></igx-toast>
-</div>
+</div>

projects/app-lob/src/app/grid-finjs/controllers.component.html

@@ -79,7 +79,7 @@
 
 	.changePos2 {
 		.igx-grid__td-text {
-			--igx-success-l: 40%;
+			--ig-success-l: 40%;
 			border-inline-end: rem(4px) solid color(null, 'success', 500, .5);
 			padding-inline-end: rem(15px);
 		}

projects/app-lob/src/app/grid-finjs/grid-finjs.component.scss

@@ -24,16 +24,15 @@ export class FinJSDemoComponent implements OnDestroy, AfterViewInit {
     };
 
     @HostBinding('class.dark-theme')
-    public darkTheme = false;  
-
+    public darkTheme = false;
 
     public properties = ['price', 'country'];
     public chartData: Stock[] = [];
     public volume = 1000;
     public frequency = 500;
     private _timer: ReturnType<typeof setInterval>;
 
-    
+
     public onSwitchChanged(event: { action: string; value: boolean }): void {
         switch (event.action) {
             case 'toolbar': {

projects/app-lob/src/app/grid-finjs/main.component.ts

@@ -16,8 +16,8 @@ $progressBar-sample-theme: progress-linear-theme(
 
 ::ng-deep .default-theme {
     .grid__wrapper {
-        @include grid($grid-sample-theme);
-        @include progress-linear($progressBar-sample-theme);
+        @include css-vars($grid-sample-theme);
+        @include css-vars($progressBar-sample-theme);
     }
 }
 

projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.scss

@@ -1,6 +1,6 @@
 ::ng-deep {
 	.custom-body {
-		color: var(--igx-surface-500-contrast);
-		background: hsla(var(--igx-surface-500));
+		color: var(--ig-surface-500-contrast);
+		background: hsla(var(--ig-surface-500));
 	}
 }

projects/app-lob/src/app/index/docs-layout.component.scss

@@ -12,7 +12,7 @@
 			background: color(null, 'surface', 500);
 		}
 	}
-    
+
 	.finjs-icons {
 		display: flex;
 		align-items: center;