How to use the @pebula/ngrid/drag.PblNgridDragModule.withDefaultTemplates function in @pebula/ngrid

const DECLARATION = [
  CommonTableTemplatesComponent,
  AllInOneGridExampleComponent,
  VirtualScrollPerformanceDemoGridExampleComponent,
  SellersDemoComponent,
];

@NgModule({
  declarations: DECLARATION,
  imports: [
    RouterModule.forChild([]),
    SharedModule,
    MATERIAL, MatRippleModule,
    PblNgridModule.withCommon([ { component: CommonTableTemplatesComponent } ]),
    PblNgridDragModule.withDefaultTemplates(),
    PblNgridTargetEventsModule,
    PblNgridBlockUiModule,
    PblNgridTransposeModule,
    PblNgridDetailRowModule,
    PblNgridStickyModule,
    PblNgridStatePluginModule,
    PblNgridMaterialModule,
    PblNgridOverlayPanelModule,
  ],
  exports: [ SellersDemoComponent, AllInOneGridExampleComponent, VirtualScrollPerformanceDemoGridExampleComponent ], // we need this for detail-row
})
export class TableMixDemoModule { }

const ROUTES = [
  { path: 'column-quickthrough', component: ColumnQuickthroughGridExampleComponent, data: { title: 'Quick-through' } },
  { path: 'column-model', component: ColumnModelGridExampleComponent, data: { title: 'Introduction' } },
  { path: 'column-factory', component: ColumnFactoryGridExampleComponent, data: { title: 'Column Factory' } },
  { path: 'column-templates', component: ColumnTemplatesGridExampleComponent, data: { title: 'Column Templates' } },
];

@NgModule({
  declarations: DECLARATION,
  imports: [
    RouterModule.forChild(ROUTES),
    MATERIAL,
    SharedModule,
    PblNgridModule,
    PblNgridTargetEventsModule,
    PblNgridDragModule.withDefaultTemplates(),
  ],
  providers: [ PblNgridRegistryService ],
})
export class ColumnConceptsModule {
  constructor(registry: ExampleGroupRegistryService) {
    registry.registerSubGroupRoutes('columns', ROUTES);
  }
}

ThemingIntroductionGridExampleComponent,
];

const ROUTES = [
  { path: 'theming-introduction', component: ThemingIntroductionGridExampleComponent, data: { title: 'Introduction' } },
];

@NgModule({
  declarations: DECLARATION,
  imports: [
    RouterModule.forChild(ROUTES),
    MATERIAL,
    SharedModule,
    PblNgridModule,
    PblNgridTargetEventsModule,
    PblNgridDragModule.withDefaultTemplates(),
  ],
  providers: [ PblNgridRegistryService ],
})
export class ThemingConceptsModule {
  constructor(registry: ExampleGroupRegistryService) {
    registry.registerSubGroupRoutes('theming', ROUTES);
  }
}

{ path: 'column-sorting', component: ColumnSortingGridExampleComponent, data: { title: 'Column Sorting' } },
  { path: 'cell-edit', component: CellEditGridExampleComponent, data: { title: 'Cell Edit' } },
  { path: 'column-reorder', component: ColumnReorderGridExampleComponent, data: { title: 'Column Reorder' } },
  { path: 'column-resizing', component: ColumnResizingGridExampleComponent, data: { title: 'Column Resizing' } },
  { path: 'switching-column-definitions', component: SwitchingColumnDefinitionsGridExampleComponent, data: { title: 'Switching Column Definitions' } },
];

@NgModule({
  declarations: DECLARATION,
  imports: [
    RouterModule.forChild(ROUTES),
    MATERIAL,
    SharedModule,
    PblNgridModule,
    PblNgridTargetEventsModule,
    PblNgridDragModule.withDefaultTemplates(),
    PblNgridStatePluginModule,
  ],
  providers: [ PblNgridRegistryService ],
})
export class ColumnFeaturesDemoModule {
  constructor(registry: ExampleGroupRegistryService) {
    registry.registerSubGroupRoutes('columns', ROUTES);
  }
}

const ROUTES = [
  { path: 'grid-layout', component: GridLayoutGridExampleComponent, data: { title: 'Grid Layout' } },
  { path: 'height-and-scrolling', component: GridHeightGridExampleComponent, data: { title: 'Height & Scrolling' } },
  { path: 'the-registry', component: TheRegistryGridExampleComponent, data: { title: 'The Registry' } },
];

@NgModule({
  declarations: DECLARATION,
  imports: [
    RouterModule.forChild(ROUTES),
    MATERIAL,
    SharedModule,
    PblNgridModule,
    PblNgridTargetEventsModule,
    PblNgridDragModule.withDefaultTemplates(),
  ],
  providers: [ PblNgridRegistryService ],
})
export class GridConceptsModule {
  constructor(registry: ExampleGroupRegistryService) {
    registry.registerSubGroupRoutes('grid', ROUTES);
  }
}