angular · mmalerba · Nov 6, 2019 · Nov 6, 2019 · Nov 6, 2019
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -356,7 +356,7 @@ jobs:
 
       # TODO(devversion): Ideally the "build_release_packages" job should build all packages with
       # Bazel, but for now we mix up the Gulp and bazel setup, so we need to build the package here.
-      - run: bazel build src/material-examples:npm_package --config=release
+      - run: bazel build src/components-examples:npm_package --config=release
 
       - run: ./scripts/circleci/publish-snapshots.sh
 

diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -121,7 +121,7 @@
 
 # Docs examples & guides
 /guides/**                                         @jelbourn
-/src/material-examples/**                          @jelbourn
+/src/components-examples/**                        @jelbourn
 
 # Accessibility demos
 /src/a11y-demo/**/*                                @jelbourn

diff --git a/.gitignore b/.gitignore
@@ -6,10 +6,6 @@
 /deploy
 /bazel-out
 
-# Example module file will be auto-generated.
-# TODO(devversion): re-add the example-module once angular#30259 is fixed.
-# /src/material-examples/example-module.ts
-
 # dependencies
 node_modules
 /bower_components

diff --git a/rollup-globals.bzl b/rollup-globals.bzl
@@ -105,13 +105,13 @@ create_globals(
 # Rollup globals the examples package. Since individual examples are
 # grouped by package and component, the primary entry-point imports
 # from entry-points which should be treated as external imports.
-create_globals("material-examples/cdk", CDK_ENTRYPOINTS)
-create_globals("material-examples/cdk-experimental", CDK_EXPERIMENTAL_ENTRYPOINTS)
+create_globals("components-examples/cdk", CDK_ENTRYPOINTS)
+create_globals("components-examples/cdk-experimental", CDK_EXPERIMENTAL_ENTRYPOINTS)
 create_globals(
-    "material-examples/material",
+    "components-examples/material",
     MATERIAL_ENTRYPOINTS + MATERIAL_TESTING_ENTRYPOINTS,
 )
 create_globals(
-    "material-examples/material-experimental",
+    "components-examples/material-experimental",
     MATERIAL_EXPERIMENTAL_ENTRYPOINTS + MATERIAL_EXPERIMENTAL_TESTING_ENTRYPOINTS,
 )
diff --git a/scripts/deploy/publish-docs-content.sh b/scripts/deploy/publish-docs-content.sh
@@ -23,8 +23,8 @@ docsDistPath="${projectPath}/dist/docs"
 # Path to the cloned docs-content repository.
 docsContentPath="${projectPath}/tmp/material2-docs-content"
 
-# Path to the release output of the Bazel "@angular/material-examples" NPM package.
-examplesPackagePath="$(bazel info bazel-bin)/src/material-examples/npm_package"
+# Path to the release output of the Bazel "@angular/components-examples" NPM package.
+examplesPackagePath="$(bazel info bazel-bin)/src/components-examples/npm_package"
 
 # Git clone URL for the material2-docs-content repository.
 docsContentRepoUrl="https://github.com/angular/material2-docs-content"

diff --git a/src/components-examples/BUILD.bazel b/src/components-examples/BUILD.bazel
@@ -0,0 +1,132 @@
+package(default_visibility = ["//visibility:public"])
+
+load("//tools:defaults.bzl", "ng_module", "ng_package")
+load("//tools/highlight-files:index.bzl", "highlight_files")
+load("//tools/package-docs-content:index.bzl", "package_docs_content")
+
+EXAMPLE_PACKAGES = [
+    # TODO(devversion): try to have for each entry-point a bazel package so that
+    # we can automate this using the "package.bzl" variables. Currently generated
+    # with "bazel query 'kind("ng_module", //src/components-examples/...:*)' --output="label"
+    "//src/components-examples/material/tree",
+    "//src/components-examples/material/tooltip",
+    "//src/components-examples/material/toolbar",
+    "//src/components-examples/material/tabs",
+    "//src/components-examples/material/table",
+    "//src/components-examples/material/stepper",
+    "//src/components-examples/material/sort",
+    "//src/components-examples/material/snack-bar",
+    "//src/components-examples/material/slider",
+    "//src/components-examples/material/slide-toggle",
+    "//src/components-examples/material/sidenav",
+    "//src/components-examples/material/select",
+    "//src/components-examples/material/radio",
+    "//src/components-examples/material/progress-spinner",
+    "//src/components-examples/material/progress-bar",
+    "//src/components-examples/material/paginator",
+    "//src/components-examples/material/menu",
+    "//src/components-examples/material/list",
+    "//src/components-examples/material/input",
+    "//src/components-examples/material/icon",
+    "//src/components-examples/material/grid-list",
+    "//src/components-examples/material/form-field",
+    "//src/components-examples/material/expansion",
+    "//src/components-examples/material/divider",
+    "//src/components-examples/material/dialog",
+    "//src/components-examples/material/datepicker",
+    "//src/components-examples/material/core",
+    "//src/components-examples/material/chips",
+    "//src/components-examples/material/checkbox",
+    "//src/components-examples/material/card",
+    "//src/components-examples/material/button-toggle",
+    "//src/components-examples/material/button",
+    "//src/components-examples/material/bottom-sheet",
+    "//src/components-examples/material/badge",
+    "//src/components-examples/material/autocomplete",
+    "//src/components-examples/material-experimental/popover-edit",
+    "//src/components-examples/cdk/tree",
+    "//src/components-examples/cdk/text-field",
+    "//src/components-examples/cdk/table",
+    "//src/components-examples/cdk/stepper",
+    "//src/components-examples/cdk/scrolling",
+    "//src/components-examples/cdk/portal",
+    "//src/components-examples/cdk/platform",
+    "//src/components-examples/cdk/drag-drop",
+    "//src/components-examples/cdk/clipboard",
+    "//src/components-examples/cdk/a11y",
+    "//src/components-examples/cdk-experimental/popover-edit",
+]
+
+ng_module(
+    name = "components-examples",
+    srcs = glob(["*.ts"]) + [":example-module.ts"],
+    module_name = "@angular/components-examples",
+    deps = EXAMPLE_PACKAGES,
+)
+
+filegroup(
+    name = "example-source-files",
+    srcs = ["%s:source-files" % pkg for pkg in EXAMPLE_PACKAGES],
+)
+
+highlight_files(
+    name = "highlighted-source-files",
+    srcs = [":example-source-files"],
+    tags = ["docs-package"],
+)
+
+package_docs_content(
+    name = "docs-content",
+    srcs = {
+        # We want to package the guides in to the docs content. These will be displayed
+        # in the documentation.
+        "//guides": "guides",
+
+        # Package the overviews for "@angular/material" and "@angular/cdk" into the docs content
+        "//src/cdk:overviews": "overviews/cdk",
+        "//src/material:overviews": "overviews/material",
+
+        # Package the API docs for the Material and CDK package into the docs-content
+        "//src:api-docs": "api-docs",
+
+        # In order to be able to run examples in StackBlitz, we also want to package the
+        # plain source files into the docs-content.
+        ":example-source-files": "examples-source",
+
+        # For the live-examples in our docs, we want to package the highlighted files
+        # into the docs content. These will be used to show the source code for examples.
+        ":highlighted-source-files": "examples-highlighted",
+    },
+    tags = ["docs-package"],
+)
+
+ng_package(
+    name = "npm_package",
+    srcs = ["package.json"],
+    data = [":docs-content"],
+    entry_point = ":public-api.ts",
+    tags = ["docs-package"],
+    deps = [":components-examples"] + EXAMPLE_PACKAGES,
+)
+
+genrule(
+    name = "example-module",
+    srcs = [":example-source-files"],
+    outs = [
+        "example-module.ts",
+        "_example_module.MF",
+    ],
+    cmd = """
+      # Create source file manifest
+      echo "$(locations //src/components-examples:example-source-files)" \
+          > $(location _example_module.MF)
+
+      # Run the bazel entry-point for generating the example module.
+      ./$(location //tools/example-module:bazel-bin) \
+          "$(location _example_module.MF)" \
+          "$(location example-module.ts)" \
+          "$$PWD/src/components-examples"
+    """,
+    output_to_bindir = True,
+    tools = ["//tools/example-module:bazel-bin"],
+)
diff --git a/...cdk-experimental/popover-edit/BUILD.bazel → ...cdk-experimental/popover-edit/BUILD.bazel b/...cdk-experimental/popover-edit/BUILD.bazel → ...cdk-experimental/popover-edit/BUILD.bazel
@@ -9,7 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
-    module_name = "@angular/material-examples/cdk-experimental/popover-edit",
+    module_name = "@angular/components-examples/cdk-experimental/popover-edit",
     deps = [
         "//src/cdk-experimental/popover-edit",
         "//src/cdk/collections",
@@ -21,8 +21,8 @@ ng_module(
 filegroup(
     name = "source-files",
     srcs = glob([
-        "*/*.html",
-        "*/*.css",
-        "*/*.ts",
+        "**/*.html",
+        "**/*.css",
+        "**/*.ts",
     ]),
 )
diff --git a/...k-popover-edit-cdk-table-flex-example.css → ...k-popover-edit-cdk-table-flex-example.css b/...k-popover-edit-cdk-table-flex-example.css → ...k-popover-edit-cdk-table-flex-example.css
diff --git a/...-popover-edit-cdk-table-flex-example.html → ...-popover-edit-cdk-table-flex-example.html b/...-popover-edit-cdk-table-flex-example.html → ...-popover-edit-cdk-table-flex-example.html
diff --git a/...dk-popover-edit-cdk-table-flex-example.ts → ...dk-popover-edit-cdk-table-flex-example.ts b/...dk-popover-edit-cdk-table-flex-example.ts → ...dk-popover-edit-cdk-table-flex-example.ts
diff --git a/...le/cdk-popover-edit-cdk-table-example.css → ...le/cdk-popover-edit-cdk-table-example.css b/...le/cdk-popover-edit-cdk-table-example.css → ...le/cdk-popover-edit-cdk-table-example.css
diff --git a/...e/cdk-popover-edit-cdk-table-example.html → ...e/cdk-popover-edit-cdk-table-example.html b/...e/cdk-popover-edit-cdk-table-example.html → ...e/cdk-popover-edit-cdk-table-example.html
diff --git a/...ble/cdk-popover-edit-cdk-table-example.ts → ...ble/cdk-popover-edit-cdk-table-example.ts b/...ble/cdk-popover-edit-cdk-table-example.ts → ...ble/cdk-popover-edit-cdk-table-example.ts
diff --git a/...-edit-cell-span-vanilla-table-example.css → ...-edit-cell-span-vanilla-table-example.css b/...-edit-cell-span-vanilla-table-example.css → ...-edit-cell-span-vanilla-table-example.css
diff --git a/...edit-cell-span-vanilla-table-example.html → ...edit-cell-span-vanilla-table-example.html b/...edit-cell-span-vanilla-table-example.html → ...edit-cell-span-vanilla-table-example.html
diff --git a/...r-edit-cell-span-vanilla-table-example.ts → ...r-edit-cell-span-vanilla-table-example.ts b/...r-edit-cell-span-vanilla-table-example.ts → ...r-edit-cell-span-vanilla-table-example.ts
diff --git a/...er-edit-tab-out-vanilla-table-example.css → ...er-edit-tab-out-vanilla-table-example.css b/...er-edit-tab-out-vanilla-table-example.css → ...er-edit-tab-out-vanilla-table-example.css
diff --git a/...r-edit-tab-out-vanilla-table-example.html → ...r-edit-tab-out-vanilla-table-example.html b/...r-edit-tab-out-vanilla-table-example.html → ...r-edit-tab-out-vanilla-table-example.html
diff --git a/...ver-edit-tab-out-vanilla-table-example.ts → ...ver-edit-tab-out-vanilla-table-example.ts b/...ver-edit-tab-out-vanilla-table-example.ts → ...ver-edit-tab-out-vanilla-table-example.ts
diff --git a/...dk-popover-edit-vanilla-table-example.css → ...dk-popover-edit-vanilla-table-example.css b/...dk-popover-edit-vanilla-table-example.css → ...dk-popover-edit-vanilla-table-example.css
diff --git a/...k-popover-edit-vanilla-table-example.html → ...k-popover-edit-vanilla-table-example.html b/...k-popover-edit-vanilla-table-example.html → ...k-popover-edit-vanilla-table-example.html
diff --git a/...cdk-popover-edit-vanilla-table-example.ts → ...cdk-popover-edit-vanilla-table-example.ts b/...cdk-popover-edit-vanilla-table-example.ts → ...cdk-popover-edit-vanilla-table-example.ts
diff --git a/...s/cdk-experimental/popover-edit/module.ts → ...es/cdk-experimental/popover-edit/index.ts b/...s/cdk-experimental/popover-edit/module.ts → ...es/cdk-experimental/popover-edit/index.ts
diff --git a/src/material-examples/cdk/a11y/BUILD.bazel → src/components-examples/cdk/a11y/BUILD.bazel b/src/material-examples/cdk/a11y/BUILD.bazel → src/components-examples/cdk/a11y/BUILD.bazel
@@ -9,7 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
-    module_name = "@angular/material-examples/cdk/a11y",
+    module_name = "@angular/components-examples/cdk/a11y",
     deps = [
         "//src/cdk/a11y",
         "//src/material/select",
@@ -19,8 +19,8 @@ ng_module(
 filegroup(
     name = "source-files",
     srcs = glob([
-        "*/*.html",
-        "*/*.css",
-        "*/*.ts",
+        "**/*.html",
+        "**/*.css",
+        "**/*.ts",
     ]),
 )
diff --git a/...ives/focus-monitor-directives-example.css → ...ives/focus-monitor-directives-example.css b/...ives/focus-monitor-directives-example.css → ...ives/focus-monitor-directives-example.css
diff --git a/...ves/focus-monitor-directives-example.html → ...ves/focus-monitor-directives-example.html b/...ves/focus-monitor-directives-example.html → ...ves/focus-monitor-directives-example.html
diff --git a/...tives/focus-monitor-directives-example.ts → ...tives/focus-monitor-directives-example.ts b/...tives/focus-monitor-directives-example.ts → ...tives/focus-monitor-directives-example.ts
diff --git a/...s-via/focus-monitor-focus-via-example.css → ...s-via/focus-monitor-focus-via-example.css b/...s-via/focus-monitor-focus-via-example.css → ...s-via/focus-monitor-focus-via-example.css
diff --git a/...-via/focus-monitor-focus-via-example.html → ...-via/focus-monitor-focus-via-example.html b/...-via/focus-monitor-focus-via-example.html → ...-via/focus-monitor-focus-via-example.html
diff --git a/...us-via/focus-monitor-focus-via-example.ts → ...us-via/focus-monitor-focus-via-example.ts b/...us-via/focus-monitor-focus-via-example.ts → ...us-via/focus-monitor-focus-via-example.ts
diff --git a/...erview/focus-monitor-overview-example.css → ...erview/focus-monitor-overview-example.css b/...erview/focus-monitor-overview-example.css → ...erview/focus-monitor-overview-example.css
diff --git a/...rview/focus-monitor-overview-example.html → ...rview/focus-monitor-overview-example.html b/...rview/focus-monitor-overview-example.html → ...rview/focus-monitor-overview-example.html
diff --git a/...verview/focus-monitor-overview-example.ts → ...verview/focus-monitor-overview-example.ts b/...verview/focus-monitor-overview-example.ts → ...verview/focus-monitor-overview-example.ts
diff --git a/src/material-examples/cdk/a11y/module.ts → src/components-examples/cdk/a11y/index.ts b/src/material-examples/cdk/a11y/module.ts → src/components-examples/cdk/a11y/index.ts
diff --git a/...terial-examples/cdk/clipboard/BUILD.bazel → ...onents-examples/cdk/clipboard/BUILD.bazel b/...terial-examples/cdk/clipboard/BUILD.bazel → ...onents-examples/cdk/clipboard/BUILD.bazel
@@ -9,7 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
-    module_name = "@angular/material-examples/cdk/clipboard",
+    module_name = "@angular/components-examples/cdk/clipboard",
     deps = [
         "//src/cdk/clipboard",
         "@npm//@angular/forms",
@@ -19,8 +19,8 @@ ng_module(
 filegroup(
     name = "source-files",
     srcs = glob([
-        "*/*.html",
-        "*/*.css",
-        "*/*.ts",
+        "**/*.html",
+        "**/*.css",
+        "**/*.ts",
     ]),
 )
diff --git a/...erview/cdk-clipboard-overview-example.css → ...erview/cdk-clipboard-overview-example.css b/...erview/cdk-clipboard-overview-example.css → ...erview/cdk-clipboard-overview-example.css
diff --git a/...rview/cdk-clipboard-overview-example.html → ...rview/cdk-clipboard-overview-example.html b/...rview/cdk-clipboard-overview-example.html → ...rview/cdk-clipboard-overview-example.html
diff --git a/...verview/cdk-clipboard-overview-example.ts → ...verview/cdk-clipboard-overview-example.ts b/...verview/cdk-clipboard-overview-example.ts → ...verview/cdk-clipboard-overview-example.ts
diff --git a/...material-examples/cdk/clipboard/module.ts → ...omponents-examples/cdk/clipboard/index.ts b/...material-examples/cdk/clipboard/module.ts → ...omponents-examples/cdk/clipboard/index.ts
diff --git a/...terial-examples/cdk/drag-drop/BUILD.bazel → ...onents-examples/cdk/drag-drop/BUILD.bazel b/...terial-examples/cdk/drag-drop/BUILD.bazel → ...onents-examples/cdk/drag-drop/BUILD.bazel
@@ -9,7 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
-    module_name = "@angular/material-examples/cdk/drag-drop",
+    module_name = "@angular/components-examples/cdk/drag-drop",
     deps = [
         "//src/cdk/drag-drop",
         "//src/cdk/overlay",
@@ -20,8 +20,8 @@ ng_module(
 filegroup(
     name = "source-files",
     srcs = glob([
-        "*/*.html",
-        "*/*.css",
-        "*/*.ts",
+        "**/*.html",
+        "**/*.css",
+        "**/*.ts",
     ]),
 )
diff --git a/...-lock/cdk-drag-drop-axis-lock-example.css → ...-lock/cdk-drag-drop-axis-lock-example.css b/...-lock/cdk-drag-drop-axis-lock-example.css → ...-lock/cdk-drag-drop-axis-lock-example.css
diff --git a/...lock/cdk-drag-drop-axis-lock-example.html → ...lock/cdk-drag-drop-axis-lock-example.html b/...lock/cdk-drag-drop-axis-lock-example.html → ...lock/cdk-drag-drop-axis-lock-example.html
diff --git a/...s-lock/cdk-drag-drop-axis-lock-example.ts → ...s-lock/cdk-drag-drop-axis-lock-example.ts b/...s-lock/cdk-drag-drop-axis-lock-example.ts → ...s-lock/cdk-drag-drop-axis-lock-example.ts
diff --git a/...undary/cdk-drag-drop-boundary-example.css → ...undary/cdk-drag-drop-boundary-example.css b/...undary/cdk-drag-drop-boundary-example.css → ...undary/cdk-drag-drop-boundary-example.css
diff --git a/...ndary/cdk-drag-drop-boundary-example.html → ...ndary/cdk-drag-drop-boundary-example.html b/...ndary/cdk-drag-drop-boundary-example.html → ...ndary/cdk-drag-drop-boundary-example.html
diff --git a/...oundary/cdk-drag-drop-boundary-example.ts → ...oundary/cdk-drag-drop-boundary-example.ts b/...oundary/cdk-drag-drop-boundary-example.ts → ...oundary/cdk-drag-drop-boundary-example.ts
diff --git a/...-drop-connected-sorting-group-example.css → ...-drop-connected-sorting-group-example.css b/...-drop-connected-sorting-group-example.css → ...-drop-connected-sorting-group-example.css
diff --git a/...drop-connected-sorting-group-example.html → ...drop-connected-sorting-group-example.html b/...drop-connected-sorting-group-example.html → ...drop-connected-sorting-group-example.html
diff --git a/...g-drop-connected-sorting-group-example.ts → ...g-drop-connected-sorting-group-example.ts b/...g-drop-connected-sorting-group-example.ts → ...g-drop-connected-sorting-group-example.ts
diff --git a/...k-drag-drop-connected-sorting-example.css → ...k-drag-drop-connected-sorting-example.css b/...k-drag-drop-connected-sorting-example.css → ...k-drag-drop-connected-sorting-example.css
diff --git a/...-drag-drop-connected-sorting-example.html → ...-drag-drop-connected-sorting-example.html b/...-drag-drop-connected-sorting-example.html → ...-drag-drop-connected-sorting-example.html
diff --git a/...dk-drag-drop-connected-sorting-example.ts → ...dk-drag-drop-connected-sorting-example.ts b/...dk-drag-drop-connected-sorting-example.ts → ...dk-drag-drop-connected-sorting-example.ts
diff --git a/...-drag-drop-custom-placeholder-example.css → ...-drag-drop-custom-placeholder-example.css b/...-drag-drop-custom-placeholder-example.css → ...-drag-drop-custom-placeholder-example.css
diff --git a/...drag-drop-custom-placeholder-example.html → ...drag-drop-custom-placeholder-example.html b/...drag-drop-custom-placeholder-example.html → ...drag-drop-custom-placeholder-example.html
diff --git a/...k-drag-drop-custom-placeholder-example.ts → ...k-drag-drop-custom-placeholder-example.ts b/...k-drag-drop-custom-placeholder-example.ts → ...k-drag-drop-custom-placeholder-example.ts
diff --git a/.../cdk-drag-drop-custom-preview-example.css → .../cdk-drag-drop-custom-preview-example.css b/.../cdk-drag-drop-custom-preview-example.css → .../cdk-drag-drop-custom-preview-example.css
diff --git a/...cdk-drag-drop-custom-preview-example.html → ...cdk-drag-drop-custom-preview-example.html b/...cdk-drag-drop-custom-preview-example.html → ...cdk-drag-drop-custom-preview-example.html
diff --git a/...w/cdk-drag-drop-custom-preview-example.ts → ...w/cdk-drag-drop-custom-preview-example.ts b/...w/cdk-drag-drop-custom-preview-example.ts → ...w/cdk-drag-drop-custom-preview-example.ts
diff --git a/...rop-delay/cdk-drag-drop-delay-example.css → ...rop-delay/cdk-drag-drop-delay-example.css b/...rop-delay/cdk-drag-drop-delay-example.css → ...rop-delay/cdk-drag-drop-delay-example.css
diff --git a/...op-delay/cdk-drag-drop-delay-example.html → ...op-delay/cdk-drag-drop-delay-example.html b/...op-delay/cdk-drag-drop-delay-example.html → ...op-delay/cdk-drag-drop-delay-example.html
diff --git a/...drop-delay/cdk-drag-drop-delay-example.ts → ...drop-delay/cdk-drag-drop-delay-example.ts b/...drop-delay/cdk-drag-drop-delay-example.ts → ...drop-delay/cdk-drag-drop-delay-example.ts
diff --git a/...dk-drag-drop-disabled-sorting-example.css → ...dk-drag-drop-disabled-sorting-example.css b/...dk-drag-drop-disabled-sorting-example.css → ...dk-drag-drop-disabled-sorting-example.css
diff --git a/...k-drag-drop-disabled-sorting-example.html → ...k-drag-drop-disabled-sorting-example.html b/...k-drag-drop-disabled-sorting-example.html → ...k-drag-drop-disabled-sorting-example.html
diff --git a/...cdk-drag-drop-disabled-sorting-example.ts → ...cdk-drag-drop-disabled-sorting-example.ts b/...cdk-drag-drop-disabled-sorting-example.ts → ...cdk-drag-drop-disabled-sorting-example.ts
diff --git a/...sabled/cdk-drag-drop-disabled-example.css → ...sabled/cdk-drag-drop-disabled-example.css b/...sabled/cdk-drag-drop-disabled-example.css → ...sabled/cdk-drag-drop-disabled-example.css
diff --git a/...abled/cdk-drag-drop-disabled-example.html → ...abled/cdk-drag-drop-disabled-example.html b/...abled/cdk-drag-drop-disabled-example.html → ...abled/cdk-drag-drop-disabled-example.html
diff --git a/...isabled/cdk-drag-drop-disabled-example.ts → ...isabled/cdk-drag-drop-disabled-example.ts b/...isabled/cdk-drag-drop-disabled-example.ts → ...isabled/cdk-drag-drop-disabled-example.ts
diff --git a/...cdk-drag-drop-enter-predicate-example.css → ...cdk-drag-drop-enter-predicate-example.css b/...cdk-drag-drop-enter-predicate-example.css → ...cdk-drag-drop-enter-predicate-example.css
diff --git a/...dk-drag-drop-enter-predicate-example.html → ...dk-drag-drop-enter-predicate-example.html b/...dk-drag-drop-enter-predicate-example.html → ...dk-drag-drop-enter-predicate-example.html
diff --git a/.../cdk-drag-drop-enter-predicate-example.ts → .../cdk-drag-drop-enter-predicate-example.ts b/.../cdk-drag-drop-enter-predicate-example.ts → .../cdk-drag-drop-enter-predicate-example.ts
diff --git a/...-drag-drop-free-drag-position-example.css → ...-drag-drop-free-drag-position-example.css b/...-drag-drop-free-drag-position-example.css → ...-drag-drop-free-drag-position-example.css
diff --git a/...drag-drop-free-drag-position-example.html → ...drag-drop-free-drag-position-example.html b/...drag-drop-free-drag-position-example.html → ...drag-drop-free-drag-position-example.html
diff --git a/...k-drag-drop-free-drag-position-example.ts → ...k-drag-drop-free-drag-position-example.ts b/...k-drag-drop-free-drag-position-example.ts → ...k-drag-drop-free-drag-position-example.ts
diff --git a/...p-handle/cdk-drag-drop-handle-example.css → ...p-handle/cdk-drag-drop-handle-example.css b/...p-handle/cdk-drag-drop-handle-example.css → ...p-handle/cdk-drag-drop-handle-example.css
diff --git a/...-handle/cdk-drag-drop-handle-example.html → ...-handle/cdk-drag-drop-handle-example.html b/...-handle/cdk-drag-drop-handle-example.html → ...-handle/cdk-drag-drop-handle-example.html
diff --git a/...op-handle/cdk-drag-drop-handle-example.ts → ...op-handle/cdk-drag-drop-handle-example.ts b/...op-handle/cdk-drag-drop-handle-example.ts → ...op-handle/cdk-drag-drop-handle-example.ts
diff --git a/...-drag-drop-horizontal-sorting-example.css → ...-drag-drop-horizontal-sorting-example.css b/...-drag-drop-horizontal-sorting-example.css → ...-drag-drop-horizontal-sorting-example.css
diff --git a/...drag-drop-horizontal-sorting-example.html → ...drag-drop-horizontal-sorting-example.html b/...drag-drop-horizontal-sorting-example.html → ...drag-drop-horizontal-sorting-example.html
diff --git a/...k-drag-drop-horizontal-sorting-example.ts → ...k-drag-drop-horizontal-sorting-example.ts b/...k-drag-drop-horizontal-sorting-example.ts → ...k-drag-drop-horizontal-sorting-example.ts
diff --git a/...erview/cdk-drag-drop-overview-example.css → ...erview/cdk-drag-drop-overview-example.css b/...erview/cdk-drag-drop-overview-example.css → ...erview/cdk-drag-drop-overview-example.css
diff --git a/...rview/cdk-drag-drop-overview-example.html → ...rview/cdk-drag-drop-overview-example.html b/...rview/cdk-drag-drop-overview-example.html → ...rview/cdk-drag-drop-overview-example.html
diff --git a/...verview/cdk-drag-drop-overview-example.ts → ...verview/cdk-drag-drop-overview-example.ts b/...verview/cdk-drag-drop-overview-example.ts → ...verview/cdk-drag-drop-overview-example.ts
diff --git a/...nt/cdk-drag-drop-root-element-example.css → ...nt/cdk-drag-drop-root-element-example.css b/...nt/cdk-drag-drop-root-element-example.css → ...nt/cdk-drag-drop-root-element-example.css
diff --git a/...t/cdk-drag-drop-root-element-example.html → ...t/cdk-drag-drop-root-element-example.html b/...t/cdk-drag-drop-root-element-example.html → ...t/cdk-drag-drop-root-element-example.html
diff --git a/...ent/cdk-drag-drop-root-element-example.ts → ...ent/cdk-drag-drop-root-element-example.ts b/...ent/cdk-drag-drop-root-element-example.ts → ...ent/cdk-drag-drop-root-element-example.ts
diff --git a/...sorting/cdk-drag-drop-sorting-example.css → ...sorting/cdk-drag-drop-sorting-example.css b/...sorting/cdk-drag-drop-sorting-example.css → ...sorting/cdk-drag-drop-sorting-example.css
diff --git a/...orting/cdk-drag-drop-sorting-example.html → ...orting/cdk-drag-drop-sorting-example.html b/...orting/cdk-drag-drop-sorting-example.html → ...orting/cdk-drag-drop-sorting-example.html
diff --git a/...-sorting/cdk-drag-drop-sorting-example.ts → ...-sorting/cdk-drag-drop-sorting-example.ts b/...-sorting/cdk-drag-drop-sorting-example.ts → ...-sorting/cdk-drag-drop-sorting-example.ts
diff --git a/...material-examples/cdk/drag-drop/module.ts → ...omponents-examples/cdk/drag-drop/index.ts b/...material-examples/cdk/drag-drop/module.ts → ...omponents-examples/cdk/drag-drop/index.ts
diff --git a/...aterial-examples/cdk/platform/BUILD.bazel → ...ponents-examples/cdk/platform/BUILD.bazel b/...aterial-examples/cdk/platform/BUILD.bazel → ...ponents-examples/cdk/platform/BUILD.bazel
@@ -9,7 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
-    module_name = "@angular/material-examples/cdk/platform",
+    module_name = "@angular/components-examples/cdk/platform",
     deps = [
         "//src/cdk/platform",
     ],
@@ -18,8 +18,8 @@ ng_module(
 filegroup(
     name = "source-files",
     srcs = glob([
-        "*/*.html",
-        "*/*.css",
-        "*/*.ts",
+        "**/*.html",
+        "**/*.css",
+        "**/*.ts",
     ]),
 )
diff --git a/...verview/cdk-platform-overview-example.css → ...verview/cdk-platform-overview-example.css b/...verview/cdk-platform-overview-example.css → ...verview/cdk-platform-overview-example.css
diff --git a/...erview/cdk-platform-overview-example.html → ...erview/cdk-platform-overview-example.html b/...erview/cdk-platform-overview-example.html → ...erview/cdk-platform-overview-example.html
diff --git a/...overview/cdk-platform-overview-example.ts → ...overview/cdk-platform-overview-example.ts b/...overview/cdk-platform-overview-example.ts → ...overview/cdk-platform-overview-example.ts
diff --git a/src/material-examples/cdk/platform/module.ts → ...components-examples/cdk/platform/index.ts b/src/material-examples/cdk/platform/module.ts → ...components-examples/cdk/platform/index.ts
diff --git a/src/material-examples/cdk/portal/BUILD.bazel → ...omponents-examples/cdk/portal/BUILD.bazel b/src/material-examples/cdk/portal/BUILD.bazel → ...omponents-examples/cdk/portal/BUILD.bazel
@@ -9,7 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
-    module_name = "@angular/material-examples/cdk/portal",
+    module_name = "@angular/components-examples/cdk/portal",
     deps = [
         "//src/cdk/portal",
     ],
@@ -18,8 +18,8 @@ ng_module(
 filegroup(
     name = "source-files",
     srcs = glob([
-        "*/*.html",
-        "*/*.css",
-        "*/*.ts",
+        "**/*.html",
+        "**/*.css",
+        "**/*.ts",
     ]),
 )
diff --git a/...-overview/cdk-portal-overview-example.css → ...-overview/cdk-portal-overview-example.css b/...-overview/cdk-portal-overview-example.css → ...-overview/cdk-portal-overview-example.css
diff --git a/...overview/cdk-portal-overview-example.html → ...overview/cdk-portal-overview-example.html b/...overview/cdk-portal-overview-example.html → ...overview/cdk-portal-overview-example.html
diff --git a/...l-overview/cdk-portal-overview-example.ts → ...l-overview/cdk-portal-overview-example.ts b/...l-overview/cdk-portal-overview-example.ts → ...l-overview/cdk-portal-overview-example.ts
diff --git a/src/material-examples/cdk/portal/module.ts → src/components-examples/cdk/portal/index.ts b/src/material-examples/cdk/portal/module.ts → src/components-examples/cdk/portal/index.ts
diff --git a/...terial-examples/cdk/scrolling/BUILD.bazel → ...onents-examples/cdk/scrolling/BUILD.bazel b/...terial-examples/cdk/scrolling/BUILD.bazel → ...onents-examples/cdk/scrolling/BUILD.bazel
@@ -9,7 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
-    module_name = "@angular/material-examples/cdk/scrolling",
+    module_name = "@angular/components-examples/cdk/scrolling",
     deps = [
         "//src/cdk/scrolling",
     ],
@@ -18,8 +18,8 @@ ng_module(
 filegroup(
     name = "source-files",
     srcs = glob([
-        "*/*.html",
-        "*/*.css",
-        "*/*.ts",
+        "**/*.html",
+        "**/*.css",
+        "**/*.ts",
     ]),
 )
diff --git a/...xt/cdk-virtual-scroll-context-example.css → ...xt/cdk-virtual-scroll-context-example.css b/...xt/cdk-virtual-scroll-context-example.css → ...xt/cdk-virtual-scroll-context-example.css
diff --git a/...t/cdk-virtual-scroll-context-example.html → ...t/cdk-virtual-scroll-context-example.html b/...t/cdk-virtual-scroll-context-example.html → ...t/cdk-virtual-scroll-context-example.html
diff --git a/...ext/cdk-virtual-scroll-context-example.ts → ...ext/cdk-virtual-scroll-context-example.ts b/...ext/cdk-virtual-scroll-context-example.ts → ...ext/cdk-virtual-scroll-context-example.ts
diff --git a/...irtual-scroll-custom-strategy-example.css → ...irtual-scroll-custom-strategy-example.css b/...irtual-scroll-custom-strategy-example.css → ...irtual-scroll-custom-strategy-example.css
diff --git a/...rtual-scroll-custom-strategy-example.html → ...rtual-scroll-custom-strategy-example.html b/...rtual-scroll-custom-strategy-example.html → ...rtual-scroll-custom-strategy-example.html
diff --git a/...virtual-scroll-custom-strategy-example.ts → ...virtual-scroll-custom-strategy-example.ts b/...virtual-scroll-custom-strategy-example.ts → ...virtual-scroll-custom-strategy-example.ts
diff --git a/...dk-virtual-scroll-data-source-example.css → ...dk-virtual-scroll-data-source-example.css b/...dk-virtual-scroll-data-source-example.css → ...dk-virtual-scroll-data-source-example.css
diff --git a/...k-virtual-scroll-data-source-example.html → ...k-virtual-scroll-data-source-example.html b/...k-virtual-scroll-data-source-example.html → ...k-virtual-scroll-data-source-example.html
diff --git a/...cdk-virtual-scroll-data-source-example.ts → ...cdk-virtual-scroll-data-source-example.ts b/...cdk-virtual-scroll-data-source-example.ts → ...cdk-virtual-scroll-data-source-example.ts
diff --git a/...roll-dl/cdk-virtual-scroll-dl-example.css → ...roll-dl/cdk-virtual-scroll-dl-example.css b/...roll-dl/cdk-virtual-scroll-dl-example.css → ...roll-dl/cdk-virtual-scroll-dl-example.css
diff --git a/...oll-dl/cdk-virtual-scroll-dl-example.html → ...oll-dl/cdk-virtual-scroll-dl-example.html b/...oll-dl/cdk-virtual-scroll-dl-example.html → ...oll-dl/cdk-virtual-scroll-dl-example.html
diff --git a/...croll-dl/cdk-virtual-scroll-dl-example.ts → ...croll-dl/cdk-virtual-scroll-dl-example.ts b/...croll-dl/cdk-virtual-scroll-dl-example.ts → ...croll-dl/cdk-virtual-scroll-dl-example.ts
diff --git a/...k-virtual-scroll-fixed-buffer-example.css → ...k-virtual-scroll-fixed-buffer-example.css b/...k-virtual-scroll-fixed-buffer-example.css → ...k-virtual-scroll-fixed-buffer-example.css
diff --git a/...-virtual-scroll-fixed-buffer-example.html → ...-virtual-scroll-fixed-buffer-example.html b/...-virtual-scroll-fixed-buffer-example.html → ...-virtual-scroll-fixed-buffer-example.html
diff --git a/...dk-virtual-scroll-fixed-buffer-example.ts → ...dk-virtual-scroll-fixed-buffer-example.ts b/...dk-virtual-scroll-fixed-buffer-example.ts → ...dk-virtual-scroll-fixed-buffer-example.ts
diff --git a/...cdk-virtual-scroll-horizontal-example.css → ...cdk-virtual-scroll-horizontal-example.css b/...cdk-virtual-scroll-horizontal-example.css → ...cdk-virtual-scroll-horizontal-example.css
diff --git a/...dk-virtual-scroll-horizontal-example.html → ...dk-virtual-scroll-horizontal-example.html b/...dk-virtual-scroll-horizontal-example.html → ...dk-virtual-scroll-horizontal-example.html
diff --git a/.../cdk-virtual-scroll-horizontal-example.ts → .../cdk-virtual-scroll-horizontal-example.ts b/.../cdk-virtual-scroll-horizontal-example.ts → .../cdk-virtual-scroll-horizontal-example.ts
diff --git a/...w/cdk-virtual-scroll-overview-example.css → ...w/cdk-virtual-scroll-overview-example.css b/...w/cdk-virtual-scroll-overview-example.css → ...w/cdk-virtual-scroll-overview-example.css
diff --git a/.../cdk-virtual-scroll-overview-example.html → .../cdk-virtual-scroll-overview-example.html b/.../cdk-virtual-scroll-overview-example.html → .../cdk-virtual-scroll-overview-example.html
diff --git a/...ew/cdk-virtual-scroll-overview-example.ts → ...ew/cdk-virtual-scroll-overview-example.ts b/...ew/cdk-virtual-scroll-overview-example.ts → ...ew/cdk-virtual-scroll-overview-example.ts
diff --git a/...virtual-scroll-template-cache-example.css → ...virtual-scroll-template-cache-example.css b/...virtual-scroll-template-cache-example.css → ...virtual-scroll-template-cache-example.css
diff --git a/...irtual-scroll-template-cache-example.html → ...irtual-scroll-template-cache-example.html b/...irtual-scroll-template-cache-example.html → ...irtual-scroll-template-cache-example.html
diff --git a/...-virtual-scroll-template-cache-example.ts → ...-virtual-scroll-template-cache-example.ts b/...-virtual-scroll-template-cache-example.ts → ...-virtual-scroll-template-cache-example.ts
diff --git a/...material-examples/cdk/scrolling/module.ts → ...omponents-examples/cdk/scrolling/index.ts b/...material-examples/cdk/scrolling/module.ts → ...omponents-examples/cdk/scrolling/index.ts
diff --git a/...material-examples/cdk/stepper/BUILD.bazel → ...mponents-examples/cdk/stepper/BUILD.bazel b/...material-examples/cdk/stepper/BUILD.bazel → ...mponents-examples/cdk/stepper/BUILD.bazel
@@ -9,7 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
-    module_name = "@angular/material-examples/cdk/stepper",
+    module_name = "@angular/components-examples/cdk/stepper",
     deps = [
         "//src/cdk/stepper",
     ],
@@ -18,8 +18,8 @@ ng_module(
 filegroup(
     name = "source-files",
     srcs = glob([
-        "*/*.html",
-        "*/*.css",
-        "*/*.ts",
+        "**/*.html",
+        "**/*.css",
+        "**/*.ts",
     ]),
 )
diff --git a/...k-custom-stepper-without-form-example.css → ...k-custom-stepper-without-form-example.css b/...k-custom-stepper-without-form-example.css → ...k-custom-stepper-without-form-example.css
diff --git a/...-custom-stepper-without-form-example.html → ...-custom-stepper-without-form-example.html b/...-custom-stepper-without-form-example.html → ...-custom-stepper-without-form-example.html
diff --git a/...dk-custom-stepper-without-form-example.ts → ...dk-custom-stepper-without-form-example.ts b/...dk-custom-stepper-without-form-example.ts → ...dk-custom-stepper-without-form-example.ts
diff --git a/...r-without-form/example-custom-stepper.css → ...r-without-form/example-custom-stepper.css b/...r-without-form/example-custom-stepper.css → ...r-without-form/example-custom-stepper.css
diff --git a/...-without-form/example-custom-stepper.html → ...-without-form/example-custom-stepper.html b/...-without-form/example-custom-stepper.html → ...-without-form/example-custom-stepper.html
diff --git a/src/material-examples/cdk/stepper/module.ts → src/components-examples/cdk/stepper/index.ts b/src/material-examples/cdk/stepper/module.ts → src/components-examples/cdk/stepper/index.ts
diff --git a/src/material-examples/cdk/table/BUILD.bazel → ...components-examples/cdk/table/BUILD.bazel b/src/material-examples/cdk/table/BUILD.bazel → ...components-examples/cdk/table/BUILD.bazel
@@ -9,7 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
-    module_name = "@angular/material-examples/cdk/table",
+    module_name = "@angular/components-examples/cdk/table",
     deps = [
         "//src/cdk/table",
     ],
@@ -18,8 +18,8 @@ ng_module(
 filegroup(
     name = "source-files",
     srcs = glob([
-        "*/*.html",
-        "*/*.css",
-        "*/*.ts",
+        "**/*.html",
+        "**/*.css",
+        "**/*.ts",
     ]),
 )
diff --git a/...sic-flex/cdk-table-basic-flex-example.css → ...sic-flex/cdk-table-basic-flex-example.css b/...sic-flex/cdk-table-basic-flex-example.css → ...sic-flex/cdk-table-basic-flex-example.css
diff --git a/...ic-flex/cdk-table-basic-flex-example.html → ...ic-flex/cdk-table-basic-flex-example.html b/...ic-flex/cdk-table-basic-flex-example.html → ...ic-flex/cdk-table-basic-flex-example.html
diff --git a/...asic-flex/cdk-table-basic-flex-example.ts → ...asic-flex/cdk-table-basic-flex-example.ts b/...asic-flex/cdk-table-basic-flex-example.ts → ...asic-flex/cdk-table-basic-flex-example.ts
diff --git a/...k-table-basic/cdk-table-basic-example.css → ...k-table-basic/cdk-table-basic-example.css b/...k-table-basic/cdk-table-basic-example.css → ...k-table-basic/cdk-table-basic-example.css
diff --git a/...-table-basic/cdk-table-basic-example.html → ...-table-basic/cdk-table-basic-example.html b/...-table-basic/cdk-table-basic-example.html → ...-table-basic/cdk-table-basic-example.html
diff --git a/...dk-table-basic/cdk-table-basic-example.ts → ...dk-table-basic/cdk-table-basic-example.ts b/...dk-table-basic/cdk-table-basic-example.ts → ...dk-table-basic/cdk-table-basic-example.ts
diff --git a/src/material-examples/cdk/table/module.ts → src/components-examples/cdk/table/index.ts b/src/material-examples/cdk/table/module.ts → src/components-examples/cdk/table/index.ts