import { NgModule , NO_ERRORS_SCHEMA } from "@angular/core" ; import { NativeScriptRouterModule } from "@nativescript/angular" ; import { NativeScriptCommonModule } from "@nativescript/angular" ; import { LayoutsExamplesComponent } from "./layouts-examples.component" ; import { AbsoluteLayoutComponent } from "./absolute-layout/absolute-layout.component" ; import { DockLayoutComponent } from "./dock-layout/dock-layout.component" ; import { FlexboxLayoutFirstComponent } from "./flexbox-layout-one/flexbox-layout.component" ; import { FlexboxLayoutSecondComponent } from "./flexbox-layout-two/flexbox-layout.component" ; import { FlexboxLayoutThirdComponent } from "./flexbox-layout-three/flexbox-layout.component" ; import { GridLayoutComponent } from "./grid-layout/grid-layout.component" ; import { StackLayoutComponent } from "./stack-layout/stack-layout.component" ; import { WrapLayoutComponent } from "./wrap-layout/wrap-layout.component" ; import { TitleAndNavButtonModule } from "../../directives/title-and-nav-button.module" ; export const routerConfig = [ { path : "" , component : LayoutsExamplesComponent } , { path : "absolute-layout" , component : AbsoluteLayoutComponent , data : { title : "Absolute layout" } } , { path : "dock-layout" , component : DockLayoutComponent , data : { title : "Dock layout" } } , { path : "flexbox-layout-one" , component : FlexboxLayoutFirstComponent , data : { title : "Flexbox layout (flexDirection)" } } , { path : "flexbox-layout-two" , component : FlexboxLayoutSecondComponent , data : { title : "Flexbox layout (order, flexGrow and flexShrink)" } } , { path : "flexbox-layout-three" , component : FlexboxLayoutThirdComponent , data : { title : "Flexbox layout (flexWrap, justifyContent)" } } , { path : "grid-layout" , component : GridLayoutComponent , data : { title : "Grid layout" } } , { path : "stack-layout" , component : StackLayoutComponent , data : { title : "Stack layout" } } , { path : "wrap-layout" , component : WrapLayoutComponent , data : { title : "Wrap layout" } } ] ; @ NgModule ( { schemas : [ NO_ERRORS_SCHEMA ] , imports : [ TitleAndNavButtonModule , NativeScriptCommonModule , NativeScriptRouterModule , NativeScriptRouterModule . forChild ( routerConfig ) ] , declarations : [ LayoutsExamplesComponent , AbsoluteLayoutComponent , DockLayoutComponent , FlexboxLayoutFirstComponent , FlexboxLayoutSecondComponent , FlexboxLayoutThirdComponent , GridLayoutComponent , StackLayoutComponent , WrapLayoutComponent ] } ) export class LayoutsExamplesModule { constructor ( ) { } }