feat(moduleless): migrating to standalone modules support

README.md

@@ -106,7 +106,7 @@ import { TooltipModule } from 'ngx-bootstrap/tooltip';
 
 @NgModule({
   ...
-  imports: [TooltipModule.forRoot(),...]
+  imports: [TooltipModule,...]
   ...
 })
 ```

apps/ngx-bootstrap-docs/src/app/app.module.ts

@@ -16,7 +16,7 @@ import { routes } from './app.routing';
     bootstrap: [AppComponent], imports: [BrowserAnimationsModule,
         DocsModule,
         RouterModule.forRoot(routes, { useHash: environment.useHash }),
-        BsDropdownModule.forRoot()], providers: [
+        BsDropdownModule], providers: [
         { provide: NgApiDoc, useValue: ngdoc },
         { provide: DOCS_TOKENS, useValue: routes },
         { provide: SIDEBAR_ROUTES, useValue: SidebarRoutesStructure },

libs/common-docs/src/lib/common/schematics/schematics.component.html

@@ -138,7 +138,7 @@ <h2 id="getting-started">Schematics</h2>
     ],
     <span class="kwd">imports</span>: [
         <span class="pln">  &hellip;</span>
-        <span class="lit">AccordionModule.forRoot()</span>,
+        <span class="lit">AccordionModule</span>,
     ],
         bootstrap: [AppComponent]
     <span class="pun">{{'}'}}</span>)

libs/common-docs/src/lib/demo-section-components/demo-examples-section/index.ts

@@ -20,7 +20,7 @@ export { ExamplesComponent } from './examples.component';
     CommonModule,
     NgApiDocModule,
     RouterModule,
-    TabsModule.forRoot(),
+    TabsModule,
   ],
   exports: [
     ExamplesComponent,

libs/common-docs/src/lib/demo-section-components/demo-examples-section/stackblitz/app.module.ts

@@ -25,8 +25,8 @@ import { ${className === 'DemoModalServiceFromComponent' ? `${className}, ModalC
   declarations: [${className === 'DemoModalServiceFromComponent' ? `${className}, ModalContentComponent` : className}],
   imports: [
     ${moduleData.moduleName}.forRoot(),
-    ${className === 'DemoModalWithPopupsComponent' ? `TooltipModule.forRoot(),
-    PopoverModule.forRoot(),` : ''}
+    ${className === 'DemoModalWithPopupsComponent' ? `TooltipModule,
+    PopoverModule,` : ''}
     BrowserAnimationsModule,
     CommonModule,
     FormsModule,

libs/common-docs/src/lib/docs.module.ts

@@ -79,8 +79,8 @@ export { ThemesComponent } from './common/themes/themes.component';
     NgApiDocModule,
     ExamplesComponentModule,
     ApiSectionsComponentModule,
-    TabsModule.forRoot(),
-    BsDropdownModule.forRoot(),
+    TabsModule,
+    BsDropdownModule,
     RouterModule
   ],
   exports: [

libs/doc-pages/accordion/src/lib/accordion.module.ts

@@ -17,7 +17,7 @@ export { AccordionSectionComponent } from './accordion-section.component';
         ...DEMO_COMPONENTS
     ],
     imports: [
-        AccordionModule.forRoot(),
+        AccordionModule,
         CommonModule,
         FormsModule,
         DocsModule,

libs/doc-pages/accordion/src/lib/docs/usage.md

@@ -5,7 +5,7 @@ import { AccordionModule } from 'ngx-bootstrap/accordion';
 @NgModule({
   imports: [
     BrowserAnimationsModule,
-    AccordionModule.forRoot(),
+    AccordionModule,
     ...
   ]
 })

libs/doc-pages/alerts/src/lib/alerts.module.ts

@@ -15,7 +15,7 @@ export { AlertsSectionComponent } from './alerts-section.component';
         ...DEMO_COMPONENTS
     ],
     imports: [
-        AlertModule.forRoot(),
+        AlertModule,
         CommonModule,
         DocsModule,
         RouterModule.forChild(routes)

libs/doc-pages/alerts/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { AlertModule } from 'ngx-bootstrap/alert';
 
 @NgModule({
-  imports: [AlertModule.forRoot(),...]
+  imports: [AlertModule,...]
 })
 export class AppModule(){}

libs/doc-pages/buttons/src/lib/buttons.module.ts

@@ -22,7 +22,7 @@ export { ButtonsSectionComponent } from './buttons-section.component';
         CommonModule,
         DocsModule,
         RouterModule.forChild(routes),
-        ButtonsModule.forRoot()
+        ButtonsModule
     ],
     exports: [ButtonsSectionComponent]
 })

libs/doc-pages/buttons/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { ButtonsModule } from 'ngx-bootstrap/buttons';
 
 @NgModule({
-  imports: [ButtonsModule.forRoot(),...]
+  imports: [ButtonsModule,...]
 })
 export class AppModule(){}

libs/doc-pages/carousel/src/lib/carousel.module.ts

