build(radial-chart): Bazelify radial-chart component

angular.json

@@ -2044,12 +2044,6 @@
               "!libs/barista-components/radial-chart/**/*"
             ]
           }
-        },
-        "test": {
-          "builder": "@nrwl/jest:jest",
-          "options": {
-            "jestConfig": "libs/barista-components/radial-chart/jest.config.js"
-          }
         }
       },
       "schematics": {}

libs/barista-components/radial-chart/BUILD.bazel

@@ -1,7 +1,42 @@
-load("//tools/bazel_rules:index.bzl", "stylelint")
+load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
+load("@npm//@bazel/typescript:index.bzl", "ts_config")
+load("//tools/bazel_rules:index.bzl", "jest", "ng_module_view_engine", "stylelint")
 
 package(default_visibility = ["//visibility:public"])
 
+ng_module_view_engine(
+    name = "compile",
+    srcs = glob(
+        include = ["**/*.ts"],
+        exclude = [
+            "**/*.spec.ts",
+            "src/test-setup.ts",
+        ],
+    ),
+    angular_assets = [
+        ":styles",
+        ":styles_path",
+        "src/radial-chart.html",
+        "src/radial-chart-path.html",
+    ],
+    module_name = "@dynatrace/barista-components/radial-chart",
+    tsconfig = "tsconfig_lib",
+    deps = [
+        "//libs/barista-components/core:compile",
+        "//libs/barista-components/formatters:compile",
+        "//libs/barista-components/legend:compile",
+        "//libs/barista-components/overlay:compile",
+        "//libs/barista-components/theming:compile",
+        "@npm//@angular/core",
+        "@npm//@angular/cdk",
+        "@npm//@angular/common",
+        "@npm//@angular/platform-browser",
+        "@npm//rxjs",
+        "@npm//@types/d3-shape",
+        "@npm//d3-shape",
+    ],
+)
+
 filegroup(
     name = "radial-chart",
     srcs = glob(
@@ -16,7 +51,59 @@ filegroup(
     ]),
 )
 
+sass_binary(
+    name = "styles",
+    src = "src/radial-chart.scss",
+)
+
+sass_binary(
+    name = "styles_path",
+    src = "src/radial-chart-path.scss",
+)
+
 stylelint(
     name = "stylelint",
     srcs = glob(["**/*.scss"]),
 )
+
+jest(
+    name = "test",
+    srcs = glob(include = ["**/*.spec.ts"]),
+    jest_config = ":jest.config.json",
+    setup_file = ":src/test-setup.ts",
+    ts_config = ":tsconfig_test",
+    deps = [
+        ":compile",
+        "//libs/testing/browser",
+        "//libs/barista-components/core:compile",
+        "//libs/barista-components/formatters:compile",
+        "//libs/barista-components/legend:compile",
+        "//libs/barista-components/overlay:compile",
+        "//libs/barista-components/theming:compile",
+        "@npm//@angular/core",
+        "@npm//@angular/cdk",
+        "@npm//@angular/common",
+        "@npm//@angular/platform-browser",
+        "@npm//rxjs",
+        "@npm//@types/d3-shape",
+        "@npm//d3-shape",
+    ],
+)
+
+ts_config(
+    name = "tsconfig_lib",
+    src = "tsconfig.lib.json",
+    deps = [
+        "tsconfig.json",
+        "//libs/barista-components:tsconfig",
+    ],
+)
+
+ts_config(
+    name = "tsconfig_test",
+    src = "tsconfig.spec.json",
+    deps = [
+        "tsconfig.json",
+        "//libs/barista-components:tsconfig",
+    ],
+)

libs/barista-components/radial-chart/jest.config.json

@@ -0,0 +1,8 @@
+{
+  "name": "radial-chart",
+  "snapshotSerializers": [
+    "jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js",
+    "jest-preset-angular/build/AngularSnapshotSerializer.js",
+    "jest-preset-angular/build/HTMLCommentSerializer.js"
+  ]
+}

libs/barista-components/radial-chart/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../../tsconfig.base.json",
+  "extends": "../tsconfig.json",
   "compilerOptions": {
     "types": ["node", "jest"]
   },

libs/barista-components/radial-chart/tsconfig.lib.json

@@ -8,14 +8,6 @@
     "types": [],
     "lib": ["dom", "es2018"]
   },
-  "angularCompilerOptions": {
-    "annotateForClosureCompiler": true,
-    "skipTemplateCodegen": true,
-    "strictMetadataEmit": true,
-    "fullTemplateTypeCheck": true,
-    "strictInjectionParameters": true,
-    "enableResourceInlining": true
-  },
   "exclude": ["src/test-setup.ts", "**/*.spec.ts"],
   "include": ["**/*.ts"]
 }