build: cleanup lock file and fix caniuse babel deprecation warning

Cleans up the lock file (aka lock file maintenance). This helps reducing
dependencies for development and ensures we stay up-to-date.

Additionally this fixes a deprecation warning from `@babel/core` that
shows up when building `tools/angular/...`.

Author: devversion

WORKSPACE

@@ -16,10 +16,10 @@ http_archive(
 # Add sass rules
 http_archive(
     name = "io_bazel_rules_sass",
-    sha256 = "435efe759f1c8baffadc320ecc1830454da181fa790aa83bb4326f07e903a0f4",
-    strip_prefix = "rules_sass-1.41.0",
+    sha256 = "903858e0fb5eda0b36d37e1ce4cbcfbe03f65a5f153d894dc8a9894a4884e564",
+    strip_prefix = "rules_sass-1.49.0",
     urls = [
-        "https://github.com/bazelbuild/rules_sass/archive/1.41.0.zip",
+        "https://github.com/bazelbuild/rules_sass/archive/1.49.0.zip",
     ],
 )
 

package.json

@@ -58,14 +58,14 @@
     "@angular/core": "13.2.0-rc.1",
     "@angular/forms": "13.2.0-rc.1",
     "@angular/platform-browser": "13.2.0-rc.1",
-    "@types/google.maps": "^3.45.6",
-    "@types/youtube": "^0.0.42",
-    "core-js-bundle": "^3.8.2",
+    "@types/google.maps": "^3.47.3",
+    "@types/youtube": "^0.0.46",
+    "core-js-bundle": "^3.20.3",
     "material-components-web": "14.0.0-canary.c047f7c19.0",
     "rxjs": "^6.6.7",
-    "rxjs-tslint-rules": "^4.33.1",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.11.3"
+    "rxjs-tslint-rules": "^4.34.8",
+    "tslib": "^2.3.1",
+    "zone.js": "~0.11.4"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "13.2.0-rc.1",
@@ -79,10 +79,10 @@
     "@angular/platform-browser-dynamic": "13.2.0-rc.1",
     "@angular/platform-server": "13.2.0-rc.1",
     "@angular/router": "13.2.0-rc.1",
-    "@axe-core/webdriverjs": "^4.1.0",
-    "@babel/core": "^7.16.0",
-    "@bazel/bazelisk": "1.10.1",
-    "@bazel/buildifier": "4.2.3",
+    "@axe-core/webdriverjs": "^4.3.2",
+    "@babel/core": "^7.16.12",
+    "@bazel/bazelisk": "1.11.0",
+    "@bazel/buildifier": "4.2.5",
     "@bazel/concatjs": "4.4.5",
     "@bazel/esbuild": "4.4.5",
     "@bazel/ibazel": "0.15.10",
@@ -92,7 +92,7 @@
     "@bazel/runfiles": "4.4.5",
     "@bazel/terser": "4.4.5",
     "@bazel/typescript": "4.4.5",
-    "@firebase/app-types": "^0.6.1",
+    "@firebase/app-types": "^0.7.0",
     "@material/animation": "14.0.0-canary.c047f7c19.0",
     "@material/auto-init": "14.0.0-canary.c047f7c19.0",
     "@material/banner": "14.0.0-canary.c047f7c19.0",
@@ -142,45 +142,45 @@
     "@material/typography": "14.0.0-canary.c047f7c19.0",
     "@octokit/rest": "18.3.5",
     "@rollup/plugin-commonjs": "^21.0.0",
-    "@rollup/plugin-node-resolve": "^13.0.5",
+    "@rollup/plugin-node-resolve": "^13.1.3",
     "@schematics/angular": "13.2.0-rc.1",
-    "@types/babel__core": "^7.1.16",
-    "@types/browser-sync": "^2.26.1",
-    "@types/fs-extra": "^9.0.5",
-    "@types/glob": "^7.1.3",
+    "@types/babel__core": "^7.1.18",
+    "@types/browser-sync": "^2.26.3",
+    "@types/fs-extra": "^9.0.13",
+    "@types/glob": "^7.2.0",
     "@types/inquirer": "^7.3.1",
-    "@types/jasmine": "^3.6.0",
+    "@types/jasmine": "^3.10.3",
     "@types/luxon": "^1.27.0",
     "@types/marked": "^2.0.0",
-    "@types/node": "^14.14.22",
+    "@types/node": "^16.10.9",
     "@types/node-fetch": "^2.5.5",
-    "@types/parse5": "^6.0.0",
+    "@types/parse5": "^6.0.3",
     "@types/sass": "^1.43.1",
     "@types/selenium-webdriver": "^3.0.17",
-    "@types/semver": "^7.3.4",
-    "@types/send": "^0.14.5",
-    "@types/shelljs": "^0.8.9",
+    "@types/semver": "^7.3.9",
+    "@types/send": "^0.17.1",
+    "@types/shelljs": "^0.8.11",
     "@types/yaml": "^1.9.7",
     "@types/yargs": "^17.0.8",
-    "autoprefixer": "^10.2.5",
+    "autoprefixer": "^10.4.2",
     "browser-sync": "2.26.13",
     "chalk": "^4.1.0",
     "codelyzer": "^6.0.2",
-    "date-fns": "^2.23.0",
-    "dgeni": "^0.4.11",
-    "dgeni-packages": "^0.28.4",
-    "esbuild": "^0.13.3",
+    "date-fns": "^2.28.0",
+    "dgeni": "^0.4.14",
+    "dgeni-packages": "^0.29.3",
+    "esbuild": "^0.14.14",
     "firebase-tools": "^9.2.1",
     "fs-extra": "^9.0.1",
-    "glob": "^7.1.2",
+    "glob": "^7.2.0",
     "highlight.js": "^10.7.0",
-    "husky": "^7.0.1",
-    "inquirer": "^8.0.0",
+    "husky": "^7.0.4",
+    "inquirer": "^8.2.0",
     "jasmine": "^3.6.0",
     "jasmine-core": "^3.6.0",
     "jsonc-parser": "^3.0.0",
     "kagekiri": "^1.4.1",
-    "karma": "^6.3.8",
+    "karma": "^6.3.12",
     "karma-browserstack-launcher": "^1.6.0",
     "karma-chrome-launcher": "^3.1.0",
     "karma-firefox-launcher": "^2.1.2",
@@ -189,37 +189,37 @@
     "karma-requirejs": "^1.1.0",
     "karma-sauce-launcher": "^4.3.6",
     "karma-sourcemap-loader": "^0.3.8",
-    "luxon": "^2.0.0",
+    "luxon": "^2.3.0",
     "madge": "^4.0.0",
     "marked": "^2.0.0",
     "minimatch": "^3.0.4",
-    "moment": "^2.18.1",
+    "moment": "^2.29.1",
     "node-fetch": "^2.6.0",
     "parse5": "^6.0.1",
-    "postcss": "^8.2.1",
-    "postcss-scss": "^4.0.2",
+    "postcss": "^8.4.5",
+    "postcss-scss": "^4.0.3",
     "protractor": "^7.0.0",
-    "reflect-metadata": "^0.1.3",
+    "reflect-metadata": "^0.1.13",
     "requirejs": "^2.3.6",
-    "rollup": "^2.58.0",
+    "rollup": "^2.66.1",
     "rollup-plugin-sourcemaps": "^0.6.3",
-    "sass": "^1.47.0",
+    "sass": "^1.49.0",
     "selenium-webdriver": "^3.6.0",
-    "semver": "^7.3.4",
-    "send": "^0.17.1",
+    "semver": "^7.3.5",
+    "send": "^0.17.2",
     "shelljs": "^0.8.5",
-    "stylelint": "^14.0.1",
-    "terser": "^5.9.0",
-    "ts-node": "^10.2.1",
+    "stylelint": "^14.3.0",
+    "terser": "^5.10.0",
+    "ts-node": "^10.4.0",
     "tsec": "0.2.1",
     "tsickle": "0.39.1",
     "tslint": "^6.1.3",
     "tsutils": "^3.21.0",
-    "typescript": "~4.5.2",
+    "typescript": "~4.5.5",
     "typescript-4.4": "npm:[email protected]",
     "vrsource-tslint-rules": "6.0.0",
-    "yaml": "^1.10.0",
-    "yargs": "^17.2.1"
+    "yaml": "^1.10.2",
+    "yargs": "^17.3.1"
   },
   "resolutions": {
     "@angular/dev-infra-private/typescript": "~4.5.2",

src/cdk/schematics/utils/html-manipulation.ts

@@ -70,7 +70,9 @@ export function addBodyClass(host: Tree, htmlFilePath: string, className: string
       .includes(className);
 
     if (!hasClass) {
-      const classAttributeLocation = body.sourceCodeLocation!.attrs.class;
+      // We have source code location info enabled, and we pre-checked that the element
+      // has attributes, specifically the `class` attribute.
+      const classAttributeLocation = body.sourceCodeLocation!.attrs!.class;
       const recordedChange = host
         .beginUpdate(htmlFilePath)
         .insertRight(classAttributeLocation.endOffset - 1, ` ${className}`);