Merge pull request #3196 from IgniteUI/package-updates

simeonoff · web-flow · commit 2979018c244f · 2022-12-07T10:48:30.000+02:00
chore(*): package updates and migrations
diff --git a/gulpfile.js b/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);
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.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"
   }
-}
+}
diff --git a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.scss b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.scss
@@ -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);
 		}
diff --git a/projects/app-lob/src/app/index/docs-layout.component.scss b/projects/app-lob/src/app/index/docs-layout.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));
 	}
 }
diff --git a/src/app/grid/grid-summary-template/grid-summary-template.component.scss b/src/app/grid/grid-summary-template/grid-summary-template.component.scss
@@ -42,7 +42,7 @@ igx-buttongroup {
 			min-width: 70px;
 			justify-self: flex-start;
 			text-align: left;
-			color: hsla(var(--igx-secondary-600));
+			color: hsla(var(--ig-secondary-600));
 			user-select: none;
 		}
 	}
diff --git a/src/app/grid/grid-validation-style/grid-validation-style.component.scss b/src/app/grid/grid-validation-style/grid-validation-style.component.scss
@@ -10,7 +10,7 @@
 }
 
 :host ::ng-deep {
-    --igx-error-500: 34deg, 80%, 63%;
+    --ig-error-500: 34deg, 80%, 63%;
 
     .invalid-cell {
         box-shadow: inset 0 0 0 0.125rem color($color: error);
diff --git a/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.scss b/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.scss
@@ -28,7 +28,7 @@ igx-buttongroup {
 		align-items: center;
 		gap: 4px;
 		justify-content: space-between;
-		color: hsla(var(--igx-grays-900));
+		color: hsla(var(--ig-gray-900));
 
 		span {
 			user-select: all;
@@ -42,15 +42,15 @@ igx-buttongroup {
 			min-width: 70px;
 			justify-self: flex-start;
 			text-align: left;
-			color: hsla(var(--igx-secondary-600));
+			color: hsla(var(--ig-secondary-600));
 			user-select: none;
 		}
 	}
 
 	> * {
 		padding: 8px 0;
 		line-height: 18px;
-		border-bottom: 1px dashed hsla(var(--igx-grays-400));
+		border-bottom: 1px dashed hsla(var(--ig-gray-400));
 
 		&:last-child {
 			border-bottom: none;
diff --git a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.scss b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.scss
@@ -42,7 +42,7 @@ igx-buttongroup {
 			min-width: 70px;
 			justify-self: flex-start;
 			text-align: left;
-			color: hsla(var(--igx-secondary-600));
+			color: hsla(var(--ig-secondary-600));
 			user-select: none;
 		}
 	}
diff --git a/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.scss b/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.scss
@@ -10,7 +10,7 @@
 }
 
 :host ::ng-deep {
-    --igx-error-500: 34deg, 80%, 63%;
+    --ig-error-500: 34deg, 80%, 63%;
 
     .invalid-cell {
         box-shadow: inset 0 0 0 0.125rem color($color: error);
diff --git a/src/app/index/docs-layout.component.scss b/src/app/index/docs-layout.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));
 	}
 }
diff --git a/src/app/interactions/toggle/toggle-samples.scss b/src/app/interactions/toggle/toggle-samples.scss
@@ -24,8 +24,8 @@
     }
 
     .custom-body & {
-        color: var(--igx-surface-500-contrast);
-        background-color: hsla(var(--igx-surface-500));
+        color: var(--ig-surface-500-contrast);
+        background-color: hsla(var(--ig-surface-500));
     }
 }
 
