build: create sass_bundle bazel rule

This defines a bazel rule to bundle sass partials into a single file
using the "sass-bundle" npm package. The rule definition is commented so
that it can serve as an example for creating other rules in the future.

I've also added the missing build file for badge so that its theme can
be included in the bundle.

Author: jelbourn

WORKSPACE

@@ -1,4 +1,4 @@
-workspace(name = "angular_material_src")
+workspace(name = "angular_material")
 
 # Add nodejs rules
 git_repository(

src/cdk/a11y/BUILD.bazel

@@ -3,11 +3,6 @@ load("@angular//:index.bzl", "ng_module")
 load("@io_bazel_rules_sass//sass:sass.bzl", "sass_library")
 load("@build_bazel_rules_typescript//:defs.bzl", "ts_library", "ts_web_test")
 
-sass_library(
-  name = "a11y_scss_lib",
-  srcs = glob(["**/_*.scss"]),
-)
-
 
 ng_module(
   name = "a11y",
@@ -22,6 +17,17 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): remove this when sass_library acts like a filegroup
+filegroup(
+  name = "a11y_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
+
+sass_library(
+  name = "a11y_scss_lib",
+  srcs = [":a11y_scss_partials"],
+)
+
 ts_library(
   name = "a11y_test_sources",
   testonly = 1,

src/cdk/overlay/BUILD.bazel

@@ -18,6 +18,12 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "overlay_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
+
 ts_library(
   name = "overlay_test_sources",
   testonly = 1,

src/lib/BUILD.bazel

@@ -0,0 +1,46 @@
+load("//tools:sass_bundle.bzl", "sass_bundle")
+
+
+sass_bundle(
+  name = "theming_bundle",
+  srcs = [
+    "//src/cdk/a11y:a11y_scss_partials",
+    "//src/cdk/overlay:overlay_scss_partials",
+    "//src/lib/autocomplete:autocomplete_scss_partials",
+    "//src/lib/badge:badge_scss_partials",
+    "//src/lib/bottom-sheet:bottom_sheet_scss_partials",
+    "//src/lib/button-toggle:button_toggle_scss_partials",
+    "//src/lib/button:button_scss_partials",
+    "//src/lib/card:card_scss_partials",
+    "//src/lib/checkbox:checkbox_scss_partials",
+    "//src/lib/chips:chips_scss_partials",
+    "//src/lib/core:core_scss_partials",
+    "//src/lib/datepicker:datepicker_scss_partials",
+    "//src/lib/dialog:dialog_scss_partials",
+    "//src/lib/divider:divider_scss_partials",
+    "//src/lib/expansion:expansion_panel_scss_partials",
+    "//src/lib/form-field:form_field_scss_partials",
+    "//src/lib/grid-list:grid_list_scss_partials",
+    "//src/lib/icon:icon_scss_partials",
+    "//src/lib/input:input_scss_partials",
+    "//src/lib/list:list_scss_partials",
+    "//src/lib/menu:menu_scss_partials",
+    "//src/lib/paginator:paginator_scss_partials",
+    "//src/lib/progress-bar:progress_bar_scss_partials",
+    "//src/lib/progress-spinner:progress_spinner_scss_partials",
+    "//src/lib/radio:radio_scss_partials",
+    "//src/lib/select:select_scss_partials",
+    "//src/lib/sidenav:drawer_scss_partials",
+    "//src/lib/slide-toggle:slide_toggle_scss_partials",
+    "//src/lib/slider:slider_scss_partials",
+    "//src/lib/snack-bar:snack_bar_scss_partials",
+    "//src/lib/sort:sort_header_scss_partials",
+    "//src/lib/stepper:stepper_scss_partials",
+    "//src/lib/table:table_scss_partials",
+    "//src/lib/tabs:tabs_scss_partials",
+    "//src/lib/toolbar:toolbar_scss_partials",
+    "//src/lib/tooltip:tooltip_scss_partials",
+  ],
+  entry_point = '//src/lib/core:theming/_all-theme.scss',
+  output_name = "_theming.scss",
+)

src/lib/autocomplete/BUILD.bazel

@@ -21,6 +21,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "autocomplete_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "autocomplete_scss",

src/lib/badge/BUILD.bazel

@@ -0,0 +1,22 @@
+package(default_visibility=["//visibility:public"])
+load("@angular//:index.bzl", "ng_module")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_library", "sass_binary")
+
+
+ng_module(
+  name = "badge",
+  srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
+  module_name = "@angular/material/badge",
+  deps = [
+    "//src/lib/core",
+    "//src/cdk/a11y",
+    "//src/cdk/coercion",
+  ],
+  tsconfig = ":tsconfig-build.json",
+)
+
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "badge_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)

src/lib/badge/badge.ts

@@ -6,11 +6,12 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Directive, Input, ElementRef, Inject, Optional, NgZone, OnDestroy} from '@angular/core';
-import {coerceBooleanProperty} from '@angular/cdk/coercion';
-import {ThemePalette} from '@angular/material/core';
 import {AriaDescriber} from '@angular/cdk/a11y';
+import {coerceBooleanProperty} from '@angular/cdk/coercion';
 import {DOCUMENT} from '@angular/common';
+import {Directive, ElementRef, Inject, Input, NgZone, OnDestroy, Optional} from '@angular/core';
+import {ThemePalette} from '@angular/material/core';
+
 
 let nextId = 0;
 

src/lib/bottom-sheet/BUILD.bazel

@@ -22,6 +22,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "bottom_sheet_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "bottom_sheet_container_scss",

src/lib/button-toggle/BUILD.bazel

@@ -17,6 +17,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "button_toggle_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "button_toggle_scss",

src/lib/button/BUILD.bazel

@@ -16,11 +16,16 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): remove this when sass_library acts like a filegroup
+filegroup(
+  name = "button_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 # Library of all button scss partials.
 sass_library(
   name = "button_scss_lib",
-  srcs = glob(["**/_*.scss"]),
+  srcs = [":button_scss_partials"],
   deps = ["//src/lib/core:core_scss_lib"],
 )
 

src/lib/card/BUILD.bazel

@@ -14,6 +14,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "card_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "card_scss",

src/lib/checkbox/BUILD.bazel

@@ -17,6 +17,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "checkbox_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "checkbox_scss",

src/lib/chips/BUILD.bazel

@@ -20,6 +20,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "chips_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "chips_scss",

src/lib/core/BUILD.bazel

@@ -1,7 +1,10 @@
 package(default_visibility=["//visibility:public"])
+
 load("@angular//:index.bzl", "ng_module")
 load("@io_bazel_rules_sass//sass:sass.bzl", "sass_library", "sass_binary")
 
+exports_files(["theming/_theming.scss"])
+
 
 ng_module(
   name = "core",
@@ -19,10 +22,16 @@ ng_module(
 )
 
 
+# TODO(jelbourn): remove this when sass_library acts like a filegroup
+filegroup(
+  name = "core_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
+
 # Library of all core scss partials.
 sass_library(
   name = "core_scss_lib",
-  srcs = glob(["**/_*.scss"]),
+  srcs = [":core_scss_partials"],
   deps = ["//src/cdk/a11y:a11y_scss_lib"],
 )
 

src/lib/datepicker/BUILD.bazel

@@ -28,6 +28,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "datepicker_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "datepicker_content_scss",

src/lib/dialog/BUILD.bazel

@@ -19,6 +19,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "dialog_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "dialog_scss",

src/lib/divider/BUILD.bazel

@@ -16,13 +16,18 @@ ng_module(
 )
 
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "divider_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
+
 sass_library(
   name = "divider_scss_lib",
   srcs = ["divider.scss"],
   deps = ["//src/lib/core:core_scss_lib"],
 )
 
-
 sass_binary(
   name = "divider_scss",
   src = "divider.scss",

src/lib/expansion/BUILD.bazel

@@ -23,6 +23,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "expansion_panel_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "expansion_panel_scss",

src/lib/form-field/BUILD.bazel

@@ -23,6 +23,12 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "form_field_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
+
 sass_binary(
   name = "form_field_scss",
   src = "form-field.scss",

src/lib/grid-list/BUILD.bazel

@@ -15,6 +15,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "grid_list_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "grid_list_scss",

src/lib/icon/BUILD.bazel

@@ -14,6 +14,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "icon_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "icon_scss",

src/lib/input/BUILD.bazel

@@ -17,6 +17,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "input_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "input_scss",

src/lib/list/BUILD.bazel

@@ -20,6 +20,12 @@ ng_module(
 )
 
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "list_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
+
 sass_binary(
   name = "list_scss",
   src = "list.scss",

src/lib/menu/BUILD.bazel

@@ -20,6 +20,11 @@ ng_module(
   tsconfig = ":tsconfig-build.json",
 )
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "menu_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
 
 sass_binary(
   name = "menu_scss",

src/lib/paginator/BUILD.bazel

@@ -19,6 +19,12 @@ ng_module(
 )
 
 
+# TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
+filegroup(
+  name = "paginator_scss_partials",
+  srcs = glob(["**/_*.scss"]),
+)
+
 sass_binary(
   name = "paginator_scss",
   src = "paginator.scss",