build: fix missing metadata for example modules

Fixes the missing metadata for example modules. This happens because
we built the individual example modules without a flat module bundle. Not
building with a flat module bundle means that metadata will not be generated
in the `ng_module` bazel rule.

Author: devversion

packages.bzl

@@ -170,6 +170,18 @@ ROLLUP_GLOBALS.update({
     for p in MATERIAL_EXPERIMENTAL_PACKAGES
 })
 
+# Rollup globals the examples package. Since individual examples are
+# grouped by package and component, the primary entry-point imports
+# from entry-points which should be treated as external imports.
+ROLLUP_GLOBALS.update({
+    "@angular/material-examples/cdk/%s" % p: "ng.materialExamples.cdk.%s" % p
+    for p in CDK_PACKAGES + CDK_EXPERIMENTAL_PACKAGES
+})
+ROLLUP_GLOBALS.update({
+    "@angular/material-examples/material/%s" % p: "ng.materialExamples.material.%s" % p
+    for p in MATERIAL_PACKAGES + MATERIAL_EXPERIMENTAL_PACKAGES
+})
+
 # UMD bundles for Angular packages and subpackages we depend on for development and testing.
 ANGULAR_LIBRARY_UMDS = [
     "@npm//:node_modules/@angular/animations/bundles/animations-browser.umd.js",

src/material-examples/BUILD.bazel

@@ -107,7 +107,7 @@ ng_package(
     entry_point = ":public-api.ts",
     globals = ROLLUP_GLOBALS,
     tags = ["docs-package"],
-    deps = [":examples"],
+    deps = [":examples"] + EXAMPLE_PACKAGES,
 )
 
 genrule(

src/material-examples/cdk/a11y/BUILD.bazel

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/cdk/a11y",
     deps = [
         "//src/cdk/a11y",
         "//src/material/select",

src/material-examples/cdk/a11y/module.ts

@@ -9,6 +9,8 @@ import {
 } from './focus-monitor-focus-via/focus-monitor-focus-via-example';
 import {FocusMonitorOverviewExample} from './focus-monitor-overview/focus-monitor-overview-example';
 
+export {FocusMonitorDirectivesExample, FocusMonitorFocusViaExample, FocusMonitorOverviewExample};
+
 const EXAMPLES = [
   FocusMonitorDirectivesExample,
   FocusMonitorFocusViaExample,
@@ -25,3 +27,4 @@ const EXAMPLES = [
 })
 export class CdkA11yExamplesModule {
 }
+

src/material-examples/cdk/drag-drop/BUILD.bazel

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/cdk/drag-drop",
     deps = [
         "//src/cdk/drag-drop",
         "//src/cdk/overlay",

src/material-examples/cdk/drag-drop/module.ts

@@ -39,6 +39,25 @@ import {
 } from './cdk-drag-drop-root-element/cdk-drag-drop-root-element-example';
 import {CdkDragDropSortingExample} from './cdk-drag-drop-sorting/cdk-drag-drop-sorting-example';
 
+export {
+  CdkDragDropAxisLockExample,
+  CdkDragDropBoundaryExample,
+  CdkDragDropConnectedSortingExample,
+  CdkDragDropConnectedSortingGroupExample,
+  CdkDragDropCustomPlaceholderExample,
+  CdkDragDropCustomPreviewExample,
+  CdkDragDropDelayExample,
+  CdkDragDropDisabledExample,
+  CdkDragDropDisabledSortingExample,
+  CdkDragDropEnterPredicateExample,
+  CdkDragDropFreeDragPositionExample,
+  CdkDragDropHandleExample,
+  CdkDragDropHorizontalSortingExample,
+  CdkDragDropOverviewExample,
+  CdkDragDropRootElementExample,
+  CdkDragDropSortingExample,
+};
+
 const EXAMPLES = [
   CdkDragDropAxisLockExample,
   CdkDragDropBoundaryExample,

src/material-examples/cdk/platform/BUILD.bazel

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/cdk/platform",
     deps = [
         "//src/cdk/platform",
     ],

src/material-examples/cdk/platform/module.ts

@@ -2,6 +2,8 @@ import {PlatformModule} from '@angular/cdk/platform';
 import {NgModule} from '@angular/core';
 import {CdkPlatformOverviewExample} from './cdk-platform-overview/cdk-platform-overview-example';
 
+export {CdkPlatformOverviewExample};
+
 const EXAMPLES = [CdkPlatformOverviewExample];
 
 @NgModule({

src/material-examples/cdk/popover-edit/BUILD.bazel

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/cdk/popover-edit",
     deps = [
         "//src/cdk-experimental/popover-edit",
         "//src/cdk/collections",

src/material-examples/cdk/popover-edit/module.ts

@@ -3,22 +3,19 @@ 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 {
+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';
+
+export {
+  CdkPopoverEditCdkTableFlexExample,
+  CdkPopoverEditCdkTableExample,
+  CdkPopoverEditCellSpanVanillaTableExample,
+  CdkPopoverEditTabOutVanillaTableExample,
   CdkPopoverEditVanillaTableExample
-} from './cdk-popover-edit-vanilla-table/cdk-popover-edit-vanilla-table-example';
+};
 
 const EXAMPLES = [
   CdkPopoverEditCdkTableExample,

src/material-examples/cdk/portal/BUILD.bazel

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/cdk/portal",
     deps = [
         "//src/cdk/portal",
     ],

src/material-examples/cdk/portal/module.ts

@@ -5,6 +5,8 @@ import {
   ComponentPortalExample
 } from './cdk-portal-overview/cdk-portal-overview-example';
 
+export {CdkPortalOverviewExample, ComponentPortalExample};
+
 const EXAMPLES = [
   CdkPortalOverviewExample,
   ComponentPortalExample,

src/material-examples/cdk/scrolling/BUILD.bazel

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/cdk/scrolling",
     deps = [
         "//src/cdk/scrolling",
     ],

src/material-examples/cdk/scrolling/module.ts

@@ -23,6 +23,17 @@ import {
   CdkVirtualScrollTemplateCacheExample
 } from './cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example';
 
+export {
+  CdkVirtualScrollContextExample,
+  CdkVirtualScrollCustomStrategyExample,
+  CdkVirtualScrollDataSourceExample,
+  CdkVirtualScrollDlExample,
+  CdkVirtualScrollFixedBufferExample,
+  CdkVirtualScrollHorizontalExample,
+  CdkVirtualScrollOverviewExample,
+  CdkVirtualScrollTemplateCacheExample,
+};
+
 const EXAMPLES = [
   CdkVirtualScrollContextExample,
   CdkVirtualScrollCustomStrategyExample,

src/material-examples/cdk/stepper/BUILD.bazel

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/cdk/stepper",
     deps = [
         "//src/cdk/stepper",
     ],

src/material-examples/cdk/stepper/module.ts

@@ -6,6 +6,11 @@ import {
   CustomStepper
 } from './cdk-custom-stepper-without-form/cdk-custom-stepper-without-form-example';
 
+export {
+  CdkCustomStepperWithoutFormExample,
+  CustomStepper,
+};
+
 const EXAMPLES = [
   CdkCustomStepperWithoutFormExample,
   CustomStepper,

src/material-examples/cdk/table/BUILD.bazel

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/cdk/table",
     deps = [
         "//src/cdk/table",
     ],

src/material-examples/cdk/table/module.ts

@@ -3,6 +3,11 @@ 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';
 
+export {
+  CdkTableBasicExample,
+  CdkTableBasicFlexExample,
+};
+
 const EXAMPLES = [
   CdkTableBasicExample,
   CdkTableBasicFlexExample,

src/material-examples/cdk/text-field/BUILD.bazel

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/cdk/text-field",
     deps = [
         "//src/cdk/text-field",
         "//src/material/input",

src/material-examples/cdk/text-field/module.ts

@@ -13,6 +13,12 @@ import {
   TextFieldAutosizeTextareaExample
 } from './text-field-autosize-textarea/text-field-autosize-textarea-example';
 
+export {
+  TextFieldAutofillDirectiveExample,
+  TextFieldAutofillMonitorExample,
+  TextFieldAutosizeTextareaExample,
+};
+
 const EXAMPLES = [
   TextFieldAutofillDirectiveExample,
   TextFieldAutofillMonitorExample,

src/material-examples/cdk/tree/BUILD.bazel

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/cdk/tree",
     deps = [
         "//src/cdk/tree",
         "//src/material/icon",

src/material-examples/cdk/tree/module.ts

@@ -4,6 +4,11 @@ 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';
 
+export {
+  CdkTreeFlatExample,
+  CdkTreeNestedExample,
+};
+
 const EXAMPLES = [
   CdkTreeFlatExample,
   CdkTreeNestedExample,

src/material-examples/example-module.ts

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/material/autocomplete",
     deps = [
         "//src/material/autocomplete",
         "//src/material/form-field",

src/material-examples/material/autocomplete/BUILD.bazel

@@ -17,6 +17,16 @@ import {
 } from './autocomplete-plain-input/autocomplete-plain-input-example';
 import {AutocompleteSimpleExample} from './autocomplete-simple/autocomplete-simple-example';
 
+export {
+  AutocompleteAutoActiveFirstOptionExample,
+  AutocompleteDisplayExample,
+  AutocompleteFilterExample,
+  AutocompleteOptgroupExample,
+  AutocompleteOverviewExample,
+  AutocompletePlainInputExample,
+  AutocompleteSimpleExample,
+};
+
 const EXAMPLES = [
   AutocompleteAutoActiveFirstOptionExample,
   AutocompleteDisplayExample,

src/material-examples/material/autocomplete/module.ts

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/material/badge",
     deps = [
         "//src/material/badge",
         "//src/material/icon",

src/material-examples/material/badge/BUILD.bazel

@@ -3,6 +3,8 @@ import {MatBadgeModule} from '@angular/material/badge';
 import {MatIconModule} from '@angular/material/icon';
 import {BadgeOverviewExample} from './badge-overview/badge-overview-example';
 
+export {BadgeOverviewExample};
+
 const EXAMPLES = [
   BadgeOverviewExample,
 ];

src/material-examples/material/badge/module.ts

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/material/bottom-sheet",
     deps = [
         "//src/material/bottom-sheet",
         "//src/material/list",

src/material-examples/material/bottom-sheet/BUILD.bazel

@@ -6,6 +6,11 @@ import {
   BottomSheetOverviewExampleSheet
 } from './bottom-sheet-overview/bottom-sheet-overview-example';
 
+export {
+  BottomSheetOverviewExample,
+  BottomSheetOverviewExampleSheet,
+};
+
 const EXAMPLES = [
   BottomSheetOverviewExample,
   BottomSheetOverviewExampleSheet,

src/material-examples/material/bottom-sheet/module.ts

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/material/button-toggle",
     deps = [
         "//src/material/button-toggle",
         "//src/material/icon",

src/material-examples/material/button-toggle/BUILD.bazel

@@ -9,6 +9,12 @@ import {
 } from './button-toggle-exclusive/button-toggle-exclusive-example';
 import {ButtonToggleOverviewExample} from './button-toggle-overview/button-toggle-overview-example';
 
+export {
+  ButtonToggleAppearanceExample,
+  ButtonToggleExclusiveExample,
+  ButtonToggleOverviewExample,
+};
+
 const EXAMPLES = [
   ButtonToggleAppearanceExample,
   ButtonToggleExclusiveExample,

src/material-examples/material/button-toggle/module.ts

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/material/button",
     deps = [
         "//src/material/button",
         "//src/material/icon",

src/material-examples/material/button/BUILD.bazel

@@ -4,6 +4,11 @@ import {MatIconModule} from '@angular/material/icon';
 import {ButtonOverviewExample} from './button-overview/button-overview-example';
 import {ButtonTypesExample} from './button-types/button-types-example';
 
+export {
+  ButtonOverviewExample,
+  ButtonTypesExample,
+};
+
 const EXAMPLES = [
   ButtonOverviewExample,
   ButtonTypesExample,

src/material-examples/material/button/module.ts

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/material/card",
     deps = [
         "//src/material/button",
         "//src/material/card",

src/material-examples/material/card/BUILD.bazel

@@ -4,6 +4,11 @@ import {MatCardModule} from '@angular/material/card';
 import {CardFancyExample} from './card-fancy/card-fancy-example';
 import {CardOverviewExample} from './card-overview/card-overview-example';
 
+export {
+  CardFancyExample,
+  CardOverviewExample,
+};
+
 const EXAMPLES = [
   CardFancyExample,
   CardOverviewExample,

src/material-examples/material/card/module.ts

@@ -9,6 +9,7 @@ ng_module(
         "**/*.html",
         "**/*.css",
     ]),
+    module_name = "@angular/material-examples/material/checkbox",
     deps = [
         "//src/material/card",
         "//src/material/checkbox",