diff --git a/src/app/lists/combo/combo-template/combo-template.component.scss b/src/app/lists/combo/combo-template/combo-template.component.scss
@@ -6,7 +6,7 @@
 .header-class, .footer-class {
     text-align: center;
     padding: 4px;
-    color: var(--igx-secondary-500);
+    color: var(--ig-secondary-500);
 }
 
 .empty-class {
diff --git a/src/app/lists/list/list-item-selection/list-item-selection.component.scss b/src/app/lists/list/list-item-selection/list-item-selection.component.scss
@@ -3,7 +3,7 @@
     padding: 16px;
 
     .selected {
-        background-color: hsla(var(--igx-secondary-500))
+        background-color: hsla(var(--ig-secondary-500))
     }
 
     .list-sample {
diff --git a/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.scss b/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.scss
@@ -7,7 +7,7 @@
 .node-refresh {
     cursor: pointer;
     padding: 0px 4px;
-    color: var(--igx-success-500);
+    color: var(--ig-success-500);
 }
 
 .node {
diff --git a/src/app/pivot-grid/pivot-features/pivot-features.component.scss b/src/app/pivot-grid/pivot-features/pivot-features.component.scss
@@ -5,11 +5,11 @@
 
     ::ng-deep {
         .upFontValue {
-            color: hsla(var(--igx-success-500));
+            color: hsla(var(--ig-success-500));
         }
 
         .downFontValue {
-            color: hsla(var(--igx-error-500));
+            color: hsla(var(--ig-error-500));
         }
 
         igx-pivot-data-selector {
diff --git a/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.scss b/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.scss
@@ -5,11 +5,11 @@
 
     ::ng-deep {
         .upFontValue {
-            color: hsla(var(--igx-success-500));
+            color: hsla(var(--ig-success-500));
         }
 
         .downFontValue {
-            color: hsla(var(--igx-error-500));
+            color: hsla(var(--ig-error-500));
         }
     }
 
diff --git a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.scss b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.scss
@@ -10,11 +10,11 @@
 .info {
     display: flex;
     justify-content: center;
-    background: hsla(var(--igx-surface-500));
+    background: hsla(var(--ig-surface-500));
 }
 
 .info > span {
-    color: var(--igx-secondary-400);
+    color: var(--ig-secondary-400);
     font-weight: 600;
     font-size: 0.875rem;
     letter-spacing: 0.046875rem;
diff --git a/src/app/scheduling/calendar/multiview/multiview.component.scss b/src/app/scheduling/calendar/multiview/multiview.component.scss
@@ -18,11 +18,11 @@
 .stay__info {
     display: flex;
     justify-content: center;
-    background: hsla(var(--igx-surface-500));
+    background: hsla(var(--ig-surface-500));
 }
 
 .stay__info > span {
-    color: var(--igx-secondary-400);
+    color: var(--ig-secondary-400);
     font-weight: 600;
     font-size: 0.875rem;
     letter-spacing: 0.046875rem;
diff --git a/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.scss b/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.scss
@@ -10,7 +10,7 @@
 }
 
 :host ::ng-deep {
-    --igx-error-500: 34deg, 80%, 63%;
+    --ig-error-500: 34deg, 80%, 63%;
 
     .invalid-cell {
         box-shadow: inset 0 0 0 0.125rem color($color: error);
diff --git a/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.scss b/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.scss
@@ -42,7 +42,7 @@ igx-buttongroup {
 			min-width: 70px;
 			justify-self: flex-start;
 			text-align: left;
-			color: hsla(var(--igx-secondary-600));
+			color: hsla(var(--ig-secondary-600));
 			user-select: none;
 		}
 	}

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ const submodule = "igniteui-live-editing-samples";`
`18`	`18`
`19`	`19`	`gulp.task("generate-live-editing", async () => {`
`20`	`20`	`var appDv = argv.appDv !== undefined && argv.appDv.toLowerCase().trim() === "true";`
`21`		`- const liveEditingOptions = appDv ?`
	`21`	`+ const liveEditingOptions = appDv ?`
`22`	`22`	`{`
`23`	`23`	`platform: 'angular',`
`24`	`24`	`projectDir: "./projects/app-lob",`
`@@ -30,7 +30,7 @@ gulp.task("generate-live-editing", async () => {`
`30`	`30`	`}`
`31`	`31`	`:`
`32`	`32`	`{`
`33`		`- platform: 'angular',`
	`33`	`+ platform: 'angular',`
`34`	`34`	`samplesDir: "./src/assets",`
`35`	`35`	`configGeneratorPath: "./live-editing/generators/ConfigGenerators.ts",`
`36`	`36`	`module: {`
`@@ -231,4 +231,4 @@ const cleanupAngularDemosLob = (cb) => {`
`231`	`231`	`cb();`
`232`	`232`	`}`
`233`	`233`	`exports.repositoryfyAngularDemos = repositoryfyAngularDemos = gulp.series(cleanupAngularDemos, processDemosWithScss);`
`234`		`-exports.repositoryfyAngularDemosLob = repositoryfyAngularDemosLob = gulp.series(cleanupAngularDemosLob, processDemosLobWithScss);`
	`234`	`+exports.repositoryfyAngularDemosLob = repositoryfyAngularDemosLob = gulp.series(cleanupAngularDemosLob, processDemosLobWithScss);`
Original file line number	Diff line number	Diff line change
`@@ -79,7 +79,7 @@`
`79`	`79`
`80`	`80`	`.changePos2 {`
`81`	`81`	`.igx-grid__td-text {`
`82`		`- --igx-success-l: 40%;`
	`82`	`+ --ig-success-l: 40%;`
`83`	`83`	`border-inline-end: rem(4px) solid color(null, 'success', 500, .5);`
`84`	`84`	`padding-inline-end: rem(15px);`
`85`	`85`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`::ng-deep {`
`2`	`2`	`.custom-body {`
`3`		`- color: var(--igx-surface-500-contrast);`
`4`		`- background: hsla(var(--igx-surface-500));`
	`3`	`+ color: var(--ig-surface-500-contrast);`
	`4`	`+ background: hsla(var(--ig-surface-500));`
`5`	`5`	`}`
`6`	`6`	`}`
Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@ igx-buttongroup {`
`42`	`42`	`min-width: 70px;`
`43`	`43`	`justify-self: flex-start;`
`44`	`44`	`text-align: left;`
`45`		`- color: hsla(var(--igx-secondary-600));`
	`45`	`+ color: hsla(var(--ig-secondary-600));`
`46`	`46`	`user-select: none;`
`47`	`47`	`}`
`48`	`48`	`}`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`}`
`11`	`11`
`12`	`12`	`:host ::ng-deep {`
`13`		`- --igx-error-500: 34deg, 80%, 63%;`
	`13`	`+ --ig-error-500: 34deg, 80%, 63%;`
`14`	`14`
`15`	`15`	`.invalid-cell {`
`16`	`16`	`box-shadow: inset 0 0 0 0.125rem color($color: error);`