@@ -16,7 +16,7 @@ export { CarouselSectionComponent } from './carousel-section.component';
         ...DEMO_COMPONENTS
     ],
     imports: [
-        CarouselModule.forRoot(),
+        CarouselModule,
         CommonModule,
         FormsModule,
         DocsModule,

libs/doc-pages/carousel/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { CarouselModule } from 'ngx-bootstrap/carousel';
 
 @NgModule({
-  imports: [CarouselModule.forRoot(),...]
+  imports: [CarouselModule,...]
 })
 export class AppModule(){}

libs/doc-pages/collapse/src/lib/collapse.module.ts

@@ -17,7 +17,7 @@ export { CollapseSectionComponent } from './collapse-section.component';
         ...DEMO_COMPONENTS
     ],
     imports: [
-        CollapseModule.forRoot(),
+        CollapseModule,
         CommonModule,
         FormsModule,
         DocsModule,

libs/doc-pages/collapse/src/lib/docs/usage.md

@@ -5,7 +5,7 @@ import { CollapseModule } from 'ngx-bootstrap/collapse';
 @NgModule({
   imports: [
     BrowserAnimationsModule,
-    CollapseModule.forRoot(),
+    CollapseModule,
     ...
   ]
 })

libs/doc-pages/datepicker/src/lib/datepicker.module.ts

@@ -43,8 +43,8 @@ locales.forEach((locale: LocaleData) => {
         ...DEMO_COMPONENTS
     ],
     imports: [
-        BsDatepickerModule.forRoot(),
-        TabsModule.forRoot(),
+        BsDatepickerModule,
+        TabsModule,
         CommonModule,
         FormsModule,
         ReactiveFormsModule,

libs/doc-pages/datepicker/src/lib/demo-datepicker.module.ts

@@ -41,8 +41,8 @@ locales.forEach((locale: LocaleData) => {
         ...DEMO_COMPONENTS
     ],
     imports: [
-        BsDatepickerModule.forRoot(),
-        TabsModule.forRoot(),
+        BsDatepickerModule,
+        TabsModule,
         CommonModule,
         FormsModule,
         ReactiveFormsModule,

libs/doc-pages/datepicker/src/lib/docs/usage.md

@@ -5,7 +5,7 @@ import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
 @NgModule({
   imports: [
     BrowserAnimationsModule,
-    BsDatepickerModule.forRoot(),
+    BsDatepickerModule,
     ...
   ]
 })

libs/doc-pages/dropdown/src/lib/docs/usage.md

@@ -5,7 +5,7 @@ import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
 @NgModule({
   imports: [
     BrowserAnimationsModule,
-    BsDropdownModule.forRoot()
+    BsDropdownModule
   ]
 })
 export class AppModule(){}

libs/doc-pages/dropdown/src/lib/dropdown.module.ts

@@ -17,7 +17,7 @@ export { DropdownSectionComponent } from './dropdown-section.component';
         ...DEMO_COMPONENTS
     ],
     imports: [
-        BsDropdownModule.forRoot(),
+        BsDropdownModule,
         CommonModule,
         FormsModule,
         DocsModule,

libs/doc-pages/modal/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { ModalModule } from 'ngx-bootstrap/modal';
 
 @NgModule({
-  imports: [ModalModule.forRoot(),...]
+  imports: [ModalModule,...]
 })
 export class AppModule(){}

libs/doc-pages/modal/src/lib/modal.module.ts

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
-import { ModalModule } from 'ngx-bootstrap/modal';
+import { BsModalService, ModalModule } from 'ngx-bootstrap/modal';
 
 import { DocsModule } from '@ngx-bootstrap-doc/docs';
 import { ModalSectionComponent } from './modal-section.component';
@@ -24,14 +24,15 @@ export { ModalSectionComponent } from './modal-section.component';
         ...DEMO_COMPONENTS
     ],
     imports: [
-        ModalModule.forRoot(),
-        PopoverModule.forRoot(),
-        TooltipModule.forRoot(),
+        ModalModule,
+        PopoverModule,
+        TooltipModule,
         CommonModule,
         FormsModule,
         DocsModule,
         RouterModule.forChild(routes)
     ],
-    exports: [ModalSectionComponent]
+    exports: [ModalSectionComponent],
+    providers: [BsModalService]
 })
 export class DemoModalModule {}

libs/doc-pages/pagination/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { PaginationModule } from 'ngx-bootstrap/pagination';
 
 @NgModule({
-  imports: [PaginationModule.forRoot(),...]
+  imports: [PaginationModule,...]
 })
 export class AppModule(){}

libs/doc-pages/pagination/src/lib/pagination.module.ts

@@ -17,7 +17,7 @@ export { PaginationSectionComponent } from './pagination-section.component';
         ...DEMO_COMPONENTS
     ],
     imports: [
-        PaginationModule.forRoot(),
+        PaginationModule,
         CommonModule,
         FormsModule,
         DocsModule,

libs/doc-pages/popover/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { PopoverModule } from 'ngx-bootstrap/popover';
 
 @NgModule({
-  imports: [PopoverModule.forRoot(),...]
+  imports: [PopoverModule,...]
 })
 export class AppModule(){}

libs/doc-pages/popover/src/lib/popover.module.ts

@@ -20,7 +20,7 @@ export { PopoverSectionComponent } from './popover-section.component';
         CommonModule,
         FormsModule,
         DocsModule,
-        PopoverModule.forRoot(),
+        PopoverModule,
         RouterModule.forChild(routes)
     ],
     exports: [PopoverSectionComponent]

libs/doc-pages/progressbar/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { ProgressbarModule } from 'ngx-bootstrap/progressbar';
 
 @NgModule({
-  imports: [ProgressbarModule.forRoot(),...]
+  imports: [ProgressbarModule,...]
 })
 export class AppModule(){}

libs/doc-pages/progressbar/src/lib/progressbar.module.ts

@@ -20,7 +20,7 @@ export { ProgressbarSectionComponent } from './progressbar-section.component';
         CommonModule,
         FormsModule,
         DocsModule,
-        ProgressbarModule.forRoot(),
+        ProgressbarModule,
         RouterModule.forChild(routes)
     ],
     exports: [ProgressbarSectionComponent]

