Merge pull request #2398 from Akshat55/to-Ng13

feat: Update to angular 13

Author: Akshat55

.github/workflows/check-build.yml

@@ -41,7 +41,7 @@ jobs:
 
     strategy:
       matrix:
-        angular-version: [12, 13, 14]
+        angular-version: [13, 14]
         node-version: [16.x]
 
     steps:

.gitignore

@@ -1,3 +1,4 @@
+/.angular/cache
 .DS_Store
 *.log*
 *.swp

.storybook/main.js

@@ -32,38 +32,21 @@ module.exports = {
 	framework: "@storybook/angular",
 	core: {
 		builder: "webpack5",
-		disableTelemetry: true,
+		disableTelemetry: true
 	},
 	webpackFinal: async config => {
-		// remove all styling rules to ensure styles get loaded
-		config.module.rules = config.module.rules.filter((rule) => !isStylingRule(rule));
-
 		config.module.rules.push({
-			test: /\.scss$/,
-			sideEffects: true,
+			test: [/\.stories\.ts$/, /index\.ts$/],
+			include: [path.resolve(__dirname, '../src')],
 			use: [
-				"style-loader",
-				"css-loader",
-				"postcss-loader",
 				{
-					loader: "sass-loader",
-					options: {
-						implementation: require("sass")
-					}
+					loader: require.resolve('@storybook/source-loader'),
+					options: { parser: 'typescript' }
 				}
-			]
+			],
+			enforce: 'pre'
 		});
 
-		config.mode = "development";
-		config.devtool = "source-map";
 		return config;
 	}
 }
-
-function isStylingRule(rule) {
-	const { test } = rule;
-	if (!(test instanceof RegExp)) {
-		return false;
-	}
-	return test.test('.css') || test.test('.scss') || test.test('.sass');
-}

.storybook/preview.js

@@ -1,5 +1,4 @@
 // load global styles
-import "!style-loader!css-loader!postcss-loader!sass-loader!./preview.scss";
 import { breakpoints } from '@carbon/layout';
 
 // Add compodoc

README.md

@@ -60,7 +60,7 @@ Angular version support matrix:
 | 9       | ❌ | ✅ | ❌                   |
 | 10      | ❌ | ✅ | ❌                   |
 | 11      | ❌ | ✅ | ❌                   |
-| 12      | ❌ | ✅ | ✅                   |
+| 12      | ❌ | ✅ | ❌                   |
 | 13      | ❌ | ✅ | ✅                   |
 | 14      | ❌ | ✅ | ✅                   |
 

angular.json

@@ -29,18 +29,6 @@
 						"tsConfig": "./tsconfig.spec.json"
 					}
 				},
-				"lint": {
-					"builder": "@angular-devkit/build-angular:tslint",
-					"options": {
-						"tsConfig": [
-							"./tsconfig.json",
-							"./tsconfig.spec.json"
-						],
-						"exclude": [
-							"**/node_modules/**"
-						]
-					}
-				},
 				"storybook": {
 					"builder": "@storybook/angular:start-storybook",
 					"options": {
@@ -99,17 +87,6 @@
 						"protractorConfig": "./protractor.conf.js",
 						"devServerTarget": "carbon-components-angular:serve"
 					}
-				},
-				"lint": {
-					"builder": "@angular-devkit/build-angular:tslint",
-					"options": {
-						"tsConfig": [
-							"e2e/tsconfig.e2e.json"
-						],
-						"exclude": [
-							"**/node_modules/**/*"
-						]
-					}
 				}
 			}
 		}