How to use angular-split - 6 common examples

var TestProcedureEditorModule = /** @class */ (function () {
    function TestProcedureEditorModule() {
    }
    TestProcedureEditorModule = __decorate([
        core_1.NgModule({
            imports: [
                // MODULE IMPORTS
                platform_browser_1.BrowserModule,
                angular_split_1.AngularSplitModule,
                maximize_button_module_1.MaximizeButtonModule,
                ng2_dragula_1.DragulaModule,
                test_case_parameter_mapping_module_1.TestCaseParameterMappingModule,
                forms_1.FormsModule,
                forms_1.ReactiveFormsModule
            ],
            declarations: [
                // COMPONENTS IN THIS MODULE
                test_procedure_editor_component_1.TestProcedureEditor,
                test_step_row_component_1.TestStepRow
            ],
            exports: [
                // THE COMPONENTS VISIBLE TO THE OUTSIDE
                test_procedure_editor_component_1.TestProcedureEditor
            ],
            providers: [],

var SpecmateModule = /** @class */ (function () {
    function SpecmateModule() {
    }
    SpecmateModule = __decorate([
        core_1.NgModule({
            imports: [
                // MODULE IMPORTS
                platform_browser_1.BrowserModule,
                specmate_routing_module_1.SpecmateRoutingModule,
                navigation_bar_module_1.NavigationBarModule,
                angular_split_1.AngularSplitModule,
                project_explorer_module_1.ProjectExplorerModule,
                properties_editor_module_1.PropertiesEditorModule,
                links_actions_module_1.LinksActionsModule,
                log_list_module_1.LogListModule,
                view_controller_module_1.ViewControllerModule,
                selected_element_module_1.SelectedElementModule,
                navigator_module_1.NavigatorModule,
                data_service_module_1.DataServiceModule,
                modals_module_1.ModalsModule
            ],
            declarations: [
                // COMPONENTS IN THIS MODULE
                specmate_component_1.SpecmateComponent
            ],
            exports: [],
            providers: [],

var SpecmateModule = (function () {
    function SpecmateModule() {
    }
    SpecmateModule = __decorate([
        core_1.NgModule({
            imports: [
                forms_1.FormsModule,
                http_1.HttpModule,
                pages_module_1.PagesModule,
                core_module_1.CoreModule,
                specmate_forms_module_1.SpecmateFormsModule,
                requirements_module_1.RequirementsModule,
                tests_module_1.TestsModule,
                processes_module_1.ProcessesModule,
                specmate_routing_module_1.SpecmateRoutingModule,
                angular_split_1.AngularSplitModule,
                ng_bootstrap_1.NgbModule.forRoot(),
                ng2_dragula_1.DragulaModule
            ],
            declarations: [
                specmate_component_1.SpecmateComponent
            ],
            providers: [
                specmate_data_service_1.SpecmateDataService,
                editor_common_control_service_1.EditorCommonControlService,
                navigator_service_1.NavigatorService,
                logging_service_1.LoggingService,
                confirmation_modal_service_1.ConfirmationModal,
                error_notification_modal_service_1.ErrorNotificationModalService,
                view_controller_service_1.ViewControllerService,
                unsaved_changes_guard_1.UnsavedChangesGuard
            ],

import { MarkdownKanbanComponent } from './markdown/markdown-kanban/markdown-kanban.component';

@NgModule({
  imports: [
    CommonModule,
    RouterModule,
    FormsModule,
    HttpClientModule,
    ReactiveFormsModule,
    CustomMaterialModule,
    NgxTreeDndModule,
    CalendarCommonModule,
    EcoFabSpeedDialModule,
    FlexLayoutModule,
    FlatpickrModule.forRoot(),
    AngularSplitModule.forRoot(),
    MarkdownModule.forRoot({
      markedOptions: {
        provide: MarkedOptions,
        useValue: {
          gfm: true,
          tables: true
        },
      },
    }),
    MindMapModule
  ],
  declarations: [
    CalendarHeaderComponent,
    DraggableEditableSectionComponent,
    ContentEditableDirective,
    CoordinatesMapComponent,

CheckingComponent,
    CheckingOverviewComponent,
    CheckingQuestionsComponent,
    CheckingTextComponent,
    CheckingAnswersComponent,
    QuestionDialogComponent,
    FontSizeComponent,
    CheckingOwnerComponent
  ],
  imports: [
    CheckingRoutingModule,
    CommonModule,
    SharedModule,
    UICommonModule,
    XForgeCommonModule,
    AngularSplitModule.forRoot()
  ],
  entryComponents: [QuestionDialogComponent]
})
export class CheckingModule {}

GeekDemoComponent,
        DirRtlComponent,
        WorkspaceLocalstorageComponent,
        LazyComponent,
    ],
    imports: [
        BrowserModule,
        RouterModule.forRoot(routes),
        HttpClientModule,
        FormsModule,
        ButtonsModule.forRoot(),
        CollapseModule.forRoot(),
        BsDropdownModule.forRoot(),
        SortableModule.forRoot(),
        TooltipModule.forRoot(),
        AngularSplitModule.forRoot(),
    ],
    providers: [{
        provide: LocationStrategy, useClass: HashLocationStrategy},
        ChangelogService
    ],
    bootstrap: [AppComponent]
})
export class AppModule {}