libs/doc-pages/rating/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { RatingModule } from 'ngx-bootstrap/rating';
 
 @NgModule({
-  imports: [RatingModule.forRoot(),...]
+  imports: [RatingModule,...]
 })
 export class AppModule(){}

libs/doc-pages/rating/src/lib/rating.module.ts

@@ -20,7 +20,7 @@ export { RatingSectionComponent } from './rating-section.component';
         CommonModule,
         FormsModule,
         DocsModule,
-        RatingModule.forRoot(),
+        RatingModule,
         RouterModule.forChild(routes)
     ],
     exports: [RatingSectionComponent]

libs/doc-pages/sortable/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { SortableModule } from 'ngx-bootstrap/sortable';
 
 @NgModule({
-  imports: [SortableModule.forRoot(),...]
+  imports: [SortableModule,...]
 })
 export class AppModule(){}

libs/doc-pages/sortable/src/lib/sortable.module.ts

@@ -20,7 +20,7 @@ export { SortableSectionComponent } from './sortable-section.component';
         CommonModule,
         FormsModule,
         DocsModule,
-        SortableModule.forRoot(),
+        SortableModule,
         RouterModule.forChild(routes)
     ],
     exports: [SortableSectionComponent]

libs/doc-pages/tabs/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { TabsModule } from 'ngx-bootstrap/tabs';
 
 @NgModule({
-  imports: [TabsModule.forRoot(),...]
+  imports: [TabsModule,...]
 })
 export class AppModule(){}

libs/doc-pages/tabs/src/lib/tabs.module.ts

@@ -20,7 +20,7 @@ export { TabsSectionComponent } from './tabs-section.component';
         CommonModule,
         FormsModule,
         DocsModule,
-        TabsModule.forRoot(),
+        TabsModule,
         RouterModule.forChild(routes)
     ],
     exports: [TabsSectionComponent]

libs/doc-pages/timepicker/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { TimepickerModule } from 'ngx-bootstrap/timepicker';
 
 @NgModule({
-  imports: [TimepickerModule.forRoot(),...]
+  imports: [TimepickerModule,...]
 })
 export class AppModule(){}

libs/doc-pages/timepicker/src/lib/timepicker.module.ts

@@ -21,7 +21,7 @@ export { TimepickerSectionComponent } from './timepicker-section.component';
         FormsModule,
         ReactiveFormsModule,
         DocsModule,
-        TimepickerModule.forRoot(),
+        TimepickerModule,
         RouterModule.forChild(routes)
     ],
     exports: [TimepickerSectionComponent]

libs/doc-pages/tooltip/src/lib/docs/usage.md

@@ -1,6 +1,6 @@
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
 
 @NgModule({
-  imports: [TooltipModule.forRoot(),...]
+  imports: [TooltipModule,...]
 })
 export class AppModule(){}

libs/doc-pages/tooltip/src/lib/tooltip.module.ts

@@ -20,7 +20,7 @@ export { TooltipSectionComponent } from './tooltip-section.component';
         CommonModule,
         FormsModule,
         DocsModule,
-        TooltipModule.forRoot(),
+        TooltipModule,
         RouterModule.forChild(routes)
     ],
     exports: [TooltipSectionComponent]

libs/doc-pages/typeahead/src/lib/docs/usage.md

@@ -5,7 +5,7 @@ import { TypeaheadModule } from 'ngx-bootstrap/typeahead';
 @NgModule({
   imports: [
     BrowserAnimationsModule,
-    TypeaheadModule.forRoot(),
+    TypeaheadModule,
     ...
   ]
 })

libs/doc-pages/typeahead/src/lib/typeahead.module.ts

@@ -21,7 +21,7 @@ export { TypeaheadSectionComponent } from './typeahead-section.component';
         FormsModule,
         ReactiveFormsModule,
         DocsModule,
-        TypeaheadModule.forRoot(),
+        TypeaheadModule,
         RouterModule.forChild(routes)
     ],
     exports: [TypeaheadSectionComponent]