load("@io_bazel_rules_sass//:defs.bzl", "sass_binary")
load("//tensorboard/defs:defs.bzl", "tf_ng_module", "tf_ts_library")

package(default_visibility = ["//tensorboard:internal"])

sass_binary(
    name = "card_fob_styles",
    src = "card_fob_component.scss",
    include_paths = ["external/npm/node_modules"],
    deps = [
        "//tensorboard/webapp/angular_components:material_sass",
        "//tensorboard/webapp/theme",
    ],
)

sass_binary(
    name = "card_fob_controller_styles",
    src = "card_fob_controller_component.scss",
    include_paths = ["external/npm/node_modules"],
)

tf_ng_module(
    name = "card_fob",
    srcs = [
        "card_fob_component.ts",
        "card_fob_controller_component.ts",
        "card_fob_module.ts",
    ],
    assets = [
        "card_fob_controller_component.ng.html",
        "card_fob_component.ng.html",
        ":card_fob_styles",
        ":card_fob_controller_styles",
    ],
    deps = [
        ":types",
        "//tensorboard/webapp/angular:expect_angular_material_icon",
        "//tensorboard/webapp/third_party:d3",
        "@npm//@angular/common",
        "@npm//@angular/core",
    ],
)

tf_ts_library(
    name = "card_fob_test",
    testonly = True,
    srcs = [
        "card_fob_controller_test.ts",
        "card_fob_test.ts",
    ],
    deps = [
        ":card_fob",
        ":types",
        "//tensorboard/webapp/angular:expect_angular_core_testing",
        "//tensorboard/webapp/testing:dom",
        "//tensorboard/webapp/third_party:d3",
        "@npm//@angular/core",
        "@npm//@angular/platform-browser",
        "@npm//@types/jasmine",
    ],
)

tf_ts_library(
    name = "types",
    srcs = [
        "card_fob_types.ts",
    ],
)
