diff --git a/.circleci/bazel.rc b/.circleci/bazel.rc index bf3b08cd6e91..b5866269712c 100644 --- a/.circleci/bazel.rc +++ b/.circleci/bazel.rc @@ -9,3 +9,11 @@ common --announce_rc # Save downloaded repositories in a location that can be cached by CircleCI. This helps us # speeding up the analysis time significantly with Bazel managed node dependencies on the CI. build --repository_cache=/home/circleci/bazel_repository_cache + +# Workaround https://github.com/bazelbuild/bazel/issues/3645. Bazel doesn't calculate the +# memory ceiling correctly when running under Docker. Limit Bazel to consuming resources that +# fit in CircleCI "xlarge" class. https://circleci.com/docs/2.0/configuration-reference/#resource_class +# Note that we use less than the available RAM as bazel only estimates memory for actions +# and we don't want to accidentally run out of memory. +build --local_ram_resources=14336 +build --local_cpu_resources=8 diff --git a/.circleci/config.yml b/.circleci/config.yml index c582f29e84d5..bf7c6746a2b4 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -151,7 +151,7 @@ jobs: - *yarn_install - *setup_bazel_binary - - run: bazel build src/... --build_tag_filters=-docs-package + - run: bazel build src/... # -------------------------------------------------------------------------------------------- # Job that runs ts-api-guardian against our API goldens in "tools/public_api_guard". diff --git a/src/material-examples/BUILD.bazel b/src/material-examples/BUILD.bazel index c7eaa86b037a..9b27802c797d 100644 --- a/src/material-examples/BUILD.bazel +++ b/src/material-examples/BUILD.bazel @@ -1,39 +1,72 @@ package(default_visibility = ["//visibility:public"]) -load("//:packages.bzl", "CDK_EXPERIMENTAL_TARGETS", "CDK_TARGETS", "MATERIAL_EXPERIMENTAL_TARGETS", "MATERIAL_PACKAGES", "ROLLUP_GLOBALS") +load("//:packages.bzl", "ROLLUP_GLOBALS") 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. + "//src/material-examples/cdk/a11y", + "//src/material-examples/cdk/drag-drop", + "//src/material-examples/cdk/platform", + "//src/material-examples/cdk/popover-edit", + "//src/material-examples/cdk/portal", + "//src/material-examples/cdk/scrolling", + "//src/material-examples/cdk/stepper", + "//src/material-examples/cdk/table", + "//src/material-examples/cdk/text-field", + "//src/material-examples/cdk/tree", + "//src/material-examples/material/autocomplete", + "//src/material-examples/material/badge", + "//src/material-examples/material/bottom-sheet", + "//src/material-examples/material/button", + "//src/material-examples/material/button-toggle", + "//src/material-examples/material/card", + "//src/material-examples/material/checkbox", + "//src/material-examples/material/chips", + "//src/material-examples/material/core", + "//src/material-examples/material/datepicker", + "//src/material-examples/material/dialog", + "//src/material-examples/material/divider", + "//src/material-examples/material/expansion", + "//src/material-examples/material/form-field", + "//src/material-examples/material/grid-list", + "//src/material-examples/material/icon", + "//src/material-examples/material/input", + "//src/material-examples/material/list", + "//src/material-examples/material/menu", + "//src/material-examples/material/paginator", + "//src/material-examples/material/popover-edit", + "//src/material-examples/material/progress-bar", + "//src/material-examples/material/progress-spinner", + "//src/material-examples/material/radio", + "//src/material-examples/material/select", + "//src/material-examples/material/sidenav", + "//src/material-examples/material/slide-toggle", + "//src/material-examples/material/slider", + "//src/material-examples/material/snack-bar", + "//src/material-examples/material/sort", + "//src/material-examples/material/stepper", + "//src/material-examples/material/table", + "//src/material-examples/material/tabs", + "//src/material-examples/material/toolbar", + "//src/material-examples/material/tooltip", + "//src/material-examples/material/tree", +] + ng_module( name = "examples", # TODO(paul): re-add the example-module genfile once angular/angular#30259 is resolved. srcs = glob(["**/*.ts"]), - assets = glob([ - "**/*.html", - "**/*.css", - ]), module_name = "@angular/material-examples", - # Specify the tsconfig that is also used by Gulp. We need to explicitly use this tsconfig - # because in order to import Moment with TypeScript, some specific options need to be set. - tsconfig = ":tsconfig-build.json", - deps = [ - "@npm//@angular/animations", - "@npm//@angular/common", - "@npm//@angular/core", - "@npm//@angular/forms", - "@npm//moment", - "//src/material-moment-adapter", - ] + CDK_TARGETS + CDK_EXPERIMENTAL_TARGETS + MATERIAL_EXPERIMENTAL_TARGETS + ["//src/material/%s" % p for p in MATERIAL_PACKAGES], + deps = EXAMPLE_PACKAGES, ) filegroup( name = "example-source-files", - srcs = glob([ - "*/*.html", - "*/*.css", - "*/*.ts", - ]), + srcs = ["%s:source-files" % pkg for pkg in EXAMPLE_PACKAGES], ) highlight_files( diff --git a/src/material-examples/cdk/a11y/BUILD.bazel b/src/material-examples/cdk/a11y/BUILD.bazel new file mode 100644 index 000000000000..cd9752fe8c29 --- /dev/null +++ b/src/material-examples/cdk/a11y/BUILD.bazel @@ -0,0 +1,25 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "a11y", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk/a11y", + "//src/material/select", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/focus-monitor-directives/focus-monitor-directives-example.css b/src/material-examples/cdk/a11y/focus-monitor-directives/focus-monitor-directives-example.css similarity index 100% rename from src/material-examples/focus-monitor-directives/focus-monitor-directives-example.css rename to src/material-examples/cdk/a11y/focus-monitor-directives/focus-monitor-directives-example.css diff --git a/src/material-examples/focus-monitor-directives/focus-monitor-directives-example.html b/src/material-examples/cdk/a11y/focus-monitor-directives/focus-monitor-directives-example.html similarity index 100% rename from src/material-examples/focus-monitor-directives/focus-monitor-directives-example.html rename to src/material-examples/cdk/a11y/focus-monitor-directives/focus-monitor-directives-example.html diff --git a/src/material-examples/focus-monitor-directives/focus-monitor-directives-example.ts b/src/material-examples/cdk/a11y/focus-monitor-directives/focus-monitor-directives-example.ts similarity index 100% rename from src/material-examples/focus-monitor-directives/focus-monitor-directives-example.ts rename to src/material-examples/cdk/a11y/focus-monitor-directives/focus-monitor-directives-example.ts diff --git a/src/material-examples/focus-monitor-focus-via/focus-monitor-focus-via-example.css b/src/material-examples/cdk/a11y/focus-monitor-focus-via/focus-monitor-focus-via-example.css similarity index 100% rename from src/material-examples/focus-monitor-focus-via/focus-monitor-focus-via-example.css rename to src/material-examples/cdk/a11y/focus-monitor-focus-via/focus-monitor-focus-via-example.css diff --git a/src/material-examples/focus-monitor-focus-via/focus-monitor-focus-via-example.html b/src/material-examples/cdk/a11y/focus-monitor-focus-via/focus-monitor-focus-via-example.html similarity index 100% rename from src/material-examples/focus-monitor-focus-via/focus-monitor-focus-via-example.html rename to src/material-examples/cdk/a11y/focus-monitor-focus-via/focus-monitor-focus-via-example.html diff --git a/src/material-examples/focus-monitor-focus-via/focus-monitor-focus-via-example.ts b/src/material-examples/cdk/a11y/focus-monitor-focus-via/focus-monitor-focus-via-example.ts similarity index 100% rename from src/material-examples/focus-monitor-focus-via/focus-monitor-focus-via-example.ts rename to src/material-examples/cdk/a11y/focus-monitor-focus-via/focus-monitor-focus-via-example.ts diff --git a/src/material-examples/focus-monitor-overview/focus-monitor-overview-example.css b/src/material-examples/cdk/a11y/focus-monitor-overview/focus-monitor-overview-example.css similarity index 100% rename from src/material-examples/focus-monitor-overview/focus-monitor-overview-example.css rename to src/material-examples/cdk/a11y/focus-monitor-overview/focus-monitor-overview-example.css diff --git a/src/material-examples/focus-monitor-overview/focus-monitor-overview-example.html b/src/material-examples/cdk/a11y/focus-monitor-overview/focus-monitor-overview-example.html similarity index 100% rename from src/material-examples/focus-monitor-overview/focus-monitor-overview-example.html rename to src/material-examples/cdk/a11y/focus-monitor-overview/focus-monitor-overview-example.html diff --git a/src/material-examples/focus-monitor-overview/focus-monitor-overview-example.ts b/src/material-examples/cdk/a11y/focus-monitor-overview/focus-monitor-overview-example.ts similarity index 100% rename from src/material-examples/focus-monitor-overview/focus-monitor-overview-example.ts rename to src/material-examples/cdk/a11y/focus-monitor-overview/focus-monitor-overview-example.ts diff --git a/src/material-examples/cdk/a11y/module.ts b/src/material-examples/cdk/a11y/module.ts new file mode 100644 index 000000000000..b8724f5ac8ea --- /dev/null +++ b/src/material-examples/cdk/a11y/module.ts @@ -0,0 +1,27 @@ +import {A11yModule} from '@angular/cdk/a11y'; +import {NgModule} from '@angular/core'; +import {MatSelectModule} from '@angular/material/select'; +import { + FocusMonitorDirectivesExample +} from './focus-monitor-directives/focus-monitor-directives-example'; +import { + FocusMonitorFocusViaExample +} from './focus-monitor-focus-via/focus-monitor-focus-via-example'; +import {FocusMonitorOverviewExample} from './focus-monitor-overview/focus-monitor-overview-example'; + +const EXAMPLES = [ + FocusMonitorDirectivesExample, + FocusMonitorFocusViaExample, + FocusMonitorOverviewExample, +]; + +@NgModule({ + imports: [ + A11yModule, + MatSelectModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class CdkA11yExamplesModule { +} diff --git a/src/material-examples/cdk/drag-drop/BUILD.bazel b/src/material-examples/cdk/drag-drop/BUILD.bazel new file mode 100644 index 000000000000..0a0e181d9c38 --- /dev/null +++ b/src/material-examples/cdk/drag-drop/BUILD.bazel @@ -0,0 +1,26 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "drag-drop", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk/drag-drop", + "//src/cdk/overlay", + "//src/cdk/portal", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.css diff --git a/src/material-examples/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.html diff --git a/src/material-examples/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.ts diff --git a/src/material-examples/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example.css diff --git a/src/material-examples/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example.html diff --git a/src/material-examples/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example.ts diff --git a/src/material-examples/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example.css diff --git a/src/material-examples/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example.html diff --git a/src/material-examples/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example.ts diff --git a/src/material-examples/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.css diff --git a/src/material-examples/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.html diff --git a/src/material-examples/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.ts diff --git a/src/material-examples/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example.css diff --git a/src/material-examples/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example.html diff --git a/src/material-examples/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example.ts diff --git a/src/material-examples/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.css diff --git a/src/material-examples/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.html diff --git a/src/material-examples/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.ts diff --git a/src/material-examples/cdk-drag-drop-delay/cdk-drag-drop-delay-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-delay/cdk-drag-drop-delay-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-delay/cdk-drag-drop-delay-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-delay/cdk-drag-drop-delay-example.css diff --git a/src/material-examples/cdk-drag-drop-delay/cdk-drag-drop-delay-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-delay/cdk-drag-drop-delay-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-delay/cdk-drag-drop-delay-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-delay/cdk-drag-drop-delay-example.html diff --git a/src/material-examples/cdk-drag-drop-delay/cdk-drag-drop-delay-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-delay/cdk-drag-drop-delay-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-delay/cdk-drag-drop-delay-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-delay/cdk-drag-drop-delay-example.ts diff --git a/src/material-examples/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example.css diff --git a/src/material-examples/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example.html diff --git a/src/material-examples/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example.ts diff --git a/src/material-examples/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example.css diff --git a/src/material-examples/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example.html diff --git a/src/material-examples/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example.ts diff --git a/src/material-examples/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example.css diff --git a/src/material-examples/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example.html diff --git a/src/material-examples/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example.ts diff --git a/src/material-examples/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example.css diff --git a/src/material-examples/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example.html diff --git a/src/material-examples/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example.ts diff --git a/src/material-examples/cdk-drag-drop-handle/cdk-drag-drop-handle-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-handle/cdk-drag-drop-handle-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-handle/cdk-drag-drop-handle-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-handle/cdk-drag-drop-handle-example.css diff --git a/src/material-examples/cdk-drag-drop-handle/cdk-drag-drop-handle-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-handle/cdk-drag-drop-handle-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-handle/cdk-drag-drop-handle-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-handle/cdk-drag-drop-handle-example.html diff --git a/src/material-examples/cdk-drag-drop-handle/cdk-drag-drop-handle-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-handle/cdk-drag-drop-handle-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-handle/cdk-drag-drop-handle-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-handle/cdk-drag-drop-handle-example.ts diff --git a/src/material-examples/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.css diff --git a/src/material-examples/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.html diff --git a/src/material-examples/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.ts diff --git a/src/material-examples/cdk-drag-drop-overview/cdk-drag-drop-overview-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-overview/cdk-drag-drop-overview-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-overview/cdk-drag-drop-overview-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-overview/cdk-drag-drop-overview-example.css diff --git a/src/material-examples/cdk-drag-drop-overview/cdk-drag-drop-overview-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-overview/cdk-drag-drop-overview-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-overview/cdk-drag-drop-overview-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-overview/cdk-drag-drop-overview-example.html diff --git a/src/material-examples/cdk-drag-drop-overview/cdk-drag-drop-overview-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-overview/cdk-drag-drop-overview-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-overview/cdk-drag-drop-overview-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-overview/cdk-drag-drop-overview-example.ts diff --git a/src/material-examples/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.css diff --git a/src/material-examples/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.html diff --git a/src/material-examples/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.ts diff --git a/src/material-examples/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.css b/src/material-examples/cdk/drag-drop/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.css similarity index 100% rename from src/material-examples/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.css rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.css diff --git a/src/material-examples/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.html b/src/material-examples/cdk/drag-drop/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.html similarity index 100% rename from src/material-examples/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.html rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.html diff --git a/src/material-examples/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.ts b/src/material-examples/cdk/drag-drop/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.ts similarity index 100% rename from src/material-examples/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.ts rename to src/material-examples/cdk/drag-drop/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.ts diff --git a/src/material-examples/cdk/drag-drop/module.ts b/src/material-examples/cdk/drag-drop/module.ts new file mode 100644 index 000000000000..a4589a86ab56 --- /dev/null +++ b/src/material-examples/cdk/drag-drop/module.ts @@ -0,0 +1,71 @@ +import {DragDropModule} from '@angular/cdk/drag-drop'; +import {OverlayModule} from '@angular/cdk/overlay'; +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import { + CdkDragDropAxisLockExample +} from './cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example'; +import {CdkDragDropBoundaryExample} from './cdk-drag-drop-boundary/cdk-drag-drop-boundary-example'; +import { + CdkDragDropConnectedSortingGroupExample +} from './cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example'; +import { + CdkDragDropConnectedSortingExample +} from './cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example'; +import { + CdkDragDropCustomPlaceholderExample +} from './cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example'; +import { + CdkDragDropCustomPreviewExample +} from './cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example'; +import {CdkDragDropDelayExample} from './cdk-drag-drop-delay/cdk-drag-drop-delay-example'; +import { + CdkDragDropDisabledSortingExample +} from './cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example'; +import {CdkDragDropDisabledExample} from './cdk-drag-drop-disabled/cdk-drag-drop-disabled-example'; +import { + CdkDragDropEnterPredicateExample +} from './cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example'; +import { + CdkDragDropFreeDragPositionExample +} from './cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example'; +import {CdkDragDropHandleExample} from './cdk-drag-drop-handle/cdk-drag-drop-handle-example'; +import { + CdkDragDropHorizontalSortingExample +} from './cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example'; +import {CdkDragDropOverviewExample} from './cdk-drag-drop-overview/cdk-drag-drop-overview-example'; +import { + CdkDragDropRootElementExample +} from './cdk-drag-drop-root-element/cdk-drag-drop-root-element-example'; +import {CdkDragDropSortingExample} from './cdk-drag-drop-sorting/cdk-drag-drop-sorting-example'; + +const EXAMPLES = [ + CdkDragDropAxisLockExample, + CdkDragDropBoundaryExample, + CdkDragDropConnectedSortingExample, + CdkDragDropConnectedSortingGroupExample, + CdkDragDropCustomPlaceholderExample, + CdkDragDropCustomPreviewExample, + CdkDragDropDelayExample, + CdkDragDropDisabledExample, + CdkDragDropDisabledSortingExample, + CdkDragDropEnterPredicateExample, + CdkDragDropFreeDragPositionExample, + CdkDragDropHandleExample, + CdkDragDropHorizontalSortingExample, + CdkDragDropOverviewExample, + CdkDragDropRootElementExample, + CdkDragDropSortingExample, +]; + +@NgModule({ + imports: [ + DragDropModule, + OverlayModule, + CommonModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class CdkDragDropExamplesModule { +} diff --git a/src/material-examples/cdk/platform/BUILD.bazel b/src/material-examples/cdk/platform/BUILD.bazel new file mode 100644 index 000000000000..2d40808c3b18 --- /dev/null +++ b/src/material-examples/cdk/platform/BUILD.bazel @@ -0,0 +1,24 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "platform", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk/platform", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/cdk-platform-overview/cdk-platform-overview-example.css b/src/material-examples/cdk/platform/cdk-platform-overview/cdk-platform-overview-example.css similarity index 100% rename from src/material-examples/cdk-platform-overview/cdk-platform-overview-example.css rename to src/material-examples/cdk/platform/cdk-platform-overview/cdk-platform-overview-example.css diff --git a/src/material-examples/cdk-platform-overview/cdk-platform-overview-example.html b/src/material-examples/cdk/platform/cdk-platform-overview/cdk-platform-overview-example.html similarity index 100% rename from src/material-examples/cdk-platform-overview/cdk-platform-overview-example.html rename to src/material-examples/cdk/platform/cdk-platform-overview/cdk-platform-overview-example.html diff --git a/src/material-examples/cdk-platform-overview/cdk-platform-overview-example.ts b/src/material-examples/cdk/platform/cdk-platform-overview/cdk-platform-overview-example.ts similarity index 100% rename from src/material-examples/cdk-platform-overview/cdk-platform-overview-example.ts rename to src/material-examples/cdk/platform/cdk-platform-overview/cdk-platform-overview-example.ts diff --git a/src/material-examples/cdk/platform/module.ts b/src/material-examples/cdk/platform/module.ts new file mode 100644 index 000000000000..d0de15f0bf10 --- /dev/null +++ b/src/material-examples/cdk/platform/module.ts @@ -0,0 +1,15 @@ +import {PlatformModule} from '@angular/cdk/platform'; +import {NgModule} from '@angular/core'; +import {CdkPlatformOverviewExample} from './cdk-platform-overview/cdk-platform-overview-example'; + +const EXAMPLES = [CdkPlatformOverviewExample]; + +@NgModule({ + imports: [ + PlatformModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class CdkPlatformExamplesModule { +} diff --git a/src/material-examples/cdk/popover-edit/BUILD.bazel b/src/material-examples/cdk/popover-edit/BUILD.bazel new file mode 100644 index 000000000000..4ccdfbbafa9b --- /dev/null +++ b/src/material-examples/cdk/popover-edit/BUILD.bazel @@ -0,0 +1,27 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "popover-edit", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk-experimental/popover-edit", + "//src/cdk/collections", + "//src/cdk/table", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example.css b/src/material-examples/cdk/popover-edit/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example.css similarity index 100% rename from src/material-examples/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example.css rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example.css diff --git a/src/material-examples/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example.html b/src/material-examples/cdk/popover-edit/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example.html similarity index 100% rename from src/material-examples/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example.html rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example.html diff --git a/src/material-examples/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example.ts b/src/material-examples/cdk/popover-edit/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example.ts similarity index 100% rename from src/material-examples/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example.ts rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example.ts diff --git a/src/material-examples/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example.css b/src/material-examples/cdk/popover-edit/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example.css similarity index 100% rename from src/material-examples/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example.css rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example.css diff --git a/src/material-examples/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example.html b/src/material-examples/cdk/popover-edit/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example.html similarity index 100% rename from src/material-examples/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example.html rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example.html diff --git a/src/material-examples/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example.ts b/src/material-examples/cdk/popover-edit/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example.ts similarity index 100% rename from src/material-examples/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example.ts rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example.ts diff --git a/src/material-examples/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example.css b/src/material-examples/cdk/popover-edit/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example.css similarity index 100% rename from src/material-examples/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example.css rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example.css diff --git a/src/material-examples/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example.html b/src/material-examples/cdk/popover-edit/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example.html similarity index 100% rename from src/material-examples/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example.html rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example.html diff --git a/src/material-examples/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example.ts b/src/material-examples/cdk/popover-edit/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example.ts similarity index 100% rename from src/material-examples/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example.ts rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example.ts diff --git a/src/material-examples/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example.css b/src/material-examples/cdk/popover-edit/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example.css similarity index 100% rename from src/material-examples/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example.css rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example.css diff --git a/src/material-examples/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example.html b/src/material-examples/cdk/popover-edit/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example.html similarity index 100% rename from src/material-examples/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example.html rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example.html diff --git a/src/material-examples/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example.ts b/src/material-examples/cdk/popover-edit/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example.ts similarity index 100% rename from src/material-examples/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example.ts rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example.ts diff --git a/src/material-examples/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example.css b/src/material-examples/cdk/popover-edit/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example.css similarity index 100% rename from src/material-examples/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example.css rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example.css diff --git a/src/material-examples/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example.html b/src/material-examples/cdk/popover-edit/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example.html similarity index 100% rename from src/material-examples/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example.html rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example.html diff --git a/src/material-examples/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example.ts b/src/material-examples/cdk/popover-edit/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example.ts similarity index 100% rename from src/material-examples/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example.ts rename to src/material-examples/cdk/popover-edit/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example.ts diff --git a/src/material-examples/cdk/popover-edit/module.ts b/src/material-examples/cdk/popover-edit/module.ts new file mode 100644 index 000000000000..b6c877b66a10 --- /dev/null +++ b/src/material-examples/cdk/popover-edit/module.ts @@ -0,0 +1,42 @@ +import {CdkPopoverEditModule} from '@angular/cdk-experimental/popover-edit'; +import {CdkTableModule} from '@angular/cdk/table'; +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import { + CdkPopoverEditCdkTableFlexExample +} from './cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example'; +import { + CdkPopoverEditCdkTableExample +} from './cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example'; +import { + CdkPopoverEditCellSpanVanillaTableExample +} from + './cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example'; +import { + CdkPopoverEditTabOutVanillaTableExample +} from './cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example'; +import { + CdkPopoverEditVanillaTableExample +} from './cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example'; + +const EXAMPLES = [ + CdkPopoverEditCdkTableExample, + CdkPopoverEditCdkTableFlexExample, + CdkPopoverEditCellSpanVanillaTableExample, + CdkPopoverEditTabOutVanillaTableExample, + CdkPopoverEditVanillaTableExample, +]; + +@NgModule({ + imports: [ + CdkPopoverEditModule, + CdkTableModule, + FormsModule, + CommonModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class CdkPopoverEditExamplesModule { +} diff --git a/src/material-examples/cdk/portal/BUILD.bazel b/src/material-examples/cdk/portal/BUILD.bazel new file mode 100644 index 000000000000..25d7846557fd --- /dev/null +++ b/src/material-examples/cdk/portal/BUILD.bazel @@ -0,0 +1,24 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "portal", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk/portal", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/cdk-portal-overview/cdk-portal-overview-example.css b/src/material-examples/cdk/portal/cdk-portal-overview/cdk-portal-overview-example.css similarity index 100% rename from src/material-examples/cdk-portal-overview/cdk-portal-overview-example.css rename to src/material-examples/cdk/portal/cdk-portal-overview/cdk-portal-overview-example.css diff --git a/src/material-examples/cdk-portal-overview/cdk-portal-overview-example.html b/src/material-examples/cdk/portal/cdk-portal-overview/cdk-portal-overview-example.html similarity index 100% rename from src/material-examples/cdk-portal-overview/cdk-portal-overview-example.html rename to src/material-examples/cdk/portal/cdk-portal-overview/cdk-portal-overview-example.html diff --git a/src/material-examples/cdk-portal-overview/cdk-portal-overview-example.ts b/src/material-examples/cdk/portal/cdk-portal-overview/cdk-portal-overview-example.ts similarity index 100% rename from src/material-examples/cdk-portal-overview/cdk-portal-overview-example.ts rename to src/material-examples/cdk/portal/cdk-portal-overview/cdk-portal-overview-example.ts diff --git a/src/material-examples/cdk/portal/module.ts b/src/material-examples/cdk/portal/module.ts new file mode 100644 index 000000000000..72a7fcda9eba --- /dev/null +++ b/src/material-examples/cdk/portal/module.ts @@ -0,0 +1,22 @@ +import {PortalModule} from '@angular/cdk/portal'; +import {NgModule} from '@angular/core'; +import { + CdkPortalOverviewExample, + ComponentPortalExample +} from './cdk-portal-overview/cdk-portal-overview-example'; + +const EXAMPLES = [ + CdkPortalOverviewExample, + ComponentPortalExample, +]; + +@NgModule({ + imports: [ + PortalModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, + entryComponents: [ComponentPortalExample] +}) +export class CdkPortalExamplesModule { +} diff --git a/src/material-examples/cdk/scrolling/BUILD.bazel b/src/material-examples/cdk/scrolling/BUILD.bazel new file mode 100644 index 000000000000..ae3ed07a532d --- /dev/null +++ b/src/material-examples/cdk/scrolling/BUILD.bazel @@ -0,0 +1,24 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "scrolling", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk/scrolling", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.css b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.css similarity index 100% rename from src/material-examples/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.css rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.css diff --git a/src/material-examples/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.html b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.html similarity index 100% rename from src/material-examples/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.html rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.html diff --git a/src/material-examples/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.ts b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.ts similarity index 100% rename from src/material-examples/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.ts rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.ts diff --git a/src/material-examples/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.css b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.css similarity index 100% rename from src/material-examples/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.css rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.css diff --git a/src/material-examples/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.html b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.html similarity index 100% rename from src/material-examples/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.html rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.html diff --git a/src/material-examples/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.ts b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.ts similarity index 100% rename from src/material-examples/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.ts rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.ts diff --git a/src/material-examples/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.css b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.css similarity index 100% rename from src/material-examples/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.css rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.css diff --git a/src/material-examples/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.html b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.html similarity index 100% rename from src/material-examples/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.html rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.html diff --git a/src/material-examples/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.ts b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.ts similarity index 100% rename from src/material-examples/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.ts rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.ts diff --git a/src/material-examples/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.css b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.css similarity index 100% rename from src/material-examples/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.css rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.css diff --git a/src/material-examples/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.html b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.html similarity index 100% rename from src/material-examples/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.html rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.html diff --git a/src/material-examples/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.ts b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.ts similarity index 100% rename from src/material-examples/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.ts rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.ts diff --git a/src/material-examples/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.css b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.css similarity index 100% rename from src/material-examples/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.css rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.css diff --git a/src/material-examples/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.html b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.html similarity index 100% rename from src/material-examples/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.html rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.html diff --git a/src/material-examples/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.ts b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.ts similarity index 100% rename from src/material-examples/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.ts rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.ts diff --git a/src/material-examples/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.css b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.css similarity index 100% rename from src/material-examples/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.css rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.css diff --git a/src/material-examples/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.html b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.html similarity index 100% rename from src/material-examples/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.html rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.html diff --git a/src/material-examples/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.ts b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.ts similarity index 100% rename from src/material-examples/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.ts rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.ts diff --git a/src/material-examples/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.css b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.css similarity index 100% rename from src/material-examples/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.css rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.css diff --git a/src/material-examples/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.html b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.html similarity index 100% rename from src/material-examples/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.html rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.html diff --git a/src/material-examples/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.ts b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.ts similarity index 100% rename from src/material-examples/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.ts rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.ts diff --git a/src/material-examples/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.css b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.css similarity index 100% rename from src/material-examples/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.css rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.css diff --git a/src/material-examples/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.html b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.html similarity index 100% rename from src/material-examples/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.html rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.html diff --git a/src/material-examples/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.ts b/src/material-examples/cdk/scrolling/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.ts similarity index 100% rename from src/material-examples/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.ts rename to src/material-examples/cdk/scrolling/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.ts diff --git a/src/material-examples/cdk/scrolling/module.ts b/src/material-examples/cdk/scrolling/module.ts new file mode 100644 index 000000000000..6b55fbcb4678 --- /dev/null +++ b/src/material-examples/cdk/scrolling/module.ts @@ -0,0 +1,45 @@ +import {ScrollingModule} from '@angular/cdk/scrolling'; +import {NgModule} from '@angular/core'; +import { + CdkVirtualScrollContextExample +} from './cdk-virtual-scroll-context/cdk-virtual-scroll-context-example'; +import { + CdkVirtualScrollCustomStrategyExample +} from './cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example'; +import { + CdkVirtualScrollDataSourceExample +} from './cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example'; +import {CdkVirtualScrollDlExample} from './cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example'; +import { + CdkVirtualScrollFixedBufferExample +} from './cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example'; +import { + CdkVirtualScrollHorizontalExample +} from './cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example'; +import { + CdkVirtualScrollOverviewExample +} from './cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example'; +import { + CdkVirtualScrollTemplateCacheExample +} from './cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example'; + +const EXAMPLES = [ + CdkVirtualScrollContextExample, + CdkVirtualScrollCustomStrategyExample, + CdkVirtualScrollDataSourceExample, + CdkVirtualScrollDlExample, + CdkVirtualScrollFixedBufferExample, + CdkVirtualScrollHorizontalExample, + CdkVirtualScrollOverviewExample, + CdkVirtualScrollTemplateCacheExample, +]; + +@NgModule({ + imports: [ + ScrollingModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class CdkScrollingExamplesModule { +} diff --git a/src/material-examples/cdk/stepper/BUILD.bazel b/src/material-examples/cdk/stepper/BUILD.bazel new file mode 100644 index 000000000000..c9dea5f86541 --- /dev/null +++ b/src/material-examples/cdk/stepper/BUILD.bazel @@ -0,0 +1,24 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "stepper", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk/stepper", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example.css b/src/material-examples/cdk/stepper/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example.css similarity index 100% rename from src/material-examples/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example.css rename to src/material-examples/cdk/stepper/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example.css diff --git a/src/material-examples/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example.html b/src/material-examples/cdk/stepper/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example.html similarity index 100% rename from src/material-examples/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example.html rename to src/material-examples/cdk/stepper/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example.html diff --git a/src/material-examples/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example.ts b/src/material-examples/cdk/stepper/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example.ts similarity index 100% rename from src/material-examples/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example.ts rename to src/material-examples/cdk/stepper/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example.ts diff --git a/src/material-examples/cdk-custom-stepper-without-form/example-custom-stepper.css b/src/material-examples/cdk/stepper/cdk-custom-stepper-without-form/example-custom-stepper.css similarity index 100% rename from src/material-examples/cdk-custom-stepper-without-form/example-custom-stepper.css rename to src/material-examples/cdk/stepper/cdk-custom-stepper-without-form/example-custom-stepper.css diff --git a/src/material-examples/cdk-custom-stepper-without-form/example-custom-stepper.html b/src/material-examples/cdk/stepper/cdk-custom-stepper-without-form/example-custom-stepper.html similarity index 100% rename from src/material-examples/cdk-custom-stepper-without-form/example-custom-stepper.html rename to src/material-examples/cdk/stepper/cdk-custom-stepper-without-form/example-custom-stepper.html diff --git a/src/material-examples/cdk/stepper/module.ts b/src/material-examples/cdk/stepper/module.ts new file mode 100644 index 000000000000..d2af02ef52e8 --- /dev/null +++ b/src/material-examples/cdk/stepper/module.ts @@ -0,0 +1,23 @@ +import {CdkStepperModule} from '@angular/cdk/stepper'; +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import { + CdkCustomStepperWithoutFormExample, + CustomStepper +} from './cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example'; + +const EXAMPLES = [ + CdkCustomStepperWithoutFormExample, + CustomStepper, +]; + +@NgModule({ + imports: [ + CdkStepperModule, + CommonModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class CdkStepperExamplesModule { +} diff --git a/src/material-examples/cdk/table/BUILD.bazel b/src/material-examples/cdk/table/BUILD.bazel new file mode 100644 index 000000000000..f5b37433a7b7 --- /dev/null +++ b/src/material-examples/cdk/table/BUILD.bazel @@ -0,0 +1,24 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "table", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk/table", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/cdk-table-basic-flex/cdk-table-basic-flex-example.css b/src/material-examples/cdk/table/cdk-table-basic-flex/cdk-table-basic-flex-example.css similarity index 100% rename from src/material-examples/cdk-table-basic-flex/cdk-table-basic-flex-example.css rename to src/material-examples/cdk/table/cdk-table-basic-flex/cdk-table-basic-flex-example.css diff --git a/src/material-examples/cdk-table-basic-flex/cdk-table-basic-flex-example.html b/src/material-examples/cdk/table/cdk-table-basic-flex/cdk-table-basic-flex-example.html similarity index 100% rename from src/material-examples/cdk-table-basic-flex/cdk-table-basic-flex-example.html rename to src/material-examples/cdk/table/cdk-table-basic-flex/cdk-table-basic-flex-example.html diff --git a/src/material-examples/cdk-table-basic-flex/cdk-table-basic-flex-example.ts b/src/material-examples/cdk/table/cdk-table-basic-flex/cdk-table-basic-flex-example.ts similarity index 100% rename from src/material-examples/cdk-table-basic-flex/cdk-table-basic-flex-example.ts rename to src/material-examples/cdk/table/cdk-table-basic-flex/cdk-table-basic-flex-example.ts diff --git a/src/material-examples/cdk-table-basic/cdk-table-basic-example.css b/src/material-examples/cdk/table/cdk-table-basic/cdk-table-basic-example.css similarity index 100% rename from src/material-examples/cdk-table-basic/cdk-table-basic-example.css rename to src/material-examples/cdk/table/cdk-table-basic/cdk-table-basic-example.css diff --git a/src/material-examples/cdk-table-basic/cdk-table-basic-example.html b/src/material-examples/cdk/table/cdk-table-basic/cdk-table-basic-example.html similarity index 100% rename from src/material-examples/cdk-table-basic/cdk-table-basic-example.html rename to src/material-examples/cdk/table/cdk-table-basic/cdk-table-basic-example.html diff --git a/src/material-examples/cdk-table-basic/cdk-table-basic-example.ts b/src/material-examples/cdk/table/cdk-table-basic/cdk-table-basic-example.ts similarity index 100% rename from src/material-examples/cdk-table-basic/cdk-table-basic-example.ts rename to src/material-examples/cdk/table/cdk-table-basic/cdk-table-basic-example.ts diff --git a/src/material-examples/cdk/table/module.ts b/src/material-examples/cdk/table/module.ts new file mode 100644 index 000000000000..b684a9e5c74d --- /dev/null +++ b/src/material-examples/cdk/table/module.ts @@ -0,0 +1,19 @@ +import {CdkTableModule} from '@angular/cdk/table'; +import {NgModule} from '@angular/core'; +import {CdkTableBasicFlexExample} from './cdk-table-basic-flex/cdk-table-basic-flex-example'; +import {CdkTableBasicExample} from './cdk-table-basic/cdk-table-basic-example'; + +const EXAMPLES = [ + CdkTableBasicExample, + CdkTableBasicFlexExample, +]; + +@NgModule({ + imports: [ + CdkTableModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class CdkTableExamplesModule { +} diff --git a/src/material-examples/cdk/text-field/BUILD.bazel b/src/material-examples/cdk/text-field/BUILD.bazel new file mode 100644 index 000000000000..e779205c9071 --- /dev/null +++ b/src/material-examples/cdk/text-field/BUILD.bazel @@ -0,0 +1,26 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "text-field", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk/text-field", + "//src/material/input", + "//src/material/select", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/cdk/text-field/module.ts b/src/material-examples/cdk/text-field/module.ts new file mode 100644 index 000000000000..9e40fc918c56 --- /dev/null +++ b/src/material-examples/cdk/text-field/module.ts @@ -0,0 +1,33 @@ +import {TextFieldModule} from '@angular/cdk/text-field'; +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {MatInputModule} from '@angular/material/input'; +import {MatSelectModule} from '@angular/material/select'; +import { + TextFieldAutofillDirectiveExample +} from './text-field-autofill-directive/text-field-autofill-directive-example'; +import { + TextFieldAutofillMonitorExample +} from './text-field-autofill-monitor/text-field-autofill-monitor-example'; +import { + TextFieldAutosizeTextareaExample +} from './text-field-autosize-textarea/text-field-autosize-textarea-example'; + +const EXAMPLES = [ + TextFieldAutofillDirectiveExample, + TextFieldAutofillMonitorExample, + TextFieldAutosizeTextareaExample, +]; + +@NgModule({ + imports: [ + CommonModule, + TextFieldModule, + MatInputModule, + MatSelectModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class CdkTextFieldExamplesModule { +} diff --git a/src/material-examples/text-field-autofill-directive/text-field-autofill-directive-example.css b/src/material-examples/cdk/text-field/text-field-autofill-directive/text-field-autofill-directive-example.css similarity index 100% rename from src/material-examples/text-field-autofill-directive/text-field-autofill-directive-example.css rename to src/material-examples/cdk/text-field/text-field-autofill-directive/text-field-autofill-directive-example.css diff --git a/src/material-examples/text-field-autofill-directive/text-field-autofill-directive-example.html b/src/material-examples/cdk/text-field/text-field-autofill-directive/text-field-autofill-directive-example.html similarity index 100% rename from src/material-examples/text-field-autofill-directive/text-field-autofill-directive-example.html rename to src/material-examples/cdk/text-field/text-field-autofill-directive/text-field-autofill-directive-example.html diff --git a/src/material-examples/text-field-autofill-directive/text-field-autofill-directive-example.ts b/src/material-examples/cdk/text-field/text-field-autofill-directive/text-field-autofill-directive-example.ts similarity index 100% rename from src/material-examples/text-field-autofill-directive/text-field-autofill-directive-example.ts rename to src/material-examples/cdk/text-field/text-field-autofill-directive/text-field-autofill-directive-example.ts diff --git a/src/material-examples/text-field-autofill-monitor/text-field-autofill-monitor-example.css b/src/material-examples/cdk/text-field/text-field-autofill-monitor/text-field-autofill-monitor-example.css similarity index 100% rename from src/material-examples/text-field-autofill-monitor/text-field-autofill-monitor-example.css rename to src/material-examples/cdk/text-field/text-field-autofill-monitor/text-field-autofill-monitor-example.css diff --git a/src/material-examples/text-field-autofill-monitor/text-field-autofill-monitor-example.html b/src/material-examples/cdk/text-field/text-field-autofill-monitor/text-field-autofill-monitor-example.html similarity index 100% rename from src/material-examples/text-field-autofill-monitor/text-field-autofill-monitor-example.html rename to src/material-examples/cdk/text-field/text-field-autofill-monitor/text-field-autofill-monitor-example.html diff --git a/src/material-examples/text-field-autofill-monitor/text-field-autofill-monitor-example.ts b/src/material-examples/cdk/text-field/text-field-autofill-monitor/text-field-autofill-monitor-example.ts similarity index 100% rename from src/material-examples/text-field-autofill-monitor/text-field-autofill-monitor-example.ts rename to src/material-examples/cdk/text-field/text-field-autofill-monitor/text-field-autofill-monitor-example.ts diff --git a/src/material-examples/text-field-autosize-textarea/text-field-autosize-textarea-example.css b/src/material-examples/cdk/text-field/text-field-autosize-textarea/text-field-autosize-textarea-example.css similarity index 100% rename from src/material-examples/text-field-autosize-textarea/text-field-autosize-textarea-example.css rename to src/material-examples/cdk/text-field/text-field-autosize-textarea/text-field-autosize-textarea-example.css diff --git a/src/material-examples/text-field-autosize-textarea/text-field-autosize-textarea-example.html b/src/material-examples/cdk/text-field/text-field-autosize-textarea/text-field-autosize-textarea-example.html similarity index 100% rename from src/material-examples/text-field-autosize-textarea/text-field-autosize-textarea-example.html rename to src/material-examples/cdk/text-field/text-field-autosize-textarea/text-field-autosize-textarea-example.html diff --git a/src/material-examples/text-field-autosize-textarea/text-field-autosize-textarea-example.ts b/src/material-examples/cdk/text-field/text-field-autosize-textarea/text-field-autosize-textarea-example.ts similarity index 100% rename from src/material-examples/text-field-autosize-textarea/text-field-autosize-textarea-example.ts rename to src/material-examples/cdk/text-field/text-field-autosize-textarea/text-field-autosize-textarea-example.ts diff --git a/src/material-examples/cdk/tree/BUILD.bazel b/src/material-examples/cdk/tree/BUILD.bazel new file mode 100644 index 000000000000..e21b0775496b --- /dev/null +++ b/src/material-examples/cdk/tree/BUILD.bazel @@ -0,0 +1,25 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "tree", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk/tree", + "//src/material/icon", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/cdk-tree-flat/cdk-tree-flat-example.css b/src/material-examples/cdk/tree/cdk-tree-flat/cdk-tree-flat-example.css similarity index 100% rename from src/material-examples/cdk-tree-flat/cdk-tree-flat-example.css rename to src/material-examples/cdk/tree/cdk-tree-flat/cdk-tree-flat-example.css diff --git a/src/material-examples/cdk-tree-flat/cdk-tree-flat-example.html b/src/material-examples/cdk/tree/cdk-tree-flat/cdk-tree-flat-example.html similarity index 100% rename from src/material-examples/cdk-tree-flat/cdk-tree-flat-example.html rename to src/material-examples/cdk/tree/cdk-tree-flat/cdk-tree-flat-example.html diff --git a/src/material-examples/cdk-tree-flat/cdk-tree-flat-example.ts b/src/material-examples/cdk/tree/cdk-tree-flat/cdk-tree-flat-example.ts similarity index 100% rename from src/material-examples/cdk-tree-flat/cdk-tree-flat-example.ts rename to src/material-examples/cdk/tree/cdk-tree-flat/cdk-tree-flat-example.ts diff --git a/src/material-examples/cdk-tree-nested/cdk-tree-nested-example.css b/src/material-examples/cdk/tree/cdk-tree-nested/cdk-tree-nested-example.css similarity index 100% rename from src/material-examples/cdk-tree-nested/cdk-tree-nested-example.css rename to src/material-examples/cdk/tree/cdk-tree-nested/cdk-tree-nested-example.css diff --git a/src/material-examples/cdk-tree-nested/cdk-tree-nested-example.html b/src/material-examples/cdk/tree/cdk-tree-nested/cdk-tree-nested-example.html similarity index 100% rename from src/material-examples/cdk-tree-nested/cdk-tree-nested-example.html rename to src/material-examples/cdk/tree/cdk-tree-nested/cdk-tree-nested-example.html diff --git a/src/material-examples/cdk-tree-nested/cdk-tree-nested-example.ts b/src/material-examples/cdk/tree/cdk-tree-nested/cdk-tree-nested-example.ts similarity index 100% rename from src/material-examples/cdk-tree-nested/cdk-tree-nested-example.ts rename to src/material-examples/cdk/tree/cdk-tree-nested/cdk-tree-nested-example.ts diff --git a/src/material-examples/cdk/tree/module.ts b/src/material-examples/cdk/tree/module.ts new file mode 100644 index 000000000000..60c933cee38b --- /dev/null +++ b/src/material-examples/cdk/tree/module.ts @@ -0,0 +1,21 @@ +import {CdkTreeModule} from '@angular/cdk/tree'; +import {NgModule} from '@angular/core'; +import {MatIconModule} from '@angular/material/icon'; +import {CdkTreeFlatExample} from './cdk-tree-flat/cdk-tree-flat-example'; +import {CdkTreeNestedExample} from './cdk-tree-nested/cdk-tree-nested-example'; + +const EXAMPLES = [ + CdkTreeFlatExample, + CdkTreeNestedExample, +]; + +@NgModule({ + imports: [ + CdkTreeModule, + MatIconModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class CdkTreeExamplesModule { +} diff --git a/src/material-examples/example-module.ts b/src/material-examples/example-module.ts index fd42bc7fea22..75b7841c3f68 100644 --- a/src/material-examples/example-module.ts +++ b/src/material-examples/example-module.ts @@ -12,11 +12,8 @@ ******************************************************************************/ import {NgModule} from '@angular/core'; -import {FormsModule, ReactiveFormsModule} from '@angular/forms'; -import {CommonModule} from '@angular/common'; -import {ExampleMaterialModule} from './material-module'; -import {AutocompleteAutoActiveFirstOptionExample} from './autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example';import {AutocompleteDisplayExample} from './autocomplete-display/autocomplete-display-example';import {AutocompleteFilterExample} from './autocomplete-filter/autocomplete-filter-example';import {AutocompleteOptgroupExample} from './autocomplete-optgroup/autocomplete-optgroup-example';import {AutocompleteOverviewExample} from './autocomplete-overview/autocomplete-overview-example';import {AutocompletePlainInputExample} from './autocomplete-plain-input/autocomplete-plain-input-example';import {AutocompleteSimpleExample} from './autocomplete-simple/autocomplete-simple-example';import {BadgeOverviewExample} from './badge-overview/badge-overview-example';import {BottomSheetOverviewExampleSheet,BottomSheetOverviewExample} from './bottom-sheet-overview/bottom-sheet-overview-example';import {ButtonOverviewExample} from './button-overview/button-overview-example';import {ButtonToggleAppearanceExample} from './button-toggle-appearance/button-toggle-appearance-example';import {ButtonToggleExclusiveExample} from './button-toggle-exclusive/button-toggle-exclusive-example';import {ButtonToggleOverviewExample} from './button-toggle-overview/button-toggle-overview-example';import {ButtonTypesExample} from './button-types/button-types-example';import {CardFancyExample} from './card-fancy/card-fancy-example';import {CardOverviewExample} from './card-overview/card-overview-example';import {CustomStepper,CdkCustomStepperWithoutFormExample} from './cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example';import {CdkDragDropAxisLockExample} from './cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example';import {CdkDragDropBoundaryExample} from './cdk-drag-drop-boundary/cdk-drag-drop-boundary-example';import {CdkDragDropConnectedSortingGroupExample} from './cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example';import {CdkDragDropConnectedSortingExample} from './cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example';import {CdkDragDropCustomPlaceholderExample} from './cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example';import {CdkDragDropCustomPreviewExample} from './cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example';import {CdkDragDropDelayExample} from './cdk-drag-drop-delay/cdk-drag-drop-delay-example';import {CdkDragDropDisabledSortingExample} from './cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example';import {CdkDragDropDisabledExample} from './cdk-drag-drop-disabled/cdk-drag-drop-disabled-example';import {CdkDragDropEnterPredicateExample} from './cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example';import {CdkDragDropFreeDragPositionExample} from './cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example';import {CdkDragDropHandleExample} from './cdk-drag-drop-handle/cdk-drag-drop-handle-example';import {CdkDragDropHorizontalSortingExample} from './cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example';import {CdkDragDropOverviewExample} from './cdk-drag-drop-overview/cdk-drag-drop-overview-example';import {CdkDragDropRootElementExample} from './cdk-drag-drop-root-element/cdk-drag-drop-root-element-example';import {CdkDragDropSortingExample} from './cdk-drag-drop-sorting/cdk-drag-drop-sorting-example';import {CdkPlatformOverviewExample} from './cdk-platform-overview/cdk-platform-overview-example';import {CdkPopoverEditCdkTableFlexExample} from './cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example';import {CdkPopoverEditCdkTableExample} from './cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example';import {CdkPopoverEditCellSpanVanillaTableExample} from './cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example';import {CdkPopoverEditTabOutVanillaTableExample} from './cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example';import {CdkPopoverEditVanillaTableExample} from './cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example';import {ComponentPortalExample,CdkPortalOverviewExample} from './cdk-portal-overview/cdk-portal-overview-example';import {CdkTableBasicFlexExample} from './cdk-table-basic-flex/cdk-table-basic-flex-example';import {CdkTableBasicExample} from './cdk-table-basic/cdk-table-basic-example';import {CdkTreeFlatExample} from './cdk-tree-flat/cdk-tree-flat-example';import {CdkTreeNestedExample} from './cdk-tree-nested/cdk-tree-nested-example';import {CdkVirtualScrollContextExample} from './cdk-virtual-scroll-context/cdk-virtual-scroll-context-example';import {CdkVirtualScrollCustomStrategyExample} from './cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example';import {CdkVirtualScrollDataSourceExample} from './cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example';import {CdkVirtualScrollDlExample} from './cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example';import {CdkVirtualScrollFixedBufferExample} from './cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example';import {CdkVirtualScrollHorizontalExample} from './cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example';import {CdkVirtualScrollOverviewExample} from './cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example';import {CdkVirtualScrollTemplateCacheExample} from './cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example';import {CheckboxConfigurableExample} from './checkbox-configurable/checkbox-configurable-example';import {CheckboxOverviewExample} from './checkbox-overview/checkbox-overview-example';import {ChipsAutocompleteExample} from './chips-autocomplete/chips-autocomplete-example';import {ChipsDragDropExample} from './chips-drag-and-drop/chips-drag-drop-example';import {ChipsInputExample} from './chips-input/chips-input-example';import {ChipsOverviewExample} from './chips-overview/chips-overview-example';import {ChipsStackedExample} from './chips-stacked/chips-stacked-example';import {DatepickerApiExample} from './datepicker-api/datepicker-api-example';import {DatepickerColorExample} from './datepicker-color/datepicker-color-example';import {ExampleHeader,DatepickerCustomHeaderExample} from './datepicker-custom-header/datepicker-custom-header-example';import {DatepickerCustomIconExample} from './datepicker-custom-icon/datepicker-custom-icon-example';import {DatepickerDateClassExample} from './datepicker-date-class/datepicker-date-class-example';import {DatepickerDisabledExample} from './datepicker-disabled/datepicker-disabled-example';import {DatepickerEventsExample} from './datepicker-events/datepicker-events-example';import {DatepickerFilterExample} from './datepicker-filter/datepicker-filter-example';import {DatepickerFormatsExample} from './datepicker-formats/datepicker-formats-example';import {DatepickerLocaleExample} from './datepicker-locale/datepicker-locale-example';import {DatepickerMinMaxExample} from './datepicker-min-max/datepicker-min-max-example';import {DatepickerMomentExample} from './datepicker-moment/datepicker-moment-example';import {DatepickerOverviewExample} from './datepicker-overview/datepicker-overview-example';import {DatepickerStartViewExample} from './datepicker-start-view/datepicker-start-view-example';import {DatepickerTouchExample} from './datepicker-touch/datepicker-touch-example';import {DatepickerValueExample} from './datepicker-value/datepicker-value-example';import {DatepickerViewsSelectionExample} from './datepicker-views-selection/datepicker-views-selection-example';import {DialogContentExampleDialog,DialogContentExample} from './dialog-content/dialog-content-example';import {DialogDataExampleDialog,DialogDataExample} from './dialog-data/dialog-data-example';import {DialogElementsExampleDialog,DialogElementsExample} from './dialog-elements/dialog-elements-example';import {DialogOverviewExampleDialog,DialogOverviewExample} from './dialog-overview/dialog-overview-example';import {DividerOverviewExample} from './divider-overview/divider-overview-example';import {ElevationOverviewExample} from './elevation-overview/elevation-overview-example';import {ExpansionExpandCollapseAllExample} from './expansion-expand-collapse-all/expansion-expand-collapse-all-example';import {ExpansionOverviewExample} from './expansion-overview/expansion-overview-example';import {ExpansionStepsExample} from './expansion-steps/expansion-steps-example';import {FocusMonitorDirectivesExample} from './focus-monitor-directives/focus-monitor-directives-example';import {FocusMonitorFocusViaExample} from './focus-monitor-focus-via/focus-monitor-focus-via-example';import {FocusMonitorOverviewExample} from './focus-monitor-overview/focus-monitor-overview-example';import {FormFieldAppearanceExample} from './form-field-appearance/form-field-appearance-example';import {MyTelInput,FormFieldCustomControlExample} from './form-field-custom-control/form-field-custom-control-example';import {FormFieldErrorExample} from './form-field-error/form-field-error-example';import {FormFieldHintExample} from './form-field-hint/form-field-hint-example';import {FormFieldLabelExample} from './form-field-label/form-field-label-example';import {FormFieldOverviewExample} from './form-field-overview/form-field-overview-example';import {FormFieldPrefixSuffixExample} from './form-field-prefix-suffix/form-field-prefix-suffix-example';import {FormFieldThemingExample} from './form-field-theming/form-field-theming-example';import {GridListDynamicExample} from './grid-list-dynamic/grid-list-dynamic-example';import {GridListOverviewExample} from './grid-list-overview/grid-list-overview-example';import {IconOverviewExample} from './icon-overview/icon-overview-example';import {IconSvgExample} from './icon-svg/icon-svg-example';import {InputClearableExample} from './input-clearable/input-clearable-example';import {InputErrorStateMatcherExample} from './input-error-state-matcher/input-error-state-matcher-example';import {InputErrorsExample} from './input-errors/input-errors-example';import {InputFormExample} from './input-form/input-form-example';import {InputHintExample} from './input-hint/input-hint-example';import {InputOverviewExample} from './input-overview/input-overview-example';import {InputPrefixSuffixExample} from './input-prefix-suffix/input-prefix-suffix-example';import {ListOverviewExample} from './list-overview/list-overview-example';import {ListSectionsExample} from './list-sections/list-sections-example';import {ListSelectionExample} from './list-selection/list-selection-example';import {MenuIconsExample} from './menu-icons/menu-icons-example';import {MenuOverviewExample} from './menu-overview/menu-overview-example';import {MenuPositionExample} from './menu-position/menu-position-example';import {NestedMenuExample} from './nested-menu/nested-menu-example';import {PaginatorConfigurableExample} from './paginator-configurable/paginator-configurable-example';import {PaginatorOverviewExample} from './paginator-overview/paginator-overview-example';import {PopoverEditCellSpanMatTableExample} from './popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example';import {PopoverEditMatTableFlexExample} from './popover-edit-mat-table-flex/popover-edit-mat-table-flex-example';import {PopoverEditMatTableExample} from './popover-edit-mat-table/popover-edit-mat-table-example';import {PopoverEditTabOutMatTableExample} from './popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example';import {ProgressBarBufferExample} from './progress-bar-buffer/progress-bar-buffer-example';import {ProgressBarConfigurableExample} from './progress-bar-configurable/progress-bar-configurable-example';import {ProgressBarDeterminateExample} from './progress-bar-determinate/progress-bar-determinate-example';import {ProgressBarIndeterminateExample} from './progress-bar-indeterminate/progress-bar-indeterminate-example';import {ProgressBarQueryExample} from './progress-bar-query/progress-bar-query-example';import {ProgressSpinnerConfigurableExample} from './progress-spinner-configurable/progress-spinner-configurable-example';import {ProgressSpinnerOverviewExample} from './progress-spinner-overview/progress-spinner-overview-example';import {RadioNgModelExample} from './radio-ng-model/radio-ng-model-example';import {RadioOverviewExample} from './radio-overview/radio-overview-example';import {RippleOverviewExample} from './ripple-overview/ripple-overview-example';import {SelectCustomTriggerExample} from './select-custom-trigger/select-custom-trigger-example';import {SelectDisabledExample} from './select-disabled/select-disabled-example';import {SelectErrorStateMatcherExample} from './select-error-state-matcher/select-error-state-matcher-example';import {SelectFormExample} from './select-form/select-form-example';import {SelectHintErrorExample} from './select-hint-error/select-hint-error-example';import {SelectMultipleExample} from './select-multiple/select-multiple-example';import {SelectNoRippleExample} from './select-no-ripple/select-no-ripple-example';import {SelectOptgroupExample} from './select-optgroup/select-optgroup-example';import {SelectOverviewExample} from './select-overview/select-overview-example';import {SelectPanelClassExample} from './select-panel-class/select-panel-class-example';import {SelectResetExample} from './select-reset/select-reset-example';import {SelectValueBindingExample} from './select-value-binding/select-value-binding-example';import {SidenavAutosizeExample} from './sidenav-autosize/sidenav-autosize-example';import {SidenavBackdropExample} from './sidenav-backdrop/sidenav-backdrop-example';import {SidenavDisableCloseExample} from './sidenav-disable-close/sidenav-disable-close-example';import {SidenavDrawerOverviewExample} from './sidenav-drawer-overview/sidenav-drawer-overview-example';import {SidenavFixedExample} from './sidenav-fixed/sidenav-fixed-example';import {SidenavModeExample} from './sidenav-mode/sidenav-mode-example';import {SidenavOpenCloseExample} from './sidenav-open-close/sidenav-open-close-example';import {SidenavOverviewExample} from './sidenav-overview/sidenav-overview-example';import {SidenavPositionExample} from './sidenav-position/sidenav-position-example';import {SidenavResponsiveExample} from './sidenav-responsive/sidenav-responsive-example';import {SlideToggleConfigurableExample} from './slide-toggle-configurable/slide-toggle-configurable-example';import {SlideToggleFormsExample} from './slide-toggle-forms/slide-toggle-forms-example';import {SlideToggleOverviewExample} from './slide-toggle-overview/slide-toggle-overview-example';import {SliderConfigurableExample} from './slider-configurable/slider-configurable-example';import {SliderFormattingExample} from './slider-formatting/slider-formatting-example';import {SliderOverviewExample} from './slider-overview/slider-overview-example';import {PizzaPartyComponent,SnackBarComponentExample} from './snack-bar-component/snack-bar-component-example';import {SnackBarOverviewExample} from './snack-bar-overview/snack-bar-overview-example';import {SnackBarPositionExample} from './snack-bar-position/snack-bar-position-example';import {SortOverviewExample} from './sort-overview/sort-overview-example';import {StepperEditableExample} from './stepper-editable/stepper-editable-example';import {StepperErrorsExample} from './stepper-errors/stepper-errors-example';import {StepperLabelPositionBottomExample} from './stepper-label-position-bottom/stepper-label-position-bottom-example';import {StepperOptionalExample} from './stepper-optional/stepper-optional-example';import {StepperOverviewExample} from './stepper-overview/stepper-overview-example';import {StepperStatesExample} from './stepper-states/stepper-states-example';import {StepperVerticalExample} from './stepper-vertical/stepper-vertical-example';import {TabGroupAlignExample} from './tab-group-align/tab-group-align-example';import {TabGroupAnimationsExample} from './tab-group-animations/tab-group-animations-example';import {TabGroupAsyncExample} from './tab-group-async/tab-group-async-example';import {TabGroupBasicExample} from './tab-group-basic/tab-group-basic-example';import {TabGroupCustomLabelExample} from './tab-group-custom-label/tab-group-custom-label-example';import {TabGroupDynamicHeightExample} from './tab-group-dynamic-height/tab-group-dynamic-height-example';import {TabGroupDynamicExample} from './tab-group-dynamic/tab-group-dynamic-example';import {TabGroupHeaderBelowExample} from './tab-group-header-below/tab-group-header-below-example';import {TabGroupLazyLoadedExample} from './tab-group-lazy-loaded/tab-group-lazy-loaded-example';import {TabGroupStretchedExample} from './tab-group-stretched/tab-group-stretched-example';import {TabGroupThemeExample} from './tab-group-theme/tab-group-theme-example';import {TabNavBarBasicExample} from './tab-nav-bar-basic/tab-nav-bar-basic-example';import {TableBasicFlexExample} from './table-basic-flex/table-basic-flex-example';import {TableBasicExample} from './table-basic/table-basic-example';import {TableDynamicColumnsExample} from './table-dynamic-columns/table-dynamic-columns-example';import {TableExpandableRowsExample} from './table-expandable-rows/table-expandable-rows-example';import {TableFilteringExample} from './table-filtering/table-filtering-example';import {TableFooterRowExample} from './table-footer-row/table-footer-row-example';import {TableHttpExample} from './table-http/table-http-example';import {TableMultipleHeaderFooterExample} from './table-multiple-header-footer/table-multiple-header-footer-example';import {TableOverviewExample} from './table-overview/table-overview-example';import {TablePaginationExample} from './table-pagination/table-pagination-example';import {TableRowContextExample} from './table-row-context/table-row-context-example';import {TableSelectionExample} from './table-selection/table-selection-example';import {TableSortingExample} from './table-sorting/table-sorting-example';import {TableStickyColumnsExample} from './table-sticky-columns/table-sticky-columns-example';import {TableStickyComplexFlexExample} from './table-sticky-complex-flex/table-sticky-complex-flex-example';import {TableStickyComplexExample} from './table-sticky-complex/table-sticky-complex-example';import {TableStickyFooterExample} from './table-sticky-footer/table-sticky-footer-example';import {TableStickyHeaderExample} from './table-sticky-header/table-sticky-header-example';import {TableTextColumnAdvancedExample} from './table-text-column-advanced/table-text-column-advanced-example';import {TableTextColumnExample} from './table-text-column/table-text-column-example';import {WrapperTable,TableWrappedExample} from './table-wrapped/table-wrapped-example';import {TextFieldAutofillDirectiveExample} from './text-field-autofill-directive/text-field-autofill-directive-example';import {TextFieldAutofillMonitorExample} from './text-field-autofill-monitor/text-field-autofill-monitor-example';import {TextFieldAutosizeTextareaExample} from './text-field-autosize-textarea/text-field-autosize-textarea-example';import {ToolbarMultirowExample} from './toolbar-multirow/toolbar-multirow-example';import {ToolbarOverviewExample} from './toolbar-overview/toolbar-overview-example';import {TooltipAutoHideExample} from './tooltip-auto-hide/tooltip-auto-hide-example';import {TooltipCustomClassExample} from './tooltip-custom-class/tooltip-custom-class-example';import {TooltipDelayExample} from './tooltip-delay/tooltip-delay-example';import {TooltipDisabledExample} from './tooltip-disabled/tooltip-disabled-example';import {TooltipManualExample} from './tooltip-manual/tooltip-manual-example';import {TooltipMessageExample} from './tooltip-message/tooltip-message-example';import {TooltipModifiedDefaultsExample} from './tooltip-modified-defaults/tooltip-modified-defaults-example';import {TooltipOverviewExample} from './tooltip-overview/tooltip-overview-example';import {TooltipPositionExample} from './tooltip-position/tooltip-position-example';import {TreeChecklistExample} from './tree-checklist/tree-checklist-example';import {TreeDynamicExample} from './tree-dynamic/tree-dynamic-example';import {TreeFlatOverviewExample} from './tree-flat-overview/tree-flat-overview-example';import {TreeLoadmoreExample} from './tree-loadmore/tree-loadmore-example';import {TreeNestedOverviewExample} from './tree-nested-overview/tree-nested-overview-example'; +import {FocusMonitorDirectivesExample} from './cdk/a11y/focus-monitor-directives/focus-monitor-directives-example';import {FocusMonitorFocusViaExample} from './cdk/a11y/focus-monitor-focus-via/focus-monitor-focus-via-example';import {FocusMonitorOverviewExample} from './cdk/a11y/focus-monitor-overview/focus-monitor-overview-example';import {CdkDragDropAxisLockExample} from './cdk/drag-drop/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example';import {CdkDragDropBoundaryExample} from './cdk/drag-drop/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example';import {CdkDragDropConnectedSortingGroupExample} from './cdk/drag-drop/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example';import {CdkDragDropConnectedSortingExample} from './cdk/drag-drop/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example';import {CdkDragDropCustomPlaceholderExample} from './cdk/drag-drop/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example';import {CdkDragDropCustomPreviewExample} from './cdk/drag-drop/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example';import {CdkDragDropDelayExample} from './cdk/drag-drop/cdk-drag-drop-delay/cdk-drag-drop-delay-example';import {CdkDragDropDisabledSortingExample} from './cdk/drag-drop/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example';import {CdkDragDropDisabledExample} from './cdk/drag-drop/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example';import {CdkDragDropEnterPredicateExample} from './cdk/drag-drop/cdk-drag-drop-enter-predicate/cdk-drag-drop-enter-predicate-example';import {CdkDragDropFreeDragPositionExample} from './cdk/drag-drop/cdk-drag-drop-free-drag-position/cdk-drag-drop-free-drag-position-example';import {CdkDragDropHandleExample} from './cdk/drag-drop/cdk-drag-drop-handle/cdk-drag-drop-handle-example';import {CdkDragDropHorizontalSortingExample} from './cdk/drag-drop/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example';import {CdkDragDropOverviewExample} from './cdk/drag-drop/cdk-drag-drop-overview/cdk-drag-drop-overview-example';import {CdkDragDropRootElementExample} from './cdk/drag-drop/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example';import {CdkDragDropSortingExample} from './cdk/drag-drop/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example';import {CdkPlatformOverviewExample} from './cdk/platform/cdk-platform-overview/cdk-platform-overview-example';import {CdkPopoverEditCdkTableFlexExample} from './cdk/popover-edit/cdk-popover-edit-cdk-table-flex/cdk-popover-edit-cdk-table-flex-example';import {CdkPopoverEditCdkTableExample} from './cdk/popover-edit/cdk-popover-edit-cdk-table/cdk-popover-edit-cdk-table-example';import {CdkPopoverEditCellSpanVanillaTableExample} from './cdk/popover-edit/cdk-popover-edit-cell-span-vanilla-table/cdk-popover-edit-cell-span-vanilla-table-example';import {CdkPopoverEditTabOutVanillaTableExample} from './cdk/popover-edit/cdk-popover-edit-tab-out-vanilla-table/cdk-popover-edit-tab-out-vanilla-table-example';import {CdkPopoverEditVanillaTableExample} from './cdk/popover-edit/cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example';import {ComponentPortalExample,CdkPortalOverviewExample} from './cdk/portal/cdk-portal-overview/cdk-portal-overview-example';import {CdkVirtualScrollContextExample} from './cdk/scrolling/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example';import {CdkVirtualScrollCustomStrategyExample} from './cdk/scrolling/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example';import {CdkVirtualScrollDataSourceExample} from './cdk/scrolling/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example';import {CdkVirtualScrollDlExample} from './cdk/scrolling/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example';import {CdkVirtualScrollFixedBufferExample} from './cdk/scrolling/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example';import {CdkVirtualScrollHorizontalExample} from './cdk/scrolling/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example';import {CdkVirtualScrollOverviewExample} from './cdk/scrolling/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example';import {CdkVirtualScrollTemplateCacheExample} from './cdk/scrolling/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example';import {CustomStepper,CdkCustomStepperWithoutFormExample} from './cdk/stepper/cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example';import {CdkTableBasicFlexExample} from './cdk/table/cdk-table-basic-flex/cdk-table-basic-flex-example';import {CdkTableBasicExample} from './cdk/table/cdk-table-basic/cdk-table-basic-example';import {TextFieldAutofillDirectiveExample} from './cdk/text-field/text-field-autofill-directive/text-field-autofill-directive-example';import {TextFieldAutofillMonitorExample} from './cdk/text-field/text-field-autofill-monitor/text-field-autofill-monitor-example';import {TextFieldAutosizeTextareaExample} from './cdk/text-field/text-field-autosize-textarea/text-field-autosize-textarea-example';import {CdkTreeFlatExample} from './cdk/tree/cdk-tree-flat/cdk-tree-flat-example';import {CdkTreeNestedExample} from './cdk/tree/cdk-tree-nested/cdk-tree-nested-example';import {AutocompleteAutoActiveFirstOptionExample} from './material/autocomplete/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example';import {AutocompleteDisplayExample} from './material/autocomplete/autocomplete-display/autocomplete-display-example';import {AutocompleteFilterExample} from './material/autocomplete/autocomplete-filter/autocomplete-filter-example';import {AutocompleteOptgroupExample} from './material/autocomplete/autocomplete-optgroup/autocomplete-optgroup-example';import {AutocompleteOverviewExample} from './material/autocomplete/autocomplete-overview/autocomplete-overview-example';import {AutocompletePlainInputExample} from './material/autocomplete/autocomplete-plain-input/autocomplete-plain-input-example';import {AutocompleteSimpleExample} from './material/autocomplete/autocomplete-simple/autocomplete-simple-example';import {BadgeOverviewExample} from './material/badge/badge-overview/badge-overview-example';import {BottomSheetOverviewExampleSheet,BottomSheetOverviewExample} from './material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview-example';import {ButtonToggleAppearanceExample} from './material/button-toggle/button-toggle-appearance/button-toggle-appearance-example';import {ButtonToggleExclusiveExample} from './material/button-toggle/button-toggle-exclusive/button-toggle-exclusive-example';import {ButtonToggleOverviewExample} from './material/button-toggle/button-toggle-overview/button-toggle-overview-example';import {ButtonOverviewExample} from './material/button/button-overview/button-overview-example';import {ButtonTypesExample} from './material/button/button-types/button-types-example';import {CardFancyExample} from './material/card/card-fancy/card-fancy-example';import {CardOverviewExample} from './material/card/card-overview/card-overview-example';import {CheckboxConfigurableExample} from './material/checkbox/checkbox-configurable/checkbox-configurable-example';import {CheckboxOverviewExample} from './material/checkbox/checkbox-overview/checkbox-overview-example';import {ChipsAutocompleteExample} from './material/chips/chips-autocomplete/chips-autocomplete-example';import {ChipsDragDropExample} from './material/chips/chips-drag-and-drop/chips-drag-drop-example';import {ChipsInputExample} from './material/chips/chips-input/chips-input-example';import {ChipsOverviewExample} from './material/chips/chips-overview/chips-overview-example';import {ChipsStackedExample} from './material/chips/chips-stacked/chips-stacked-example';import {ElevationOverviewExample} from './material/core/elevation-overview/elevation-overview-example';import {RippleOverviewExample} from './material/core/ripple-overview/ripple-overview-example';import {DatepickerApiExample} from './material/datepicker/datepicker-api/datepicker-api-example';import {DatepickerColorExample} from './material/datepicker/datepicker-color/datepicker-color-example';import {ExampleHeader,DatepickerCustomHeaderExample} from './material/datepicker/datepicker-custom-header/datepicker-custom-header-example';import {DatepickerCustomIconExample} from './material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example';import {DatepickerDateClassExample} from './material/datepicker/datepicker-date-class/datepicker-date-class-example';import {DatepickerDisabledExample} from './material/datepicker/datepicker-disabled/datepicker-disabled-example';import {DatepickerEventsExample} from './material/datepicker/datepicker-events/datepicker-events-example';import {DatepickerFilterExample} from './material/datepicker/datepicker-filter/datepicker-filter-example';import {DatepickerFormatsExample} from './material/datepicker/datepicker-formats/datepicker-formats-example';import {DatepickerLocaleExample} from './material/datepicker/datepicker-locale/datepicker-locale-example';import {DatepickerMinMaxExample} from './material/datepicker/datepicker-min-max/datepicker-min-max-example';import {DatepickerMomentExample} from './material/datepicker/datepicker-moment/datepicker-moment-example';import {DatepickerOverviewExample} from './material/datepicker/datepicker-overview/datepicker-overview-example';import {DatepickerStartViewExample} from './material/datepicker/datepicker-start-view/datepicker-start-view-example';import {DatepickerTouchExample} from './material/datepicker/datepicker-touch/datepicker-touch-example';import {DatepickerValueExample} from './material/datepicker/datepicker-value/datepicker-value-example';import {DatepickerViewsSelectionExample} from './material/datepicker/datepicker-views-selection/datepicker-views-selection-example';import {DialogContentExampleDialog,DialogContentExample} from './material/dialog/dialog-content/dialog-content-example';import {DialogDataExampleDialog,DialogDataExample} from './material/dialog/dialog-data/dialog-data-example';import {DialogElementsExampleDialog,DialogElementsExample} from './material/dialog/dialog-elements/dialog-elements-example';import {DialogOverviewExampleDialog,DialogOverviewExample} from './material/dialog/dialog-overview/dialog-overview-example';import {DividerOverviewExample} from './material/divider/divider-overview/divider-overview-example';import {ExpansionExpandCollapseAllExample} from './material/expansion/expansion-expand-collapse-all/expansion-expand-collapse-all-example';import {ExpansionOverviewExample} from './material/expansion/expansion-overview/expansion-overview-example';import {ExpansionStepsExample} from './material/expansion/expansion-steps/expansion-steps-example';import {FormFieldAppearanceExample} from './material/form-field/form-field-appearance/form-field-appearance-example';import {MyTelInput,FormFieldCustomControlExample} from './material/form-field/form-field-custom-control/form-field-custom-control-example';import {FormFieldErrorExample} from './material/form-field/form-field-error/form-field-error-example';import {FormFieldHintExample} from './material/form-field/form-field-hint/form-field-hint-example';import {FormFieldLabelExample} from './material/form-field/form-field-label/form-field-label-example';import {FormFieldOverviewExample} from './material/form-field/form-field-overview/form-field-overview-example';import {FormFieldPrefixSuffixExample} from './material/form-field/form-field-prefix-suffix/form-field-prefix-suffix-example';import {FormFieldThemingExample} from './material/form-field/form-field-theming/form-field-theming-example';import {GridListDynamicExample} from './material/grid-list/grid-list-dynamic/grid-list-dynamic-example';import {GridListOverviewExample} from './material/grid-list/grid-list-overview/grid-list-overview-example';import {IconOverviewExample} from './material/icon/icon-overview/icon-overview-example';import {IconSvgExample} from './material/icon/icon-svg/icon-svg-example';import {InputClearableExample} from './material/input/input-clearable/input-clearable-example';import {InputErrorStateMatcherExample} from './material/input/input-error-state-matcher/input-error-state-matcher-example';import {InputErrorsExample} from './material/input/input-errors/input-errors-example';import {InputFormExample} from './material/input/input-form/input-form-example';import {InputHintExample} from './material/input/input-hint/input-hint-example';import {InputOverviewExample} from './material/input/input-overview/input-overview-example';import {InputPrefixSuffixExample} from './material/input/input-prefix-suffix/input-prefix-suffix-example';import {ListOverviewExample} from './material/list/list-overview/list-overview-example';import {ListSectionsExample} from './material/list/list-sections/list-sections-example';import {ListSelectionExample} from './material/list/list-selection/list-selection-example';import {MenuIconsExample} from './material/menu/menu-icons/menu-icons-example';import {MenuOverviewExample} from './material/menu/menu-overview/menu-overview-example';import {MenuPositionExample} from './material/menu/menu-position/menu-position-example';import {NestedMenuExample} from './material/menu/nested-menu/nested-menu-example';import {PaginatorConfigurableExample} from './material/paginator/paginator-configurable/paginator-configurable-example';import {PaginatorOverviewExample} from './material/paginator/paginator-overview/paginator-overview-example';import {PopoverEditCellSpanMatTableExample} from './material/popover-edit/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example';import {PopoverEditMatTableFlexExample} from './material/popover-edit/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example';import {PopoverEditMatTableExample} from './material/popover-edit/popover-edit-mat-table/popover-edit-mat-table-example';import {PopoverEditTabOutMatTableExample} from './material/popover-edit/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example';import {ProgressBarBufferExample} from './material/progress-bar/progress-bar-buffer/progress-bar-buffer-example';import {ProgressBarConfigurableExample} from './material/progress-bar/progress-bar-configurable/progress-bar-configurable-example';import {ProgressBarDeterminateExample} from './material/progress-bar/progress-bar-determinate/progress-bar-determinate-example';import {ProgressBarIndeterminateExample} from './material/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate-example';import {ProgressBarQueryExample} from './material/progress-bar/progress-bar-query/progress-bar-query-example';import {ProgressSpinnerConfigurableExample} from './material/progress-spinner/progress-spinner-configurable/progress-spinner-configurable-example';import {ProgressSpinnerOverviewExample} from './material/progress-spinner/progress-spinner-overview/progress-spinner-overview-example';import {RadioNgModelExample} from './material/radio/radio-ng-model/radio-ng-model-example';import {RadioOverviewExample} from './material/radio/radio-overview/radio-overview-example';import {SelectCustomTriggerExample} from './material/select/select-custom-trigger/select-custom-trigger-example';import {SelectDisabledExample} from './material/select/select-disabled/select-disabled-example';import {SelectErrorStateMatcherExample} from './material/select/select-error-state-matcher/select-error-state-matcher-example';import {SelectFormExample} from './material/select/select-form/select-form-example';import {SelectHintErrorExample} from './material/select/select-hint-error/select-hint-error-example';import {SelectMultipleExample} from './material/select/select-multiple/select-multiple-example';import {SelectNoRippleExample} from './material/select/select-no-ripple/select-no-ripple-example';import {SelectOptgroupExample} from './material/select/select-optgroup/select-optgroup-example';import {SelectOverviewExample} from './material/select/select-overview/select-overview-example';import {SelectPanelClassExample} from './material/select/select-panel-class/select-panel-class-example';import {SelectResetExample} from './material/select/select-reset/select-reset-example';import {SelectValueBindingExample} from './material/select/select-value-binding/select-value-binding-example';import {SidenavAutosizeExample} from './material/sidenav/sidenav-autosize/sidenav-autosize-example';import {SidenavBackdropExample} from './material/sidenav/sidenav-backdrop/sidenav-backdrop-example';import {SidenavDisableCloseExample} from './material/sidenav/sidenav-disable-close/sidenav-disable-close-example';import {SidenavDrawerOverviewExample} from './material/sidenav/sidenav-drawer-overview/sidenav-drawer-overview-example';import {SidenavFixedExample} from './material/sidenav/sidenav-fixed/sidenav-fixed-example';import {SidenavModeExample} from './material/sidenav/sidenav-mode/sidenav-mode-example';import {SidenavOpenCloseExample} from './material/sidenav/sidenav-open-close/sidenav-open-close-example';import {SidenavOverviewExample} from './material/sidenav/sidenav-overview/sidenav-overview-example';import {SidenavPositionExample} from './material/sidenav/sidenav-position/sidenav-position-example';import {SidenavResponsiveExample} from './material/sidenav/sidenav-responsive/sidenav-responsive-example';import {SlideToggleConfigurableExample} from './material/slide-toggle/slide-toggle-configurable/slide-toggle-configurable-example';import {SlideToggleFormsExample} from './material/slide-toggle/slide-toggle-forms/slide-toggle-forms-example';import {SlideToggleOverviewExample} from './material/slide-toggle/slide-toggle-overview/slide-toggle-overview-example';import {SliderConfigurableExample} from './material/slider/slider-configurable/slider-configurable-example';import {SliderFormattingExample} from './material/slider/slider-formatting/slider-formatting-example';import {SliderOverviewExample} from './material/slider/slider-overview/slider-overview-example';import {PizzaPartyComponent,SnackBarComponentExample} from './material/snack-bar/snack-bar-component/snack-bar-component-example';import {SnackBarOverviewExample} from './material/snack-bar/snack-bar-overview/snack-bar-overview-example';import {SnackBarPositionExample} from './material/snack-bar/snack-bar-position/snack-bar-position-example';import {SortOverviewExample} from './material/sort/sort-overview/sort-overview-example';import {StepperEditableExample} from './material/stepper/stepper-editable/stepper-editable-example';import {StepperErrorsExample} from './material/stepper/stepper-errors/stepper-errors-example';import {StepperLabelPositionBottomExample} from './material/stepper/stepper-label-position-bottom/stepper-label-position-bottom-example';import {StepperOptionalExample} from './material/stepper/stepper-optional/stepper-optional-example';import {StepperOverviewExample} from './material/stepper/stepper-overview/stepper-overview-example';import {StepperStatesExample} from './material/stepper/stepper-states/stepper-states-example';import {StepperVerticalExample} from './material/stepper/stepper-vertical/stepper-vertical-example';import {TableBasicFlexExample} from './material/table/table-basic-flex/table-basic-flex-example';import {TableBasicExample} from './material/table/table-basic/table-basic-example';import {TableDynamicColumnsExample} from './material/table/table-dynamic-columns/table-dynamic-columns-example';import {TableExpandableRowsExample} from './material/table/table-expandable-rows/table-expandable-rows-example';import {TableFilteringExample} from './material/table/table-filtering/table-filtering-example';import {TableFooterRowExample} from './material/table/table-footer-row/table-footer-row-example';import {TableHttpExample} from './material/table/table-http/table-http-example';import {TableMultipleHeaderFooterExample} from './material/table/table-multiple-header-footer/table-multiple-header-footer-example';import {TableOverviewExample} from './material/table/table-overview/table-overview-example';import {TablePaginationExample} from './material/table/table-pagination/table-pagination-example';import {TableRowContextExample} from './material/table/table-row-context/table-row-context-example';import {TableSelectionExample} from './material/table/table-selection/table-selection-example';import {TableSortingExample} from './material/table/table-sorting/table-sorting-example';import {TableStickyColumnsExample} from './material/table/table-sticky-columns/table-sticky-columns-example';import {TableStickyComplexFlexExample} from './material/table/table-sticky-complex-flex/table-sticky-complex-flex-example';import {TableStickyComplexExample} from './material/table/table-sticky-complex/table-sticky-complex-example';import {TableStickyFooterExample} from './material/table/table-sticky-footer/table-sticky-footer-example';import {TableStickyHeaderExample} from './material/table/table-sticky-header/table-sticky-header-example';import {TableTextColumnAdvancedExample} from './material/table/table-text-column-advanced/table-text-column-advanced-example';import {TableTextColumnExample} from './material/table/table-text-column/table-text-column-example';import {WrapperTable,TableWrappedExample} from './material/table/table-wrapped/table-wrapped-example';import {TabGroupAlignExample} from './material/tabs/tab-group-align/tab-group-align-example';import {TabGroupAnimationsExample} from './material/tabs/tab-group-animations/tab-group-animations-example';import {TabGroupAsyncExample} from './material/tabs/tab-group-async/tab-group-async-example';import {TabGroupBasicExample} from './material/tabs/tab-group-basic/tab-group-basic-example';import {TabGroupCustomLabelExample} from './material/tabs/tab-group-custom-label/tab-group-custom-label-example';import {TabGroupDynamicHeightExample} from './material/tabs/tab-group-dynamic-height/tab-group-dynamic-height-example';import {TabGroupDynamicExample} from './material/tabs/tab-group-dynamic/tab-group-dynamic-example';import {TabGroupHeaderBelowExample} from './material/tabs/tab-group-header-below/tab-group-header-below-example';import {TabGroupLazyLoadedExample} from './material/tabs/tab-group-lazy-loaded/tab-group-lazy-loaded-example';import {TabGroupStretchedExample} from './material/tabs/tab-group-stretched/tab-group-stretched-example';import {TabGroupThemeExample} from './material/tabs/tab-group-theme/tab-group-theme-example';import {TabNavBarBasicExample} from './material/tabs/tab-nav-bar-basic/tab-nav-bar-basic-example';import {ToolbarMultirowExample} from './material/toolbar/toolbar-multirow/toolbar-multirow-example';import {ToolbarOverviewExample} from './material/toolbar/toolbar-overview/toolbar-overview-example';import {TooltipAutoHideExample} from './material/tooltip/tooltip-auto-hide/tooltip-auto-hide-example';import {TooltipCustomClassExample} from './material/tooltip/tooltip-custom-class/tooltip-custom-class-example';import {TooltipDelayExample} from './material/tooltip/tooltip-delay/tooltip-delay-example';import {TooltipDisabledExample} from './material/tooltip/tooltip-disabled/tooltip-disabled-example';import {TooltipManualExample} from './material/tooltip/tooltip-manual/tooltip-manual-example';import {TooltipMessageExample} from './material/tooltip/tooltip-message/tooltip-message-example';import {TooltipModifiedDefaultsExample} from './material/tooltip/tooltip-modified-defaults/tooltip-modified-defaults-example';import {TooltipOverviewExample} from './material/tooltip/tooltip-overview/tooltip-overview-example';import {TooltipPositionExample} from './material/tooltip/tooltip-position/tooltip-position-example';import {TreeChecklistExample} from './material/tree/tree-checklist/tree-checklist-example';import {TreeDynamicExample} from './material/tree/tree-dynamic/tree-dynamic-example';import {TreeFlatOverviewExample} from './material/tree/tree-flat-overview/tree-flat-overview-example';import {TreeLoadmoreExample} from './material/tree/tree-loadmore/tree-loadmore-example';import {TreeNestedOverviewExample} from './material/tree/tree-nested-overview/tree-nested-overview-example';import {CdkA11yExamplesModule} from './cdk/a11y/module';import {CdkDragDropExamplesModule} from './cdk/drag-drop/module';import {CdkPlatformExamplesModule} from './cdk/platform/module';import {CdkPopoverEditExamplesModule} from './cdk/popover-edit/module';import {CdkPortalExamplesModule} from './cdk/portal/module';import {CdkScrollingExamplesModule} from './cdk/scrolling/module';import {CdkStepperExamplesModule} from './cdk/stepper/module';import {CdkTableExamplesModule} from './cdk/table/module';import {CdkTextFieldExamplesModule} from './cdk/text-field/module';import {CdkTreeExamplesModule} from './cdk/tree/module';import {AutocompleteExamplesModule} from './material/autocomplete/module';import {BadgeExamplesModule} from './material/badge/module';import {BottomSheetExamplesModule} from './material/bottom-sheet/module';import {ButtonToggleExamplesModule} from './material/button-toggle/module';import {ButtonExamplesModule} from './material/button/module';import {CardExamplesModule} from './material/card/module';import {CheckboxExamplesModule} from './material/checkbox/module';import {ChipsExamplesModule} from './material/chips/module';import {CoreExamplesModule} from './material/core/module';import {DatepickerExamplesModule} from './material/datepicker/module';import {DialogExamplesModule} from './material/dialog/module';import {DividerExamplesModule} from './material/divider/module';import {ExpansionExamplesModule} from './material/expansion/module';import {FormFieldExamplesModule} from './material/form-field/module';import {GridListExamplesModule} from './material/grid-list/module';import {IconExamplesModule} from './material/icon/module';import {InputExamplesModule} from './material/input/module';import {ListExamplesModule} from './material/list/module';import {MenuExamplesModule} from './material/menu/module';import {PaginatorExamplesModule} from './material/paginator/module';import {PopoverEditExamplesModule} from './material/popover-edit/module';import {ProgressBarExamplesModule} from './material/progress-bar/module';import {ProgressSpinnerExamplesModule} from './material/progress-spinner/module';import {RadioExamplesModule} from './material/radio/module';import {SelectExamplesModule} from './material/select/module';import {SidenavExamplesModule} from './material/sidenav/module';import {SlideToggleExamplesModule} from './material/slide-toggle/module';import {SliderExamplesModule} from './material/slider/module';import {SnackBarExamplesModule} from './material/snack-bar/module';import {SortExamplesModule} from './material/sort/module';import {StepperExamplesModule} from './material/stepper/module';import {TableExamplesModule} from './material/table/module';import {TabGroupExamplesModule} from './material/tabs/module';import {ToolbarExamplesModule} from './material/toolbar/module';import {TooltipExamplesModule} from './material/tooltip/module';import {TreeExamplesModule} from './material/tree/module'; export interface LiveExample { title: string; @@ -25,18 +22,19 @@ export interface LiveExample { selectorName?: string; } -export const EXAMPLE_COMPONENTS: {[key: string]: LiveExample} = {"autocomplete-auto-active-first-option":{"title":"Highlight the first autocomplete option","component":AutocompleteAutoActiveFirstOptionExample,"additionalFiles":[],"selectorName":""},"autocomplete-display":{"title":"Display value autocomplete","component":AutocompleteDisplayExample,"additionalFiles":[],"selectorName":""},"autocomplete-filter":{"title":"Filter autocomplete","component":AutocompleteFilterExample,"additionalFiles":[],"selectorName":""},"autocomplete-optgroup":{"title":"Option groups autocomplete","component":AutocompleteOptgroupExample,"additionalFiles":[],"selectorName":""},"autocomplete-overview":{"title":"Autocomplete overview","component":AutocompleteOverviewExample,"additionalFiles":[],"selectorName":""},"autocomplete-plain-input":{"title":"Plain input autocomplete","component":AutocompletePlainInputExample,"additionalFiles":[],"selectorName":""},"autocomplete-simple":{"title":"Simple autocomplete","component":AutocompleteSimpleExample,"additionalFiles":[],"selectorName":""},"badge-overview":{"title":"Badge overview","component":BadgeOverviewExample,"additionalFiles":[],"selectorName":""},"bottom-sheet-overview":{"title":"Bottom Sheet Overview","component":BottomSheetOverviewExample,"additionalFiles":["bottom-sheet-overview-example-sheet.html"],"selectorName":"BottomSheetOverviewExample, BottomSheetOverviewExampleSheet"},"button-overview":{"title":"Basic buttons","component":ButtonOverviewExample,"additionalFiles":[],"selectorName":""},"button-toggle-appearance":{"title":"Button toggle appearance","component":ButtonToggleAppearanceExample,"additionalFiles":[],"selectorName":""},"button-toggle-exclusive":{"title":"Exclusive selection","component":ButtonToggleExclusiveExample,"additionalFiles":[],"selectorName":""},"button-toggle-overview":{"title":"Basic button-toggles","component":ButtonToggleOverviewExample,"additionalFiles":[],"selectorName":""},"button-types":{"title":"Button varieties","component":ButtonTypesExample,"additionalFiles":[],"selectorName":""},"card-fancy":{"title":"Card with multiple sections","component":CardFancyExample,"additionalFiles":[],"selectorName":""},"card-overview":{"title":"Basic cards","component":CardOverviewExample,"additionalFiles":[],"selectorName":""},"cdk-custom-stepper-without-form":{"title":"A custom CDK stepper without a form","component":CdkCustomStepperWithoutFormExample,"additionalFiles":["./example-custom-stepper.html","./example-custom-stepper.css"],"selectorName":"CdkCustomStepperWithoutFormExample, CustomStepper"},"cdk-drag-drop-axis-lock":{"title":"Drag&Drop position locking","component":CdkDragDropAxisLockExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-boundary":{"title":"Drag&Drop boundary","component":CdkDragDropBoundaryExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-connected-sorting-group":{"title":"Drag&Drop connected sorting group","component":CdkDragDropConnectedSortingGroupExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-connected-sorting":{"title":"Drag&Drop connected sorting","component":CdkDragDropConnectedSortingExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-custom-placeholder":{"title":"Drag&Drop custom placeholer","component":CdkDragDropCustomPlaceholderExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-custom-preview":{"title":"Drag&Drop custom preview","component":CdkDragDropCustomPreviewExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-delay":{"title":"Delayed dragging","component":CdkDragDropDelayExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-disabled-sorting":{"title":"Drag&Drop disabled sorting","component":CdkDragDropDisabledSortingExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-disabled":{"title":"Drag&Drop disabled","component":CdkDragDropDisabledExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-enter-predicate":{"title":"Drag&Drop enter predicate","component":CdkDragDropEnterPredicateExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-free-drag-position":{"title":"Programmatically setting the free drag position","component":CdkDragDropFreeDragPositionExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-handle":{"title":"Drag&Drop with a handle","component":CdkDragDropHandleExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-horizontal-sorting":{"title":"Drag&Drop horizontal sorting","component":CdkDragDropHorizontalSortingExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-overview":{"title":"Basic Drag&Drop","component":CdkDragDropOverviewExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-root-element":{"title":"Drag&Drop with alternate root element","component":CdkDragDropRootElementExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-sorting":{"title":"Drag&Drop sorting","component":CdkDragDropSortingExample,"additionalFiles":[],"selectorName":""},"cdk-platform-overview":{"title":"Platform overview","component":CdkPlatformOverviewExample,"additionalFiles":[],"selectorName":""},"cdk-popover-edit-cdk-table-flex":{"title":"CDK Popover Edit on a flex cdk-table.","component":CdkPopoverEditCdkTableFlexExample,"additionalFiles":[],"selectorName":""},"cdk-popover-edit-cdk-table":{"title":"CDK Popover Edit on a CDK data-table","component":CdkPopoverEditCdkTableExample,"additionalFiles":[],"selectorName":""},"cdk-popover-edit-cell-span-vanilla-table":{"title":"CDK Popover Edit spanning multiple columns on an HTML data-table","component":CdkPopoverEditCellSpanVanillaTableExample,"additionalFiles":[],"selectorName":""},"cdk-popover-edit-tab-out-vanilla-table":{"title":"CDK Popover Edit with spreadsheet-like configuration on an HTML data-table","component":CdkPopoverEditTabOutVanillaTableExample,"additionalFiles":[],"selectorName":""},"cdk-popover-edit-vanilla-table":{"title":"CDK Popover Edit on an HTML data-table","component":CdkPopoverEditVanillaTableExample,"additionalFiles":[],"selectorName":""},"cdk-portal-overview":{"title":"Portal overview","component":CdkPortalOverviewExample,"additionalFiles":[],"selectorName":"CdkPortalOverviewExample, ComponentPortalExample"},"cdk-table-basic-flex":{"title":"Basic use of `` (uses display flex)","component":CdkTableBasicFlexExample,"additionalFiles":[],"selectorName":""},"cdk-table-basic":{"title":"Basic CDK data-table","component":CdkTableBasicExample,"additionalFiles":[],"selectorName":""},"cdk-tree-flat":{"title":"Tree with flat nodes","component":CdkTreeFlatExample,"additionalFiles":[],"selectorName":""},"cdk-tree-nested":{"title":"Tree with nested nodes","component":CdkTreeNestedExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-context":{"title":"Virtual scroll context variables","component":CdkVirtualScrollContextExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-custom-strategy":{"title":"Virtual scroll with a custom strategy","component":CdkVirtualScrollCustomStrategyExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-data-source":{"title":"Virtual scroll with a custom data source","component":CdkVirtualScrollDataSourceExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-dl":{"title":"Virtual scrolling `
`","component":CdkVirtualScrollDlExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-fixed-buffer":{"title":"Fixed size virtual scroll with custom buffer parameters","component":CdkVirtualScrollFixedBufferExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-horizontal":{"title":"Horizontal virtual scroll","component":CdkVirtualScrollHorizontalExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-overview":{"title":"Basic virtual scroll","component":CdkVirtualScrollOverviewExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-template-cache":{"title":"Virtual scroll with no template caching","component":CdkVirtualScrollTemplateCacheExample,"additionalFiles":[],"selectorName":""},"checkbox-configurable":{"title":"Configurable checkbox","component":CheckboxConfigurableExample,"additionalFiles":[],"selectorName":""},"checkbox-overview":{"title":"Basic checkboxes","component":CheckboxOverviewExample,"additionalFiles":[],"selectorName":""},"chips-autocomplete":{"title":"Chips Autocomplete","component":ChipsAutocompleteExample,"additionalFiles":[],"selectorName":""},"chips-drag-drop":{"title":"Chips Drag and Drop","component":ChipsDragDropExample,"additionalFiles":[],"selectorName":""},"chips-input":{"title":"Chips with input","component":ChipsInputExample,"additionalFiles":[],"selectorName":""},"chips-overview":{"title":"Basic chips","component":ChipsOverviewExample,"additionalFiles":[],"selectorName":""},"chips-stacked":{"title":"Stacked chips","component":ChipsStackedExample,"additionalFiles":[],"selectorName":""},"datepicker-api":{"title":"Datepicker open method","component":DatepickerApiExample,"additionalFiles":[],"selectorName":""},"datepicker-color":{"title":"Datepicker palette colors","component":DatepickerColorExample,"additionalFiles":[],"selectorName":""},"datepicker-custom-header":{"title":"Datepicker with custom calendar header","component":DatepickerCustomHeaderExample,"additionalFiles":[],"selectorName":"DatepickerCustomHeaderExample, ExampleHeader"},"datepicker-custom-icon":{"title":"Datepicker with custom icon","component":DatepickerCustomIconExample,"additionalFiles":[],"selectorName":""},"datepicker-date-class":{"title":"Datepicker with custom date classes","component":DatepickerDateClassExample,"additionalFiles":[],"selectorName":""},"datepicker-disabled":{"title":"Disabled datepicker","component":DatepickerDisabledExample,"additionalFiles":[],"selectorName":""},"datepicker-events":{"title":"Datepicker input and change events","component":DatepickerEventsExample,"additionalFiles":[],"selectorName":""},"datepicker-filter":{"title":"Datepicker with filter validation","component":DatepickerFilterExample,"additionalFiles":[],"selectorName":""},"datepicker-formats":{"title":"Datepicker with custom formats","component":DatepickerFormatsExample,"additionalFiles":[],"selectorName":""},"datepicker-locale":{"title":"Datepicker with different locale","component":DatepickerLocaleExample,"additionalFiles":[],"selectorName":""},"datepicker-min-max":{"title":"Datepicker with min & max validation","component":DatepickerMinMaxExample,"additionalFiles":[],"selectorName":""},"datepicker-moment":{"title":"Datepicker that uses Moment.js dates","component":DatepickerMomentExample,"additionalFiles":[],"selectorName":""},"datepicker-overview":{"title":"Basic datepicker","component":DatepickerOverviewExample,"additionalFiles":[],"selectorName":""},"datepicker-start-view":{"title":"Datepicker start date","component":DatepickerStartViewExample,"additionalFiles":[],"selectorName":""},"datepicker-touch":{"title":"Datepicker touch UI","component":DatepickerTouchExample,"additionalFiles":[],"selectorName":""},"datepicker-value":{"title":"Datepicker selected value","component":DatepickerValueExample,"additionalFiles":[],"selectorName":""},"datepicker-views-selection":{"title":"Datepicker emulating a Year and month picker","component":DatepickerViewsSelectionExample,"additionalFiles":[],"selectorName":""},"dialog-content":{"title":"Dialog with header, scrollable content and actions","component":DialogContentExample,"additionalFiles":["dialog-content-example-dialog.html"],"selectorName":"DialogContentExample, DialogContentExampleDialog"},"dialog-data":{"title":"Injecting data when opening a dialog","component":DialogDataExample,"additionalFiles":["dialog-data-example-dialog.html"],"selectorName":"DialogDataExample, DialogDataExampleDialog"},"dialog-elements":{"title":"Dialog elements","component":DialogElementsExample,"additionalFiles":["dialog-elements-example-dialog.html"],"selectorName":"DialogElementsExample, DialogElementsExampleDialog"},"dialog-overview":{"title":"Dialog Overview","component":DialogOverviewExample,"additionalFiles":["dialog-overview-example-dialog.html"],"selectorName":"DialogOverviewExample, DialogOverviewExampleDialog"},"divider-overview":{"title":"Basic divider","component":DividerOverviewExample,"additionalFiles":[],"selectorName":""},"elevation-overview":{"title":"Elevation CSS classes","component":ElevationOverviewExample,"additionalFiles":[],"selectorName":""},"expansion-expand-collapse-all":{"title":"Accordion with expand/collapse all toggles","component":ExpansionExpandCollapseAllExample,"additionalFiles":[],"selectorName":""},"expansion-overview":{"title":"Basic expansion panel","component":ExpansionOverviewExample,"additionalFiles":[],"selectorName":""},"expansion-steps":{"title":"Expansion panel as accordion","component":ExpansionStepsExample,"additionalFiles":[],"selectorName":""},"focus-monitor-directives":{"title":"Monitoring focus with FocusMonitor","component":FocusMonitorDirectivesExample,"additionalFiles":[],"selectorName":""},"focus-monitor-focus-via":{"title":"Focusing with a specific FocusOrigin","component":FocusMonitorFocusViaExample,"additionalFiles":[],"selectorName":""},"focus-monitor-overview":{"title":"Monitoring focus with FocusMonitor","component":FocusMonitorOverviewExample,"additionalFiles":[],"selectorName":""},"form-field-appearance":{"title":"Form field appearance variants","component":FormFieldAppearanceExample,"additionalFiles":[],"selectorName":""},"form-field-custom-control":{"title":"Form field with custom telephone number input control.","component":FormFieldCustomControlExample,"additionalFiles":["example-tel-input-example.html","example-tel-input-example.css"],"selectorName":"FormFieldCustomControlExample, MyTelInput"},"form-field-error":{"title":"Form field with error messages","component":FormFieldErrorExample,"additionalFiles":[],"selectorName":""},"form-field-hint":{"title":"Form field with hints","component":FormFieldHintExample,"additionalFiles":[],"selectorName":""},"form-field-label":{"title":"Form field with label","component":FormFieldLabelExample,"additionalFiles":[],"selectorName":""},"form-field-overview":{"title":"Simple form field","component":FormFieldOverviewExample,"additionalFiles":[],"selectorName":""},"form-field-prefix-suffix":{"title":"Form field with prefix & suffix","component":FormFieldPrefixSuffixExample,"additionalFiles":[],"selectorName":""},"form-field-theming":{"title":"Form field theming","component":FormFieldThemingExample,"additionalFiles":[],"selectorName":""},"grid-list-dynamic":{"title":"Dynamic grid-list","component":GridListDynamicExample,"additionalFiles":[],"selectorName":""},"grid-list-overview":{"title":"Basic grid-list","component":GridListOverviewExample,"additionalFiles":[],"selectorName":""},"icon-overview":{"title":"Basic icons","component":IconOverviewExample,"additionalFiles":[],"selectorName":""},"icon-svg":{"title":"SVG icons","component":IconSvgExample,"additionalFiles":[],"selectorName":""},"input-clearable":{"title":"Input with a clear button","component":InputClearableExample,"additionalFiles":[],"selectorName":""},"input-error-state-matcher":{"title":"Input with a custom ErrorStateMatcher","component":InputErrorStateMatcherExample,"additionalFiles":[],"selectorName":""},"input-errors":{"title":"Input with error messages","component":InputErrorsExample,"additionalFiles":[],"selectorName":""},"input-form":{"title":"Inputs in a form","component":InputFormExample,"additionalFiles":[],"selectorName":""},"input-hint":{"title":"Input with hints","component":InputHintExample,"additionalFiles":[],"selectorName":""},"input-overview":{"title":"Basic Inputs","component":InputOverviewExample,"additionalFiles":[],"selectorName":""},"input-prefix-suffix":{"title":"Inputs with prefixes and suffixes","component":InputPrefixSuffixExample,"additionalFiles":[],"selectorName":""},"list-overview":{"title":"Basic list","component":ListOverviewExample,"additionalFiles":[],"selectorName":""},"list-sections":{"title":"List with sections","component":ListSectionsExample,"additionalFiles":[],"selectorName":""},"list-selection":{"title":"List with selection","component":ListSelectionExample,"additionalFiles":[],"selectorName":""},"menu-icons":{"title":"Menu with icons","component":MenuIconsExample,"additionalFiles":[],"selectorName":""},"menu-overview":{"title":"Basic menu","component":MenuOverviewExample,"additionalFiles":[],"selectorName":""},"menu-position":{"title":"Menu positioning","component":MenuPositionExample,"additionalFiles":[],"selectorName":""},"nested-menu":{"title":"Nested menu","component":NestedMenuExample,"additionalFiles":[],"selectorName":""},"paginator-configurable":{"title":"Configurable paginator","component":PaginatorConfigurableExample,"additionalFiles":[],"selectorName":""},"paginator-overview":{"title":"Paginator","component":PaginatorOverviewExample,"additionalFiles":[],"selectorName":""},"popover-edit-cell-span-mat-table":{"title":"Material Popover Edit spanning multiple columns on a Material data-table","component":PopoverEditCellSpanMatTableExample,"additionalFiles":[],"selectorName":""},"popover-edit-mat-table-flex":{"title":"Material Popover Edit on a flex Material data-table","component":PopoverEditMatTableFlexExample,"additionalFiles":[],"selectorName":""},"popover-edit-mat-table":{"title":"Material Popover Edit on a Material data-table","component":PopoverEditMatTableExample,"additionalFiles":[],"selectorName":""},"popover-edit-tab-out-mat-table":{"title":"Material Popover Edit with spreadsheet-like configuration on a Material data-table","component":PopoverEditTabOutMatTableExample,"additionalFiles":[],"selectorName":""},"progress-bar-buffer":{"title":"Buffer progress-bar","component":ProgressBarBufferExample,"additionalFiles":[],"selectorName":""},"progress-bar-configurable":{"title":"Configurable progress-bar","component":ProgressBarConfigurableExample,"additionalFiles":[],"selectorName":""},"progress-bar-determinate":{"title":"Determinate progress-bar","component":ProgressBarDeterminateExample,"additionalFiles":[],"selectorName":""},"progress-bar-indeterminate":{"title":"Indeterminate progress-bar","component":ProgressBarIndeterminateExample,"additionalFiles":[],"selectorName":""},"progress-bar-query":{"title":"Query progress-bar","component":ProgressBarQueryExample,"additionalFiles":[],"selectorName":""},"progress-spinner-configurable":{"title":"Configurable progress spinner","component":ProgressSpinnerConfigurableExample,"additionalFiles":[],"selectorName":""},"progress-spinner-overview":{"title":"Basic progress-spinner","component":ProgressSpinnerOverviewExample,"additionalFiles":[],"selectorName":""},"radio-ng-model":{"title":"Radios with ngModel","component":RadioNgModelExample,"additionalFiles":[],"selectorName":""},"radio-overview":{"title":"Basic radios","component":RadioOverviewExample,"additionalFiles":[],"selectorName":""},"ripple-overview":{"title":"MatRipple basic usage","component":RippleOverviewExample,"additionalFiles":[],"selectorName":""},"select-custom-trigger":{"title":"Select with custom trigger text","component":SelectCustomTriggerExample,"additionalFiles":[],"selectorName":""},"select-disabled":{"title":"Disabled select","component":SelectDisabledExample,"additionalFiles":[],"selectorName":""},"select-error-state-matcher":{"title":"Select with a custom ErrorStateMatcher","component":SelectErrorStateMatcherExample,"additionalFiles":[],"selectorName":""},"select-form":{"title":"Select in a form","component":SelectFormExample,"additionalFiles":[],"selectorName":""},"select-hint-error":{"title":"Select with form field features","component":SelectHintErrorExample,"additionalFiles":[],"selectorName":""},"select-multiple":{"title":"Select with multiple selection","component":SelectMultipleExample,"additionalFiles":[],"selectorName":""},"select-no-ripple":{"title":"Select with no option ripple","component":SelectNoRippleExample,"additionalFiles":[],"selectorName":""},"select-optgroup":{"title":"Select with option groups","component":SelectOptgroupExample,"additionalFiles":[],"selectorName":""},"select-overview":{"title":"Basic select","component":SelectOverviewExample,"additionalFiles":[],"selectorName":""},"select-panel-class":{"title":"Select with custom panel styling","component":SelectPanelClassExample,"additionalFiles":[],"selectorName":""},"select-reset":{"title":"Select with reset option","component":SelectResetExample,"additionalFiles":[],"selectorName":""},"select-value-binding":{"title":"Select with 2-way value binding","component":SelectValueBindingExample,"additionalFiles":[],"selectorName":""},"sidenav-autosize":{"title":"Autosize sidenav","component":SidenavAutosizeExample,"additionalFiles":[],"selectorName":""},"sidenav-backdrop":{"title":"Drawer with explicit backdrop setting","component":SidenavBackdropExample,"additionalFiles":[],"selectorName":""},"sidenav-disable-close":{"title":"Sidenav with custom escape and backdrop click behavior","component":SidenavDisableCloseExample,"additionalFiles":[],"selectorName":""},"sidenav-drawer-overview":{"title":"Basic drawer","component":SidenavDrawerOverviewExample,"additionalFiles":[],"selectorName":""},"sidenav-fixed":{"title":"Fixed sidenav","component":SidenavFixedExample,"additionalFiles":[],"selectorName":""},"sidenav-mode":{"title":"Sidenav with configurable mode","component":SidenavModeExample,"additionalFiles":[],"selectorName":""},"sidenav-open-close":{"title":"Sidenav open & close behavior","component":SidenavOpenCloseExample,"additionalFiles":[],"selectorName":""},"sidenav-overview":{"title":"Basic sidenav","component":SidenavOverviewExample,"additionalFiles":[],"selectorName":""},"sidenav-position":{"title":"Implicit main content with two sidenavs","component":SidenavPositionExample,"additionalFiles":[],"selectorName":""},"sidenav-responsive":{"title":"Responsive sidenav","component":SidenavResponsiveExample,"additionalFiles":[],"selectorName":""},"slide-toggle-configurable":{"title":"Configurable slide-toggle","component":SlideToggleConfigurableExample,"additionalFiles":[],"selectorName":""},"slide-toggle-forms":{"title":"Slide-toggle with forms","component":SlideToggleFormsExample,"additionalFiles":[],"selectorName":""},"slide-toggle-overview":{"title":"Basic slide-toggles","component":SlideToggleOverviewExample,"additionalFiles":[],"selectorName":""},"slider-configurable":{"title":"Configurable slider","component":SliderConfigurableExample,"additionalFiles":[],"selectorName":""},"slider-formatting":{"title":"Slider with custom thumb label formatting.","component":SliderFormattingExample,"additionalFiles":[],"selectorName":""},"slider-overview":{"title":"Basic slider","component":SliderOverviewExample,"additionalFiles":[],"selectorName":""},"snack-bar-component":{"title":"Snack-bar with a custom component","component":SnackBarComponentExample,"additionalFiles":["snack-bar-component-example-snack.html"],"selectorName":"SnackBarComponentExample, PizzaPartyComponent"},"snack-bar-overview":{"title":"Basic snack-bar","component":SnackBarOverviewExample,"additionalFiles":[],"selectorName":""},"snack-bar-position":{"title":"Snack-bar with configurable position","component":SnackBarPositionExample,"additionalFiles":[],"selectorName":""},"sort-overview":{"title":"Sorting overview","component":SortOverviewExample,"additionalFiles":[],"selectorName":""},"stepper-editable":{"title":"Stepper with editable steps","component":StepperEditableExample,"additionalFiles":[],"selectorName":""},"stepper-errors":{"title":"Stepper that displays errors in the steps","component":StepperErrorsExample,"additionalFiles":[],"selectorName":""},"stepper-label-position-bottom":{"title":"Stepper label bottom position","component":StepperLabelPositionBottomExample,"additionalFiles":[],"selectorName":""},"stepper-optional":{"title":"Stepper with optional steps","component":StepperOptionalExample,"additionalFiles":[],"selectorName":""},"stepper-overview":{"title":"Stepper overview","component":StepperOverviewExample,"additionalFiles":[],"selectorName":""},"stepper-states":{"title":"Stepper with customized states","component":StepperStatesExample,"additionalFiles":[],"selectorName":""},"stepper-vertical":{"title":"Stepper vertical","component":StepperVerticalExample,"additionalFiles":[],"selectorName":""},"tab-group-align":{"title":"Tab group with aligned labels","component":TabGroupAlignExample,"additionalFiles":[],"selectorName":""},"tab-group-animations":{"title":"Tab group animations","component":TabGroupAnimationsExample,"additionalFiles":[],"selectorName":""},"tab-group-async":{"title":"Tab group with asynchronously loading tab contents","component":TabGroupAsyncExample,"additionalFiles":[],"selectorName":""},"tab-group-basic":{"title":"Basic use of the tab group","component":TabGroupBasicExample,"additionalFiles":[],"selectorName":""},"tab-group-custom-label":{"title":"Using tabs with a custom label template","component":TabGroupCustomLabelExample,"additionalFiles":[],"selectorName":""},"tab-group-dynamic-height":{"title":"Tab group with dynamic height based on tab contents","component":TabGroupDynamicHeightExample,"additionalFiles":[],"selectorName":""},"tab-group-dynamic":{"title":"Tab group with dynamically changing tabs","component":TabGroupDynamicExample,"additionalFiles":[],"selectorName":""},"tab-group-header-below":{"title":"Tab group with the headers on the bottom","component":TabGroupHeaderBelowExample,"additionalFiles":[],"selectorName":""},"tab-group-lazy-loaded":{"title":"Tab group where the tab content is loaded lazily (when activated)","component":TabGroupLazyLoadedExample,"additionalFiles":[],"selectorName":""},"tab-group-stretched":{"title":"Tab group with stretched labels","component":TabGroupStretchedExample,"additionalFiles":[],"selectorName":""},"tab-group-theme":{"title":"Customizing the theme options on the tab group","component":TabGroupThemeExample,"additionalFiles":[],"selectorName":""},"tab-nav-bar-basic":{"title":"Basic use of the tab nav bar","component":TabNavBarBasicExample,"additionalFiles":[],"selectorName":""},"table-basic-flex":{"title":"Basic use of `` (uses display flex)","component":TableBasicFlexExample,"additionalFiles":[],"selectorName":""},"table-basic":{"title":"Basic use of ``","component":TableBasicExample,"additionalFiles":[],"selectorName":""},"table-dynamic-columns":{"title":"Table dynamically changing the columns displayed","component":TableDynamicColumnsExample,"additionalFiles":[],"selectorName":""},"table-expandable-rows":{"title":"Table with expandable rows","component":TableExpandableRowsExample,"additionalFiles":[],"selectorName":""},"table-filtering":{"title":"Table with filtering","component":TableFilteringExample,"additionalFiles":[],"selectorName":""},"table-footer-row":{"title":"Footer row table","component":TableFooterRowExample,"additionalFiles":[],"selectorName":""},"table-http":{"title":"Table retrieving data through HTTP","component":TableHttpExample,"additionalFiles":[],"selectorName":""},"table-multiple-header-footer":{"title":"Table with multiple header and footer rows","component":TableMultipleHeaderFooterExample,"additionalFiles":[],"selectorName":""},"table-overview":{"title":"Data table with sorting, pagination, and filtering.","component":TableOverviewExample,"additionalFiles":[],"selectorName":""},"table-pagination":{"title":"Table with pagination","component":TablePaginationExample,"additionalFiles":[],"selectorName":""},"table-row-context":{"title":"Table showing each row context properties.","component":TableRowContextExample,"additionalFiles":[],"selectorName":""},"table-selection":{"title":"Table with selection","component":TableSelectionExample,"additionalFiles":[],"selectorName":""},"table-sorting":{"title":"Table with sorting","component":TableSortingExample,"additionalFiles":[],"selectorName":""},"table-sticky-columns":{"title":"Table with sticky columns","component":TableStickyColumnsExample,"additionalFiles":[],"selectorName":""},"table-sticky-complex-flex":{"title":"Flex-layout tables with toggle-able sticky headers, footers, and columns","component":TableStickyComplexFlexExample,"additionalFiles":[],"selectorName":""},"table-sticky-complex":{"title":"Tables with toggle-able sticky headers, footers, and columns","component":TableStickyComplexExample,"additionalFiles":[],"selectorName":""},"table-sticky-footer":{"title":"Table with a sticky footer","component":TableStickyFooterExample,"additionalFiles":[],"selectorName":""},"table-sticky-header":{"title":"Table with sticky header","component":TableStickyHeaderExample,"additionalFiles":[],"selectorName":""},"table-text-column-advanced":{"title":"Use of 'mat-text-column' with various configurations of the interface.","component":TableTextColumnAdvancedExample,"additionalFiles":[],"selectorName":""},"table-text-column":{"title":"Use of `mat-text-column` which can be used for simple columns that only need to display\na text value for the header and cells.","component":TableTextColumnExample,"additionalFiles":[],"selectorName":""},"table-wrapped":{"title":"Table example that shows how to wrap a table component for definition and behavior reuse.","component":TableWrappedExample,"additionalFiles":["wrapper-table.html"],"selectorName":"TableWrappedExample, WrapperTable"},"text-field-autofill-directive":{"title":"Monitoring autofill state with cdkAutofill","component":TextFieldAutofillDirectiveExample,"additionalFiles":[],"selectorName":""},"text-field-autofill-monitor":{"title":"Monitoring autofill state with AutofillMonitor","component":TextFieldAutofillMonitorExample,"additionalFiles":[],"selectorName":""},"text-field-autosize-textarea":{"title":"Auto-resizing textarea","component":TextFieldAutosizeTextareaExample,"additionalFiles":[],"selectorName":""},"toolbar-multirow":{"title":"Multi-row toolbar","component":ToolbarMultirowExample,"additionalFiles":[],"selectorName":""},"toolbar-overview":{"title":"Basic toolbar","component":ToolbarOverviewExample,"additionalFiles":[],"selectorName":""},"tooltip-auto-hide":{"title":"Tooltip that demonstrates auto-hiding when it clips out of its scrolling container.","component":TooltipAutoHideExample,"additionalFiles":[],"selectorName":""},"tooltip-custom-class":{"title":"Tooltip that can have a custom class applied.","component":TooltipCustomClassExample,"additionalFiles":[],"selectorName":""},"tooltip-delay":{"title":"Tooltip with a show and hide delay","component":TooltipDelayExample,"additionalFiles":[],"selectorName":""},"tooltip-disabled":{"title":"Tooltip that can be disabled","component":TooltipDisabledExample,"additionalFiles":[],"selectorName":""},"tooltip-manual":{"title":"Tooltip that can be manually shown/hidden.","component":TooltipManualExample,"additionalFiles":[],"selectorName":""},"tooltip-message":{"title":"Tooltip with a changing message","component":TooltipMessageExample,"additionalFiles":[],"selectorName":""},"tooltip-modified-defaults":{"title":"Tooltip with a show and hide delay","component":TooltipModifiedDefaultsExample,"additionalFiles":[],"selectorName":""},"tooltip-overview":{"title":"Basic tooltip","component":TooltipOverviewExample,"additionalFiles":[],"selectorName":""},"tooltip-position":{"title":"Tooltip with a custom position","component":TooltipPositionExample,"additionalFiles":[],"selectorName":""},"tree-checklist":{"title":"Tree with checkboxes","component":TreeChecklistExample,"additionalFiles":[],"selectorName":""},"tree-dynamic":{"title":"Tree with dynamic data","component":TreeDynamicExample,"additionalFiles":[],"selectorName":""},"tree-flat-overview":{"title":"Tree with flat nodes","component":TreeFlatOverviewExample,"additionalFiles":[],"selectorName":""},"tree-loadmore":{"title":"Tree with partially loaded data","component":TreeLoadmoreExample,"additionalFiles":[],"selectorName":""},"tree-nested-overview":{"title":"Tree with nested nodes","component":TreeNestedOverviewExample,"additionalFiles":[],"selectorName":""}}; +export const EXAMPLE_COMPONENTS: {[key: string]: LiveExample} = {"focus-monitor-directives":{"title":"Monitoring focus with FocusMonitor","component":FocusMonitorDirectivesExample,"additionalFiles":[],"selectorName":""},"focus-monitor-focus-via":{"title":"Focusing with a specific FocusOrigin","component":FocusMonitorFocusViaExample,"additionalFiles":[],"selectorName":""},"focus-monitor-overview":{"title":"Monitoring focus with FocusMonitor","component":FocusMonitorOverviewExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-axis-lock":{"title":"Drag&Drop position locking","component":CdkDragDropAxisLockExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-boundary":{"title":"Drag&Drop boundary","component":CdkDragDropBoundaryExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-connected-sorting-group":{"title":"Drag&Drop connected sorting group","component":CdkDragDropConnectedSortingGroupExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-connected-sorting":{"title":"Drag&Drop connected sorting","component":CdkDragDropConnectedSortingExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-custom-placeholder":{"title":"Drag&Drop custom placeholer","component":CdkDragDropCustomPlaceholderExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-custom-preview":{"title":"Drag&Drop custom preview","component":CdkDragDropCustomPreviewExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-delay":{"title":"Delayed dragging","component":CdkDragDropDelayExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-disabled-sorting":{"title":"Drag&Drop disabled sorting","component":CdkDragDropDisabledSortingExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-disabled":{"title":"Drag&Drop disabled","component":CdkDragDropDisabledExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-enter-predicate":{"title":"Drag&Drop enter predicate","component":CdkDragDropEnterPredicateExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-free-drag-position":{"title":"Programmatically setting the free drag position","component":CdkDragDropFreeDragPositionExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-handle":{"title":"Drag&Drop with a handle","component":CdkDragDropHandleExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-horizontal-sorting":{"title":"Drag&Drop horizontal sorting","component":CdkDragDropHorizontalSortingExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-overview":{"title":"Basic Drag&Drop","component":CdkDragDropOverviewExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-root-element":{"title":"Drag&Drop with alternate root element","component":CdkDragDropRootElementExample,"additionalFiles":[],"selectorName":""},"cdk-drag-drop-sorting":{"title":"Drag&Drop sorting","component":CdkDragDropSortingExample,"additionalFiles":[],"selectorName":""},"cdk-platform-overview":{"title":"Platform overview","component":CdkPlatformOverviewExample,"additionalFiles":[],"selectorName":""},"cdk-popover-edit-cdk-table-flex":{"title":"CDK Popover Edit on a flex cdk-table.","component":CdkPopoverEditCdkTableFlexExample,"additionalFiles":[],"selectorName":""},"cdk-popover-edit-cdk-table":{"title":"CDK Popover Edit on a CDK data-table","component":CdkPopoverEditCdkTableExample,"additionalFiles":[],"selectorName":""},"cdk-popover-edit-cell-span-vanilla-table":{"title":"CDK Popover Edit spanning multiple columns on an HTML data-table","component":CdkPopoverEditCellSpanVanillaTableExample,"additionalFiles":[],"selectorName":""},"cdk-popover-edit-tab-out-vanilla-table":{"title":"CDK Popover Edit with spreadsheet-like configuration on an HTML data-table","component":CdkPopoverEditTabOutVanillaTableExample,"additionalFiles":[],"selectorName":""},"cdk-popover-edit-vanilla-table":{"title":"CDK Popover Edit on an HTML data-table","component":CdkPopoverEditVanillaTableExample,"additionalFiles":[],"selectorName":""},"cdk-portal-overview":{"title":"Portal overview","component":CdkPortalOverviewExample,"additionalFiles":[],"selectorName":"CdkPortalOverviewExample, ComponentPortalExample"},"cdk-virtual-scroll-context":{"title":"Virtual scroll context variables","component":CdkVirtualScrollContextExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-custom-strategy":{"title":"Virtual scroll with a custom strategy","component":CdkVirtualScrollCustomStrategyExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-data-source":{"title":"Virtual scroll with a custom data source","component":CdkVirtualScrollDataSourceExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-dl":{"title":"Virtual scrolling `
`","component":CdkVirtualScrollDlExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-fixed-buffer":{"title":"Fixed size virtual scroll with custom buffer parameters","component":CdkVirtualScrollFixedBufferExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-horizontal":{"title":"Horizontal virtual scroll","component":CdkVirtualScrollHorizontalExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-overview":{"title":"Basic virtual scroll","component":CdkVirtualScrollOverviewExample,"additionalFiles":[],"selectorName":""},"cdk-virtual-scroll-template-cache":{"title":"Virtual scroll with no template caching","component":CdkVirtualScrollTemplateCacheExample,"additionalFiles":[],"selectorName":""},"cdk-custom-stepper-without-form":{"title":"A custom CDK stepper without a form","component":CdkCustomStepperWithoutFormExample,"additionalFiles":["./example-custom-stepper.html","./example-custom-stepper.css"],"selectorName":"CdkCustomStepperWithoutFormExample, CustomStepper"},"cdk-table-basic-flex":{"title":"Basic use of `` (uses display flex)","component":CdkTableBasicFlexExample,"additionalFiles":[],"selectorName":""},"cdk-table-basic":{"title":"Basic CDK data-table","component":CdkTableBasicExample,"additionalFiles":[],"selectorName":""},"text-field-autofill-directive":{"title":"Monitoring autofill state with cdkAutofill","component":TextFieldAutofillDirectiveExample,"additionalFiles":[],"selectorName":""},"text-field-autofill-monitor":{"title":"Monitoring autofill state with AutofillMonitor","component":TextFieldAutofillMonitorExample,"additionalFiles":[],"selectorName":""},"text-field-autosize-textarea":{"title":"Auto-resizing textarea","component":TextFieldAutosizeTextareaExample,"additionalFiles":[],"selectorName":""},"cdk-tree-flat":{"title":"Tree with flat nodes","component":CdkTreeFlatExample,"additionalFiles":[],"selectorName":""},"cdk-tree-nested":{"title":"Tree with nested nodes","component":CdkTreeNestedExample,"additionalFiles":[],"selectorName":""},"autocomplete-auto-active-first-option":{"title":"Highlight the first autocomplete option","component":AutocompleteAutoActiveFirstOptionExample,"additionalFiles":[],"selectorName":""},"autocomplete-display":{"title":"Display value autocomplete","component":AutocompleteDisplayExample,"additionalFiles":[],"selectorName":""},"autocomplete-filter":{"title":"Filter autocomplete","component":AutocompleteFilterExample,"additionalFiles":[],"selectorName":""},"autocomplete-optgroup":{"title":"Option groups autocomplete","component":AutocompleteOptgroupExample,"additionalFiles":[],"selectorName":""},"autocomplete-overview":{"title":"Autocomplete overview","component":AutocompleteOverviewExample,"additionalFiles":[],"selectorName":""},"autocomplete-plain-input":{"title":"Plain input autocomplete","component":AutocompletePlainInputExample,"additionalFiles":[],"selectorName":""},"autocomplete-simple":{"title":"Simple autocomplete","component":AutocompleteSimpleExample,"additionalFiles":[],"selectorName":""},"badge-overview":{"title":"Badge overview","component":BadgeOverviewExample,"additionalFiles":[],"selectorName":""},"bottom-sheet-overview":{"title":"Bottom Sheet Overview","component":BottomSheetOverviewExample,"additionalFiles":["bottom-sheet-overview-example-sheet.html"],"selectorName":"BottomSheetOverviewExample, BottomSheetOverviewExampleSheet"},"button-toggle-appearance":{"title":"Button toggle appearance","component":ButtonToggleAppearanceExample,"additionalFiles":[],"selectorName":""},"button-toggle-exclusive":{"title":"Exclusive selection","component":ButtonToggleExclusiveExample,"additionalFiles":[],"selectorName":""},"button-toggle-overview":{"title":"Basic button-toggles","component":ButtonToggleOverviewExample,"additionalFiles":[],"selectorName":""},"button-overview":{"title":"Basic buttons","component":ButtonOverviewExample,"additionalFiles":[],"selectorName":""},"button-types":{"title":"Button varieties","component":ButtonTypesExample,"additionalFiles":[],"selectorName":""},"card-fancy":{"title":"Card with multiple sections","component":CardFancyExample,"additionalFiles":[],"selectorName":""},"card-overview":{"title":"Basic cards","component":CardOverviewExample,"additionalFiles":[],"selectorName":""},"checkbox-configurable":{"title":"Configurable checkbox","component":CheckboxConfigurableExample,"additionalFiles":[],"selectorName":""},"checkbox-overview":{"title":"Basic checkboxes","component":CheckboxOverviewExample,"additionalFiles":[],"selectorName":""},"chips-autocomplete":{"title":"Chips Autocomplete","component":ChipsAutocompleteExample,"additionalFiles":[],"selectorName":""},"chips-drag-drop":{"title":"Chips Drag and Drop","component":ChipsDragDropExample,"additionalFiles":[],"selectorName":""},"chips-input":{"title":"Chips with input","component":ChipsInputExample,"additionalFiles":[],"selectorName":""},"chips-overview":{"title":"Basic chips","component":ChipsOverviewExample,"additionalFiles":[],"selectorName":""},"chips-stacked":{"title":"Stacked chips","component":ChipsStackedExample,"additionalFiles":[],"selectorName":""},"elevation-overview":{"title":"Elevation CSS classes","component":ElevationOverviewExample,"additionalFiles":[],"selectorName":""},"ripple-overview":{"title":"MatRipple basic usage","component":RippleOverviewExample,"additionalFiles":[],"selectorName":""},"datepicker-api":{"title":"Datepicker open method","component":DatepickerApiExample,"additionalFiles":[],"selectorName":""},"datepicker-color":{"title":"Datepicker palette colors","component":DatepickerColorExample,"additionalFiles":[],"selectorName":""},"datepicker-custom-header":{"title":"Datepicker with custom calendar header","component":DatepickerCustomHeaderExample,"additionalFiles":[],"selectorName":"DatepickerCustomHeaderExample, ExampleHeader"},"datepicker-custom-icon":{"title":"Datepicker with custom icon","component":DatepickerCustomIconExample,"additionalFiles":[],"selectorName":""},"datepicker-date-class":{"title":"Datepicker with custom date classes","component":DatepickerDateClassExample,"additionalFiles":[],"selectorName":""},"datepicker-disabled":{"title":"Disabled datepicker","component":DatepickerDisabledExample,"additionalFiles":[],"selectorName":""},"datepicker-events":{"title":"Datepicker input and change events","component":DatepickerEventsExample,"additionalFiles":[],"selectorName":""},"datepicker-filter":{"title":"Datepicker with filter validation","component":DatepickerFilterExample,"additionalFiles":[],"selectorName":""},"datepicker-formats":{"title":"Datepicker with custom formats","component":DatepickerFormatsExample,"additionalFiles":[],"selectorName":""},"datepicker-locale":{"title":"Datepicker with different locale","component":DatepickerLocaleExample,"additionalFiles":[],"selectorName":""},"datepicker-min-max":{"title":"Datepicker with min & max validation","component":DatepickerMinMaxExample,"additionalFiles":[],"selectorName":""},"datepicker-moment":{"title":"Datepicker that uses Moment.js dates","component":DatepickerMomentExample,"additionalFiles":[],"selectorName":""},"datepicker-overview":{"title":"Basic datepicker","component":DatepickerOverviewExample,"additionalFiles":[],"selectorName":""},"datepicker-start-view":{"title":"Datepicker start date","component":DatepickerStartViewExample,"additionalFiles":[],"selectorName":""},"datepicker-touch":{"title":"Datepicker touch UI","component":DatepickerTouchExample,"additionalFiles":[],"selectorName":""},"datepicker-value":{"title":"Datepicker selected value","component":DatepickerValueExample,"additionalFiles":[],"selectorName":""},"datepicker-views-selection":{"title":"Datepicker emulating a Year and month picker","component":DatepickerViewsSelectionExample,"additionalFiles":[],"selectorName":""},"dialog-content":{"title":"Dialog with header, scrollable content and actions","component":DialogContentExample,"additionalFiles":["dialog-content-example-dialog.html"],"selectorName":"DialogContentExample, DialogContentExampleDialog"},"dialog-data":{"title":"Injecting data when opening a dialog","component":DialogDataExample,"additionalFiles":["dialog-data-example-dialog.html"],"selectorName":"DialogDataExample, DialogDataExampleDialog"},"dialog-elements":{"title":"Dialog elements","component":DialogElementsExample,"additionalFiles":["dialog-elements-example-dialog.html"],"selectorName":"DialogElementsExample, DialogElementsExampleDialog"},"dialog-overview":{"title":"Dialog Overview","component":DialogOverviewExample,"additionalFiles":["dialog-overview-example-dialog.html"],"selectorName":"DialogOverviewExample, DialogOverviewExampleDialog"},"divider-overview":{"title":"Basic divider","component":DividerOverviewExample,"additionalFiles":[],"selectorName":""},"expansion-expand-collapse-all":{"title":"Accordion with expand/collapse all toggles","component":ExpansionExpandCollapseAllExample,"additionalFiles":[],"selectorName":""},"expansion-overview":{"title":"Basic expansion panel","component":ExpansionOverviewExample,"additionalFiles":[],"selectorName":""},"expansion-steps":{"title":"Expansion panel as accordion","component":ExpansionStepsExample,"additionalFiles":[],"selectorName":""},"form-field-appearance":{"title":"Form field appearance variants","component":FormFieldAppearanceExample,"additionalFiles":[],"selectorName":""},"form-field-custom-control":{"title":"Form field with custom telephone number input control.","component":FormFieldCustomControlExample,"additionalFiles":["example-tel-input-example.html","example-tel-input-example.css"],"selectorName":"FormFieldCustomControlExample, MyTelInput"},"form-field-error":{"title":"Form field with error messages","component":FormFieldErrorExample,"additionalFiles":[],"selectorName":""},"form-field-hint":{"title":"Form field with hints","component":FormFieldHintExample,"additionalFiles":[],"selectorName":""},"form-field-label":{"title":"Form field with label","component":FormFieldLabelExample,"additionalFiles":[],"selectorName":""},"form-field-overview":{"title":"Simple form field","component":FormFieldOverviewExample,"additionalFiles":[],"selectorName":""},"form-field-prefix-suffix":{"title":"Form field with prefix & suffix","component":FormFieldPrefixSuffixExample,"additionalFiles":[],"selectorName":""},"form-field-theming":{"title":"Form field theming","component":FormFieldThemingExample,"additionalFiles":[],"selectorName":""},"grid-list-dynamic":{"title":"Dynamic grid-list","component":GridListDynamicExample,"additionalFiles":[],"selectorName":""},"grid-list-overview":{"title":"Basic grid-list","component":GridListOverviewExample,"additionalFiles":[],"selectorName":""},"icon-overview":{"title":"Basic icons","component":IconOverviewExample,"additionalFiles":[],"selectorName":""},"icon-svg":{"title":"SVG icons","component":IconSvgExample,"additionalFiles":[],"selectorName":""},"input-clearable":{"title":"Input with a clear button","component":InputClearableExample,"additionalFiles":[],"selectorName":""},"input-error-state-matcher":{"title":"Input with a custom ErrorStateMatcher","component":InputErrorStateMatcherExample,"additionalFiles":[],"selectorName":""},"input-errors":{"title":"Input with error messages","component":InputErrorsExample,"additionalFiles":[],"selectorName":""},"input-form":{"title":"Inputs in a form","component":InputFormExample,"additionalFiles":[],"selectorName":""},"input-hint":{"title":"Input with hints","component":InputHintExample,"additionalFiles":[],"selectorName":""},"input-overview":{"title":"Basic Inputs","component":InputOverviewExample,"additionalFiles":[],"selectorName":""},"input-prefix-suffix":{"title":"Inputs with prefixes and suffixes","component":InputPrefixSuffixExample,"additionalFiles":[],"selectorName":""},"list-overview":{"title":"Basic list","component":ListOverviewExample,"additionalFiles":[],"selectorName":""},"list-sections":{"title":"List with sections","component":ListSectionsExample,"additionalFiles":[],"selectorName":""},"list-selection":{"title":"List with selection","component":ListSelectionExample,"additionalFiles":[],"selectorName":""},"menu-icons":{"title":"Menu with icons","component":MenuIconsExample,"additionalFiles":[],"selectorName":""},"menu-overview":{"title":"Basic menu","component":MenuOverviewExample,"additionalFiles":[],"selectorName":""},"menu-position":{"title":"Menu positioning","component":MenuPositionExample,"additionalFiles":[],"selectorName":""},"nested-menu":{"title":"Nested menu","component":NestedMenuExample,"additionalFiles":[],"selectorName":""},"paginator-configurable":{"title":"Configurable paginator","component":PaginatorConfigurableExample,"additionalFiles":[],"selectorName":""},"paginator-overview":{"title":"Paginator","component":PaginatorOverviewExample,"additionalFiles":[],"selectorName":""},"popover-edit-cell-span-mat-table":{"title":"Material Popover Edit spanning multiple columns on a Material data-table","component":PopoverEditCellSpanMatTableExample,"additionalFiles":[],"selectorName":""},"popover-edit-mat-table-flex":{"title":"Material Popover Edit on a flex Material data-table","component":PopoverEditMatTableFlexExample,"additionalFiles":[],"selectorName":""},"popover-edit-mat-table":{"title":"Material Popover Edit on a Material data-table","component":PopoverEditMatTableExample,"additionalFiles":[],"selectorName":""},"popover-edit-tab-out-mat-table":{"title":"Material Popover Edit with spreadsheet-like configuration on a Material data-table","component":PopoverEditTabOutMatTableExample,"additionalFiles":[],"selectorName":""},"progress-bar-buffer":{"title":"Buffer progress-bar","component":ProgressBarBufferExample,"additionalFiles":[],"selectorName":""},"progress-bar-configurable":{"title":"Configurable progress-bar","component":ProgressBarConfigurableExample,"additionalFiles":[],"selectorName":""},"progress-bar-determinate":{"title":"Determinate progress-bar","component":ProgressBarDeterminateExample,"additionalFiles":[],"selectorName":""},"progress-bar-indeterminate":{"title":"Indeterminate progress-bar","component":ProgressBarIndeterminateExample,"additionalFiles":[],"selectorName":""},"progress-bar-query":{"title":"Query progress-bar","component":ProgressBarQueryExample,"additionalFiles":[],"selectorName":""},"progress-spinner-configurable":{"title":"Configurable progress spinner","component":ProgressSpinnerConfigurableExample,"additionalFiles":[],"selectorName":""},"progress-spinner-overview":{"title":"Basic progress-spinner","component":ProgressSpinnerOverviewExample,"additionalFiles":[],"selectorName":""},"radio-ng-model":{"title":"Radios with ngModel","component":RadioNgModelExample,"additionalFiles":[],"selectorName":""},"radio-overview":{"title":"Basic radios","component":RadioOverviewExample,"additionalFiles":[],"selectorName":""},"select-custom-trigger":{"title":"Select with custom trigger text","component":SelectCustomTriggerExample,"additionalFiles":[],"selectorName":""},"select-disabled":{"title":"Disabled select","component":SelectDisabledExample,"additionalFiles":[],"selectorName":""},"select-error-state-matcher":{"title":"Select with a custom ErrorStateMatcher","component":SelectErrorStateMatcherExample,"additionalFiles":[],"selectorName":""},"select-form":{"title":"Select in a form","component":SelectFormExample,"additionalFiles":[],"selectorName":""},"select-hint-error":{"title":"Select with form field features","component":SelectHintErrorExample,"additionalFiles":[],"selectorName":""},"select-multiple":{"title":"Select with multiple selection","component":SelectMultipleExample,"additionalFiles":[],"selectorName":""},"select-no-ripple":{"title":"Select with no option ripple","component":SelectNoRippleExample,"additionalFiles":[],"selectorName":""},"select-optgroup":{"title":"Select with option groups","component":SelectOptgroupExample,"additionalFiles":[],"selectorName":""},"select-overview":{"title":"Basic select","component":SelectOverviewExample,"additionalFiles":[],"selectorName":""},"select-panel-class":{"title":"Select with custom panel styling","component":SelectPanelClassExample,"additionalFiles":[],"selectorName":""},"select-reset":{"title":"Select with reset option","component":SelectResetExample,"additionalFiles":[],"selectorName":""},"select-value-binding":{"title":"Select with 2-way value binding","component":SelectValueBindingExample,"additionalFiles":[],"selectorName":""},"sidenav-autosize":{"title":"Autosize sidenav","component":SidenavAutosizeExample,"additionalFiles":[],"selectorName":""},"sidenav-backdrop":{"title":"Drawer with explicit backdrop setting","component":SidenavBackdropExample,"additionalFiles":[],"selectorName":""},"sidenav-disable-close":{"title":"Sidenav with custom escape and backdrop click behavior","component":SidenavDisableCloseExample,"additionalFiles":[],"selectorName":""},"sidenav-drawer-overview":{"title":"Basic drawer","component":SidenavDrawerOverviewExample,"additionalFiles":[],"selectorName":""},"sidenav-fixed":{"title":"Fixed sidenav","component":SidenavFixedExample,"additionalFiles":[],"selectorName":""},"sidenav-mode":{"title":"Sidenav with configurable mode","component":SidenavModeExample,"additionalFiles":[],"selectorName":""},"sidenav-open-close":{"title":"Sidenav open & close behavior","component":SidenavOpenCloseExample,"additionalFiles":[],"selectorName":""},"sidenav-overview":{"title":"Basic sidenav","component":SidenavOverviewExample,"additionalFiles":[],"selectorName":""},"sidenav-position":{"title":"Implicit main content with two sidenavs","component":SidenavPositionExample,"additionalFiles":[],"selectorName":""},"sidenav-responsive":{"title":"Responsive sidenav","component":SidenavResponsiveExample,"additionalFiles":[],"selectorName":""},"slide-toggle-configurable":{"title":"Configurable slide-toggle","component":SlideToggleConfigurableExample,"additionalFiles":[],"selectorName":""},"slide-toggle-forms":{"title":"Slide-toggle with forms","component":SlideToggleFormsExample,"additionalFiles":[],"selectorName":""},"slide-toggle-overview":{"title":"Basic slide-toggles","component":SlideToggleOverviewExample,"additionalFiles":[],"selectorName":""},"slider-configurable":{"title":"Configurable slider","component":SliderConfigurableExample,"additionalFiles":[],"selectorName":""},"slider-formatting":{"title":"Slider with custom thumb label formatting.","component":SliderFormattingExample,"additionalFiles":[],"selectorName":""},"slider-overview":{"title":"Basic slider","component":SliderOverviewExample,"additionalFiles":[],"selectorName":""},"snack-bar-component":{"title":"Snack-bar with a custom component","component":SnackBarComponentExample,"additionalFiles":["snack-bar-component-example-snack.html"],"selectorName":"SnackBarComponentExample, PizzaPartyComponent"},"snack-bar-overview":{"title":"Basic snack-bar","component":SnackBarOverviewExample,"additionalFiles":[],"selectorName":""},"snack-bar-position":{"title":"Snack-bar with configurable position","component":SnackBarPositionExample,"additionalFiles":[],"selectorName":""},"sort-overview":{"title":"Sorting overview","component":SortOverviewExample,"additionalFiles":[],"selectorName":""},"stepper-editable":{"title":"Stepper with editable steps","component":StepperEditableExample,"additionalFiles":[],"selectorName":""},"stepper-errors":{"title":"Stepper that displays errors in the steps","component":StepperErrorsExample,"additionalFiles":[],"selectorName":""},"stepper-label-position-bottom":{"title":"Stepper label bottom position","component":StepperLabelPositionBottomExample,"additionalFiles":[],"selectorName":""},"stepper-optional":{"title":"Stepper with optional steps","component":StepperOptionalExample,"additionalFiles":[],"selectorName":""},"stepper-overview":{"title":"Stepper overview","component":StepperOverviewExample,"additionalFiles":[],"selectorName":""},"stepper-states":{"title":"Stepper with customized states","component":StepperStatesExample,"additionalFiles":[],"selectorName":""},"stepper-vertical":{"title":"Stepper vertical","component":StepperVerticalExample,"additionalFiles":[],"selectorName":""},"table-basic-flex":{"title":"Basic use of `` (uses display flex)","component":TableBasicFlexExample,"additionalFiles":[],"selectorName":""},"table-basic":{"title":"Basic use of `
`","component":TableBasicExample,"additionalFiles":[],"selectorName":""},"table-dynamic-columns":{"title":"Table dynamically changing the columns displayed","component":TableDynamicColumnsExample,"additionalFiles":[],"selectorName":""},"table-expandable-rows":{"title":"Table with expandable rows","component":TableExpandableRowsExample,"additionalFiles":[],"selectorName":""},"table-filtering":{"title":"Table with filtering","component":TableFilteringExample,"additionalFiles":[],"selectorName":""},"table-footer-row":{"title":"Footer row table","component":TableFooterRowExample,"additionalFiles":[],"selectorName":""},"table-http":{"title":"Table retrieving data through HTTP","component":TableHttpExample,"additionalFiles":[],"selectorName":""},"table-multiple-header-footer":{"title":"Table with multiple header and footer rows","component":TableMultipleHeaderFooterExample,"additionalFiles":[],"selectorName":""},"table-overview":{"title":"Data table with sorting, pagination, and filtering.","component":TableOverviewExample,"additionalFiles":[],"selectorName":""},"table-pagination":{"title":"Table with pagination","component":TablePaginationExample,"additionalFiles":[],"selectorName":""},"table-row-context":{"title":"Table showing each row context properties.","component":TableRowContextExample,"additionalFiles":[],"selectorName":""},"table-selection":{"title":"Table with selection","component":TableSelectionExample,"additionalFiles":[],"selectorName":""},"table-sorting":{"title":"Table with sorting","component":TableSortingExample,"additionalFiles":[],"selectorName":""},"table-sticky-columns":{"title":"Table with sticky columns","component":TableStickyColumnsExample,"additionalFiles":[],"selectorName":""},"table-sticky-complex-flex":{"title":"Flex-layout tables with toggle-able sticky headers, footers, and columns","component":TableStickyComplexFlexExample,"additionalFiles":[],"selectorName":""},"table-sticky-complex":{"title":"Tables with toggle-able sticky headers, footers, and columns","component":TableStickyComplexExample,"additionalFiles":[],"selectorName":""},"table-sticky-footer":{"title":"Table with a sticky footer","component":TableStickyFooterExample,"additionalFiles":[],"selectorName":""},"table-sticky-header":{"title":"Table with sticky header","component":TableStickyHeaderExample,"additionalFiles":[],"selectorName":""},"table-text-column-advanced":{"title":"Use of 'mat-text-column' with various configurations of the interface.","component":TableTextColumnAdvancedExample,"additionalFiles":[],"selectorName":""},"table-text-column":{"title":"Use of `mat-text-column` which can be used for simple columns that only need to display\na text value for the header and cells.","component":TableTextColumnExample,"additionalFiles":[],"selectorName":""},"table-wrapped":{"title":"Table example that shows how to wrap a table component for definition and behavior reuse.","component":TableWrappedExample,"additionalFiles":["wrapper-table.html"],"selectorName":"TableWrappedExample, WrapperTable"},"tab-group-align":{"title":"Tab group with aligned labels","component":TabGroupAlignExample,"additionalFiles":[],"selectorName":""},"tab-group-animations":{"title":"Tab group animations","component":TabGroupAnimationsExample,"additionalFiles":[],"selectorName":""},"tab-group-async":{"title":"Tab group with asynchronously loading tab contents","component":TabGroupAsyncExample,"additionalFiles":[],"selectorName":""},"tab-group-basic":{"title":"Basic use of the tab group","component":TabGroupBasicExample,"additionalFiles":[],"selectorName":""},"tab-group-custom-label":{"title":"Using tabs with a custom label template","component":TabGroupCustomLabelExample,"additionalFiles":[],"selectorName":""},"tab-group-dynamic-height":{"title":"Tab group with dynamic height based on tab contents","component":TabGroupDynamicHeightExample,"additionalFiles":[],"selectorName":""},"tab-group-dynamic":{"title":"Tab group with dynamically changing tabs","component":TabGroupDynamicExample,"additionalFiles":[],"selectorName":""},"tab-group-header-below":{"title":"Tab group with the headers on the bottom","component":TabGroupHeaderBelowExample,"additionalFiles":[],"selectorName":""},"tab-group-lazy-loaded":{"title":"Tab group where the tab content is loaded lazily (when activated)","component":TabGroupLazyLoadedExample,"additionalFiles":[],"selectorName":""},"tab-group-stretched":{"title":"Tab group with stretched labels","component":TabGroupStretchedExample,"additionalFiles":[],"selectorName":""},"tab-group-theme":{"title":"Customizing the theme options on the tab group","component":TabGroupThemeExample,"additionalFiles":[],"selectorName":""},"tab-nav-bar-basic":{"title":"Basic use of the tab nav bar","component":TabNavBarBasicExample,"additionalFiles":[],"selectorName":""},"toolbar-multirow":{"title":"Multi-row toolbar","component":ToolbarMultirowExample,"additionalFiles":[],"selectorName":""},"toolbar-overview":{"title":"Basic toolbar","component":ToolbarOverviewExample,"additionalFiles":[],"selectorName":""},"tooltip-auto-hide":{"title":"Tooltip that demonstrates auto-hiding when it clips out of its scrolling container.","component":TooltipAutoHideExample,"additionalFiles":[],"selectorName":""},"tooltip-custom-class":{"title":"Tooltip that can have a custom class applied.","component":TooltipCustomClassExample,"additionalFiles":[],"selectorName":""},"tooltip-delay":{"title":"Tooltip with a show and hide delay","component":TooltipDelayExample,"additionalFiles":[],"selectorName":""},"tooltip-disabled":{"title":"Tooltip that can be disabled","component":TooltipDisabledExample,"additionalFiles":[],"selectorName":""},"tooltip-manual":{"title":"Tooltip that can be manually shown/hidden.","component":TooltipManualExample,"additionalFiles":[],"selectorName":""},"tooltip-message":{"title":"Tooltip with a changing message","component":TooltipMessageExample,"additionalFiles":[],"selectorName":""},"tooltip-modified-defaults":{"title":"Tooltip with a show and hide delay","component":TooltipModifiedDefaultsExample,"additionalFiles":[],"selectorName":""},"tooltip-overview":{"title":"Basic tooltip","component":TooltipOverviewExample,"additionalFiles":[],"selectorName":""},"tooltip-position":{"title":"Tooltip with a custom position","component":TooltipPositionExample,"additionalFiles":[],"selectorName":""},"tree-checklist":{"title":"Tree with checkboxes","component":TreeChecklistExample,"additionalFiles":[],"selectorName":""},"tree-dynamic":{"title":"Tree with dynamic data","component":TreeDynamicExample,"additionalFiles":[],"selectorName":""},"tree-flat-overview":{"title":"Tree with flat nodes","component":TreeFlatOverviewExample,"additionalFiles":[],"selectorName":""},"tree-loadmore":{"title":"Tree with partially loaded data","component":TreeLoadmoreExample,"additionalFiles":[],"selectorName":""},"tree-nested-overview":{"title":"Tree with nested nodes","component":TreeNestedOverviewExample,"additionalFiles":[],"selectorName":""}}; -export const EXAMPLE_LIST = [AutocompleteAutoActiveFirstOptionExample, AutocompleteDisplayExample, AutocompleteFilterExample, AutocompleteOptgroupExample, AutocompleteOverviewExample, AutocompletePlainInputExample, AutocompleteSimpleExample, BadgeOverviewExample, BottomSheetOverviewExample, BottomSheetOverviewExampleSheet, ButtonOverviewExample, ButtonToggleAppearanceExample, ButtonToggleExclusiveExample, ButtonToggleOverviewExample, ButtonTypesExample, CardFancyExample, CardOverviewExample, CdkCustomStepperWithoutFormExample, CustomStepper, CdkDragDropAxisLockExample, CdkDragDropBoundaryExample, CdkDragDropConnectedSortingGroupExample, CdkDragDropConnectedSortingExample, CdkDragDropCustomPlaceholderExample, CdkDragDropCustomPreviewExample, CdkDragDropDelayExample, CdkDragDropDisabledSortingExample, CdkDragDropDisabledExample, CdkDragDropEnterPredicateExample, CdkDragDropFreeDragPositionExample, CdkDragDropHandleExample, CdkDragDropHorizontalSortingExample, CdkDragDropOverviewExample, CdkDragDropRootElementExample, CdkDragDropSortingExample, CdkPlatformOverviewExample, CdkPopoverEditCdkTableFlexExample, CdkPopoverEditCdkTableExample, CdkPopoverEditCellSpanVanillaTableExample, CdkPopoverEditTabOutVanillaTableExample, CdkPopoverEditVanillaTableExample, CdkPortalOverviewExample, ComponentPortalExample, CdkTableBasicFlexExample, CdkTableBasicExample, CdkTreeFlatExample, CdkTreeNestedExample, CdkVirtualScrollContextExample, CdkVirtualScrollCustomStrategyExample, CdkVirtualScrollDataSourceExample, CdkVirtualScrollDlExample, CdkVirtualScrollFixedBufferExample, CdkVirtualScrollHorizontalExample, CdkVirtualScrollOverviewExample, CdkVirtualScrollTemplateCacheExample, CheckboxConfigurableExample, CheckboxOverviewExample, ChipsAutocompleteExample, ChipsDragDropExample, ChipsInputExample, ChipsOverviewExample, ChipsStackedExample, DatepickerApiExample, DatepickerColorExample, DatepickerCustomHeaderExample, ExampleHeader, DatepickerCustomIconExample, DatepickerDateClassExample, DatepickerDisabledExample, DatepickerEventsExample, DatepickerFilterExample, DatepickerFormatsExample, DatepickerLocaleExample, DatepickerMinMaxExample, DatepickerMomentExample, DatepickerOverviewExample, DatepickerStartViewExample, DatepickerTouchExample, DatepickerValueExample, DatepickerViewsSelectionExample, DialogContentExample, DialogContentExampleDialog, DialogDataExample, DialogDataExampleDialog, DialogElementsExample, DialogElementsExampleDialog, DialogOverviewExample, DialogOverviewExampleDialog, DividerOverviewExample, ElevationOverviewExample, ExpansionExpandCollapseAllExample, ExpansionOverviewExample, ExpansionStepsExample, FocusMonitorDirectivesExample, FocusMonitorFocusViaExample, FocusMonitorOverviewExample, FormFieldAppearanceExample, FormFieldCustomControlExample, MyTelInput, FormFieldErrorExample, FormFieldHintExample, FormFieldLabelExample, FormFieldOverviewExample, FormFieldPrefixSuffixExample, FormFieldThemingExample, GridListDynamicExample, GridListOverviewExample, IconOverviewExample, IconSvgExample, InputClearableExample, InputErrorStateMatcherExample, InputErrorsExample, InputFormExample, InputHintExample, InputOverviewExample, InputPrefixSuffixExample, ListOverviewExample, ListSectionsExample, ListSelectionExample, MenuIconsExample, MenuOverviewExample, MenuPositionExample, NestedMenuExample, PaginatorConfigurableExample, PaginatorOverviewExample, PopoverEditCellSpanMatTableExample, PopoverEditMatTableFlexExample, PopoverEditMatTableExample, PopoverEditTabOutMatTableExample, ProgressBarBufferExample, ProgressBarConfigurableExample, ProgressBarDeterminateExample, ProgressBarIndeterminateExample, ProgressBarQueryExample, ProgressSpinnerConfigurableExample, ProgressSpinnerOverviewExample, RadioNgModelExample, RadioOverviewExample, RippleOverviewExample, SelectCustomTriggerExample, SelectDisabledExample, SelectErrorStateMatcherExample, SelectFormExample, SelectHintErrorExample, SelectMultipleExample, SelectNoRippleExample, SelectOptgroupExample, SelectOverviewExample, SelectPanelClassExample, SelectResetExample, SelectValueBindingExample, SidenavAutosizeExample, SidenavBackdropExample, SidenavDisableCloseExample, SidenavDrawerOverviewExample, SidenavFixedExample, SidenavModeExample, SidenavOpenCloseExample, SidenavOverviewExample, SidenavPositionExample, SidenavResponsiveExample, SlideToggleConfigurableExample, SlideToggleFormsExample, SlideToggleOverviewExample, SliderConfigurableExample, SliderFormattingExample, SliderOverviewExample, SnackBarComponentExample, PizzaPartyComponent, SnackBarOverviewExample, SnackBarPositionExample, SortOverviewExample, StepperEditableExample, StepperErrorsExample, StepperLabelPositionBottomExample, StepperOptionalExample, StepperOverviewExample, StepperStatesExample, StepperVerticalExample, TabGroupAlignExample, TabGroupAnimationsExample, TabGroupAsyncExample, TabGroupBasicExample, TabGroupCustomLabelExample, TabGroupDynamicHeightExample, TabGroupDynamicExample, TabGroupHeaderBelowExample, TabGroupLazyLoadedExample, TabGroupStretchedExample, TabGroupThemeExample, TabNavBarBasicExample, TableBasicFlexExample, TableBasicExample, TableDynamicColumnsExample, TableExpandableRowsExample, TableFilteringExample, TableFooterRowExample, TableHttpExample, TableMultipleHeaderFooterExample, TableOverviewExample, TablePaginationExample, TableRowContextExample, TableSelectionExample, TableSortingExample, TableStickyColumnsExample, TableStickyComplexFlexExample, TableStickyComplexExample, TableStickyFooterExample, TableStickyHeaderExample, TableTextColumnAdvancedExample, TableTextColumnExample, TableWrappedExample, WrapperTable, TextFieldAutofillDirectiveExample, TextFieldAutofillMonitorExample, TextFieldAutosizeTextareaExample, ToolbarMultirowExample, ToolbarOverviewExample, TooltipAutoHideExample, TooltipCustomClassExample, TooltipDelayExample, TooltipDisabledExample, TooltipManualExample, TooltipMessageExample, TooltipModifiedDefaultsExample, TooltipOverviewExample, TooltipPositionExample, TreeChecklistExample, TreeDynamicExample, TreeFlatOverviewExample, TreeLoadmoreExample, TreeNestedOverviewExample]; +export const EXAMPLE_MODULES = [CdkA11yExamplesModule, CdkDragDropExamplesModule, CdkPlatformExamplesModule, CdkPopoverEditExamplesModule, CdkPortalExamplesModule, CdkScrollingExamplesModule, CdkStepperExamplesModule, CdkTableExamplesModule, CdkTextFieldExamplesModule, CdkTreeExamplesModule, AutocompleteExamplesModule, BadgeExamplesModule, BottomSheetExamplesModule, ButtonToggleExamplesModule, ButtonExamplesModule, CardExamplesModule, CheckboxExamplesModule, ChipsExamplesModule, CoreExamplesModule, DatepickerExamplesModule, DialogExamplesModule, DividerExamplesModule, ExpansionExamplesModule, FormFieldExamplesModule, GridListExamplesModule, IconExamplesModule, InputExamplesModule, ListExamplesModule, MenuExamplesModule, PaginatorExamplesModule, PopoverEditExamplesModule, ProgressBarExamplesModule, ProgressSpinnerExamplesModule, RadioExamplesModule, SelectExamplesModule, SidenavExamplesModule, SlideToggleExamplesModule, SliderExamplesModule, SnackBarExamplesModule, SortExamplesModule, StepperExamplesModule, TableExamplesModule, TabGroupExamplesModule, ToolbarExamplesModule, TooltipExamplesModule, TreeExamplesModule]; + +export const EXAMPLE_LIST = [FocusMonitorDirectivesExample, FocusMonitorFocusViaExample, FocusMonitorOverviewExample, CdkDragDropAxisLockExample, CdkDragDropBoundaryExample, CdkDragDropConnectedSortingGroupExample, CdkDragDropConnectedSortingExample, CdkDragDropCustomPlaceholderExample, CdkDragDropCustomPreviewExample, CdkDragDropDelayExample, CdkDragDropDisabledSortingExample, CdkDragDropDisabledExample, CdkDragDropEnterPredicateExample, CdkDragDropFreeDragPositionExample, CdkDragDropHandleExample, CdkDragDropHorizontalSortingExample, CdkDragDropOverviewExample, CdkDragDropRootElementExample, CdkDragDropSortingExample, CdkPlatformOverviewExample, CdkPopoverEditCdkTableFlexExample, CdkPopoverEditCdkTableExample, CdkPopoverEditCellSpanVanillaTableExample, CdkPopoverEditTabOutVanillaTableExample, CdkPopoverEditVanillaTableExample, CdkPortalOverviewExample, ComponentPortalExample, CdkVirtualScrollContextExample, CdkVirtualScrollCustomStrategyExample, CdkVirtualScrollDataSourceExample, CdkVirtualScrollDlExample, CdkVirtualScrollFixedBufferExample, CdkVirtualScrollHorizontalExample, CdkVirtualScrollOverviewExample, CdkVirtualScrollTemplateCacheExample, CdkCustomStepperWithoutFormExample, CustomStepper, CdkTableBasicFlexExample, CdkTableBasicExample, TextFieldAutofillDirectiveExample, TextFieldAutofillMonitorExample, TextFieldAutosizeTextareaExample, CdkTreeFlatExample, CdkTreeNestedExample, AutocompleteAutoActiveFirstOptionExample, AutocompleteDisplayExample, AutocompleteFilterExample, AutocompleteOptgroupExample, AutocompleteOverviewExample, AutocompletePlainInputExample, AutocompleteSimpleExample, BadgeOverviewExample, BottomSheetOverviewExample, BottomSheetOverviewExampleSheet, ButtonToggleAppearanceExample, ButtonToggleExclusiveExample, ButtonToggleOverviewExample, ButtonOverviewExample, ButtonTypesExample, CardFancyExample, CardOverviewExample, CheckboxConfigurableExample, CheckboxOverviewExample, ChipsAutocompleteExample, ChipsDragDropExample, ChipsInputExample, ChipsOverviewExample, ChipsStackedExample, ElevationOverviewExample, RippleOverviewExample, DatepickerApiExample, DatepickerColorExample, DatepickerCustomHeaderExample, ExampleHeader, DatepickerCustomIconExample, DatepickerDateClassExample, DatepickerDisabledExample, DatepickerEventsExample, DatepickerFilterExample, DatepickerFormatsExample, DatepickerLocaleExample, DatepickerMinMaxExample, DatepickerMomentExample, DatepickerOverviewExample, DatepickerStartViewExample, DatepickerTouchExample, DatepickerValueExample, DatepickerViewsSelectionExample, DialogContentExample, DialogContentExampleDialog, DialogDataExample, DialogDataExampleDialog, DialogElementsExample, DialogElementsExampleDialog, DialogOverviewExample, DialogOverviewExampleDialog, DividerOverviewExample, ExpansionExpandCollapseAllExample, ExpansionOverviewExample, ExpansionStepsExample, FormFieldAppearanceExample, FormFieldCustomControlExample, MyTelInput, FormFieldErrorExample, FormFieldHintExample, FormFieldLabelExample, FormFieldOverviewExample, FormFieldPrefixSuffixExample, FormFieldThemingExample, GridListDynamicExample, GridListOverviewExample, IconOverviewExample, IconSvgExample, InputClearableExample, InputErrorStateMatcherExample, InputErrorsExample, InputFormExample, InputHintExample, InputOverviewExample, InputPrefixSuffixExample, ListOverviewExample, ListSectionsExample, ListSelectionExample, MenuIconsExample, MenuOverviewExample, MenuPositionExample, NestedMenuExample, PaginatorConfigurableExample, PaginatorOverviewExample, PopoverEditCellSpanMatTableExample, PopoverEditMatTableFlexExample, PopoverEditMatTableExample, PopoverEditTabOutMatTableExample, ProgressBarBufferExample, ProgressBarConfigurableExample, ProgressBarDeterminateExample, ProgressBarIndeterminateExample, ProgressBarQueryExample, ProgressSpinnerConfigurableExample, ProgressSpinnerOverviewExample, RadioNgModelExample, RadioOverviewExample, SelectCustomTriggerExample, SelectDisabledExample, SelectErrorStateMatcherExample, SelectFormExample, SelectHintErrorExample, SelectMultipleExample, SelectNoRippleExample, SelectOptgroupExample, SelectOverviewExample, SelectPanelClassExample, SelectResetExample, SelectValueBindingExample, SidenavAutosizeExample, SidenavBackdropExample, SidenavDisableCloseExample, SidenavDrawerOverviewExample, SidenavFixedExample, SidenavModeExample, SidenavOpenCloseExample, SidenavOverviewExample, SidenavPositionExample, SidenavResponsiveExample, SlideToggleConfigurableExample, SlideToggleFormsExample, SlideToggleOverviewExample, SliderConfigurableExample, SliderFormattingExample, SliderOverviewExample, SnackBarComponentExample, PizzaPartyComponent, SnackBarOverviewExample, SnackBarPositionExample, SortOverviewExample, StepperEditableExample, StepperErrorsExample, StepperLabelPositionBottomExample, StepperOptionalExample, StepperOverviewExample, StepperStatesExample, StepperVerticalExample, TableBasicFlexExample, TableBasicExample, TableDynamicColumnsExample, TableExpandableRowsExample, TableFilteringExample, TableFooterRowExample, TableHttpExample, TableMultipleHeaderFooterExample, TableOverviewExample, TablePaginationExample, TableRowContextExample, TableSelectionExample, TableSortingExample, TableStickyColumnsExample, TableStickyComplexFlexExample, TableStickyComplexExample, TableStickyFooterExample, TableStickyHeaderExample, TableTextColumnAdvancedExample, TableTextColumnExample, TableWrappedExample, WrapperTable, TabGroupAlignExample, TabGroupAnimationsExample, TabGroupAsyncExample, TabGroupBasicExample, TabGroupCustomLabelExample, TabGroupDynamicHeightExample, TabGroupDynamicExample, TabGroupHeaderBelowExample, TabGroupLazyLoadedExample, TabGroupStretchedExample, TabGroupThemeExample, TabNavBarBasicExample, ToolbarMultirowExample, ToolbarOverviewExample, TooltipAutoHideExample, TooltipCustomClassExample, TooltipDelayExample, TooltipDisabledExample, TooltipManualExample, TooltipMessageExample, TooltipModifiedDefaultsExample, TooltipOverviewExample, TooltipPositionExample, TreeChecklistExample, TreeDynamicExample, TreeFlatOverviewExample, TreeLoadmoreExample, TreeNestedOverviewExample]; @NgModule({ - declarations: EXAMPLE_LIST, + imports: EXAMPLE_MODULES, + exports: EXAMPLE_MODULES, entryComponents: EXAMPLE_LIST, - imports: [ - ExampleMaterialModule, - FormsModule, - ReactiveFormsModule, - CommonModule - ] }) export class ExampleModule { } + +// Export all individual example components because ngtsc requires all +// referenced components to be available in the top-level entry-point. +export {FocusMonitorDirectivesExample, FocusMonitorFocusViaExample, FocusMonitorOverviewExample, CdkDragDropAxisLockExample, CdkDragDropBoundaryExample, CdkDragDropConnectedSortingGroupExample, CdkDragDropConnectedSortingExample, CdkDragDropCustomPlaceholderExample, CdkDragDropCustomPreviewExample, CdkDragDropDelayExample, CdkDragDropDisabledSortingExample, CdkDragDropDisabledExample, CdkDragDropEnterPredicateExample, CdkDragDropFreeDragPositionExample, CdkDragDropHandleExample, CdkDragDropHorizontalSortingExample, CdkDragDropOverviewExample, CdkDragDropRootElementExample, CdkDragDropSortingExample, CdkPlatformOverviewExample, CdkPopoverEditCdkTableFlexExample, CdkPopoverEditCdkTableExample, CdkPopoverEditCellSpanVanillaTableExample, CdkPopoverEditTabOutVanillaTableExample, CdkPopoverEditVanillaTableExample, CdkPortalOverviewExample, ComponentPortalExample, CdkVirtualScrollContextExample, CdkVirtualScrollCustomStrategyExample, CdkVirtualScrollDataSourceExample, CdkVirtualScrollDlExample, CdkVirtualScrollFixedBufferExample, CdkVirtualScrollHorizontalExample, CdkVirtualScrollOverviewExample, CdkVirtualScrollTemplateCacheExample, CdkCustomStepperWithoutFormExample, CustomStepper, CdkTableBasicFlexExample, CdkTableBasicExample, TextFieldAutofillDirectiveExample, TextFieldAutofillMonitorExample, TextFieldAutosizeTextareaExample, CdkTreeFlatExample, CdkTreeNestedExample, AutocompleteAutoActiveFirstOptionExample, AutocompleteDisplayExample, AutocompleteFilterExample, AutocompleteOptgroupExample, AutocompleteOverviewExample, AutocompletePlainInputExample, AutocompleteSimpleExample, BadgeOverviewExample, BottomSheetOverviewExample, BottomSheetOverviewExampleSheet, ButtonToggleAppearanceExample, ButtonToggleExclusiveExample, ButtonToggleOverviewExample, ButtonOverviewExample, ButtonTypesExample, CardFancyExample, CardOverviewExample, CheckboxConfigurableExample, CheckboxOverviewExample, ChipsAutocompleteExample, ChipsDragDropExample, ChipsInputExample, ChipsOverviewExample, ChipsStackedExample, ElevationOverviewExample, RippleOverviewExample, DatepickerApiExample, DatepickerColorExample, DatepickerCustomHeaderExample, ExampleHeader, DatepickerCustomIconExample, DatepickerDateClassExample, DatepickerDisabledExample, DatepickerEventsExample, DatepickerFilterExample, DatepickerFormatsExample, DatepickerLocaleExample, DatepickerMinMaxExample, DatepickerMomentExample, DatepickerOverviewExample, DatepickerStartViewExample, DatepickerTouchExample, DatepickerValueExample, DatepickerViewsSelectionExample, DialogContentExample, DialogContentExampleDialog, DialogDataExample, DialogDataExampleDialog, DialogElementsExample, DialogElementsExampleDialog, DialogOverviewExample, DialogOverviewExampleDialog, DividerOverviewExample, ExpansionExpandCollapseAllExample, ExpansionOverviewExample, ExpansionStepsExample, FormFieldAppearanceExample, FormFieldCustomControlExample, MyTelInput, FormFieldErrorExample, FormFieldHintExample, FormFieldLabelExample, FormFieldOverviewExample, FormFieldPrefixSuffixExample, FormFieldThemingExample, GridListDynamicExample, GridListOverviewExample, IconOverviewExample, IconSvgExample, InputClearableExample, InputErrorStateMatcherExample, InputErrorsExample, InputFormExample, InputHintExample, InputOverviewExample, InputPrefixSuffixExample, ListOverviewExample, ListSectionsExample, ListSelectionExample, MenuIconsExample, MenuOverviewExample, MenuPositionExample, NestedMenuExample, PaginatorConfigurableExample, PaginatorOverviewExample, PopoverEditCellSpanMatTableExample, PopoverEditMatTableFlexExample, PopoverEditMatTableExample, PopoverEditTabOutMatTableExample, ProgressBarBufferExample, ProgressBarConfigurableExample, ProgressBarDeterminateExample, ProgressBarIndeterminateExample, ProgressBarQueryExample, ProgressSpinnerConfigurableExample, ProgressSpinnerOverviewExample, RadioNgModelExample, RadioOverviewExample, SelectCustomTriggerExample, SelectDisabledExample, SelectErrorStateMatcherExample, SelectFormExample, SelectHintErrorExample, SelectMultipleExample, SelectNoRippleExample, SelectOptgroupExample, SelectOverviewExample, SelectPanelClassExample, SelectResetExample, SelectValueBindingExample, SidenavAutosizeExample, SidenavBackdropExample, SidenavDisableCloseExample, SidenavDrawerOverviewExample, SidenavFixedExample, SidenavModeExample, SidenavOpenCloseExample, SidenavOverviewExample, SidenavPositionExample, SidenavResponsiveExample, SlideToggleConfigurableExample, SlideToggleFormsExample, SlideToggleOverviewExample, SliderConfigurableExample, SliderFormattingExample, SliderOverviewExample, SnackBarComponentExample, PizzaPartyComponent, SnackBarOverviewExample, SnackBarPositionExample, SortOverviewExample, StepperEditableExample, StepperErrorsExample, StepperLabelPositionBottomExample, StepperOptionalExample, StepperOverviewExample, StepperStatesExample, StepperVerticalExample, TableBasicFlexExample, TableBasicExample, TableDynamicColumnsExample, TableExpandableRowsExample, TableFilteringExample, TableFooterRowExample, TableHttpExample, TableMultipleHeaderFooterExample, TableOverviewExample, TablePaginationExample, TableRowContextExample, TableSelectionExample, TableSortingExample, TableStickyColumnsExample, TableStickyComplexFlexExample, TableStickyComplexExample, TableStickyFooterExample, TableStickyHeaderExample, TableTextColumnAdvancedExample, TableTextColumnExample, TableWrappedExample, WrapperTable, TabGroupAlignExample, TabGroupAnimationsExample, TabGroupAsyncExample, TabGroupBasicExample, TabGroupCustomLabelExample, TabGroupDynamicHeightExample, TabGroupDynamicExample, TabGroupHeaderBelowExample, TabGroupLazyLoadedExample, TabGroupStretchedExample, TabGroupThemeExample, TabNavBarBasicExample, ToolbarMultirowExample, ToolbarOverviewExample, TooltipAutoHideExample, TooltipCustomClassExample, TooltipDelayExample, TooltipDisabledExample, TooltipManualExample, TooltipMessageExample, TooltipModifiedDefaultsExample, TooltipOverviewExample, TooltipPositionExample, TreeChecklistExample, TreeDynamicExample, TreeFlatOverviewExample, TreeLoadmoreExample, TreeNestedOverviewExample} diff --git a/src/material-examples/material-module.ts b/src/material-examples/material-module.ts deleted file mode 100644 index 85e4301f69f4..000000000000 --- a/src/material-examples/material-module.ts +++ /dev/null @@ -1,145 +0,0 @@ -import {CdkPopoverEditModule} from '@angular/cdk-experimental/popover-edit'; -import {A11yModule} from '@angular/cdk/a11y'; -import {DragDropModule} from '@angular/cdk/drag-drop'; -import {PortalModule} from '@angular/cdk/portal'; - -import {ScrollingModule} from '@angular/cdk/scrolling'; -import {CdkStepperModule} from '@angular/cdk/stepper'; -import {CdkTableModule} from '@angular/cdk/table'; -import {CdkTreeModule} from '@angular/cdk/tree'; -import {NgModule} from '@angular/core'; -import {MatPopoverEditModule} from '@angular/material-experimental/popover-edit'; - -import {MatAutocompleteModule} from '@angular/material/autocomplete'; -import {MatBadgeModule} from '@angular/material/badge'; -import {MatBottomSheetModule} from '@angular/material/bottom-sheet'; -import {MatButtonModule} from '@angular/material/button'; -import {MatButtonToggleModule} from '@angular/material/button-toggle'; -import {MatCardModule} from '@angular/material/card'; -import {MatCheckboxModule} from '@angular/material/checkbox'; -import {MatChipsModule} from '@angular/material/chips'; -import {MatNativeDateModule, MatRippleModule} from '@angular/material/core'; -import {MatDatepickerModule} from '@angular/material/datepicker'; -import {MatDialogModule} from '@angular/material/dialog'; -import {MatDividerModule} from '@angular/material/divider'; -import {MatExpansionModule} from '@angular/material/expansion'; -import {MatFormFieldModule} from '@angular/material/form-field'; -import {MatGridListModule} from '@angular/material/grid-list'; -import {MatIconModule} from '@angular/material/icon'; -import {MatInputModule} from '@angular/material/input'; -import {MatListModule} from '@angular/material/list'; -import {MatMenuModule} from '@angular/material/menu'; -import {MatPaginatorModule} from '@angular/material/paginator'; -import {MatProgressBarModule} from '@angular/material/progress-bar'; -import {MatProgressSpinnerModule} from '@angular/material/progress-spinner'; -import {MatRadioModule} from '@angular/material/radio'; -import {MatSelectModule} from '@angular/material/select'; -import {MatSidenavModule} from '@angular/material/sidenav'; -import {MatSlideToggleModule} from '@angular/material/slide-toggle'; -import {MatSliderModule} from '@angular/material/slider'; -import {MatSnackBarModule} from '@angular/material/snack-bar'; -import {MatSortModule} from '@angular/material/sort'; -import {MatStepperModule} from '@angular/material/stepper'; -import {MatTableModule} from '@angular/material/table'; -import {MatTabsModule} from '@angular/material/tabs'; -import {MatToolbarModule} from '@angular/material/toolbar'; -import {MatTooltipModule} from '@angular/material/tooltip'; -import {MatTreeModule} from '@angular/material/tree'; - -@NgModule({ - imports: [ - A11yModule, - CdkPopoverEditModule, - CdkTableModule, - CdkTreeModule, - CdkStepperModule, - DragDropModule, - MatAutocompleteModule, - MatBadgeModule, - MatBottomSheetModule, - MatButtonModule, - MatButtonToggleModule, - MatCardModule, - MatCheckboxModule, - MatChipsModule, - MatDatepickerModule, - MatDialogModule, - MatDividerModule, - MatExpansionModule, - MatFormFieldModule, - MatGridListModule, - MatIconModule, - MatInputModule, - MatListModule, - MatMenuModule, - MatPaginatorModule, - MatPopoverEditModule, - MatProgressBarModule, - MatProgressSpinnerModule, - MatRadioModule, - MatRippleModule, - MatSelectModule, - MatSidenavModule, - MatSlideToggleModule, - MatSliderModule, - MatSnackBarModule, - MatSortModule, - MatStepperModule, - MatTableModule, - MatTabsModule, - MatToolbarModule, - MatTooltipModule, - MatTreeModule, - ScrollingModule, - PortalModule, - MatNativeDateModule, - ], - exports: [ - A11yModule, - CdkPopoverEditModule, - CdkTableModule, - CdkTreeModule, - CdkStepperModule, - DragDropModule, - MatAutocompleteModule, - MatBadgeModule, - MatBottomSheetModule, - MatButtonModule, - MatButtonToggleModule, - MatCardModule, - MatCheckboxModule, - MatChipsModule, - MatDatepickerModule, - MatDialogModule, - MatDividerModule, - MatExpansionModule, - MatFormFieldModule, - MatGridListModule, - MatIconModule, - MatInputModule, - MatListModule, - MatMenuModule, - MatPaginatorModule, - MatPopoverEditModule, - MatProgressBarModule, - MatProgressSpinnerModule, - MatRadioModule, - MatRippleModule, - MatSelectModule, - MatSidenavModule, - MatSlideToggleModule, - MatSliderModule, - MatSnackBarModule, - MatSortModule, - MatStepperModule, - MatTableModule, - MatTabsModule, - MatToolbarModule, - MatTooltipModule, - MatTreeModule, - ScrollingModule, - PortalModule, - MatNativeDateModule, - ] -}) -export class ExampleMaterialModule {} diff --git a/src/material-examples/material/autocomplete/BUILD.bazel b/src/material-examples/material/autocomplete/BUILD.bazel new file mode 100644 index 000000000000..e677474fb294 --- /dev/null +++ b/src/material-examples/material/autocomplete/BUILD.bazel @@ -0,0 +1,28 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "autocomplete", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/autocomplete", + "//src/material/form-field", + "//src/material/input", + "//src/material/slide-toggle", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.css b/src/material-examples/material/autocomplete/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.css similarity index 100% rename from src/material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.css rename to src/material-examples/material/autocomplete/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.css diff --git a/src/material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.html b/src/material-examples/material/autocomplete/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.html similarity index 100% rename from src/material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.html rename to src/material-examples/material/autocomplete/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.html diff --git a/src/material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.ts b/src/material-examples/material/autocomplete/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.ts similarity index 100% rename from src/material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.ts rename to src/material-examples/material/autocomplete/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.ts diff --git a/src/material-examples/autocomplete-display/autocomplete-display-example.css b/src/material-examples/material/autocomplete/autocomplete-display/autocomplete-display-example.css similarity index 100% rename from src/material-examples/autocomplete-display/autocomplete-display-example.css rename to src/material-examples/material/autocomplete/autocomplete-display/autocomplete-display-example.css diff --git a/src/material-examples/autocomplete-display/autocomplete-display-example.html b/src/material-examples/material/autocomplete/autocomplete-display/autocomplete-display-example.html similarity index 100% rename from src/material-examples/autocomplete-display/autocomplete-display-example.html rename to src/material-examples/material/autocomplete/autocomplete-display/autocomplete-display-example.html diff --git a/src/material-examples/autocomplete-display/autocomplete-display-example.ts b/src/material-examples/material/autocomplete/autocomplete-display/autocomplete-display-example.ts similarity index 100% rename from src/material-examples/autocomplete-display/autocomplete-display-example.ts rename to src/material-examples/material/autocomplete/autocomplete-display/autocomplete-display-example.ts diff --git a/src/material-examples/autocomplete-filter/autocomplete-filter-example.css b/src/material-examples/material/autocomplete/autocomplete-filter/autocomplete-filter-example.css similarity index 100% rename from src/material-examples/autocomplete-filter/autocomplete-filter-example.css rename to src/material-examples/material/autocomplete/autocomplete-filter/autocomplete-filter-example.css diff --git a/src/material-examples/autocomplete-filter/autocomplete-filter-example.html b/src/material-examples/material/autocomplete/autocomplete-filter/autocomplete-filter-example.html similarity index 100% rename from src/material-examples/autocomplete-filter/autocomplete-filter-example.html rename to src/material-examples/material/autocomplete/autocomplete-filter/autocomplete-filter-example.html diff --git a/src/material-examples/autocomplete-filter/autocomplete-filter-example.ts b/src/material-examples/material/autocomplete/autocomplete-filter/autocomplete-filter-example.ts similarity index 100% rename from src/material-examples/autocomplete-filter/autocomplete-filter-example.ts rename to src/material-examples/material/autocomplete/autocomplete-filter/autocomplete-filter-example.ts diff --git a/src/material-examples/autocomplete-optgroup/autocomplete-optgroup-example.css b/src/material-examples/material/autocomplete/autocomplete-optgroup/autocomplete-optgroup-example.css similarity index 100% rename from src/material-examples/autocomplete-optgroup/autocomplete-optgroup-example.css rename to src/material-examples/material/autocomplete/autocomplete-optgroup/autocomplete-optgroup-example.css diff --git a/src/material-examples/autocomplete-optgroup/autocomplete-optgroup-example.html b/src/material-examples/material/autocomplete/autocomplete-optgroup/autocomplete-optgroup-example.html similarity index 100% rename from src/material-examples/autocomplete-optgroup/autocomplete-optgroup-example.html rename to src/material-examples/material/autocomplete/autocomplete-optgroup/autocomplete-optgroup-example.html diff --git a/src/material-examples/autocomplete-optgroup/autocomplete-optgroup-example.ts b/src/material-examples/material/autocomplete/autocomplete-optgroup/autocomplete-optgroup-example.ts similarity index 100% rename from src/material-examples/autocomplete-optgroup/autocomplete-optgroup-example.ts rename to src/material-examples/material/autocomplete/autocomplete-optgroup/autocomplete-optgroup-example.ts diff --git a/src/material-examples/autocomplete-overview/autocomplete-overview-example.css b/src/material-examples/material/autocomplete/autocomplete-overview/autocomplete-overview-example.css similarity index 100% rename from src/material-examples/autocomplete-overview/autocomplete-overview-example.css rename to src/material-examples/material/autocomplete/autocomplete-overview/autocomplete-overview-example.css diff --git a/src/material-examples/autocomplete-overview/autocomplete-overview-example.html b/src/material-examples/material/autocomplete/autocomplete-overview/autocomplete-overview-example.html similarity index 100% rename from src/material-examples/autocomplete-overview/autocomplete-overview-example.html rename to src/material-examples/material/autocomplete/autocomplete-overview/autocomplete-overview-example.html diff --git a/src/material-examples/autocomplete-overview/autocomplete-overview-example.ts b/src/material-examples/material/autocomplete/autocomplete-overview/autocomplete-overview-example.ts similarity index 100% rename from src/material-examples/autocomplete-overview/autocomplete-overview-example.ts rename to src/material-examples/material/autocomplete/autocomplete-overview/autocomplete-overview-example.ts diff --git a/src/material-examples/autocomplete-plain-input/autocomplete-plain-input-example.css b/src/material-examples/material/autocomplete/autocomplete-plain-input/autocomplete-plain-input-example.css similarity index 100% rename from src/material-examples/autocomplete-plain-input/autocomplete-plain-input-example.css rename to src/material-examples/material/autocomplete/autocomplete-plain-input/autocomplete-plain-input-example.css diff --git a/src/material-examples/autocomplete-plain-input/autocomplete-plain-input-example.html b/src/material-examples/material/autocomplete/autocomplete-plain-input/autocomplete-plain-input-example.html similarity index 100% rename from src/material-examples/autocomplete-plain-input/autocomplete-plain-input-example.html rename to src/material-examples/material/autocomplete/autocomplete-plain-input/autocomplete-plain-input-example.html diff --git a/src/material-examples/autocomplete-plain-input/autocomplete-plain-input-example.ts b/src/material-examples/material/autocomplete/autocomplete-plain-input/autocomplete-plain-input-example.ts similarity index 100% rename from src/material-examples/autocomplete-plain-input/autocomplete-plain-input-example.ts rename to src/material-examples/material/autocomplete/autocomplete-plain-input/autocomplete-plain-input-example.ts diff --git a/src/material-examples/autocomplete-simple/autocomplete-simple-example.css b/src/material-examples/material/autocomplete/autocomplete-simple/autocomplete-simple-example.css similarity index 100% rename from src/material-examples/autocomplete-simple/autocomplete-simple-example.css rename to src/material-examples/material/autocomplete/autocomplete-simple/autocomplete-simple-example.css diff --git a/src/material-examples/autocomplete-simple/autocomplete-simple-example.html b/src/material-examples/material/autocomplete/autocomplete-simple/autocomplete-simple-example.html similarity index 100% rename from src/material-examples/autocomplete-simple/autocomplete-simple-example.html rename to src/material-examples/material/autocomplete/autocomplete-simple/autocomplete-simple-example.html diff --git a/src/material-examples/autocomplete-simple/autocomplete-simple-example.ts b/src/material-examples/material/autocomplete/autocomplete-simple/autocomplete-simple-example.ts similarity index 100% rename from src/material-examples/autocomplete-simple/autocomplete-simple-example.ts rename to src/material-examples/material/autocomplete/autocomplete-simple/autocomplete-simple-example.ts diff --git a/src/material-examples/material/autocomplete/module.ts b/src/material-examples/material/autocomplete/module.ts new file mode 100644 index 000000000000..ec035ec90759 --- /dev/null +++ b/src/material-examples/material/autocomplete/module.ts @@ -0,0 +1,44 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule, ReactiveFormsModule} from '@angular/forms'; +import {MatAutocompleteModule} from '@angular/material/autocomplete'; +import {MatFormFieldModule} from '@angular/material/form-field'; +import {MatInputModule} from '@angular/material/input'; +import {MatSlideToggleModule} from '@angular/material/slide-toggle'; +import { + AutocompleteAutoActiveFirstOptionExample +} from './autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example'; +import {AutocompleteDisplayExample} from './autocomplete-display/autocomplete-display-example'; +import {AutocompleteFilterExample} from './autocomplete-filter/autocomplete-filter-example'; +import {AutocompleteOptgroupExample} from './autocomplete-optgroup/autocomplete-optgroup-example'; +import {AutocompleteOverviewExample} from './autocomplete-overview/autocomplete-overview-example'; +import { + AutocompletePlainInputExample +} from './autocomplete-plain-input/autocomplete-plain-input-example'; +import {AutocompleteSimpleExample} from './autocomplete-simple/autocomplete-simple-example'; + +const EXAMPLES = [ + AutocompleteAutoActiveFirstOptionExample, + AutocompleteDisplayExample, + AutocompleteFilterExample, + AutocompleteOptgroupExample, + AutocompleteOverviewExample, + AutocompletePlainInputExample, + AutocompleteSimpleExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatAutocompleteModule, + MatFormFieldModule, + MatInputModule, + MatSlideToggleModule, + FormsModule, + ReactiveFormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class AutocompleteExamplesModule { +} diff --git a/src/material-examples/material/badge/BUILD.bazel b/src/material-examples/material/badge/BUILD.bazel new file mode 100644 index 000000000000..7ba6516e7144 --- /dev/null +++ b/src/material-examples/material/badge/BUILD.bazel @@ -0,0 +1,25 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "badge", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/badge", + "//src/material/icon", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/badge-overview/badge-overview-example.css b/src/material-examples/material/badge/badge-overview/badge-overview-example.css similarity index 100% rename from src/material-examples/badge-overview/badge-overview-example.css rename to src/material-examples/material/badge/badge-overview/badge-overview-example.css diff --git a/src/material-examples/badge-overview/badge-overview-example.html b/src/material-examples/material/badge/badge-overview/badge-overview-example.html similarity index 100% rename from src/material-examples/badge-overview/badge-overview-example.html rename to src/material-examples/material/badge/badge-overview/badge-overview-example.html diff --git a/src/material-examples/badge-overview/badge-overview-example.ts b/src/material-examples/material/badge/badge-overview/badge-overview-example.ts similarity index 100% rename from src/material-examples/badge-overview/badge-overview-example.ts rename to src/material-examples/material/badge/badge-overview/badge-overview-example.ts diff --git a/src/material-examples/material/badge/module.ts b/src/material-examples/material/badge/module.ts new file mode 100644 index 000000000000..d13b117d78c2 --- /dev/null +++ b/src/material-examples/material/badge/module.ts @@ -0,0 +1,19 @@ +import {NgModule} from '@angular/core'; +import {MatBadgeModule} from '@angular/material/badge'; +import {MatIconModule} from '@angular/material/icon'; +import {BadgeOverviewExample} from './badge-overview/badge-overview-example'; + +const EXAMPLES = [ + BadgeOverviewExample, +]; + +@NgModule({ + imports: [ + MatBadgeModule, + MatIconModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class BadgeExamplesModule { +} diff --git a/src/material-examples/material/bottom-sheet/BUILD.bazel b/src/material-examples/material/bottom-sheet/BUILD.bazel new file mode 100644 index 000000000000..d31c6d8ddc71 --- /dev/null +++ b/src/material-examples/material/bottom-sheet/BUILD.bazel @@ -0,0 +1,25 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "bottom-sheet", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/bottom-sheet", + "//src/material/list", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/bottom-sheet-overview/bottom-sheet-overview-example-sheet.html b/src/material-examples/material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview-example-sheet.html similarity index 100% rename from src/material-examples/bottom-sheet-overview/bottom-sheet-overview-example-sheet.html rename to src/material-examples/material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview-example-sheet.html diff --git a/src/material-examples/bottom-sheet-overview/bottom-sheet-overview-example.css b/src/material-examples/material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview-example.css similarity index 100% rename from src/material-examples/bottom-sheet-overview/bottom-sheet-overview-example.css rename to src/material-examples/material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview-example.css diff --git a/src/material-examples/bottom-sheet-overview/bottom-sheet-overview-example.html b/src/material-examples/material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview-example.html similarity index 100% rename from src/material-examples/bottom-sheet-overview/bottom-sheet-overview-example.html rename to src/material-examples/material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview-example.html diff --git a/src/material-examples/bottom-sheet-overview/bottom-sheet-overview-example.ts b/src/material-examples/material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview-example.ts similarity index 100% rename from src/material-examples/bottom-sheet-overview/bottom-sheet-overview-example.ts rename to src/material-examples/material/bottom-sheet/bottom-sheet-overview/bottom-sheet-overview-example.ts diff --git a/src/material-examples/material/bottom-sheet/module.ts b/src/material-examples/material/bottom-sheet/module.ts new file mode 100644 index 000000000000..7eabec1af0b5 --- /dev/null +++ b/src/material-examples/material/bottom-sheet/module.ts @@ -0,0 +1,24 @@ +import {NgModule} from '@angular/core'; +import {MatBottomSheetModule} from '@angular/material/bottom-sheet'; +import {MatListModule} from '@angular/material/list'; +import { + BottomSheetOverviewExample, + BottomSheetOverviewExampleSheet +} from './bottom-sheet-overview/bottom-sheet-overview-example'; + +const EXAMPLES = [ + BottomSheetOverviewExample, + BottomSheetOverviewExampleSheet, +]; + +@NgModule({ + imports: [ + MatBottomSheetModule, + MatListModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, + entryComponents: [BottomSheetOverviewExampleSheet], +}) +export class BottomSheetExamplesModule { +} diff --git a/src/material-examples/material/button-toggle/BUILD.bazel b/src/material-examples/material/button-toggle/BUILD.bazel new file mode 100644 index 000000000000..63ff98c8f289 --- /dev/null +++ b/src/material-examples/material/button-toggle/BUILD.bazel @@ -0,0 +1,25 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "button-toggle", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button-toggle", + "//src/material/icon", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/button-toggle-appearance/button-toggle-appearance-example.css b/src/material-examples/material/button-toggle/button-toggle-appearance/button-toggle-appearance-example.css similarity index 100% rename from src/material-examples/button-toggle-appearance/button-toggle-appearance-example.css rename to src/material-examples/material/button-toggle/button-toggle-appearance/button-toggle-appearance-example.css diff --git a/src/material-examples/button-toggle-appearance/button-toggle-appearance-example.html b/src/material-examples/material/button-toggle/button-toggle-appearance/button-toggle-appearance-example.html similarity index 100% rename from src/material-examples/button-toggle-appearance/button-toggle-appearance-example.html rename to src/material-examples/material/button-toggle/button-toggle-appearance/button-toggle-appearance-example.html diff --git a/src/material-examples/button-toggle-appearance/button-toggle-appearance-example.ts b/src/material-examples/material/button-toggle/button-toggle-appearance/button-toggle-appearance-example.ts similarity index 100% rename from src/material-examples/button-toggle-appearance/button-toggle-appearance-example.ts rename to src/material-examples/material/button-toggle/button-toggle-appearance/button-toggle-appearance-example.ts diff --git a/src/material-examples/button-toggle-exclusive/button-toggle-exclusive-example.css b/src/material-examples/material/button-toggle/button-toggle-exclusive/button-toggle-exclusive-example.css similarity index 100% rename from src/material-examples/button-toggle-exclusive/button-toggle-exclusive-example.css rename to src/material-examples/material/button-toggle/button-toggle-exclusive/button-toggle-exclusive-example.css diff --git a/src/material-examples/button-toggle-exclusive/button-toggle-exclusive-example.html b/src/material-examples/material/button-toggle/button-toggle-exclusive/button-toggle-exclusive-example.html similarity index 100% rename from src/material-examples/button-toggle-exclusive/button-toggle-exclusive-example.html rename to src/material-examples/material/button-toggle/button-toggle-exclusive/button-toggle-exclusive-example.html diff --git a/src/material-examples/button-toggle-exclusive/button-toggle-exclusive-example.ts b/src/material-examples/material/button-toggle/button-toggle-exclusive/button-toggle-exclusive-example.ts similarity index 100% rename from src/material-examples/button-toggle-exclusive/button-toggle-exclusive-example.ts rename to src/material-examples/material/button-toggle/button-toggle-exclusive/button-toggle-exclusive-example.ts diff --git a/src/material-examples/button-toggle-overview/button-toggle-overview-example.css b/src/material-examples/material/button-toggle/button-toggle-overview/button-toggle-overview-example.css similarity index 100% rename from src/material-examples/button-toggle-overview/button-toggle-overview-example.css rename to src/material-examples/material/button-toggle/button-toggle-overview/button-toggle-overview-example.css diff --git a/src/material-examples/button-toggle-overview/button-toggle-overview-example.html b/src/material-examples/material/button-toggle/button-toggle-overview/button-toggle-overview-example.html similarity index 100% rename from src/material-examples/button-toggle-overview/button-toggle-overview-example.html rename to src/material-examples/material/button-toggle/button-toggle-overview/button-toggle-overview-example.html diff --git a/src/material-examples/button-toggle-overview/button-toggle-overview-example.ts b/src/material-examples/material/button-toggle/button-toggle-overview/button-toggle-overview-example.ts similarity index 100% rename from src/material-examples/button-toggle-overview/button-toggle-overview-example.ts rename to src/material-examples/material/button-toggle/button-toggle-overview/button-toggle-overview-example.ts diff --git a/src/material-examples/material/button-toggle/module.ts b/src/material-examples/material/button-toggle/module.ts new file mode 100644 index 000000000000..8ba3dd316fa4 --- /dev/null +++ b/src/material-examples/material/button-toggle/module.ts @@ -0,0 +1,27 @@ +import {NgModule} from '@angular/core'; +import {MatButtonToggleModule} from '@angular/material/button-toggle'; +import {MatIconModule} from '@angular/material/icon'; +import { + ButtonToggleAppearanceExample +} from './button-toggle-appearance/button-toggle-appearance-example'; +import { + ButtonToggleExclusiveExample +} from './button-toggle-exclusive/button-toggle-exclusive-example'; +import {ButtonToggleOverviewExample} from './button-toggle-overview/button-toggle-overview-example'; + +const EXAMPLES = [ + ButtonToggleAppearanceExample, + ButtonToggleExclusiveExample, + ButtonToggleOverviewExample, +]; + +@NgModule({ + imports: [ + MatButtonToggleModule, + MatIconModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class ButtonToggleExamplesModule { +} diff --git a/src/material-examples/material/button/BUILD.bazel b/src/material-examples/material/button/BUILD.bazel new file mode 100644 index 000000000000..f4df15fac4b1 --- /dev/null +++ b/src/material-examples/material/button/BUILD.bazel @@ -0,0 +1,25 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "button", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/icon", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/button-overview/button-overview-example.css b/src/material-examples/material/button/button-overview/button-overview-example.css similarity index 100% rename from src/material-examples/button-overview/button-overview-example.css rename to src/material-examples/material/button/button-overview/button-overview-example.css diff --git a/src/material-examples/button-overview/button-overview-example.html b/src/material-examples/material/button/button-overview/button-overview-example.html similarity index 100% rename from src/material-examples/button-overview/button-overview-example.html rename to src/material-examples/material/button/button-overview/button-overview-example.html diff --git a/src/material-examples/button-overview/button-overview-example.ts b/src/material-examples/material/button/button-overview/button-overview-example.ts similarity index 100% rename from src/material-examples/button-overview/button-overview-example.ts rename to src/material-examples/material/button/button-overview/button-overview-example.ts diff --git a/src/material-examples/button-types/button-types-example.css b/src/material-examples/material/button/button-types/button-types-example.css similarity index 100% rename from src/material-examples/button-types/button-types-example.css rename to src/material-examples/material/button/button-types/button-types-example.css diff --git a/src/material-examples/button-types/button-types-example.html b/src/material-examples/material/button/button-types/button-types-example.html similarity index 100% rename from src/material-examples/button-types/button-types-example.html rename to src/material-examples/material/button/button-types/button-types-example.html diff --git a/src/material-examples/button-types/button-types-example.ts b/src/material-examples/material/button/button-types/button-types-example.ts similarity index 100% rename from src/material-examples/button-types/button-types-example.ts rename to src/material-examples/material/button/button-types/button-types-example.ts diff --git a/src/material-examples/material/button/module.ts b/src/material-examples/material/button/module.ts new file mode 100644 index 000000000000..da81f877ed95 --- /dev/null +++ b/src/material-examples/material/button/module.ts @@ -0,0 +1,21 @@ +import {NgModule} from '@angular/core'; +import {MatButtonModule} from '@angular/material/button'; +import {MatIconModule} from '@angular/material/icon'; +import {ButtonOverviewExample} from './button-overview/button-overview-example'; +import {ButtonTypesExample} from './button-types/button-types-example'; + +const EXAMPLES = [ + ButtonOverviewExample, + ButtonTypesExample, +]; + +@NgModule({ + imports: [ + MatButtonModule, + MatIconModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class ButtonExamplesModule { +} diff --git a/src/material-examples/material/card/BUILD.bazel b/src/material-examples/material/card/BUILD.bazel new file mode 100644 index 000000000000..cf1503269300 --- /dev/null +++ b/src/material-examples/material/card/BUILD.bazel @@ -0,0 +1,25 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "card", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/card", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/card-fancy/card-fancy-example.css b/src/material-examples/material/card/card-fancy/card-fancy-example.css similarity index 100% rename from src/material-examples/card-fancy/card-fancy-example.css rename to src/material-examples/material/card/card-fancy/card-fancy-example.css diff --git a/src/material-examples/card-fancy/card-fancy-example.html b/src/material-examples/material/card/card-fancy/card-fancy-example.html similarity index 100% rename from src/material-examples/card-fancy/card-fancy-example.html rename to src/material-examples/material/card/card-fancy/card-fancy-example.html diff --git a/src/material-examples/card-fancy/card-fancy-example.ts b/src/material-examples/material/card/card-fancy/card-fancy-example.ts similarity index 100% rename from src/material-examples/card-fancy/card-fancy-example.ts rename to src/material-examples/material/card/card-fancy/card-fancy-example.ts diff --git a/src/material-examples/card-overview/card-overview-example.css b/src/material-examples/material/card/card-overview/card-overview-example.css similarity index 100% rename from src/material-examples/card-overview/card-overview-example.css rename to src/material-examples/material/card/card-overview/card-overview-example.css diff --git a/src/material-examples/card-overview/card-overview-example.html b/src/material-examples/material/card/card-overview/card-overview-example.html similarity index 100% rename from src/material-examples/card-overview/card-overview-example.html rename to src/material-examples/material/card/card-overview/card-overview-example.html diff --git a/src/material-examples/card-overview/card-overview-example.ts b/src/material-examples/material/card/card-overview/card-overview-example.ts similarity index 100% rename from src/material-examples/card-overview/card-overview-example.ts rename to src/material-examples/material/card/card-overview/card-overview-example.ts diff --git a/src/material-examples/material/card/module.ts b/src/material-examples/material/card/module.ts new file mode 100644 index 000000000000..95ecd93b4fb2 --- /dev/null +++ b/src/material-examples/material/card/module.ts @@ -0,0 +1,21 @@ +import {NgModule} from '@angular/core'; +import {MatButtonModule} from '@angular/material/button'; +import {MatCardModule} from '@angular/material/card'; +import {CardFancyExample} from './card-fancy/card-fancy-example'; +import {CardOverviewExample} from './card-overview/card-overview-example'; + +const EXAMPLES = [ + CardFancyExample, + CardOverviewExample, +]; + +@NgModule({ + imports: [ + MatButtonModule, + MatCardModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class CardExamplesModule { +} diff --git a/src/material-examples/material/checkbox/BUILD.bazel b/src/material-examples/material/checkbox/BUILD.bazel new file mode 100644 index 000000000000..3a73da718bb7 --- /dev/null +++ b/src/material-examples/material/checkbox/BUILD.bazel @@ -0,0 +1,27 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "checkbox", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/card", + "//src/material/checkbox", + "//src/material/radio", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/checkbox-configurable/checkbox-configurable-example.css b/src/material-examples/material/checkbox/checkbox-configurable/checkbox-configurable-example.css similarity index 100% rename from src/material-examples/checkbox-configurable/checkbox-configurable-example.css rename to src/material-examples/material/checkbox/checkbox-configurable/checkbox-configurable-example.css diff --git a/src/material-examples/checkbox-configurable/checkbox-configurable-example.html b/src/material-examples/material/checkbox/checkbox-configurable/checkbox-configurable-example.html similarity index 100% rename from src/material-examples/checkbox-configurable/checkbox-configurable-example.html rename to src/material-examples/material/checkbox/checkbox-configurable/checkbox-configurable-example.html diff --git a/src/material-examples/checkbox-configurable/checkbox-configurable-example.ts b/src/material-examples/material/checkbox/checkbox-configurable/checkbox-configurable-example.ts similarity index 100% rename from src/material-examples/checkbox-configurable/checkbox-configurable-example.ts rename to src/material-examples/material/checkbox/checkbox-configurable/checkbox-configurable-example.ts diff --git a/src/material-examples/checkbox-overview/checkbox-overview-example.css b/src/material-examples/material/checkbox/checkbox-overview/checkbox-overview-example.css similarity index 100% rename from src/material-examples/checkbox-overview/checkbox-overview-example.css rename to src/material-examples/material/checkbox/checkbox-overview/checkbox-overview-example.css diff --git a/src/material-examples/checkbox-overview/checkbox-overview-example.html b/src/material-examples/material/checkbox/checkbox-overview/checkbox-overview-example.html similarity index 100% rename from src/material-examples/checkbox-overview/checkbox-overview-example.html rename to src/material-examples/material/checkbox/checkbox-overview/checkbox-overview-example.html diff --git a/src/material-examples/checkbox-overview/checkbox-overview-example.ts b/src/material-examples/material/checkbox/checkbox-overview/checkbox-overview-example.ts similarity index 100% rename from src/material-examples/checkbox-overview/checkbox-overview-example.ts rename to src/material-examples/material/checkbox/checkbox-overview/checkbox-overview-example.ts diff --git a/src/material-examples/material/checkbox/module.ts b/src/material-examples/material/checkbox/module.ts new file mode 100644 index 000000000000..75f84f11393e --- /dev/null +++ b/src/material-examples/material/checkbox/module.ts @@ -0,0 +1,25 @@ +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import {MatCardModule} from '@angular/material/card'; +import {MatCheckboxModule} from '@angular/material/checkbox'; +import {MatRadioModule} from '@angular/material/radio'; +import {CheckboxConfigurableExample} from './checkbox-configurable/checkbox-configurable-example'; +import {CheckboxOverviewExample} from './checkbox-overview/checkbox-overview-example'; + +const EXAMPLES = [ + CheckboxConfigurableExample, + CheckboxOverviewExample, +]; + +@NgModule({ + imports: [ + MatCardModule, + MatCheckboxModule, + MatRadioModule, + FormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class CheckboxExamplesModule { +} diff --git a/src/material-examples/material/chips/BUILD.bazel b/src/material-examples/material/chips/BUILD.bazel new file mode 100644 index 000000000000..3cd414e4c8e4 --- /dev/null +++ b/src/material-examples/material/chips/BUILD.bazel @@ -0,0 +1,29 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "chips", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk/drag-drop", + "//src/material/autocomplete", + "//src/material/chips", + "//src/material/form-field", + "//src/material/icon", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/chips-autocomplete/chips-autocomplete-example.css b/src/material-examples/material/chips/chips-autocomplete/chips-autocomplete-example.css similarity index 100% rename from src/material-examples/chips-autocomplete/chips-autocomplete-example.css rename to src/material-examples/material/chips/chips-autocomplete/chips-autocomplete-example.css diff --git a/src/material-examples/chips-autocomplete/chips-autocomplete-example.html b/src/material-examples/material/chips/chips-autocomplete/chips-autocomplete-example.html similarity index 100% rename from src/material-examples/chips-autocomplete/chips-autocomplete-example.html rename to src/material-examples/material/chips/chips-autocomplete/chips-autocomplete-example.html diff --git a/src/material-examples/chips-autocomplete/chips-autocomplete-example.ts b/src/material-examples/material/chips/chips-autocomplete/chips-autocomplete-example.ts similarity index 100% rename from src/material-examples/chips-autocomplete/chips-autocomplete-example.ts rename to src/material-examples/material/chips/chips-autocomplete/chips-autocomplete-example.ts diff --git a/src/material-examples/chips-drag-and-drop/chips-drag-drop-example.css b/src/material-examples/material/chips/chips-drag-and-drop/chips-drag-drop-example.css similarity index 100% rename from src/material-examples/chips-drag-and-drop/chips-drag-drop-example.css rename to src/material-examples/material/chips/chips-drag-and-drop/chips-drag-drop-example.css diff --git a/src/material-examples/chips-drag-and-drop/chips-drag-drop-example.html b/src/material-examples/material/chips/chips-drag-and-drop/chips-drag-drop-example.html similarity index 100% rename from src/material-examples/chips-drag-and-drop/chips-drag-drop-example.html rename to src/material-examples/material/chips/chips-drag-and-drop/chips-drag-drop-example.html diff --git a/src/material-examples/chips-drag-and-drop/chips-drag-drop-example.ts b/src/material-examples/material/chips/chips-drag-and-drop/chips-drag-drop-example.ts similarity index 100% rename from src/material-examples/chips-drag-and-drop/chips-drag-drop-example.ts rename to src/material-examples/material/chips/chips-drag-and-drop/chips-drag-drop-example.ts diff --git a/src/material-examples/chips-input/chips-input-example.css b/src/material-examples/material/chips/chips-input/chips-input-example.css similarity index 100% rename from src/material-examples/chips-input/chips-input-example.css rename to src/material-examples/material/chips/chips-input/chips-input-example.css diff --git a/src/material-examples/chips-input/chips-input-example.html b/src/material-examples/material/chips/chips-input/chips-input-example.html similarity index 100% rename from src/material-examples/chips-input/chips-input-example.html rename to src/material-examples/material/chips/chips-input/chips-input-example.html diff --git a/src/material-examples/chips-input/chips-input-example.ts b/src/material-examples/material/chips/chips-input/chips-input-example.ts similarity index 100% rename from src/material-examples/chips-input/chips-input-example.ts rename to src/material-examples/material/chips/chips-input/chips-input-example.ts diff --git a/src/material-examples/chips-overview/chips-overview-example.css b/src/material-examples/material/chips/chips-overview/chips-overview-example.css similarity index 100% rename from src/material-examples/chips-overview/chips-overview-example.css rename to src/material-examples/material/chips/chips-overview/chips-overview-example.css diff --git a/src/material-examples/chips-overview/chips-overview-example.html b/src/material-examples/material/chips/chips-overview/chips-overview-example.html similarity index 100% rename from src/material-examples/chips-overview/chips-overview-example.html rename to src/material-examples/material/chips/chips-overview/chips-overview-example.html diff --git a/src/material-examples/chips-overview/chips-overview-example.ts b/src/material-examples/material/chips/chips-overview/chips-overview-example.ts similarity index 100% rename from src/material-examples/chips-overview/chips-overview-example.ts rename to src/material-examples/material/chips/chips-overview/chips-overview-example.ts diff --git a/src/material-examples/chips-stacked/chips-stacked-example.css b/src/material-examples/material/chips/chips-stacked/chips-stacked-example.css similarity index 100% rename from src/material-examples/chips-stacked/chips-stacked-example.css rename to src/material-examples/material/chips/chips-stacked/chips-stacked-example.css diff --git a/src/material-examples/chips-stacked/chips-stacked-example.html b/src/material-examples/material/chips/chips-stacked/chips-stacked-example.html similarity index 100% rename from src/material-examples/chips-stacked/chips-stacked-example.html rename to src/material-examples/material/chips/chips-stacked/chips-stacked-example.html diff --git a/src/material-examples/chips-stacked/chips-stacked-example.ts b/src/material-examples/material/chips/chips-stacked/chips-stacked-example.ts similarity index 100% rename from src/material-examples/chips-stacked/chips-stacked-example.ts rename to src/material-examples/material/chips/chips-stacked/chips-stacked-example.ts diff --git a/src/material-examples/material/chips/module.ts b/src/material-examples/material/chips/module.ts new file mode 100644 index 000000000000..1fc9b4f0d17f --- /dev/null +++ b/src/material-examples/material/chips/module.ts @@ -0,0 +1,37 @@ +import {DragDropModule} from '@angular/cdk/drag-drop'; +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {ReactiveFormsModule} from '@angular/forms'; +import {MatAutocompleteModule} from '@angular/material/autocomplete'; +import {MatChipsModule} from '@angular/material/chips'; +import {MatFormFieldModule} from '@angular/material/form-field'; +import {MatIconModule} from '@angular/material/icon'; +import {ChipsAutocompleteExample} from './chips-autocomplete/chips-autocomplete-example'; +import {ChipsDragDropExample} from './chips-drag-and-drop/chips-drag-drop-example'; +import {ChipsInputExample} from './chips-input/chips-input-example'; +import {ChipsOverviewExample} from './chips-overview/chips-overview-example'; +import {ChipsStackedExample} from './chips-stacked/chips-stacked-example'; + +const EXAMPLES = [ + ChipsAutocompleteExample, + ChipsDragDropExample, + ChipsInputExample, + ChipsOverviewExample, + ChipsStackedExample, +]; + +@NgModule({ + imports: [ + CommonModule, + DragDropModule, + MatAutocompleteModule, + MatChipsModule, + MatIconModule, + MatFormFieldModule, + ReactiveFormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class ChipsExamplesModule { +} diff --git a/src/material-examples/material/core/BUILD.bazel b/src/material-examples/material/core/BUILD.bazel new file mode 100644 index 000000000000..4bf6908de5e3 --- /dev/null +++ b/src/material-examples/material/core/BUILD.bazel @@ -0,0 +1,28 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "core", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/checkbox", + "//src/material/core", + "//src/material/input", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/elevation-overview/elevation-overview-example.css b/src/material-examples/material/core/elevation-overview/elevation-overview-example.css similarity index 100% rename from src/material-examples/elevation-overview/elevation-overview-example.css rename to src/material-examples/material/core/elevation-overview/elevation-overview-example.css diff --git a/src/material-examples/elevation-overview/elevation-overview-example.html b/src/material-examples/material/core/elevation-overview/elevation-overview-example.html similarity index 100% rename from src/material-examples/elevation-overview/elevation-overview-example.html rename to src/material-examples/material/core/elevation-overview/elevation-overview-example.html diff --git a/src/material-examples/elevation-overview/elevation-overview-example.ts b/src/material-examples/material/core/elevation-overview/elevation-overview-example.ts similarity index 100% rename from src/material-examples/elevation-overview/elevation-overview-example.ts rename to src/material-examples/material/core/elevation-overview/elevation-overview-example.ts diff --git a/src/material-examples/material/core/module.ts b/src/material-examples/material/core/module.ts new file mode 100644 index 000000000000..3bdb508fd165 --- /dev/null +++ b/src/material-examples/material/core/module.ts @@ -0,0 +1,27 @@ +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import {MatButtonModule} from '@angular/material/button'; +import {MatCheckboxModule} from '@angular/material/checkbox'; +import {MatRippleModule} from '@angular/material/core'; +import {MatInputModule} from '@angular/material/input'; +import {ElevationOverviewExample} from './elevation-overview/elevation-overview-example'; +import {RippleOverviewExample} from './ripple-overview/ripple-overview-example'; + +const EXAMPLES = [ + ElevationOverviewExample, + RippleOverviewExample, +]; + +@NgModule({ + imports: [ + MatButtonModule, + MatCheckboxModule, + MatInputModule, + MatRippleModule, + FormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class CoreExamplesModule { +} diff --git a/src/material-examples/ripple-overview/ripple-overview-example.css b/src/material-examples/material/core/ripple-overview/ripple-overview-example.css similarity index 100% rename from src/material-examples/ripple-overview/ripple-overview-example.css rename to src/material-examples/material/core/ripple-overview/ripple-overview-example.css diff --git a/src/material-examples/ripple-overview/ripple-overview-example.html b/src/material-examples/material/core/ripple-overview/ripple-overview-example.html similarity index 100% rename from src/material-examples/ripple-overview/ripple-overview-example.html rename to src/material-examples/material/core/ripple-overview/ripple-overview-example.html diff --git a/src/material-examples/ripple-overview/ripple-overview-example.ts b/src/material-examples/material/core/ripple-overview/ripple-overview-example.ts similarity index 100% rename from src/material-examples/ripple-overview/ripple-overview-example.ts rename to src/material-examples/material/core/ripple-overview/ripple-overview-example.ts diff --git a/src/material-examples/material/datepicker/BUILD.bazel b/src/material-examples/material/datepicker/BUILD.bazel new file mode 100644 index 000000000000..d4f6302ef46e --- /dev/null +++ b/src/material-examples/material/datepicker/BUILD.bazel @@ -0,0 +1,39 @@ +package(default_visibility = ["//visibility:public"]) + +load("@npm_bazel_typescript//:index.bzl", "ts_config") +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "datepicker", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + tsconfig = ":tsconfig", + deps = [ + "//src/material-moment-adapter", + "//src/material/button", + "//src/material/core", + "//src/material/datepicker", + "//src/material/icon", + "//src/material/input", + "@npm//@angular/forms", + "@npm//moment", + ], +) + +ts_config( + name = "tsconfig", + src = "tsconfig-build.json", + deps = ["//src:bazel-tsconfig-build.json"], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/datepicker-api/datepicker-api-example.css b/src/material-examples/material/datepicker/datepicker-api/datepicker-api-example.css similarity index 100% rename from src/material-examples/datepicker-api/datepicker-api-example.css rename to src/material-examples/material/datepicker/datepicker-api/datepicker-api-example.css diff --git a/src/material-examples/datepicker-api/datepicker-api-example.html b/src/material-examples/material/datepicker/datepicker-api/datepicker-api-example.html similarity index 100% rename from src/material-examples/datepicker-api/datepicker-api-example.html rename to src/material-examples/material/datepicker/datepicker-api/datepicker-api-example.html diff --git a/src/material-examples/datepicker-api/datepicker-api-example.ts b/src/material-examples/material/datepicker/datepicker-api/datepicker-api-example.ts similarity index 100% rename from src/material-examples/datepicker-api/datepicker-api-example.ts rename to src/material-examples/material/datepicker/datepicker-api/datepicker-api-example.ts diff --git a/src/material-examples/datepicker-color/datepicker-color-example.css b/src/material-examples/material/datepicker/datepicker-color/datepicker-color-example.css similarity index 100% rename from src/material-examples/datepicker-color/datepicker-color-example.css rename to src/material-examples/material/datepicker/datepicker-color/datepicker-color-example.css diff --git a/src/material-examples/datepicker-color/datepicker-color-example.html b/src/material-examples/material/datepicker/datepicker-color/datepicker-color-example.html similarity index 100% rename from src/material-examples/datepicker-color/datepicker-color-example.html rename to src/material-examples/material/datepicker/datepicker-color/datepicker-color-example.html diff --git a/src/material-examples/datepicker-color/datepicker-color-example.ts b/src/material-examples/material/datepicker/datepicker-color/datepicker-color-example.ts similarity index 100% rename from src/material-examples/datepicker-color/datepicker-color-example.ts rename to src/material-examples/material/datepicker/datepicker-color/datepicker-color-example.ts diff --git a/src/material-examples/datepicker-custom-header/datepicker-custom-header-example.css b/src/material-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.css similarity index 100% rename from src/material-examples/datepicker-custom-header/datepicker-custom-header-example.css rename to src/material-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.css diff --git a/src/material-examples/datepicker-custom-header/datepicker-custom-header-example.html b/src/material-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.html similarity index 100% rename from src/material-examples/datepicker-custom-header/datepicker-custom-header-example.html rename to src/material-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.html diff --git a/src/material-examples/datepicker-custom-header/datepicker-custom-header-example.ts b/src/material-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.ts similarity index 100% rename from src/material-examples/datepicker-custom-header/datepicker-custom-header-example.ts rename to src/material-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.ts diff --git a/src/material-examples/datepicker-custom-icon/datepicker-custom-icon-example.css b/src/material-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.css similarity index 100% rename from src/material-examples/datepicker-custom-icon/datepicker-custom-icon-example.css rename to src/material-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.css diff --git a/src/material-examples/datepicker-custom-icon/datepicker-custom-icon-example.html b/src/material-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.html similarity index 100% rename from src/material-examples/datepicker-custom-icon/datepicker-custom-icon-example.html rename to src/material-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.html diff --git a/src/material-examples/datepicker-custom-icon/datepicker-custom-icon-example.ts b/src/material-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.ts similarity index 100% rename from src/material-examples/datepicker-custom-icon/datepicker-custom-icon-example.ts rename to src/material-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.ts diff --git a/src/material-examples/datepicker-date-class/datepicker-date-class-example.css b/src/material-examples/material/datepicker/datepicker-date-class/datepicker-date-class-example.css similarity index 100% rename from src/material-examples/datepicker-date-class/datepicker-date-class-example.css rename to src/material-examples/material/datepicker/datepicker-date-class/datepicker-date-class-example.css diff --git a/src/material-examples/datepicker-date-class/datepicker-date-class-example.html b/src/material-examples/material/datepicker/datepicker-date-class/datepicker-date-class-example.html similarity index 100% rename from src/material-examples/datepicker-date-class/datepicker-date-class-example.html rename to src/material-examples/material/datepicker/datepicker-date-class/datepicker-date-class-example.html diff --git a/src/material-examples/datepicker-date-class/datepicker-date-class-example.ts b/src/material-examples/material/datepicker/datepicker-date-class/datepicker-date-class-example.ts similarity index 100% rename from src/material-examples/datepicker-date-class/datepicker-date-class-example.ts rename to src/material-examples/material/datepicker/datepicker-date-class/datepicker-date-class-example.ts diff --git a/src/material-examples/datepicker-disabled/datepicker-disabled-example.css b/src/material-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.css similarity index 100% rename from src/material-examples/datepicker-disabled/datepicker-disabled-example.css rename to src/material-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.css diff --git a/src/material-examples/datepicker-disabled/datepicker-disabled-example.html b/src/material-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.html similarity index 100% rename from src/material-examples/datepicker-disabled/datepicker-disabled-example.html rename to src/material-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.html diff --git a/src/material-examples/datepicker-disabled/datepicker-disabled-example.ts b/src/material-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.ts similarity index 100% rename from src/material-examples/datepicker-disabled/datepicker-disabled-example.ts rename to src/material-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.ts diff --git a/src/material-examples/datepicker-events/datepicker-events-example.css b/src/material-examples/material/datepicker/datepicker-events/datepicker-events-example.css similarity index 100% rename from src/material-examples/datepicker-events/datepicker-events-example.css rename to src/material-examples/material/datepicker/datepicker-events/datepicker-events-example.css diff --git a/src/material-examples/datepicker-events/datepicker-events-example.html b/src/material-examples/material/datepicker/datepicker-events/datepicker-events-example.html similarity index 100% rename from src/material-examples/datepicker-events/datepicker-events-example.html rename to src/material-examples/material/datepicker/datepicker-events/datepicker-events-example.html diff --git a/src/material-examples/datepicker-events/datepicker-events-example.ts b/src/material-examples/material/datepicker/datepicker-events/datepicker-events-example.ts similarity index 100% rename from src/material-examples/datepicker-events/datepicker-events-example.ts rename to src/material-examples/material/datepicker/datepicker-events/datepicker-events-example.ts diff --git a/src/material-examples/datepicker-filter/datepicker-filter-example.css b/src/material-examples/material/datepicker/datepicker-filter/datepicker-filter-example.css similarity index 100% rename from src/material-examples/datepicker-filter/datepicker-filter-example.css rename to src/material-examples/material/datepicker/datepicker-filter/datepicker-filter-example.css diff --git a/src/material-examples/datepicker-filter/datepicker-filter-example.html b/src/material-examples/material/datepicker/datepicker-filter/datepicker-filter-example.html similarity index 100% rename from src/material-examples/datepicker-filter/datepicker-filter-example.html rename to src/material-examples/material/datepicker/datepicker-filter/datepicker-filter-example.html diff --git a/src/material-examples/datepicker-filter/datepicker-filter-example.ts b/src/material-examples/material/datepicker/datepicker-filter/datepicker-filter-example.ts similarity index 100% rename from src/material-examples/datepicker-filter/datepicker-filter-example.ts rename to src/material-examples/material/datepicker/datepicker-filter/datepicker-filter-example.ts diff --git a/src/material-examples/datepicker-formats/datepicker-formats-example.css b/src/material-examples/material/datepicker/datepicker-formats/datepicker-formats-example.css similarity index 100% rename from src/material-examples/datepicker-formats/datepicker-formats-example.css rename to src/material-examples/material/datepicker/datepicker-formats/datepicker-formats-example.css diff --git a/src/material-examples/datepicker-formats/datepicker-formats-example.html b/src/material-examples/material/datepicker/datepicker-formats/datepicker-formats-example.html similarity index 100% rename from src/material-examples/datepicker-formats/datepicker-formats-example.html rename to src/material-examples/material/datepicker/datepicker-formats/datepicker-formats-example.html diff --git a/src/material-examples/datepicker-formats/datepicker-formats-example.ts b/src/material-examples/material/datepicker/datepicker-formats/datepicker-formats-example.ts similarity index 100% rename from src/material-examples/datepicker-formats/datepicker-formats-example.ts rename to src/material-examples/material/datepicker/datepicker-formats/datepicker-formats-example.ts diff --git a/src/material-examples/datepicker-locale/datepicker-locale-example.css b/src/material-examples/material/datepicker/datepicker-locale/datepicker-locale-example.css similarity index 100% rename from src/material-examples/datepicker-locale/datepicker-locale-example.css rename to src/material-examples/material/datepicker/datepicker-locale/datepicker-locale-example.css diff --git a/src/material-examples/datepicker-locale/datepicker-locale-example.html b/src/material-examples/material/datepicker/datepicker-locale/datepicker-locale-example.html similarity index 100% rename from src/material-examples/datepicker-locale/datepicker-locale-example.html rename to src/material-examples/material/datepicker/datepicker-locale/datepicker-locale-example.html diff --git a/src/material-examples/datepicker-locale/datepicker-locale-example.ts b/src/material-examples/material/datepicker/datepicker-locale/datepicker-locale-example.ts similarity index 100% rename from src/material-examples/datepicker-locale/datepicker-locale-example.ts rename to src/material-examples/material/datepicker/datepicker-locale/datepicker-locale-example.ts diff --git a/src/material-examples/datepicker-min-max/datepicker-min-max-example.css b/src/material-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.css similarity index 100% rename from src/material-examples/datepicker-min-max/datepicker-min-max-example.css rename to src/material-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.css diff --git a/src/material-examples/datepicker-min-max/datepicker-min-max-example.html b/src/material-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.html similarity index 100% rename from src/material-examples/datepicker-min-max/datepicker-min-max-example.html rename to src/material-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.html diff --git a/src/material-examples/datepicker-min-max/datepicker-min-max-example.ts b/src/material-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.ts similarity index 100% rename from src/material-examples/datepicker-min-max/datepicker-min-max-example.ts rename to src/material-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.ts diff --git a/src/material-examples/datepicker-moment/datepicker-moment-example.css b/src/material-examples/material/datepicker/datepicker-moment/datepicker-moment-example.css similarity index 100% rename from src/material-examples/datepicker-moment/datepicker-moment-example.css rename to src/material-examples/material/datepicker/datepicker-moment/datepicker-moment-example.css diff --git a/src/material-examples/datepicker-moment/datepicker-moment-example.html b/src/material-examples/material/datepicker/datepicker-moment/datepicker-moment-example.html similarity index 100% rename from src/material-examples/datepicker-moment/datepicker-moment-example.html rename to src/material-examples/material/datepicker/datepicker-moment/datepicker-moment-example.html diff --git a/src/material-examples/datepicker-moment/datepicker-moment-example.ts b/src/material-examples/material/datepicker/datepicker-moment/datepicker-moment-example.ts similarity index 100% rename from src/material-examples/datepicker-moment/datepicker-moment-example.ts rename to src/material-examples/material/datepicker/datepicker-moment/datepicker-moment-example.ts diff --git a/src/material-examples/datepicker-overview/datepicker-overview-example.css b/src/material-examples/material/datepicker/datepicker-overview/datepicker-overview-example.css similarity index 100% rename from src/material-examples/datepicker-overview/datepicker-overview-example.css rename to src/material-examples/material/datepicker/datepicker-overview/datepicker-overview-example.css diff --git a/src/material-examples/datepicker-overview/datepicker-overview-example.html b/src/material-examples/material/datepicker/datepicker-overview/datepicker-overview-example.html similarity index 100% rename from src/material-examples/datepicker-overview/datepicker-overview-example.html rename to src/material-examples/material/datepicker/datepicker-overview/datepicker-overview-example.html diff --git a/src/material-examples/datepicker-overview/datepicker-overview-example.ts b/src/material-examples/material/datepicker/datepicker-overview/datepicker-overview-example.ts similarity index 100% rename from src/material-examples/datepicker-overview/datepicker-overview-example.ts rename to src/material-examples/material/datepicker/datepicker-overview/datepicker-overview-example.ts diff --git a/src/material-examples/datepicker-start-view/datepicker-start-view-example.css b/src/material-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.css similarity index 100% rename from src/material-examples/datepicker-start-view/datepicker-start-view-example.css rename to src/material-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.css diff --git a/src/material-examples/datepicker-start-view/datepicker-start-view-example.html b/src/material-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.html similarity index 100% rename from src/material-examples/datepicker-start-view/datepicker-start-view-example.html rename to src/material-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.html diff --git a/src/material-examples/datepicker-start-view/datepicker-start-view-example.ts b/src/material-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.ts similarity index 100% rename from src/material-examples/datepicker-start-view/datepicker-start-view-example.ts rename to src/material-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.ts diff --git a/src/material-examples/datepicker-touch/datepicker-touch-example.css b/src/material-examples/material/datepicker/datepicker-touch/datepicker-touch-example.css similarity index 100% rename from src/material-examples/datepicker-touch/datepicker-touch-example.css rename to src/material-examples/material/datepicker/datepicker-touch/datepicker-touch-example.css diff --git a/src/material-examples/datepicker-touch/datepicker-touch-example.html b/src/material-examples/material/datepicker/datepicker-touch/datepicker-touch-example.html similarity index 100% rename from src/material-examples/datepicker-touch/datepicker-touch-example.html rename to src/material-examples/material/datepicker/datepicker-touch/datepicker-touch-example.html diff --git a/src/material-examples/datepicker-touch/datepicker-touch-example.ts b/src/material-examples/material/datepicker/datepicker-touch/datepicker-touch-example.ts similarity index 100% rename from src/material-examples/datepicker-touch/datepicker-touch-example.ts rename to src/material-examples/material/datepicker/datepicker-touch/datepicker-touch-example.ts diff --git a/src/material-examples/datepicker-value/datepicker-value-example.css b/src/material-examples/material/datepicker/datepicker-value/datepicker-value-example.css similarity index 100% rename from src/material-examples/datepicker-value/datepicker-value-example.css rename to src/material-examples/material/datepicker/datepicker-value/datepicker-value-example.css diff --git a/src/material-examples/datepicker-value/datepicker-value-example.html b/src/material-examples/material/datepicker/datepicker-value/datepicker-value-example.html similarity index 100% rename from src/material-examples/datepicker-value/datepicker-value-example.html rename to src/material-examples/material/datepicker/datepicker-value/datepicker-value-example.html diff --git a/src/material-examples/datepicker-value/datepicker-value-example.ts b/src/material-examples/material/datepicker/datepicker-value/datepicker-value-example.ts similarity index 100% rename from src/material-examples/datepicker-value/datepicker-value-example.ts rename to src/material-examples/material/datepicker/datepicker-value/datepicker-value-example.ts diff --git a/src/material-examples/datepicker-views-selection/datepicker-views-selection-example.css b/src/material-examples/material/datepicker/datepicker-views-selection/datepicker-views-selection-example.css similarity index 100% rename from src/material-examples/datepicker-views-selection/datepicker-views-selection-example.css rename to src/material-examples/material/datepicker/datepicker-views-selection/datepicker-views-selection-example.css diff --git a/src/material-examples/datepicker-views-selection/datepicker-views-selection-example.html b/src/material-examples/material/datepicker/datepicker-views-selection/datepicker-views-selection-example.html similarity index 100% rename from src/material-examples/datepicker-views-selection/datepicker-views-selection-example.html rename to src/material-examples/material/datepicker/datepicker-views-selection/datepicker-views-selection-example.html diff --git a/src/material-examples/datepicker-views-selection/datepicker-views-selection-example.ts b/src/material-examples/material/datepicker/datepicker-views-selection/datepicker-views-selection-example.ts similarity index 100% rename from src/material-examples/datepicker-views-selection/datepicker-views-selection-example.ts rename to src/material-examples/material/datepicker/datepicker-views-selection/datepicker-views-selection-example.ts diff --git a/src/material-examples/material/datepicker/module.ts b/src/material-examples/material/datepicker/module.ts new file mode 100644 index 000000000000..dee6c4888648 --- /dev/null +++ b/src/material-examples/material/datepicker/module.ts @@ -0,0 +1,68 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {ReactiveFormsModule} from '@angular/forms'; +import {MatButtonModule} from '@angular/material/button'; +import {MatNativeDateModule} from '@angular/material/core'; +import {MatDatepickerModule} from '@angular/material/datepicker'; +import {MatIconModule} from '@angular/material/icon'; +import {MatInputModule} from '@angular/material/input'; + +import {DatepickerApiExample} from './datepicker-api/datepicker-api-example'; +import {DatepickerColorExample} from './datepicker-color/datepicker-color-example'; +import { + DatepickerCustomHeaderExample, + ExampleHeader +} from './datepicker-custom-header/datepicker-custom-header-example'; +import {DatepickerCustomIconExample} from './datepicker-custom-icon/datepicker-custom-icon-example'; +import {DatepickerDateClassExample} from './datepicker-date-class/datepicker-date-class-example'; +import {DatepickerDisabledExample} from './datepicker-disabled/datepicker-disabled-example'; +import {DatepickerEventsExample} from './datepicker-events/datepicker-events-example'; +import {DatepickerFilterExample} from './datepicker-filter/datepicker-filter-example'; +import {DatepickerFormatsExample} from './datepicker-formats/datepicker-formats-example'; +import {DatepickerLocaleExample} from './datepicker-locale/datepicker-locale-example'; +import {DatepickerMinMaxExample} from './datepicker-min-max/datepicker-min-max-example'; +import {DatepickerMomentExample} from './datepicker-moment/datepicker-moment-example'; +import {DatepickerOverviewExample} from './datepicker-overview/datepicker-overview-example'; +import {DatepickerStartViewExample} from './datepicker-start-view/datepicker-start-view-example'; +import {DatepickerTouchExample} from './datepicker-touch/datepicker-touch-example'; +import {DatepickerValueExample} from './datepicker-value/datepicker-value-example'; +import { + DatepickerViewsSelectionExample +} from './datepicker-views-selection/datepicker-views-selection-example'; + +const EXAMPLES = [ + DatepickerApiExample, + DatepickerColorExample, + DatepickerCustomHeaderExample, + DatepickerCustomIconExample, + DatepickerDateClassExample, + DatepickerDisabledExample, + DatepickerEventsExample, + DatepickerFilterExample, + DatepickerFormatsExample, + DatepickerLocaleExample, + DatepickerMinMaxExample, + DatepickerMomentExample, + DatepickerOverviewExample, + DatepickerStartViewExample, + DatepickerTouchExample, + DatepickerValueExample, + DatepickerViewsSelectionExample, + ExampleHeader, +]; + +@NgModule({ + imports: [ + CommonModule, + MatButtonModule, + MatDatepickerModule, + MatInputModule, + MatIconModule, + MatNativeDateModule, + ReactiveFormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class DatepickerExamplesModule { +} diff --git a/src/material-examples/material/datepicker/tsconfig-build.json b/src/material-examples/material/datepicker/tsconfig-build.json new file mode 100644 index 000000000000..c20b38fa5ebb --- /dev/null +++ b/src/material-examples/material/datepicker/tsconfig-build.json @@ -0,0 +1,7 @@ +{ + "extends": "../../../bazel-tsconfig-build", + "compilerOptions": { + // Needed for Moment.js since it doesn't have a default export. + "allowSyntheticDefaultImports": true + } +} diff --git a/src/material-examples/material/dialog/BUILD.bazel b/src/material-examples/material/dialog/BUILD.bazel new file mode 100644 index 000000000000..2a9403e15c4c --- /dev/null +++ b/src/material-examples/material/dialog/BUILD.bazel @@ -0,0 +1,27 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "dialog", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/dialog", + "//src/material/input", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/dialog-content/dialog-content-example-dialog.html b/src/material-examples/material/dialog/dialog-content/dialog-content-example-dialog.html similarity index 100% rename from src/material-examples/dialog-content/dialog-content-example-dialog.html rename to src/material-examples/material/dialog/dialog-content/dialog-content-example-dialog.html diff --git a/src/material-examples/dialog-content/dialog-content-example.css b/src/material-examples/material/dialog/dialog-content/dialog-content-example.css similarity index 100% rename from src/material-examples/dialog-content/dialog-content-example.css rename to src/material-examples/material/dialog/dialog-content/dialog-content-example.css diff --git a/src/material-examples/dialog-content/dialog-content-example.html b/src/material-examples/material/dialog/dialog-content/dialog-content-example.html similarity index 100% rename from src/material-examples/dialog-content/dialog-content-example.html rename to src/material-examples/material/dialog/dialog-content/dialog-content-example.html diff --git a/src/material-examples/dialog-content/dialog-content-example.ts b/src/material-examples/material/dialog/dialog-content/dialog-content-example.ts similarity index 100% rename from src/material-examples/dialog-content/dialog-content-example.ts rename to src/material-examples/material/dialog/dialog-content/dialog-content-example.ts diff --git a/src/material-examples/dialog-data/dialog-data-example-dialog.html b/src/material-examples/material/dialog/dialog-data/dialog-data-example-dialog.html similarity index 100% rename from src/material-examples/dialog-data/dialog-data-example-dialog.html rename to src/material-examples/material/dialog/dialog-data/dialog-data-example-dialog.html diff --git a/src/material-examples/dialog-data/dialog-data-example.css b/src/material-examples/material/dialog/dialog-data/dialog-data-example.css similarity index 100% rename from src/material-examples/dialog-data/dialog-data-example.css rename to src/material-examples/material/dialog/dialog-data/dialog-data-example.css diff --git a/src/material-examples/dialog-data/dialog-data-example.html b/src/material-examples/material/dialog/dialog-data/dialog-data-example.html similarity index 100% rename from src/material-examples/dialog-data/dialog-data-example.html rename to src/material-examples/material/dialog/dialog-data/dialog-data-example.html diff --git a/src/material-examples/dialog-data/dialog-data-example.ts b/src/material-examples/material/dialog/dialog-data/dialog-data-example.ts similarity index 100% rename from src/material-examples/dialog-data/dialog-data-example.ts rename to src/material-examples/material/dialog/dialog-data/dialog-data-example.ts diff --git a/src/material-examples/dialog-elements/dialog-elements-example-dialog.html b/src/material-examples/material/dialog/dialog-elements/dialog-elements-example-dialog.html similarity index 100% rename from src/material-examples/dialog-elements/dialog-elements-example-dialog.html rename to src/material-examples/material/dialog/dialog-elements/dialog-elements-example-dialog.html diff --git a/src/material-examples/dialog-elements/dialog-elements-example.css b/src/material-examples/material/dialog/dialog-elements/dialog-elements-example.css similarity index 100% rename from src/material-examples/dialog-elements/dialog-elements-example.css rename to src/material-examples/material/dialog/dialog-elements/dialog-elements-example.css diff --git a/src/material-examples/dialog-elements/dialog-elements-example.html b/src/material-examples/material/dialog/dialog-elements/dialog-elements-example.html similarity index 100% rename from src/material-examples/dialog-elements/dialog-elements-example.html rename to src/material-examples/material/dialog/dialog-elements/dialog-elements-example.html diff --git a/src/material-examples/dialog-elements/dialog-elements-example.ts b/src/material-examples/material/dialog/dialog-elements/dialog-elements-example.ts similarity index 100% rename from src/material-examples/dialog-elements/dialog-elements-example.ts rename to src/material-examples/material/dialog/dialog-elements/dialog-elements-example.ts diff --git a/src/material-examples/dialog-overview/dialog-overview-example-dialog.html b/src/material-examples/material/dialog/dialog-overview/dialog-overview-example-dialog.html similarity index 100% rename from src/material-examples/dialog-overview/dialog-overview-example-dialog.html rename to src/material-examples/material/dialog/dialog-overview/dialog-overview-example-dialog.html diff --git a/src/material-examples/dialog-overview/dialog-overview-example.css b/src/material-examples/material/dialog/dialog-overview/dialog-overview-example.css similarity index 100% rename from src/material-examples/dialog-overview/dialog-overview-example.css rename to src/material-examples/material/dialog/dialog-overview/dialog-overview-example.css diff --git a/src/material-examples/dialog-overview/dialog-overview-example.html b/src/material-examples/material/dialog/dialog-overview/dialog-overview-example.html similarity index 100% rename from src/material-examples/dialog-overview/dialog-overview-example.html rename to src/material-examples/material/dialog/dialog-overview/dialog-overview-example.html diff --git a/src/material-examples/dialog-overview/dialog-overview-example.ts b/src/material-examples/material/dialog/dialog-overview/dialog-overview-example.ts similarity index 100% rename from src/material-examples/dialog-overview/dialog-overview-example.ts rename to src/material-examples/material/dialog/dialog-overview/dialog-overview-example.ts diff --git a/src/material-examples/material/dialog/module.ts b/src/material-examples/material/dialog/module.ts new file mode 100644 index 000000000000..244a372922c1 --- /dev/null +++ b/src/material-examples/material/dialog/module.ts @@ -0,0 +1,50 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import {MatButtonModule} from '@angular/material/button'; +import {MatDialogModule} from '@angular/material/dialog'; +import {MatInputModule} from '@angular/material/input'; +import { + DialogContentExample, + DialogContentExampleDialog +} from './dialog-content/dialog-content-example'; +import {DialogDataExample, DialogDataExampleDialog} from './dialog-data/dialog-data-example'; +import { + DialogElementsExample, + DialogElementsExampleDialog +} from './dialog-elements/dialog-elements-example'; +import { + DialogOverviewExample, + DialogOverviewExampleDialog +} from './dialog-overview/dialog-overview-example'; + +const EXAMPLES = [ + DialogContentExample, + DialogContentExampleDialog, + DialogDataExample, + DialogDataExampleDialog, + DialogElementsExample, + DialogElementsExampleDialog, + DialogOverviewExample, + DialogOverviewExampleDialog, +]; + +@NgModule({ + imports: [ + CommonModule, + MatButtonModule, + MatDialogModule, + MatInputModule, + FormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, + entryComponents: [ + DialogContentExampleDialog, + DialogDataExampleDialog, + DialogElementsExampleDialog, + DialogOverviewExampleDialog, + ] +}) +export class DialogExamplesModule { +} diff --git a/src/material-examples/material/divider/BUILD.bazel b/src/material-examples/material/divider/BUILD.bazel new file mode 100644 index 000000000000..fe152f6d11c7 --- /dev/null +++ b/src/material-examples/material/divider/BUILD.bazel @@ -0,0 +1,25 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "divider", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/divider", + "//src/material/list", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/divider-overview/divider-overview-example.css b/src/material-examples/material/divider/divider-overview/divider-overview-example.css similarity index 100% rename from src/material-examples/divider-overview/divider-overview-example.css rename to src/material-examples/material/divider/divider-overview/divider-overview-example.css diff --git a/src/material-examples/divider-overview/divider-overview-example.html b/src/material-examples/material/divider/divider-overview/divider-overview-example.html similarity index 100% rename from src/material-examples/divider-overview/divider-overview-example.html rename to src/material-examples/material/divider/divider-overview/divider-overview-example.html diff --git a/src/material-examples/divider-overview/divider-overview-example.ts b/src/material-examples/material/divider/divider-overview/divider-overview-example.ts similarity index 100% rename from src/material-examples/divider-overview/divider-overview-example.ts rename to src/material-examples/material/divider/divider-overview/divider-overview-example.ts diff --git a/src/material-examples/material/divider/module.ts b/src/material-examples/material/divider/module.ts new file mode 100644 index 000000000000..0bb99a33d4a0 --- /dev/null +++ b/src/material-examples/material/divider/module.ts @@ -0,0 +1,18 @@ +import {NgModule} from '@angular/core'; +import {MatDividerModule} from '@angular/material/divider'; +import {MatListModule} from '@angular/material/list'; +import {DividerOverviewExample} from './divider-overview/divider-overview-example'; + +const EXAMPLES = [ + DividerOverviewExample, +]; + +@NgModule({ + imports: [ + MatDividerModule, + MatListModule, + ], + declarations: EXAMPLES, +}) +export class DividerExamplesModule { +} diff --git a/src/material-examples/material/expansion/BUILD.bazel b/src/material-examples/material/expansion/BUILD.bazel new file mode 100644 index 000000000000..057415beadd6 --- /dev/null +++ b/src/material-examples/material/expansion/BUILD.bazel @@ -0,0 +1,27 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "expansion", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/datepicker", + "//src/material/expansion", + "//src/material/icon", + "//src/material/input", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/expansion-expand-collapse-all/expansion-expand-collapse-all-example.css b/src/material-examples/material/expansion/expansion-expand-collapse-all/expansion-expand-collapse-all-example.css similarity index 100% rename from src/material-examples/expansion-expand-collapse-all/expansion-expand-collapse-all-example.css rename to src/material-examples/material/expansion/expansion-expand-collapse-all/expansion-expand-collapse-all-example.css diff --git a/src/material-examples/expansion-expand-collapse-all/expansion-expand-collapse-all-example.html b/src/material-examples/material/expansion/expansion-expand-collapse-all/expansion-expand-collapse-all-example.html similarity index 100% rename from src/material-examples/expansion-expand-collapse-all/expansion-expand-collapse-all-example.html rename to src/material-examples/material/expansion/expansion-expand-collapse-all/expansion-expand-collapse-all-example.html diff --git a/src/material-examples/expansion-expand-collapse-all/expansion-expand-collapse-all-example.ts b/src/material-examples/material/expansion/expansion-expand-collapse-all/expansion-expand-collapse-all-example.ts similarity index 100% rename from src/material-examples/expansion-expand-collapse-all/expansion-expand-collapse-all-example.ts rename to src/material-examples/material/expansion/expansion-expand-collapse-all/expansion-expand-collapse-all-example.ts diff --git a/src/material-examples/expansion-overview/expansion-overview-example.css b/src/material-examples/material/expansion/expansion-overview/expansion-overview-example.css similarity index 100% rename from src/material-examples/expansion-overview/expansion-overview-example.css rename to src/material-examples/material/expansion/expansion-overview/expansion-overview-example.css diff --git a/src/material-examples/expansion-overview/expansion-overview-example.html b/src/material-examples/material/expansion/expansion-overview/expansion-overview-example.html similarity index 100% rename from src/material-examples/expansion-overview/expansion-overview-example.html rename to src/material-examples/material/expansion/expansion-overview/expansion-overview-example.html diff --git a/src/material-examples/expansion-overview/expansion-overview-example.ts b/src/material-examples/material/expansion/expansion-overview/expansion-overview-example.ts similarity index 100% rename from src/material-examples/expansion-overview/expansion-overview-example.ts rename to src/material-examples/material/expansion/expansion-overview/expansion-overview-example.ts diff --git a/src/material-examples/expansion-steps/expansion-steps-example.css b/src/material-examples/material/expansion/expansion-steps/expansion-steps-example.css similarity index 100% rename from src/material-examples/expansion-steps/expansion-steps-example.css rename to src/material-examples/material/expansion/expansion-steps/expansion-steps-example.css diff --git a/src/material-examples/expansion-steps/expansion-steps-example.html b/src/material-examples/material/expansion/expansion-steps/expansion-steps-example.html similarity index 100% rename from src/material-examples/expansion-steps/expansion-steps-example.html rename to src/material-examples/material/expansion/expansion-steps/expansion-steps-example.html diff --git a/src/material-examples/expansion-steps/expansion-steps-example.ts b/src/material-examples/material/expansion/expansion-steps/expansion-steps-example.ts similarity index 100% rename from src/material-examples/expansion-steps/expansion-steps-example.ts rename to src/material-examples/material/expansion/expansion-steps/expansion-steps-example.ts diff --git a/src/material-examples/material/expansion/module.ts b/src/material-examples/material/expansion/module.ts new file mode 100644 index 000000000000..2212c37aa5ac --- /dev/null +++ b/src/material-examples/material/expansion/module.ts @@ -0,0 +1,28 @@ +import {NgModule} from '@angular/core'; +import {MatDatepickerModule} from '@angular/material/datepicker'; +import {MatExpansionModule} from '@angular/material/expansion'; +import {MatIconModule} from '@angular/material/icon'; +import {MatInputModule} from '@angular/material/input'; +import { + ExpansionExpandCollapseAllExample +} from './expansion-expand-collapse-all/expansion-expand-collapse-all-example'; +import {ExpansionOverviewExample} from './expansion-overview/expansion-overview-example'; +import {ExpansionStepsExample} from './expansion-steps/expansion-steps-example'; + +const EXAMPLES = [ + ExpansionExpandCollapseAllExample, + ExpansionOverviewExample, + ExpansionStepsExample, +]; + +@NgModule({ + imports: [ + MatDatepickerModule, + MatExpansionModule, + MatIconModule, + MatInputModule, + ], + declarations: EXAMPLES, +}) +export class ExpansionExamplesModule { +} diff --git a/src/material-examples/material/form-field/BUILD.bazel b/src/material-examples/material/form-field/BUILD.bazel new file mode 100644 index 000000000000..0dbc807031c5 --- /dev/null +++ b/src/material-examples/material/form-field/BUILD.bazel @@ -0,0 +1,31 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "form-field", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/checkbox", + "//src/material/form-field", + "//src/material/icon", + "//src/material/input", + "//src/material/radio", + "//src/material/select", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/form-field-appearance/form-field-appearance-example.css b/src/material-examples/material/form-field/form-field-appearance/form-field-appearance-example.css similarity index 100% rename from src/material-examples/form-field-appearance/form-field-appearance-example.css rename to src/material-examples/material/form-field/form-field-appearance/form-field-appearance-example.css diff --git a/src/material-examples/form-field-appearance/form-field-appearance-example.html b/src/material-examples/material/form-field/form-field-appearance/form-field-appearance-example.html similarity index 100% rename from src/material-examples/form-field-appearance/form-field-appearance-example.html rename to src/material-examples/material/form-field/form-field-appearance/form-field-appearance-example.html diff --git a/src/material-examples/form-field-appearance/form-field-appearance-example.ts b/src/material-examples/material/form-field/form-field-appearance/form-field-appearance-example.ts similarity index 100% rename from src/material-examples/form-field-appearance/form-field-appearance-example.ts rename to src/material-examples/material/form-field/form-field-appearance/form-field-appearance-example.ts diff --git a/src/material-examples/form-field-custom-control/example-tel-input-example.css b/src/material-examples/material/form-field/form-field-custom-control/example-tel-input-example.css similarity index 100% rename from src/material-examples/form-field-custom-control/example-tel-input-example.css rename to src/material-examples/material/form-field/form-field-custom-control/example-tel-input-example.css diff --git a/src/material-examples/form-field-custom-control/example-tel-input-example.html b/src/material-examples/material/form-field/form-field-custom-control/example-tel-input-example.html similarity index 100% rename from src/material-examples/form-field-custom-control/example-tel-input-example.html rename to src/material-examples/material/form-field/form-field-custom-control/example-tel-input-example.html diff --git a/src/material-examples/form-field-custom-control/form-field-custom-control-example.css b/src/material-examples/material/form-field/form-field-custom-control/form-field-custom-control-example.css similarity index 100% rename from src/material-examples/form-field-custom-control/form-field-custom-control-example.css rename to src/material-examples/material/form-field/form-field-custom-control/form-field-custom-control-example.css diff --git a/src/material-examples/form-field-custom-control/form-field-custom-control-example.html b/src/material-examples/material/form-field/form-field-custom-control/form-field-custom-control-example.html similarity index 100% rename from src/material-examples/form-field-custom-control/form-field-custom-control-example.html rename to src/material-examples/material/form-field/form-field-custom-control/form-field-custom-control-example.html diff --git a/src/material-examples/form-field-custom-control/form-field-custom-control-example.ts b/src/material-examples/material/form-field/form-field-custom-control/form-field-custom-control-example.ts similarity index 100% rename from src/material-examples/form-field-custom-control/form-field-custom-control-example.ts rename to src/material-examples/material/form-field/form-field-custom-control/form-field-custom-control-example.ts diff --git a/src/material-examples/form-field-error/form-field-error-example.css b/src/material-examples/material/form-field/form-field-error/form-field-error-example.css similarity index 100% rename from src/material-examples/form-field-error/form-field-error-example.css rename to src/material-examples/material/form-field/form-field-error/form-field-error-example.css diff --git a/src/material-examples/form-field-error/form-field-error-example.html b/src/material-examples/material/form-field/form-field-error/form-field-error-example.html similarity index 100% rename from src/material-examples/form-field-error/form-field-error-example.html rename to src/material-examples/material/form-field/form-field-error/form-field-error-example.html diff --git a/src/material-examples/form-field-error/form-field-error-example.ts b/src/material-examples/material/form-field/form-field-error/form-field-error-example.ts similarity index 100% rename from src/material-examples/form-field-error/form-field-error-example.ts rename to src/material-examples/material/form-field/form-field-error/form-field-error-example.ts diff --git a/src/material-examples/form-field-hint/form-field-hint-example.css b/src/material-examples/material/form-field/form-field-hint/form-field-hint-example.css similarity index 100% rename from src/material-examples/form-field-hint/form-field-hint-example.css rename to src/material-examples/material/form-field/form-field-hint/form-field-hint-example.css diff --git a/src/material-examples/form-field-hint/form-field-hint-example.html b/src/material-examples/material/form-field/form-field-hint/form-field-hint-example.html similarity index 100% rename from src/material-examples/form-field-hint/form-field-hint-example.html rename to src/material-examples/material/form-field/form-field-hint/form-field-hint-example.html diff --git a/src/material-examples/form-field-hint/form-field-hint-example.ts b/src/material-examples/material/form-field/form-field-hint/form-field-hint-example.ts similarity index 100% rename from src/material-examples/form-field-hint/form-field-hint-example.ts rename to src/material-examples/material/form-field/form-field-hint/form-field-hint-example.ts diff --git a/src/material-examples/form-field-label/form-field-label-example.css b/src/material-examples/material/form-field/form-field-label/form-field-label-example.css similarity index 100% rename from src/material-examples/form-field-label/form-field-label-example.css rename to src/material-examples/material/form-field/form-field-label/form-field-label-example.css diff --git a/src/material-examples/form-field-label/form-field-label-example.html b/src/material-examples/material/form-field/form-field-label/form-field-label-example.html similarity index 100% rename from src/material-examples/form-field-label/form-field-label-example.html rename to src/material-examples/material/form-field/form-field-label/form-field-label-example.html diff --git a/src/material-examples/form-field-label/form-field-label-example.ts b/src/material-examples/material/form-field/form-field-label/form-field-label-example.ts similarity index 100% rename from src/material-examples/form-field-label/form-field-label-example.ts rename to src/material-examples/material/form-field/form-field-label/form-field-label-example.ts diff --git a/src/material-examples/form-field-overview/form-field-overview-example.css b/src/material-examples/material/form-field/form-field-overview/form-field-overview-example.css similarity index 100% rename from src/material-examples/form-field-overview/form-field-overview-example.css rename to src/material-examples/material/form-field/form-field-overview/form-field-overview-example.css diff --git a/src/material-examples/form-field-overview/form-field-overview-example.html b/src/material-examples/material/form-field/form-field-overview/form-field-overview-example.html similarity index 100% rename from src/material-examples/form-field-overview/form-field-overview-example.html rename to src/material-examples/material/form-field/form-field-overview/form-field-overview-example.html diff --git a/src/material-examples/form-field-overview/form-field-overview-example.ts b/src/material-examples/material/form-field/form-field-overview/form-field-overview-example.ts similarity index 100% rename from src/material-examples/form-field-overview/form-field-overview-example.ts rename to src/material-examples/material/form-field/form-field-overview/form-field-overview-example.ts diff --git a/src/material-examples/form-field-prefix-suffix/form-field-prefix-suffix-example.css b/src/material-examples/material/form-field/form-field-prefix-suffix/form-field-prefix-suffix-example.css similarity index 100% rename from src/material-examples/form-field-prefix-suffix/form-field-prefix-suffix-example.css rename to src/material-examples/material/form-field/form-field-prefix-suffix/form-field-prefix-suffix-example.css diff --git a/src/material-examples/form-field-prefix-suffix/form-field-prefix-suffix-example.html b/src/material-examples/material/form-field/form-field-prefix-suffix/form-field-prefix-suffix-example.html similarity index 100% rename from src/material-examples/form-field-prefix-suffix/form-field-prefix-suffix-example.html rename to src/material-examples/material/form-field/form-field-prefix-suffix/form-field-prefix-suffix-example.html diff --git a/src/material-examples/form-field-prefix-suffix/form-field-prefix-suffix-example.ts b/src/material-examples/material/form-field/form-field-prefix-suffix/form-field-prefix-suffix-example.ts similarity index 100% rename from src/material-examples/form-field-prefix-suffix/form-field-prefix-suffix-example.ts rename to src/material-examples/material/form-field/form-field-prefix-suffix/form-field-prefix-suffix-example.ts diff --git a/src/material-examples/form-field-theming/form-field-theming-example.css b/src/material-examples/material/form-field/form-field-theming/form-field-theming-example.css similarity index 100% rename from src/material-examples/form-field-theming/form-field-theming-example.css rename to src/material-examples/material/form-field/form-field-theming/form-field-theming-example.css diff --git a/src/material-examples/form-field-theming/form-field-theming-example.html b/src/material-examples/material/form-field/form-field-theming/form-field-theming-example.html similarity index 100% rename from src/material-examples/form-field-theming/form-field-theming-example.html rename to src/material-examples/material/form-field/form-field-theming/form-field-theming-example.html diff --git a/src/material-examples/form-field-theming/form-field-theming-example.ts b/src/material-examples/material/form-field/form-field-theming/form-field-theming-example.ts similarity index 100% rename from src/material-examples/form-field-theming/form-field-theming-example.ts rename to src/material-examples/material/form-field/form-field-theming/form-field-theming-example.ts diff --git a/src/material-examples/material/form-field/module.ts b/src/material-examples/material/form-field/module.ts new file mode 100644 index 000000000000..d7089a4e5163 --- /dev/null +++ b/src/material-examples/material/form-field/module.ts @@ -0,0 +1,52 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {ReactiveFormsModule} from '@angular/forms'; +import {MatButtonModule} from '@angular/material/button'; +import {MatCheckboxModule} from '@angular/material/checkbox'; +import {MatFormFieldModule} from '@angular/material/form-field'; +import {MatIconModule} from '@angular/material/icon'; +import {MatInputModule} from '@angular/material/input'; +import {MatRadioModule} from '@angular/material/radio'; +import {MatSelectModule} from '@angular/material/select'; +import {FormFieldAppearanceExample} from './form-field-appearance/form-field-appearance-example'; +import { + FormFieldCustomControlExample, + MyTelInput +} from './form-field-custom-control/form-field-custom-control-example'; +import {FormFieldErrorExample} from './form-field-error/form-field-error-example'; +import {FormFieldHintExample} from './form-field-hint/form-field-hint-example'; +import {FormFieldLabelExample} from './form-field-label/form-field-label-example'; +import {FormFieldOverviewExample} from './form-field-overview/form-field-overview-example'; +import { + FormFieldPrefixSuffixExample +} from './form-field-prefix-suffix/form-field-prefix-suffix-example'; +import {FormFieldThemingExample} from './form-field-theming/form-field-theming-example'; + +const EXAMPLES = [ + FormFieldAppearanceExample, + FormFieldCustomControlExample, + FormFieldErrorExample, + FormFieldHintExample, + FormFieldLabelExample, + FormFieldOverviewExample, + FormFieldPrefixSuffixExample, + FormFieldThemingExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatButtonModule, + MatCheckboxModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatRadioModule, + MatSelectModule, + ReactiveFormsModule, + ], + declarations: [...EXAMPLES, MyTelInput], + exports: EXAMPLES, +}) +export class FormFieldExamplesModule { +} diff --git a/src/material-examples/material/grid-list/BUILD.bazel b/src/material-examples/material/grid-list/BUILD.bazel new file mode 100644 index 000000000000..89e400576c87 --- /dev/null +++ b/src/material-examples/material/grid-list/BUILD.bazel @@ -0,0 +1,24 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "grid-list", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/grid-list", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/grid-list-dynamic/grid-list-dynamic-example.css b/src/material-examples/material/grid-list/grid-list-dynamic/grid-list-dynamic-example.css similarity index 100% rename from src/material-examples/grid-list-dynamic/grid-list-dynamic-example.css rename to src/material-examples/material/grid-list/grid-list-dynamic/grid-list-dynamic-example.css diff --git a/src/material-examples/grid-list-dynamic/grid-list-dynamic-example.html b/src/material-examples/material/grid-list/grid-list-dynamic/grid-list-dynamic-example.html similarity index 100% rename from src/material-examples/grid-list-dynamic/grid-list-dynamic-example.html rename to src/material-examples/material/grid-list/grid-list-dynamic/grid-list-dynamic-example.html diff --git a/src/material-examples/grid-list-dynamic/grid-list-dynamic-example.ts b/src/material-examples/material/grid-list/grid-list-dynamic/grid-list-dynamic-example.ts similarity index 100% rename from src/material-examples/grid-list-dynamic/grid-list-dynamic-example.ts rename to src/material-examples/material/grid-list/grid-list-dynamic/grid-list-dynamic-example.ts diff --git a/src/material-examples/grid-list-overview/grid-list-overview-example.css b/src/material-examples/material/grid-list/grid-list-overview/grid-list-overview-example.css similarity index 100% rename from src/material-examples/grid-list-overview/grid-list-overview-example.css rename to src/material-examples/material/grid-list/grid-list-overview/grid-list-overview-example.css diff --git a/src/material-examples/grid-list-overview/grid-list-overview-example.html b/src/material-examples/material/grid-list/grid-list-overview/grid-list-overview-example.html similarity index 100% rename from src/material-examples/grid-list-overview/grid-list-overview-example.html rename to src/material-examples/material/grid-list/grid-list-overview/grid-list-overview-example.html diff --git a/src/material-examples/grid-list-overview/grid-list-overview-example.ts b/src/material-examples/material/grid-list/grid-list-overview/grid-list-overview-example.ts similarity index 100% rename from src/material-examples/grid-list-overview/grid-list-overview-example.ts rename to src/material-examples/material/grid-list/grid-list-overview/grid-list-overview-example.ts diff --git a/src/material-examples/material/grid-list/module.ts b/src/material-examples/material/grid-list/module.ts new file mode 100644 index 000000000000..40ad60cf6441 --- /dev/null +++ b/src/material-examples/material/grid-list/module.ts @@ -0,0 +1,21 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {MatGridListModule} from '@angular/material/grid-list'; +import {GridListDynamicExample} from './grid-list-dynamic/grid-list-dynamic-example'; +import {GridListOverviewExample} from './grid-list-overview/grid-list-overview-example'; + +const EXAMPLES = [ + GridListDynamicExample, + GridListOverviewExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatGridListModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class GridListExamplesModule { +} diff --git a/src/material-examples/material/icon/BUILD.bazel b/src/material-examples/material/icon/BUILD.bazel new file mode 100644 index 000000000000..6dcbaa2c8fb8 --- /dev/null +++ b/src/material-examples/material/icon/BUILD.bazel @@ -0,0 +1,24 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "icon", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/icon", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/icon-overview/icon-overview-example.css b/src/material-examples/material/icon/icon-overview/icon-overview-example.css similarity index 100% rename from src/material-examples/icon-overview/icon-overview-example.css rename to src/material-examples/material/icon/icon-overview/icon-overview-example.css diff --git a/src/material-examples/icon-overview/icon-overview-example.html b/src/material-examples/material/icon/icon-overview/icon-overview-example.html similarity index 100% rename from src/material-examples/icon-overview/icon-overview-example.html rename to src/material-examples/material/icon/icon-overview/icon-overview-example.html diff --git a/src/material-examples/icon-overview/icon-overview-example.ts b/src/material-examples/material/icon/icon-overview/icon-overview-example.ts similarity index 100% rename from src/material-examples/icon-overview/icon-overview-example.ts rename to src/material-examples/material/icon/icon-overview/icon-overview-example.ts diff --git a/src/material-examples/icon-svg/icon-svg-example.css b/src/material-examples/material/icon/icon-svg/icon-svg-example.css similarity index 100% rename from src/material-examples/icon-svg/icon-svg-example.css rename to src/material-examples/material/icon/icon-svg/icon-svg-example.css diff --git a/src/material-examples/icon-svg/icon-svg-example.html b/src/material-examples/material/icon/icon-svg/icon-svg-example.html similarity index 100% rename from src/material-examples/icon-svg/icon-svg-example.html rename to src/material-examples/material/icon/icon-svg/icon-svg-example.html diff --git a/src/material-examples/icon-svg/icon-svg-example.ts b/src/material-examples/material/icon/icon-svg/icon-svg-example.ts similarity index 100% rename from src/material-examples/icon-svg/icon-svg-example.ts rename to src/material-examples/material/icon/icon-svg/icon-svg-example.ts diff --git a/src/material-examples/material/icon/module.ts b/src/material-examples/material/icon/module.ts new file mode 100644 index 000000000000..62f9ad3b12b8 --- /dev/null +++ b/src/material-examples/material/icon/module.ts @@ -0,0 +1,19 @@ +import {NgModule} from '@angular/core'; +import {MatIconModule} from '@angular/material/icon'; +import {IconOverviewExample} from './icon-overview/icon-overview-example'; +import {IconSvgExample} from './icon-svg/icon-svg-example'; + +const EXAMPLES = [ + IconOverviewExample, + IconSvgExample, +]; + +@NgModule({ + imports: [ + MatIconModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class IconExamplesModule { +} diff --git a/src/material-examples/material/input/BUILD.bazel b/src/material-examples/material/input/BUILD.bazel new file mode 100644 index 000000000000..f379d1f70968 --- /dev/null +++ b/src/material-examples/material/input/BUILD.bazel @@ -0,0 +1,27 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "input", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/icon", + "//src/material/input", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/input-clearable/input-clearable-example.css b/src/material-examples/material/input/input-clearable/input-clearable-example.css similarity index 100% rename from src/material-examples/input-clearable/input-clearable-example.css rename to src/material-examples/material/input/input-clearable/input-clearable-example.css diff --git a/src/material-examples/input-clearable/input-clearable-example.html b/src/material-examples/material/input/input-clearable/input-clearable-example.html similarity index 100% rename from src/material-examples/input-clearable/input-clearable-example.html rename to src/material-examples/material/input/input-clearable/input-clearable-example.html diff --git a/src/material-examples/input-clearable/input-clearable-example.ts b/src/material-examples/material/input/input-clearable/input-clearable-example.ts similarity index 100% rename from src/material-examples/input-clearable/input-clearable-example.ts rename to src/material-examples/material/input/input-clearable/input-clearable-example.ts diff --git a/src/material-examples/input-error-state-matcher/input-error-state-matcher-example.css b/src/material-examples/material/input/input-error-state-matcher/input-error-state-matcher-example.css similarity index 100% rename from src/material-examples/input-error-state-matcher/input-error-state-matcher-example.css rename to src/material-examples/material/input/input-error-state-matcher/input-error-state-matcher-example.css diff --git a/src/material-examples/input-error-state-matcher/input-error-state-matcher-example.html b/src/material-examples/material/input/input-error-state-matcher/input-error-state-matcher-example.html similarity index 100% rename from src/material-examples/input-error-state-matcher/input-error-state-matcher-example.html rename to src/material-examples/material/input/input-error-state-matcher/input-error-state-matcher-example.html diff --git a/src/material-examples/input-error-state-matcher/input-error-state-matcher-example.ts b/src/material-examples/material/input/input-error-state-matcher/input-error-state-matcher-example.ts similarity index 100% rename from src/material-examples/input-error-state-matcher/input-error-state-matcher-example.ts rename to src/material-examples/material/input/input-error-state-matcher/input-error-state-matcher-example.ts diff --git a/src/material-examples/input-errors/input-errors-example.css b/src/material-examples/material/input/input-errors/input-errors-example.css similarity index 100% rename from src/material-examples/input-errors/input-errors-example.css rename to src/material-examples/material/input/input-errors/input-errors-example.css diff --git a/src/material-examples/input-errors/input-errors-example.html b/src/material-examples/material/input/input-errors/input-errors-example.html similarity index 100% rename from src/material-examples/input-errors/input-errors-example.html rename to src/material-examples/material/input/input-errors/input-errors-example.html diff --git a/src/material-examples/input-errors/input-errors-example.ts b/src/material-examples/material/input/input-errors/input-errors-example.ts similarity index 100% rename from src/material-examples/input-errors/input-errors-example.ts rename to src/material-examples/material/input/input-errors/input-errors-example.ts diff --git a/src/material-examples/input-form/input-form-example.css b/src/material-examples/material/input/input-form/input-form-example.css similarity index 100% rename from src/material-examples/input-form/input-form-example.css rename to src/material-examples/material/input/input-form/input-form-example.css diff --git a/src/material-examples/input-form/input-form-example.html b/src/material-examples/material/input/input-form/input-form-example.html similarity index 100% rename from src/material-examples/input-form/input-form-example.html rename to src/material-examples/material/input/input-form/input-form-example.html diff --git a/src/material-examples/input-form/input-form-example.ts b/src/material-examples/material/input/input-form/input-form-example.ts similarity index 100% rename from src/material-examples/input-form/input-form-example.ts rename to src/material-examples/material/input/input-form/input-form-example.ts diff --git a/src/material-examples/input-hint/input-hint-example.css b/src/material-examples/material/input/input-hint/input-hint-example.css similarity index 100% rename from src/material-examples/input-hint/input-hint-example.css rename to src/material-examples/material/input/input-hint/input-hint-example.css diff --git a/src/material-examples/input-hint/input-hint-example.html b/src/material-examples/material/input/input-hint/input-hint-example.html similarity index 100% rename from src/material-examples/input-hint/input-hint-example.html rename to src/material-examples/material/input/input-hint/input-hint-example.html diff --git a/src/material-examples/input-hint/input-hint-example.ts b/src/material-examples/material/input/input-hint/input-hint-example.ts similarity index 100% rename from src/material-examples/input-hint/input-hint-example.ts rename to src/material-examples/material/input/input-hint/input-hint-example.ts diff --git a/src/material-examples/input-overview/input-overview-example.css b/src/material-examples/material/input/input-overview/input-overview-example.css similarity index 100% rename from src/material-examples/input-overview/input-overview-example.css rename to src/material-examples/material/input/input-overview/input-overview-example.css diff --git a/src/material-examples/input-overview/input-overview-example.html b/src/material-examples/material/input/input-overview/input-overview-example.html similarity index 100% rename from src/material-examples/input-overview/input-overview-example.html rename to src/material-examples/material/input/input-overview/input-overview-example.html diff --git a/src/material-examples/input-overview/input-overview-example.ts b/src/material-examples/material/input/input-overview/input-overview-example.ts similarity index 100% rename from src/material-examples/input-overview/input-overview-example.ts rename to src/material-examples/material/input/input-overview/input-overview-example.ts diff --git a/src/material-examples/input-prefix-suffix/input-prefix-suffix-example.css b/src/material-examples/material/input/input-prefix-suffix/input-prefix-suffix-example.css similarity index 100% rename from src/material-examples/input-prefix-suffix/input-prefix-suffix-example.css rename to src/material-examples/material/input/input-prefix-suffix/input-prefix-suffix-example.css diff --git a/src/material-examples/input-prefix-suffix/input-prefix-suffix-example.html b/src/material-examples/material/input/input-prefix-suffix/input-prefix-suffix-example.html similarity index 100% rename from src/material-examples/input-prefix-suffix/input-prefix-suffix-example.html rename to src/material-examples/material/input/input-prefix-suffix/input-prefix-suffix-example.html diff --git a/src/material-examples/input-prefix-suffix/input-prefix-suffix-example.ts b/src/material-examples/material/input/input-prefix-suffix/input-prefix-suffix-example.ts similarity index 100% rename from src/material-examples/input-prefix-suffix/input-prefix-suffix-example.ts rename to src/material-examples/material/input/input-prefix-suffix/input-prefix-suffix-example.ts diff --git a/src/material-examples/material/input/module.ts b/src/material-examples/material/input/module.ts new file mode 100644 index 000000000000..b15f68a2d591 --- /dev/null +++ b/src/material-examples/material/input/module.ts @@ -0,0 +1,40 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule, ReactiveFormsModule} from '@angular/forms'; +import {MatButtonModule} from '@angular/material/button'; +import {MatIconModule} from '@angular/material/icon'; +import {MatInputModule} from '@angular/material/input'; +import {InputClearableExample} from './input-clearable/input-clearable-example'; +import { + InputErrorStateMatcherExample +} from './input-error-state-matcher/input-error-state-matcher-example'; +import {InputErrorsExample} from './input-errors/input-errors-example'; +import {InputFormExample} from './input-form/input-form-example'; +import {InputHintExample} from './input-hint/input-hint-example'; +import {InputOverviewExample} from './input-overview/input-overview-example'; +import {InputPrefixSuffixExample} from './input-prefix-suffix/input-prefix-suffix-example'; + +const EXAMPLES = [ + InputClearableExample, + InputErrorStateMatcherExample, + InputErrorsExample, + InputFormExample, + InputHintExample, + InputOverviewExample, + InputPrefixSuffixExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatButtonModule, + MatIconModule, + MatInputModule, + FormsModule, + ReactiveFormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class InputExamplesModule { +} diff --git a/src/material-examples/material/list/BUILD.bazel b/src/material-examples/material/list/BUILD.bazel new file mode 100644 index 000000000000..6cceeec994dc --- /dev/null +++ b/src/material-examples/material/list/BUILD.bazel @@ -0,0 +1,25 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "list", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/icon", + "//src/material/list", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/list-overview/list-overview-example.css b/src/material-examples/material/list/list-overview/list-overview-example.css similarity index 100% rename from src/material-examples/list-overview/list-overview-example.css rename to src/material-examples/material/list/list-overview/list-overview-example.css diff --git a/src/material-examples/list-overview/list-overview-example.html b/src/material-examples/material/list/list-overview/list-overview-example.html similarity index 100% rename from src/material-examples/list-overview/list-overview-example.html rename to src/material-examples/material/list/list-overview/list-overview-example.html diff --git a/src/material-examples/list-overview/list-overview-example.ts b/src/material-examples/material/list/list-overview/list-overview-example.ts similarity index 100% rename from src/material-examples/list-overview/list-overview-example.ts rename to src/material-examples/material/list/list-overview/list-overview-example.ts diff --git a/src/material-examples/list-sections/list-sections-example.css b/src/material-examples/material/list/list-sections/list-sections-example.css similarity index 100% rename from src/material-examples/list-sections/list-sections-example.css rename to src/material-examples/material/list/list-sections/list-sections-example.css diff --git a/src/material-examples/list-sections/list-sections-example.html b/src/material-examples/material/list/list-sections/list-sections-example.html similarity index 100% rename from src/material-examples/list-sections/list-sections-example.html rename to src/material-examples/material/list/list-sections/list-sections-example.html diff --git a/src/material-examples/list-sections/list-sections-example.ts b/src/material-examples/material/list/list-sections/list-sections-example.ts similarity index 100% rename from src/material-examples/list-sections/list-sections-example.ts rename to src/material-examples/material/list/list-sections/list-sections-example.ts diff --git a/src/material-examples/list-selection/list-selection-example.css b/src/material-examples/material/list/list-selection/list-selection-example.css similarity index 100% rename from src/material-examples/list-selection/list-selection-example.css rename to src/material-examples/material/list/list-selection/list-selection-example.css diff --git a/src/material-examples/list-selection/list-selection-example.html b/src/material-examples/material/list/list-selection/list-selection-example.html similarity index 100% rename from src/material-examples/list-selection/list-selection-example.html rename to src/material-examples/material/list/list-selection/list-selection-example.html diff --git a/src/material-examples/list-selection/list-selection-example.ts b/src/material-examples/material/list/list-selection/list-selection-example.ts similarity index 100% rename from src/material-examples/list-selection/list-selection-example.ts rename to src/material-examples/material/list/list-selection/list-selection-example.ts diff --git a/src/material-examples/material/list/module.ts b/src/material-examples/material/list/module.ts new file mode 100644 index 000000000000..6c3eae3e0816 --- /dev/null +++ b/src/material-examples/material/list/module.ts @@ -0,0 +1,25 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {MatIconModule} from '@angular/material/icon'; +import {MatListModule} from '@angular/material/list'; +import {ListOverviewExample} from './list-overview/list-overview-example'; +import {ListSectionsExample} from './list-sections/list-sections-example'; +import {ListSelectionExample} from './list-selection/list-selection-example'; + +const EXAMPLES = [ + ListOverviewExample, + ListSectionsExample, + ListSelectionExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatIconModule, + MatListModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class ListExamplesModule { +} diff --git a/src/material-examples/material/menu/BUILD.bazel b/src/material-examples/material/menu/BUILD.bazel new file mode 100644 index 000000000000..61a94a6c1f5d --- /dev/null +++ b/src/material-examples/material/menu/BUILD.bazel @@ -0,0 +1,26 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "menu", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/icon", + "//src/material/menu", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/menu-icons/menu-icons-example.css b/src/material-examples/material/menu/menu-icons/menu-icons-example.css similarity index 100% rename from src/material-examples/menu-icons/menu-icons-example.css rename to src/material-examples/material/menu/menu-icons/menu-icons-example.css diff --git a/src/material-examples/menu-icons/menu-icons-example.html b/src/material-examples/material/menu/menu-icons/menu-icons-example.html similarity index 100% rename from src/material-examples/menu-icons/menu-icons-example.html rename to src/material-examples/material/menu/menu-icons/menu-icons-example.html diff --git a/src/material-examples/menu-icons/menu-icons-example.ts b/src/material-examples/material/menu/menu-icons/menu-icons-example.ts similarity index 100% rename from src/material-examples/menu-icons/menu-icons-example.ts rename to src/material-examples/material/menu/menu-icons/menu-icons-example.ts diff --git a/src/material-examples/menu-overview/menu-overview-example.css b/src/material-examples/material/menu/menu-overview/menu-overview-example.css similarity index 100% rename from src/material-examples/menu-overview/menu-overview-example.css rename to src/material-examples/material/menu/menu-overview/menu-overview-example.css diff --git a/src/material-examples/menu-overview/menu-overview-example.html b/src/material-examples/material/menu/menu-overview/menu-overview-example.html similarity index 100% rename from src/material-examples/menu-overview/menu-overview-example.html rename to src/material-examples/material/menu/menu-overview/menu-overview-example.html diff --git a/src/material-examples/menu-overview/menu-overview-example.ts b/src/material-examples/material/menu/menu-overview/menu-overview-example.ts similarity index 100% rename from src/material-examples/menu-overview/menu-overview-example.ts rename to src/material-examples/material/menu/menu-overview/menu-overview-example.ts diff --git a/src/material-examples/menu-position/menu-position-example.css b/src/material-examples/material/menu/menu-position/menu-position-example.css similarity index 100% rename from src/material-examples/menu-position/menu-position-example.css rename to src/material-examples/material/menu/menu-position/menu-position-example.css diff --git a/src/material-examples/menu-position/menu-position-example.html b/src/material-examples/material/menu/menu-position/menu-position-example.html similarity index 100% rename from src/material-examples/menu-position/menu-position-example.html rename to src/material-examples/material/menu/menu-position/menu-position-example.html diff --git a/src/material-examples/menu-position/menu-position-example.ts b/src/material-examples/material/menu/menu-position/menu-position-example.ts similarity index 100% rename from src/material-examples/menu-position/menu-position-example.ts rename to src/material-examples/material/menu/menu-position/menu-position-example.ts diff --git a/src/material-examples/material/menu/module.ts b/src/material-examples/material/menu/module.ts new file mode 100644 index 000000000000..cb8406dc9df8 --- /dev/null +++ b/src/material-examples/material/menu/module.ts @@ -0,0 +1,27 @@ +import {NgModule} from '@angular/core'; +import {MatButtonModule} from '@angular/material/button'; +import {MatIconModule} from '@angular/material/icon'; +import {MatMenuModule} from '@angular/material/menu'; +import {MenuIconsExample} from './menu-icons/menu-icons-example'; +import {MenuOverviewExample} from './menu-overview/menu-overview-example'; +import {MenuPositionExample} from './menu-position/menu-position-example'; +import {NestedMenuExample} from './nested-menu/nested-menu-example'; + +const EXAMPLES = [ + MenuIconsExample, + MenuOverviewExample, + MenuPositionExample, + NestedMenuExample, +]; + +@NgModule({ + imports: [ + MatButtonModule, + MatIconModule, + MatMenuModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class MenuExamplesModule { +} diff --git a/src/material-examples/nested-menu/nested-menu-example.css b/src/material-examples/material/menu/nested-menu/nested-menu-example.css similarity index 100% rename from src/material-examples/nested-menu/nested-menu-example.css rename to src/material-examples/material/menu/nested-menu/nested-menu-example.css diff --git a/src/material-examples/nested-menu/nested-menu-example.html b/src/material-examples/material/menu/nested-menu/nested-menu-example.html similarity index 97% rename from src/material-examples/nested-menu/nested-menu-example.html rename to src/material-examples/material/menu/nested-menu/nested-menu-example.html index a9f430b12445..6145854b0492 100644 --- a/src/material-examples/nested-menu/nested-menu-example.html +++ b/src/material-examples/material/menu/nested-menu/nested-menu-example.html @@ -1,47 +1,47 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/material-examples/nested-menu/nested-menu-example.ts b/src/material-examples/material/menu/nested-menu/nested-menu-example.ts similarity index 100% rename from src/material-examples/nested-menu/nested-menu-example.ts rename to src/material-examples/material/menu/nested-menu/nested-menu-example.ts diff --git a/src/material-examples/material/paginator/BUILD.bazel b/src/material-examples/material/paginator/BUILD.bazel new file mode 100644 index 000000000000..286e9d8d191a --- /dev/null +++ b/src/material-examples/material/paginator/BUILD.bazel @@ -0,0 +1,26 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "paginator", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/input", + "//src/material/paginator", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/paginator/module.ts b/src/material-examples/material/paginator/module.ts new file mode 100644 index 000000000000..71b433bb361f --- /dev/null +++ b/src/material-examples/material/paginator/module.ts @@ -0,0 +1,27 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import {MatInputModule} from '@angular/material/input'; +import {MatPaginatorModule} from '@angular/material/paginator'; +import { + PaginatorConfigurableExample +} from './paginator-configurable/paginator-configurable-example'; +import {PaginatorOverviewExample} from './paginator-overview/paginator-overview-example'; + +const EXAMPLES = [ + PaginatorConfigurableExample, + PaginatorOverviewExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatInputModule, + MatPaginatorModule, + FormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class PaginatorExamplesModule { +} diff --git a/src/material-examples/paginator-configurable/paginator-configurable-example.css b/src/material-examples/material/paginator/paginator-configurable/paginator-configurable-example.css similarity index 100% rename from src/material-examples/paginator-configurable/paginator-configurable-example.css rename to src/material-examples/material/paginator/paginator-configurable/paginator-configurable-example.css diff --git a/src/material-examples/paginator-configurable/paginator-configurable-example.html b/src/material-examples/material/paginator/paginator-configurable/paginator-configurable-example.html similarity index 100% rename from src/material-examples/paginator-configurable/paginator-configurable-example.html rename to src/material-examples/material/paginator/paginator-configurable/paginator-configurable-example.html diff --git a/src/material-examples/paginator-configurable/paginator-configurable-example.ts b/src/material-examples/material/paginator/paginator-configurable/paginator-configurable-example.ts similarity index 100% rename from src/material-examples/paginator-configurable/paginator-configurable-example.ts rename to src/material-examples/material/paginator/paginator-configurable/paginator-configurable-example.ts diff --git a/src/material-examples/paginator-overview/paginator-overview-example.css b/src/material-examples/material/paginator/paginator-overview/paginator-overview-example.css similarity index 100% rename from src/material-examples/paginator-overview/paginator-overview-example.css rename to src/material-examples/material/paginator/paginator-overview/paginator-overview-example.css diff --git a/src/material-examples/paginator-overview/paginator-overview-example.html b/src/material-examples/material/paginator/paginator-overview/paginator-overview-example.html similarity index 100% rename from src/material-examples/paginator-overview/paginator-overview-example.html rename to src/material-examples/material/paginator/paginator-overview/paginator-overview-example.html diff --git a/src/material-examples/paginator-overview/paginator-overview-example.ts b/src/material-examples/material/paginator/paginator-overview/paginator-overview-example.ts similarity index 100% rename from src/material-examples/paginator-overview/paginator-overview-example.ts rename to src/material-examples/material/paginator/paginator-overview/paginator-overview-example.ts diff --git a/src/material-examples/material/popover-edit/BUILD.bazel b/src/material-examples/material/popover-edit/BUILD.bazel new file mode 100644 index 000000000000..0f14161120f6 --- /dev/null +++ b/src/material-examples/material/popover-edit/BUILD.bazel @@ -0,0 +1,30 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "popover-edit", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material-experimental/popover-edit", + "//src/material/button", + "//src/material/icon", + "//src/material/input", + "//src/material/snack-bar", + "//src/material/table", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/popover-edit/module.ts b/src/material-examples/material/popover-edit/module.ts new file mode 100644 index 000000000000..37ff2f02aed5 --- /dev/null +++ b/src/material-examples/material/popover-edit/module.ts @@ -0,0 +1,41 @@ +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import {MatPopoverEditModule} from '@angular/material-experimental/popover-edit'; +import {MatButtonModule} from '@angular/material/button'; +import {MatIconModule} from '@angular/material/icon'; +import {MatInputModule} from '@angular/material/input'; +import {MatSnackBarModule} from '@angular/material/snack-bar'; +import {MatTableModule} from '@angular/material/table'; +import { + PopoverEditCellSpanMatTableExample +} from './popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example'; +import { + PopoverEditMatTableFlexExample +} from './popover-edit-mat-table-flex/popover-edit-mat-table-flex-example'; +import {PopoverEditMatTableExample} from './popover-edit-mat-table/popover-edit-mat-table-example'; +import { + PopoverEditTabOutMatTableExample +} from './popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example'; + +const EXAMPLES = [ + PopoverEditCellSpanMatTableExample, + PopoverEditMatTableExample, + PopoverEditMatTableFlexExample, + PopoverEditTabOutMatTableExample, +]; + +@NgModule({ + imports: [ + MatButtonModule, + MatIconModule, + MatInputModule, + MatPopoverEditModule, + MatSnackBarModule, + MatTableModule, + FormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class PopoverEditExamplesModule { +} diff --git a/src/material-examples/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example.css b/src/material-examples/material/popover-edit/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example.css similarity index 100% rename from src/material-examples/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example.css rename to src/material-examples/material/popover-edit/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example.css diff --git a/src/material-examples/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example.html b/src/material-examples/material/popover-edit/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example.html similarity index 100% rename from src/material-examples/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example.html rename to src/material-examples/material/popover-edit/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example.html diff --git a/src/material-examples/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example.ts b/src/material-examples/material/popover-edit/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example.ts similarity index 100% rename from src/material-examples/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example.ts rename to src/material-examples/material/popover-edit/popover-edit-cell-span-mat-table/popover-edit-cell-span-mat-table-example.ts diff --git a/src/material-examples/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example.css b/src/material-examples/material/popover-edit/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example.css similarity index 100% rename from src/material-examples/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example.css rename to src/material-examples/material/popover-edit/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example.css diff --git a/src/material-examples/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example.html b/src/material-examples/material/popover-edit/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example.html similarity index 100% rename from src/material-examples/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example.html rename to src/material-examples/material/popover-edit/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example.html diff --git a/src/material-examples/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example.ts b/src/material-examples/material/popover-edit/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example.ts similarity index 100% rename from src/material-examples/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example.ts rename to src/material-examples/material/popover-edit/popover-edit-mat-table-flex/popover-edit-mat-table-flex-example.ts diff --git a/src/material-examples/popover-edit-mat-table/popover-edit-mat-table-example.css b/src/material-examples/material/popover-edit/popover-edit-mat-table/popover-edit-mat-table-example.css similarity index 100% rename from src/material-examples/popover-edit-mat-table/popover-edit-mat-table-example.css rename to src/material-examples/material/popover-edit/popover-edit-mat-table/popover-edit-mat-table-example.css diff --git a/src/material-examples/popover-edit-mat-table/popover-edit-mat-table-example.html b/src/material-examples/material/popover-edit/popover-edit-mat-table/popover-edit-mat-table-example.html similarity index 100% rename from src/material-examples/popover-edit-mat-table/popover-edit-mat-table-example.html rename to src/material-examples/material/popover-edit/popover-edit-mat-table/popover-edit-mat-table-example.html diff --git a/src/material-examples/popover-edit-mat-table/popover-edit-mat-table-example.ts b/src/material-examples/material/popover-edit/popover-edit-mat-table/popover-edit-mat-table-example.ts similarity index 100% rename from src/material-examples/popover-edit-mat-table/popover-edit-mat-table-example.ts rename to src/material-examples/material/popover-edit/popover-edit-mat-table/popover-edit-mat-table-example.ts diff --git a/src/material-examples/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.css b/src/material-examples/material/popover-edit/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.css similarity index 100% rename from src/material-examples/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.css rename to src/material-examples/material/popover-edit/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.css diff --git a/src/material-examples/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.html b/src/material-examples/material/popover-edit/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.html similarity index 100% rename from src/material-examples/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.html rename to src/material-examples/material/popover-edit/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.html diff --git a/src/material-examples/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.ts b/src/material-examples/material/popover-edit/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.ts similarity index 100% rename from src/material-examples/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.ts rename to src/material-examples/material/popover-edit/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.ts diff --git a/src/material-examples/material/progress-bar/BUILD.bazel b/src/material-examples/material/progress-bar/BUILD.bazel new file mode 100644 index 000000000000..e7116835d180 --- /dev/null +++ b/src/material-examples/material/progress-bar/BUILD.bazel @@ -0,0 +1,28 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "progress-bar", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/card", + "//src/material/progress-bar", + "//src/material/radio", + "//src/material/slider", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/progress-bar/module.ts b/src/material-examples/material/progress-bar/module.ts new file mode 100644 index 000000000000..4ec80be32d55 --- /dev/null +++ b/src/material-examples/material/progress-bar/module.ts @@ -0,0 +1,41 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import {MatCardModule} from '@angular/material/card'; +import {MatProgressBarModule} from '@angular/material/progress-bar'; +import {MatRadioModule} from '@angular/material/radio'; +import {MatSliderModule} from '@angular/material/slider'; +import {ProgressBarBufferExample} from './progress-bar-buffer/progress-bar-buffer-example'; +import { + ProgressBarConfigurableExample +} from './progress-bar-configurable/progress-bar-configurable-example'; +import { + ProgressBarDeterminateExample +} from './progress-bar-determinate/progress-bar-determinate-example'; +import { + ProgressBarIndeterminateExample +} from './progress-bar-indeterminate/progress-bar-indeterminate-example'; +import {ProgressBarQueryExample} from './progress-bar-query/progress-bar-query-example'; + +const EXAMPLES = [ + ProgressBarBufferExample, + ProgressBarConfigurableExample, + ProgressBarDeterminateExample, + ProgressBarIndeterminateExample, + ProgressBarQueryExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatCardModule, + MatProgressBarModule, + MatRadioModule, + MatSliderModule, + FormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class ProgressBarExamplesModule { +} diff --git a/src/material-examples/progress-bar-buffer/progress-bar-buffer-example.css b/src/material-examples/material/progress-bar/progress-bar-buffer/progress-bar-buffer-example.css similarity index 100% rename from src/material-examples/progress-bar-buffer/progress-bar-buffer-example.css rename to src/material-examples/material/progress-bar/progress-bar-buffer/progress-bar-buffer-example.css diff --git a/src/material-examples/progress-bar-buffer/progress-bar-buffer-example.html b/src/material-examples/material/progress-bar/progress-bar-buffer/progress-bar-buffer-example.html similarity index 100% rename from src/material-examples/progress-bar-buffer/progress-bar-buffer-example.html rename to src/material-examples/material/progress-bar/progress-bar-buffer/progress-bar-buffer-example.html diff --git a/src/material-examples/progress-bar-buffer/progress-bar-buffer-example.ts b/src/material-examples/material/progress-bar/progress-bar-buffer/progress-bar-buffer-example.ts similarity index 100% rename from src/material-examples/progress-bar-buffer/progress-bar-buffer-example.ts rename to src/material-examples/material/progress-bar/progress-bar-buffer/progress-bar-buffer-example.ts diff --git a/src/material-examples/progress-bar-configurable/progress-bar-configurable-example.css b/src/material-examples/material/progress-bar/progress-bar-configurable/progress-bar-configurable-example.css similarity index 100% rename from src/material-examples/progress-bar-configurable/progress-bar-configurable-example.css rename to src/material-examples/material/progress-bar/progress-bar-configurable/progress-bar-configurable-example.css diff --git a/src/material-examples/progress-bar-configurable/progress-bar-configurable-example.html b/src/material-examples/material/progress-bar/progress-bar-configurable/progress-bar-configurable-example.html similarity index 100% rename from src/material-examples/progress-bar-configurable/progress-bar-configurable-example.html rename to src/material-examples/material/progress-bar/progress-bar-configurable/progress-bar-configurable-example.html diff --git a/src/material-examples/progress-bar-configurable/progress-bar-configurable-example.ts b/src/material-examples/material/progress-bar/progress-bar-configurable/progress-bar-configurable-example.ts similarity index 100% rename from src/material-examples/progress-bar-configurable/progress-bar-configurable-example.ts rename to src/material-examples/material/progress-bar/progress-bar-configurable/progress-bar-configurable-example.ts diff --git a/src/material-examples/progress-bar-determinate/progress-bar-determinate-example.css b/src/material-examples/material/progress-bar/progress-bar-determinate/progress-bar-determinate-example.css similarity index 100% rename from src/material-examples/progress-bar-determinate/progress-bar-determinate-example.css rename to src/material-examples/material/progress-bar/progress-bar-determinate/progress-bar-determinate-example.css diff --git a/src/material-examples/progress-bar-determinate/progress-bar-determinate-example.html b/src/material-examples/material/progress-bar/progress-bar-determinate/progress-bar-determinate-example.html similarity index 100% rename from src/material-examples/progress-bar-determinate/progress-bar-determinate-example.html rename to src/material-examples/material/progress-bar/progress-bar-determinate/progress-bar-determinate-example.html diff --git a/src/material-examples/progress-bar-determinate/progress-bar-determinate-example.ts b/src/material-examples/material/progress-bar/progress-bar-determinate/progress-bar-determinate-example.ts similarity index 100% rename from src/material-examples/progress-bar-determinate/progress-bar-determinate-example.ts rename to src/material-examples/material/progress-bar/progress-bar-determinate/progress-bar-determinate-example.ts diff --git a/src/material-examples/progress-bar-indeterminate/progress-bar-indeterminate-example.css b/src/material-examples/material/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate-example.css similarity index 100% rename from src/material-examples/progress-bar-indeterminate/progress-bar-indeterminate-example.css rename to src/material-examples/material/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate-example.css diff --git a/src/material-examples/progress-bar-indeterminate/progress-bar-indeterminate-example.html b/src/material-examples/material/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate-example.html similarity index 100% rename from src/material-examples/progress-bar-indeterminate/progress-bar-indeterminate-example.html rename to src/material-examples/material/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate-example.html diff --git a/src/material-examples/progress-bar-indeterminate/progress-bar-indeterminate-example.ts b/src/material-examples/material/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate-example.ts similarity index 100% rename from src/material-examples/progress-bar-indeterminate/progress-bar-indeterminate-example.ts rename to src/material-examples/material/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate-example.ts diff --git a/src/material-examples/progress-bar-query/progress-bar-query-example.css b/src/material-examples/material/progress-bar/progress-bar-query/progress-bar-query-example.css similarity index 100% rename from src/material-examples/progress-bar-query/progress-bar-query-example.css rename to src/material-examples/material/progress-bar/progress-bar-query/progress-bar-query-example.css diff --git a/src/material-examples/progress-bar-query/progress-bar-query-example.html b/src/material-examples/material/progress-bar/progress-bar-query/progress-bar-query-example.html similarity index 100% rename from src/material-examples/progress-bar-query/progress-bar-query-example.html rename to src/material-examples/material/progress-bar/progress-bar-query/progress-bar-query-example.html diff --git a/src/material-examples/progress-bar-query/progress-bar-query-example.ts b/src/material-examples/material/progress-bar/progress-bar-query/progress-bar-query-example.ts similarity index 100% rename from src/material-examples/progress-bar-query/progress-bar-query-example.ts rename to src/material-examples/material/progress-bar/progress-bar-query/progress-bar-query-example.ts diff --git a/src/material-examples/material/progress-spinner/BUILD.bazel b/src/material-examples/material/progress-spinner/BUILD.bazel new file mode 100644 index 000000000000..715b71cef878 --- /dev/null +++ b/src/material-examples/material/progress-spinner/BUILD.bazel @@ -0,0 +1,28 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "progress-spinner", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/card", + "//src/material/progress-spinner", + "//src/material/radio", + "//src/material/slider", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/progress-spinner/module.ts b/src/material-examples/material/progress-spinner/module.ts new file mode 100644 index 000000000000..fc8e1e09ef70 --- /dev/null +++ b/src/material-examples/material/progress-spinner/module.ts @@ -0,0 +1,33 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import {MatCardModule} from '@angular/material/card'; +import {MatProgressSpinnerModule} from '@angular/material/progress-spinner'; +import {MatRadioModule} from '@angular/material/radio'; +import {MatSliderModule} from '@angular/material/slider'; +import { + ProgressSpinnerConfigurableExample +} from './progress-spinner-configurable/progress-spinner-configurable-example'; +import { + ProgressSpinnerOverviewExample +} from './progress-spinner-overview/progress-spinner-overview-example'; + +const EXAMPLES = [ + ProgressSpinnerConfigurableExample, + ProgressSpinnerOverviewExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatCardModule, + MatProgressSpinnerModule, + MatRadioModule, + MatSliderModule, + FormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class ProgressSpinnerExamplesModule { +} diff --git a/src/material-examples/progress-spinner-configurable/progress-spinner-configurable-example.css b/src/material-examples/material/progress-spinner/progress-spinner-configurable/progress-spinner-configurable-example.css similarity index 100% rename from src/material-examples/progress-spinner-configurable/progress-spinner-configurable-example.css rename to src/material-examples/material/progress-spinner/progress-spinner-configurable/progress-spinner-configurable-example.css diff --git a/src/material-examples/progress-spinner-configurable/progress-spinner-configurable-example.html b/src/material-examples/material/progress-spinner/progress-spinner-configurable/progress-spinner-configurable-example.html similarity index 100% rename from src/material-examples/progress-spinner-configurable/progress-spinner-configurable-example.html rename to src/material-examples/material/progress-spinner/progress-spinner-configurable/progress-spinner-configurable-example.html diff --git a/src/material-examples/progress-spinner-configurable/progress-spinner-configurable-example.ts b/src/material-examples/material/progress-spinner/progress-spinner-configurable/progress-spinner-configurable-example.ts similarity index 100% rename from src/material-examples/progress-spinner-configurable/progress-spinner-configurable-example.ts rename to src/material-examples/material/progress-spinner/progress-spinner-configurable/progress-spinner-configurable-example.ts diff --git a/src/material-examples/progress-spinner-overview/progress-spinner-overview-example.css b/src/material-examples/material/progress-spinner/progress-spinner-overview/progress-spinner-overview-example.css similarity index 100% rename from src/material-examples/progress-spinner-overview/progress-spinner-overview-example.css rename to src/material-examples/material/progress-spinner/progress-spinner-overview/progress-spinner-overview-example.css diff --git a/src/material-examples/progress-spinner-overview/progress-spinner-overview-example.html b/src/material-examples/material/progress-spinner/progress-spinner-overview/progress-spinner-overview-example.html similarity index 100% rename from src/material-examples/progress-spinner-overview/progress-spinner-overview-example.html rename to src/material-examples/material/progress-spinner/progress-spinner-overview/progress-spinner-overview-example.html diff --git a/src/material-examples/progress-spinner-overview/progress-spinner-overview-example.ts b/src/material-examples/material/progress-spinner/progress-spinner-overview/progress-spinner-overview-example.ts similarity index 100% rename from src/material-examples/progress-spinner-overview/progress-spinner-overview-example.ts rename to src/material-examples/material/progress-spinner/progress-spinner-overview/progress-spinner-overview-example.ts diff --git a/src/material-examples/material/radio/BUILD.bazel b/src/material-examples/material/radio/BUILD.bazel new file mode 100644 index 000000000000..d22dda6522f9 --- /dev/null +++ b/src/material-examples/material/radio/BUILD.bazel @@ -0,0 +1,25 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "radio", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/radio", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/radio/module.ts b/src/material-examples/material/radio/module.ts new file mode 100644 index 000000000000..20f54ac51c17 --- /dev/null +++ b/src/material-examples/material/radio/module.ts @@ -0,0 +1,23 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import {MatRadioModule} from '@angular/material/radio'; +import {RadioNgModelExample} from './radio-ng-model/radio-ng-model-example'; +import {RadioOverviewExample} from './radio-overview/radio-overview-example'; + +const EXAMPLES = [ + RadioNgModelExample, + RadioOverviewExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatRadioModule, + FormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class RadioExamplesModule { +} diff --git a/src/material-examples/radio-ng-model/radio-ng-model-example.css b/src/material-examples/material/radio/radio-ng-model/radio-ng-model-example.css similarity index 100% rename from src/material-examples/radio-ng-model/radio-ng-model-example.css rename to src/material-examples/material/radio/radio-ng-model/radio-ng-model-example.css diff --git a/src/material-examples/radio-ng-model/radio-ng-model-example.html b/src/material-examples/material/radio/radio-ng-model/radio-ng-model-example.html similarity index 100% rename from src/material-examples/radio-ng-model/radio-ng-model-example.html rename to src/material-examples/material/radio/radio-ng-model/radio-ng-model-example.html diff --git a/src/material-examples/radio-ng-model/radio-ng-model-example.ts b/src/material-examples/material/radio/radio-ng-model/radio-ng-model-example.ts similarity index 100% rename from src/material-examples/radio-ng-model/radio-ng-model-example.ts rename to src/material-examples/material/radio/radio-ng-model/radio-ng-model-example.ts diff --git a/src/material-examples/radio-overview/radio-overview-example.css b/src/material-examples/material/radio/radio-overview/radio-overview-example.css similarity index 100% rename from src/material-examples/radio-overview/radio-overview-example.css rename to src/material-examples/material/radio/radio-overview/radio-overview-example.css diff --git a/src/material-examples/radio-overview/radio-overview-example.html b/src/material-examples/material/radio/radio-overview/radio-overview-example.html similarity index 100% rename from src/material-examples/radio-overview/radio-overview-example.html rename to src/material-examples/material/radio/radio-overview/radio-overview-example.html diff --git a/src/material-examples/radio-overview/radio-overview-example.ts b/src/material-examples/material/radio/radio-overview/radio-overview-example.ts similarity index 100% rename from src/material-examples/radio-overview/radio-overview-example.ts rename to src/material-examples/material/radio/radio-overview/radio-overview-example.ts diff --git a/src/material-examples/material/select/BUILD.bazel b/src/material-examples/material/select/BUILD.bazel new file mode 100644 index 000000000000..d4a70ac8f15c --- /dev/null +++ b/src/material-examples/material/select/BUILD.bazel @@ -0,0 +1,27 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "select", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/checkbox", + "//src/material/input", + "//src/material/select", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/select/module.ts b/src/material-examples/material/select/module.ts new file mode 100644 index 000000000000..da4db84e8702 --- /dev/null +++ b/src/material-examples/material/select/module.ts @@ -0,0 +1,50 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule, ReactiveFormsModule} from '@angular/forms'; +import {MatCheckboxModule} from '@angular/material/checkbox'; +import {MatInputModule} from '@angular/material/input'; +import {MatSelectModule} from '@angular/material/select'; +import {SelectCustomTriggerExample} from './select-custom-trigger/select-custom-trigger-example'; +import {SelectDisabledExample} from './select-disabled/select-disabled-example'; +import { + SelectErrorStateMatcherExample +} from './select-error-state-matcher/select-error-state-matcher-example'; +import {SelectFormExample} from './select-form/select-form-example'; +import {SelectHintErrorExample} from './select-hint-error/select-hint-error-example'; +import {SelectMultipleExample} from './select-multiple/select-multiple-example'; +import {SelectNoRippleExample} from './select-no-ripple/select-no-ripple-example'; +import {SelectOptgroupExample} from './select-optgroup/select-optgroup-example'; +import {SelectOverviewExample} from './select-overview/select-overview-example'; +import {SelectPanelClassExample} from './select-panel-class/select-panel-class-example'; +import {SelectResetExample} from './select-reset/select-reset-example'; +import {SelectValueBindingExample} from './select-value-binding/select-value-binding-example'; + +const EXAMPLES = [ + SelectCustomTriggerExample, + SelectDisabledExample, + SelectErrorStateMatcherExample, + SelectFormExample, + SelectHintErrorExample, + SelectMultipleExample, + SelectNoRippleExample, + SelectOptgroupExample, + SelectOverviewExample, + SelectPanelClassExample, + SelectResetExample, + SelectValueBindingExample, +]; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + MatCheckboxModule, + MatInputModule, + MatSelectModule, + ReactiveFormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class SelectExamplesModule { +} diff --git a/src/material-examples/select-custom-trigger/select-custom-trigger-example.css b/src/material-examples/material/select/select-custom-trigger/select-custom-trigger-example.css similarity index 100% rename from src/material-examples/select-custom-trigger/select-custom-trigger-example.css rename to src/material-examples/material/select/select-custom-trigger/select-custom-trigger-example.css diff --git a/src/material-examples/select-custom-trigger/select-custom-trigger-example.html b/src/material-examples/material/select/select-custom-trigger/select-custom-trigger-example.html similarity index 100% rename from src/material-examples/select-custom-trigger/select-custom-trigger-example.html rename to src/material-examples/material/select/select-custom-trigger/select-custom-trigger-example.html diff --git a/src/material-examples/select-custom-trigger/select-custom-trigger-example.ts b/src/material-examples/material/select/select-custom-trigger/select-custom-trigger-example.ts similarity index 100% rename from src/material-examples/select-custom-trigger/select-custom-trigger-example.ts rename to src/material-examples/material/select/select-custom-trigger/select-custom-trigger-example.ts diff --git a/src/material-examples/select-disabled/select-disabled-example.css b/src/material-examples/material/select/select-disabled/select-disabled-example.css similarity index 100% rename from src/material-examples/select-disabled/select-disabled-example.css rename to src/material-examples/material/select/select-disabled/select-disabled-example.css diff --git a/src/material-examples/select-disabled/select-disabled-example.html b/src/material-examples/material/select/select-disabled/select-disabled-example.html similarity index 100% rename from src/material-examples/select-disabled/select-disabled-example.html rename to src/material-examples/material/select/select-disabled/select-disabled-example.html diff --git a/src/material-examples/select-disabled/select-disabled-example.ts b/src/material-examples/material/select/select-disabled/select-disabled-example.ts similarity index 100% rename from src/material-examples/select-disabled/select-disabled-example.ts rename to src/material-examples/material/select/select-disabled/select-disabled-example.ts diff --git a/src/material-examples/select-error-state-matcher/select-error-state-matcher-example.css b/src/material-examples/material/select/select-error-state-matcher/select-error-state-matcher-example.css similarity index 100% rename from src/material-examples/select-error-state-matcher/select-error-state-matcher-example.css rename to src/material-examples/material/select/select-error-state-matcher/select-error-state-matcher-example.css diff --git a/src/material-examples/select-error-state-matcher/select-error-state-matcher-example.html b/src/material-examples/material/select/select-error-state-matcher/select-error-state-matcher-example.html similarity index 100% rename from src/material-examples/select-error-state-matcher/select-error-state-matcher-example.html rename to src/material-examples/material/select/select-error-state-matcher/select-error-state-matcher-example.html diff --git a/src/material-examples/select-error-state-matcher/select-error-state-matcher-example.ts b/src/material-examples/material/select/select-error-state-matcher/select-error-state-matcher-example.ts similarity index 100% rename from src/material-examples/select-error-state-matcher/select-error-state-matcher-example.ts rename to src/material-examples/material/select/select-error-state-matcher/select-error-state-matcher-example.ts diff --git a/src/material-examples/select-form/select-form-example.css b/src/material-examples/material/select/select-form/select-form-example.css similarity index 100% rename from src/material-examples/select-form/select-form-example.css rename to src/material-examples/material/select/select-form/select-form-example.css diff --git a/src/material-examples/select-form/select-form-example.html b/src/material-examples/material/select/select-form/select-form-example.html similarity index 100% rename from src/material-examples/select-form/select-form-example.html rename to src/material-examples/material/select/select-form/select-form-example.html diff --git a/src/material-examples/select-form/select-form-example.ts b/src/material-examples/material/select/select-form/select-form-example.ts similarity index 100% rename from src/material-examples/select-form/select-form-example.ts rename to src/material-examples/material/select/select-form/select-form-example.ts diff --git a/src/material-examples/select-hint-error/select-hint-error-example.css b/src/material-examples/material/select/select-hint-error/select-hint-error-example.css similarity index 100% rename from src/material-examples/select-hint-error/select-hint-error-example.css rename to src/material-examples/material/select/select-hint-error/select-hint-error-example.css diff --git a/src/material-examples/select-hint-error/select-hint-error-example.html b/src/material-examples/material/select/select-hint-error/select-hint-error-example.html similarity index 100% rename from src/material-examples/select-hint-error/select-hint-error-example.html rename to src/material-examples/material/select/select-hint-error/select-hint-error-example.html diff --git a/src/material-examples/select-hint-error/select-hint-error-example.ts b/src/material-examples/material/select/select-hint-error/select-hint-error-example.ts similarity index 100% rename from src/material-examples/select-hint-error/select-hint-error-example.ts rename to src/material-examples/material/select/select-hint-error/select-hint-error-example.ts diff --git a/src/material-examples/select-multiple/select-multiple-example.css b/src/material-examples/material/select/select-multiple/select-multiple-example.css similarity index 100% rename from src/material-examples/select-multiple/select-multiple-example.css rename to src/material-examples/material/select/select-multiple/select-multiple-example.css diff --git a/src/material-examples/select-multiple/select-multiple-example.html b/src/material-examples/material/select/select-multiple/select-multiple-example.html similarity index 100% rename from src/material-examples/select-multiple/select-multiple-example.html rename to src/material-examples/material/select/select-multiple/select-multiple-example.html diff --git a/src/material-examples/select-multiple/select-multiple-example.ts b/src/material-examples/material/select/select-multiple/select-multiple-example.ts similarity index 100% rename from src/material-examples/select-multiple/select-multiple-example.ts rename to src/material-examples/material/select/select-multiple/select-multiple-example.ts diff --git a/src/material-examples/select-no-ripple/select-no-ripple-example.css b/src/material-examples/material/select/select-no-ripple/select-no-ripple-example.css similarity index 100% rename from src/material-examples/select-no-ripple/select-no-ripple-example.css rename to src/material-examples/material/select/select-no-ripple/select-no-ripple-example.css diff --git a/src/material-examples/select-no-ripple/select-no-ripple-example.html b/src/material-examples/material/select/select-no-ripple/select-no-ripple-example.html similarity index 100% rename from src/material-examples/select-no-ripple/select-no-ripple-example.html rename to src/material-examples/material/select/select-no-ripple/select-no-ripple-example.html diff --git a/src/material-examples/select-no-ripple/select-no-ripple-example.ts b/src/material-examples/material/select/select-no-ripple/select-no-ripple-example.ts similarity index 100% rename from src/material-examples/select-no-ripple/select-no-ripple-example.ts rename to src/material-examples/material/select/select-no-ripple/select-no-ripple-example.ts diff --git a/src/material-examples/select-optgroup/select-optgroup-example.css b/src/material-examples/material/select/select-optgroup/select-optgroup-example.css similarity index 100% rename from src/material-examples/select-optgroup/select-optgroup-example.css rename to src/material-examples/material/select/select-optgroup/select-optgroup-example.css diff --git a/src/material-examples/select-optgroup/select-optgroup-example.html b/src/material-examples/material/select/select-optgroup/select-optgroup-example.html similarity index 100% rename from src/material-examples/select-optgroup/select-optgroup-example.html rename to src/material-examples/material/select/select-optgroup/select-optgroup-example.html diff --git a/src/material-examples/select-optgroup/select-optgroup-example.ts b/src/material-examples/material/select/select-optgroup/select-optgroup-example.ts similarity index 100% rename from src/material-examples/select-optgroup/select-optgroup-example.ts rename to src/material-examples/material/select/select-optgroup/select-optgroup-example.ts diff --git a/src/material-examples/select-overview/select-overview-example.css b/src/material-examples/material/select/select-overview/select-overview-example.css similarity index 100% rename from src/material-examples/select-overview/select-overview-example.css rename to src/material-examples/material/select/select-overview/select-overview-example.css diff --git a/src/material-examples/select-overview/select-overview-example.html b/src/material-examples/material/select/select-overview/select-overview-example.html similarity index 100% rename from src/material-examples/select-overview/select-overview-example.html rename to src/material-examples/material/select/select-overview/select-overview-example.html diff --git a/src/material-examples/select-overview/select-overview-example.ts b/src/material-examples/material/select/select-overview/select-overview-example.ts similarity index 100% rename from src/material-examples/select-overview/select-overview-example.ts rename to src/material-examples/material/select/select-overview/select-overview-example.ts diff --git a/src/material-examples/select-panel-class/select-panel-class-example.css b/src/material-examples/material/select/select-panel-class/select-panel-class-example.css similarity index 100% rename from src/material-examples/select-panel-class/select-panel-class-example.css rename to src/material-examples/material/select/select-panel-class/select-panel-class-example.css diff --git a/src/material-examples/select-panel-class/select-panel-class-example.html b/src/material-examples/material/select/select-panel-class/select-panel-class-example.html similarity index 100% rename from src/material-examples/select-panel-class/select-panel-class-example.html rename to src/material-examples/material/select/select-panel-class/select-panel-class-example.html diff --git a/src/material-examples/select-panel-class/select-panel-class-example.ts b/src/material-examples/material/select/select-panel-class/select-panel-class-example.ts similarity index 100% rename from src/material-examples/select-panel-class/select-panel-class-example.ts rename to src/material-examples/material/select/select-panel-class/select-panel-class-example.ts diff --git a/src/material-examples/select-reset/select-reset-example.css b/src/material-examples/material/select/select-reset/select-reset-example.css similarity index 100% rename from src/material-examples/select-reset/select-reset-example.css rename to src/material-examples/material/select/select-reset/select-reset-example.css diff --git a/src/material-examples/select-reset/select-reset-example.html b/src/material-examples/material/select/select-reset/select-reset-example.html similarity index 100% rename from src/material-examples/select-reset/select-reset-example.html rename to src/material-examples/material/select/select-reset/select-reset-example.html diff --git a/src/material-examples/select-reset/select-reset-example.ts b/src/material-examples/material/select/select-reset/select-reset-example.ts similarity index 100% rename from src/material-examples/select-reset/select-reset-example.ts rename to src/material-examples/material/select/select-reset/select-reset-example.ts diff --git a/src/material-examples/select-value-binding/select-value-binding-example.css b/src/material-examples/material/select/select-value-binding/select-value-binding-example.css similarity index 100% rename from src/material-examples/select-value-binding/select-value-binding-example.css rename to src/material-examples/material/select/select-value-binding/select-value-binding-example.css diff --git a/src/material-examples/select-value-binding/select-value-binding-example.html b/src/material-examples/material/select/select-value-binding/select-value-binding-example.html similarity index 100% rename from src/material-examples/select-value-binding/select-value-binding-example.html rename to src/material-examples/material/select/select-value-binding/select-value-binding-example.html diff --git a/src/material-examples/select-value-binding/select-value-binding-example.ts b/src/material-examples/material/select/select-value-binding/select-value-binding-example.ts similarity index 100% rename from src/material-examples/select-value-binding/select-value-binding-example.ts rename to src/material-examples/material/select/select-value-binding/select-value-binding-example.ts diff --git a/src/material-examples/material/sidenav/BUILD.bazel b/src/material-examples/material/sidenav/BUILD.bazel new file mode 100644 index 000000000000..dba9a91447d2 --- /dev/null +++ b/src/material-examples/material/sidenav/BUILD.bazel @@ -0,0 +1,33 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "sidenav", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk/layout", + "//src/material/button", + "//src/material/checkbox", + "//src/material/icon", + "//src/material/list", + "//src/material/radio", + "//src/material/select", + "//src/material/sidenav", + "//src/material/toolbar", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/sidenav/module.ts b/src/material-examples/material/sidenav/module.ts new file mode 100644 index 000000000000..7b8f6a8d8eb6 --- /dev/null +++ b/src/material-examples/material/sidenav/module.ts @@ -0,0 +1,56 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule, ReactiveFormsModule} from '@angular/forms'; +import {MatButtonModule} from '@angular/material/button'; +import {MatCheckboxModule} from '@angular/material/checkbox'; +import {MatIconModule} from '@angular/material/icon'; +import {MatListModule} from '@angular/material/list'; +import {MatRadioModule} from '@angular/material/radio'; +import {MatSelectModule} from '@angular/material/select'; +import {MatSidenavModule} from '@angular/material/sidenav'; +import {MatToolbarModule} from '@angular/material/toolbar'; +import {SidenavAutosizeExample} from './sidenav-autosize/sidenav-autosize-example'; +import {SidenavBackdropExample} from './sidenav-backdrop/sidenav-backdrop-example'; +import {SidenavDisableCloseExample} from './sidenav-disable-close/sidenav-disable-close-example'; +import { + SidenavDrawerOverviewExample +} from './sidenav-drawer-overview/sidenav-drawer-overview-example'; +import {SidenavFixedExample} from './sidenav-fixed/sidenav-fixed-example'; +import {SidenavModeExample} from './sidenav-mode/sidenav-mode-example'; +import {SidenavOpenCloseExample} from './sidenav-open-close/sidenav-open-close-example'; +import {SidenavOverviewExample} from './sidenav-overview/sidenav-overview-example'; +import {SidenavPositionExample} from './sidenav-position/sidenav-position-example'; +import {SidenavResponsiveExample} from './sidenav-responsive/sidenav-responsive-example'; + +const EXAMPLES = [ + SidenavAutosizeExample, + SidenavBackdropExample, + SidenavDisableCloseExample, + SidenavDrawerOverviewExample, + SidenavFixedExample, + SidenavModeExample, + SidenavOpenCloseExample, + SidenavOverviewExample, + SidenavPositionExample, + SidenavResponsiveExample, +]; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + MatButtonModule, + MatCheckboxModule, + MatIconModule, + MatListModule, + MatRadioModule, + MatSidenavModule, + MatSelectModule, + MatToolbarModule, + ReactiveFormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class SidenavExamplesModule { +} diff --git a/src/material-examples/sidenav-autosize/sidenav-autosize-example.css b/src/material-examples/material/sidenav/sidenav-autosize/sidenav-autosize-example.css similarity index 100% rename from src/material-examples/sidenav-autosize/sidenav-autosize-example.css rename to src/material-examples/material/sidenav/sidenav-autosize/sidenav-autosize-example.css diff --git a/src/material-examples/sidenav-autosize/sidenav-autosize-example.html b/src/material-examples/material/sidenav/sidenav-autosize/sidenav-autosize-example.html similarity index 100% rename from src/material-examples/sidenav-autosize/sidenav-autosize-example.html rename to src/material-examples/material/sidenav/sidenav-autosize/sidenav-autosize-example.html diff --git a/src/material-examples/sidenav-autosize/sidenav-autosize-example.ts b/src/material-examples/material/sidenav/sidenav-autosize/sidenav-autosize-example.ts similarity index 100% rename from src/material-examples/sidenav-autosize/sidenav-autosize-example.ts rename to src/material-examples/material/sidenav/sidenav-autosize/sidenav-autosize-example.ts diff --git a/src/material-examples/sidenav-backdrop/sidenav-backdrop-example.css b/src/material-examples/material/sidenav/sidenav-backdrop/sidenav-backdrop-example.css similarity index 100% rename from src/material-examples/sidenav-backdrop/sidenav-backdrop-example.css rename to src/material-examples/material/sidenav/sidenav-backdrop/sidenav-backdrop-example.css diff --git a/src/material-examples/sidenav-backdrop/sidenav-backdrop-example.html b/src/material-examples/material/sidenav/sidenav-backdrop/sidenav-backdrop-example.html similarity index 100% rename from src/material-examples/sidenav-backdrop/sidenav-backdrop-example.html rename to src/material-examples/material/sidenav/sidenav-backdrop/sidenav-backdrop-example.html diff --git a/src/material-examples/sidenav-backdrop/sidenav-backdrop-example.ts b/src/material-examples/material/sidenav/sidenav-backdrop/sidenav-backdrop-example.ts similarity index 100% rename from src/material-examples/sidenav-backdrop/sidenav-backdrop-example.ts rename to src/material-examples/material/sidenav/sidenav-backdrop/sidenav-backdrop-example.ts diff --git a/src/material-examples/sidenav-disable-close/sidenav-disable-close-example.css b/src/material-examples/material/sidenav/sidenav-disable-close/sidenav-disable-close-example.css similarity index 100% rename from src/material-examples/sidenav-disable-close/sidenav-disable-close-example.css rename to src/material-examples/material/sidenav/sidenav-disable-close/sidenav-disable-close-example.css diff --git a/src/material-examples/sidenav-disable-close/sidenav-disable-close-example.html b/src/material-examples/material/sidenav/sidenav-disable-close/sidenav-disable-close-example.html similarity index 100% rename from src/material-examples/sidenav-disable-close/sidenav-disable-close-example.html rename to src/material-examples/material/sidenav/sidenav-disable-close/sidenav-disable-close-example.html diff --git a/src/material-examples/sidenav-disable-close/sidenav-disable-close-example.ts b/src/material-examples/material/sidenav/sidenav-disable-close/sidenav-disable-close-example.ts similarity index 100% rename from src/material-examples/sidenav-disable-close/sidenav-disable-close-example.ts rename to src/material-examples/material/sidenav/sidenav-disable-close/sidenav-disable-close-example.ts diff --git a/src/material-examples/sidenav-drawer-overview/sidenav-drawer-overview-example.css b/src/material-examples/material/sidenav/sidenav-drawer-overview/sidenav-drawer-overview-example.css similarity index 100% rename from src/material-examples/sidenav-drawer-overview/sidenav-drawer-overview-example.css rename to src/material-examples/material/sidenav/sidenav-drawer-overview/sidenav-drawer-overview-example.css diff --git a/src/material-examples/sidenav-drawer-overview/sidenav-drawer-overview-example.html b/src/material-examples/material/sidenav/sidenav-drawer-overview/sidenav-drawer-overview-example.html similarity index 100% rename from src/material-examples/sidenav-drawer-overview/sidenav-drawer-overview-example.html rename to src/material-examples/material/sidenav/sidenav-drawer-overview/sidenav-drawer-overview-example.html diff --git a/src/material-examples/sidenav-drawer-overview/sidenav-drawer-overview-example.ts b/src/material-examples/material/sidenav/sidenav-drawer-overview/sidenav-drawer-overview-example.ts similarity index 100% rename from src/material-examples/sidenav-drawer-overview/sidenav-drawer-overview-example.ts rename to src/material-examples/material/sidenav/sidenav-drawer-overview/sidenav-drawer-overview-example.ts diff --git a/src/material-examples/sidenav-fixed/sidenav-fixed-example.css b/src/material-examples/material/sidenav/sidenav-fixed/sidenav-fixed-example.css similarity index 100% rename from src/material-examples/sidenav-fixed/sidenav-fixed-example.css rename to src/material-examples/material/sidenav/sidenav-fixed/sidenav-fixed-example.css diff --git a/src/material-examples/sidenav-fixed/sidenav-fixed-example.html b/src/material-examples/material/sidenav/sidenav-fixed/sidenav-fixed-example.html similarity index 100% rename from src/material-examples/sidenav-fixed/sidenav-fixed-example.html rename to src/material-examples/material/sidenav/sidenav-fixed/sidenav-fixed-example.html diff --git a/src/material-examples/sidenav-fixed/sidenav-fixed-example.ts b/src/material-examples/material/sidenav/sidenav-fixed/sidenav-fixed-example.ts similarity index 100% rename from src/material-examples/sidenav-fixed/sidenav-fixed-example.ts rename to src/material-examples/material/sidenav/sidenav-fixed/sidenav-fixed-example.ts diff --git a/src/material-examples/sidenav-mode/sidenav-mode-example.css b/src/material-examples/material/sidenav/sidenav-mode/sidenav-mode-example.css similarity index 100% rename from src/material-examples/sidenav-mode/sidenav-mode-example.css rename to src/material-examples/material/sidenav/sidenav-mode/sidenav-mode-example.css diff --git a/src/material-examples/sidenav-mode/sidenav-mode-example.html b/src/material-examples/material/sidenav/sidenav-mode/sidenav-mode-example.html similarity index 100% rename from src/material-examples/sidenav-mode/sidenav-mode-example.html rename to src/material-examples/material/sidenav/sidenav-mode/sidenav-mode-example.html diff --git a/src/material-examples/sidenav-mode/sidenav-mode-example.ts b/src/material-examples/material/sidenav/sidenav-mode/sidenav-mode-example.ts similarity index 100% rename from src/material-examples/sidenav-mode/sidenav-mode-example.ts rename to src/material-examples/material/sidenav/sidenav-mode/sidenav-mode-example.ts diff --git a/src/material-examples/sidenav-open-close/sidenav-open-close-example.css b/src/material-examples/material/sidenav/sidenav-open-close/sidenav-open-close-example.css similarity index 100% rename from src/material-examples/sidenav-open-close/sidenav-open-close-example.css rename to src/material-examples/material/sidenav/sidenav-open-close/sidenav-open-close-example.css diff --git a/src/material-examples/sidenav-open-close/sidenav-open-close-example.html b/src/material-examples/material/sidenav/sidenav-open-close/sidenav-open-close-example.html similarity index 100% rename from src/material-examples/sidenav-open-close/sidenav-open-close-example.html rename to src/material-examples/material/sidenav/sidenav-open-close/sidenav-open-close-example.html diff --git a/src/material-examples/sidenav-open-close/sidenav-open-close-example.ts b/src/material-examples/material/sidenav/sidenav-open-close/sidenav-open-close-example.ts similarity index 100% rename from src/material-examples/sidenav-open-close/sidenav-open-close-example.ts rename to src/material-examples/material/sidenav/sidenav-open-close/sidenav-open-close-example.ts diff --git a/src/material-examples/sidenav-overview/sidenav-overview-example.css b/src/material-examples/material/sidenav/sidenav-overview/sidenav-overview-example.css similarity index 100% rename from src/material-examples/sidenav-overview/sidenav-overview-example.css rename to src/material-examples/material/sidenav/sidenav-overview/sidenav-overview-example.css diff --git a/src/material-examples/sidenav-overview/sidenav-overview-example.html b/src/material-examples/material/sidenav/sidenav-overview/sidenav-overview-example.html similarity index 100% rename from src/material-examples/sidenav-overview/sidenav-overview-example.html rename to src/material-examples/material/sidenav/sidenav-overview/sidenav-overview-example.html diff --git a/src/material-examples/sidenav-overview/sidenav-overview-example.ts b/src/material-examples/material/sidenav/sidenav-overview/sidenav-overview-example.ts similarity index 100% rename from src/material-examples/sidenav-overview/sidenav-overview-example.ts rename to src/material-examples/material/sidenav/sidenav-overview/sidenav-overview-example.ts diff --git a/src/material-examples/sidenav-position/sidenav-position-example.css b/src/material-examples/material/sidenav/sidenav-position/sidenav-position-example.css similarity index 100% rename from src/material-examples/sidenav-position/sidenav-position-example.css rename to src/material-examples/material/sidenav/sidenav-position/sidenav-position-example.css diff --git a/src/material-examples/sidenav-position/sidenav-position-example.html b/src/material-examples/material/sidenav/sidenav-position/sidenav-position-example.html similarity index 100% rename from src/material-examples/sidenav-position/sidenav-position-example.html rename to src/material-examples/material/sidenav/sidenav-position/sidenav-position-example.html diff --git a/src/material-examples/sidenav-position/sidenav-position-example.ts b/src/material-examples/material/sidenav/sidenav-position/sidenav-position-example.ts similarity index 100% rename from src/material-examples/sidenav-position/sidenav-position-example.ts rename to src/material-examples/material/sidenav/sidenav-position/sidenav-position-example.ts diff --git a/src/material-examples/sidenav-responsive/sidenav-responsive-example.css b/src/material-examples/material/sidenav/sidenav-responsive/sidenav-responsive-example.css similarity index 100% rename from src/material-examples/sidenav-responsive/sidenav-responsive-example.css rename to src/material-examples/material/sidenav/sidenav-responsive/sidenav-responsive-example.css diff --git a/src/material-examples/sidenav-responsive/sidenav-responsive-example.html b/src/material-examples/material/sidenav/sidenav-responsive/sidenav-responsive-example.html similarity index 100% rename from src/material-examples/sidenav-responsive/sidenav-responsive-example.html rename to src/material-examples/material/sidenav/sidenav-responsive/sidenav-responsive-example.html diff --git a/src/material-examples/sidenav-responsive/sidenav-responsive-example.ts b/src/material-examples/material/sidenav/sidenav-responsive/sidenav-responsive-example.ts similarity index 100% rename from src/material-examples/sidenav-responsive/sidenav-responsive-example.ts rename to src/material-examples/material/sidenav/sidenav-responsive/sidenav-responsive-example.ts diff --git a/src/material-examples/material/slide-toggle/BUILD.bazel b/src/material-examples/material/slide-toggle/BUILD.bazel new file mode 100644 index 000000000000..96adcd865c40 --- /dev/null +++ b/src/material-examples/material/slide-toggle/BUILD.bazel @@ -0,0 +1,29 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "slide-toggle", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/card", + "//src/material/checkbox", + "//src/material/radio", + "//src/material/slide-toggle", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/slide-toggle/module.ts b/src/material-examples/material/slide-toggle/module.ts new file mode 100644 index 000000000000..763a71fbded3 --- /dev/null +++ b/src/material-examples/material/slide-toggle/module.ts @@ -0,0 +1,34 @@ +import {NgModule} from '@angular/core'; +import {FormsModule, ReactiveFormsModule} from '@angular/forms'; +import {MatButtonModule} from '@angular/material/button'; +import {MatCardModule} from '@angular/material/card'; +import {MatCheckboxModule} from '@angular/material/checkbox'; +import {MatRadioModule} from '@angular/material/radio'; +import {MatSlideToggleModule} from '@angular/material/slide-toggle'; +import { + SlideToggleConfigurableExample +} from './slide-toggle-configurable/slide-toggle-configurable-example'; +import {SlideToggleFormsExample} from './slide-toggle-forms/slide-toggle-forms-example'; +import {SlideToggleOverviewExample} from './slide-toggle-overview/slide-toggle-overview-example'; + +const EXAMPLES = [ + SlideToggleConfigurableExample, + SlideToggleFormsExample, + SlideToggleOverviewExample, +]; + +@NgModule({ + imports: [ + FormsModule, + MatButtonModule, + MatCardModule, + MatCheckboxModule, + MatRadioModule, + MatSlideToggleModule, + ReactiveFormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class SlideToggleExamplesModule { +} diff --git a/src/material-examples/slide-toggle-configurable/slide-toggle-configurable-example.css b/src/material-examples/material/slide-toggle/slide-toggle-configurable/slide-toggle-configurable-example.css similarity index 100% rename from src/material-examples/slide-toggle-configurable/slide-toggle-configurable-example.css rename to src/material-examples/material/slide-toggle/slide-toggle-configurable/slide-toggle-configurable-example.css diff --git a/src/material-examples/slide-toggle-configurable/slide-toggle-configurable-example.html b/src/material-examples/material/slide-toggle/slide-toggle-configurable/slide-toggle-configurable-example.html similarity index 100% rename from src/material-examples/slide-toggle-configurable/slide-toggle-configurable-example.html rename to src/material-examples/material/slide-toggle/slide-toggle-configurable/slide-toggle-configurable-example.html diff --git a/src/material-examples/slide-toggle-configurable/slide-toggle-configurable-example.ts b/src/material-examples/material/slide-toggle/slide-toggle-configurable/slide-toggle-configurable-example.ts similarity index 100% rename from src/material-examples/slide-toggle-configurable/slide-toggle-configurable-example.ts rename to src/material-examples/material/slide-toggle/slide-toggle-configurable/slide-toggle-configurable-example.ts diff --git a/src/material-examples/slide-toggle-forms/slide-toggle-forms-example.css b/src/material-examples/material/slide-toggle/slide-toggle-forms/slide-toggle-forms-example.css similarity index 100% rename from src/material-examples/slide-toggle-forms/slide-toggle-forms-example.css rename to src/material-examples/material/slide-toggle/slide-toggle-forms/slide-toggle-forms-example.css diff --git a/src/material-examples/slide-toggle-forms/slide-toggle-forms-example.html b/src/material-examples/material/slide-toggle/slide-toggle-forms/slide-toggle-forms-example.html similarity index 100% rename from src/material-examples/slide-toggle-forms/slide-toggle-forms-example.html rename to src/material-examples/material/slide-toggle/slide-toggle-forms/slide-toggle-forms-example.html diff --git a/src/material-examples/slide-toggle-forms/slide-toggle-forms-example.ts b/src/material-examples/material/slide-toggle/slide-toggle-forms/slide-toggle-forms-example.ts similarity index 100% rename from src/material-examples/slide-toggle-forms/slide-toggle-forms-example.ts rename to src/material-examples/material/slide-toggle/slide-toggle-forms/slide-toggle-forms-example.ts diff --git a/src/material-examples/slide-toggle-overview/slide-toggle-overview-example.css b/src/material-examples/material/slide-toggle/slide-toggle-overview/slide-toggle-overview-example.css similarity index 100% rename from src/material-examples/slide-toggle-overview/slide-toggle-overview-example.css rename to src/material-examples/material/slide-toggle/slide-toggle-overview/slide-toggle-overview-example.css diff --git a/src/material-examples/slide-toggle-overview/slide-toggle-overview-example.html b/src/material-examples/material/slide-toggle/slide-toggle-overview/slide-toggle-overview-example.html similarity index 100% rename from src/material-examples/slide-toggle-overview/slide-toggle-overview-example.html rename to src/material-examples/material/slide-toggle/slide-toggle-overview/slide-toggle-overview-example.html diff --git a/src/material-examples/slide-toggle-overview/slide-toggle-overview-example.ts b/src/material-examples/material/slide-toggle/slide-toggle-overview/slide-toggle-overview-example.ts similarity index 100% rename from src/material-examples/slide-toggle-overview/slide-toggle-overview-example.ts rename to src/material-examples/material/slide-toggle/slide-toggle-overview/slide-toggle-overview-example.ts diff --git a/src/material-examples/material/slider/BUILD.bazel b/src/material-examples/material/slider/BUILD.bazel new file mode 100644 index 000000000000..860e596b5709 --- /dev/null +++ b/src/material-examples/material/slider/BUILD.bazel @@ -0,0 +1,28 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "slider", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/card", + "//src/material/checkbox", + "//src/material/input", + "//src/material/slider", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/slider/module.ts b/src/material-examples/material/slider/module.ts new file mode 100644 index 000000000000..a6841cddd4bc --- /dev/null +++ b/src/material-examples/material/slider/module.ts @@ -0,0 +1,31 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import {MatCardModule} from '@angular/material/card'; +import {MatCheckboxModule} from '@angular/material/checkbox'; +import {MatInputModule} from '@angular/material/input'; +import {MatSliderModule} from '@angular/material/slider'; +import {SliderConfigurableExample} from './slider-configurable/slider-configurable-example'; +import {SliderFormattingExample} from './slider-formatting/slider-formatting-example'; +import {SliderOverviewExample} from './slider-overview/slider-overview-example'; + +const EXAMPLES = [ + SliderConfigurableExample, + SliderFormattingExample, + SliderOverviewExample, +]; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + MatCardModule, + MatCheckboxModule, + MatInputModule, + MatSliderModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class SliderExamplesModule { +} diff --git a/src/material-examples/slider-configurable/slider-configurable-example.css b/src/material-examples/material/slider/slider-configurable/slider-configurable-example.css similarity index 100% rename from src/material-examples/slider-configurable/slider-configurable-example.css rename to src/material-examples/material/slider/slider-configurable/slider-configurable-example.css diff --git a/src/material-examples/slider-configurable/slider-configurable-example.html b/src/material-examples/material/slider/slider-configurable/slider-configurable-example.html similarity index 100% rename from src/material-examples/slider-configurable/slider-configurable-example.html rename to src/material-examples/material/slider/slider-configurable/slider-configurable-example.html diff --git a/src/material-examples/slider-configurable/slider-configurable-example.ts b/src/material-examples/material/slider/slider-configurable/slider-configurable-example.ts similarity index 100% rename from src/material-examples/slider-configurable/slider-configurable-example.ts rename to src/material-examples/material/slider/slider-configurable/slider-configurable-example.ts diff --git a/src/material-examples/slider-formatting/slider-formatting-example.css b/src/material-examples/material/slider/slider-formatting/slider-formatting-example.css similarity index 100% rename from src/material-examples/slider-formatting/slider-formatting-example.css rename to src/material-examples/material/slider/slider-formatting/slider-formatting-example.css diff --git a/src/material-examples/slider-formatting/slider-formatting-example.html b/src/material-examples/material/slider/slider-formatting/slider-formatting-example.html similarity index 100% rename from src/material-examples/slider-formatting/slider-formatting-example.html rename to src/material-examples/material/slider/slider-formatting/slider-formatting-example.html diff --git a/src/material-examples/slider-formatting/slider-formatting-example.ts b/src/material-examples/material/slider/slider-formatting/slider-formatting-example.ts similarity index 100% rename from src/material-examples/slider-formatting/slider-formatting-example.ts rename to src/material-examples/material/slider/slider-formatting/slider-formatting-example.ts diff --git a/src/material-examples/slider-overview/slider-overview-example.css b/src/material-examples/material/slider/slider-overview/slider-overview-example.css similarity index 100% rename from src/material-examples/slider-overview/slider-overview-example.css rename to src/material-examples/material/slider/slider-overview/slider-overview-example.css diff --git a/src/material-examples/slider-overview/slider-overview-example.html b/src/material-examples/material/slider/slider-overview/slider-overview-example.html similarity index 100% rename from src/material-examples/slider-overview/slider-overview-example.html rename to src/material-examples/material/slider/slider-overview/slider-overview-example.html diff --git a/src/material-examples/slider-overview/slider-overview-example.ts b/src/material-examples/material/slider/slider-overview/slider-overview-example.ts similarity index 100% rename from src/material-examples/slider-overview/slider-overview-example.ts rename to src/material-examples/material/slider/slider-overview/slider-overview-example.ts diff --git a/src/material-examples/material/snack-bar/BUILD.bazel b/src/material-examples/material/snack-bar/BUILD.bazel new file mode 100644 index 000000000000..6a4e14458a2f --- /dev/null +++ b/src/material-examples/material/snack-bar/BUILD.bazel @@ -0,0 +1,28 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "snack-bar", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/input", + "//src/material/select", + "//src/material/snack-bar", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/snack-bar/module.ts b/src/material-examples/material/snack-bar/module.ts new file mode 100644 index 000000000000..a9b9d634babc --- /dev/null +++ b/src/material-examples/material/snack-bar/module.ts @@ -0,0 +1,33 @@ +import {NgModule} from '@angular/core'; +import {FormsModule} from '@angular/forms'; +import {MatButtonModule} from '@angular/material/button'; +import {MatInputModule} from '@angular/material/input'; +import {MatSelectModule} from '@angular/material/select'; +import {MatSnackBarModule} from '@angular/material/snack-bar'; +import { + PizzaPartyComponent, + SnackBarComponentExample +} from './snack-bar-component/snack-bar-component-example'; +import {SnackBarOverviewExample} from './snack-bar-overview/snack-bar-overview-example'; +import {SnackBarPositionExample} from './snack-bar-position/snack-bar-position-example'; + +const EXAMPLES = [ + SnackBarComponentExample, + SnackBarOverviewExample, + SnackBarPositionExample, +]; + +@NgModule({ + imports: [ + FormsModule, + MatButtonModule, + MatInputModule, + MatSelectModule, + MatSnackBarModule, + ], + declarations: [...EXAMPLES, PizzaPartyComponent], + exports: EXAMPLES, + entryComponents: [PizzaPartyComponent], +}) +export class SnackBarExamplesModule { +} diff --git a/src/material-examples/snack-bar-component/snack-bar-component-example-snack.html b/src/material-examples/material/snack-bar/snack-bar-component/snack-bar-component-example-snack.html similarity index 100% rename from src/material-examples/snack-bar-component/snack-bar-component-example-snack.html rename to src/material-examples/material/snack-bar/snack-bar-component/snack-bar-component-example-snack.html diff --git a/src/material-examples/snack-bar-component/snack-bar-component-example.css b/src/material-examples/material/snack-bar/snack-bar-component/snack-bar-component-example.css similarity index 100% rename from src/material-examples/snack-bar-component/snack-bar-component-example.css rename to src/material-examples/material/snack-bar/snack-bar-component/snack-bar-component-example.css diff --git a/src/material-examples/snack-bar-component/snack-bar-component-example.html b/src/material-examples/material/snack-bar/snack-bar-component/snack-bar-component-example.html similarity index 100% rename from src/material-examples/snack-bar-component/snack-bar-component-example.html rename to src/material-examples/material/snack-bar/snack-bar-component/snack-bar-component-example.html diff --git a/src/material-examples/snack-bar-component/snack-bar-component-example.ts b/src/material-examples/material/snack-bar/snack-bar-component/snack-bar-component-example.ts similarity index 100% rename from src/material-examples/snack-bar-component/snack-bar-component-example.ts rename to src/material-examples/material/snack-bar/snack-bar-component/snack-bar-component-example.ts diff --git a/src/material-examples/snack-bar-overview/snack-bar-overview-example.css b/src/material-examples/material/snack-bar/snack-bar-overview/snack-bar-overview-example.css similarity index 100% rename from src/material-examples/snack-bar-overview/snack-bar-overview-example.css rename to src/material-examples/material/snack-bar/snack-bar-overview/snack-bar-overview-example.css diff --git a/src/material-examples/snack-bar-overview/snack-bar-overview-example.html b/src/material-examples/material/snack-bar/snack-bar-overview/snack-bar-overview-example.html similarity index 100% rename from src/material-examples/snack-bar-overview/snack-bar-overview-example.html rename to src/material-examples/material/snack-bar/snack-bar-overview/snack-bar-overview-example.html diff --git a/src/material-examples/snack-bar-overview/snack-bar-overview-example.ts b/src/material-examples/material/snack-bar/snack-bar-overview/snack-bar-overview-example.ts similarity index 100% rename from src/material-examples/snack-bar-overview/snack-bar-overview-example.ts rename to src/material-examples/material/snack-bar/snack-bar-overview/snack-bar-overview-example.ts diff --git a/src/material-examples/snack-bar-position/snack-bar-position-example.css b/src/material-examples/material/snack-bar/snack-bar-position/snack-bar-position-example.css similarity index 100% rename from src/material-examples/snack-bar-position/snack-bar-position-example.css rename to src/material-examples/material/snack-bar/snack-bar-position/snack-bar-position-example.css diff --git a/src/material-examples/snack-bar-position/snack-bar-position-example.html b/src/material-examples/material/snack-bar/snack-bar-position/snack-bar-position-example.html similarity index 100% rename from src/material-examples/snack-bar-position/snack-bar-position-example.html rename to src/material-examples/material/snack-bar/snack-bar-position/snack-bar-position-example.html diff --git a/src/material-examples/snack-bar-position/snack-bar-position-example.ts b/src/material-examples/material/snack-bar/snack-bar-position/snack-bar-position-example.ts similarity index 100% rename from src/material-examples/snack-bar-position/snack-bar-position-example.ts rename to src/material-examples/material/snack-bar/snack-bar-position/snack-bar-position-example.ts diff --git a/src/material-examples/material/sort/BUILD.bazel b/src/material-examples/material/sort/BUILD.bazel new file mode 100644 index 000000000000..a61f4a98fa6b --- /dev/null +++ b/src/material-examples/material/sort/BUILD.bazel @@ -0,0 +1,24 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "sort", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/sort", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/sort/module.ts b/src/material-examples/material/sort/module.ts new file mode 100644 index 000000000000..34582ce17abd --- /dev/null +++ b/src/material-examples/material/sort/module.ts @@ -0,0 +1,19 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {MatSortModule} from '@angular/material/sort'; +import {SortOverviewExample} from './sort-overview/sort-overview-example'; + +const EXAMPLES = [ + SortOverviewExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatSortModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class SortExamplesModule { +} diff --git a/src/material-examples/sort-overview/sort-overview-example.css b/src/material-examples/material/sort/sort-overview/sort-overview-example.css similarity index 100% rename from src/material-examples/sort-overview/sort-overview-example.css rename to src/material-examples/material/sort/sort-overview/sort-overview-example.css diff --git a/src/material-examples/sort-overview/sort-overview-example.html b/src/material-examples/material/sort/sort-overview/sort-overview-example.html similarity index 100% rename from src/material-examples/sort-overview/sort-overview-example.html rename to src/material-examples/material/sort/sort-overview/sort-overview-example.html diff --git a/src/material-examples/sort-overview/sort-overview-example.ts b/src/material-examples/material/sort/sort-overview/sort-overview-example.ts similarity index 100% rename from src/material-examples/sort-overview/sort-overview-example.ts rename to src/material-examples/material/sort/sort-overview/sort-overview-example.ts diff --git a/src/material-examples/material/stepper/BUILD.bazel b/src/material-examples/material/stepper/BUILD.bazel new file mode 100644 index 000000000000..e600ba9bd13a --- /dev/null +++ b/src/material-examples/material/stepper/BUILD.bazel @@ -0,0 +1,29 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "stepper", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/cdk/stepper", + "//src/material/button", + "//src/material/icon", + "//src/material/input", + "//src/material/stepper", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/stepper/module.ts b/src/material-examples/material/stepper/module.ts new file mode 100644 index 000000000000..88bc84abf8f3 --- /dev/null +++ b/src/material-examples/material/stepper/module.ts @@ -0,0 +1,39 @@ +import {NgModule} from '@angular/core'; +import {ReactiveFormsModule} from '@angular/forms'; +import {MatButtonModule} from '@angular/material/button'; +import {MatIconModule} from '@angular/material/icon'; +import {MatInputModule} from '@angular/material/input'; +import {MatStepperModule} from '@angular/material/stepper'; +import {StepperEditableExample} from './stepper-editable/stepper-editable-example'; +import {StepperErrorsExample} from './stepper-errors/stepper-errors-example'; +import { + StepperLabelPositionBottomExample +} from './stepper-label-position-bottom/stepper-label-position-bottom-example'; +import {StepperOptionalExample} from './stepper-optional/stepper-optional-example'; +import {StepperOverviewExample} from './stepper-overview/stepper-overview-example'; +import {StepperStatesExample} from './stepper-states/stepper-states-example'; +import {StepperVerticalExample} from './stepper-vertical/stepper-vertical-example'; + +const EXAMPLES = [ + StepperEditableExample, + StepperErrorsExample, + StepperLabelPositionBottomExample, + StepperOptionalExample, + StepperOverviewExample, + StepperStatesExample, + StepperVerticalExample, +]; + +@NgModule({ + imports: [ + MatButtonModule, + MatIconModule, + MatInputModule, + MatStepperModule, + ReactiveFormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class StepperExamplesModule { +} diff --git a/src/material-examples/stepper-editable/stepper-editable-example.css b/src/material-examples/material/stepper/stepper-editable/stepper-editable-example.css similarity index 100% rename from src/material-examples/stepper-editable/stepper-editable-example.css rename to src/material-examples/material/stepper/stepper-editable/stepper-editable-example.css diff --git a/src/material-examples/stepper-editable/stepper-editable-example.html b/src/material-examples/material/stepper/stepper-editable/stepper-editable-example.html similarity index 100% rename from src/material-examples/stepper-editable/stepper-editable-example.html rename to src/material-examples/material/stepper/stepper-editable/stepper-editable-example.html diff --git a/src/material-examples/stepper-editable/stepper-editable-example.ts b/src/material-examples/material/stepper/stepper-editable/stepper-editable-example.ts similarity index 100% rename from src/material-examples/stepper-editable/stepper-editable-example.ts rename to src/material-examples/material/stepper/stepper-editable/stepper-editable-example.ts diff --git a/src/material-examples/stepper-errors/stepper-errors-example.css b/src/material-examples/material/stepper/stepper-errors/stepper-errors-example.css similarity index 100% rename from src/material-examples/stepper-errors/stepper-errors-example.css rename to src/material-examples/material/stepper/stepper-errors/stepper-errors-example.css diff --git a/src/material-examples/stepper-errors/stepper-errors-example.html b/src/material-examples/material/stepper/stepper-errors/stepper-errors-example.html similarity index 100% rename from src/material-examples/stepper-errors/stepper-errors-example.html rename to src/material-examples/material/stepper/stepper-errors/stepper-errors-example.html diff --git a/src/material-examples/stepper-errors/stepper-errors-example.ts b/src/material-examples/material/stepper/stepper-errors/stepper-errors-example.ts similarity index 100% rename from src/material-examples/stepper-errors/stepper-errors-example.ts rename to src/material-examples/material/stepper/stepper-errors/stepper-errors-example.ts diff --git a/src/material-examples/stepper-label-position-bottom/stepper-label-position-bottom-example.css b/src/material-examples/material/stepper/stepper-label-position-bottom/stepper-label-position-bottom-example.css similarity index 100% rename from src/material-examples/stepper-label-position-bottom/stepper-label-position-bottom-example.css rename to src/material-examples/material/stepper/stepper-label-position-bottom/stepper-label-position-bottom-example.css diff --git a/src/material-examples/stepper-label-position-bottom/stepper-label-position-bottom-example.html b/src/material-examples/material/stepper/stepper-label-position-bottom/stepper-label-position-bottom-example.html similarity index 100% rename from src/material-examples/stepper-label-position-bottom/stepper-label-position-bottom-example.html rename to src/material-examples/material/stepper/stepper-label-position-bottom/stepper-label-position-bottom-example.html diff --git a/src/material-examples/stepper-label-position-bottom/stepper-label-position-bottom-example.ts b/src/material-examples/material/stepper/stepper-label-position-bottom/stepper-label-position-bottom-example.ts similarity index 100% rename from src/material-examples/stepper-label-position-bottom/stepper-label-position-bottom-example.ts rename to src/material-examples/material/stepper/stepper-label-position-bottom/stepper-label-position-bottom-example.ts diff --git a/src/material-examples/stepper-optional/stepper-optional-example.css b/src/material-examples/material/stepper/stepper-optional/stepper-optional-example.css similarity index 100% rename from src/material-examples/stepper-optional/stepper-optional-example.css rename to src/material-examples/material/stepper/stepper-optional/stepper-optional-example.css diff --git a/src/material-examples/stepper-optional/stepper-optional-example.html b/src/material-examples/material/stepper/stepper-optional/stepper-optional-example.html similarity index 100% rename from src/material-examples/stepper-optional/stepper-optional-example.html rename to src/material-examples/material/stepper/stepper-optional/stepper-optional-example.html diff --git a/src/material-examples/stepper-optional/stepper-optional-example.ts b/src/material-examples/material/stepper/stepper-optional/stepper-optional-example.ts similarity index 100% rename from src/material-examples/stepper-optional/stepper-optional-example.ts rename to src/material-examples/material/stepper/stepper-optional/stepper-optional-example.ts diff --git a/src/material-examples/stepper-overview/stepper-overview-example.css b/src/material-examples/material/stepper/stepper-overview/stepper-overview-example.css similarity index 100% rename from src/material-examples/stepper-overview/stepper-overview-example.css rename to src/material-examples/material/stepper/stepper-overview/stepper-overview-example.css diff --git a/src/material-examples/stepper-overview/stepper-overview-example.html b/src/material-examples/material/stepper/stepper-overview/stepper-overview-example.html similarity index 100% rename from src/material-examples/stepper-overview/stepper-overview-example.html rename to src/material-examples/material/stepper/stepper-overview/stepper-overview-example.html diff --git a/src/material-examples/stepper-overview/stepper-overview-example.ts b/src/material-examples/material/stepper/stepper-overview/stepper-overview-example.ts similarity index 100% rename from src/material-examples/stepper-overview/stepper-overview-example.ts rename to src/material-examples/material/stepper/stepper-overview/stepper-overview-example.ts diff --git a/src/material-examples/stepper-states/stepper-states-example.css b/src/material-examples/material/stepper/stepper-states/stepper-states-example.css similarity index 100% rename from src/material-examples/stepper-states/stepper-states-example.css rename to src/material-examples/material/stepper/stepper-states/stepper-states-example.css diff --git a/src/material-examples/stepper-states/stepper-states-example.html b/src/material-examples/material/stepper/stepper-states/stepper-states-example.html similarity index 100% rename from src/material-examples/stepper-states/stepper-states-example.html rename to src/material-examples/material/stepper/stepper-states/stepper-states-example.html diff --git a/src/material-examples/stepper-states/stepper-states-example.ts b/src/material-examples/material/stepper/stepper-states/stepper-states-example.ts similarity index 100% rename from src/material-examples/stepper-states/stepper-states-example.ts rename to src/material-examples/material/stepper/stepper-states/stepper-states-example.ts diff --git a/src/material-examples/stepper-vertical/stepper-vertical-example.css b/src/material-examples/material/stepper/stepper-vertical/stepper-vertical-example.css similarity index 100% rename from src/material-examples/stepper-vertical/stepper-vertical-example.css rename to src/material-examples/material/stepper/stepper-vertical/stepper-vertical-example.css diff --git a/src/material-examples/stepper-vertical/stepper-vertical-example.html b/src/material-examples/material/stepper/stepper-vertical/stepper-vertical-example.html similarity index 100% rename from src/material-examples/stepper-vertical/stepper-vertical-example.html rename to src/material-examples/material/stepper/stepper-vertical/stepper-vertical-example.html diff --git a/src/material-examples/stepper-vertical/stepper-vertical-example.ts b/src/material-examples/material/stepper/stepper-vertical/stepper-vertical-example.ts similarity index 100% rename from src/material-examples/stepper-vertical/stepper-vertical-example.ts rename to src/material-examples/material/stepper/stepper-vertical/stepper-vertical-example.ts diff --git a/src/material-examples/material/table/BUILD.bazel b/src/material-examples/material/table/BUILD.bazel new file mode 100644 index 000000000000..ab34b37ce121 --- /dev/null +++ b/src/material-examples/material/table/BUILD.bazel @@ -0,0 +1,32 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "table", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/button-toggle", + "//src/material/checkbox", + "//src/material/icon", + "//src/material/input", + "//src/material/paginator", + "//src/material/progress-spinner", + "//src/material/sort", + "//src/material/table", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/table/module.ts b/src/material-examples/material/table/module.ts new file mode 100644 index 000000000000..19247a0c452e --- /dev/null +++ b/src/material-examples/material/table/module.ts @@ -0,0 +1,71 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {MatButtonModule} from '@angular/material/button'; +import {MatButtonToggleModule} from '@angular/material/button-toggle'; +import {MatCheckboxModule} from '@angular/material/checkbox'; +import {MatIconModule} from '@angular/material/icon'; +import {MatInputModule} from '@angular/material/input'; +import {MatPaginatorModule} from '@angular/material/paginator'; +import {MatProgressSpinnerModule} from '@angular/material/progress-spinner'; +import {MatSortModule} from '@angular/material/sort'; +import {MatTableModule} from '@angular/material/table'; +import {TableBasicFlexExample} from './table-basic-flex/table-basic-flex-example'; +import {TableBasicExample} from './table-basic/table-basic-example'; +import {TableDynamicColumnsExample} from './table-dynamic-columns/table-dynamic-columns-example'; +import {TableExpandableRowsExample} from './table-expandable-rows/table-expandable-rows-example'; +import {TableFilteringExample} from './table-filtering/table-filtering-example'; +import {TableFooterRowExample} from './table-footer-row/table-footer-row-example'; +import {TableHttpExample} from './table-http/table-http-example'; +import { + TableMultipleHeaderFooterExample +} from './table-multiple-header-footer/table-multiple-header-footer-example'; +import {TableOverviewExample} from './table-overview/table-overview-example'; +import {TablePaginationExample} from './table-pagination/table-pagination-example'; +import {TableRowContextExample} from './table-row-context/table-row-context-example'; +import {TableSelectionExample} from './table-selection/table-selection-example'; +import {TableSortingExample} from './table-sorting/table-sorting-example'; +import {TableStickyColumnsExample} from './table-sticky-columns/table-sticky-columns-example'; +import { + TableStickyComplexFlexExample +} from './table-sticky-complex-flex/table-sticky-complex-flex-example'; +import {TableStickyComplexExample} from './table-sticky-complex/table-sticky-complex-example'; +import {TableStickyFooterExample} from './table-sticky-footer/table-sticky-footer-example'; +import {TableStickyHeaderExample} from './table-sticky-header/table-sticky-header-example'; +import { + TableTextColumnAdvancedExample +} from './table-text-column-advanced/table-text-column-advanced-example'; +import {TableTextColumnExample} from './table-text-column/table-text-column-example'; +import {TableWrappedExample, WrapperTable} from './table-wrapped/table-wrapped-example'; + +const EXAMPLES = [ + TableBasicExample, TableBasicFlexExample, + TableDynamicColumnsExample, TableExpandableRowsExample, + TableFilteringExample, TableFooterRowExample, + TableHttpExample, TableMultipleHeaderFooterExample, + TableOverviewExample, TablePaginationExample, + TableRowContextExample, TableSelectionExample, + TableSortingExample, TableStickyColumnsExample, + TableStickyComplexExample, TableStickyComplexFlexExample, + TableStickyFooterExample, TableStickyHeaderExample, + TableTextColumnExample, TableTextColumnAdvancedExample, + TableWrappedExample, WrapperTable, +]; + +@NgModule({ + imports: [ + CommonModule, + MatButtonModule, + MatButtonToggleModule, + MatCheckboxModule, + MatIconModule, + MatInputModule, + MatPaginatorModule, + MatProgressSpinnerModule, + MatSortModule, + MatTableModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class TableExamplesModule { +} diff --git a/src/material-examples/table-basic-flex/table-basic-flex-example.css b/src/material-examples/material/table/table-basic-flex/table-basic-flex-example.css similarity index 100% rename from src/material-examples/table-basic-flex/table-basic-flex-example.css rename to src/material-examples/material/table/table-basic-flex/table-basic-flex-example.css diff --git a/src/material-examples/table-basic-flex/table-basic-flex-example.html b/src/material-examples/material/table/table-basic-flex/table-basic-flex-example.html similarity index 100% rename from src/material-examples/table-basic-flex/table-basic-flex-example.html rename to src/material-examples/material/table/table-basic-flex/table-basic-flex-example.html diff --git a/src/material-examples/table-basic-flex/table-basic-flex-example.ts b/src/material-examples/material/table/table-basic-flex/table-basic-flex-example.ts similarity index 100% rename from src/material-examples/table-basic-flex/table-basic-flex-example.ts rename to src/material-examples/material/table/table-basic-flex/table-basic-flex-example.ts diff --git a/src/material-examples/table-basic/table-basic-example.css b/src/material-examples/material/table/table-basic/table-basic-example.css similarity index 100% rename from src/material-examples/table-basic/table-basic-example.css rename to src/material-examples/material/table/table-basic/table-basic-example.css diff --git a/src/material-examples/table-basic/table-basic-example.html b/src/material-examples/material/table/table-basic/table-basic-example.html similarity index 100% rename from src/material-examples/table-basic/table-basic-example.html rename to src/material-examples/material/table/table-basic/table-basic-example.html diff --git a/src/material-examples/table-basic/table-basic-example.ts b/src/material-examples/material/table/table-basic/table-basic-example.ts similarity index 100% rename from src/material-examples/table-basic/table-basic-example.ts rename to src/material-examples/material/table/table-basic/table-basic-example.ts diff --git a/src/material-examples/table-dynamic-columns/table-dynamic-columns-example.css b/src/material-examples/material/table/table-dynamic-columns/table-dynamic-columns-example.css similarity index 100% rename from src/material-examples/table-dynamic-columns/table-dynamic-columns-example.css rename to src/material-examples/material/table/table-dynamic-columns/table-dynamic-columns-example.css diff --git a/src/material-examples/table-dynamic-columns/table-dynamic-columns-example.html b/src/material-examples/material/table/table-dynamic-columns/table-dynamic-columns-example.html similarity index 100% rename from src/material-examples/table-dynamic-columns/table-dynamic-columns-example.html rename to src/material-examples/material/table/table-dynamic-columns/table-dynamic-columns-example.html diff --git a/src/material-examples/table-dynamic-columns/table-dynamic-columns-example.ts b/src/material-examples/material/table/table-dynamic-columns/table-dynamic-columns-example.ts similarity index 100% rename from src/material-examples/table-dynamic-columns/table-dynamic-columns-example.ts rename to src/material-examples/material/table/table-dynamic-columns/table-dynamic-columns-example.ts diff --git a/src/material-examples/table-expandable-rows/table-expandable-rows-example.css b/src/material-examples/material/table/table-expandable-rows/table-expandable-rows-example.css similarity index 100% rename from src/material-examples/table-expandable-rows/table-expandable-rows-example.css rename to src/material-examples/material/table/table-expandable-rows/table-expandable-rows-example.css diff --git a/src/material-examples/table-expandable-rows/table-expandable-rows-example.html b/src/material-examples/material/table/table-expandable-rows/table-expandable-rows-example.html similarity index 100% rename from src/material-examples/table-expandable-rows/table-expandable-rows-example.html rename to src/material-examples/material/table/table-expandable-rows/table-expandable-rows-example.html diff --git a/src/material-examples/table-expandable-rows/table-expandable-rows-example.ts b/src/material-examples/material/table/table-expandable-rows/table-expandable-rows-example.ts similarity index 100% rename from src/material-examples/table-expandable-rows/table-expandable-rows-example.ts rename to src/material-examples/material/table/table-expandable-rows/table-expandable-rows-example.ts diff --git a/src/material-examples/table-filtering/table-filtering-example.css b/src/material-examples/material/table/table-filtering/table-filtering-example.css similarity index 100% rename from src/material-examples/table-filtering/table-filtering-example.css rename to src/material-examples/material/table/table-filtering/table-filtering-example.css diff --git a/src/material-examples/table-filtering/table-filtering-example.html b/src/material-examples/material/table/table-filtering/table-filtering-example.html similarity index 100% rename from src/material-examples/table-filtering/table-filtering-example.html rename to src/material-examples/material/table/table-filtering/table-filtering-example.html diff --git a/src/material-examples/table-filtering/table-filtering-example.ts b/src/material-examples/material/table/table-filtering/table-filtering-example.ts similarity index 100% rename from src/material-examples/table-filtering/table-filtering-example.ts rename to src/material-examples/material/table/table-filtering/table-filtering-example.ts diff --git a/src/material-examples/table-footer-row/table-footer-row-example.css b/src/material-examples/material/table/table-footer-row/table-footer-row-example.css similarity index 100% rename from src/material-examples/table-footer-row/table-footer-row-example.css rename to src/material-examples/material/table/table-footer-row/table-footer-row-example.css diff --git a/src/material-examples/table-footer-row/table-footer-row-example.html b/src/material-examples/material/table/table-footer-row/table-footer-row-example.html similarity index 100% rename from src/material-examples/table-footer-row/table-footer-row-example.html rename to src/material-examples/material/table/table-footer-row/table-footer-row-example.html diff --git a/src/material-examples/table-footer-row/table-footer-row-example.ts b/src/material-examples/material/table/table-footer-row/table-footer-row-example.ts similarity index 100% rename from src/material-examples/table-footer-row/table-footer-row-example.ts rename to src/material-examples/material/table/table-footer-row/table-footer-row-example.ts diff --git a/src/material-examples/table-http/table-http-example.css b/src/material-examples/material/table/table-http/table-http-example.css similarity index 100% rename from src/material-examples/table-http/table-http-example.css rename to src/material-examples/material/table/table-http/table-http-example.css diff --git a/src/material-examples/table-http/table-http-example.html b/src/material-examples/material/table/table-http/table-http-example.html similarity index 100% rename from src/material-examples/table-http/table-http-example.html rename to src/material-examples/material/table/table-http/table-http-example.html diff --git a/src/material-examples/table-http/table-http-example.ts b/src/material-examples/material/table/table-http/table-http-example.ts similarity index 100% rename from src/material-examples/table-http/table-http-example.ts rename to src/material-examples/material/table/table-http/table-http-example.ts diff --git a/src/material-examples/table-multiple-header-footer/table-multiple-header-footer-example.css b/src/material-examples/material/table/table-multiple-header-footer/table-multiple-header-footer-example.css similarity index 100% rename from src/material-examples/table-multiple-header-footer/table-multiple-header-footer-example.css rename to src/material-examples/material/table/table-multiple-header-footer/table-multiple-header-footer-example.css diff --git a/src/material-examples/table-multiple-header-footer/table-multiple-header-footer-example.html b/src/material-examples/material/table/table-multiple-header-footer/table-multiple-header-footer-example.html similarity index 100% rename from src/material-examples/table-multiple-header-footer/table-multiple-header-footer-example.html rename to src/material-examples/material/table/table-multiple-header-footer/table-multiple-header-footer-example.html diff --git a/src/material-examples/table-multiple-header-footer/table-multiple-header-footer-example.ts b/src/material-examples/material/table/table-multiple-header-footer/table-multiple-header-footer-example.ts similarity index 100% rename from src/material-examples/table-multiple-header-footer/table-multiple-header-footer-example.ts rename to src/material-examples/material/table/table-multiple-header-footer/table-multiple-header-footer-example.ts diff --git a/src/material-examples/table-overview/table-overview-example.css b/src/material-examples/material/table/table-overview/table-overview-example.css similarity index 100% rename from src/material-examples/table-overview/table-overview-example.css rename to src/material-examples/material/table/table-overview/table-overview-example.css diff --git a/src/material-examples/table-overview/table-overview-example.html b/src/material-examples/material/table/table-overview/table-overview-example.html similarity index 100% rename from src/material-examples/table-overview/table-overview-example.html rename to src/material-examples/material/table/table-overview/table-overview-example.html diff --git a/src/material-examples/table-overview/table-overview-example.ts b/src/material-examples/material/table/table-overview/table-overview-example.ts similarity index 100% rename from src/material-examples/table-overview/table-overview-example.ts rename to src/material-examples/material/table/table-overview/table-overview-example.ts diff --git a/src/material-examples/table-pagination/table-pagination-example.css b/src/material-examples/material/table/table-pagination/table-pagination-example.css similarity index 100% rename from src/material-examples/table-pagination/table-pagination-example.css rename to src/material-examples/material/table/table-pagination/table-pagination-example.css diff --git a/src/material-examples/table-pagination/table-pagination-example.html b/src/material-examples/material/table/table-pagination/table-pagination-example.html similarity index 100% rename from src/material-examples/table-pagination/table-pagination-example.html rename to src/material-examples/material/table/table-pagination/table-pagination-example.html diff --git a/src/material-examples/table-pagination/table-pagination-example.ts b/src/material-examples/material/table/table-pagination/table-pagination-example.ts similarity index 100% rename from src/material-examples/table-pagination/table-pagination-example.ts rename to src/material-examples/material/table/table-pagination/table-pagination-example.ts diff --git a/src/material-examples/table-row-context/table-row-context-example.css b/src/material-examples/material/table/table-row-context/table-row-context-example.css similarity index 100% rename from src/material-examples/table-row-context/table-row-context-example.css rename to src/material-examples/material/table/table-row-context/table-row-context-example.css diff --git a/src/material-examples/table-row-context/table-row-context-example.html b/src/material-examples/material/table/table-row-context/table-row-context-example.html similarity index 100% rename from src/material-examples/table-row-context/table-row-context-example.html rename to src/material-examples/material/table/table-row-context/table-row-context-example.html diff --git a/src/material-examples/table-row-context/table-row-context-example.ts b/src/material-examples/material/table/table-row-context/table-row-context-example.ts similarity index 100% rename from src/material-examples/table-row-context/table-row-context-example.ts rename to src/material-examples/material/table/table-row-context/table-row-context-example.ts diff --git a/src/material-examples/table-selection/table-selection-example.css b/src/material-examples/material/table/table-selection/table-selection-example.css similarity index 100% rename from src/material-examples/table-selection/table-selection-example.css rename to src/material-examples/material/table/table-selection/table-selection-example.css diff --git a/src/material-examples/table-selection/table-selection-example.html b/src/material-examples/material/table/table-selection/table-selection-example.html similarity index 100% rename from src/material-examples/table-selection/table-selection-example.html rename to src/material-examples/material/table/table-selection/table-selection-example.html diff --git a/src/material-examples/table-selection/table-selection-example.ts b/src/material-examples/material/table/table-selection/table-selection-example.ts similarity index 100% rename from src/material-examples/table-selection/table-selection-example.ts rename to src/material-examples/material/table/table-selection/table-selection-example.ts diff --git a/src/material-examples/table-sorting/table-sorting-example.css b/src/material-examples/material/table/table-sorting/table-sorting-example.css similarity index 100% rename from src/material-examples/table-sorting/table-sorting-example.css rename to src/material-examples/material/table/table-sorting/table-sorting-example.css diff --git a/src/material-examples/table-sorting/table-sorting-example.html b/src/material-examples/material/table/table-sorting/table-sorting-example.html similarity index 100% rename from src/material-examples/table-sorting/table-sorting-example.html rename to src/material-examples/material/table/table-sorting/table-sorting-example.html diff --git a/src/material-examples/table-sorting/table-sorting-example.ts b/src/material-examples/material/table/table-sorting/table-sorting-example.ts similarity index 100% rename from src/material-examples/table-sorting/table-sorting-example.ts rename to src/material-examples/material/table/table-sorting/table-sorting-example.ts diff --git a/src/material-examples/table-sticky-columns/table-sticky-columns-example.css b/src/material-examples/material/table/table-sticky-columns/table-sticky-columns-example.css similarity index 100% rename from src/material-examples/table-sticky-columns/table-sticky-columns-example.css rename to src/material-examples/material/table/table-sticky-columns/table-sticky-columns-example.css diff --git a/src/material-examples/table-sticky-columns/table-sticky-columns-example.html b/src/material-examples/material/table/table-sticky-columns/table-sticky-columns-example.html similarity index 100% rename from src/material-examples/table-sticky-columns/table-sticky-columns-example.html rename to src/material-examples/material/table/table-sticky-columns/table-sticky-columns-example.html diff --git a/src/material-examples/table-sticky-columns/table-sticky-columns-example.ts b/src/material-examples/material/table/table-sticky-columns/table-sticky-columns-example.ts similarity index 100% rename from src/material-examples/table-sticky-columns/table-sticky-columns-example.ts rename to src/material-examples/material/table/table-sticky-columns/table-sticky-columns-example.ts diff --git a/src/material-examples/table-sticky-complex-flex/table-sticky-complex-flex-example.css b/src/material-examples/material/table/table-sticky-complex-flex/table-sticky-complex-flex-example.css similarity index 100% rename from src/material-examples/table-sticky-complex-flex/table-sticky-complex-flex-example.css rename to src/material-examples/material/table/table-sticky-complex-flex/table-sticky-complex-flex-example.css diff --git a/src/material-examples/table-sticky-complex-flex/table-sticky-complex-flex-example.html b/src/material-examples/material/table/table-sticky-complex-flex/table-sticky-complex-flex-example.html similarity index 100% rename from src/material-examples/table-sticky-complex-flex/table-sticky-complex-flex-example.html rename to src/material-examples/material/table/table-sticky-complex-flex/table-sticky-complex-flex-example.html diff --git a/src/material-examples/table-sticky-complex-flex/table-sticky-complex-flex-example.ts b/src/material-examples/material/table/table-sticky-complex-flex/table-sticky-complex-flex-example.ts similarity index 100% rename from src/material-examples/table-sticky-complex-flex/table-sticky-complex-flex-example.ts rename to src/material-examples/material/table/table-sticky-complex-flex/table-sticky-complex-flex-example.ts diff --git a/src/material-examples/table-sticky-complex/table-sticky-complex-example.css b/src/material-examples/material/table/table-sticky-complex/table-sticky-complex-example.css similarity index 100% rename from src/material-examples/table-sticky-complex/table-sticky-complex-example.css rename to src/material-examples/material/table/table-sticky-complex/table-sticky-complex-example.css diff --git a/src/material-examples/table-sticky-complex/table-sticky-complex-example.html b/src/material-examples/material/table/table-sticky-complex/table-sticky-complex-example.html similarity index 100% rename from src/material-examples/table-sticky-complex/table-sticky-complex-example.html rename to src/material-examples/material/table/table-sticky-complex/table-sticky-complex-example.html diff --git a/src/material-examples/table-sticky-complex/table-sticky-complex-example.ts b/src/material-examples/material/table/table-sticky-complex/table-sticky-complex-example.ts similarity index 100% rename from src/material-examples/table-sticky-complex/table-sticky-complex-example.ts rename to src/material-examples/material/table/table-sticky-complex/table-sticky-complex-example.ts diff --git a/src/material-examples/table-sticky-footer/table-sticky-footer-example.css b/src/material-examples/material/table/table-sticky-footer/table-sticky-footer-example.css similarity index 100% rename from src/material-examples/table-sticky-footer/table-sticky-footer-example.css rename to src/material-examples/material/table/table-sticky-footer/table-sticky-footer-example.css diff --git a/src/material-examples/table-sticky-footer/table-sticky-footer-example.html b/src/material-examples/material/table/table-sticky-footer/table-sticky-footer-example.html similarity index 100% rename from src/material-examples/table-sticky-footer/table-sticky-footer-example.html rename to src/material-examples/material/table/table-sticky-footer/table-sticky-footer-example.html diff --git a/src/material-examples/table-sticky-footer/table-sticky-footer-example.ts b/src/material-examples/material/table/table-sticky-footer/table-sticky-footer-example.ts similarity index 100% rename from src/material-examples/table-sticky-footer/table-sticky-footer-example.ts rename to src/material-examples/material/table/table-sticky-footer/table-sticky-footer-example.ts diff --git a/src/material-examples/table-sticky-header/table-sticky-header-example.css b/src/material-examples/material/table/table-sticky-header/table-sticky-header-example.css similarity index 100% rename from src/material-examples/table-sticky-header/table-sticky-header-example.css rename to src/material-examples/material/table/table-sticky-header/table-sticky-header-example.css diff --git a/src/material-examples/table-sticky-header/table-sticky-header-example.html b/src/material-examples/material/table/table-sticky-header/table-sticky-header-example.html similarity index 100% rename from src/material-examples/table-sticky-header/table-sticky-header-example.html rename to src/material-examples/material/table/table-sticky-header/table-sticky-header-example.html diff --git a/src/material-examples/table-sticky-header/table-sticky-header-example.ts b/src/material-examples/material/table/table-sticky-header/table-sticky-header-example.ts similarity index 100% rename from src/material-examples/table-sticky-header/table-sticky-header-example.ts rename to src/material-examples/material/table/table-sticky-header/table-sticky-header-example.ts diff --git a/src/material-examples/table-text-column-advanced/table-text-column-advanced-example.css b/src/material-examples/material/table/table-text-column-advanced/table-text-column-advanced-example.css similarity index 100% rename from src/material-examples/table-text-column-advanced/table-text-column-advanced-example.css rename to src/material-examples/material/table/table-text-column-advanced/table-text-column-advanced-example.css diff --git a/src/material-examples/table-text-column-advanced/table-text-column-advanced-example.html b/src/material-examples/material/table/table-text-column-advanced/table-text-column-advanced-example.html similarity index 100% rename from src/material-examples/table-text-column-advanced/table-text-column-advanced-example.html rename to src/material-examples/material/table/table-text-column-advanced/table-text-column-advanced-example.html diff --git a/src/material-examples/table-text-column-advanced/table-text-column-advanced-example.ts b/src/material-examples/material/table/table-text-column-advanced/table-text-column-advanced-example.ts similarity index 100% rename from src/material-examples/table-text-column-advanced/table-text-column-advanced-example.ts rename to src/material-examples/material/table/table-text-column-advanced/table-text-column-advanced-example.ts diff --git a/src/material-examples/table-text-column/table-text-column-example.css b/src/material-examples/material/table/table-text-column/table-text-column-example.css similarity index 100% rename from src/material-examples/table-text-column/table-text-column-example.css rename to src/material-examples/material/table/table-text-column/table-text-column-example.css diff --git a/src/material-examples/table-text-column/table-text-column-example.html b/src/material-examples/material/table/table-text-column/table-text-column-example.html similarity index 100% rename from src/material-examples/table-text-column/table-text-column-example.html rename to src/material-examples/material/table/table-text-column/table-text-column-example.html diff --git a/src/material-examples/table-text-column/table-text-column-example.ts b/src/material-examples/material/table/table-text-column/table-text-column-example.ts similarity index 100% rename from src/material-examples/table-text-column/table-text-column-example.ts rename to src/material-examples/material/table/table-text-column/table-text-column-example.ts diff --git a/src/material-examples/table-wrapped/table-wrapped-example.css b/src/material-examples/material/table/table-wrapped/table-wrapped-example.css similarity index 100% rename from src/material-examples/table-wrapped/table-wrapped-example.css rename to src/material-examples/material/table/table-wrapped/table-wrapped-example.css diff --git a/src/material-examples/table-wrapped/table-wrapped-example.html b/src/material-examples/material/table/table-wrapped/table-wrapped-example.html similarity index 100% rename from src/material-examples/table-wrapped/table-wrapped-example.html rename to src/material-examples/material/table/table-wrapped/table-wrapped-example.html diff --git a/src/material-examples/table-wrapped/table-wrapped-example.ts b/src/material-examples/material/table/table-wrapped/table-wrapped-example.ts similarity index 100% rename from src/material-examples/table-wrapped/table-wrapped-example.ts rename to src/material-examples/material/table/table-wrapped/table-wrapped-example.ts diff --git a/src/material-examples/table-wrapped/wrapper-table.html b/src/material-examples/material/table/table-wrapped/wrapper-table.html similarity index 100% rename from src/material-examples/table-wrapped/wrapper-table.html rename to src/material-examples/material/table/table-wrapped/wrapper-table.html diff --git a/src/material-examples/material/tabs/BUILD.bazel b/src/material-examples/material/tabs/BUILD.bazel new file mode 100644 index 000000000000..33e40db31172 --- /dev/null +++ b/src/material-examples/material/tabs/BUILD.bazel @@ -0,0 +1,30 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "tabs", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/button-toggle", + "//src/material/checkbox", + "//src/material/icon", + "//src/material/input", + "//src/material/tabs", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/tabs/module.ts b/src/material-examples/material/tabs/module.ts new file mode 100644 index 000000000000..95a279753f99 --- /dev/null +++ b/src/material-examples/material/tabs/module.ts @@ -0,0 +1,55 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {ReactiveFormsModule} from '@angular/forms'; +import {MatButtonModule} from '@angular/material/button'; +import {MatButtonToggleModule} from '@angular/material/button-toggle'; +import {MatCheckboxModule} from '@angular/material/checkbox'; +import {MatIconModule} from '@angular/material/icon'; +import {MatInputModule} from '@angular/material/input'; +import {MatTabsModule} from '@angular/material/tabs'; +import {TabGroupAlignExample} from './tab-group-align/tab-group-align-example'; +import {TabGroupAnimationsExample} from './tab-group-animations/tab-group-animations-example'; +import {TabGroupAsyncExample} from './tab-group-async/tab-group-async-example'; +import {TabGroupBasicExample} from './tab-group-basic/tab-group-basic-example'; +import {TabGroupCustomLabelExample} from './tab-group-custom-label/tab-group-custom-label-example'; +import { + TabGroupDynamicHeightExample +} from './tab-group-dynamic-height/tab-group-dynamic-height-example'; +import {TabGroupDynamicExample} from './tab-group-dynamic/tab-group-dynamic-example'; +import {TabGroupHeaderBelowExample} from './tab-group-header-below/tab-group-header-below-example'; +import {TabGroupLazyLoadedExample} from './tab-group-lazy-loaded/tab-group-lazy-loaded-example'; +import {TabGroupStretchedExample} from './tab-group-stretched/tab-group-stretched-example'; +import {TabGroupThemeExample} from './tab-group-theme/tab-group-theme-example'; +import {TabNavBarBasicExample} from './tab-nav-bar-basic/tab-nav-bar-basic-example'; + +const EXAMPLES = [ + TabGroupAlignExample, + TabGroupAnimationsExample, + TabGroupAsyncExample, + TabGroupBasicExample, + TabGroupCustomLabelExample, + TabGroupDynamicExample, + TabGroupDynamicHeightExample, + TabGroupHeaderBelowExample, + TabGroupLazyLoadedExample, + TabGroupStretchedExample, + TabGroupThemeExample, + TabNavBarBasicExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatButtonModule, + MatButtonToggleModule, + MatCheckboxModule, + MatIconModule, + MatInputModule, + MatTabsModule, + ReactiveFormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class TabGroupExamplesModule { +} diff --git a/src/material-examples/tab-group-align/tab-group-align-example.css b/src/material-examples/material/tabs/tab-group-align/tab-group-align-example.css similarity index 100% rename from src/material-examples/tab-group-align/tab-group-align-example.css rename to src/material-examples/material/tabs/tab-group-align/tab-group-align-example.css diff --git a/src/material-examples/tab-group-align/tab-group-align-example.html b/src/material-examples/material/tabs/tab-group-align/tab-group-align-example.html similarity index 100% rename from src/material-examples/tab-group-align/tab-group-align-example.html rename to src/material-examples/material/tabs/tab-group-align/tab-group-align-example.html diff --git a/src/material-examples/tab-group-align/tab-group-align-example.ts b/src/material-examples/material/tabs/tab-group-align/tab-group-align-example.ts similarity index 100% rename from src/material-examples/tab-group-align/tab-group-align-example.ts rename to src/material-examples/material/tabs/tab-group-align/tab-group-align-example.ts diff --git a/src/material-examples/tab-group-animations/tab-group-animations-example.css b/src/material-examples/material/tabs/tab-group-animations/tab-group-animations-example.css similarity index 100% rename from src/material-examples/tab-group-animations/tab-group-animations-example.css rename to src/material-examples/material/tabs/tab-group-animations/tab-group-animations-example.css diff --git a/src/material-examples/tab-group-animations/tab-group-animations-example.html b/src/material-examples/material/tabs/tab-group-animations/tab-group-animations-example.html similarity index 100% rename from src/material-examples/tab-group-animations/tab-group-animations-example.html rename to src/material-examples/material/tabs/tab-group-animations/tab-group-animations-example.html diff --git a/src/material-examples/tab-group-animations/tab-group-animations-example.ts b/src/material-examples/material/tabs/tab-group-animations/tab-group-animations-example.ts similarity index 100% rename from src/material-examples/tab-group-animations/tab-group-animations-example.ts rename to src/material-examples/material/tabs/tab-group-animations/tab-group-animations-example.ts diff --git a/src/material-examples/tab-group-async/tab-group-async-example.css b/src/material-examples/material/tabs/tab-group-async/tab-group-async-example.css similarity index 100% rename from src/material-examples/tab-group-async/tab-group-async-example.css rename to src/material-examples/material/tabs/tab-group-async/tab-group-async-example.css diff --git a/src/material-examples/tab-group-async/tab-group-async-example.html b/src/material-examples/material/tabs/tab-group-async/tab-group-async-example.html similarity index 100% rename from src/material-examples/tab-group-async/tab-group-async-example.html rename to src/material-examples/material/tabs/tab-group-async/tab-group-async-example.html diff --git a/src/material-examples/tab-group-async/tab-group-async-example.ts b/src/material-examples/material/tabs/tab-group-async/tab-group-async-example.ts similarity index 100% rename from src/material-examples/tab-group-async/tab-group-async-example.ts rename to src/material-examples/material/tabs/tab-group-async/tab-group-async-example.ts diff --git a/src/material-examples/tab-group-basic/tab-group-basic-example.css b/src/material-examples/material/tabs/tab-group-basic/tab-group-basic-example.css similarity index 100% rename from src/material-examples/tab-group-basic/tab-group-basic-example.css rename to src/material-examples/material/tabs/tab-group-basic/tab-group-basic-example.css diff --git a/src/material-examples/tab-group-basic/tab-group-basic-example.html b/src/material-examples/material/tabs/tab-group-basic/tab-group-basic-example.html similarity index 100% rename from src/material-examples/tab-group-basic/tab-group-basic-example.html rename to src/material-examples/material/tabs/tab-group-basic/tab-group-basic-example.html diff --git a/src/material-examples/tab-group-basic/tab-group-basic-example.ts b/src/material-examples/material/tabs/tab-group-basic/tab-group-basic-example.ts similarity index 100% rename from src/material-examples/tab-group-basic/tab-group-basic-example.ts rename to src/material-examples/material/tabs/tab-group-basic/tab-group-basic-example.ts diff --git a/src/material-examples/tab-group-custom-label/tab-group-custom-label-example.css b/src/material-examples/material/tabs/tab-group-custom-label/tab-group-custom-label-example.css similarity index 100% rename from src/material-examples/tab-group-custom-label/tab-group-custom-label-example.css rename to src/material-examples/material/tabs/tab-group-custom-label/tab-group-custom-label-example.css diff --git a/src/material-examples/tab-group-custom-label/tab-group-custom-label-example.html b/src/material-examples/material/tabs/tab-group-custom-label/tab-group-custom-label-example.html similarity index 100% rename from src/material-examples/tab-group-custom-label/tab-group-custom-label-example.html rename to src/material-examples/material/tabs/tab-group-custom-label/tab-group-custom-label-example.html diff --git a/src/material-examples/tab-group-custom-label/tab-group-custom-label-example.ts b/src/material-examples/material/tabs/tab-group-custom-label/tab-group-custom-label-example.ts similarity index 100% rename from src/material-examples/tab-group-custom-label/tab-group-custom-label-example.ts rename to src/material-examples/material/tabs/tab-group-custom-label/tab-group-custom-label-example.ts diff --git a/src/material-examples/tab-group-dynamic-height/tab-group-dynamic-height-example.css b/src/material-examples/material/tabs/tab-group-dynamic-height/tab-group-dynamic-height-example.css similarity index 100% rename from src/material-examples/tab-group-dynamic-height/tab-group-dynamic-height-example.css rename to src/material-examples/material/tabs/tab-group-dynamic-height/tab-group-dynamic-height-example.css diff --git a/src/material-examples/tab-group-dynamic-height/tab-group-dynamic-height-example.html b/src/material-examples/material/tabs/tab-group-dynamic-height/tab-group-dynamic-height-example.html similarity index 100% rename from src/material-examples/tab-group-dynamic-height/tab-group-dynamic-height-example.html rename to src/material-examples/material/tabs/tab-group-dynamic-height/tab-group-dynamic-height-example.html diff --git a/src/material-examples/tab-group-dynamic-height/tab-group-dynamic-height-example.ts b/src/material-examples/material/tabs/tab-group-dynamic-height/tab-group-dynamic-height-example.ts similarity index 100% rename from src/material-examples/tab-group-dynamic-height/tab-group-dynamic-height-example.ts rename to src/material-examples/material/tabs/tab-group-dynamic-height/tab-group-dynamic-height-example.ts diff --git a/src/material-examples/tab-group-dynamic/tab-group-dynamic-example.css b/src/material-examples/material/tabs/tab-group-dynamic/tab-group-dynamic-example.css similarity index 100% rename from src/material-examples/tab-group-dynamic/tab-group-dynamic-example.css rename to src/material-examples/material/tabs/tab-group-dynamic/tab-group-dynamic-example.css diff --git a/src/material-examples/tab-group-dynamic/tab-group-dynamic-example.html b/src/material-examples/material/tabs/tab-group-dynamic/tab-group-dynamic-example.html similarity index 100% rename from src/material-examples/tab-group-dynamic/tab-group-dynamic-example.html rename to src/material-examples/material/tabs/tab-group-dynamic/tab-group-dynamic-example.html diff --git a/src/material-examples/tab-group-dynamic/tab-group-dynamic-example.ts b/src/material-examples/material/tabs/tab-group-dynamic/tab-group-dynamic-example.ts similarity index 100% rename from src/material-examples/tab-group-dynamic/tab-group-dynamic-example.ts rename to src/material-examples/material/tabs/tab-group-dynamic/tab-group-dynamic-example.ts diff --git a/src/material-examples/tab-group-header-below/tab-group-header-below-example.css b/src/material-examples/material/tabs/tab-group-header-below/tab-group-header-below-example.css similarity index 100% rename from src/material-examples/tab-group-header-below/tab-group-header-below-example.css rename to src/material-examples/material/tabs/tab-group-header-below/tab-group-header-below-example.css diff --git a/src/material-examples/tab-group-header-below/tab-group-header-below-example.html b/src/material-examples/material/tabs/tab-group-header-below/tab-group-header-below-example.html similarity index 100% rename from src/material-examples/tab-group-header-below/tab-group-header-below-example.html rename to src/material-examples/material/tabs/tab-group-header-below/tab-group-header-below-example.html diff --git a/src/material-examples/tab-group-header-below/tab-group-header-below-example.ts b/src/material-examples/material/tabs/tab-group-header-below/tab-group-header-below-example.ts similarity index 100% rename from src/material-examples/tab-group-header-below/tab-group-header-below-example.ts rename to src/material-examples/material/tabs/tab-group-header-below/tab-group-header-below-example.ts diff --git a/src/material-examples/tab-group-lazy-loaded/tab-group-lazy-loaded-example.css b/src/material-examples/material/tabs/tab-group-lazy-loaded/tab-group-lazy-loaded-example.css similarity index 100% rename from src/material-examples/tab-group-lazy-loaded/tab-group-lazy-loaded-example.css rename to src/material-examples/material/tabs/tab-group-lazy-loaded/tab-group-lazy-loaded-example.css diff --git a/src/material-examples/tab-group-lazy-loaded/tab-group-lazy-loaded-example.html b/src/material-examples/material/tabs/tab-group-lazy-loaded/tab-group-lazy-loaded-example.html similarity index 100% rename from src/material-examples/tab-group-lazy-loaded/tab-group-lazy-loaded-example.html rename to src/material-examples/material/tabs/tab-group-lazy-loaded/tab-group-lazy-loaded-example.html diff --git a/src/material-examples/tab-group-lazy-loaded/tab-group-lazy-loaded-example.ts b/src/material-examples/material/tabs/tab-group-lazy-loaded/tab-group-lazy-loaded-example.ts similarity index 100% rename from src/material-examples/tab-group-lazy-loaded/tab-group-lazy-loaded-example.ts rename to src/material-examples/material/tabs/tab-group-lazy-loaded/tab-group-lazy-loaded-example.ts diff --git a/src/material-examples/tab-group-stretched/tab-group-stretched-example.css b/src/material-examples/material/tabs/tab-group-stretched/tab-group-stretched-example.css similarity index 100% rename from src/material-examples/tab-group-stretched/tab-group-stretched-example.css rename to src/material-examples/material/tabs/tab-group-stretched/tab-group-stretched-example.css diff --git a/src/material-examples/tab-group-stretched/tab-group-stretched-example.html b/src/material-examples/material/tabs/tab-group-stretched/tab-group-stretched-example.html similarity index 100% rename from src/material-examples/tab-group-stretched/tab-group-stretched-example.html rename to src/material-examples/material/tabs/tab-group-stretched/tab-group-stretched-example.html diff --git a/src/material-examples/tab-group-stretched/tab-group-stretched-example.ts b/src/material-examples/material/tabs/tab-group-stretched/tab-group-stretched-example.ts similarity index 100% rename from src/material-examples/tab-group-stretched/tab-group-stretched-example.ts rename to src/material-examples/material/tabs/tab-group-stretched/tab-group-stretched-example.ts diff --git a/src/material-examples/tab-group-theme/tab-group-theme-example.css b/src/material-examples/material/tabs/tab-group-theme/tab-group-theme-example.css similarity index 100% rename from src/material-examples/tab-group-theme/tab-group-theme-example.css rename to src/material-examples/material/tabs/tab-group-theme/tab-group-theme-example.css diff --git a/src/material-examples/tab-group-theme/tab-group-theme-example.html b/src/material-examples/material/tabs/tab-group-theme/tab-group-theme-example.html similarity index 100% rename from src/material-examples/tab-group-theme/tab-group-theme-example.html rename to src/material-examples/material/tabs/tab-group-theme/tab-group-theme-example.html diff --git a/src/material-examples/tab-group-theme/tab-group-theme-example.ts b/src/material-examples/material/tabs/tab-group-theme/tab-group-theme-example.ts similarity index 100% rename from src/material-examples/tab-group-theme/tab-group-theme-example.ts rename to src/material-examples/material/tabs/tab-group-theme/tab-group-theme-example.ts diff --git a/src/material-examples/tab-nav-bar-basic/tab-nav-bar-basic-example.css b/src/material-examples/material/tabs/tab-nav-bar-basic/tab-nav-bar-basic-example.css similarity index 100% rename from src/material-examples/tab-nav-bar-basic/tab-nav-bar-basic-example.css rename to src/material-examples/material/tabs/tab-nav-bar-basic/tab-nav-bar-basic-example.css diff --git a/src/material-examples/tab-nav-bar-basic/tab-nav-bar-basic-example.html b/src/material-examples/material/tabs/tab-nav-bar-basic/tab-nav-bar-basic-example.html similarity index 100% rename from src/material-examples/tab-nav-bar-basic/tab-nav-bar-basic-example.html rename to src/material-examples/material/tabs/tab-nav-bar-basic/tab-nav-bar-basic-example.html diff --git a/src/material-examples/tab-nav-bar-basic/tab-nav-bar-basic-example.ts b/src/material-examples/material/tabs/tab-nav-bar-basic/tab-nav-bar-basic-example.ts similarity index 100% rename from src/material-examples/tab-nav-bar-basic/tab-nav-bar-basic-example.ts rename to src/material-examples/material/tabs/tab-nav-bar-basic/tab-nav-bar-basic-example.ts diff --git a/src/material-examples/material/toolbar/BUILD.bazel b/src/material-examples/material/toolbar/BUILD.bazel new file mode 100644 index 000000000000..d28898d7264e --- /dev/null +++ b/src/material-examples/material/toolbar/BUILD.bazel @@ -0,0 +1,25 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "toolbar", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/icon", + "//src/material/toolbar", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/toolbar/module.ts b/src/material-examples/material/toolbar/module.ts new file mode 100644 index 000000000000..f70f16a71ed9 --- /dev/null +++ b/src/material-examples/material/toolbar/module.ts @@ -0,0 +1,21 @@ +import {NgModule} from '@angular/core'; +import {MatIconModule} from '@angular/material/icon'; +import {MatToolbarModule} from '@angular/material/toolbar'; +import {ToolbarMultirowExample} from './toolbar-multirow/toolbar-multirow-example'; +import {ToolbarOverviewExample} from './toolbar-overview/toolbar-overview-example'; + +const EXAMPLES = [ + ToolbarMultirowExample, + ToolbarOverviewExample, +]; + +@NgModule({ + imports: [ + MatIconModule, + MatToolbarModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class ToolbarExamplesModule { +} diff --git a/src/material-examples/toolbar-multirow/toolbar-multirow-example.css b/src/material-examples/material/toolbar/toolbar-multirow/toolbar-multirow-example.css similarity index 100% rename from src/material-examples/toolbar-multirow/toolbar-multirow-example.css rename to src/material-examples/material/toolbar/toolbar-multirow/toolbar-multirow-example.css diff --git a/src/material-examples/toolbar-multirow/toolbar-multirow-example.html b/src/material-examples/material/toolbar/toolbar-multirow/toolbar-multirow-example.html similarity index 100% rename from src/material-examples/toolbar-multirow/toolbar-multirow-example.html rename to src/material-examples/material/toolbar/toolbar-multirow/toolbar-multirow-example.html diff --git a/src/material-examples/toolbar-multirow/toolbar-multirow-example.ts b/src/material-examples/material/toolbar/toolbar-multirow/toolbar-multirow-example.ts similarity index 100% rename from src/material-examples/toolbar-multirow/toolbar-multirow-example.ts rename to src/material-examples/material/toolbar/toolbar-multirow/toolbar-multirow-example.ts diff --git a/src/material-examples/toolbar-overview/toolbar-overview-example.css b/src/material-examples/material/toolbar/toolbar-overview/toolbar-overview-example.css similarity index 100% rename from src/material-examples/toolbar-overview/toolbar-overview-example.css rename to src/material-examples/material/toolbar/toolbar-overview/toolbar-overview-example.css diff --git a/src/material-examples/toolbar-overview/toolbar-overview-example.html b/src/material-examples/material/toolbar/toolbar-overview/toolbar-overview-example.html similarity index 100% rename from src/material-examples/toolbar-overview/toolbar-overview-example.html rename to src/material-examples/material/toolbar/toolbar-overview/toolbar-overview-example.html diff --git a/src/material-examples/toolbar-overview/toolbar-overview-example.ts b/src/material-examples/material/toolbar/toolbar-overview/toolbar-overview-example.ts similarity index 100% rename from src/material-examples/toolbar-overview/toolbar-overview-example.ts rename to src/material-examples/material/toolbar/toolbar-overview/toolbar-overview-example.ts diff --git a/src/material-examples/material/tooltip/BUILD.bazel b/src/material-examples/material/tooltip/BUILD.bazel new file mode 100644 index 000000000000..0895b67edc07 --- /dev/null +++ b/src/material-examples/material/tooltip/BUILD.bazel @@ -0,0 +1,29 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "tooltip", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/checkbox", + "//src/material/input", + "//src/material/select", + "//src/material/tooltip", + "@npm//@angular/forms", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/tooltip/module.ts b/src/material-examples/material/tooltip/module.ts new file mode 100644 index 000000000000..3fcc038af446 --- /dev/null +++ b/src/material-examples/material/tooltip/module.ts @@ -0,0 +1,47 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {ReactiveFormsModule} from '@angular/forms'; +import {MatButtonModule} from '@angular/material/button'; +import {MatCheckboxModule} from '@angular/material/checkbox'; +import {MatInputModule} from '@angular/material/input'; +import {MatSelectModule} from '@angular/material/select'; +import {MatTooltipModule} from '@angular/material/tooltip'; +import {TooltipAutoHideExample} from './tooltip-auto-hide/tooltip-auto-hide-example'; +import {TooltipCustomClassExample} from './tooltip-custom-class/tooltip-custom-class-example'; +import {TooltipDelayExample} from './tooltip-delay/tooltip-delay-example'; +import {TooltipDisabledExample} from './tooltip-disabled/tooltip-disabled-example'; +import {TooltipManualExample} from './tooltip-manual/tooltip-manual-example'; +import {TooltipMessageExample} from './tooltip-message/tooltip-message-example'; +import { + TooltipModifiedDefaultsExample +} from './tooltip-modified-defaults/tooltip-modified-defaults-example'; +import {TooltipOverviewExample} from './tooltip-overview/tooltip-overview-example'; +import {TooltipPositionExample} from './tooltip-position/tooltip-position-example'; + +const EXAMPLES = [ + TooltipAutoHideExample, + TooltipCustomClassExample, + TooltipDelayExample, + TooltipDisabledExample, + TooltipManualExample, + TooltipMessageExample, + TooltipModifiedDefaultsExample, + TooltipOverviewExample, + TooltipPositionExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatButtonModule, + MatCheckboxModule, + MatInputModule, + MatSelectModule, + MatTooltipModule, + ReactiveFormsModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class TooltipExamplesModule { +} diff --git a/src/material-examples/tooltip-auto-hide/tooltip-auto-hide-example.css b/src/material-examples/material/tooltip/tooltip-auto-hide/tooltip-auto-hide-example.css similarity index 100% rename from src/material-examples/tooltip-auto-hide/tooltip-auto-hide-example.css rename to src/material-examples/material/tooltip/tooltip-auto-hide/tooltip-auto-hide-example.css diff --git a/src/material-examples/tooltip-auto-hide/tooltip-auto-hide-example.html b/src/material-examples/material/tooltip/tooltip-auto-hide/tooltip-auto-hide-example.html similarity index 100% rename from src/material-examples/tooltip-auto-hide/tooltip-auto-hide-example.html rename to src/material-examples/material/tooltip/tooltip-auto-hide/tooltip-auto-hide-example.html diff --git a/src/material-examples/tooltip-auto-hide/tooltip-auto-hide-example.ts b/src/material-examples/material/tooltip/tooltip-auto-hide/tooltip-auto-hide-example.ts similarity index 100% rename from src/material-examples/tooltip-auto-hide/tooltip-auto-hide-example.ts rename to src/material-examples/material/tooltip/tooltip-auto-hide/tooltip-auto-hide-example.ts diff --git a/src/material-examples/tooltip-custom-class/tooltip-custom-class-example.css b/src/material-examples/material/tooltip/tooltip-custom-class/tooltip-custom-class-example.css similarity index 100% rename from src/material-examples/tooltip-custom-class/tooltip-custom-class-example.css rename to src/material-examples/material/tooltip/tooltip-custom-class/tooltip-custom-class-example.css diff --git a/src/material-examples/tooltip-custom-class/tooltip-custom-class-example.html b/src/material-examples/material/tooltip/tooltip-custom-class/tooltip-custom-class-example.html similarity index 100% rename from src/material-examples/tooltip-custom-class/tooltip-custom-class-example.html rename to src/material-examples/material/tooltip/tooltip-custom-class/tooltip-custom-class-example.html diff --git a/src/material-examples/tooltip-custom-class/tooltip-custom-class-example.ts b/src/material-examples/material/tooltip/tooltip-custom-class/tooltip-custom-class-example.ts similarity index 100% rename from src/material-examples/tooltip-custom-class/tooltip-custom-class-example.ts rename to src/material-examples/material/tooltip/tooltip-custom-class/tooltip-custom-class-example.ts diff --git a/src/material-examples/tooltip-delay/tooltip-delay-example.css b/src/material-examples/material/tooltip/tooltip-delay/tooltip-delay-example.css similarity index 100% rename from src/material-examples/tooltip-delay/tooltip-delay-example.css rename to src/material-examples/material/tooltip/tooltip-delay/tooltip-delay-example.css diff --git a/src/material-examples/tooltip-delay/tooltip-delay-example.html b/src/material-examples/material/tooltip/tooltip-delay/tooltip-delay-example.html similarity index 100% rename from src/material-examples/tooltip-delay/tooltip-delay-example.html rename to src/material-examples/material/tooltip/tooltip-delay/tooltip-delay-example.html diff --git a/src/material-examples/tooltip-delay/tooltip-delay-example.ts b/src/material-examples/material/tooltip/tooltip-delay/tooltip-delay-example.ts similarity index 100% rename from src/material-examples/tooltip-delay/tooltip-delay-example.ts rename to src/material-examples/material/tooltip/tooltip-delay/tooltip-delay-example.ts diff --git a/src/material-examples/tooltip-disabled/tooltip-disabled-example.css b/src/material-examples/material/tooltip/tooltip-disabled/tooltip-disabled-example.css similarity index 100% rename from src/material-examples/tooltip-disabled/tooltip-disabled-example.css rename to src/material-examples/material/tooltip/tooltip-disabled/tooltip-disabled-example.css diff --git a/src/material-examples/tooltip-disabled/tooltip-disabled-example.html b/src/material-examples/material/tooltip/tooltip-disabled/tooltip-disabled-example.html similarity index 100% rename from src/material-examples/tooltip-disabled/tooltip-disabled-example.html rename to src/material-examples/material/tooltip/tooltip-disabled/tooltip-disabled-example.html diff --git a/src/material-examples/tooltip-disabled/tooltip-disabled-example.ts b/src/material-examples/material/tooltip/tooltip-disabled/tooltip-disabled-example.ts similarity index 100% rename from src/material-examples/tooltip-disabled/tooltip-disabled-example.ts rename to src/material-examples/material/tooltip/tooltip-disabled/tooltip-disabled-example.ts diff --git a/src/material-examples/tooltip-manual/tooltip-manual-example.css b/src/material-examples/material/tooltip/tooltip-manual/tooltip-manual-example.css similarity index 100% rename from src/material-examples/tooltip-manual/tooltip-manual-example.css rename to src/material-examples/material/tooltip/tooltip-manual/tooltip-manual-example.css diff --git a/src/material-examples/tooltip-manual/tooltip-manual-example.html b/src/material-examples/material/tooltip/tooltip-manual/tooltip-manual-example.html similarity index 100% rename from src/material-examples/tooltip-manual/tooltip-manual-example.html rename to src/material-examples/material/tooltip/tooltip-manual/tooltip-manual-example.html diff --git a/src/material-examples/tooltip-manual/tooltip-manual-example.ts b/src/material-examples/material/tooltip/tooltip-manual/tooltip-manual-example.ts similarity index 100% rename from src/material-examples/tooltip-manual/tooltip-manual-example.ts rename to src/material-examples/material/tooltip/tooltip-manual/tooltip-manual-example.ts diff --git a/src/material-examples/tooltip-message/tooltip-message-example.css b/src/material-examples/material/tooltip/tooltip-message/tooltip-message-example.css similarity index 100% rename from src/material-examples/tooltip-message/tooltip-message-example.css rename to src/material-examples/material/tooltip/tooltip-message/tooltip-message-example.css diff --git a/src/material-examples/tooltip-message/tooltip-message-example.html b/src/material-examples/material/tooltip/tooltip-message/tooltip-message-example.html similarity index 100% rename from src/material-examples/tooltip-message/tooltip-message-example.html rename to src/material-examples/material/tooltip/tooltip-message/tooltip-message-example.html diff --git a/src/material-examples/tooltip-message/tooltip-message-example.ts b/src/material-examples/material/tooltip/tooltip-message/tooltip-message-example.ts similarity index 100% rename from src/material-examples/tooltip-message/tooltip-message-example.ts rename to src/material-examples/material/tooltip/tooltip-message/tooltip-message-example.ts diff --git a/src/material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.css b/src/material-examples/material/tooltip/tooltip-modified-defaults/tooltip-modified-defaults-example.css similarity index 100% rename from src/material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.css rename to src/material-examples/material/tooltip/tooltip-modified-defaults/tooltip-modified-defaults-example.css diff --git a/src/material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.html b/src/material-examples/material/tooltip/tooltip-modified-defaults/tooltip-modified-defaults-example.html similarity index 100% rename from src/material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.html rename to src/material-examples/material/tooltip/tooltip-modified-defaults/tooltip-modified-defaults-example.html diff --git a/src/material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.ts b/src/material-examples/material/tooltip/tooltip-modified-defaults/tooltip-modified-defaults-example.ts similarity index 100% rename from src/material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.ts rename to src/material-examples/material/tooltip/tooltip-modified-defaults/tooltip-modified-defaults-example.ts diff --git a/src/material-examples/tooltip-overview/tooltip-overview-example.css b/src/material-examples/material/tooltip/tooltip-overview/tooltip-overview-example.css similarity index 100% rename from src/material-examples/tooltip-overview/tooltip-overview-example.css rename to src/material-examples/material/tooltip/tooltip-overview/tooltip-overview-example.css diff --git a/src/material-examples/tooltip-overview/tooltip-overview-example.html b/src/material-examples/material/tooltip/tooltip-overview/tooltip-overview-example.html similarity index 100% rename from src/material-examples/tooltip-overview/tooltip-overview-example.html rename to src/material-examples/material/tooltip/tooltip-overview/tooltip-overview-example.html diff --git a/src/material-examples/tooltip-overview/tooltip-overview-example.ts b/src/material-examples/material/tooltip/tooltip-overview/tooltip-overview-example.ts similarity index 100% rename from src/material-examples/tooltip-overview/tooltip-overview-example.ts rename to src/material-examples/material/tooltip/tooltip-overview/tooltip-overview-example.ts diff --git a/src/material-examples/tooltip-position/tooltip-position-example.css b/src/material-examples/material/tooltip/tooltip-position/tooltip-position-example.css similarity index 100% rename from src/material-examples/tooltip-position/tooltip-position-example.css rename to src/material-examples/material/tooltip/tooltip-position/tooltip-position-example.css diff --git a/src/material-examples/tooltip-position/tooltip-position-example.html b/src/material-examples/material/tooltip/tooltip-position/tooltip-position-example.html similarity index 100% rename from src/material-examples/tooltip-position/tooltip-position-example.html rename to src/material-examples/material/tooltip/tooltip-position/tooltip-position-example.html diff --git a/src/material-examples/tooltip-position/tooltip-position-example.ts b/src/material-examples/material/tooltip/tooltip-position/tooltip-position-example.ts similarity index 100% rename from src/material-examples/tooltip-position/tooltip-position-example.ts rename to src/material-examples/material/tooltip/tooltip-position/tooltip-position-example.ts diff --git a/src/material-examples/material/tree/BUILD.bazel b/src/material-examples/material/tree/BUILD.bazel new file mode 100644 index 000000000000..9ac565ab6649 --- /dev/null +++ b/src/material-examples/material/tree/BUILD.bazel @@ -0,0 +1,29 @@ +package(default_visibility = ["//visibility:public"]) + +load("//tools:defaults.bzl", "ng_module") + +ng_module( + name = "tree", + srcs = glob(["**/*.ts"]), + assets = glob([ + "**/*.html", + "**/*.css", + ]), + deps = [ + "//src/material/button", + "//src/material/checkbox", + "//src/material/icon", + "//src/material/input", + "//src/material/progress-bar", + "//src/material/tree", + ], +) + +filegroup( + name = "source-files", + srcs = glob([ + "*/*.html", + "*/*.css", + "*/*.ts", + ]), +) diff --git a/src/material-examples/material/tree/module.ts b/src/material-examples/material/tree/module.ts new file mode 100644 index 000000000000..212862b13ca5 --- /dev/null +++ b/src/material-examples/material/tree/module.ts @@ -0,0 +1,37 @@ +import {CommonModule} from '@angular/common'; +import {NgModule} from '@angular/core'; +import {MatButtonModule} from '@angular/material/button'; +import {MatCheckboxModule} from '@angular/material/checkbox'; +import {MatIconModule} from '@angular/material/icon'; +import {MatInputModule} from '@angular/material/input'; +import {MatProgressBarModule} from '@angular/material/progress-bar'; +import {MatTreeModule} from '@angular/material/tree'; +import {TreeChecklistExample} from './tree-checklist/tree-checklist-example'; +import {TreeDynamicExample} from './tree-dynamic/tree-dynamic-example'; +import {TreeFlatOverviewExample} from './tree-flat-overview/tree-flat-overview-example'; +import {TreeLoadmoreExample} from './tree-loadmore/tree-loadmore-example'; +import {TreeNestedOverviewExample} from './tree-nested-overview/tree-nested-overview-example'; + +const EXAMPLES = [ + TreeChecklistExample, + TreeDynamicExample, + TreeFlatOverviewExample, + TreeLoadmoreExample, + TreeNestedOverviewExample, +]; + +@NgModule({ + imports: [ + CommonModule, + MatButtonModule, + MatCheckboxModule, + MatIconModule, + MatInputModule, + MatProgressBarModule, + MatTreeModule, + ], + declarations: EXAMPLES, + exports: EXAMPLES, +}) +export class TreeExamplesModule { +} diff --git a/src/material-examples/tree-checklist/tree-checklist-example.css b/src/material-examples/material/tree/tree-checklist/tree-checklist-example.css similarity index 100% rename from src/material-examples/tree-checklist/tree-checklist-example.css rename to src/material-examples/material/tree/tree-checklist/tree-checklist-example.css diff --git a/src/material-examples/tree-checklist/tree-checklist-example.html b/src/material-examples/material/tree/tree-checklist/tree-checklist-example.html similarity index 100% rename from src/material-examples/tree-checklist/tree-checklist-example.html rename to src/material-examples/material/tree/tree-checklist/tree-checklist-example.html diff --git a/src/material-examples/tree-checklist/tree-checklist-example.ts b/src/material-examples/material/tree/tree-checklist/tree-checklist-example.ts similarity index 100% rename from src/material-examples/tree-checklist/tree-checklist-example.ts rename to src/material-examples/material/tree/tree-checklist/tree-checklist-example.ts diff --git a/src/material-examples/tree-dynamic/tree-dynamic-example.css b/src/material-examples/material/tree/tree-dynamic/tree-dynamic-example.css similarity index 100% rename from src/material-examples/tree-dynamic/tree-dynamic-example.css rename to src/material-examples/material/tree/tree-dynamic/tree-dynamic-example.css diff --git a/src/material-examples/tree-dynamic/tree-dynamic-example.html b/src/material-examples/material/tree/tree-dynamic/tree-dynamic-example.html similarity index 100% rename from src/material-examples/tree-dynamic/tree-dynamic-example.html rename to src/material-examples/material/tree/tree-dynamic/tree-dynamic-example.html diff --git a/src/material-examples/tree-dynamic/tree-dynamic-example.ts b/src/material-examples/material/tree/tree-dynamic/tree-dynamic-example.ts similarity index 100% rename from src/material-examples/tree-dynamic/tree-dynamic-example.ts rename to src/material-examples/material/tree/tree-dynamic/tree-dynamic-example.ts diff --git a/src/material-examples/tree-flat-overview/tree-flat-overview-example.css b/src/material-examples/material/tree/tree-flat-overview/tree-flat-overview-example.css similarity index 100% rename from src/material-examples/tree-flat-overview/tree-flat-overview-example.css rename to src/material-examples/material/tree/tree-flat-overview/tree-flat-overview-example.css diff --git a/src/material-examples/tree-flat-overview/tree-flat-overview-example.html b/src/material-examples/material/tree/tree-flat-overview/tree-flat-overview-example.html similarity index 100% rename from src/material-examples/tree-flat-overview/tree-flat-overview-example.html rename to src/material-examples/material/tree/tree-flat-overview/tree-flat-overview-example.html diff --git a/src/material-examples/tree-flat-overview/tree-flat-overview-example.ts b/src/material-examples/material/tree/tree-flat-overview/tree-flat-overview-example.ts similarity index 100% rename from src/material-examples/tree-flat-overview/tree-flat-overview-example.ts rename to src/material-examples/material/tree/tree-flat-overview/tree-flat-overview-example.ts diff --git a/src/material-examples/tree-loadmore/tree-loadmore-example.css b/src/material-examples/material/tree/tree-loadmore/tree-loadmore-example.css similarity index 100% rename from src/material-examples/tree-loadmore/tree-loadmore-example.css rename to src/material-examples/material/tree/tree-loadmore/tree-loadmore-example.css diff --git a/src/material-examples/tree-loadmore/tree-loadmore-example.html b/src/material-examples/material/tree/tree-loadmore/tree-loadmore-example.html similarity index 100% rename from src/material-examples/tree-loadmore/tree-loadmore-example.html rename to src/material-examples/material/tree/tree-loadmore/tree-loadmore-example.html diff --git a/src/material-examples/tree-loadmore/tree-loadmore-example.ts b/src/material-examples/material/tree/tree-loadmore/tree-loadmore-example.ts similarity index 100% rename from src/material-examples/tree-loadmore/tree-loadmore-example.ts rename to src/material-examples/material/tree/tree-loadmore/tree-loadmore-example.ts diff --git a/src/material-examples/tree-nested-overview/tree-nested-overview-example.css b/src/material-examples/material/tree/tree-nested-overview/tree-nested-overview-example.css similarity index 100% rename from src/material-examples/tree-nested-overview/tree-nested-overview-example.css rename to src/material-examples/material/tree/tree-nested-overview/tree-nested-overview-example.css diff --git a/src/material-examples/tree-nested-overview/tree-nested-overview-example.html b/src/material-examples/material/tree/tree-nested-overview/tree-nested-overview-example.html similarity index 100% rename from src/material-examples/tree-nested-overview/tree-nested-overview-example.html rename to src/material-examples/material/tree/tree-nested-overview/tree-nested-overview-example.html diff --git a/src/material-examples/tree-nested-overview/tree-nested-overview-example.ts b/src/material-examples/material/tree/tree-nested-overview/tree-nested-overview-example.ts similarity index 100% rename from src/material-examples/tree-nested-overview/tree-nested-overview-example.ts rename to src/material-examples/material/tree/tree-nested-overview/tree-nested-overview-example.ts diff --git a/src/material-examples/public-api.ts b/src/material-examples/public-api.ts index e660e526d86c..52e7fd7a2f0d 100644 --- a/src/material-examples/public-api.ts +++ b/src/material-examples/public-api.ts @@ -4,10 +4,10 @@ export * from './example-data'; // examples are being compiled, the module file will be generated. export * from './example-module'; -export * from './list-overview/list-overview-example'; -export * from './datepicker-overview/datepicker-overview-example'; -export * from './card-fancy/card-fancy-example'; -export * from './toolbar-multirow/toolbar-multirow-example'; -export * from './button-toggle-overview/button-toggle-overview-example'; -export * from './expansion-overview/expansion-overview-example'; -export * from './stepper-overview/stepper-overview-example'; +export * from './material/list/list-overview/list-overview-example'; +export * from './material/datepicker/datepicker-overview/datepicker-overview-example'; +export * from './material/card/card-fancy/card-fancy-example'; +export * from './material/toolbar/toolbar-multirow/toolbar-multirow-example'; +export * from './material/button-toggle/button-toggle-overview/button-toggle-overview-example'; +export * from './material/expansion/expansion-overview/expansion-overview-example'; +export * from './material/stepper/stepper-overview/stepper-overview-example'; diff --git a/tools/example-module/example-module.template b/tools/example-module/example-module.template index f05e5faccf4e..600243ba3bc8 100644 --- a/tools/example-module/example-module.template +++ b/tools/example-module/example-module.template @@ -12,9 +12,6 @@ ******************************************************************************/ import {NgModule} from '@angular/core'; -import {FormsModule, ReactiveFormsModule} from '@angular/forms'; -import {CommonModule} from '@angular/common'; -import {ExampleMaterialModule} from './material-module'; ${exampleImports} @@ -27,16 +24,17 @@ export interface LiveExample { export const EXAMPLE_COMPONENTS: {[key: string]: LiveExample} = ${exampleComponents}; -export const EXAMPLE_LIST = ${exampleList}; +export const EXAMPLE_MODULES = ${exampleModules}; + +export const EXAMPLE_LIST = [${exampleList}]; @NgModule({ - declarations: EXAMPLE_LIST, + imports: EXAMPLE_MODULES, + exports: EXAMPLE_MODULES, entryComponents: EXAMPLE_LIST, - imports: [ - ExampleMaterialModule, - FormsModule, - ReactiveFormsModule, - CommonModule - ] }) export class ExampleModule { } + +// Export all individual example components because ngtsc requires all +// referenced components to be available in the top-level entry-point. +export {${exampleList}} diff --git a/tools/example-module/generate-example-module.ts b/tools/example-module/generate-example-module.ts index cf2e4a11c5df..cfa6d7fee0e3 100644 --- a/tools/example-module/generate-example-module.ts +++ b/tools/example-module/generate-example-module.ts @@ -1,6 +1,7 @@ import * as fs from 'fs'; import * as path from 'path'; import {parseExampleFile} from './parse-example-file'; +import {parseExampleModuleFile} from './parse-example-module-file'; interface ExampleMetadata { component: string; @@ -12,26 +13,40 @@ interface ExampleMetadata { selectorName: string[]; } -/** Build ES module import statements for the given example metadata. */ -function buildImportsTemplate(data: ExampleMetadata): string { - const components = data.additionalComponents.concat(data.component); - const relativeSrcPath = data.sourcePath.replace(/\\/g, '/').replace('.ts', ''); +interface ExampleModule { + sourcePath: string; + name: string; +} - return `import {${components.join(',')}} from './${relativeSrcPath}';`; +interface AnalyzedExamples { + exampleMetadata: ExampleMetadata[]; + exampleModules: ExampleModule[]; +} + +/** Creates an import declaration for the given symbols from the specified file. */ +function createImportDeclaration(relativePath: string, symbols: string[]): string { + const posixRelativePath = relativePath.replace(/\\/g, '/').replace('.ts', ''); + return `import {${symbols.join(',')}} from './${posixRelativePath}';`; } /** Inlines the example module template with the specified parsed data. */ -function inlineExampleModuleTemplate(parsedData: ExampleMetadata[]): string { +function inlineExampleModuleTemplate(parsedData: AnalyzedExamples): string { + const {exampleMetadata, exampleModules} = parsedData; // TODO(devversion): re-add line-breaks for debugging once the example module has // been re-added to the repository gitignore. // Blocked on https://github.com/angular/angular/issues/30259 - const exampleImports = parsedData.map(m => buildImportsTemplate(m)).join(''); + const exampleImports = [ + ...exampleMetadata + .map(({additionalComponents, component, sourcePath}) => + createImportDeclaration(sourcePath, additionalComponents.concat(component))), + ...exampleModules.map(({name, sourcePath}) => createImportDeclaration(sourcePath, [name])), + ].join(''); const quotePlaceholder = '◬'; - const exampleList = parsedData.reduce((result, data) => { + const exampleList = exampleMetadata.reduce((result, data) => { return result.concat(data.component).concat(data.additionalComponents); }, [] as string[]); - const exampleComponents = parsedData.reduce((result, data) => { + const exampleComponents = exampleMetadata.reduce((result, data) => { result[data.id] = { title: data.title, // Since we use JSON.stringify to output the data below, the `component` will be wrapped @@ -46,9 +61,10 @@ function inlineExampleModuleTemplate(parsedData: ExampleMetadata[]): string { }, {} as any); return fs.readFileSync(require.resolve('./example-module.template'), 'utf8') - .replace('${exampleImports}', exampleImports) - .replace('${exampleComponents}', JSON.stringify(exampleComponents)) - .replace('${exampleList}', `[${exampleList.join(', ')}]`) + .replace(/\${exampleImports}/g, exampleImports) + .replace(/\${exampleComponents}/g, JSON.stringify(exampleComponents)) + .replace(/\${exampleList}/g, exampleList.join(', ')) + .replace(/\${exampleModules}/g, `[${exampleModules.map(m => m.name).join(', ')}]`) .replace(new RegExp(`"${quotePlaceholder}|${quotePlaceholder}"`, 'g'), ''); } @@ -59,11 +75,26 @@ function convertToDashCase(name: string): string { return name.split(' ').join('-'); } -/** Collects the metadata of the given source files by parsing the given TypeScript files. */ -function collectExampleMetadata(sourceFiles: string[], baseFile: string): ExampleMetadata[] { +/** + * Analyzes the examples by parsing the given TypeScript files in order to find + * individual example modules and example metadata. + */ +function analyzeExamples(sourceFiles: string[], baseFile: string): AnalyzedExamples { const exampleMetadata: ExampleMetadata[] = []; + const exampleModules: ExampleModule[] = []; for (const sourceFile of sourceFiles) { + const relativePath = path.relative(baseFile, sourceFile); + + // Collect all individual example modules. + if (path.basename(sourceFile) === 'module.ts') { + exampleModules.push(...parseExampleModuleFile(sourceFile).map(name => ({ + name, + sourcePath: relativePath, + }))); + continue; + } + // Avoid parsing non-example files. if (!path.basename(sourceFile, path.extname(sourceFile)).endsWith('-example')) { continue; @@ -110,7 +141,7 @@ function collectExampleMetadata(sourceFiles: string[], baseFile: string): Exampl } } - return exampleMetadata; + return {exampleMetadata, exampleModules}; } /** @@ -119,8 +150,8 @@ function collectExampleMetadata(sourceFiles: string[], baseFile: string): Exampl */ export function generateExampleModule(sourceFiles: string[], outputFile: string, baseDir: string = path.dirname(outputFile)) { - const results = collectExampleMetadata(sourceFiles, baseDir); - const generatedModuleFile = inlineExampleModuleTemplate(results); + const analysisData = analyzeExamples(sourceFiles, baseDir); + const generatedModuleFile = inlineExampleModuleTemplate(analysisData); fs.writeFileSync(outputFile, generatedModuleFile); } diff --git a/tools/example-module/parse-example-module-file.ts b/tools/example-module/parse-example-module-file.ts new file mode 100644 index 000000000000..7caff5af3579 --- /dev/null +++ b/tools/example-module/parse-example-module-file.ts @@ -0,0 +1,21 @@ +import * as ts from 'typescript'; +import * as fs from 'fs'; + +/** Parses an example module file by returning all module names within the given file. */ +export function parseExampleModuleFile(filePath: string) { + const fileContent = fs.readFileSync(filePath, 'utf8'); + const sourceFile = ts.createSourceFile('', fileContent, ts.ScriptTarget.Latest, false); + const moduleNames: string[] = []; + + const visitNode = (node: ts.Node) => { + if (ts.isClassDeclaration(node) && node.name) { + moduleNames.push(node.name.text); + } + + ts.forEachChild(node, n => visitNode(n)); + }; + + visitNode(sourceFile); + + return moduleNames; +}