components/src/material/core/option/BUILD.bazel at 194ea217ea00b8ea6111688d4769a248e79bb683 · angular/components · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
load("//tools:defaults.bzl", "ng_project", "sass_binary", "sass_library")

package(default_visibility = ["//visibility:public"])

sass_library(
    name = "m3",
    srcs = [
        "_m3-optgroup.scss",
        "_m3-option.scss",
    ],
    deps = [
        "//src/material/core/style:sass_utils",
        "//src/material/core/tokens:m3_utils",
    ],
)

sass_library(
    name = "m2",
    srcs = [
        "_m2-optgroup.scss",
        "_m2-option.scss",
    ],
    deps = [
        "//src/material/core/style:elevation",
        "//src/material/core/style:sass_utils",
        "//src/material/core/theming:_inspection",
        "//src/material/core/tokens:m2_utils",
    ],
)

sass_library(
    name = "theme",
    srcs = [
        "_optgroup-theme.scss",
        "_option-theme.scss",
    ],
    deps = [
        ":m2",
        "//src/material/core/style:sass_utils",
        "//src/material/core/theming",
        "//src/material/core/theming:_inspection",
        "//src/material/core/theming:_validation",
        "//src/material/core/tokens:token_utils",
        "//src/material/core/typography",
    ],
)

ng_project(
    name = "option",
    srcs = [
        "index.ts",
        "optgroup.ts",
        "option.ts",
        "option-module.ts",
        "option-parent.ts",
    ],
    assets = [
        "optgroup.html",
        "option.html",
        ":optgroup_css",
        ":option_css",
    ],
    deps = [
        "//:node_modules/@angular/core",
        "//:node_modules/rxjs",
        "//src/cdk/a11y",
        "//src/cdk/keycodes",
        "//src/cdk/private",
        "//src/material/core:ripple",
        "//src/material/core/common-behaviors",
        "//src/material/core/focus-indicators:internal",
        "//src/material/core/selection",
        "//src/material/core/selection/pseudo-checkbox",
    ],
)

sass_binary(
    name = "option_css",
    src = "option.scss",
    layer = "angular-material",
    deps = [
        "//src/cdk:sass_lib",
        "//src/material/core/style:layout_common",
        "//src/material/core/style:vendor_prefixes",
        "//src/material/core/tokens:token_utils",
    ],
)

sass_binary(
    name = "optgroup_css",
    src = "optgroup.scss",
    layer = "angular-material",
    deps = [
        "//src/material/core/tokens:token_utils",
    ],
)