import { BrowserModule } from '@angular/platform-browser' ; import { NgModule } from '@angular/core' ; import { AppComponent } from './app.component' ; import { LayoutModule } from '@angular/cdk/layout' ; import { MatToolbarModule } from '@angular/material/toolbar' ; import { MatButtonModule } from '@angular/material/button' ; import { MatSidenavModule } from '@angular/material/sidenav' ; import { MatIconModule } from '@angular/material/icon' ; import { MatListModule } from '@angular/material/list' ; import { MatCardModule } from '@angular/material/card' ; import { MatExpansionModule } from '@angular/material/expansion' ; import { MatTableModule } from '@angular/material/table' ; import { MatTabsModule } from '@angular/material/tabs' ; import { NavbarComponent } from './navbar/navbar.component' ; import { BrowserAnimationsModule } from '@angular/platform-browser/animations' ; import { HttpClientModule } from '@angular/common/http' ; import { OverviewComponent } from './overview/overview.component' ; import { ApiComponent } from './api/api.component' ; import { CodeExampleComponent } from './code-example/code-example.component' ; import { HIGHLIGHT_OPTIONS , HighlightModule } from 'ngx-highlightjs' ; import { AppRoutingModule } from './app-routing.module' ; import { ExamplesPageComponent } from './examples-page/examples-page.component' ; import { ExamplesModule } from './examples' ; import { APP_BASE_HREF , CommonModule , PlatformLocation } from '@angular/common' ; import { MatTooltipModule } from '@angular/material/tooltip' ; import { MatSnackBarModule } from '@angular/material/snack-bar' ; @ NgModule ( { declarations : [ AppComponent , NavbarComponent , OverviewComponent , ApiComponent , CodeExampleComponent , ExamplesPageComponent ] , imports : [ BrowserModule , BrowserAnimationsModule , HttpClientModule , CommonModule , LayoutModule , MatToolbarModule , MatButtonModule , MatSidenavModule , MatIconModule , MatListModule , MatTabsModule , MatTableModule , HighlightModule , AppRoutingModule , ExamplesModule , MatCardModule , MatExpansionModule , MatTooltipModule , MatSnackBarModule , ] , providers : [ { provide : HIGHLIGHT_OPTIONS , useValue : { coreLibraryLoader : ( ) => import ( 'highlight.js/lib/core' ) , languages : { typescript : ( ) => import ( 'highlight.js/lib/languages/typescript' ) , css : ( ) => import ( 'highlight.js/lib/languages/css' ) , xml : ( ) => import ( 'highlight.js/lib/languages/xml' ) } } } , { provide : APP_BASE_HREF , useFactory : ( s ) => s . getBaseHrefFromDOM ( ) , deps : [ PlatformLocation ] } ] , bootstrap : [ AppComponent ] } ) export class AppModule { }