fix(angular): generate metadata for supporting aot builds

- ng-packagr/ng-packagr#195
- required to import/export from an explicit file

src/lib/alert-banner/alert-banner.module.ts

@@ -1,6 +1,6 @@
 import { NgModule, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { IconModule } from '../icon';
+import { IconModule } from '../icon/icon.module';
 import { AlertBannerComponent } from './alert-banner.component';
 
 @NgModule({

src/lib/alert-call/alert-call.module.ts

@@ -2,13 +2,13 @@ import { OverlayModule } from '@angular/cdk/overlay';
 import { PortalModule } from '@angular/cdk/portal';
 import { CommonModule } from '@angular/common';
 import { NgModule, CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders } from '@angular/core';
-import { AvatarModule } from '../avatar';
-import { ButtonModule } from '../button';
-import { IconModule } from '../icon';
-import { ListModule } from '../list';
-import { ListItemModule } from '../list-item';
-import { ListItemHeaderModule } from '../list-item-header';
-import { ListItemSectionModule } from '../list-item-section';
+import { AvatarModule } from '../avatar/avatar.module';
+import { ButtonModule } from '../button/button.module';
+import { IconModule } from '../icon/icon.module';
+import { ListModule } from '../list/list.module';
+import { ListItemModule } from '../list-item/list-item.module';
+import { ListItemHeaderModule } from '../list-item-header/list-item-header.module';
+import { ListItemSectionModule } from '../list-item-section/list-item-section.module';
 import { AlertCallComponent } from './alert-call.component';
 import { AlertCallContainerComponent } from './alert-call-container.component';
 import { AlertCallService } from './alert-call.service';

src/lib/alert-call/device-list-call.component.ts

@@ -1,5 +1,5 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { ListItemComponent } from '../list-item';
+import { ListItemComponent } from '../list-item/list-item.component';
 import find from 'lodash-es/find';
 import uniqueId from 'lodash-es/uniqueId';
 

src/lib/alert-meeting/alert-meeting.module.ts

@@ -2,10 +2,10 @@ import { OverlayModule } from '@angular/cdk/overlay';
 import { PortalModule } from '@angular/cdk/portal';
 import { CommonModule } from '@angular/common';
 import { NgModule, ModuleWithProviders } from '@angular/core';
-import { AvatarModule } from '../avatar';
-import { ButtonModule } from '../button';
-import { CompositeAvatarModule } from '../composite-avatar';
-import { IconModule } from '../icon';
+import { AvatarModule } from '../avatar/avatar.module';
+import { ButtonModule } from '../button/button.module';
+import { CompositeAvatarModule } from '../composite-avatar/composite-avatar.module';
+import { IconModule } from '../icon/icon.module';
 import { AlertMeetingComponent } from './alert-meeting.component';
 import { AlertMeetingContainerComponent } from './alert-meeting-container.component';
 import { AlertMeetingService } from './alert-meeting.service';

src/lib/alert/alert.module.ts

@@ -2,8 +2,8 @@ import { OverlayModule } from '@angular/cdk/overlay';
 import { PortalModule } from '@angular/cdk/portal';
 import { CommonModule } from '@angular/common';
 import { NgModule, ModuleWithProviders } from '@angular/core';
-import { ButtonModule } from '../button';
-import { IconModule } from '../icon';
+import { ButtonModule } from '../button/button.module';
+import { IconModule } from '../icon/icon.module';
 import { AlertComponent } from './alert.component';
 import { AlertContainerComponent } from './alert-container.component';
 import { AlertService } from './alert.service';

src/lib/avatar/avatar.module.ts

@@ -1,8 +1,8 @@
 import { NgModule, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { ButtonModule } from '../button';
-import { IconModule } from '../icon';
-import { LoadingModule } from '../loading';
+import { ButtonModule } from '../button/button.module';
+import { IconModule } from '../icon/icon.module';
+import { LoadingModule } from '../loading/loading.module';
 import { AvatarComponent } from './avatar.component';
 
 @NgModule({

src/lib/button-group/button-group.component.ts

@@ -9,7 +9,7 @@ import {
   QueryList,
   Renderer2,
 } from '@angular/core';
-import { ButtonComponent } from '../button';
+import { ButtonComponent } from '../button/button.component';
 
 export type ButtonGroupTheme = '' | 'dark';
 export type ButtonGroupType = '' | 'pill';

src/lib/button/button.module.ts

@@ -1,7 +1,7 @@
 import { NgModule, ModuleWithProviders, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ButtonComponent } from './button.component';
-import { LoadingModule } from '../loading';
+import { LoadingModule } from '../loading/loading.module';
 
 @NgModule({
   imports: [CommonModule, LoadingModule.forRoot()],

src/lib/call-control/call-control.module.ts

@@ -1,7 +1,7 @@
 import { NgModule, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { ButtonModule } from '../button';
-import { IconModule } from '../icon';
+import { ButtonModule } from '../button/button.module';
+import { IconModule } from '../icon/icon.module';
 import { CallControlComponent } from './call-control.component';
 
 @NgModule({

src/lib/checkbox/checkbox.module.ts

@@ -2,8 +2,8 @@ import { NgModule, CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders } from '@angular/
 import { CommonModule } from '@angular/common';
 import { CheckboxComponent } from './checkbox.component';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { LabelModule } from '../label';
-import { InputHelperModule } from '../input-helper';
+import { LabelModule } from '../label/label.module';
+import { InputHelperModule } from '../input-helper/input-helper.module';
 
 @NgModule({
   declarations: [CheckboxComponent],

src/lib/combo-box/combo-box.module.ts

@@ -2,10 +2,10 @@ import { OverlayModule } from '@angular/cdk/overlay';
 import { CommonModule } from '@angular/common';
 import { NgModule, CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { InputModule } from '../input';
-import { ListItemModule } from '../list-item';
-import { ListItemHeaderModule } from '../list-item-header';
-import { SearchInputModule } from '../search-input';
+import { InputModule } from '../input/input.module';
+import { ListItemModule } from '../list-item/list-item.module';
+import { ListItemHeaderModule } from '../list-item-header/list-item-header.module';
+import { SearchInputModule } from '../search-input/search-input.module';
 import { ComboBoxComponent } from './combo-box.component';
 
 @NgModule({

src/lib/composite-avatar/composite-avatar.module.ts

@@ -1,6 +1,6 @@
 import { NgModule, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { AvatarModule } from '../avatar';
+import { AvatarModule } from '../avatar/avatar.module';
 import { CompositeAvatarComponent } from './composite-avatar.component';
 
 @NgModule({

src/lib/editable-textfield/editable-textfield.module.ts

@@ -1,7 +1,7 @@
 import { NgModule, CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { InputModule } from '../input';
+import { InputModule } from '../input/input.module';
 import { EditableTextfieldComponent } from './editable-textfield.component';
 
 @NgModule({

src/lib/input/input.module.ts

@@ -1,10 +1,10 @@
 import { NgModule, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { InputComponent } from './input.component';
-import { LabelModule } from '../label';
-import { InputErrorModule } from '../input-error';
-import { InputHelperModule } from '../input-helper';
-import { IconModule } from '../icon';
+import { LabelModule } from '../label/label.module';
+import { InputErrorModule } from '../input-error/input-error.module';
+import { InputHelperModule } from '../input-helper/input-helper.module';
+import { IconModule } from '../icon/icon.module';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 @NgModule({

src/lib/list-item-header/list-item-header.module.ts

@@ -1,7 +1,7 @@
 import { NgModule, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { ListItemModule } from '../list-item';
-import { ListItemSectionModule } from '../list-item-section';
+import { ListItemModule } from '../list-item/list-item.module';
+import { ListItemSectionModule } from '../list-item-section/list-item-section.module';
 import { ListItemHeaderComponent } from './list-item-header.component';
 
 @NgModule({

src/lib/list-item/list-item.module.ts

@@ -1,9 +1,9 @@
 import { NgModule, CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ListItemComponent } from './list-item.component';
-import { IconModule } from '../icon';
-import { ListItemSectionModule} from '../list-item-section';
-import { CheckboxModule } from '../checkbox';
+import { IconModule } from '../icon/icon.module';
+import { ListItemSectionModule } from '../list-item-section/list-item-section.module';
+import { CheckboxModule } from '../checkbox/checkbox.module';
 
 @NgModule({
   imports: [

src/lib/list/list.component.ts

@@ -15,7 +15,7 @@ import {
   ElementRef
 } from '@angular/core';
 import { uniqueId } from 'lodash';
-import { ListItemComponent, OptionSelectionChange } from '../list-item';
+import { ListItemComponent, OptionSelectionChange } from '../list-item/list-item.component';
 import { Observable, defer, merge } from 'rxjs';
 import { take, switchMap } from 'rxjs/operators';
 

src/lib/menu/menu.module.ts

@@ -1,8 +1,8 @@
 import { OverlayModule } from '@angular/cdk/overlay';
 import { CommonModule } from '@angular/common';
 import { NgModule, CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders } from '@angular/core';
-import { IconModule } from '../icon';
-import { ListItemModule } from '../list-item';
+import { IconModule } from '../icon/icon.module';
+import { ListItemModule } from '../list-item/list-item.module';
 import { MenuComponent } from './menu.component';
 import { MenuContentComponent } from './menu-content.component';
 import { MenuItemComponent } from './menu-item.component';

src/lib/public_api.ts

@@ -1,54 +1,57 @@
 /*
  * Public API Surface of momentum-ui-angular
+ *
+ * https://github.com/ng-packagr/ng-packagr/issues/195
+ * Required to import/export from an explicit file
  */
 
-export * from './alert-banner';
-export * from './alert-call';
-export * from './alert-meeting';
-export * from './alert';
-export * from './avatar';
-export * from './badge';
-export * from './button';
-export * from './button-group';
-export * from './call-control';
-export * from './checkbox';
-export * from './combo-box';
-export * from './composite-avatar';
-export * from './editable-textfield';
-export * from './icon';
-export * from './input-error';
-export * from './input-helper';
-export * from './input';
-export * from './label';
-export * from './list';
-export * from './list-item';
-export * from './list-item-header';
-export * from './list-item-section';
-export * from './list-separator';
-export * from './loading';
-export * from './menu';
-export * from './modal';
-export * from './radio';
-export * from './search-input';
-export * from './slider';
-export * from './select';
-export * from './spinner';
-export * from './tabs';
-export * from './toggle-switch';
-export * from './topbar';
-export * from './accordion';
-export * from './sidebar';
-export * from './sidebar-body';
-export * from './sidebar-nav';
-export * from './sidebar-nav-item';
-export * from './sidebar-header';
-export * from './sidebar-footer';
-export * from './time-picker';
-export * from './date-picker';
-export * from './breadcrumbs';
-export * from './popover';
-export * from './card';
-export * from './coachmark';
-export * from './page-header';
-export * from './tooltip';
-export * from './pagination';
+export * from './alert-banner/index';
+export * from './alert-call/index';
+export * from './alert-meeting/index';
+export * from './alert/index';
+export * from './avatar/index';
+export * from './badge/index';
+export * from './button/index';
+export * from './button-group/index';
+export * from './call-control/index';
+export * from './checkbox/index';
+export * from './combo-box/index';
+export * from './composite-avatar/index';
+export * from './editable-textfield/index';
+export * from './icon/index';
+export * from './input-error/index';
+export * from './input-helper/index';
+export * from './input/index';
+export * from './label/index';
+export * from './list/index';
+export * from './list-item/index';
+export * from './list-item-header/index';
+export * from './list-item-section/index';
+export * from './list-separator/index';
+export * from './loading/index';
+export * from './menu/index';
+export * from './modal/index';
+export * from './radio/index';
+export * from './search-input/index';
+export * from './slider/index';
+export * from './select/index';
+export * from './spinner/index';
+export * from './tabs/index';
+export * from './toggle-switch/index';
+export * from './topbar/index';
+export * from './accordion/index';
+export * from './sidebar/index';
+export * from './sidebar-body/index';
+export * from './sidebar-nav/index';
+export * from './sidebar-nav-item/index';
+export * from './sidebar-header/index';
+export * from './sidebar-footer/index';
+export * from './time-picker/index';
+export * from './date-picker/index';
+export * from './breadcrumbs/index';
+export * from './popover/index';
+export * from './card/index';
+export * from './coachmark/index';
+export * from './page-header/index';
+export * from './tooltip/index';
+export * from './pagination/index';

src/lib/search-input/search-input.module.ts

@@ -2,9 +2,9 @@ import { NgModule, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SearchInputComponent } from './search-input.component';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { IconModule } from '../icon';
-import { InputModule } from '../input';
-import { LabelModule } from '../label';
+import { IconModule } from '../icon/icon.module';
+import { InputModule } from '../input/input.module';
+import { LabelModule } from '../label/label.module';
 
 @NgModule({
   declarations: [SearchInputComponent],

src/lib/select/select.component.ts

@@ -17,8 +17,8 @@ import {
 import {SelectionModel} from '@angular/cdk/collections';
 
 import uniqueId from 'lodash-es/uniqueId';
-import { ButtonComponent } from '../button';
-import { ListItemComponent, OptionSelectionChange } from '../list-item';
+import { ButtonComponent } from '../button/button.component';
+import { ListItemComponent, OptionSelectionChange } from '../list-item/list-item.component';
 
 import { takeUntil, switchMap, take, startWith } from 'rxjs/operators';
 import { Subject, defer, Observable, merge } from 'rxjs';

src/lib/select/select.module.ts

@@ -1,13 +1,13 @@
 import { NgModule, CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SelectComponent } from './select.component';
-import { ButtonModule } from '../button';
-import { IconModule } from '../icon';
+import { ButtonModule } from '../button/button.module';
+import { IconModule } from '../icon/icon.module';
 import { OverlayModule } from '@angular/cdk/overlay';
 import { PortalModule } from '@angular/cdk/portal';
 import { A11yModule } from '@angular/cdk/a11y';
-import { ListModule } from '../list';
-import { ListItemModule } from '../list-item';
+import { ListModule } from '../list/list.module';
+import { ListItemModule } from '../list-item/list-item.module';
 
 @NgModule({
   imports: [

src/lib/topbar/topbar.module.ts

@@ -1,9 +1,9 @@
 import { NgModule, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { IconModule } from '../icon';
-import { ListModule } from '../list';
-import { ListItemModule } from '../list-item';
-import { ListSeparatorModule } from '../list-separator';
+import { IconModule } from '../icon/icon.module';
+import { ListModule } from '../list/list.module';
+import { ListItemModule } from '../list-item/list-item.module';
+import { ListSeparatorModule } from '../list-separator/list-separator.module';
 import { TopbarComponent } from './topbar.component';
 import { TopbarBrandComponent } from './topbar-brand.component';
 import { TopbarMobileComponent } from './topbar-mobile.component';