import { A11yModule } from '@angular/cdk/a11y' ; import { ObserversModule } from '@angular/cdk/observers' ; import { CommonModule } from '@angular/common' ; import { NgModule } from '@angular/core' ; import { FlexLayoutModule , GridModule } from '@angular/flex-layout' ; import { ReactiveFormsModule } from '@angular/forms' ; import { AutocompleteModule } from './autocomplete' ; import { ButtonModule } from './button' ; import { ButtonToggleModule } from './button-toggle' ; import { CheckboxModule } from './checkbox' ; import { ChipsModule } from './chips' ; import { DialogModule } from './dialog' ; import { ExpansionModule } from './expansion' ; import { FormFieldModule } from './form-field' ; import { IconModule } from './icon' ; import { InputModule } from './input' ; import { LineModule } from './line' ; import { MenuModule } from './menu' ; import { RadioModule } from './radio' ; import { ResizableModule } from './resizable' ; import { ScrollingModule } from './scrolling' ; import { SpinnerModule } from './spinner' ; import { TabsModule } from './tabs' ; import { TextFieldModule } from './text-field' ; import { TitleBarModule } from './title-bar' ; import { TooltipModule } from './tooltip' ; const ANGULAR_MODULES = [ CommonModule , ReactiveFormsModule , ] ; const CDK_MODULES = [ A11yModule , FlexLayoutModule , GridModule , ObserversModule , ] ; const UI_MODULES = [ AutocompleteModule , DialogModule , FormFieldModule , InputModule , ButtonModule , IconModule , TitleBarModule , ResizableModule , SpinnerModule , TooltipModule , RadioModule , ButtonToggleModule , LineModule , TextFieldModule , MenuModule , TabsModule , CheckboxModule , ExpansionModule , ScrollingModule , ChipsModule , ] ; @ NgModule ( { imports : [ ... ANGULAR_MODULES , ... CDK_MODULES , ... UI_MODULES , ] , exports : [ ... ANGULAR_MODULES , ... CDK_MODULES , ... UI_MODULES , ] , } ) export class UiModule { }