feat: Lazy Loading Support

src/behaviors/localization/localization.module.ts

@@ -1,10 +1,31 @@
 
-import { NgModule } from "@angular/core";
+import { NgModule, Optional, SkipSelf, ModuleWithProviders } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { SuiLocalizationService } from "./services/localization.service";
 
+const imports = [
+    CommonModule
+];
+
+@NgModule({
+    imports: [
+        ...imports
+    ],
+    providers: [
+        SuiLocalizationService
+    ]
+})
+export class SuiLocalizationRootModule {}
+
 @NgModule({
-    imports: [CommonModule],
-    providers: [SuiLocalizationService]
+    imports: [
+        ...imports
+    ]
 })
-export class SuiLocalizationModule {}
+export class SuiLocalizationModule {
+    public static forRoot():ModuleWithProviders {
+        return {
+            ngModule: SuiLocalizationRootModule
+        };
+    }
+}

src/collections/message/message.module.ts

@@ -1,18 +1,42 @@
-import { NgModule } from "@angular/core";
+import { NgModule, ModuleWithProviders } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { SuiTransitionModule } from "../../modules/transition";
 import { SuiMessage } from "./components/message";
 
+const imports = [
+    CommonModule
+];
+
+const declarations = [
+    SuiMessage
+];
+
+const exports = [
+    SuiMessage
+];
+
 @NgModule({
     imports: [
-        CommonModule,
-        SuiTransitionModule
+        ...imports,
+        SuiTransitionModule.forRoot()
     ],
-    declarations: [
-        SuiMessage
+    declarations,
+    exports
+})
+export class SuiMessageRootModule {}
+
+@NgModule({
+    imports: [
+        ...imports,
+        SuiTransitionModule
     ],
-    exports: [
-        SuiMessage
-    ]
+    declarations,
+    exports
 })
-export class SuiMessageModule {}
+export class SuiMessageModule {
+    public static forRoot():ModuleWithProviders {
+        return {
+            ngModule: SuiMessageRootModule
+        };
+    }
+}

src/collections/pagination/pagination.module.ts

@@ -1,12 +1,40 @@
-import { NgModule } from "@angular/core";
+import { NgModule, ModuleWithProviders } from "@angular/core";
 import { CommonModule } from "@angular/common";
 
 import { SuiPagination } from "./components/pagination";
 
+const imports = [
+    CommonModule
+];
+
+const declarations = [
+    SuiPagination
+];
+
+const exports = [
+    SuiPagination
+];
+
+@NgModule({
+    imports: [
+        ...imports
+    ],
+    declarations,
+    exports
+})
+export class SuiPaginationRootModule {}
+
 @NgModule({
-    imports: [CommonModule],
-    exports: [SuiPagination],
-    declarations: [SuiPagination],
-    providers: []
+    imports: [
+        ...imports
+    ],
+    declarations,
+    exports
 })
-export class SuiPaginationModule { }
+export class SuiPaginationModule {
+    public static forRoot():ModuleWithProviders {
+        return {
+            ngModule: SuiPaginationModule
+        };
+    }
+}

src/misc/util/util.module.ts

@@ -1,11 +1,33 @@
-import { NgModule } from "@angular/core";
+import { NgModule, ModuleWithProviders } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { SuiComponentFactory } from "./services/component-factory.service";
 
+const imports = [
+    CommonModule
+];
+
+const providers = [
+    SuiComponentFactory
+];
+
+@NgModule({
+    imports: [
+        ...imports
+    ],
+    providers
+})
+export class SuiUtilityRootModule {}
+
 @NgModule({
-    imports: [CommonModule],
-    providers: [
-        SuiComponentFactory
-    ]
+    imports: [
+        ...imports
+    ],
+    providers
 })
-export class SuiUtilityModule {}
+export class SuiUtilityModule {
+    public static forRoot():ModuleWithProviders {
+        return {
+            ngModule: SuiUtilityModule
+        };
+    }
+}

src/modules/accordion/accordion.module.ts

@@ -1,24 +1,48 @@
-import { NgModule } from "@angular/core";
+import { NgModule, ModuleWithProviders } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { SuiCollapseModule } from "../collapse";
 import { SuiTransitionModule } from "../transition";
 import { SuiAccordion } from "./components/accordion";
 import { SuiAccordionPanel } from "./components/accordion-panel";
 
+const imports = [
+    CommonModule
+];
+
+const declarations = [
+    SuiAccordion,
+    SuiAccordionPanel
+];
+
+const exports = [
+    SuiAccordion,
+    SuiAccordionPanel
+];
+
+@NgModule({
+    imports: [
+        ...imports,
+        SuiCollapseModule.forRoot(),
+        SuiTransitionModule.forRoot()
+    ],
+    declarations,
+    exports
+})
+export class SuiAccordionRootModule {}
+
 @NgModule({
     imports: [
-        CommonModule,
+        ...imports,
         SuiCollapseModule,
         SuiTransitionModule
     ],
-    declarations: [
-        SuiAccordion,
-        SuiAccordionPanel
-    ],
-    exports: [
-        SuiAccordion,
-        SuiAccordionPanel
-    ],
-    providers: []
+    declarations,
+    exports
 })
-export class SuiAccordionModule {}
+export class SuiAccordionModule {
+    public static forRoot():ModuleWithProviders {
+        return {
+            ngModule: SuiAccordionRootModule
+        };
+    }
+}

src/modules/checkbox/checkbox.module.ts

@@ -1,28 +1,51 @@
-import { NgModule } from "@angular/core";
+import { NgModule, ModuleWithProviders } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { FormsModule } from "@angular/forms";
 import { SuiCheckbox, SuiCheckboxValueAccessor } from "./components/checkbox";
 import { SuiRadio, SuiRadioValueAccessor } from "./components/radio";
 import { SuiRadioManager } from "./directives/radio-manager";
 
+const imports = [
+    CommonModule,
+    FormsModule
+];
+
+const declarations = [
+    SuiCheckbox,
+    SuiCheckboxValueAccessor,
+    SuiRadio,
+    SuiRadioValueAccessor,
+    SuiRadioManager
+];
+
+const exports = [
+    SuiCheckbox,
+    SuiCheckboxValueAccessor,
+    SuiRadio,
+    SuiRadioValueAccessor,
+    SuiRadioManager
+];
+
 @NgModule({
     imports: [
-        CommonModule,
-        FormsModule
+        ...imports
     ],
-    declarations: [
-        SuiCheckbox,
-        SuiCheckboxValueAccessor,
-        SuiRadio,
-        SuiRadioValueAccessor,
-        SuiRadioManager
+    declarations,
+    exports
+})
+export class SuiCheckboxRootModule {}
+
+@NgModule({
+    imports: [
+        ...imports
     ],
-    exports: [
-        SuiCheckbox,
-        SuiCheckboxValueAccessor,
-        SuiRadio,
-        SuiRadioValueAccessor,
-        SuiRadioManager
-    ]
+    declarations,
+    exports
 })
-export class SuiCheckboxModule {}
+export class SuiCheckboxModule {
+    public static forRoot():ModuleWithProviders {
+        return {
+            ngModule: SuiCheckboxRootModule
+        };
+    }
+}

src/modules/collapse/collapse.module.ts

@@ -1,16 +1,39 @@
-import { NgModule } from "@angular/core";
+import { NgModule, ModuleWithProviders } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { SuiCollapse } from "./directives/collapse";
 
+const imports = [
+    CommonModule
+];
+
+const declarations = [
+    SuiCollapse
+];
+
+const exports = [
+    SuiCollapse
+];
+
 @NgModule({
     imports: [
-        CommonModule
+        ...imports
     ],
-    declarations: [
-        SuiCollapse
+    declarations,
+    exports
+})
+export class SuiCollapseRootModule {}
+
+@NgModule({
+    imports: [
+        ...imports
     ],
-    exports: [
-        SuiCollapse
-    ]
+    declarations,
+    exports
 })
-export class SuiCollapseModule {}
+export class SuiCollapseModule {
+    public static forRoot():ModuleWithProviders {
+        return {
+            ngModule: SuiCollapseRootModule
+        };
+    }
+}