diff --git a/live-editing/Routes.ts b/live-editing/Routes.ts index 40137d738f..8b37443186 100644 --- a/live-editing/Routes.ts +++ b/live-editing/Routes.ts @@ -1,169 +1,121 @@ -import * as GridFinjsRouting from '../projects/app-lob/src/app/grid-finjs/grid-finjs-routing.module'; -import { GridFinjsModule } from '../projects/app-lob/src/app/grid-finjs/grid-finjs.module'; -import * as TreeGridFinjsRouting from '../projects/app-lob/src/app/treegrid-finjs/treegrid-finjs-routing.module'; -import { TreeGridFinjsModule } from '../projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.module'; -import * as GridCRMRouting from '../projects/app-crm/src/app/app-routing.module'; - -import * as GridsDVRouting from '../projects/app-lob/src/app/grid/grids-routing.module'; -import { GridsDVModule } from '../projects/app-lob/src/app/grid/grids.module'; +import * as GridFinjsRouting from '../projects/app-lob/src/app/grid-finjs/grid-finjs.routes'; +import * as TreeGridFinjsRouting from '../projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.routes'; +import * as GridCRMRouting from '../projects/app-crm/src/app/app.routes'; +import * as GridsDVRouting from '../projects/app-lob/src/app/grid/grids.routes'; // tslint:disable-next-line: max-line-length -import * as HieararchicalGridsDVRouting from '../projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-routing.module'; -import { HierarchicalGridDVModule } from '../projects/app-lob/src/app/hierarchical-grid/hierarchical-grid.module'; -import * as TreeGridDvRoutingModule from '../projects/app-lob/src/app/tree-grid/tree-grid-routing.module'; -import { TreeGridDVModule } from '../projects/app-lob/src/app/tree-grid/tree-grid.module'; - -import * as DataDisplayRouting from '../src/app/data-display/data-display-routing.module'; -import { DataDisplayModule } from '../src/app/data-display/data-display.module'; -import * as DataEntriesRouting from '../src/app/data-entries/data-entries-routing.module'; -import { DataEntriesModule } from '../src/app/data-entries/data-entries.module'; -import * as GridRouting from '../src/app/grid/grids-routing.module'; -import * as PivotGridRouting from '../src/app/pivot-grid/pivot-grids-routing.module'; -import { GridsModule } from '../src/app/grid/grids.module'; -import * as HierarchicalGridRouting from '../src/app/hierarchical-grid/hierarchical-grid-routing.module'; -import { HierarchicalGridModule } from '../src/app/hierarchical-grid/hierarchical-grid.module'; -import * as InteractionsRouting from '../src/app/interactions/interactions-routing.module'; -import { InteractionsModule } from '../src/app/interactions/interactions.module'; -import * as LayoutsRouting from '../src/app/layouts/layouts-routing.module'; -import { LayoutsModule } from '../src/app/layouts/layouts.module'; -import * as ListsRouting from '../src/app/lists/lists-routing.module'; -import { ListsModule } from '../src/app/lists/lists.module'; -import * as MenusRouting from '../src/app/menus/menus-routing.module'; -import { MenusModule } from '../src/app/menus/menus.module'; -import * as NotificationsRouting from '../src/app/notifications/notifications-routing.module'; -import { NotificationsModule } from '../src/app/notifications/notifications.module'; -import * as SchedulingRouting from '../src/app/scheduling/scheduling-routing.module'; -import { SchedulingModule } from '../src/app/scheduling/scheduling.module'; -import * as ServicesRouting from '../src/app/services/services-routing.module'; -import { ServicesModule } from '../src/app/services/services.module'; -import * as ThemingRouting from '../src/app/theming/theming-routing.module'; -import { ThemingModule } from '../src/app/theming/theming.module'; -import * as TreeGridRouting from '../src/app/tree-grid/tree-grid-routing.module'; -import { TreeGridModule } from '../src/app/tree-grid/tree-grid.module'; +import * as HieararchicalGridsDVRouting from '../projects/app-lob/src/app/hierarchical-grid/hierarchical-grid.routes'; +import * as TreeGridDvRoutingModule from '../projects/app-lob/src/app/tree-grid/tree-grid.routes'; +import * as DataDisplayRouting from '../src/app/data-display/data-display.routes'; +import * as DataEntriesRouting from '../src/app/data-entries/data-entries.routes'; +import * as GridRouting from '../src/app/grid/grids.routes'; +import * as PivotGridRouting from '../src/app/pivot-grid/pivot-grids.routes'; +import * as HierarchicalGridRouting from '../src/app/hierarchical-grid/hierarchical-grid.routes'; +import * as InteractionsRouting from '../src/app/interactions/interactions.routes'; +import * as LayoutsRouting from '../src/app/layouts/layouts.routes'; +import * as ListsRouting from '../src/app/lists/lists.routes'; +import * as MenusRouting from '../src/app/menus/menus.routes'; +import * as NotificationsRouting from '../src/app/notifications/notifications.routes'; +import * as SchedulingRouting from '../src/app/scheduling/scheduling.routes'; +import * as ServicesRouting from '../src/app/services/services.routes'; +import * as ThemingRouting from '../src/app/theming/theming.routes'; +import * as TreeGridRouting from '../src/app/tree-grid/tree-grid.routes'; // eslint-disable-next-line max-len -import * as GridFinJSDockManagerRoutingModule from '../projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager-routing.module'; -import { GridFinJSDockManagerModule } from '../projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.module'; -import { PaginationModule } from '../src/app/pagination/pagination.module'; -import * as PaginatorRouting from '../src/app/pagination/pagination-routing.module'; -import { PivotGridsModule } from '../src/app/pivot-grid/pivot-grids.module'; -import { PivotGridsRoutingModule } from '../src/app/pivot-grid/pivot-grids-routing.module'; -import { AppModule } from '../projects/app-crm/src/app/app.module'; - +import * as GridFinJSDockManagerRoutingModule from '../projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.routes'; +import * as PaginatorRouting from '../src/app/pagination/pagination.routes'; export const MODULE_ROUTES = [ { - module: NotificationsModule, path: 'notifications', - routes: NotificationsRouting.notificationsRoutes + routes: NotificationsRouting.NotificationsRoutes }, { - module: DataDisplayModule, path: 'data-display', - routes: DataDisplayRouting.dataDisplayRoutes + routes: DataDisplayRouting.DataDisplayRoutes }, { - module: DataEntriesModule, path: 'data-entries', - routes: DataEntriesRouting.dataEntriesRoutes + routes: DataEntriesRouting.DataEntriesRoutes }, { - module: ThemingModule, path: 'theming', - routes: ThemingRouting.themingRoutes + routes: ThemingRouting.ThemingRoutes }, { - module: MenusModule, path: 'menus', - routes: MenusRouting.menusRoutes + routes: MenusRouting.MenusRoutes }, { - module: SchedulingModule, path: 'scheduling', - routes: SchedulingRouting.schedulingRoutes + routes: SchedulingRouting.SchedulingRoutes }, { - module: ListsModule, path: 'lists', - routes: ListsRouting.listsRoutes + routes: ListsRouting.ListsRoutes }, { - module: InteractionsModule, path: 'interactions', - routes: InteractionsRouting.interactionsRoutes + routes: InteractionsRouting.InteractionsRoutes }, { - module: LayoutsModule, path: 'layouts', - routes: LayoutsRouting.layoutsRoutes + routes: LayoutsRouting.LayoutsRoutes }, { - module: TreeGridModule, path: 'tree-grid', - routes: TreeGridRouting.treeGridRoutes + routes: TreeGridRouting.TreeGridRoutes }, { - module: GridsModule, path: 'grid', - routes: GridRouting.gridsRoutes + routes: GridRouting.GridsRoutes }, { - module: PivotGridsModule, path: 'pivot-grid', - routes: PivotGridRouting.gridsRoutes + routes: PivotGridRouting.PivotGridsRoutes }, { - module: HierarchicalGridModule, path: 'hierarchical-grid', - routes: HierarchicalGridRouting.hierarchicalGridRoutes + routes: HierarchicalGridRouting.HierarchicalGridRoutes }, { - module: ServicesModule, path: 'services', - routes: ServicesRouting.servicesRoutes + routes: ServicesRouting.ServicesRoutes }, { - module: PaginationModule, path: 'pagination', - routes: PaginatorRouting.paginatorRoutes + routes: PaginatorRouting.PaginatorRoutes } ]; export const DV_MODULE_ROUTES = [ { - module: GridFinjsModule, path: 'grid-finjs', - routes: GridFinjsRouting.gridfinjsRoutes + routes: GridFinjsRouting.GridfinjsRoutes }, { - module: TreeGridFinjsModule, path: 'treegrid-finjs', - routes: TreeGridFinjsRouting.treegridfinjsRoutes + routes: TreeGridFinjsRouting.TreegridfinjsRoutes }, { - module: GridsDVModule, path: 'grid', - routes: GridsDVRouting.gridsDVRoutes + routes: GridsDVRouting.GridsDVRoutes }, { - module: TreeGridDVModule, path: 'tree-grid', - routes: TreeGridDvRoutingModule.treeGridDVRoutes + routes: TreeGridDvRoutingModule.TreeGridDVRoutes }, { - module: HierarchicalGridDVModule, path: 'hierarchical-grid', - routes: HieararchicalGridsDVRouting.hierarchicalGridDVRoutes + routes: HieararchicalGridsDVRouting.HierarchicalGridDVRoutes }, { - module: GridFinJSDockManagerModule, path: 'grid-finjs-dock-manager', - routes: GridFinJSDockManagerRoutingModule.gridFinJsDockManagerGridRoutes + routes: GridFinJSDockManagerRoutingModule.GridFinJsDockManagerGridRoutes } ]; export const CRM_MODULE_ROUTES = [ { - module: AppModule, path: 'grid-crm', - routes: GridCRMRouting.gridCrmRoutes + routes: GridCRMRouting.GridCrmRoutes } ]; diff --git a/live-editing/configs/AccordionConfigGenerator.ts b/live-editing/configs/AccordionConfigGenerator.ts index 4b74e36f4c..fbeda442ec 100644 --- a/live-editing/configs/AccordionConfigGenerator.ts +++ b/live-editing/configs/AccordionConfigGenerator.ts @@ -7,7 +7,8 @@ import { IgxSwitchModule, IgxIconModule } from 'igniteui-angular'; -import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class AccordionConfigGenerator implements IConfigGenerator { @@ -16,33 +17,19 @@ export class AccordionConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'AccordionSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['AccordionSample1Component', 'IgxAccordionModule', 'IgxSwitchModule'], - ngDeclarations: ['AccordionSample1Component'], - ngImports: ['IgxAccordionModule', 'IgxSwitchModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/layouts/accordion/' })); configs.push(new Config({ component: 'AccordionSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['AccordionSample2Component', 'IgxAccordionModule', 'IgxSwitchModule'], - ngDeclarations: ['AccordionSample2Component'], - ngImports: ['IgxAccordionModule', 'IgxSwitchModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/layouts/accordion/' })); configs.push(new Config({ component: 'AccordionSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCheckboxModule', 'IgxSliderModule', - 'IgxRadioModule', 'IgxTimePickerModule', 'AccordionSample3Component', 'IgxAccordionModule', 'IgxIconModule'], - ngDeclarations: ['AccordionSample3Component'], - ngImports: ['IgxCheckboxModule', 'IgxSliderModule', - 'IgxRadioModule', 'IgxTimePickerModule', 'IgxAccordionModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/layouts/accordion/' })); diff --git a/live-editing/configs/ActionStripConfigGenerator.ts b/live-editing/configs/ActionStripConfigGenerator.ts index 9d1889188d..fbc64ff747 100644 --- a/live-editing/configs/ActionStripConfigGenerator.ts +++ b/live-editing/configs/ActionStripConfigGenerator.ts @@ -1,10 +1,13 @@ /* eslint-disable max-len */ -import {IgxActionStripModule, -IgxRippleModule, -IgxButtonModule, -IgxIconModule, -IgxButtonGroupModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing'; +import { + IgxActionStripModule, + IgxRippleModule, + IgxButtonModule, + IgxIconModule, + IgxButtonGroupModule +} from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class ActionStripConfigGenerator implements IConfigGenerator { @@ -13,31 +16,19 @@ export class ActionStripConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'ActionStripParagraphComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxActionStripModule', 'ActionStripParagraphComponent', 'IgxRippleModule', 'IgxButtonGroupModule', 'IgxButtonModule', 'IgxIconModule'], - ngDeclarations: ['ActionStripParagraphComponent'], - ngImports: ['IgxActionStripModule', 'IgxRippleModule', 'IgxButtonGroupModule', 'IgxButtonModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/menus/action-strip/' })); configs.push(new Config({ component: 'ActionStripParagraphMenuComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxActionStripModule', 'ActionStripParagraphMenuComponent', 'IgxRippleModule', 'IgxButtonModule', 'IgxIconModule'], - ngDeclarations: ['ActionStripParagraphMenuComponent'], - ngImports: ['IgxActionStripModule', 'IgxRippleModule', 'IgxButtonModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/menus/action-strip/' })); configs.push(new Config({ component: 'ActionStripStylingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxActionStripModule', 'ActionStripStylingComponent', 'IgxRippleModule', 'IgxButtonModule', 'IgxIconModule'], - ngDeclarations: ['ActionStripStylingComponent'], - ngImports: ['IgxActionStripModule', 'IgxRippleModule', 'IgxButtonModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/menus/action-strip/' })); diff --git a/live-editing/configs/AutocompleteConfigGenerator.ts b/live-editing/configs/AutocompleteConfigGenerator.ts index c6e07f8b84..bf0518f8f0 100644 --- a/live-editing/configs/AutocompleteConfigGenerator.ts +++ b/live-editing/configs/AutocompleteConfigGenerator.ts @@ -1,49 +1,32 @@ -import {IgxAutocompleteModule, +import { + IgxAutocompleteModule, IgxDropDownModule, - IgxInputGroupModule} from 'igniteui-angular'; - - import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing'; - - export class AutocompleteConfigGenerator implements IConfigGenerator { - public additionalImports = { - AutocompletePipeStartsWith: '../../src/app/data-entries/autocomplete/autocomplete/autocomplete.component', - AutocompletePipeStartsWith2: '../../src/app/data-entries/autocomplete/movie/movie.component' - + IgxInputGroupModule +} from 'igniteui-angular'; + +import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; + +export class AutocompleteConfigGenerator implements IConfigGenerator { + public additionalImports = { + AutocompletePipeStartsWith: '../../src/app/data-entries/autocomplete/autocomplete/autocomplete.component', + AutocompletePipeStartsWith2: '../../src/app/data-entries/autocomplete/movie/movie.component' }; - public generateConfigs(): Config[] { - const configs = new Array(); - - configs.push(new Config({ - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAutocompleteModule', 'IgxDropDownModule', 'IgxInputGroupModule', - 'AutocompleteBasicComponent', 'AutocompletePipeStartsWith'], - ngDeclarations: ['AutocompleteBasicComponent', 'AutocompletePipeStartsWith'], - ngImports: ['IgxAutocompleteModule', 'IgxDropDownModule', 'IgxInputGroupModule'] - }), - component: 'AutocompleteBasicComponent', - shortenComponentPathBy: "/data-entries/autocomplete/" - })); - - configs.push(new Config({ - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxAutocompleteModule', - 'IgxDropDownModule', - 'IgxInputGroupModule', - 'MovieComponent', - 'AutocompletePipeStartsWith2' - ], - ngDeclarations: ['MovieComponent', 'AutocompletePipeStartsWith2'], - ngImports: [ - 'IgxAutocompleteModule', - 'IgxDropDownModule', - 'IgxInputGroupModule' - ] - }), - component: 'MovieComponent' - })); - - return configs; - } + + public generateConfigs(): Config[] { + const configs = new Array(); + + configs.push(new Config({ + appConfig: BaseAppConfig, + component: 'AutocompleteBasicComponent', + shortenComponentPathBy: "/data-entries/autocomplete/" + })); + + configs.push(new Config({ + appConfig: BaseAppConfig, + component: 'MovieComponent' + })); + + return configs; } - \ No newline at end of file +} diff --git a/live-editing/configs/AvatarConfigGenerator.ts b/live-editing/configs/AvatarConfigGenerator.ts index e182dc231e..76c9b4fd8f 100644 --- a/live-editing/configs/AvatarConfigGenerator.ts +++ b/live-editing/configs/AvatarConfigGenerator.ts @@ -1,5 +1,6 @@ -import {IgxAvatarModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { IgxAvatarModule } from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class AvatarConfigGenerator implements IConfigGenerator { @@ -8,31 +9,19 @@ export class AvatarConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'AvatarSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAvatarModule', 'AvatarSample3Component'], - ngDeclarations: ['AvatarSample3Component'], - ngImports: ['IgxAvatarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/avatar/" })); configs.push(new Config({ component: 'AvatarStylingSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAvatarModule', 'AvatarStylingSampleComponent'], - ngDeclarations: ['AvatarStylingSampleComponent'], - ngImports: ['IgxAvatarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/avatar/" })); configs.push(new Config({ component: 'AvatarCSSVariablesComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAvatarModule', 'AvatarCSSVariablesComponent'], - ngDeclarations: ['AvatarCSSVariablesComponent'], - ngImports: ['IgxAvatarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/avatar/" })); diff --git a/live-editing/configs/BadgeConfigGenerator.ts b/live-editing/configs/BadgeConfigGenerator.ts index c37edc8ca5..04ce6672b8 100644 --- a/live-editing/configs/BadgeConfigGenerator.ts +++ b/live-editing/configs/BadgeConfigGenerator.ts @@ -1,7 +1,10 @@ -import {IgxAvatarModule, -IgxBadgeModule, -IgxListModule} from 'igniteui-angular'; -import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing'; +import { + IgxAvatarModule, + IgxBadgeModule, + IgxListModule +} from 'igniteui-angular'; +import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class BadgeConfigGenerator implements IConfigGenerator { @@ -12,11 +15,7 @@ export class BadgeConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'BadgeIconComponent', additionalFiles: ["src/app/data-display/badge/model/member.model.ts"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBadgeModule', 'IgxAvatarModule', 'BadgeIconComponent'], - ngDeclarations: ['BadgeIconComponent'], - ngImports: ['IgxBadgeModule', 'IgxAvatarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/badge/" })); @@ -24,11 +23,7 @@ export class BadgeConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'BadgeSample2Component', additionalFiles: ["src/app/data-display/badge/model/member.model.ts"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBadgeModule', 'IgxAvatarModule', 'BadgeSample2Component'], - ngDeclarations: ['BadgeSample2Component'], - ngImports: ['IgxBadgeModule', 'IgxAvatarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/badge/" })); @@ -36,22 +31,14 @@ export class BadgeConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'BadgeSample3Component', additionalFiles: ["src/app/data-display/badge/model/member.model.ts"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBadgeModule', 'IgxListModule', 'IgxAvatarModule', 'BadgeSample3Component'], - ngDeclarations: ['BadgeSample3Component'], - ngImports: ['IgxBadgeModule', 'IgxListModule', 'IgxAvatarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/badge/" })); configs.push(new Config({ component: 'BadgeStylingSampleComponent', additionalFiles: ["src/app/data-display/badge/model/member.model.ts"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBadgeModule', 'IgxListModule', 'IgxAvatarModule', 'BadgeStylingSampleComponent'], - ngDeclarations: ['BadgeStylingSampleComponent'], - ngImports: ['IgxBadgeModule', 'IgxListModule', 'IgxAvatarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/badge/" })); diff --git a/live-editing/configs/BannerConfigGenerator.ts b/live-editing/configs/BannerConfigGenerator.ts index c240c09ba1..13bab5bfc5 100644 --- a/live-editing/configs/BannerConfigGenerator.ts +++ b/live-editing/configs/BannerConfigGenerator.ts @@ -1,14 +1,17 @@ -import {IgxAvatarModule, -IgxBannerModule, -IgxButtonModule, -IgxCardModule, -IgxIconModule, -IgxInputGroupModule, -IgxNavbarModule, -IgxRippleModule, -IgxSwitchModule, -IgxToastModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { + IgxAvatarModule, + IgxBannerModule, + IgxButtonModule, + IgxCardModule, + IgxIconModule, + IgxInputGroupModule, + IgxNavbarModule, + IgxRippleModule, + IgxSwitchModule, + IgxToastModule +} from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class BannerConfigGenerator implements IConfigGenerator { @@ -18,93 +21,41 @@ export class BannerConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'BannerAdvancedSampleComponent', additionalFiles: ["/src/app/notifications/banner/banner-samples.scss"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBannerModule', - 'IgxNavbarModule', - 'IgxCardModule', - 'IgxIconModule', - 'IgxToastModule', - 'IgxButtonModule', - 'IgxRippleModule', - 'BannerAdvancedSampleComponent'], - ngDeclarations: ['BannerAdvancedSampleComponent'], - ngImports: ['IgxBannerModule', - 'IgxCardModule', - 'IgxIconModule', - 'IgxNavbarModule', - 'IgxToastModule', - 'IgxButtonModule', - 'IgxRippleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/banner/" })); configs.push(new Config({ component: 'BannerSample1Component', additionalFiles: ["/src/app/notifications/banner/banner-samples.scss"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBannerModule', - 'IgxNavbarModule', - 'IgxCardModule', - 'IgxIconModule', - 'BannerSample1Component'], - ngDeclarations: ['BannerSample1Component'], - ngImports: ['IgxBannerModule', - 'IgxCardModule', - 'IgxIconModule', - 'IgxNavbarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/banner/" })); configs.push(new Config({ component: 'BannerSample2Component', additionalFiles: ["/src/app/notifications/banner/banner-samples.scss"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBannerModule', 'IgxNavbarModule', 'IgxCardModule', 'IgxToastModule', 'IgxButtonModule', - 'IgxRippleModule', 'IgxIconModule', 'BannerSample2Component'], - ngDeclarations: ['BannerSample2Component'], - ngImports: ['IgxBannerModule', 'IgxCardModule', 'IgxNavbarModule', 'IgxToastModule', 'IgxButtonModule', - 'IgxRippleModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/banner/" })); configs.push(new Config({ component: 'BannerSample3Component', additionalFiles: ["/src/app/notifications/banner/banner-samples.scss"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBannerModule', 'IgxCardModule', 'IgxToastModule', 'IgxNavbarModule', 'IgxButtonModule', - 'IgxRippleModule', 'IgxIconModule', 'BannerSample3Component'], - ngDeclarations: ['BannerSample3Component'], - ngImports: ['IgxBannerModule', 'IgxCardModule', 'IgxToastModule', 'IgxNavbarModule', 'IgxButtonModule', - 'IgxRippleModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/banner/" })); configs.push(new Config({ component: 'BannerStylingComponent', additionalFiles: ["/src/app/notifications/banner/banner-samples.scss"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBannerModule', 'IgxCardModule', 'IgxToastModule', 'IgxNavbarModule', 'IgxButtonModule', - 'IgxRippleModule', 'IgxIconModule', 'BannerStylingComponent'], - ngDeclarations: ['BannerStylingComponent'], - ngImports: ['IgxBannerModule', 'IgxCardModule', 'IgxToastModule', 'IgxNavbarModule', 'IgxButtonModule', - 'IgxRippleModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/banner/" })); configs.push(new Config({ component: 'BannerSample4Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBannerModule', 'IgxToastModule', 'IgxAvatarModule', 'IgxButtonModule', 'IgxInputGroupModule', - 'IgxNavbarModule', 'IgxRippleModule', 'IgxIconModule', 'BannerSample4Component', 'IgxSwitchModule'], - ngDeclarations: ['BannerSample4Component'], - ngImports: ['IgxBannerModule', 'IgxAvatarModule', 'IgxRippleModule', 'IgxIconModule', 'IgxInputGroupModule', - 'IgxButtonModule', 'IgxNavbarModule', 'IgxSwitchModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/banner/" })); diff --git a/live-editing/configs/BaseConfig.ts b/live-editing/configs/BaseConfig.ts new file mode 100644 index 0000000000..d8f4d4f0dc --- /dev/null +++ b/live-editing/configs/BaseConfig.ts @@ -0,0 +1,11 @@ +export const BaseAppConfig = { + modules: [ + { 'module': 'BrowserModule', 'import': '@angular/platform-browser' }, + { 'module': 'FormsModule', 'import': '@angular/forms' }, + { 'module': 'HammerModule', 'import': '@angular/platform-browser' } + ], + providers: [ + { 'provider': 'provideAnimations()', 'import': '@angular/platform-browser/animations' } + ], + router: false +} \ No newline at end of file diff --git a/live-editing/configs/ButtonConfigGenerator.ts b/live-editing/configs/ButtonConfigGenerator.ts index 12384e8fb9..3c61f44ddc 100644 --- a/live-editing/configs/ButtonConfigGenerator.ts +++ b/live-editing/configs/ButtonConfigGenerator.ts @@ -1,8 +1,11 @@ -import {IgxButtonGroupModule, -IgxButtonModule, -IgxIconModule, -IgxRippleModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { + IgxButtonGroupModule, + IgxButtonModule, + IgxIconModule, + IgxRippleModule +} from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; import { ButtonsRoundnessComponent } from '../../src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample'; export class ButtonConfigGenerator implements IConfigGenerator { @@ -13,56 +16,34 @@ export class ButtonConfigGenerator implements IConfigGenerator { // buttons sample 1 configs.push(new Config({ component: 'ButtonsSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'ButtonsSample1Component'], - ngDeclarations: ['ButtonsSample1Component'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttons/" })); // buttons roundness configs.push(new Config({ component: 'ButtonsDisabledComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'ButtonsDisabledComponent'], - ngDeclarations: ['ButtonsDisabledComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttons/" })); // buttons display density configs.push(new Config({ component: 'ButtonsDisplayDensityComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxButtonGroupModule', - 'ButtonsDisplayDensityComponent'], - ngDeclarations: ['ButtonsDisplayDensityComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxButtonGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttons/" })); configs.push(new Config({ component: 'ButtonsRoundnessComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'ButtonsRoundnessComponent'], - ngDeclarations: ['ButtonsRoundnessComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttons/" })); // button style configs.push(new Config({ component: 'ButtonsStyleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxButtonGroupModule', - 'ButtonsStyleComponent'], - ngDeclarations: ['ButtonsStyleComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxButtonGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttons/" })); diff --git a/live-editing/configs/ButtonGroupConfigGenerator.ts b/live-editing/configs/ButtonGroupConfigGenerator.ts index ff5ecd60a3..55ced086f5 100644 --- a/live-editing/configs/ButtonGroupConfigGenerator.ts +++ b/live-editing/configs/ButtonGroupConfigGenerator.ts @@ -4,6 +4,7 @@ IgxIconModule, IgxRippleModule, IgxRadioModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class ButtonGroupConfigGenerator implements IConfigGenerator { @@ -13,68 +14,42 @@ export class ButtonGroupConfigGenerator implements IConfigGenerator { // button group 1 configs.push(new Config({ component: 'ButtonGroupSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonGroupModule', 'ButtonGroupSample1Component', 'IgxRippleModule', - 'IgxIconModule', 'IgxButtonModule'], - ngDeclarations: ['ButtonGroupSample1Component'], - ngImports: ['IgxButtonGroupModule', 'IgxRippleModule', 'IgxIconModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttonGroup/" })); // button group 2 configs.push(new Config({ component: 'ButtonGroupSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonGroupModule', 'ButtonGroupSample2Component', 'IgxButtonModule', 'IgxRippleModule'], - ngDeclarations: ['ButtonGroupSample2Component'], - ngImports: ['IgxButtonGroupModule', 'IgxButtonModule', 'IgxRippleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttonGroup/" })); // button group 3 configs.push(new Config({ component: 'ButtonGroupSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonGroupModule', 'ButtonGroupSample3Component'], - ngDeclarations: ['ButtonGroupSample3Component'], - ngImports: ['IgxButtonGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttonGroup/" })); // button group 4 configs.push(new Config({ component: 'ButtonGroupSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonGroupModule', 'ButtonGroupSampleComponent', 'IgxIconModule', - 'IgxButtonModule', 'IgxRippleModule', 'IgxRadioModule'], - ngDeclarations: ['ButtonGroupSampleComponent'], - ngImports: ['IgxButtonGroupModule', 'IgxIconModule', 'IgxButtonModule', 'IgxRippleModule', 'IgxRadioModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttonGroup/" })); // button group 5 configs.push(new Config({ component: 'ButtonGroupSample5Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonGroupModule', 'ButtonGroupSample5Component'], - ngDeclarations: ['ButtonGroupSample5Component'], - ngImports: ['IgxButtonGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttonGroup/" })); // button group style configs.push(new Config({ component: 'ButtonGroupStyleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonGroupModule', 'ButtonGroupStyleComponent', 'IgxRippleModule', 'IgxIconModule', 'IgxButtonModule'], - ngDeclarations: ['ButtonGroupStyleComponent'], - ngImports: ['IgxButtonGroupModule', 'IgxRippleModule', 'IgxIconModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttonGroup/" })); diff --git a/live-editing/configs/CalendarConfigGenerator.ts b/live-editing/configs/CalendarConfigGenerator.ts index a3f69f7181..56ae12fac9 100644 --- a/live-editing/configs/CalendarConfigGenerator.ts +++ b/live-editing/configs/CalendarConfigGenerator.ts @@ -1,12 +1,14 @@ -import {IgxButtonModule, -IgxButtonGroupModule, -IgxCalendarModule, -IgxCardModule, -IgxDialogModule, -IgxPrefixModule, -IgxSelectModule, -IgxSnackbarModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { + IgxButtonModule, + IgxButtonGroupModule, + IgxCalendarModule, + IgxCardModule, + IgxDialogModule, + IgxSelectModule, + IgxSnackbarModule +} from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class CalendarConfigGenerator implements IConfigGenerator { @@ -15,151 +17,91 @@ export class CalendarConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'CalendarSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'CalendarSample1Component'], - ngDeclarations: ['CalendarSample1Component'], - ngImports: ['IgxCalendarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ component: 'CalendarSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'IgxSelectModule', 'CalendarSample2Component'], - ngDeclarations: ['CalendarSample2Component'], - ngImports: ['IgxCalendarModule', 'IgxSelectModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ component: 'CalendarRtlSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'IgxPrefixModule', 'IgxSelectModule', 'CalendarRtlSampleComponent'], - ngDeclarations: ['CalendarRtlSampleComponent'], - ngImports: ['IgxCalendarModule', 'IgxPrefixModule', 'IgxSelectModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ component: 'CalendarSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'IgxDialogModule', 'CalendarSample3Component'], - ngDeclarations: ['CalendarSample3Component'], - ngImports: ['IgxCalendarModule', 'IgxDialogModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ additionalFiles: ["/src/app/date-parser.ts"], component: 'CalendarSample4Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'CalendarSample4Component'], - ngDeclarations: ['CalendarSample4Component'], - ngImports: ['IgxCalendarModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'CalendarSample5Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'IgxDialogModule', 'CalendarSample5Component'], - ngDeclarations: ['CalendarSample5Component'], - ngImports: ['IgxCalendarModule', 'IgxDialogModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ component: 'CalendarSample6Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'CalendarSample6Component'], - ngDeclarations: ['CalendarSample6Component'], - ngImports: ['IgxCalendarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ component: 'CalendarSample7Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxCalendarModule', 'IgxDialogModule', 'CalendarSample7Component'], - ngDeclarations: ['CalendarSample7Component'], - ngImports: ['IgxButtonModule', 'IgxCalendarModule', 'IgxDialogModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ component: 'CalendarSample8Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'IgxSnackbarModule', 'CalendarSample8Component'], - ngDeclarations: ['CalendarSample8Component'], - ngImports: ['IgxCalendarModule', 'IgxSnackbarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ component: 'CalendarSample9Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxButtonGroupModule', 'IgxCalendarModule', 'CalendarSample9Component'], - ngDeclarations: ['CalendarSample9Component'], - ngImports: ['IgxButtonModule', 'IgxButtonGroupModule', 'IgxCalendarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ component: 'CalendarStylingSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'CalendarStylingSampleComponent'], - ngDeclarations: ['CalendarStylingSampleComponent'], - ngImports: ['IgxCalendarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ component: 'CalendarDaysViewComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'CalendarDaysViewComponent', 'IgxCardModule'], - ngDeclarations: ['CalendarDaysViewComponent'], - ngImports: ['IgxCalendarModule', 'IgxCardModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ component: 'CalendarMonthsViewComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'CalendarMonthsViewComponent', 'IgxCardModule'], - ngDeclarations: ['CalendarMonthsViewComponent'], - ngImports: ['IgxCalendarModule', 'IgxCardModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ component: 'CalendarYearsViewComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'CalendarYearsViewComponent', 'IgxCardModule'], - ngDeclarations: ['CalendarYearsViewComponent'], - ngImports: ['IgxCalendarModule', 'IgxCardModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); configs.push(new Config({ component: 'CalendarMultiViewComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxCalendarModule', 'IgxDialogModule', 'CalendarMultiViewComponent'], - ngDeclarations: ['CalendarMultiViewComponent'], - ngImports: ['IgxButtonModule', 'IgxCalendarModule', 'IgxDialogModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); diff --git a/live-editing/configs/CardConfigGenerator.ts b/live-editing/configs/CardConfigGenerator.ts index d73e44f5ed..e6ae6171ce 100644 --- a/live-editing/configs/CardConfigGenerator.ts +++ b/live-editing/configs/CardConfigGenerator.ts @@ -1,15 +1,18 @@ -import {IgxAvatarModule, -IgxButtonModule, -IgxCardModule, -IgxChipsModule, -IgxDividerModule, -IgxExpansionPanelModule, -IgxIconModule, -IgxLayoutModule, -IgxListModule, -IgxRippleModule, -IgxSliderModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { + IgxAvatarModule, + IgxButtonModule, + IgxCardModule, + IgxChipsModule, + IgxDividerModule, + IgxExpansionPanelModule, + IgxIconModule, + IgxLayoutModule, + IgxListModule, + IgxRippleModule, + IgxSliderModule +} from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class CardConfigGenerator implements IConfigGenerator { @@ -19,22 +22,7 @@ export class CardConfigGenerator implements IConfigGenerator { // card sample configs.push(new Config({ component: 'CardComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxCardModule', - 'IgxRippleModule', - 'CardComponent' - ], - ngDeclarations: ['CardComponent'], - ngImports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxCardModule', - 'IgxRippleModule' - ] - }), + appConfig: BaseAppConfig, additionalFiles: [ "/src/app/layouts/card/card.blueprint.ts" ], @@ -44,22 +32,7 @@ export class CardConfigGenerator implements IConfigGenerator { // card sample 1 configs.push(new Config({ component: 'CardSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxCardModule', - 'IgxDividerModule', - 'CardSample1Component' - ], - ngDeclarations: ['CardSample1Component'], - ngImports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxCardModule', - 'IgxDividerModule' - ] - }), + appConfig: BaseAppConfig, additionalFiles: [ "/src/app/layouts/card/card.blueprint.ts" ], @@ -69,24 +42,7 @@ export class CardConfigGenerator implements IConfigGenerator { // card sample 2 configs.push(new Config({ component: 'CardSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxCardModule', - 'IgxDividerModule', - 'IgxLayoutModule', - 'CardSample2Component' - ], - ngDeclarations: ['CardSample2Component'], - ngImports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxCardModule', - 'IgxDividerModule', - 'IgxLayoutModule', - ] - }), + appConfig: BaseAppConfig, additionalFiles: [ "/src/app/layouts/card/card.blueprint.ts" ], @@ -96,24 +52,7 @@ export class CardConfigGenerator implements IConfigGenerator { // card sample 3 configs.push(new Config({ component: 'CardSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxAvatarModule', - 'IgxButtonModule', - 'IgxCardModule', - 'IgxRippleModule', - 'CardSample3Component', - 'IgxLayoutModule', - ], - ngDeclarations: ['CardSample3Component'], - ngImports: [ - 'IgxAvatarModule', - 'IgxButtonModule', - 'IgxCardModule', - 'IgxRippleModule', - 'IgxLayoutModule', - ] - }), + appConfig: BaseAppConfig, additionalFiles: [ "/src/app/layouts/card/card.blueprint.ts" ], @@ -123,34 +62,7 @@ export class CardConfigGenerator implements IConfigGenerator { // card sample 4 configs.push(new Config({ component: 'CardSample4Component', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxAvatarModule', - 'IgxButtonModule', - 'IgxIconModule', - 'IgxCardModule', - 'IgxDividerModule', - 'IgxRippleModule', - 'IgxChipsModule', - 'IgxSliderModule', - 'IgxListModule', - 'IgxExpansionPanelModule', - 'CardSample4Component' - ], - ngDeclarations: ['CardSample4Component'], - ngImports: [ - 'IgxAvatarModule', - 'IgxButtonModule', - 'IgxIconModule', - 'IgxCardModule', - 'IgxDividerModule', - 'IgxRippleModule', - 'IgxChipsModule', - 'IgxListModule', - 'IgxExpansionPanelModule', - 'IgxSliderModule' - ] - }), + appConfig: BaseAppConfig, additionalFiles: [ "/src/app/layouts/card/card.blueprint.ts" ], @@ -160,22 +72,7 @@ export class CardConfigGenerator implements IConfigGenerator { // card styling sample configs.push(new Config({ component: 'CardStylingSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxCardModule', - 'IgxRippleModule', - 'CardStylingSampleComponent' - ], - ngDeclarations: ['CardStylingSampleComponent'], - ngImports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxCardModule', - 'IgxRippleModule' - ] - }), + appConfig: BaseAppConfig, additionalFiles: [ "/src/app/layouts/card/card.blueprint.ts" ], diff --git a/live-editing/configs/CarouselConfigGenerator.ts b/live-editing/configs/CarouselConfigGenerator.ts index b9dfdedbcf..aeccd5f3d5 100644 --- a/live-editing/configs/CarouselConfigGenerator.ts +++ b/live-editing/configs/CarouselConfigGenerator.ts @@ -1,13 +1,16 @@ -import {IgxButtonModule, -IgxCardModule, -IgxCarouselModule, -IgxIconModule, -IgxInputGroupModule, -IgxListModule, -IgxPrefixDirective, -IgxSelectModule, -IgxSliderModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { + IgxButtonModule, + IgxCardModule, + IgxCarouselModule, + IgxIconModule, + IgxInputGroupModule, + IgxListModule, + IgxPrefixDirective, + IgxSelectModule, + IgxSliderModule +} from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class CarouselConfigGenerator implements IConfigGenerator { @@ -16,59 +19,25 @@ export class CarouselConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'CarouselComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCarouselModule', 'IgxSliderModule', 'CarouselComponent'], - ngDeclarations: ['CarouselComponent'], - ngImports: ['IgxCarouselModule', 'IgxSliderModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/" })); configs.push(new Config({ component: 'CarouselNoNavigationSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxCarouselModule', - 'IgxListModule', - 'CarouselNoNavigationSampleComponent' - ], - ngDeclarations: ['CarouselNoNavigationSampleComponent'], - ngImports: ['IgxCarouselModule', 'IgxListModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/carousel/" })); configs.push(new Config({ component: 'CarouselWithComponentsSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxCarouselModule', - 'IgxListModule', - 'IgxInputGroupModule', - 'IgxIconModule', - 'IgxButtonModule', - 'CarouselWithComponentsSampleComponent' - ], - ngDeclarations: ['CarouselWithComponentsSampleComponent'], - ngImports: [ - 'IgxCarouselModule', - 'IgxListModule', - 'IgxInputGroupModule', - 'IgxIconModule', - 'IgxButtonModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/carousel/" })); configs.push(new Config({ component: 'CarouselAnimationsSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCarouselModule', - 'CarouselAnimationsSampleComponent', 'IgxIconModule', 'IgxSelectModule', 'IgxButtonModule', 'IgxCardModule'], - ngDeclarations: ['CarouselAnimationsSampleComponent'], - ngImports: ['IgxCarouselModule', 'IgxIconModule', 'IgxSelectModule', 'IgxButtonModule', 'IgxCardModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/carousel/" })); diff --git a/live-editing/configs/CheckboxConfigGenerator.ts b/live-editing/configs/CheckboxConfigGenerator.ts index dd1f67415e..9afc6309de 100644 --- a/live-editing/configs/CheckboxConfigGenerator.ts +++ b/live-editing/configs/CheckboxConfigGenerator.ts @@ -1,5 +1,6 @@ -import {IgxCheckboxModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { IgxCheckboxModule } from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class CheckboxConfigGenerator implements IConfigGenerator { @@ -9,43 +10,27 @@ export class CheckboxConfigGenerator implements IConfigGenerator { // checkbox sample 2 configs.push(new Config({ component: 'CheckboxSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCheckboxModule', 'CheckboxSample1Component'], - ngDeclarations: ['CheckboxSample1Component'], - ngImports: ['IgxCheckboxModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/checkbox/" })); // checkbox sample 2 configs.push(new Config({ component: 'CheckboxSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCheckboxModule', 'CheckboxSample2Component'], - ngDeclarations: ['CheckboxSample2Component'], - ngImports: ['IgxCheckboxModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/checkbox/" })); configs.push(new Config({ component: 'CheckboxSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCheckboxModule', 'CheckboxSample3Component'], - ngDeclarations: ['CheckboxSample3Component'], - ngImports: ['IgxCheckboxModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/checkbox/" })); // checkbox styling configs.push(new Config({ component: 'CheckboxStylingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCheckboxModule', 'CheckboxStylingComponent'], - ngDeclarations: ['CheckboxStylingComponent'], - ngImports: ['IgxCheckboxModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/checkbox/" })); diff --git a/live-editing/configs/ChipConfigGenerator.ts b/live-editing/configs/ChipConfigGenerator.ts index 57d3ed432a..f7c9335c7b 100644 --- a/live-editing/configs/ChipConfigGenerator.ts +++ b/live-editing/configs/ChipConfigGenerator.ts @@ -1,7 +1,10 @@ -import {IgxAvatarModule, -IgxChipsModule, -IgxIconModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { + IgxAvatarModule, + IgxChipsModule, + IgxIconModule +} from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class ChipConfigGenerator implements IConfigGenerator { @@ -10,36 +13,19 @@ export class ChipConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'ChipSimpleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxChipsModule', 'IgxIconModule', 'ChipSimpleComponent'], - ngDeclarations: ['ChipSimpleComponent'], - ngImports: ['IgxChipsModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/" })); configs.push(new Config({ component: 'ChipAreaSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxChipsModule', - 'IgxIconModule', - 'IgxAvatarModule', - 'ChipAreaSampleComponent' - ], - ngDeclarations: ['ChipAreaSampleComponent'], - ngImports: ['IgxChipsModule', 'IgxIconModule', 'IgxAvatarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/" })); configs.push(new Config({ component: 'ChipStylingSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxChipsModule', 'IgxIconModule', 'ChipStylingSampleComponent'], - ngDeclarations: ['ChipStylingSampleComponent'], - ngImports: ['IgxChipsModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/" })); diff --git a/live-editing/configs/CircularProgressbarConfigGenerator.ts b/live-editing/configs/CircularProgressbarConfigGenerator.ts index ef8b249c13..e4c6a40057 100644 --- a/live-editing/configs/CircularProgressbarConfigGenerator.ts +++ b/live-editing/configs/CircularProgressbarConfigGenerator.ts @@ -1,8 +1,11 @@ -import {IgxButtonModule, -IgxIconModule, -IgxProgressBarModule, -IgxRippleModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { + IgxButtonModule, + IgxIconModule, + IgxProgressBarModule, + IgxRippleModule +} from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class CircularProgressbarConfigGenerator implements IConfigGenerator { @@ -11,50 +14,25 @@ export class CircularProgressbarConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'CircularProgressbarComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxProgressBarModule', 'CircularProgressbarComponent'], - ngDeclarations: ['CircularProgressbarComponent'], - ngImports: ['IgxProgressBarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/" })); configs.push(new Config({ component: 'CircularIndeterminateProgressbarComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxProgressBarModule', 'CircularIndeterminateProgressbarComponent'], - ngDeclarations: ['CircularIndeterminateProgressbarComponent'], - ngImports: ['IgxProgressBarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/circular-progressbar/" })); configs.push(new Config({ component: 'CircularDynamicSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxProgressBarModule', - 'IgxRippleModule', - 'CircularDynamicSampleComponent'], - ngDeclarations: ['CircularDynamicSampleComponent'], - ngImports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxProgressBarModule', - 'IgxRippleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/" })); configs.push(new Config({ component: 'CircularStylingSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxProgressBarModule', 'CircularStylingSampleComponent'], - ngDeclarations: ['CircularStylingSampleComponent'], - ngImports: ['IgxProgressBarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/circular-progressbar/" })); diff --git a/live-editing/configs/ComboConfigGenerator.ts b/live-editing/configs/ComboConfigGenerator.ts index 87c5798013..3fda319d13 100644 --- a/live-editing/configs/ComboConfigGenerator.ts +++ b/live-editing/configs/ComboConfigGenerator.ts @@ -9,12 +9,12 @@ import { IgxSwitchModule, IgxToastModule, IgxIconModule, - IgxPrefixModule, IgxSimpleComboModule, IgxProgressBarModule } from 'igniteui-angular'; import { IgxFinancialChartModule } from 'igniteui-angular-charts'; import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'; +import { BaseAppConfig } from './BaseConfig'; export class ComboConfigGenerator implements IConfigGenerator { public additionalImports = { RemoteNWindService: '../../src/app/services/remoteNwind.service' @@ -24,86 +24,52 @@ export class ComboConfigGenerator implements IConfigGenerator { configs.push(new Config({ additionalFiles: ['/src/app/lists/combo/combo-features/local-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxComboModule', 'IgxSwitchModule', 'ComboFeaturesComponent'], - ngDeclarations: ['ComboFeaturesComponent'], - ngImports: ['IgxComboModule', 'IgxSwitchModule'] - }), + appConfig: BaseAppConfig, component: 'ComboFeaturesComponent', shortenComponentPathBy: '/lists/combo/' })); configs.push(new Config({ additionalFiles: ['/src/app/data/heroData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxComboModule', 'IgxToastModule', 'ComboStylingComponent'], - ngDeclarations: ['ComboStylingComponent'], - ngImports: ['IgxComboModule', 'IgxToastModule'] - }), + appConfig: BaseAppConfig, component: 'ComboStylingComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/lists/combo/combo-main/local-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxComboModule', 'ComboMainComponent'], - ngDeclarations: ['ComboMainComponent'], - ngImports: ['IgxComboModule'] - }), + appConfig: BaseAppConfig, component: 'ComboMainComponent', shortenComponentPathBy: '/lists/combo/' })); configs.push(new Config({ additionalFiles: ['/src/app/lists/combo/combo-template/local-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxComboModule', 'IgxIconModule', 'IgxPrefixModule', 'ComboTemplateComponent'], - ngDeclarations: ['ComboTemplateComponent'], - ngImports: ['IgxComboModule', 'IgxIconModule', 'IgxPrefixModule'] - }), + appConfig: BaseAppConfig, component: 'ComboTemplateComponent', shortenComponentPathBy: '/lists/combo/' })); configs.push(new Config({ additionalFiles: ['/src/app/services/remoteNwind.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxComboModule', 'IgxToastModule', 'ComboRemoteComponent', - 'HttpClientModule', 'RemoteNWindService'], - ngDeclarations: ['ComboRemoteComponent'], - ngImports: ['IgxComboModule', 'IgxToastModule', 'HttpClientModule'], - ngProviders: ['RemoteNWindService'] - }), + appConfig: BaseAppConfig, component: 'ComboRemoteComponent' })); configs.push(new Config({ - appModuleConfig: new AppModuleConfig({ - imports: ['IgxComboModule', 'ComboOverlayComponent'], - ngDeclarations: ['ComboOverlayComponent'], - ngImports: ['IgxComboModule'] - }), + appConfig: BaseAppConfig, component: 'ComboOverlayComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/lists/combo/combo-binding/cities.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxComboModule', 'IgxButtonModule', 'IgxCardModule', 'ComboBindingComponent'], - ngDeclarations: ['ComboBindingComponent'], - ngImports: ['IgxComboModule', 'IgxButtonModule', 'IgxCardModule'] - }), + appConfig: BaseAppConfig, component: 'ComboBindingComponent', shortenComponentPathBy: '/lists/combo/' })); configs.push(new Config({ additionalFiles: ['/src/app/lists/combo/combo-valuekey/cities.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxComboModule', 'IgxButtonModule', 'ComboValueKeyComponent'], - ngDeclarations: ['ComboValueKeyComponent'], - ngImports: ['IgxComboModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, component: 'ComboValueKeyComponent', shortenComponentPathBy: '/lists/combo/' })); @@ -111,53 +77,31 @@ export class ComboConfigGenerator implements IConfigGenerator { configs.push(new Config({ additionalFiles: ['/src/app/data/stocks-data.ts'], additionalDependencies: ['igniteui-angular-charts', 'igniteui-angular-core'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonGroupModule', 'IgxComboModule', 'IgxFinancialChartModule', 'IgxSimpleComboModule', 'SimpleComboMainComponent'], - ngDeclarations: ['SimpleComboMainComponent'], - ngImports: ['IgxButtonGroupModule', 'IgxComboModule', 'IgxFinancialChartModule', 'IgxSimpleComboModule'] - }), + appConfig: BaseAppConfig, component: 'SimpleComboMainComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/data/cities15000-regions-countries.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxComboModule', 'SimpleComboUsageComponent', 'IgxSimpleComboModule'], - ngDeclarations: ['SimpleComboUsageComponent'], - ngImports: ['IgxComboModule', 'IgxSimpleComboModule'] - }), + appConfig: BaseAppConfig, component: 'SimpleComboUsageComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/data/cities15000-regions-countries.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxComboModule', 'IgxSimpleComboModule', 'IgxProgressBarModule', 'SimpleComboCascadingComponent'], - ngDeclarations: ['SimpleComboCascadingComponent'], - ngImports: ['IgxComboModule', 'IgxSimpleComboModule', 'IgxProgressBarModule'] - }), + appConfig: BaseAppConfig, component: 'SimpleComboCascadingComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/services/remoteNwind.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxComboModule', 'IgxSimpleComboModule', 'IgxToastModule', - 'HttpClientModule', 'RemoteNWindService', 'SimpleComboRemoteComponent'], - ngDeclarations: ['SimpleComboRemoteComponent'], - ngImports: ['IgxComboModule', 'IgxSimpleComboModule', 'IgxToastModule', 'HttpClientModule'], - ngProviders: ['RemoteNWindService'] - }), + appConfig: BaseAppConfig, component: 'SimpleComboRemoteComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/data/cities15000-regions-countries.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxComboModule', 'IgxSimpleComboModule', 'SimpleComboStylingComponent'], - ngDeclarations: ['SimpleComboStylingComponent'], - ngImports: ['IgxComboModule', 'IgxSimpleComboModule'] - }), + appConfig: BaseAppConfig, component: 'SimpleComboStylingComponent' })); diff --git a/live-editing/configs/DatePickerConfigGenerator.ts b/live-editing/configs/DatePickerConfigGenerator.ts index 5edbe4be27..2b9bf15bc9 100644 --- a/live-editing/configs/DatePickerConfigGenerator.ts +++ b/live-editing/configs/DatePickerConfigGenerator.ts @@ -1,15 +1,18 @@ -import {ReactiveFormsModule} from '@angular/forms'; -import {IgxAutocompleteModule, -IgxButtonModule, -IgxCalendarModule, -IgxDatePickerModule, -IgxTimePickerModule, -IgxDropDownModule, -IgxIconModule, -IgxInputGroupModule, -IgxSnackbarModule, -IgxToggleModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { ReactiveFormsModule } from '@angular/forms'; +import { + IgxAutocompleteModule, + IgxButtonModule, + IgxCalendarModule, + IgxDatePickerModule, + IgxTimePickerModule, + IgxDropDownModule, + IgxIconModule, + IgxInputGroupModule, + IgxSnackbarModule, + IgxToggleModule +} from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class DatePickerConfigGenerator implements IConfigGenerator { @@ -19,44 +22,28 @@ export class DatePickerConfigGenerator implements IConfigGenerator { // date picker sample 1 configs.push(new Config({ component: 'DatepickerSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDatePickerModule', 'DatepickerSample1Component'], - ngDeclarations: ['DatepickerSample1Component'], - ngImports: ['IgxDatePickerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/datepicker/" })); // date picker sample 2 configs.push(new Config({ component: 'DatepickerSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDatePickerModule', 'DatepickerSample2Component'], - ngDeclarations: ['DatepickerSample2Component'], - ngImports: ['IgxDatePickerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/datepicker/" })); // date picker sample 3 configs.push(new Config({ component: 'DatepickerSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDatePickerModule', 'DatepickerSample3Component'], - ngDeclarations: ['DatepickerSample3Component'], - ngImports: ['IgxDatePickerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/datepicker/" })); // date picker sample 4 configs.push(new Config({ component: 'DatepickerSample4Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDatePickerModule', 'DatepickerSample4Component'], - ngDeclarations: ['DatepickerSample4Component'], - ngImports: ['IgxDatePickerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/datepicker/" })); @@ -64,80 +51,46 @@ export class DatePickerConfigGenerator implements IConfigGenerator { configs.push(new Config({ additionalFiles: ["/src/app/date-parser.ts"], component: 'DatepickerSample5Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDatePickerModule', 'DatepickerSample5Component'], - ngDeclarations: ['DatepickerSample5Component'], - ngImports: ['IgxDatePickerModule'] - }) + appConfig: BaseAppConfig })); // date picker sample 6 configs.push(new Config({ component: 'DatepickerSample6Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDatePickerModule', 'DatepickerSample6Component', 'IgxIconModule', 'IgxInputGroupModule'], - ngDeclarations: ['DatepickerSample6Component'], - ngImports: ['IgxDatePickerModule', 'IgxIconModule', 'IgxInputGroupModule'] - }) + appConfig: BaseAppConfig })); // date picker sample `datepicker-dropdown` configs.push(new Config({ component: 'DatepickerDropdownComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDatePickerModule', 'DatepickerDropdownComponent', 'IgxIconModule', 'IgxInputGroupModule'], - ngDeclarations: ['DatepickerDropdownComponent'], - ngImports: ['IgxDatePickerModule', 'IgxIconModule', 'IgxInputGroupModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'DatepickerSample7Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDatePickerModule', 'DatepickerSample7Component', 'IgxIconModule', - 'IgxInputGroupModule', 'IgxSnackbarModule'], - ngDeclarations: ['DatepickerSample7Component'], - ngImports: ['IgxDatePickerModule', 'IgxIconModule', 'IgxInputGroupModule', 'IgxSnackbarModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'DatepickerSample8Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxDatePickerModule', 'DatepickerSample8Component', 'IgxIconModule', - 'IgxInputGroupModule'], - ngDeclarations: ['DatepickerSample8Component'], - ngImports: ['IgxButtonModule', 'IgxDatePickerModule', 'IgxIconModule', 'IgxInputGroupModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'DatepickerStylingSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDatePickerModule', 'DatepickerStylingSampleComponent', 'IgxIconModule'], - ngDeclarations: ['DatepickerStylingSampleComponent'], - ngImports: ['IgxDatePickerModule', 'IgxIconModule'] - }) + appConfig: BaseAppConfig })); // date & time picker - template driven form configs.push(new Config({ component: 'DateTimePickerTDFSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['DateTimePickerTDFSampleComponent', 'IgxDatePickerModule', 'IgxTimePickerModule'], - ngDeclarations: ['DateTimePickerTDFSampleComponent'], - ngImports: ['IgxDatePickerModule', 'IgxTimePickerModule'] - }) + appConfig: BaseAppConfig })); // date & time picker - reactive form configs.push(new Config({ component: 'DateTimePickerRFSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['DateTimePickerRFSampleComponent', 'IgxDatePickerModule', 'IgxTimePickerModule', 'ReactiveFormsModule'], - ngDeclarations: ['DateTimePickerRFSampleComponent'], - ngImports: ['IgxDatePickerModule', 'IgxTimePickerModule', 'ReactiveFormsModule'] - }) + appConfig: BaseAppConfig })); return configs; diff --git a/live-editing/configs/DateRangePickerConfigGenerator.ts b/live-editing/configs/DateRangePickerConfigGenerator.ts index 863cde49e5..49ded94f05 100644 --- a/live-editing/configs/DateRangePickerConfigGenerator.ts +++ b/live-editing/configs/DateRangePickerConfigGenerator.ts @@ -1,25 +1,24 @@ -import {IgxDateRangePickerModule, -IgxIconModule, -IgxInputGroupModule, -IgxDateTimeEditorModule, -IgxDatePickerModule, -IgxSelectModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { + IgxDateRangePickerModule, + IgxIconModule, + IgxInputGroupModule, + IgxDateTimeEditorModule, + IgxDatePickerModule, + IgxSelectModule +} from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class DateRangePickerConfigGenerator implements IConfigGenerator { public additionalImports = { PipeWithoutTownFrom: '../../src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking' -}; + }; public generateConfigs(): Config[] { const configs = new Array(); configs.push( new Config({ component: 'BasicDateRangePickerComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDateRangePickerModule', 'IgxInputGroupModule', 'BasicDateRangePickerComponent'], - ngDeclarations: ['BasicDateRangePickerComponent'], - ngImports: ['IgxDateRangePickerModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/daterangepicker/" }) ); @@ -27,11 +26,7 @@ export class DateRangePickerConfigGenerator implements IConfigGenerator { configs.push( new Config({ component: 'DateRangePickerModeComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDateRangePickerModule', 'DateRangePickerModeComponent'], - ngDeclarations: ['DateRangePickerModeComponent'], - ngImports: ['IgxDateRangePickerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/daterangepicker/" }) ); @@ -39,11 +34,7 @@ export class DateRangePickerConfigGenerator implements IConfigGenerator { configs.push( new Config({ component: 'DateRangePickerRangeButtonsComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDateRangePickerModule', 'DateRangePickerRangeButtonsComponent'], - ngDeclarations: ['DateRangePickerRangeButtonsComponent'], - ngImports: ['IgxDateRangePickerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/daterangepicker/" }) ); @@ -51,12 +42,7 @@ export class DateRangePickerConfigGenerator implements IConfigGenerator { configs.push( new Config({ component: 'DateRangePickerStartEndComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDateRangePickerModule', 'DateRangePickerStartEndComponent', 'IgxDatePickerModule', 'IgxDateTimeEditorModule', - 'IgxInputGroupModule', 'IgxIconModule' ], - ngDeclarations: ['DateRangePickerStartEndComponent'], - ngImports: ['IgxDateRangePickerModule', 'IgxDatePickerModule', 'IgxDateTimeEditorModule', 'IgxInputGroupModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/daterangepicker/" }) ); @@ -64,12 +50,7 @@ export class DateRangePickerConfigGenerator implements IConfigGenerator { configs.push( new Config({ component: 'DateRangePickerValidationComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDateRangePickerModule', 'DateRangePickerValidationComponent', 'IgxDatePickerModule', - 'IgxInputGroupModule', 'IgxIconModule', 'IgxDateTimeEditorModule'], - ngDeclarations: ['DateRangePickerValidationComponent'], - ngImports: ['IgxDateRangePickerModule', 'IgxDatePickerModule', 'IgxInputGroupModule', 'IgxIconModule', 'IgxDateTimeEditorModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/daterangepicker/" }) ); @@ -77,12 +58,7 @@ export class DateRangePickerConfigGenerator implements IConfigGenerator { configs.push( new Config({ component: 'StyledDateRangePickerComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDateRangePickerModule', 'StyledDateRangePickerComponent', - 'IgxInputGroupModule', 'IgxIconModule', 'IgxDatePickerModule' , 'IgxDateTimeEditorModule'], - ngDeclarations: ['StyledDateRangePickerComponent'], - ngImports: ['IgxDateRangePickerModule', 'IgxDatePickerModule', 'IgxDateTimeEditorModule', 'IgxInputGroupModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/daterangepicker/" }) ); @@ -90,12 +66,7 @@ export class DateRangePickerConfigGenerator implements IConfigGenerator { configs.push( new Config({ component: 'FlightBookingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDateRangePickerModule', 'IgxSelectModule', - 'IgxInputGroupModule', 'IgxIconModule', 'FlightBookingComponent', 'PipeWithoutTownFrom'], - ngDeclarations: ['FlightBookingComponent', 'PipeWithoutTownFrom'], - ngImports: ['IgxDateRangePickerModule', 'IgxSelectModule', 'IgxInputGroupModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/daterangepicker/" }) ); diff --git a/live-editing/configs/DateTimeEditorConfigGenerator.ts b/live-editing/configs/DateTimeEditorConfigGenerator.ts index f867b430a5..bcf75cf4a9 100644 --- a/live-editing/configs/DateTimeEditorConfigGenerator.ts +++ b/live-editing/configs/DateTimeEditorConfigGenerator.ts @@ -1,8 +1,11 @@ -import {IgxDateTimeEditorModule, -IgxIconModule, -IgxInputGroupModule, -IgxTextSelectionModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { + IgxDateTimeEditorModule, + IgxIconModule, + IgxInputGroupModule, + IgxTextSelectionModule +} from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class DateTimeEditorConfigGenerator implements IConfigGenerator { @@ -13,12 +16,7 @@ export class DateTimeEditorConfigGenerator implements IConfigGenerator { configs.push( new Config({ component: 'DateTimeBasicComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'DateTimeBasicComponent', - 'IgxDateTimeEditorModule', 'IgxTextSelectionModule'], - ngDeclarations: ['DateTimeBasicComponent'], - ngImports: ['IgxInputGroupModule', 'IgxDateTimeEditorModule', 'IgxTextSelectionModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/datetimeeditor/" }) ); @@ -26,11 +24,7 @@ export class DateTimeEditorConfigGenerator implements IConfigGenerator { // Date Time Advanced configs.push(new Config({ component: 'DateTimeAdvancedComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'IgxDateTimeEditorModule', 'DateTimeAdvancedComponent', 'IgxIconModule'], - ngDeclarations: ['DateTimeAdvancedComponent'], - ngImports: ['IgxInputGroupModule', 'IgxDateTimeEditorModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/datetimeeditor/" })); return configs; diff --git a/live-editing/configs/DialogConfigGenerator.ts b/live-editing/configs/DialogConfigGenerator.ts index 96fb3dd57c..5123c394ca 100644 --- a/live-editing/configs/DialogConfigGenerator.ts +++ b/live-editing/configs/DialogConfigGenerator.ts @@ -1,10 +1,13 @@ -import {IgxButtonModule, -IgxDialogModule, -IgxIconModule, -IgxInputGroupModule, -IgxRippleModule, -IgxToggleModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { + IgxButtonModule, + IgxDialogModule, + IgxIconModule, + IgxInputGroupModule, + IgxRippleModule, + IgxToggleModule +} from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class DialogConfigGenerator implements IConfigGenerator { @@ -14,47 +17,27 @@ export class DialogConfigGenerator implements IConfigGenerator { // dialog sample 1 configs.push(new Config({ component: 'DialogSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxDialogModule', 'IgxRippleModule', - 'DialogSample1Component'], - ngDeclarations: ['DialogSample1Component'], - ngImports: ['IgxButtonModule', 'IgxDialogModule', 'IgxRippleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/dialog/" })); // dialog sample 2 configs.push(new Config({ component: 'DialogSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxDialogModule', 'IgxRippleModule', - 'DialogSample2Component'], - ngDeclarations: ['DialogSample2Component'], - ngImports: ['IgxButtonModule', 'IgxDialogModule', 'IgxRippleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/dialog/" })); // dialog sample 3 configs.push(new Config({ component: 'DialogSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxDialogModule', 'IgxInputGroupModule', 'IgxRippleModule', - 'DialogSample3Component', 'IgxIconModule'], - ngDeclarations: ['DialogSample3Component'], - ngImports: ['IgxButtonModule', 'IgxDialogModule', 'IgxInputGroupModule', 'IgxRippleModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/dialog/" })); configs.push(new Config({ component: 'DialogStylingSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxDialogModule', 'IgxRippleModule', - 'DialogStylingSampleComponent', 'IgxIconModule', 'IgxToggleModule'], - ngDeclarations: ['DialogStylingSampleComponent'], - ngImports: ['IgxButtonModule', 'IgxDialogModule', 'IgxRippleModule', 'IgxIconModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/" })); diff --git a/live-editing/configs/DividerConfigGenerator.ts b/live-editing/configs/DividerConfigGenerator.ts index 16d32d8740..10073f3df6 100644 --- a/live-editing/configs/DividerConfigGenerator.ts +++ b/live-editing/configs/DividerConfigGenerator.ts @@ -1,5 +1,6 @@ -import {IgxDividerModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { IgxDividerModule } from 'igniteui-angular'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class DividerConfigGenerator implements IConfigGenerator { @@ -8,41 +9,25 @@ export class DividerConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'DividerDefaultComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDividerModule', 'DividerDefaultComponent'], - ngDeclarations: ['DividerDefaultComponent'], - ngImports: ['IgxDividerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/divider/" })); configs.push(new Config({ component: 'DividerDashedComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDividerModule', 'DividerDashedComponent'], - ngDeclarations: ['DividerDashedComponent'], - ngImports: ['IgxDividerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/divider/" })); configs.push(new Config({ component: 'DividerVerticalComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDividerModule', 'DividerVerticalComponent'], - ngDeclarations: ['DividerVerticalComponent'], - ngImports: ['IgxDividerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/divider/" })); configs.push(new Config({ component: 'DividerInsetComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDividerModule', 'DividerInsetComponent'], - ngDeclarations: ['DividerInsetComponent'], - ngImports: ['IgxDividerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/divider/" })); diff --git a/live-editing/configs/DockManagerConfigGenerator.ts b/live-editing/configs/DockManagerConfigGenerator.ts index 6c87c3662b..a2f90dd5b1 100644 --- a/live-editing/configs/DockManagerConfigGenerator.ts +++ b/live-editing/configs/DockManagerConfigGenerator.ts @@ -1,5 +1,6 @@ import {CUSTOM_ELEMENTS_SCHEMA} from '@angular/core'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class DockManagerConfigGenerator implements IConfigGenerator { @@ -12,13 +13,7 @@ export class DockManagerConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'DockManagerComponent', additionalDependencies: ["igniteui-dockmanager"], - appModuleConfig: new AppModuleConfig({ - imports: ['DockManagerComponent', 'CUSTOM_ELEMENTS_SCHEMA'], - ngDeclarations: ['DockManagerComponent'], - ngImports: [], - schemas: ['CUSTOM_ELEMENTS_SCHEMA'], - additionalAdjustments: [dockManagerImport, defineCustomElements] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/dock-manager/" })); diff --git a/live-editing/configs/DragAndDropConfigGenerator.ts b/live-editing/configs/DragAndDropConfigGenerator.ts index 90abe632b7..690eb41fbe 100644 --- a/live-editing/configs/DragAndDropConfigGenerator.ts +++ b/live-editing/configs/DragAndDropConfigGenerator.ts @@ -13,6 +13,7 @@ IgxListModule, IgxToggleModule, NoOpScrollStrategy} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class DragAndDropConfigGenerator implements IConfigGenerator { @@ -21,110 +22,31 @@ export class DragAndDropConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'IconsSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxDragDirective', - 'IgxDropDirective', - 'IgxDragDropModule', - 'IgxDialogModule', - 'IconsSampleComponent' - ], - ngDeclarations: ['IconsSampleComponent'], - ngImports: [ - 'IgxDragDropModule', - 'IgxDialogModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/" })); configs.push(new Config({ component: 'EmailSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxDragDirective', - 'IgxDropDirective', - 'IgxListModule', - 'IgxDragDropModule', - 'IgxIconModule', - 'IgxCheckboxModule', - 'EmailSampleComponent' - ], - ngDeclarations: ['EmailSampleComponent'], - ngImports: ['IgxDragDropModule', - 'IgxIconModule', - 'IgxCheckboxModule', - 'IgxListModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/" })); configs.push(new Config({ component: 'ListReorderSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxDragDirective', - 'IgxDropDirective', - 'IgxIconModule', - 'IgxListModule', - 'IgxDragDropModule', - 'ListReorderSampleComponent' - ], - ngDeclarations: ['ListReorderSampleComponent'], - ngImports: [ - 'IgxIconModule', - 'IgxListModule', - 'IgxDragDropModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/" })); configs.push(new Config({ component: 'DragDialogSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxDragDropModule', - 'IgxDialogModule', - 'IgxIconModule', - 'IgxButtonModule', - 'IgxToggleModule', - 'NoOpScrollStrategy', - 'ConnectedPositioningStrategy', - 'GlobalPositionStrategy', - 'DragDialogSampleComponent' - ], - ngDeclarations: ['DragDialogSampleComponent'], - ngImports: [ - 'IgxDragDropModule', - 'IgxDialogModule', - 'IgxIconModule', - 'IgxButtonModule', - 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/" })); configs.push(new Config({ component: 'KanbanSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'KanbanSampleComponent', - 'IgxDragDirective', - 'IgxDropDirective', - 'IgxDragDropModule', - 'IgxDialogModule', - 'IgxCardModule', - 'IgxChipsModule' - ], - ngDeclarations: ['KanbanSampleComponent'], - ngImports: [ - 'IgxDragDropModule', - 'IgxCardModule', - 'IgxChipsModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/" })); return configs; diff --git a/live-editing/configs/DropDownConfigGenerator.ts b/live-editing/configs/DropDownConfigGenerator.ts index 2167953f6c..b87e914eab 100644 --- a/live-editing/configs/DropDownConfigGenerator.ts +++ b/live-editing/configs/DropDownConfigGenerator.ts @@ -18,7 +18,8 @@ import { IgxTreeModule, IgxTreeGridModule } from 'igniteui-angular'; -import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class DropDownConfigGenerator implements IConfigGenerator { public additionalImports = { RemoteNWindService: '../../src/app/services/remoteNwind.service', @@ -29,76 +30,43 @@ export class DropDownConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'DropDownSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDropDownModule', 'DropDownSample1Component', 'IgxButtonModule', 'IgxToggleModule'], - ngDeclarations: ['DropDownSample1Component'], - ngImports: ['IgxDropDownModule', 'IgxButtonModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/data-entries/dropdown/' })); configs.push(new Config({ component: 'DropDownSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDropDownModule', 'DropDownSample2Component', 'IgxButtonModule', 'IgxToggleModule'], - ngDeclarations: ['DropDownSample2Component'], - ngImports: ['IgxDropDownModule', 'IgxButtonModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/data-entries/dropdown/' })); configs.push(new Config({ component: 'DropDownSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDropDownModule', 'DropDownSample3Component', 'IgxButtonModule', 'IgxToggleModule', - 'IgxPrefixModule', 'IgxSuffixModule', 'IgxIconModule', 'IgxDividerModule'], - ngDeclarations: ['DropDownSample3Component'], - ngImports: ['IgxDropDownModule', 'IgxButtonModule', 'IgxToggleModule', 'IgxPrefixModule', - 'IgxSuffixModule', 'IgxIconModule', 'IgxDividerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/data-entries/dropdown/' })); configs.push(new Config({ component: 'DropDownSample5Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDropDownModule', 'DropDownSample5Component', 'IgxButtonModule', 'IgxSwitchModule', - 'IgxToggleModule'], - ngDeclarations: ['DropDownSample5Component'], - ngImports: ['IgxDropDownModule', 'IgxButtonModule', 'IgxSwitchModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/data-entries/dropdown/' })); configs.push(new Config({ additionalFiles: ['/src/app/data/heroData.ts'], component: 'DropDownStylingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDropDownModule', 'DropDownStylingComponent', 'IgxButtonModule', 'IgxToggleModule'], - ngDeclarations: ['DropDownStylingComponent'], - ngImports: ['IgxDropDownModule', 'IgxButtonModule', 'IgxToggleModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'DropDownSample4Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDropDownModule', 'DropDownSample4Component', 'IgxInputGroupModule', - 'IgxRippleModule', 'IgxIconModule', 'IgxToggleModule'], - ngDeclarations: ['DropDownSample4Component'], - ngImports: ['IgxDropDownModule', 'IgxInputGroupModule', 'IgxRippleModule', 'IgxIconModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/data-entries/dropdown/' })); configs.push(new Config({ component: 'DropdownMenuComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDropDownModule', 'DropdownMenuComponent', 'IgxIconModule', 'IgxNavbarModule', - 'IgxButtonModule', 'IgxToggleModule'], - ngDeclarations: ['DropdownMenuComponent'], - ngImports: ['IgxDropDownModule', 'IgxIconModule', 'IgxNavbarModule', 'IgxButtonModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/data-entries/dropdown/' })); @@ -107,60 +75,33 @@ export class DropDownConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/data-entries/dropdown/dropdown-multi-level-menu/data.ts', '/src/app/data-entries/dropdown/dropdown-multi-level-menu/multi-level.directive.ts', '/src/app/data-entries/dropdown/dropdown-multi-level-menu/multi-level.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['DropdownMultiLevelMenuComponent', 'MultiLevelDirective', - 'IgxDropDownModule', 'IgxIconModule', 'IgxNavbarModule', 'IgxButtonModule', 'IgxToggleModule'], - ngDeclarations: ['DropdownMultiLevelMenuComponent', 'MultiLevelDirective'], - ngImports: ['IgxDropDownModule', 'IgxIconModule', 'IgxNavbarModule', 'IgxButtonModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/data-entries/dropdown/' })); configs.push(new Config({ component: 'DropDownVirtualComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDropDownModule', 'DropDownVirtualComponent', - 'IgxButtonModule', 'IgxToggleModule', 'IgxForOfModule'], - ngDeclarations: ['DropDownVirtualComponent'], - ngImports: ['IgxDropDownModule', 'IgxButtonModule', 'IgxToggleModule', 'IgxForOfModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/data-entries/dropdown/' })); configs.push(new Config({ component: 'DropDownRemoteComponent', additionalFiles: ['/src/app/services/remoteNwind.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDropDownModule', 'DropDownRemoteComponent', - 'IgxButtonModule', 'IgxToggleModule', 'IgxForOfModule', 'IgxToastModule', 'HttpClientModule', 'RemoteNWindService'], - ngDeclarations: ['DropDownRemoteComponent'], - ngImports: ['IgxDropDownModule', 'IgxButtonModule', 'IgxToastModule', - 'IgxToggleModule', 'IgxForOfModule', 'HttpClientModule'], - ngProviders: ['RemoteNWindService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ additionalFiles: ['/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/countries.ts'], component: 'DropdownTreeHierarchicalSelectionComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDropDownModule', 'DropdownTreeHierarchicalSelectionComponent', - 'IgxButtonModule', 'IgxToggleModule', 'IgxTreeModule', 'IgxChipsModule'], - ngDeclarations: ['DropdownTreeHierarchicalSelectionComponent'], - ngImports: ['IgxDropDownModule', 'IgxButtonModule', 'IgxToggleModule', 'IgxTreeModule', 'IgxChipsModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/data-entries/dropdown/' })); configs.push(new Config({ additionalFiles: ['/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/nested-employee-data.ts'], component: 'DropdownTreeGridHierarchicalSelectionComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDropDownModule', 'DropdownTreeGridHierarchicalSelectionComponent', - 'IgxButtonModule', 'IgxToggleModule', 'IgxTreeGridModule', 'IgxChipsModule', 'IgxIconModule'], - ngDeclarations: ['DropdownTreeGridHierarchicalSelectionComponent'], - ngImports: ['IgxDropDownModule', 'IgxButtonModule', 'IgxToggleModule', 'IgxTreeGridModule', 'IgxChipsModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/data-entries/dropdown/' })); diff --git a/live-editing/configs/ExpansionPanelConfigGenerator.ts b/live-editing/configs/ExpansionPanelConfigGenerator.ts index 212e17b084..9ee99c19fb 100644 --- a/live-editing/configs/ExpansionPanelConfigGenerator.ts +++ b/live-editing/configs/ExpansionPanelConfigGenerator.ts @@ -8,6 +8,7 @@ IgxInputGroupModule, IgxRippleModule, IgxToastModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class ExpansionPanelConfigGenerator implements IConfigGenerator { @@ -16,65 +17,37 @@ export class ExpansionPanelConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'ExpansionPanelSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxExpansionPanelModule', 'ExpansionPanelSample1Component'], - ngDeclarations: ['ExpansionPanelSample1Component'], - ngImports: ['IgxIconModule', 'IgxExpansionPanelModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/expansion-panel/" })); configs.push(new Config({ component: 'ExpansionPanelSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxExpansionPanelModule', 'IgxToastModule', 'ExpansionPanelSample2Component'], - ngDeclarations: ['ExpansionPanelSample2Component'], - ngImports: ['IgxIconModule', 'IgxExpansionPanelModule', 'IgxToastModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/expansion-panel/" })); configs.push(new Config({ component: 'ExpansionPanelSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxAvatarModule', 'IgxToastModule', - 'IgxExpansionPanelModule', 'ExpansionPanelSample3Component'], - ngDeclarations: ['ExpansionPanelSample3Component'], - ngImports: ['IgxIconModule', 'IgxAvatarModule', 'IgxToastModule', 'IgxExpansionPanelModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/expansion-panel/" })); configs.push(new Config({ component: 'ExpansionPanelSample4Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxExpansionPanelModule', 'IgxInputGroupModule', - 'ExpansionPanelSample4Component'], - ngDeclarations: ['ExpansionPanelSample4Component'], - ngImports: ['IgxIconModule', 'IgxExpansionPanelModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/expansion-panel/" })); configs.push(new Config({ component: 'ExpansionPanelSample5Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxExpansionPanelModule', 'IgxInputGroupModule', - 'ExpansionPanelSample5Component'], - ngDeclarations: ['ExpansionPanelSample5Component'], - ngImports: ['IgxIconModule', 'IgxExpansionPanelModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/expansion-panel/" })); configs.push(new Config({ component: 'ExpansionPanelStylingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxButtonModule', 'IgxExpansionPanelModule', 'IgxInputGroupModule', - 'ExpansionPanelStylingComponent'], - ngDeclarations: ['ExpansionPanelStylingComponent'], - ngImports: ['IgxIconModule', 'IgxButtonModule', 'IgxExpansionPanelModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/expansion-panel/" })); diff --git a/live-editing/configs/ExportCsvConfigGenerator.ts b/live-editing/configs/ExportCsvConfigGenerator.ts index 98e9c9ffb3..1373c3a119 100644 --- a/live-editing/configs/ExportCsvConfigGenerator.ts +++ b/live-editing/configs/ExportCsvConfigGenerator.ts @@ -2,6 +2,7 @@ import {IgxCsvExporterService, IgxGridModule, IgxTreeGridModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class ExportCsvConfigGenerator implements IConfigGenerator { public additionalImports = { IgxPreventDocumentScrollModule: '../../src/app/directives/prevent-scroll.directive' @@ -12,35 +13,20 @@ export class ExportCsvConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'CsvExportComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCsvExporterService', 'CsvExportComponent'], - ngDeclarations: ['CsvExportComponent'], - ngImports: [], - ngProviders: ['IgxCsvExporterService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts'], component: 'CsvExportSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'IgxCsvExporterService', 'CsvExportSample1Component', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['CsvExportSample1Component'], - ngImports: ['IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngProviders: ['IgxCsvExporterService'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/export-csv/" })); configs.push(new Config({ component: 'TreeGridCsvExportSample1Component', additionalFiles: ["/src/app/tree-grid/data/orders.ts"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxTreeGridModule', 'IgxCsvExporterService', 'TreeGridCsvExportSample1Component'], - ngDeclarations: ['TreeGridCsvExportSample1Component'], - ngImports: ['IgxTreeGridModule'], - ngProviders: ['IgxCsvExporterService'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/export-csv/" })); diff --git a/live-editing/configs/ExportExcelConfigGenerator.ts b/live-editing/configs/ExportExcelConfigGenerator.ts index 8eb8249d4a..de4e21a2a7 100644 --- a/live-editing/configs/ExportExcelConfigGenerator.ts +++ b/live-editing/configs/ExportExcelConfigGenerator.ts @@ -8,7 +8,8 @@ import { IgxTreeGridModule, IgxToggleModule } from 'igniteui-angular'; -import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class ExportExcelConfigGenerator implements IConfigGenerator { public additionalImports = { PasteHandler: '../../src/app/grid/grid-paste/paste-handler.directive', @@ -19,23 +20,13 @@ export class ExportExcelConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'ExcelExportComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxExcelExporterService', 'ExcelExportComponent'], - ngDeclarations: ['ExcelExportComponent'], - ngImports: [], - ngProviders: ['IgxExcelExporterService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'ExcelExportSample1Component', additionalFiles: ['/src/app/services/export-excel/data/invoiceData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'IgxExcelExporterService', 'ExcelExportSample1Component', 'IgxButtonModule'], - ngDeclarations: ['ExcelExportSample1Component'], - ngImports: ['IgxGridModule', 'IgxButtonModule'], - ngProviders: ['IgxExcelExporterService'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/export-excel/' })); @@ -43,26 +34,14 @@ export class ExportExcelConfigGenerator implements IConfigGenerator { component: 'GridPasteSampleComponent', additionalFiles: ['/src/app/grid/grid-paste/data.ts', '/src/app/grid/grid-paste/paste-handler.directive.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'IgxExcelExporterService', 'GridPasteSampleComponent', 'IgxDropDownComponent', - 'IgxDropDownModule', 'IgxButtonModule', 'PasteHandler', 'IgxToggleModule','IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridPasteSampleComponent', 'PasteHandler'], - ngImports: ['IgxGridModule', 'IgxDropDownModule', 'IgxButtonModule', 'IgxToggleModule', 'IgxPreventDocumentScrollModule'], - ngProviders: ['IgxExcelExporterService'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/grid-paste/' })); configs.push(new Config({ component: 'TreeGridExcelExportSample1Component', additionalFiles: ['/src/app/tree-grid/data/orders.ts', '/src/app/directives/prevent-scroll.directive.ts',], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxTreeGridModule', 'IgxExcelExporterService', 'TreeGridExcelExportSample1Component', - 'IgxButtonModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['TreeGridExcelExportSample1Component'], - ngImports: ['IgxTreeGridModule', 'IgxButtonModule', 'IgxPreventDocumentScrollModule'], - ngProviders: ['IgxExcelExporterService'] - }) + appConfig: BaseAppConfig })); return configs; diff --git a/live-editing/configs/ForConfigGenerator.ts b/live-editing/configs/ForConfigGenerator.ts index 84587a8533..bd6961b3ec 100644 --- a/live-editing/configs/ForConfigGenerator.ts +++ b/live-editing/configs/ForConfigGenerator.ts @@ -6,6 +6,7 @@ IgxInputGroupModule, IgxListModule, IgxRippleModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class ForConfigGenerator implements IConfigGenerator { @@ -15,26 +16,14 @@ export class ForConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'IgxForComponent', additionalFiles: ["/src/app/data-display/igxFor/names.ts"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAvatarModule', 'IgxFilterModule', 'IgxListModule', 'IgxIconModule', - 'IgxRippleModule', 'IgxForOfModule', 'IgxForComponent', 'IgxInputGroupModule'], - ngDeclarations: ['IgxForComponent'], - ngImports: ['IgxAvatarModule', 'IgxFilterModule', 'IgxListModule', - 'IgxIconModule', 'IgxRippleModule', 'IgxForOfModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/" })); configs.push(new Config({ component: 'IgxForHorizontalComponent', additionalFiles: ["/src/app/data-display/igxFor/names.ts"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAvatarModule', 'IgxFilterModule', 'IgxListModule', 'IgxIconModule', - 'IgxForOfModule', 'IgxForHorizontalComponent', 'IgxInputGroupModule'], - ngDeclarations: ['IgxForHorizontalComponent'], - ngImports: ['IgxAvatarModule', 'IgxFilterModule', 'IgxListModule', - 'IgxIconModule', 'IgxForOfModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/" })); diff --git a/live-editing/configs/GridCRMConfigGenerator.ts b/live-editing/configs/GridCRMConfigGenerator.ts index ca100d4fb7..c5fdec57de 100644 --- a/live-editing/configs/GridCRMConfigGenerator.ts +++ b/live-editing/configs/GridCRMConfigGenerator.ts @@ -1,22 +1,8 @@ /* eslint-disable max-len */ /* eslint-disable @typescript-eslint/naming-convention */ -import {HttpClientModule} from '@angular/common/http'; -import { - IgxAutocompleteModule, - IgxRippleModule, - IgxGridModule, - IgxIconModule, - IgxLayoutModule, - IgxAvatarModule, - IgxInputGroupModule, - IgxButtonModule } from 'igniteui-angular'; -import { RouterTestingModule } from "@angular/router/testing"; -import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing'; -import { BrowserModule, HammerModule } from '@angular/platform-browser'; -import { RouterModule } from '@angular/router'; -import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; +import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; import { FormsModule } from '@angular/forms'; -import { IgxPreventDocumentScrollModule } from '../../src/app/directives/prevent-scroll.directive'; export class GridCRMConfigGenerator implements IConfigGenerator { public generateConfigs(): Config[] { @@ -26,23 +12,24 @@ export class GridCRMConfigGenerator implements IConfigGenerator { component: 'GridCRMComponent', additionalFiles: [ '/src/app/directives/prevent-scroll.directive.ts', - '/projects/app-crm/src/_app-layout.scss', + '/projects/app-crm/src/_app-layout.scss', '/projects/app-crm/src/_variables.scss', '/projects/app-crm/src/app/grid-crm/data.ts' ], additionalDependencies: [], - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxRippleModule', - 'IgxGridModule', 'IgxIconModule', 'IgxLayoutModule', - 'IgxAvatarModule', 'IgxInputGroupModule', 'IgxButtonModule', - 'IgxPreventDocumentScrollModule', 'GridCRMComponent', 'RouterTestingModule' + appConfig: { + modules: [ + { 'module': 'BrowserModule', 'import': '@angular/platform-browser' }, + { 'module': 'FormsModule', 'import': '@angular/forms' }, + { 'module': 'HammerModule', 'import': '@angular/platform-browser' } ], - ngDeclarations: ['GridCRMComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxRippleModule', - 'IgxGridModule', 'IgxIconModule', 'IgxLayoutModule', - 'IgxAvatarModule', 'IgxInputGroupModule', 'IgxButtonModule', 'RouterTestingModule'] - }) + providers: [ + { 'provider': 'provideAnimations()', 'import': '@angular/platform-browser/animations' } + ], + router: true + } + /*appConfig: BaseAppConfig*/ + })); return configs; diff --git a/live-editing/configs/GridConfigGenerator.ts b/live-editing/configs/GridConfigGenerator.ts index c7b9a3d9cf..44ad04a852 100644 --- a/live-editing/configs/GridConfigGenerator.ts +++ b/live-editing/configs/GridConfigGenerator.ts @@ -43,7 +43,8 @@ import { IgxCardModule, IgcFormsModule } from 'igniteui-angular'; -import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'; +import { Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class GridConfigGenerator implements IConfigGenerator { public additionalImports = { IgxPreventDocumentScrollModule: '../../src/app/directives/prevent-scroll.directive', @@ -59,169 +60,91 @@ export class GridConfigGenerator implements IConfigGenerator { CRUDService: '../../src/app/services/crud.service', RemotePagingWithBatchEditingService: '../../src/app/services/remotePagingWithBatchEditing.service' }; + public generateConfigs(): Config[] { const configs = new Array(); configs.push(new Config({ component: 'FinancialSampleComponent', - additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/financialData.ts', - '/src/app/services/financial.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HttpClientModule', 'IgxAvatarModule', 'IgxBadgeModule', 'IgxButtonModule', - 'IgxGridModule', 'IgxIconModule', 'IgxInputGroupModule', 'IgxProgressBarModule', - 'IgxRippleModule', 'IgxSwitchModule', 'FinancialSampleComponent', 'FinancialDataService', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['FinancialSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxAvatarModule', 'IgxBadgeModule', 'IgxButtonModule', 'IgxGridModule', - 'IgxIconModule', 'IgxInputGroupModule', 'IgxProgressBarModule', - 'IgxRippleModule', 'IgxSwitchModule', 'HttpClientModule'], - ngProviders: ['FinancialDataService'] - }) + additionalFiles: [ + '/src/app/directives/prevent-scroll.directive.ts', + '/src/app/data/financialData.ts', + '/src/app/services/financial.service.ts' + ], + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridSample3Component', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HttpClientModule', 'IgxButtonModule', 'IgxGridModule', 'IgxInputGroupModule', - 'IgxRippleModule', 'IgxSwitchModule', 'GridSample3Component', 'LocalService', 'IgxIconModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridSample3Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxButtonModule', 'IgxGridModule', - 'IgxInputGroupModule', 'IgxRippleModule', 'HttpClientModule', 'IgxIconModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridGroupByCustomSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/invoiceData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxGridModule', - 'IgxSwitchModule', 'GridGroupByCustomSampleComponent', 'IgxIconModule', 'IgxBadgeModule', 'IgxPreventDocumentScrollModule', 'IgxDropDownModule', 'IgxToggleModule'], - ngDeclarations: ['GridGroupByCustomSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxButtonModule', 'IgxGridModule', 'IgxIconModule', 'IgxBadgeModule', 'IgxDropDownModule','IgxToggleModule' ] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridGroupBySampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/invoiceData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxGridModule', - 'IgxSwitchModule', 'GridGroupBySampleComponent', 'IgxIconModule', 'IgxBadgeModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridGroupBySampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxButtonModule', 'IgxGridModule', 'IgxIconModule', 'IgxBadgeModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridGroupBySummarySampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/invoiceData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxButtonGroupModule', 'IgxGridModule', - 'IgxSwitchModule', 'GridGroupBySummarySampleComponent', 'IgxIconModule', 'IgxBadgeModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridGroupBySummarySampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxButtonModule', 'IgxButtonGroupModule', 'IgxGridModule', - 'IgxIconModule', 'IgxBadgeModule', 'IgxSwitchModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridGroupBySummaryStylingSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/invoiceData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxButtonGroupModule', 'IgxGridModule', - 'IgxSwitchModule', 'GridGroupBySummaryStylingSampleComponent', 'IgxIconModule', 'IgxBadgeModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridGroupBySummaryStylingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxButtonModule', 'IgxButtonGroupModule', 'IgxGridModule', - 'IgxIconModule', 'IgxBadgeModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridFilteringStyleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridFilteringStyleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridFilteringStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'FilteringSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'IgxRippleModule', 'FilteringSampleComponent', 'IgxInputGroupModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['FilteringSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxRippleModule', 'IgxInputGroupModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'FilteringTemplateSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxGridModule', - 'IgxRippleModule', - 'FilteringTemplateSampleComponent', - 'IgxInputGroupModule', - 'IgxDatePickerModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['FilteringTemplateSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxRippleModule', 'IgxInputGroupModule', 'IgxDatePickerModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'PagingSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/athletesData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HttpClientModule', 'IgxAvatarModule', 'IgxBadgeModule', 'IgxButtonModule', - 'IgxGridModule', 'IgxIconModule', 'IgxInputGroupModule', 'IgxProgressBarModule', - 'IgxRippleModule', 'IgxSwitchModule', 'PagingSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['PagingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxAvatarModule', 'IgxBadgeModule', 'IgxButtonModule', 'IgxGridModule', - 'IgxIconModule', 'IgxInputGroupModule', 'IgxProgressBarModule', - 'IgxRippleModule', 'IgxSwitchModule', 'HttpClientModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridPagerSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/athletesData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'IgxRippleModule', 'IgxSwitchModule', 'GridPagerSampleComponent', 'IgxSelectModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridPagerSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxRippleModule', 'IgxSwitchModule', 'IgxSelectModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridSelectionSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/financialData.ts', '/src/app/services/financial.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HttpClientModule', 'IgxAvatarModule', 'IgxBadgeModule', 'IgxButtonModule', 'IgxSnackbarModule', - 'IgxGridModule', 'IgxIconModule', 'IgxInputGroupModule', 'IgxSwitchModule', 'GridSelectionSampleComponent', 'IgxPreventDocumentScrollModule', - 'FinancialDataService', 'IgxButtonGroupModule'], - ngDeclarations: ['GridSelectionSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxAvatarModule', 'IgxBadgeModule', 'IgxButtonModule', 'IgxGridModule', 'IgxSnackbarModule', - 'IgxIconModule', 'IgxInputGroupModule', 'IgxSwitchModule', 'IgxButtonGroupModule', 'HttpClientModule'], - ngProviders: ['FinancialDataService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridSelectionTemplateExcelComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridSelectionTemplateExcelComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridSelectionTemplateExcelComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -229,537 +152,299 @@ export class GridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCheckboxModule', 'IgxGridModule', - 'GridSelectionTemplateNumbersComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridSelectionTemplateNumbersComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxCheckboxModule', 'IgxGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridSearchSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/grid/grid-search-sample/data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HttpClientModule', 'IgxButtonModule', 'IgxGridModule', 'IgxIconModule', - 'IgxInputGroupModule', 'IgxRippleModule', 'IgxChipsModule', 'GridSearchSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridSearchSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxButtonModule', 'IgxGridModule', - 'IgxIconModule', 'IgxInputGroupModule', - 'IgxRippleModule', 'IgxChipsModule', 'HttpClientModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridColumnHidingSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HttpClientModule', 'IgxGridModule', 'IgxRadioModule', 'GridColumnHidingSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridColumnHidingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxRadioModule', 'HttpClientModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridColumnHidingToolbarSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HttpClientModule', 'IgxGridModule', 'GridColumnHidingToolbarSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridColumnHidingToolbarSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'HttpClientModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridColumnHidingToolbarStyleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HttpClientModule', 'IgxGridModule', 'GridColumnHidingToolbarStyleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridColumnHidingToolbarStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'HttpClientModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'ResizingSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'ResizingSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['ResizingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridResizeLineStylingSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/athletesData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridResizeLineStylingSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridResizeLineStylingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'SortingSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/localData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'IgxIconModule', 'IgxRippleModule', - 'SortingSampleComponent', 'IgxInputGroupModule', 'IgxSelectModule', 'IgxPreventDocumentScrollModule', 'IgxSimpleComboModule', 'IgxButtonModule'], - ngDeclarations: ['SortingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxRippleModule', 'IgxIconModule', 'IgxInputGroupModule', 'IgxSelectModule', 'IgxSimpleComboModule', 'IgxButtonModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ - additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/localData.ts'], component: 'SortingStylingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'IgxIconModule', 'IgxRippleModule', - 'SortingStylingComponent', 'IgxInputGroupModule', 'IgxSelectModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['SortingStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxRippleModule', 'IgxIconModule', 'IgxInputGroupModule', 'IgxSelectModule'], - ngProviders: [] - }) + additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/localData.ts'], + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridRemoteVirtualizationSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/services/remoteVirtualization.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridRemoteVirtualizationSampleComponent', 'IgxGridModule', 'IgxToastModule', - 'IgxBadgeModule', 'HttpClientModule', 'RemoteServiceVirt', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridRemoteVirtualizationSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxToastModule', 'IgxBadgeModule', 'HttpClientModule'], - ngProviders: ['RemoteServiceVirt'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'RemoteFilteringSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/services/remoteFiltering.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['RemoteFilteringSampleComponent', 'IgxGridModule', - 'IgxBadgeModule', 'HttpClientModule', 'RemoteFilteringService', 'IgxToastModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['RemoteFilteringSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxBadgeModule', 'HttpClientModule', 'IgxToastModule'], - ngProviders: ['RemoteFilteringService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'PinningSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts', '/src/app/services/svgIcons.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['PinningSampleComponent', 'IgxGridModule', 'IgxIconModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['PinningSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxIconModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'PinningToolbarSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['PinningToolbarSampleComponent', 'IgxGridModule', 'IgxIconModule', 'IgxPreventDocumentScrollModule', 'RouterModule'], - ngDeclarations: ['PinningToolbarSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxIconModule', 'RouterModule', 'RouterModule.forRoot([])'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); // column-moving sample configs.push(new Config({ component: 'GridMovingSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/financialData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridMovingSampleComponent', 'IgxGridModule', 'IgxBadgeModule', 'IgxIconModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridMovingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxBadgeModule', 'IgxIconModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridMovingStyledSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/financialData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridMovingStyledSampleComponent', 'IgxGridModule', 'IgxBadgeModule', 'IgxIconModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridMovingStyledSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxBadgeModule', 'IgxIconModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridToolbarSample1Component', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/athletesData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridToolbarSample1Component', 'IgxAvatarModule', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridToolbarSample1Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxAvatarModule', 'IgxGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridToolbarSample2Component', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/athletesData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridToolbarSample2Component', 'IgxAvatarModule', 'IgxGridModule', 'IgxSwitchModule', - 'IgxExcelExporterService', 'IgxCsvExporterService', 'IgxPreventDocumentScrollModule', 'IgxInputGroupModule'], - ngDeclarations: ['GridToolbarSample2Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxAvatarModule', 'IgxGridModule', 'IgxSwitchModule', 'IgxInputGroupModule'], - ngProviders: ['IgxExcelExporterService', 'IgxCsvExporterService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridToolbarSample3Component', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/athletesData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridToolbarSample3Component', 'IgxAvatarModule', 'IgxGridModule', - 'IgxExcelExporterService', 'IgxCsvExporterService', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridToolbarSample3Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxAvatarModule', 'IgxGridModule'], - ngProviders: ['IgxExcelExporterService', 'IgxCsvExporterService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridToolbarSample4Component', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/athletesData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridToolbarSample4Component', 'IgxAvatarModule', 'IgxGridModule', 'IgxPreventDocumentScrollModule', 'IgxIconModule'], - ngDeclarations: ['GridToolbarSample4Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxAvatarModule', 'IgxGridModule', 'IgxIconModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridToolbarStyleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/athletesData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridToolbarStyleComponent', 'IgxAvatarModule', 'IgxGridModule', - 'IgxExcelExporterService', 'IgxCsvExporterService', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridToolbarStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxAvatarModule', 'IgxGridModule'], - ngProviders: ['IgxExcelExporterService', 'IgxCsvExporterService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridEditingSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/grid/grid-editing-sample/data.ts', '/src/app/grid/grid-editing-sample/product.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxCheckboxModule', 'IgxDatePickerModule', 'IgxDialogModule', - 'IgxGridModule', 'IgxInputGroupModule', 'IgxIconModule', 'IgxComboModule', 'IgxToastModule', - 'IgxRippleModule', 'GridEditingSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridEditingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxButtonModule', 'IgxCheckboxModule', 'IgxDatePickerModule', 'IgxDialogModule', - 'IgxGridModule', 'IgxInputGroupModule', 'IgxIconModule', 'IgxRippleModule', 'IgxToastModule', 'IgxComboModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridEditingEventsComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'IgxToastModule', 'GridEditingEventsComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridEditingEventsComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxToastModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridExcelStyleEditingComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridExcelStyleEditingComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridExcelStyleEditingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridEditingStyleSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridEditingStyleSampleComponent', 'IgxGridModule', 'IgxDatePickerModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridEditingStyleSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxDatePickerModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridMultiColumnHeadersComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridMultiColumnHeadersComponent', 'IgxGridModule', 'IgxButtonModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridMultiColumnHeadersComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxButtonModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridMultiColumnHeadersStylingComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridMultiColumnHeadersStylingComponent', 'IgxGridModule', 'IgxButtonModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridMultiColumnHeadersStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxButtonModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridMultiColumnHeadersExportComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridMultiColumnHeadersExportComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule', 'IgxExcelExporterService'], - ngDeclarations: ['GridMultiColumnHeadersExportComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'], - ngProviders: ['IgxExcelExporterService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'RemotePagingGridSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/services/remotePaging.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['RemotePagingGridSampleComponent', 'IgxGridModule', 'RouterModule', 'HttpClientModule', 'RemotePagingService', - 'IgxSelectModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['RemotePagingGridSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'RouterModule.forRoot([])', 'IgxGridModule', 'HttpClientModule', 'IgxSelectModule'], - ngProviders: ['RemotePagingService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'CustomRemotePagingGridSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/services/remotePaging.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['CustomRemotePagingGridSampleComponent', 'IgxGridModule', 'RouterModule', 'HttpClientModule', - 'RemotePagingService', 'IgxSelectModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['CustomRemotePagingGridSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'RouterModule.forRoot([])', 'IgxGridModule', 'HttpClientModule', 'IgxSelectModule'], - ngProviders: ['RemotePagingService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridDisplayDensitySampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/invoiceData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxButtonGroupModule', - 'IgxGridModule', 'GridDisplayDensitySampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridDisplayDensitySampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxButtonModule', 'IgxButtonGroupModule', - 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); // Grid cellClasses configs.push(new Config({ component: 'GridConditionalCellStyleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/athletesData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridConditionalCellStyleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridConditionalCellStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); // Grid cellStyles configs.push(new Config({ component: 'GridConditionalCellStyle2Component', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/athletesData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridConditionalCellStyle2Component', 'IgxPreventDocumentScrollModule', 'IgxButtonModule', 'IgxInputGroupModule'], - ngDeclarations: ['GridConditionalCellStyle2Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxButtonModule', 'IgxInputGroupModule'] - }) + appConfig: BaseAppConfig })); // Grid Batch Editing configs.push(new Config({ component: 'GridBatchEditingSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts', '/src/app/data/utils.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridBatchEditingSampleComponent', 'IgxGridModule', 'IgxDialogModule', 'IgxButtonModule', - 'IgxFocusModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridBatchEditingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxDialogModule', 'IgxButtonModule', - 'IgxFocusModule'] - }) + appConfig: BaseAppConfig })); // Grid with Action Strip configs.push(new Config({ component: 'GridActionStripSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridActionStripSampleComponent', 'IgxGridModule', 'IgxDialogModule', 'IgxButtonModule', - 'IgxFocusModule', 'IgxPreventDocumentScrollModule', 'IgxActionStripModule'], - ngDeclarations: ['GridActionStripSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxDialogModule', 'IgxButtonModule', 'IgxActionStripModule', - 'IgxFocusModule'] - }) + appConfig: BaseAppConfig })); // Grid Custom Summaries configs.push(new Config({ component: 'GridCustomSummariesSelectionComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridCustomSummariesSelectionComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridCustomSummariesSelectionComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); // Grid Row Editing configs.push(new Config({ component: 'GridRowEditSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridRowEditSampleComponent', 'IgxGridModule', 'IgxFocusModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridRowEditSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxFocusModule'] - }) + appConfig: BaseAppConfig })); // Grid Row Editing Styling configs.push(new Config({ component: 'GridRowEditStyleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridRowEditStyleComponent', 'IgxGridModule', 'IgxFocusModule', 'IgxIconModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridRowEditStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxFocusModule', 'IgxIconModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridCustomFilteringComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridCustomFilteringComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridCustomFilteringComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'ExcelStyleFilteringSample1Component', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['ExcelStyleFilteringSample1Component', 'IgxGridModule', 'IgxButtonGroupModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['ExcelStyleFilteringSample1Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxButtonGroupModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'ExcelStyleFilteringSample2Component', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['ExcelStyleFilteringSample2Component', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['ExcelStyleFilteringSample2Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'ExcelStyleFilteringSample3Component', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['ExcelStyleFilteringSample3Component', 'IgxGridModule', 'IgxPreventDocumentScrollModule', 'IgxIconModule'], - ngDeclarations: ['ExcelStyleFilteringSample3Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxIconModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridExcelStyleFilteringLoadOnDemandComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/grid/grid-excel-style-filtering-load-on-demand/remoteValues.service.ts', '/src/app/grid/grid-excel-style-filtering-load-on-demand/employees.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridExcelStyleFilteringLoadOnDemandComponent', 'IgxGridModule', 'RemoteValuesService', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridExcelStyleFilteringLoadOnDemandComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'], - ngProviders: ['RemoteValuesService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'ExcelStyleFilteringStyleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['ExcelStyleFilteringStyleComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['ExcelStyleFilteringStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridExternalExcelStyleFilteringComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridExternalExcelStyleFilteringComponent', 'IgxGridModule', 'IgxSelectModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridExternalExcelStyleFilteringComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxSelectModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridExternalAdvancedFilteringComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridExternalAdvancedFilteringComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridExternalAdvancedFilteringComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridMultiCellSelectionComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridMultiCellSelectionComponent', 'IgxGridModule', 'IgxToastModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridMultiCellSelectionComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxToastModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridMultiCellSelectionStyleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridMultiCellSelectionStyleComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridMultiCellSelectionStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridMultiRowLayoutComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridMultiRowLayoutComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridMultiRowLayoutComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); const gridSaveStateSampleConfig = new Config({ @@ -769,14 +454,7 @@ export class GridConfigGenerator implements IConfigGenerator { '/src/app/grid/grid-save-state/about.component.ts', '/src/app/grid/grid-save-state/about.component.html' ], - appModuleConfig: new AppModuleConfig({ - imports: ['GridSaveStateComponent', 'IgxGridModule', 'IgxTooltipModule', 'IgxCheckboxModule', 'IgxIconModule', 'IgxButtonModule', - 'IgxToastModule', 'IgxSwitchModule', 'AboutComponent', 'Router', 'RouterModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridSaveStateComponent', 'AboutComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxTooltipModule', 'IgxCheckboxModule', 'IgxIconModule', 'IgxButtonModule', - 'RouterModule.forRoot([\{component: AboutComponent, path: \'grid-about\'},\{component: GridSaveStateComponent, path: \'grid-state\'},\{ path: \'\', redirectTo: \'/grid-state\', pathMatch: \'full\' }])', - 'IgxToastModule', 'IgxSwitchModule'] - }) + appConfig: BaseAppConfig }); gridSaveStateSampleConfig.usesRouting = true; configs.push(gridSaveStateSampleConfig); @@ -784,120 +462,75 @@ export class GridConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'GridMultiRowLayoutConfigurationComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridMultiRowLayoutConfigurationComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridMultiRowLayoutConfigurationComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ + component: 'GridDragToGridSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridDragToGridSampleComponent', 'IgxDragDropModule', - 'IgxIconModule', 'IgxButtonModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridDragToGridSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxDragDropModule', 'IgxIconModule', 'IgxButtonModule'] - }), - component: 'GridDragToGridSampleComponent' + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridNestedDataBindComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nested-employee-data.ts', '/src/_variables.scss', '/src/_app-layout.scss'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridNestedDataBindComponent', 'IgxGridModule', 'IgxInputGroupModule', 'IgxExpansionPanelModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridNestedDataBindComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxInputGroupModule', 'IgxExpansionPanelModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridNestedDataBindAminoacidComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/amino-data.ts', '/src/_variables.scss', '/src/_app-layout.scss'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridNestedDataBindAminoacidComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridNestedDataBindAminoacidComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridCompositeDataComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts', '/src/_variables.scss', '/src/_app-layout.scss'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridCompositeDataComponent', 'IgxGridModule', 'IgxInputGroupModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridCompositeDataComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxInputGroupModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ + component: 'GridDragBaseSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridDragBaseSampleComponent', 'IgxDragDropModule', 'IgxButtonModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridDragBaseSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxDragDropModule', 'IgxButtonModule'] - }), - component: 'GridDragBaseSampleComponent' + appConfig: BaseAppConfig })); configs.push(new Config({ + component: 'GridContextmenuSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts', 'src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts', 'src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.html', 'src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.scss'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridContextmenuSampleComponent', 'ContextmenuComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridContextmenuSampleComponent', 'ContextmenuComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }), - component: 'GridContextmenuSampleComponent' + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridCustomKBNavigationComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridCustomKBNavigationComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridCustomKBNavigationComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ + component: 'GridDragSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/grid/grid-row-drag/data.ts', '/src/app/grid/grid-row-drag/planet/planet.component.html', '/src/app/grid/grid-row-drag/planet/planet.component.scss', '/src/app/grid/grid-row-drag/planet/planet.component.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridDragSampleComponent', 'PlanetComponent', 'IgxDragDropModule', 'IgxDialogModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridDragSampleComponent', 'PlanetComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxDragDropModule', 'IgxDialogModule'] - }), - component: 'GridDragSampleComponent' + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridMRLCustomNavigationComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/company-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridMRLCustomNavigationComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridMRLCustomNavigationComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'CustomGridPagingStyleSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/athletesData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['CustomGridPagingStyleSampleComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule', 'IgxIconModule'], - ngDeclarations: ['CustomGridPagingStyleSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxIconModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -905,11 +538,7 @@ export class GridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridMultipleRowDragComponent', 'IgxDragDropModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridMultipleRowDragComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxDragDropModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -917,11 +546,7 @@ export class GridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridRowReorderComponent', 'IgxDragDropModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridRowReorderComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxDragDropModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -929,11 +554,7 @@ export class GridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridDropIndicatorComponent', 'IgxDragDropModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridDropIndicatorComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxDragDropModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -941,140 +562,80 @@ export class GridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/invoiceData.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'IgxIconModule', 'GridGroupByPagingSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridGroupByPagingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxIconModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridMultiColumnHeaderTemplateComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridMultiColumnHeaderTemplateComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule', 'IgxIconModule'], - ngDeclarations: ['GridMultiColumnHeaderTemplateComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxIconModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridClipboardSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridClipboardSampleComponent', 'IgxGridModule', 'IgxSwitchModule', 'IgxInputGroupModule', 'IgxIconModule', 'IgxPreventDocumentScrollModule', 'IgxButtonModule'], - ngDeclarations: ['GridClipboardSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxSwitchModule', 'IgxInputGroupModule', 'IgxIconModule', 'IgxButtonModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'PinningStylingComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['PinningStylingComponent', 'IgxGridModule', 'IgxIconModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['PinningStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxIconModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridGroupByStylingComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/invoiceData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridGroupByStylingComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridGroupByStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridCellSelectionComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridCellSelectionComponent', 'IgxGridModule', 'IgxSwitchModule', - 'IgxIconModule', 'IgxButtonGroupModule', 'IgxAvatarModule', 'IgxSnackbarModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridCellSelectionComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxSnackbarModule', 'IgxIconModule', 'IgxButtonGroupModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridMultiRowLayoutStylingComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridMultiRowLayoutStylingComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridMultiRowLayoutStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridAdvancedFilteringSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridAdvancedFilteringSampleComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridAdvancedFilteringSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridColumnDataTypesSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridColumnDataTypesSampleComponent', 'IgxGridModule', 'IgxTooltipModule', 'IgxInputGroupModule', 'IgxSelectModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridColumnDataTypesSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxTooltipModule', 'IgxInputGroupModule', 'IgxSelectModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridAdvancedFilteringStyleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridAdvancedFilteringStyleComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridAdvancedFilteringStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridConditionalRowSelectorsComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxGridModule', 'GridConditionalRowSelectorsComponent', 'IgxCheckboxModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridConditionalRowSelectorsComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxCheckboxModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridAllDataSummaryComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridAllDataSummaryComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridAllDataSummaryComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridSummaryTemplateComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridSummaryTemplateComponent', 'IgxGridModule', 'IgxInputGroupModule', - 'IgxButtonGroupModule', 'IgxSwitchModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridSummaryTemplateComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxInputGroupModule', 'IgxButtonGroupModule', 'IgxSwitchModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridCollapsibleColumnGroupsComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/invoiceData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridCollapsibleColumnGroupsComponent', 'IgxGridModule', 'IgxTooltipModule', 'IgxPreventDocumentScrollModule', 'IgxIconModule'], - ngDeclarations: ['GridCollapsibleColumnGroupsComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxTooltipModule', 'IgxIconModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -1083,12 +644,7 @@ export class GridConfigGenerator implements IConfigGenerator { '/src/app/data/employeesData.ts', '/src/app/data/athletesData.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['RightPinningSampleComponent', 'IgxGridModule', 'IgxTooltipModule', 'IgxAvatarModule'], - ngDeclarations: ['RightPinningSampleComponent'], - ngImports: ['IgxGridModule', 'IgxTooltipModule', 'IgxAvatarModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -1096,12 +652,7 @@ export class GridConfigGenerator implements IConfigGenerator { additionalFiles: [ '/src/app/data/customers.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['GridColumnSelectionComponent', 'IgxGridModule', 'IgxSelectModule'], - ngDeclarations: ['GridColumnSelectionComponent'], - ngImports: ['IgxGridModule', 'IgxSelectModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -1109,12 +660,7 @@ export class GridConfigGenerator implements IConfigGenerator { additionalFiles: [ '/src/app/data/customers.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['GridColumnGroupSelectionComponent', 'IgxGridModule'], - ngDeclarations: ['GridColumnGroupSelectionComponent'], - ngImports: ['IgxGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -1122,68 +668,37 @@ export class GridConfigGenerator implements IConfigGenerator { additionalFiles: [ '/src/app/data/customers.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['GridColumnSelectionStylesComponent', 'IgxGridModule'], - ngDeclarations: ['GridColumnSelectionStylesComponent'], - ngImports: ['IgxGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridRemoteVirtualizationAddRowSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/services/remote.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridRemoteVirtualizationAddRowSampleComponent', 'IgxGridModule', 'IgxToastModule', - 'IgxBadgeModule', 'HttpClientModule', 'RemoteService', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridRemoteVirtualizationAddRowSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxToastModule', 'IgxBadgeModule', 'HttpClientModule'], - ngProviders: ['RemoteService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridRowPinningSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridRowPinningSampleComponent', 'IgxActionStripModule', 'IgxSwitchModule', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridRowPinningSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxActionStripModule', 'IgxSwitchModule', 'IgxGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridRowPinningExtraColumnSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts', '/src/app/services/svgIcons.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridRowPinningExtraColumnSampleComponent', 'IgxSwitchModule', 'IgxGridModule', 'IgxIconModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridRowPinningExtraColumnSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxSwitchModule', 'IgxGridModule', 'IgxIconModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridPinningDragSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridPinningDragSampleComponent', 'IgxActionStripModule', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridPinningDragSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxActionStripModule', 'IgxGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridRowPinningStylingSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridRowPinningStylingSampleComponent', 'IgxActionStripModule', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridRowPinningStylingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxActionStripModule', 'IgxGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -1191,165 +706,93 @@ export class GridConfigGenerator implements IConfigGenerator { additionalFiles: [ '/src/app/data/customers.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['GridKeyboardnavGuide', 'IgxGridModule', 'IgxListModule', 'IgxOverlayService'], - ngDeclarations: ['GridKeyboardnavGuide'], - ngImports: ['IgxGridModule', 'IgxListModule'], - ngProviders: ['IgxOverlayService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'RemotePagingDefaultTemplateComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/services/remotePaging.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['RemotePagingDefaultTemplateComponent', 'IgxGridModule', 'RouterModule', - 'HttpClientModule', 'RemotePagingService', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['RemotePagingDefaultTemplateComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'RouterModule.forRoot([])', 'IgxGridModule', 'HttpClientModule'], - ngProviders: ['RemotePagingService'] - }) + appConfig: BaseAppConfig })); // Grid Batch Editing with remote paging configs.push(new Config({ component: 'RemotePagingBatchEditingComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/utils.ts', '/src/app/data/foods.ts', '/src/app/services/remotePagingWithBatchEditing.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['RemotePagingBatchEditingComponent', 'IgxGridModule', 'IgxDialogModule', 'IgxButtonModule', - 'RemotePagingWithBatchEditingService', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['RemotePagingBatchEditingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxDialogModule', 'IgxButtonModule'], - ngProviders: ['RemotePagingWithBatchEditingService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'RemotePagingDefaultTemplateComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/services/remotePaging.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['RemotePagingDefaultTemplateComponent', 'IgxGridModule', 'RouterModule', - 'HttpClientModule', 'RemotePagingService', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['RemotePagingDefaultTemplateComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'RouterModule.forRoot([])', 'IgxGridModule', 'HttpClientModule'], - ngProviders: ['RemotePagingService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridExternalOutletComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridExternalOutletComponent', 'IgxGridModule', 'IgxToggleModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridExternalOutletComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxToggleModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridSortingIndicatorsComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/utils.ts', '/src/app/data/financialData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridSortingIndicatorsComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridSortingIndicatorsComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridExportVisualizationComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/utils.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridExportVisualizationComponent', 'IgxGridModule', 'IgxButtonModule', 'IgxPreventDocumentScrollModule', 'IgxExcelExporterService', 'IgxCsvExporterService'], - ngDeclarations: ['GridExportVisualizationComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxButtonModule'], - ngProviders: ['IgxExcelExporterService', 'IgxCsvExporterService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridAddRowSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridAddRowSampleComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule', 'IgxActionStripModule', 'IgxInputGroupModule', 'IgxFocusModule'], - ngDeclarations: ['GridAddRowSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxActionStripModule', 'IgxInputGroupModule', 'IgxFocusModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridEditingLifecycleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'IgxPreventDocumentScrollModule', 'GridEditingLifecycleComponent', 'IgxSwitchModule', 'IgxIconModule'], - ngDeclarations: ['GridEditingLifecycleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxSwitchModule', 'IgxIconModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridSelectComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/grid/grid-select/data.ts', '/src/app/grid/grid-select/characters.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxSelectModule', 'GridSelectComponent'], - ngDeclarations: ['GridSelectComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxSelectModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridFormattedFilteringStrategyComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridFormattedFilteringStrategyComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridFormattedFilteringStrategyComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridSummaryFormatterComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridSummaryFormatterComponent', 'IgxGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridSummaryFormatterComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'CRUDSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/services/crud.service.ts', '/src/app/data/invoiceData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['CRUDSampleComponent', 'IgxActionStripModule', 'HttpClientModule', 'IgxGridModule', 'IgxPreventDocumentScrollModule', 'CRUDService'], - ngDeclarations: ['CRUDSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxActionStripModule', 'HttpClientModule'], - ngProviders: ['CRUDService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridRowClassesComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridRowClassesComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridRowClassesComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridRowStylesComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/services/financial.service.ts', '/src/app/data/financialData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridRowStylesComponent', 'IgxPreventDocumentScrollModule', 'IgxBadgeModule', 'FinancialDataService'], - ngDeclarations: ['GridRowStylesComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxBadgeModule'], - ngProviders: ['FinancialDataService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -1359,21 +802,13 @@ export class GridConfigGenerator implements IConfigGenerator { '/src/app/data/employeesData.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['GridValidatorServiceComponent', 'IgxGridModule', 'IgxFocusModule', 'IgxPreventDocumentScrollModule', 'IgxSwitchModule'], - ngDeclarations: ['GridValidatorServiceComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxFocusModule', 'IgxSwitchModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridColumnAutosizingComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridColumnAutosizingComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridColumnAutosizingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -1381,23 +816,14 @@ export class GridConfigGenerator implements IConfigGenerator { additionalFiles: [ '/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/employeesData.ts' - ], - appModuleConfig: new AppModuleConfig({ - imports: ['GridValidatorServiceCrossFieldComponent', 'IgxGridModule', 'IgxTooltipModule', 'IgxFocusModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridValidatorServiceCrossFieldComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxFocusModule', 'IgxTooltipModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridValidationStyleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridValidationStyleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridValidationStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -1407,66 +833,39 @@ export class GridConfigGenerator implements IConfigGenerator { '/src/app/data/employeesData.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['GridValidatorServiceExtendedComponent', 'IgxGridModule', 'IgxFocusModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['GridValidatorServiceExtendedComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxFocusModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridSummaryExportComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridSummaryExportComponent', 'IgxPreventDocumentScrollModule', 'IgxExcelExporterService'], - ngDeclarations: ['GridSummaryExportComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule'], - ngProviders: ['IgxExcelExporterService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridStatePersistenceSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/financialData.ts', '/src/app/services/financial.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['GridStatePersistenceSampleComponent', 'IgxAvatarModule', 'IgxGridModule', 'IgxSwitchModule', 'IgxIconModule', 'IgxButtonModule', - 'IgxExcelExporterService', 'IgxCsvExporterService', 'IgxPreventDocumentScrollModule', 'FinancialDataService'], - ngDeclarations: ['GridStatePersistenceSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxAvatarModule', 'IgxGridModule', 'IgxSwitchModule', 'IgxIconModule', 'IgxButtonModule'], - ngProviders: ['FinancialDataService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridCascadingCombosComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/cities15000-regions-countries.ts', '/src/app/data/data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'GridCascadingCombosComponent', 'IgxPreventDocumentScrollModule', 'IgxComboModule', 'IgxSimpleComboModule'], - ngDeclarations: ['GridCascadingCombosComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxComboModule', 'IgxSimpleComboModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'GridWithRatingComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'], additionalDependencies: ['igniteui-webcomponents'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxGridModule', 'IgxToastModule', 'GridWithRatingComponent', 'IgxPreventDocumentScrollModule', 'IgcFormsModule'], - ngDeclarations: ['GridWithRatingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxToastModule', 'IgcFormsModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'RatingInFormComponent', additionalFiles: [], additionalDependencies: ['igniteui-webcomponents'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'RatingInFormComponent', 'IgxCardModule', 'IgcFormsModule', 'IgxIconModule'], - ngDeclarations: ['RatingInFormComponent'], - ngImports: ['IgxButtonModule', 'IgxCardModule', 'IgcFormsModule', 'IgxIconModule'] - }) + appConfig: BaseAppConfig })); return configs; diff --git a/live-editing/configs/HierarchicalGridConfigGenerator.ts b/live-editing/configs/HierarchicalGridConfigGenerator.ts index 62b95ec9cb..e24c3a9c83 100644 --- a/live-editing/configs/HierarchicalGridConfigGenerator.ts +++ b/live-editing/configs/HierarchicalGridConfigGenerator.ts @@ -26,7 +26,8 @@ import { IgxToggleModule, IgxExcelExporterService } from 'igniteui-angular'; -import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; import { Router, RouterModule } from '@angular/router'; export class HierarchicalGridConfigGenerator implements IConfigGenerator { public additionalImports = { @@ -41,46 +42,28 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridEditingSampleComponent', 'IgxDialogModule', - 'IgxButtonModule', 'IgxCheckboxModule', 'IgxDatePickerModule', 'IgxPreventDocumentScrollModule', 'IgxInputGroupModule'], - ngDeclarations: ['HGridEditingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxDialogModule', 'IgxButtonModule', 'IgxCheckboxModule', - 'IgxDatePickerModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, component: 'HGridEditingSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridEditingEventsComponent', 'IgxToastModule', 'IgxPreventDocumentScrollModule', 'IgxIconModule', 'IgxInputGroupModule'], - ngDeclarations: ['HGridEditingEventsComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxToastModule', 'IgxIconModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, component: 'HGridEditingEventsComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridRowEditingSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridRowEditingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridRowEditingSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridRowEditStyleComponent', 'IgxIconModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridRowEditStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'HGridRowEditStyleComponent' })); @@ -88,146 +71,90 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridEditingStyleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridEditingStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridEditingStyleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridBatchEditingSampleComponent', - 'IgxButtonModule', 'IgxCheckboxModule', - 'IgxDatePickerModule', 'IgxGridModule', 'IgxDialogModule', 'IgxPreventDocumentScrollModule','IgxInputGroupModule'], - ngDeclarations: ['HGridBatchEditingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxButtonModule', 'IgxCheckboxModule', - 'IgxDatePickerModule', 'IgxGridModule', 'IgxDialogModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, component: 'HGridBatchEditingSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HierarchicalGridFilteringStyleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HierarchicalGridFilteringStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HierarchicalGridFilteringStyleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridFilteringSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridFilteringSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridFilteringSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridFilteringTemplateSampleComponent', 'IgxInputGroupModule', 'IgxDatePickerModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridFilteringTemplateSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxInputGroupModule', 'IgxDatePickerModule'] - }), + appConfig: BaseAppConfig, component: 'HGridFilteringTemplateSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridExcelStyleFilteringSample1Component', 'IgxButtonGroupModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridExcelStyleFilteringSample1Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxButtonGroupModule'] - }), + appConfig: BaseAppConfig, component: 'HGridExcelStyleFilteringSample1Component' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridExcelStyleFilteringSample2Component', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridExcelStyleFilteringSample2Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridExcelStyleFilteringSample2Component' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridExcelStyleFilteringSample3Component', 'IgxPreventDocumentScrollModule', 'IgxIconModule'], - ngDeclarations: ['HGridExcelStyleFilteringSample3Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'HGridExcelStyleFilteringSample3Component' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridExcelStyleFilteringStyleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridExcelStyleFilteringStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridExcelStyleFilteringStyleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridExternalExcelStyleFilteringComponent', 'IgxSelectModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridExternalExcelStyleFilteringComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxSelectModule'] - }), + appConfig: BaseAppConfig, component: 'HGridExternalExcelStyleFilteringComponent' })); configs.push(new Config({ component: 'HGridExcelExportSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/artistData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HGridExcelExportSampleComponent', 'IgxHierarchicalGridModule', 'IgxPreventDocumentScrollModule', 'IgxExcelExporterService'], - ngDeclarations: ['HGridExcelExportSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'], - ngProviders: ['IgxExcelExporterService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridExternalAdvancedFilteringComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridExternalAdvancedFilteringComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridExternalAdvancedFilteringComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridCustomFilteringSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridCustomFilteringSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridCustomFilteringSampleComponent' })); @@ -237,269 +164,166 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { '/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts', '/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.scss', '/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.html'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridSortingSampleComponent', 'HGridContextmenuComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridSortingSampleComponent', 'HGridContextmenuComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridSortingSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridSortingStylingComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridSortingStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridSortingStylingComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridSelectionSampleComponent', 'IgxSwitchModule', - 'IgxSnackbarModule', 'IgxButtonGroupModule', 'IgxPreventDocumentScrollModule', 'IgxIconModule'], - ngDeclarations: ['HGridSelectionSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxSwitchModule', 'IgxSnackbarModule', 'IgxButtonGroupModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'HGridSelectionSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridSummaryStylingComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridSummaryStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridSummaryStylingComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridSummarySampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridSummarySampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridSummarySampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridPagingSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridPagingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridPagingSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/hierarchical-grid/hierarchical-grid-paging/remotePagingService.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridRemotePagingSampleComponent', 'HttpClientModule', 'IgxSelectModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridRemotePagingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'HttpClientModule', 'IgxSelectModule'] - }), + appConfig: BaseAppConfig, component: 'HGridRemotePagingSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridDisplayDensitySampleComponent', 'IgxPreventDocumentScrollModule', 'IgxButtonGroupModule'], - ngDeclarations: ['HGridDisplayDensitySampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxButtonGroupModule'] - }), + appConfig: BaseAppConfig, component: 'HGridDisplayDensitySampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridColumnMovingSampleStyledComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridColumnMovingSampleStyledComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridColumnMovingSampleStyledComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridColumnMovingSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridColumnMovingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridColumnMovingSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts', '/src/app/services/svgIcons.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridPinningSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridPinningSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridPinningSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridToolbarPinningComponent', 'IgxPreventDocumentScrollModule', 'RouterModule'], - ngDeclarations: ['HGridToolbarPinningComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'RouterModule', 'RouterModule.forRoot([])'] - }), + appConfig: BaseAppConfig, component: 'HGridToolbarPinningComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridResizeLineStylingComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridResizeLineStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridResizeLineStylingComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridColumnHidingSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridColumnHidingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridColumnHidingSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HierarchicalGridColumnHidingToolbarStyleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HierarchicalGridColumnHidingToolbarStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HierarchicalGridColumnHidingToolbarStyleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridCostumHidingSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridCostumHidingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridCostumHidingSampleComponent' })); // HGrid Multi Cell Selection Styling configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridMultiCellStyleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridMultiCellStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridMultiCellStyleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridMultiHeadersSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridMultiHeadersSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridMultiHeadersSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridMultiHeadersStylingComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridMultiHeadersStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridMultiHeadersStylingComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridMultiColumnHeadersExportComponent', 'IgxPreventDocumentScrollModule', 'IgxExcelExporterService'], - ngDeclarations: ['HGridMultiColumnHeadersExportComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'], - ngProviders: ['IgxExcelExporterService'] - }), + appConfig: BaseAppConfig, component: 'HGridMultiColumnHeadersExportComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridToolbarTitleSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridToolbarTitleSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridToolbarTitleSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridToolbarOptionsSampleComponent', 'IgxPreventDocumentScrollModule', 'IgxSwitchModule', 'IgxInputGroupModule'], - ngDeclarations: ['HGridToolbarOptionsSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxSwitchModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, component: 'HGridToolbarOptionsSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridToolbarCustomSampleComponent', 'IgxButtonModule', 'IgxPreventDocumentScrollModule', 'IgxIconModule'], - ngDeclarations: ['HGridToolbarCustomSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxButtonModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'HGridToolbarCustomSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HierarchicalGridToolbarStyleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HierarchicalGridToolbarStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HierarchicalGridToolbarStyleComponent' })); // Hierarchical Grid Load on Demand Sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/services/remote-lod.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HierarchicalGridLoDSampleComponent', 'RemoteLoDService', 'HttpClientModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HierarchicalGridLoDSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'HttpClientModule'], - ngProviders: ['RemoteLoDService'] - }), + appConfig: BaseAppConfig, component: 'HierarchicalGridLoDSampleComponent' })); @@ -507,32 +331,19 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/services/remoteValues.service.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HierarchicalGridExcelStyleFilteringLoadOnDemandComponent', 'RemoteValuesService', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HierarchicalGridExcelStyleFilteringLoadOnDemandComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'], - ngProviders: ['RemoteValuesService'] - }), + appConfig: BaseAppConfig, component: 'HierarchicalGridExcelStyleFilteringLoadOnDemandComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/utils.ts', '/src/app/data/files.data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridDragSampleComponent', 'IgxDragDropModule', 'IgxIconModule', 'IgxButtonModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridDragSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxDragDropModule', 'IgxIconModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, component: 'HGridDragSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/utils.ts', '/src/app/data/files.data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridRowDragBaseComponent', 'IgxDragDropModule', 'IgxButtonModule', 'IgxPreventDocumentScrollModule', 'IgxIconModule'], - ngDeclarations: ['HGridRowDragBaseComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxDragDropModule', 'IgxButtonModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'HGridRowDragBaseComponent' })); @@ -540,86 +351,54 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/utils.ts', '/src/app/data/files.data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridMultiRowDragComponent', 'IgxDragDropModule', 'IgxButtonModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridMultiRowDragComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxDragDropModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, component: 'HGridMultiRowDragComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridCustomKBNavigationComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridCustomKBNavigationComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridCustomKBNavigationComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/utils.ts', '/src/app/data/files.data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'IgxDragDropModule', 'HGridRowReorderComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridRowReorderComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxDragDropModule'] - }), + appConfig: BaseAppConfig, component: 'HGridRowReorderComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridPagingStyleSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridPagingStyleSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridPagingStyleSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridMultiHeaderTemplateSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridMultiHeaderTemplateSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridMultiHeaderTemplateSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridStylingComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridStylingComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridAdvancedFilteringSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridAdvancedFilteringSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridAdvancedFilteringSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridAdvancedFilteringStyleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridAdvancedFilteringStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridAdvancedFilteringStyleComponent' })); @@ -629,56 +408,34 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridConditionalRowSelectorsComponent', 'IgxCheckboxModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridConditionalRowSelectorsComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxCheckboxModule'] - }), + appConfig: BaseAppConfig, component: 'HGridConditionalRowSelectorsComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCheckboxModule', 'IgxHierarchicalGridModule', 'HGridSelectionTemplateNumbersSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridSelectionTemplateNumbersSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxCheckboxModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridSelectionTemplateNumbersSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'IgxTooltipModule', 'HGridCollapsibleColumnGroupComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridCollapsibleColumnGroupComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxTooltipModule'] - }), + appConfig: BaseAppConfig, component: 'HGridCollapsibleColumnGroupComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridAllDataSummaryComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridAllDataSummaryComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridAllDataSummaryComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridSummaryTemplateComponent', 'IgxInputGroupModule', - 'IgxButtonGroupModule', 'IgxSwitchModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridSummaryTemplateComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxInputGroupModule', - 'IgxButtonGroupModule', 'IgxSwitchModule'] - }), + appConfig: BaseAppConfig, component: 'HGridSummaryTemplateComponent' })); @@ -687,12 +444,7 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { '/src/app/data/employeesData.ts', '/src/app/data/athletesData.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['HierarchicalGridRightPinningSampleComponent', 'IgxHierarchicalGridModule', 'IgxAvatarModule', 'IgxTooltipModule'], - ngDeclarations: ['HierarchicalGridRightPinningSampleComponent'], - ngImports: ['IgxHierarchicalGridModule', 'IgxAvatarModule', 'IgxTooltipModule'], - ngProviders: [] - }), + appConfig: BaseAppConfig, component: 'HierarchicalGridRightPinningSampleComponent' })); @@ -703,12 +455,7 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['HierarchicalGridColumnSelectionComponent', 'IgxHierarchicalGridModule', 'IgxPreventDocumentScrollModule', 'IgxSelectModule'], - ngDeclarations: ['HierarchicalGridColumnSelectionComponent'], - ngImports: ['IgxHierarchicalGridModule', 'IgxPreventDocumentScrollModule', 'IgxSelectModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -716,12 +463,7 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { additionalFiles: [ '/src/app/data/hierarchical-data.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['HierarchicalGridColumnGroupSelectionComponent', 'IgxHierarchicalGridModule'], - ngDeclarations: ['HierarchicalGridColumnGroupSelectionComponent'], - ngImports: ['IgxHierarchicalGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -731,50 +473,28 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['HGridColumnSelectionStylesComponent', 'IgxHierarchicalGridModule'], - ngDeclarations: ['HGridColumnSelectionStylesComponent'], - ngImports: ['IgxHierarchicalGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'HGridRowPinningExtraColumnSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts', '/src/app/services/svgIcons.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HGridRowPinningExtraColumnSampleComponent', 'IgxHierarchicalGridModule', 'IgxIconModule', 'IgxPreventDocumentScrollModule', - 'IgxSwitchModule'], - ngDeclarations: ['HGridRowPinningExtraColumnSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxIconModule', 'IgxSwitchModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'HGridRowPinningSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts', '/src/app/services/svgIcons.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HGridRowPinningSampleComponent', 'IgxHierarchicalGridModule', 'IgxActionStripModule', 'IgxPreventDocumentScrollModule', - 'IgxSwitchModule'], - ngDeclarations: ['HGridRowPinningSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxActionStripModule', 'IgxHierarchicalGridModule', 'IgxSwitchModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'HGridRowPinningStylingSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts', '/src/app/services/svgIcons.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HGridRowPinningStylingSampleComponent', 'IgxHierarchicalGridModule', 'IgxActionStripModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridRowPinningStylingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxActionStripModule', 'IgxHierarchicalGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -782,21 +502,12 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { additionalFiles: [ '/src/app/data/hierarchical-data.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['HGridKeyboardnavGuide', 'IgxHierarchicalGridModule', 'IgxListModule', 'IgxOverlayService'], - ngDeclarations: ['HGridKeyboardnavGuide'], - ngImports: ['IgxHierarchicalGridModule', 'IgxListModule'], - ngProviders: ['IgxOverlayService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/remotePagingService.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridRemotePagingDefaultTemplateComponent', 'HttpClientModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridRemotePagingDefaultTemplateComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'HttpClientModule'] - }), + appConfig: BaseAppConfig, component: 'HGridRemotePagingDefaultTemplateComponent' })); @@ -808,12 +519,7 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { '/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts', '/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.html' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'IgxCheckboxModule', 'HGridSaveStateComponent', 'IgxIconModule', 'IgxButtonModule', 'HGridAboutComponent', 'IgxPreventDocumentScrollModule', 'Router', 'RouterModule'], - ngDeclarations: ['HGridSaveStateComponent', 'HGridAboutComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxCheckboxModule', 'IgxIconModule', 'IgxButtonModule', - 'RouterModule.forRoot([\{component: HGridAboutComponent, path: \'hGrid-state-about\'},\{component: HGridSaveStateComponent, path: \'hGrid-state\'},\{ path: \'\', redirectTo: \'/hGrid-state\', pathMatch: \'full\' }])'] - }), + appConfig: BaseAppConfig, component: 'HGridSaveStateComponent' }); hGridSaveStateSampleConfig.usesRouting = true; @@ -822,59 +528,34 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HierarchicalGridExternalOutletComponent', 'IgxHierarchicalGridModule', 'IgxToggleModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HierarchicalGridExternalOutletComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, component: 'HierarchicalGridExternalOutletComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HierarchicalGridCellSelectionComponent', 'IgxSnackbarModule', - 'IgxButtonModule', 'IgxButtonGroupModule', 'IgxIconModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HierarchicalGridCellSelectionComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxSnackbarModule', 'IgxButtonModule', 'IgxButtonGroupModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'HierarchicalGridCellSelectionComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'IgxPreventDocumentScrollModule', 'HGridEditingLifecycleComponent', 'IgxSwitchModule', 'IgxIconModule', 'IgxButtonModule'], - ngDeclarations: ['HGridEditingLifecycleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxSwitchModule', 'IgxIconModule', 'IgxButtonModule'], - ngProviders: [] - }), + appConfig: BaseAppConfig, component: 'HGridEditingLifecycleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridAddRowSampleComponent', 'IgxDialogModule', - 'IgxButtonModule', 'IgxCheckboxModule', 'IgxDatePickerModule', 'IgxPreventDocumentScrollModule', - 'IgxActionStripModule'], - ngDeclarations: ['HGridAddRowSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxDialogModule', 'IgxButtonModule', 'IgxCheckboxModule', - 'IgxDatePickerModule', 'IgxActionStripModule'] - }), + appConfig: BaseAppConfig, component: 'HGridAddRowSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridFormattedFilteringStrategyComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridFormattedFilteringStrategyComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridFormattedFilteringStrategyComponent' })); @@ -882,23 +563,13 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { component: 'HGridSummaryFormatterComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HGridSummaryFormatterComponent', 'IgxHierarchicalGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridSummaryFormatterComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', - 'HierarchicalGridPagerSampleComponent', 'IgxButtonModule', 'IgxIconModule', 'IgxSwitchModule'], - ngDeclarations: ['HierarchicalGridPagerSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', - 'IgxButtonModule', 'IgxIconModule', 'IgxSwitchModule'] - }), + appConfig: BaseAppConfig, component: 'HierarchicalGridPagerSampleComponent' })); @@ -906,33 +577,21 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], component: 'HGridRowClassesSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxIconModule', 'IgxButtonModule', 'HGridRowClassesSampleComponent'], - ngDeclarations: ['HGridRowClassesSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxIconModule', 'IgxButtonModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], component: 'HGridRowStylesSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxIconModule', 'IgxButtonModule', 'HGridRowStylesSampleComponent'], - ngDeclarations: ['HGridRowStylesSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxIconModule', 'IgxButtonModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'HGridActionStripSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['HGridActionStripSampleComponent', 'IgxHierarchicalGridModule', 'IgxDialogModule', 'IgxButtonModule', 'IgxPreventDocumentScrollModule', 'IgxActionStripModule'], - ngDeclarations: ['HGridActionStripSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxDialogModule', 'IgxButtonModule', 'IgxActionStripModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -941,21 +600,13 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { '/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['HierarchicalGridValidatorServiceComponent', 'IgxHierarchicalGridModule', 'IgxPreventDocumentScrollModule', 'IgxSwitchModule'], - ngDeclarations: ['HierarchicalGridValidatorServiceComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxSwitchModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/hierarchical-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'HGridColumnAutoSizingSampleComponent'], - ngDeclarations: ['HGridColumnAutoSizingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'], - }), + appConfig: BaseAppConfig, component: 'HGridColumnAutoSizingSampleComponent' })); @@ -967,21 +618,13 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { '/src/app/data/hierarchical-data.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['HierarchicalGridValidatorServiceCrossCellComponent', 'IgxHierarchicalGridModule', 'IgxTooltipModule', 'ReactiveFormsModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HierarchicalGridValidatorServiceCrossCellComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxTooltipModule', 'ReactiveFormsModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridValidationStyleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HGridValidationStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }), + appConfig: BaseAppConfig, component: 'HGridValidationStyleComponent' })); @@ -992,22 +635,13 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator { '/src/app/data/hierarchical-data.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['HierarchicalGridValidatorServiceExtendedComponent', 'IgxHierarchicalGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['HierarchicalGridValidatorServiceExtendedComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxHierarchicalGridModule', 'HGridSummaryExportComponent', 'IgxPreventDocumentScrollModule', 'IgxExcelExporterService'], - ngDeclarations: ['HGridSummaryExportComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule'], - ngProviders: ['IgxExcelExporterService'] - }), + appConfig: BaseAppConfig, component: 'HGridSummaryExportComponent' })); diff --git a/live-editing/configs/IconButtonConfigGenerator.ts b/live-editing/configs/IconButtonConfigGenerator.ts index 3b6fcbe843..fc9d2a86ed 100644 --- a/live-editing/configs/IconButtonConfigGenerator.ts +++ b/live-editing/configs/IconButtonConfigGenerator.ts @@ -4,6 +4,7 @@ import {IgxButtonGroupModule, IgxIconModule, IgxRippleModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class IconButtonConfigGenerator implements IConfigGenerator { public generateConfigs(): Config[] { const configs = new Array(); @@ -11,88 +12,56 @@ export class IconButtonConfigGenerator implements IConfigGenerator { // icon button overview configs.push(new Config({ component: 'IconButtonOverviewComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective', 'IconButtonOverviewComponent'], - ngDeclarations: ['IconButtonOverviewComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/icon-button/" })); // flat icon button configs.push(new Config({ component: 'FlatIconButtonComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective', 'FlatIconButtonComponent'], - ngDeclarations: ['FlatIconButtonComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/icon-button/" })); // contained icon button configs.push(new Config({ component: 'ContainedIconButtonComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective', 'ContainedIconButtonComponent'], - ngDeclarations: ['ContainedIconButtonComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/icon-button/" })); // outlined icon button configs.push(new Config({ component: 'OutlinedIconButtonComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective', 'OutlinedIconButtonComponent'], - ngDeclarations: ['OutlinedIconButtonComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/icon-button/" })); // disabled icon button configs.push(new Config({ component: 'DisabledIconButtonComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective', 'DisabledIconButtonComponent'], - ngDeclarations: ['DisabledIconButtonComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/icon-button/" })); // SVG icon button configs.push(new Config({ component: 'SVGIconButtonComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective', 'SVGIconButtonComponent'], - ngDeclarations: ['SVGIconButtonComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/icon-button/" })); // icon button styling configs.push(new Config({ component: 'IconButtonStylingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective', 'IconButtonStylingComponent'], - ngDeclarations: ['IconButtonStylingComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/icon-button/" })); // icon button size configs.push(new Config({ component: 'IconButtonSizeComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective', 'IconButtonSizeComponent'], - ngDeclarations: ['IconButtonSizeComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxIconButtonDirective'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/icon-button/" })); diff --git a/live-editing/configs/IconConfigGenerator.ts b/live-editing/configs/IconConfigGenerator.ts index 86fc487382..c912b2ba2b 100644 --- a/live-editing/configs/IconConfigGenerator.ts +++ b/live-editing/configs/IconConfigGenerator.ts @@ -6,6 +6,7 @@ IgxButtonModule, IgxCardModule, IgxSelectModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class IconConfigGenerator implements IConfigGenerator { public additionalImports = { CategoriesFilterPipe: '../../src/app/data-display/icon/material-icons-extended/material-icons-extended.component', @@ -17,66 +18,42 @@ export class IconConfigGenerator implements IConfigGenerator { // icon sample 1 configs.push(new Config({ component: 'IconSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IconSample1Component'], - ngDeclarations: ['IconSample1Component'], - ngImports: ['IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/icon/" })); // SVG icon sample configs.push(new Config({ component: 'SvgIconSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'SvgIconSampleComponent', 'HttpClientModule'], - ngDeclarations: ['SvgIconSampleComponent'], - ngImports: ['IgxIconModule', 'HttpClientModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/icon/" })); // Icon Styling Sample configs.push(new Config({ component: 'IconStylingSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IconStylingSampleComponent'], - ngDeclarations: ['IconStylingSampleComponent'], - ngImports: ['IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/icon/" })); // Icon Service Sample configs.push(new Config({ component: 'IconServiceSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAvatarModule', 'IgxButtonModule', 'IgxCardModule', 'IgxIconModule', 'IconServiceSampleComponent'], - ngDeclarations: ['IconStylingSampleComponent'], - ngImports: ['IgxAvatarModule', 'IgxButtonModule', 'IgxCardModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/icon/" })); // Material Symbols Sample configs.push(new Config({ component: 'MaterialSymbolsComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'MaterialSymbolsComponent'], - ngDeclarations: ['MaterialSymbolsComponent'], - ngImports: ['IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/material-symbols/" })); // Material icons extended sample configs.push(new Config({ component: 'MaterialIconsExtendedComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxInputGroupModule', 'IgxButtonModule', 'IgxSelectModule', 'MaterialIconsExtendedComponent', 'CategoriesFilterPipe', 'FilterByName'], - ngDeclarations: ['MaterialIconsExtendedComponent', 'CategoriesFilterPipe', 'FilterByName'], - ngImports: ['IgxIconModule', 'IgxInputGroupModule', 'IgxButtonModule', 'IgxSelectModule'] - }), + appConfig: BaseAppConfig, additionalDependencies: ['file-saver', '@igniteui/material-icons-extended'], shortenComponentPathBy: "/data-display/icon/" })); diff --git a/live-editing/configs/InputGroupConfigGenerator.ts b/live-editing/configs/InputGroupConfigGenerator.ts index ff09c0eb93..94bf704847 100644 --- a/live-editing/configs/InputGroupConfigGenerator.ts +++ b/live-editing/configs/InputGroupConfigGenerator.ts @@ -12,6 +12,7 @@ IgxSelectModule, IgxTextSelectionModule, IgxTimePickerModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class InputGroupConfigGenerator implements IConfigGenerator { @@ -23,11 +24,7 @@ export class InputGroupConfigGenerator implements IConfigGenerator { additionalFiles: [ "/src/app/data-entries/input-group/base-input.component.ts" ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'InputGroupSample1Component'], - ngDeclarations: ['InputGroupSample1Component'], - ngImports: ['IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/input-group/" })); @@ -37,11 +34,7 @@ export class InputGroupConfigGenerator implements IConfigGenerator { additionalFiles: [ "/src/app/data-entries/input-group/base-input.component.ts" ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'InputGroupSample2Component'], - ngDeclarations: ['InputGroupSample2Component'], - ngImports: ['IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/input-group/" })); @@ -51,11 +44,7 @@ export class InputGroupConfigGenerator implements IConfigGenerator { additionalFiles: [ "/src/app/data-entries/input-group/base-input.component.ts" ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxInputGroupModule', 'InputGroupSample5Component'], - ngDeclarations: ['InputGroupSample5Component'], - ngImports: ['IgxIconModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/input-group/" })); @@ -65,15 +54,7 @@ export class InputGroupConfigGenerator implements IConfigGenerator { additionalFiles: [ "/src/app/data-entries/input-group/base-input.component.ts" ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxInputGroupModule', 'IgxButtonModule', - 'IgxRippleModule', 'ReactiveFormsSampleComponent', 'IgxDatePickerModule', 'IgxTimePickerModule', - 'IgxComboModule', 'ReactiveFormsModule', 'IgxDropDownModule', 'IgxSelectModule'], - - ngDeclarations: ['ReactiveFormsSampleComponent'], - ngImports: ['IgxIconModule', 'IgxInputGroupModule', 'IgxButtonModule', - 'IgxRippleModule', 'IgxDatePickerModule', 'IgxTimePickerModule', 'IgxComboModule', 'ReactiveFormsModule', 'IgxDropDownModule', 'IgxSelectModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/" })); @@ -82,21 +63,13 @@ export class InputGroupConfigGenerator implements IConfigGenerator { additionalFiles: [ "/src/app/data-entries/input-group/base-input.component.ts" ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxInputGroupModule', 'InputGroupStyleComponent'], - ngDeclarations: ['InputGroupStyleComponent'], - ngImports: ['IgxIconModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/" })); configs.push(new Config({ component: 'InputTextSelectionComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'InputTextSelectionComponent', 'IgxTextSelectionModule', 'IgxFocusModule'], - ngDeclarations: ['InputTextSelectionComponent'], - ngImports: ['IgxInputGroupModule', 'IgxTextSelectionModule', 'IgxFocusModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/" })); @@ -106,11 +79,7 @@ export class InputGroupConfigGenerator implements IConfigGenerator { additionalFiles: [ "/src/app/data-entries/input-group/base-input.component.ts" ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'IgxButtonModule', 'IgxRippleModule', 'TemplateDrivenFormValidationComponent'], - ngDeclarations: ['TemplateDrivenFormValidationComponent'], - ngImports: ['IgxInputGroupModule', 'IgxButtonModule', 'IgxRippleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/" })); @@ -120,11 +89,7 @@ export class InputGroupConfigGenerator implements IConfigGenerator { additionalFiles: [ "/src/app/data-entries/input-group/base-input.component.ts" ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'IgxButtonModule', 'IgxRippleModule', 'ReactiveFormsModule', 'ReactiveFormValidationComponent'], - ngDeclarations: ['ReactiveFormValidationComponent'], - ngImports: ['IgxInputGroupModule', 'IgxButtonModule', 'IgxRippleModule', 'ReactiveFormsModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/" })); @@ -134,11 +99,7 @@ export class InputGroupConfigGenerator implements IConfigGenerator { additionalFiles: [ "/src/app/data-entries/input-group/base-input.component.ts" ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'IgxButtonModule', 'IgxRippleModule', 'ReactiveFormsModule', 'ReactiveFormCustomValidationComponent'], - ngDeclarations: ['ReactiveFormCustomValidationComponent'], - ngImports: ['IgxInputGroupModule', 'IgxButtonModule', 'IgxRippleModule', 'ReactiveFormsModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/" })); diff --git a/live-editing/configs/LayoutConfigGenerator.ts b/live-editing/configs/LayoutConfigGenerator.ts index a4b95014b5..64a2752a15 100644 --- a/live-editing/configs/LayoutConfigGenerator.ts +++ b/live-editing/configs/LayoutConfigGenerator.ts @@ -3,6 +3,7 @@ IgxButtonModule, IgxLayoutModule, IgxRippleModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class LayoutConfigGenerator implements IConfigGenerator { @@ -12,129 +13,42 @@ export class LayoutConfigGenerator implements IConfigGenerator { configs.push( new Config({ component: 'LayoutAlignItemsComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxLayoutModule', - 'LayoutAlignItemsComponent', - 'IgxButtonGroupModule', - 'IgxButtonModule', - 'IgxRippleModule' - ], - ngDeclarations: ['LayoutAlignItemsComponent'], - ngImports: [ - 'IgxLayoutModule', - 'IgxButtonGroupModule', - 'IgxButtonModule', - 'IgxRippleModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/" }), new Config({ component: 'LayoutContentSpaceComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxLayoutModule', - 'LayoutContentSpaceComponent', - 'IgxButtonGroupModule', - 'IgxButtonModule', - 'IgxRippleModule' - ], - ngDeclarations: ['LayoutContentSpaceComponent'], - ngImports: [ - 'IgxLayoutModule', - 'IgxButtonGroupModule', - 'IgxButtonModule', - 'IgxRippleModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/" }), new Config({ component: 'LayoutCustomOrderComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxLayoutModule', 'LayoutCustomOrderComponent'], - ngDeclarations: ['LayoutCustomOrderComponent'], - ngImports: ['IgxLayoutModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/" }), new Config({ component: 'LayoutDirectionColumnComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxLayoutModule', - 'LayoutDirectionColumnComponent', - 'IgxButtonGroupModule', - 'IgxButtonModule', - 'IgxRippleModule' - ], - ngDeclarations: ['LayoutDirectionColumnComponent'], - ngImports: [ - 'IgxLayoutModule', - 'IgxButtonGroupModule', - 'IgxButtonModule', - 'IgxRippleModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/" }), new Config({ component: 'LayoutDirectionRowComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxLayoutModule', - 'LayoutDirectionRowComponent', - 'IgxButtonGroupModule', - 'IgxButtonModule', - 'IgxRippleModule' - ], - ngDeclarations: ['LayoutDirectionRowComponent'], - ngImports: [ - 'IgxLayoutModule', - 'IgxButtonGroupModule', - 'IgxButtonModule', - 'IgxRippleModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/" }), new Config({ component: 'LayoutJustifyContentComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxLayoutModule', - 'LayoutJustifyContentComponent', - 'IgxButtonGroupModule', - 'IgxButtonModule', - 'IgxRippleModule' - ], - ngDeclarations: ['LayoutJustifyContentComponent'], - ngImports: [ - 'IgxLayoutModule', - 'IgxButtonGroupModule', - 'IgxButtonModule', - 'IgxRippleModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/" }), new Config({ component: 'LayoutSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxLayoutModule', 'LayoutSampleComponent'], - ngDeclarations: ['LayoutSampleComponent'], - ngImports: ['IgxLayoutModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/" }), new Config({ component: 'LayoutWrapComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxLayoutModule', 'LayoutWrapComponent'], - ngDeclarations: ['LayoutWrapComponent'], - ngImports: ['IgxLayoutModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/" }) ); diff --git a/live-editing/configs/LinearProgressbarConfigGenerator.ts b/live-editing/configs/LinearProgressbarConfigGenerator.ts index 830befc406..d4383fadd0 100644 --- a/live-editing/configs/LinearProgressbarConfigGenerator.ts +++ b/live-editing/configs/LinearProgressbarConfigGenerator.ts @@ -3,6 +3,7 @@ IgxIconModule, IgxProgressBarModule, IgxRippleModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class LinearProgressbarConfigGenerator implements IConfigGenerator { @@ -11,62 +12,31 @@ export class LinearProgressbarConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'LinearProgressbarComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxProgressBarModule', 'LinearProgressbarComponent'], - ngDeclarations: ['LinearProgressbarComponent'], - ngImports: ['IgxProgressBarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/" })); configs.push(new Config({ component: 'LinearDynamicSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxProgressBarModule', - 'IgxRippleModule', - 'LinearDynamicSampleComponent' - ], - ngDeclarations: ['LinearDynamicSampleComponent'], - ngImports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxProgressBarModule', - 'IgxRippleModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/linear-progressbar/" })); configs.push(new Config({ component: 'LinearProgressbarSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxProgressBarModule', 'LinearProgressbarSample1Component'], - ngDeclarations: ['LinearProgressbarSample1Component'], - ngImports: ['IgxProgressBarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/linear-progressbar/" })); configs.push(new Config({ component: 'LinearProgressbarSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxProgressBarModule', 'LinearProgressbarSample2Component'], - ngDeclarations: ['LinearProgressbarSample2Component'], - ngImports: ['IgxProgressBarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/linear-progressbar/" })); configs.push(new Config({ component: 'LinearProgressbarStylingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxProgressBarModule', 'LinearProgressbarStylingComponent'], - ngDeclarations: ['LinearProgressbarStylingComponent'], - ngImports: ['IgxProgressBarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/linear-progressbar" })); diff --git a/live-editing/configs/ListConfigGenerator.ts b/live-editing/configs/ListConfigGenerator.ts index e410dcb70a..ef2431efba 100644 --- a/live-editing/configs/ListConfigGenerator.ts +++ b/live-editing/configs/ListConfigGenerator.ts @@ -10,6 +10,7 @@ IgxSliderModule, IgxToastModule, IgxRippleModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class ListConfigGenerator implements IConfigGenerator { @@ -19,93 +20,56 @@ export class ListConfigGenerator implements IConfigGenerator { // list configs.push(new Config({ component: 'ListComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAvatarModule', 'IgxFilterOptions', 'IgxFilterModule', 'IgxIconModule', - 'IgxInputGroupModule', 'IgxListModule', 'ListComponent'], - ngDeclarations: ['ListComponent'], - ngImports: ['IgxAvatarModule', 'IgxFilterModule', 'IgxIconModule', 'IgxInputGroupModule', 'IgxListModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/lists/" })); // list sample 1 configs.push(new Config({ component: 'ListSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxListModule', 'ListSample1Component'], - ngDeclarations: ['ListSample1Component'], - ngImports: ['IgxListModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/lists/list/" })); // list sample 2 configs.push(new Config({ component: 'ListSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxListModule', 'ListSample2Component'], - ngDeclarations: ['ListSample2Component'], - ngImports: ['IgxListModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/lists/list/" })); // list sample 3 configs.push(new Config({ component: 'ListSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxListModule', 'IgxRippleModule', 'ListSample3Component'], - ngDeclarations: ['ListSample3Component'], - ngImports: ['IgxListModule', 'IgxRippleModule' ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/lists/list/" })); // list sample 4 configs.push(new Config({ component: 'ListSample4Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAvatarModule', 'IgxFilterModule', 'IgxIconModule', 'IgxListModule', - 'IgxInputGroupModule', 'IgxButtonGroupModule', 'IgxRippleModule', 'ListSample4Component'], - ngDeclarations: ['ListSample4Component'], - ngImports: ['IgxAvatarModule', 'IgxFilterModule', 'IgxIconModule', 'IgxListModule', - 'IgxInputGroupModule', 'IgxButtonGroupModule', 'IgxRippleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/lists/list/" })); // list sample 5 configs.push(new Config({ component: 'ListSample5Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxListModule', 'ListSample5Component'], - ngDeclarations: ['ListSample5Component'], - ngImports: ['IgxListModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/lists/list/" })); // list sample 6 configs.push(new Config({ component: 'ListSample6Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxListModule', 'IgxRippleModule', 'ListSample6Component'], - ngDeclarations: ['ListSample6Component'], - ngImports: ['IgxButtonModule', 'IgxListModule', 'IgxRippleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/lists/list/" })); // list sample 7 configs.push(new Config({ component: 'ListSample7Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAvatarModule', 'IgxIconModule', 'IgxListModule', 'IgxRippleModule', - 'ListSample7Component', 'IgxSliderModule', 'IgxToastModule', 'IgxButtonModule'], - ngDeclarations: ['ListSample7Component'], - ngImports: ['IgxAvatarModule', 'IgxIconModule', 'IgxListModule', 'IgxRippleModule', - 'IgxSliderModule', 'IgxToastModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/lists/list/" })); @@ -114,35 +78,21 @@ export class ListConfigGenerator implements IConfigGenerator { component: 'ListChatSampleComponent', additionalFiles: ["/src/app/lists/list/list-chat-sample/services/contacts.service.ts", "/src/app/lists/list/list-chat-sample/services/messages.service.ts"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAvatarModule', 'IgxIconModule', 'IgxListModule', 'IgxInputGroupModule', 'ListChatSampleComponent'], - ngDeclarations: ['ListChatSampleComponent'], - ngImports: ['IgxAvatarModule', 'IgxIconModule', 'IgxListModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/lists/list/" })); // list chat sample configs.push(new Config({ component: 'ListSample8Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxToastModule', 'IgxListModule', 'IgxIconModule', 'ListSample8Component', 'IgxAvatarModule'], - ngDeclarations: ['ListSample8Component'], - ngImports: ['IgxToastModule', 'IgxListModule', 'IgxIconModule', 'IgxAvatarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/lists/list/" })); // list item selection configs.push(new Config({ component: 'ListItemSelectionComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAvatarModule', 'IgxFilterModule', 'IgxIconModule', 'IgxListModule', - 'IgxInputGroupModule', 'ListItemSelectionComponent'], - ngDeclarations: ['ListItemSelectionComponent'], - ngImports: ['IgxAvatarModule', 'IgxFilterModule', 'IgxIconModule', 'IgxListModule', - 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/lists/list/" })); diff --git a/live-editing/configs/LocalizationConfigGenerator.ts b/live-editing/configs/LocalizationConfigGenerator.ts index 74f0adae4c..771d4d099f 100644 --- a/live-editing/configs/LocalizationConfigGenerator.ts +++ b/live-editing/configs/LocalizationConfigGenerator.ts @@ -5,7 +5,8 @@ import { IgxTimePickerModule, IgxSelectModule } from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing'; +import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class LocalizationConfigGenerator implements IConfigGenerator { public generateConfigs(): Config[] { const configs = new Array(); @@ -15,11 +16,7 @@ export class LocalizationConfigGenerator implements IConfigGenerator { component: 'LocalizationSample1Component', additionalFiles: ['/src/app/data/nwindData.ts'], additionalDependencies: ['igniteui-angular-i18n'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'LocalizationSample1Component', 'IgxGridModule', 'IgxIconModule'], - ngDeclarations: ['LocalizationSample1Component'], - ngImports: ['IgxInputGroupModule', 'IgxGridModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); // localization sample 2 @@ -27,12 +24,7 @@ export class LocalizationConfigGenerator implements IConfigGenerator { component: 'LocalizationSample2Component', additionalFiles: ['/src/app/data/nwindData.ts'], additionalDependencies: ['igniteui-angular-i18n'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'LocalizationSample2Component', 'IgxIconModule', - 'IgxTimePickerModule', 'IgxGridModule'], - ngDeclarations: ['LocalizationSample2Component'], - ngImports: ['IgxInputGroupModule', 'IgxIconModule', 'IgxTimePickerModule', 'IgxGridModule'] - }) + appConfig: BaseAppConfig })); // localization sample 3 @@ -40,11 +32,7 @@ export class LocalizationConfigGenerator implements IConfigGenerator { component: 'LocalizationSample3Component', additionalFiles: ['/src/app/data/nwindData.ts'], additionalDependencies: ['igniteui-angular-i18n'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'LocalizationSample3Component', 'IgxGridModule', 'IgxIconModule'], - ngDeclarations: ['LocalizationSample3Component'], - ngImports: ['IgxInputGroupModule', 'IgxGridModule', 'IgxIconModule'] - }) + appConfig: BaseAppConfig })); // localization all resources @@ -52,11 +40,7 @@ export class LocalizationConfigGenerator implements IConfigGenerator { component: 'LocalizationAllResourcesComponent', additionalFiles: ['/src/app/data/nwindData.ts'], additionalDependencies: ['igniteui-angular-i18n'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'LocalizationAllResourcesComponent', 'IgxGridModule', 'IgxIconModule', 'IgxSelectModule'], - ngDeclarations: ['LocalizationAllResourcesComponent'], - ngImports: ['IgxInputGroupModule', 'IgxGridModule', 'IgxIconModule', 'IgxSelectModule'] - }) + appConfig: BaseAppConfig })); return configs; diff --git a/live-editing/configs/MaskConfigGenerator.ts b/live-editing/configs/MaskConfigGenerator.ts index f9db45a315..24ebe71c42 100644 --- a/live-editing/configs/MaskConfigGenerator.ts +++ b/live-editing/configs/MaskConfigGenerator.ts @@ -5,6 +5,7 @@ IgxSnackbarModule, IgxSwitchModule, IgxTextSelectionModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class MaskConfigGenerator implements IConfigGenerator { public additionalImports = { DisplayFormatPipe: '../../src/app/data-display/mask/mask-sample-4/mask-sample-4.component', @@ -16,57 +17,35 @@ export class MaskConfigGenerator implements IConfigGenerator { // mask sample 1 configs.push(new Config({ component: 'MaskSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSnackbarModule', 'IgxMaskModule', 'IgxInputGroupModule', - 'MaskSample1Component', 'IgxTextSelectionModule'], - ngDeclarations: ['MaskSample1Component'], - ngImports: ['IgxSnackbarModule', 'IgxMaskModule', 'IgxInputGroupModule', 'IgxTextSelectionModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/mask/" })); // mask sample 2 configs.push(new Config({ component: 'MaskSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxMaskModule', 'IgxInputGroupModule', 'MaskSample2Component', 'IgxIconModule'], - ngDeclarations: ['MaskSample2Component'], - ngImports: ['IgxMaskModule', 'IgxInputGroupModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/mask/" })); // mask sample 3 configs.push(new Config({ component: 'MaskSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSwitchModule', 'IgxMaskModule', 'IgxInputGroupModule', 'MaskSample3Component'], - ngDeclarations: ['MaskSample3Component'], - ngImports: ['IgxSwitchModule', 'IgxMaskModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/mask/" })); // mask sample 4 configs.push(new Config({ component: 'MaskSample4Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxMaskModule', 'IgxInputGroupModule', 'MaskSample4Component', 'IgxIconModule', - 'DisplayFormatPipe', 'InputFormatPipe', 'IgxTextSelectionModule'], - ngDeclarations: ['MaskSample4Component', 'DisplayFormatPipe', 'InputFormatPipe'], - ngImports: ['IgxMaskModule', 'IgxInputGroupModule', 'IgxIconModule', 'IgxTextSelectionModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/mask/" })); // mask sample 5 configs.push(new Config({ component: 'MaskSample5Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxMaskModule', 'IgxInputGroupModule', 'MaskSample5Component', 'IgxIconModule'], - ngDeclarations: ['MaskSample5Component'], - ngImports: ['IgxMaskModule', 'IgxInputGroupModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/mask/" })); diff --git a/live-editing/configs/MonthPickerConfigGenerator.ts b/live-editing/configs/MonthPickerConfigGenerator.ts index 015449d7b6..bf4ab7b9d8 100644 --- a/live-editing/configs/MonthPickerConfigGenerator.ts +++ b/live-editing/configs/MonthPickerConfigGenerator.ts @@ -4,6 +4,7 @@ IgxCardModule, IgxInputGroupModule, IgxSelectModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class MonthPickerConfigGenerator implements IConfigGenerator { @@ -13,34 +14,21 @@ export class MonthPickerConfigGenerator implements IConfigGenerator { // default month picker sample 1 configs.push(new Config({ component: 'MonthpickerSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'MonthpickerSample1Component', 'IgxCardModule'], - ngDeclarations: ['MonthpickerSample1Component'], - ngImports: ['IgxCalendarModule', 'IgxCardModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/monthpicker/" })); // localized month picker sample 3 configs.push(new Config({ component: 'MonthpickerSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'MonthpickerSample3Component', - 'IgxSelectModule', 'IgxCardModule', 'IgxInputGroupModule'], - ngDeclarations: ['MonthpickerSample3Component'], - ngImports: ['IgxCalendarModule', 'IgxSelectModule', 'IgxCardModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/monthpicker/" })); // styled month picker sample configs.push(new Config({ component: 'MonthpickerStylingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxCalendarModule', 'MonthpickerStylingComponent'], - ngDeclarations: ['MonthpickerStylingComponent'], - ngImports: ['IgxCalendarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/monthpicker/" })); diff --git a/live-editing/configs/NavDrawerConfigGenerator.ts b/live-editing/configs/NavDrawerConfigGenerator.ts index b241d03568..7daf0a476e 100644 --- a/live-editing/configs/NavDrawerConfigGenerator.ts +++ b/live-editing/configs/NavDrawerConfigGenerator.ts @@ -7,6 +7,7 @@ IgxRippleModule, IgxToggleModule, IgxTreeModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class NavdrawerConfigGenerator implements IConfigGenerator { @@ -15,71 +16,25 @@ export class NavdrawerConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'NavDrawerSimpleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxNavigationDrawerModule', - 'IgxRippleModule', 'IgxToggleModule', 'NavDrawerSimpleComponent'], - ngDeclarations: ['NavDrawerSimpleComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxNavigationDrawerModule', - 'IgxRippleModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/menus/navdrawer/" })); configs.push(new Config({ component: 'NavDrawerPinComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxLayoutModule', - 'IgxNavigationDrawerModule', 'IgxRippleModule', 'IgxToggleModule', 'NavDrawerPinComponent'], - ngDeclarations: ['NavDrawerPinComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxLayoutModule', - 'IgxNavigationDrawerModule', 'IgxRippleModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/menus/navdrawer/" })); configs.push(new Config({ component: 'NavDrawerMiniComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxLayoutModule', - 'IgxNavigationDrawerModule', 'IgxRippleModule', 'IgxToggleModule', - 'NavDrawerMiniComponent'], - ngDeclarations: ['NavDrawerMiniComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxLayoutModule', - 'IgxNavigationDrawerModule', 'IgxRippleModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/menus/navdrawer/" })); configs.push(new Config({ component: 'NavDrawerRoutingComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxLayoutModule', - 'IgxNavigationDrawerModule', - 'IgxRippleModule', - 'IgxToggleModule', - 'NavDrawerRoutingComponent', - 'RouterModule' - ], - ngDeclarations: ['NavDrawerRoutingComponent'], - ngImports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxLayoutModule', - 'IgxNavigationDrawerModule', - 'IgxRippleModule', - 'IgxToggleModule', - ` - RouterModule.forRoot([ - {path: "avatar", component: NavDrawerRoutingComponent}, - {path: "badge", component: NavDrawerRoutingComponent}, - {path: "button-group", component: NavDrawerRoutingComponent} - ]) - ` - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/menus/navdrawer/" })); @@ -90,87 +45,13 @@ export class NavdrawerConfigGenerator implements IConfigGenerator { "/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.html", "/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.scss" ], - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxLayoutModule', - 'IgxNavigationDrawerModule', - 'IgxRippleModule', - 'IgxToggleModule', - 'NavDrawerRoutingComponent', - 'NavDrawerStylingComponent', - 'RouterModule' - ], - ngDeclarations: [ - 'NavDrawerRoutingComponent', - 'NavDrawerStylingComponent' - ], - ngImports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxLayoutModule', - 'IgxNavigationDrawerModule', - 'IgxRippleModule', - 'IgxToggleModule', - ` - RouterModule.forRoot([ - {path: "avatar", component: NavDrawerRoutingComponent}, - {path: "badge", component: NavDrawerRoutingComponent}, - {path: "button-group", component: NavDrawerRoutingComponent} - ]) - ` - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/menus/navdrawer/" })); configs.push(new Config({ component: 'NavDrawerHierarchicalComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxLayoutModule', - 'IgxNavigationDrawerModule', - 'IgxRippleModule', - 'IgxToggleModule', - 'NavDrawerHierarchicalComponent', - 'IgxTreeModule', - 'RouterModule' - ], - ngDeclarations: ['NavDrawerHierarchicalComponent'], - ngImports: [ - 'IgxButtonModule', - 'IgxIconModule', - 'IgxLayoutModule', - 'IgxNavigationDrawerModule', - 'IgxRippleModule', - 'IgxToggleModule', - 'IgxTreeModule', - ` - RouterModule.forRoot([ - { path: 'grid', component: NavDrawerHierarchicalComponent, data: { displayName: 'Grid' } }, - { path: 'tree-grid', component: NavDrawerHierarchicalComponent, data: { displayName: 'Tree Grid' } }, - { path: 'hierarchical-grid', component: NavDrawerHierarchicalComponent, data: { displayName: 'Hierarchical Grid' } }, - { path: 'pivot-grid', component: NavDrawerHierarchicalComponent, data: { displayName: 'Pivot Grid' } }, - { path: 'area-chart', component: NavDrawerHierarchicalComponent, data: { displayName: 'Area Chart' } }, - { path: 'bar-chart', component: NavDrawerHierarchicalComponent, data: { displayName: 'Bar Chart' } }, - { path: 'column-chart', component: NavDrawerHierarchicalComponent, data: { displayName: 'Column Chart' } }, - { path: 'pie-chart', component: NavDrawerHierarchicalComponent, data: { displayName: 'Pie Chart' } }, - { path: 'action-strip', component: NavDrawerHierarchicalComponent, data: { displayName: 'Action Strip' } }, - { path: 'dialog', component: NavDrawerHierarchicalComponent, data: { displayName: 'Dialog' } }, - { path: 'drag-drop', component: NavDrawerHierarchicalComponent, data: { displayName: 'Drag and Drop' } }, - { path: 'dock-manager', component: NavDrawerHierarchicalComponent, data: { displayName: 'Dock Manager' } }, - { path: 'expansion-panel', component: NavDrawerHierarchicalComponent, data: { displayName: 'Exspansion Panel' } }, - { path: 'layout', component: NavDrawerHierarchicalComponent, data: { displayName: 'Layout Manager' } }, - { path: 'banner', component: NavDrawerHierarchicalComponent, data: { displayName: 'Banner' } }, - { path: 'snackbar', component: NavDrawerHierarchicalComponent, data: { displayName: 'Snackbar' } }, - { path: 'toast', component: NavDrawerHierarchicalComponent, data: { displayName: 'Toast' } } - ]) - ` - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/menus/navdrawer/" })); diff --git a/live-editing/configs/NavbarConfigGenerator.ts b/live-editing/configs/NavbarConfigGenerator.ts index f928c23bf8..75444e4ca2 100644 --- a/live-editing/configs/NavbarConfigGenerator.ts +++ b/live-editing/configs/NavbarConfigGenerator.ts @@ -2,6 +2,7 @@ import {IgxIconModule, IgxNavbarModule, IgxButtonModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class NavbarConfigGenerator implements IConfigGenerator { @@ -10,61 +11,37 @@ export class NavbarConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'NavbarComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxNavbarModule', 'NavbarComponent'], - ngDeclarations: ['NavbarComponent'], - ngImports: ['IgxIconModule', 'IgxNavbarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/menus/" })); configs.push(new Config({ component: 'NavbarSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxNavbarModule', 'IgxButtonModule', 'NavbarSample1Component'], - ngDeclarations: ['NavbarSample1Component'], - ngImports: ['IgxIconModule', 'IgxNavbarModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/menus/navbar/" })); configs.push(new Config({ component: 'NavbarSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxNavbarModule', 'IgxButtonModule', 'NavbarSample2Component'], - ngDeclarations: ['NavbarSample2Component'], - ngImports: ['IgxIconModule', 'IgxNavbarModule', 'IgxButtonModule' ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/menus/navbar/" })); configs.push(new Config({ component: 'NavbarSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxNavbarModule', 'NavbarSample3Component'], - ngDeclarations: ['NavbarSample3Component'], - ngImports: ['IgxIconModule', 'IgxNavbarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/menus/navbar/" })); configs.push(new Config({ component: 'NavbarStyleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxNavbarModule', 'IgxButtonModule', 'NavbarStyleComponent'], - ngDeclarations: ['NavbarStyleComponent'], - ngImports: ['IgxIconModule', 'IgxNavbarModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/menus/navbar/" })); configs.push(new Config({ component: 'NavbarCustomTitleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxNavbarModule', 'IgxButtonModule', 'NavbarCustomTitleComponent'], - ngDeclarations: ['NavbarCustomTitleComponent'], - ngImports: ['IgxIconModule', 'IgxNavbarModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/menus/navbar/" })); diff --git a/live-editing/configs/OverlayConfigGenerator.ts b/live-editing/configs/OverlayConfigGenerator.ts index 14dfd79815..3d33a201ce 100644 --- a/live-editing/configs/OverlayConfigGenerator.ts +++ b/live-editing/configs/OverlayConfigGenerator.ts @@ -9,6 +9,7 @@ IgxOverlayService, IgxSwitchModule, IgxToggleModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class OverlayConfigGenerator implements IConfigGenerator { public additionalImports = { MyDynamicCardComponent: '../../src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component' @@ -21,14 +22,7 @@ export class OverlayConfigGenerator implements IConfigGenerator { additionalFiles: ["/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts", "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.scss", "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.html"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxOverlayService', 'OverlaySampleMain1Component', 'IgxCardModule', - 'MyDynamicCardComponent'], - ngEntryComponents: ['MyDynamicCardComponent'], - ngProviders: ['IgxOverlayService'], - ngDeclarations: ['OverlaySampleMain1Component', 'MyDynamicCardComponent'], - ngImports: ['IgxIconModule', 'IgxCardModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/overlay/" })); @@ -38,15 +32,7 @@ export class OverlayConfigGenerator implements IConfigGenerator { "/src/app/layouts/card/card-sample-1/card-sample-1.component.scss", "/src/app/layouts/card/card-sample-1/card-sample-1.component.html", "/src/app/layouts/card/card.blueprint.ts"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxOverlayService', 'OverlaySampleMain2Component', - 'CardSample1Component', 'IgxSwitchModule', 'IgxCardModule', - 'IgxButtonDirective', 'IgxDividerModule', 'IgxButtonModule'], - ngEntryComponents: ['CardSample1Component'], - ngProviders: ['IgxOverlayService'], - ngDeclarations: ['OverlaySampleMain2Component', 'CardSample1Component'], - ngImports: ['IgxIconModule', 'IgxCardModule', 'IgxDividerModule', 'IgxButtonModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -54,14 +40,7 @@ export class OverlayConfigGenerator implements IConfigGenerator { additionalFiles: ["/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts", "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.scss", "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.html"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxOverlayService', 'OverlayPositionSample1Component', 'IgxCardModule', - 'MyDynamicCardComponent'], - ngEntryComponents: ['MyDynamicCardComponent'], - ngProviders: ['IgxOverlayService'], - ngDeclarations: ['OverlayPositionSample1Component', 'MyDynamicCardComponent'], - ngImports: ['IgxIconModule', 'IgxCardModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/overlay/" })); @@ -70,14 +49,7 @@ export class OverlayConfigGenerator implements IConfigGenerator { additionalFiles: ["/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts", "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.scss", "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.html"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxOverlayService', 'OverlayPositionSample2Component', 'IgxCardModule', - 'MyDynamicCardComponent'], - ngEntryComponents: ['MyDynamicCardComponent'], - ngProviders: ['IgxOverlayService'], - ngDeclarations: ['OverlayPositionSample2Component', 'MyDynamicCardComponent'], - ngImports: ['IgxIconModule', 'IgxCardModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/overlay/" })); @@ -86,14 +58,7 @@ export class OverlayConfigGenerator implements IConfigGenerator { additionalFiles: ["/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts", "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.scss", "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.html"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxOverlayService', 'OverlayPositionSample3Component', 'IgxCardModule', - 'MyDynamicCardComponent'], - ngEntryComponents: ['MyDynamicCardComponent'], - ngProviders: ['IgxOverlayService'], - ngDeclarations: ['OverlayPositionSample3Component', 'MyDynamicCardComponent'], - ngImports: ['IgxIconModule', 'IgxCardModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/overlay/" })); @@ -102,26 +67,13 @@ export class OverlayConfigGenerator implements IConfigGenerator { additionalFiles: ["/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts", "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.scss", "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.html"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxOverlayService', 'OverlayScrollSample2Component', 'IgxCardModule', - 'MyDynamicCardComponent'], - ngEntryComponents: ['MyDynamicCardComponent'], - ngProviders: ['IgxOverlayService'], - ngDeclarations: ['OverlayScrollSample2Component', 'MyDynamicCardComponent'], - ngImports: ['IgxIconModule', 'IgxCardModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/overlay/" })); configs.push(new Config({ component: 'OverlayScrollSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxOverlayService', 'OverlayScrollSample1Component', - 'IgxSwitchModule', 'IgxCardModule'], - ngProviders: ['IgxOverlayService'], - ngDeclarations: ['OverlayScrollSample1Component'], - ngImports: ['IgxIconModule', 'IgxSwitchModule', 'IgxCardModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/overlay/" })); @@ -130,25 +82,13 @@ export class OverlayConfigGenerator implements IConfigGenerator { additionalFiles: ["/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts", "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.scss", "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.html"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxOverlayService', 'OverlayPresetSettingsSampleComponent', 'IgxCardModule', - 'IgxButtonGroupModule', 'IgxButtonModule', 'MyDynamicCardComponent'], - ngEntryComponents: ['MyDynamicCardComponent'], - ngProviders: ['IgxOverlayService'], - ngDeclarations: ['OverlayPresetSettingsSampleComponent', 'MyDynamicCardComponent'], - ngImports: ['IgxIconModule', 'IgxCardModule', 'IgxButtonGroupModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/overlay/" })); configs.push(new Config({ component: 'OverlayStylingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxToggleModule', 'IgxComboModule', 'IgxOverlayService', 'OverlayStylingComponent'], - ngProviders: ['IgxOverlayService'], - ngDeclarations: ['OverlayStylingComponent'], - ngImports: ['IgxToggleModule', 'IgxComboModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/overlay/" })); diff --git a/live-editing/configs/PaginationConfigGenerator.ts b/live-editing/configs/PaginationConfigGenerator.ts index ec23ce5c48..3f9cc6952f 100644 --- a/live-editing/configs/PaginationConfigGenerator.ts +++ b/live-editing/configs/PaginationConfigGenerator.ts @@ -8,7 +8,8 @@ import { IgxRippleModule, IgxSliderModule } from 'igniteui-angular'; -import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class PaginationConfigGenerator implements IConfigGenerator { public generateConfigs(): Config[] { @@ -17,13 +18,7 @@ export class PaginationConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'PaginationSampleComponent', additionalFiles: ['/src/app/data/product.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPaginatorModule', 'IgxRippleModule', - 'IgxButtonGroupModule', 'IgxButtonModule', 'IgxIconModule', 'IgxCardModule', 'PaginationSampleComponent'], - ngDeclarations: ['PaginationSampleComponent'], - ngImports: ['IgxPaginatorModule', 'IgxRippleModule', 'IgxButtonGroupModule', - 'IgxButtonModule', 'IgxIconModule', 'IgxCardModule'] - }) + appConfig: BaseAppConfig })); return configs; diff --git a/live-editing/configs/PivotGridConfigGenerator.ts b/live-editing/configs/PivotGridConfigGenerator.ts index 1b384f39b6..af9807e63a 100644 --- a/live-editing/configs/PivotGridConfigGenerator.ts +++ b/live-editing/configs/PivotGridConfigGenerator.ts @@ -13,7 +13,8 @@ import { IgxIconModule, IgxCheckboxModule } from 'igniteui-angular'; -import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class PivotGridConfigGenerator implements IConfigGenerator { public additionalImports = { IgxPreventDocumentScrollModule: '../../src/app/directives/prevent-scroll.directive', @@ -24,32 +25,19 @@ export class PivotGridConfigGenerator implements IConfigGenerator { configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/pivot-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPivotGridModule', 'PivotGridBasicSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['PivotGridBasicSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxPivotGridModule'] - }), + appConfig: BaseAppConfig, component: 'PivotGridBasicSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/dataToAnalyze.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPivotGridModule', 'PivotExportComponent', 'IgxPreventDocumentScrollModule', 'IgxExcelExporterService'], - ngDeclarations: ['PivotExportComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxPivotGridModule'], - ngProviders: ['IgxExcelExporterService'] - }), + appConfig: BaseAppConfig, component: 'PivotExportComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/dataToAnalyze.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPivotGridModule', 'PivotFeaturesComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['PivotFeaturesComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxPivotGridModule'] - }), + appConfig: BaseAppConfig, component: 'PivotFeaturesComponent' })); @@ -61,46 +49,25 @@ export class PivotGridConfigGenerator implements IConfigGenerator { '/src/app/pivot-grid/pivot-state-persistence/about.component.ts', '/src/app/pivot-grid/pivot-state-persistence/about.component.html', ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPivotGridModule', 'PivotGridStatePersistenceSampleComponent', 'PivotGridAboutComponent', 'IgxPreventDocumentScrollModule', 'IgxTooltipModule', - 'IgxToastModule', 'IgxSwitchModule', 'IgxCheckboxModule', 'IgxIconModule', 'Router', 'RouterModule'], - ngDeclarations: ['PivotGridStatePersistenceSampleComponent', 'PivotGridAboutComponent',], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxPivotGridModule', 'IgxTooltipModule', 'IgxCheckboxModule', 'IgxIconModule', - 'RouterModule.forRoot([\{component: PivotGridAboutComponent, path: \'pivot-grid-about\'},\{component: PivotGridStatePersistenceSampleComponent, path: \'pivot-grid-state-persistance\'},\{ path: \'\', redirectTo: \'/pivot-grid-state-persistance\', pathMatch: \'full\' }])', - 'IgxToastModule', 'IgxSwitchModule'] - }), + appConfig: BaseAppConfig, component: 'PivotGridStatePersistenceSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/pivot-data-noop.ts', '/src/app/services/pivotRemoteData.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPivotGridModule', 'PivotGridNoopSampleComponent', 'IgxPreventDocumentScrollModule', 'PivotDataService'], - ngDeclarations: ['PivotGridNoopSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxPivotGridModule'], - ngProviders: ['PivotDataService'] - }), + appConfig: BaseAppConfig, component: 'PivotGridNoopSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/pivot-data-noop.ts', '/src/app/services/pivotRemoteData.service.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPivotGridModule', 'PivotGridNoopPersistenceSampleComponent', 'IgxPreventDocumentScrollModule', 'PivotDataService', 'IgxIconModule'], - ngDeclarations: ['PivotGridNoopPersistenceSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxPivotGridModule', 'IgxIconModule'], - ngProviders: ['PivotDataService'] - }), + appConfig: BaseAppConfig, component: 'PivotGridNoopPersistenceSampleComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/salesDataNew.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPivotGridModule', 'PivotDataSelectorSampleComponent', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['PivotDataSelectorSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxPivotGridModule'] - }), + appConfig: BaseAppConfig, component: 'PivotDataSelectorSampleComponent' })); diff --git a/live-editing/configs/QueryBuilderConfigGenerator.ts b/live-editing/configs/QueryBuilderConfigGenerator.ts index 90f7501cc9..136baf5f30 100644 --- a/live-editing/configs/QueryBuilderConfigGenerator.ts +++ b/live-editing/configs/QueryBuilderConfigGenerator.ts @@ -1,5 +1,6 @@ import {IgxQueryBuilderModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class QueryBuilderConfigGenerator implements IConfigGenerator { @@ -8,21 +9,13 @@ export class QueryBuilderConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'QueryBuilderSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxQueryBuilderModule', 'QueryBuilderSample1Component'], - ngDeclarations: ['QueryBuilderSample1Component'], - ngImports: ['IgxQueryBuilderModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/query-builder/" })); configs.push(new Config({ component: 'QueryBuilderStyleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxQueryBuilderModule', 'QueryBuilderStyleComponent'], - ngDeclarations: ['QueryBuilderStyleComponent'], - ngImports: ['IgxQueryBuilderModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/query-builder/" })); diff --git a/live-editing/configs/RadioConfigGenerator.ts b/live-editing/configs/RadioConfigGenerator.ts index c303e8e900..f5f4c72ced 100644 --- a/live-editing/configs/RadioConfigGenerator.ts +++ b/live-editing/configs/RadioConfigGenerator.ts @@ -3,6 +3,7 @@ import {IgxButtonModule, IgxInputGroupModule, IgxRadioModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class RadioConfigGenerator implements IConfigGenerator { @@ -11,55 +12,31 @@ export class RadioConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'RadioSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxRadioModule', 'RadioSample1Component'], - ngDeclarations: ['RadioSample1Component'], - ngImports: ['IgxRadioModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/radio/" })); configs.push(new Config({ component: 'RadioSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxRadioModule', 'RadioSample2Component'], - ngDeclarations: ['RadioSample2Component'], - ngImports: ['IgxRadioModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/radio/" })); configs.push(new Config({ component: 'RadioGroupSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', - 'IgxRadioModule', - 'RadioGroupSampleComponent', - 'IgxInputGroupModule', - 'ReactiveFormsModule'], - ngDeclarations: ['RadioGroupSampleComponent'], - ngImports: ['IgxButtonModule', 'IgxRadioModule', 'IgxInputGroupModule', 'ReactiveFormsModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/radio/" })); configs.push(new Config({ component: 'RadioGroupVerticalComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxRadioModule', 'RadioGroupVerticalComponent'], - ngDeclarations: ['RadioGroupVerticalComponent'], - ngImports: ['IgxRadioModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/radio/" })); configs.push(new Config({ component: 'RadioStylingSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxRadioModule', 'RadioStylingSampleComponent'], - ngDeclarations: ['RadioStylingSampleComponent'], - ngImports: ['IgxRadioModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/radio/" })); diff --git a/live-editing/configs/RippleConfigGenerator.ts b/live-editing/configs/RippleConfigGenerator.ts index 8adc0be15e..2d75778b22 100644 --- a/live-editing/configs/RippleConfigGenerator.ts +++ b/live-editing/configs/RippleConfigGenerator.ts @@ -3,6 +3,7 @@ IgxButtonModule, IgxIconModule, IgxRippleModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class RippleConfigGenerator implements IConfigGenerator { @@ -11,12 +12,7 @@ export class RippleConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'RippleStylingSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxRippleModule', 'IgxAvatarModule', 'IgxIconModule', 'IgxButtonModule', - 'RippleStylingSampleComponent'], - ngDeclarations: ['RippleStylingSampleComponent'], - ngImports: ['IgxRippleModule', 'IgxAvatarModule', 'IgxIconModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/ripple/" })); diff --git a/live-editing/configs/SelectConfigGenerator.ts b/live-editing/configs/SelectConfigGenerator.ts index f956ce0088..b3f6665f5c 100644 --- a/live-editing/configs/SelectConfigGenerator.ts +++ b/live-editing/configs/SelectConfigGenerator.ts @@ -5,6 +5,7 @@ IgxIconModule, IgxInputGroupModule, IgxSelectModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class SelectConfigGenerator implements IConfigGenerator { @@ -12,53 +13,30 @@ export class SelectConfigGenerator implements IConfigGenerator { const configs = new Array(); configs.push(new Config({ - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSelectModule', 'SelectSample1Component', 'IgxInputGroupModule'], - ngDeclarations: ['SelectSample1Component'], - ngImports: ['IgxSelectModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, component: 'SelectSample1Component', shortenComponentPathBy: "/data-entries/select/" })); configs.push(new Config({ - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSelectModule', 'SelectSample2Component', 'IgxInputGroupModule', - 'IgxDropDownModule', 'IgxIconModule'], - ngDeclarations: ['SelectSample2Component'], - ngImports: ['IgxSelectModule', 'IgxInputGroupModule', 'IgxDropDownModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'SelectSample2Component', shortenComponentPathBy: "/data-entries/select/" })); configs.push(new Config({ - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSelectModule', 'SelectSample4Component', 'IgxInputGroupModule'], - ngDeclarations: ['SelectSample4Component'], - ngImports: ['IgxSelectModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, component: 'SelectSample4Component', shortenComponentPathBy: "/data-entries/select/" })); configs.push(new Config({ - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSelectModule', 'SelectInputDirectivesComponent', 'IgxInputGroupModule', 'IgxIconModule'], - ngDeclarations: ['SelectInputDirectivesComponent'], - ngImports: ['IgxSelectModule', 'IgxInputGroupModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'SelectInputDirectivesComponent' })); configs.push(new Config({ - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSelectModule', 'SelectHeaderFooterComponent', 'IgxInputGroupModule', - 'IgxDropDownModule', 'IgxIconModule', 'IgxButtonGroupModule', 'IgxButtonModule'], - ngDeclarations: ['SelectHeaderFooterComponent'], - ngImports: ['IgxSelectModule', 'IgxInputGroupModule', - 'IgxDropDownModule', 'IgxIconModule', 'IgxButtonGroupModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, component: 'SelectHeaderFooterComponent', shortenComponentPathBy: "/data-entries/select/" })); diff --git a/live-editing/configs/SliderConfigGenerator.ts b/live-editing/configs/SliderConfigGenerator.ts index 5b1fa5273e..e73f514f90 100644 --- a/live-editing/configs/SliderConfigGenerator.ts +++ b/live-editing/configs/SliderConfigGenerator.ts @@ -4,6 +4,7 @@ IgxInputGroupModule, IgxSliderModule} from 'igniteui-angular'; import { HammerModule } from '@angular/platform-browser'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class SliderConfigGenerator implements IConfigGenerator { public generateConfigs(): Config[] { @@ -12,136 +13,84 @@ export class SliderConfigGenerator implements IConfigGenerator { // slider sample 1 configs.push(new Config({ component: 'SliderSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'IgxSliderModule', 'SliderSample1Component', 'HammerModule'], - ngDeclarations: ['SliderSample1Component'], - ngImports: ['IgxInputGroupModule', 'IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); // slider sample 2 configs.push(new Config({ component: 'SliderSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSliderModule', 'SliderSample2Component', 'HammerModule'], - ngDeclarations: ['SliderSample2Component'], - ngImports: ['IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); // slider sample 3 configs.push(new Config({ component: 'SliderSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'IgxSliderModule', 'SliderSample3Component', 'HammerModule'], - ngDeclarations: ['SliderSample3Component'], - ngImports: ['IgxInputGroupModule', 'IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); // slider sample 4 configs.push(new Config({ component: 'SliderSample4Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSliderModule', 'SliderSample4Component', 'HammerModule'], - ngDeclarations: ['SliderSample4Component'], - ngImports: ['IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); // slider sample 5 configs.push(new Config({ component: 'SliderSample5Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSliderModule', 'SliderSample5Component', 'HammerModule'], - ngDeclarations: ['SliderSample5Component'], - ngImports: ['IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); // slider sample 6 configs.push(new Config({ component: 'SliderSample6Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSliderModule', 'SliderSample6Component', 'HammerModule'], - ngDeclarations: ['SliderSample6Component'], - ngImports: ['IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); configs.push(new Config({ component: 'SliderSecondaryTicksMirrorComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxIconModule', 'IgxSliderModule', 'SliderSecondaryTicksMirrorComponent', 'HammerModule'], - ngDeclarations: ['SliderSecondaryTicksMirrorComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); configs.push(new Config({ component: 'SliderDiscreteTicksBottomComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSliderModule', 'SliderDiscreteTicksBottomComponent', 'HammerModule'], - ngDeclarations: ['SliderDiscreteTicksBottomComponent'], - ngImports: ['IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); configs.push(new Config({ component: 'SliderTicksBottomtotopLabelsComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxInputGroupModule', 'IgxSliderModule', 'SliderTicksBottomtotopLabelsComponent', 'HammerModule'], - ngDeclarations: ['SliderTicksBottomtotopLabelsComponent'], - ngImports: ['IgxInputGroupModule', 'IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); configs.push(new Config({ component: 'SliderPrimaryTicksTopComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSliderModule', 'SliderPrimaryTicksTopComponent', 'HammerModule'], - ngDeclarations: ['SliderPrimaryTicksTopComponent'], - ngImports: ['IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); configs.push(new Config({ component: 'SliderTimeframeComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSliderModule', 'SliderTimeframeComponent', 'HammerModule'], - ngDeclarations: ['SliderTimeframeComponent'], - ngImports: ['IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); configs.push(new Config({ component: 'TickLabelsTemplateComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSliderModule', 'TickLabelsTemplateComponent', 'HammerModule'], - ngDeclarations: ['TickLabelsTemplateComponent'], - ngImports: ['IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); configs.push(new Config({ component: 'AppSliderStylingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSliderModule', 'AppSliderStylingComponent', 'HammerModule'], - ngDeclarations: ['AppSliderStylingComponent'], - ngImports: ['IgxSliderModule', 'HammerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/slider/" })); return configs; diff --git a/live-editing/configs/SnackbarConfigGenerator.ts b/live-editing/configs/SnackbarConfigGenerator.ts index c303d1ca7e..9df0952dce 100644 --- a/live-editing/configs/SnackbarConfigGenerator.ts +++ b/live-editing/configs/SnackbarConfigGenerator.ts @@ -5,6 +5,7 @@ IgxListModule, IgxRippleModule, IgxSnackbarModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class SnackbarConfigGenerator implements IConfigGenerator { @@ -13,55 +14,31 @@ export class SnackbarConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'SnackbarSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxRippleModule', - 'IgxSnackbarModule', 'SnackbarSample1Component'], - ngDeclarations: ['SnackbarSample1Component'], - ngImports: ['IgxButtonModule', 'IgxRippleModule', 'IgxSnackbarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/snackbar/" })); configs.push(new Config({ component: 'SnackbarSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxRippleModule', 'IgxIconModule', - 'IgxSnackbarModule', 'SnackbarSample2Component'], - ngDeclarations: ['SnackbarSample2Component'], - ngImports: ['IgxButtonModule', 'IgxRippleModule', 'IgxSnackbarModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/snackbar/" })); configs.push(new Config({ component: 'SnackbarSample4Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxAvatarModule', 'IgxButtonModule', 'IgxIconModule', 'IgxListModule', - 'IgxRippleModule', 'IgxSnackbarModule', 'SnackbarSample4Component'], - ngDeclarations: ['SnackbarSample4Component'], - ngImports: ['IgxAvatarModule', 'IgxButtonModule', 'IgxIconModule', 'IgxListModule', - 'IgxRippleModule', 'IgxSnackbarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/snackbar/" })); configs.push(new Config({ component: 'SnackbarSample5Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxSnackbarModule', 'SnackbarSample5Component'], - ngDeclarations: ['SnackbarSample5Component'], - ngImports: ['IgxButtonModule', 'IgxSnackbarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/snackbar/" })); configs.push(new Config({ component: 'SnackbarStyleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxSnackbarModule', 'SnackbarStyleComponent'], - ngDeclarations: ['SnackbarStyleComponent'], - ngImports: ['IgxButtonModule', 'IgxSnackbarModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/snackbar/" })); diff --git a/live-editing/configs/SplitterConfigGenerator.ts b/live-editing/configs/SplitterConfigGenerator.ts index 25c4d7b64d..37fc156ecd 100644 --- a/live-editing/configs/SplitterConfigGenerator.ts +++ b/live-editing/configs/SplitterConfigGenerator.ts @@ -1,5 +1,6 @@ import {IgxSplitterModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class SplitterConfigGenerator implements IConfigGenerator { @@ -9,33 +10,21 @@ export class SplitterConfigGenerator implements IConfigGenerator { // splitter horizontal sample configs.push(new Config({ component: 'SplitterHorizontalSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSplitterModule', 'SplitterHorizontalSampleComponent'], - ngDeclarations: ['SplitterHorizontalSampleComponent'], - ngImports: ['IgxSplitterModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/splitter/" })); // splitter nested sample configs.push(new Config({ component: 'SplitterNestedSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSplitterModule', 'SplitterNestedSampleComponent'], - ngDeclarations: ['SplitterNestedSampleComponent'], - ngImports: ['IgxSplitterModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/splitter/" })); // splitter styling sample configs.push(new Config({ component: 'SplitterStylingSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSplitterModule', 'SplitterStylingSampleComponent'], - ngDeclarations: ['SplitterStylingSampleComponent'], - ngImports: ['IgxSplitterModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/splitter/" })); diff --git a/live-editing/configs/StepperConfigGenerator.ts b/live-editing/configs/StepperConfigGenerator.ts index d9476994c7..57806c558a 100644 --- a/live-editing/configs/StepperConfigGenerator.ts +++ b/live-editing/configs/StepperConfigGenerator.ts @@ -12,7 +12,8 @@ import { IgxIconModule } from 'igniteui-angular'; import { ReactiveFormsModule} from '@angular/forms' -import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class StepperConfigGenerator implements IConfigGenerator { @@ -21,72 +22,37 @@ export class StepperConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'StepperOverviewSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['StepperOverviewSampleComponent', 'IgxStepperModule', 'IgxMaskModule', 'IgxInputGroupModule', 'IgxButtonModule', - 'IgxRadioModule', 'IgxCardModule', 'IgxCheckboxModule', 'IgxSelectModule', - 'IgxIconModule', 'IgxBadgeModule'], - ngDeclarations: ['StepperOverviewSampleComponent'], - ngImports: ['IgxStepperModule', 'IgxMaskModule', 'IgxInputGroupModule', 'IgxButtonModule', - 'IgxRadioModule', 'IgxCardModule', 'IgxCheckboxModule', 'IgxSelectModule', - 'IgxIconModule', 'IgxBadgeModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/layouts/stepper/' })); configs.push(new Config({ component: 'StepperSampleReactiveFormsComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['ReactiveFormsModule', 'StepperSampleReactiveFormsComponent', 'IgxStepperModule', 'IgxMaskModule', 'IgxInputGroupModule', 'IgxButtonModule', - 'IgxRadioModule', 'IgxCardModule', 'IgxCheckboxModule', 'IgxSelectModule', - 'IgxIconModule', 'IgxBadgeModule'], - ngDeclarations: ['StepperSampleReactiveFormsComponent'], - ngImports: ['ReactiveFormsModule', 'IgxStepperModule', 'IgxMaskModule', 'IgxInputGroupModule', 'IgxButtonModule', - 'IgxRadioModule', 'IgxCardModule', 'IgxCheckboxModule', 'IgxSelectModule', - 'IgxIconModule', 'IgxBadgeModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/layouts/stepper/' })); configs.push(new Config({ component: 'StepperLabelPositionAndOrientationSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['StepperLabelPositionAndOrientationSampleComponent', - 'IgxStepperModule', 'IgxButtonModule', 'IgxButtonGroupModule'], - ngDeclarations: ['StepperLabelPositionAndOrientationSampleComponent'], - ngImports: ['IgxStepperModule', 'IgxButtonModule', 'IgxButtonGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/layouts/stepper/' })); configs.push(new Config({ component: 'StepperLinearSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['StepperLinearSampleComponent', 'IgxStepperModule', 'IgxIconModule', 'IgxButtonModule', 'IgxButtonGroupModule', - 'IgxInputGroupModule', 'IgxRadioModule'], - ngDeclarations: ['StepperLinearSampleComponent'], - ngImports: ['IgxStepperModule', 'IgxIconModule', 'IgxButtonModule', - 'IgxButtonGroupModule', 'IgxInputGroupModule', 'IgxRadioModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/layouts/stepper/' })); configs.push(new Config({ component: 'StepperStepTypesSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['StepperStepTypesSampleComponent', 'IgxStepperModule', 'IgxButtonGroupModule'], - ngDeclarations: ['StepperStepTypesSampleComponent'], - ngImports: ['IgxStepperModule', 'IgxButtonGroupModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/layouts/stepper/' })); configs.push(new Config({ component: 'StepperStylingSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['StepperStylingSampleComponent', 'IgxStepperModule', 'IgxIconModule', 'IgxButtonModule'], - ngDeclarations: ['StepperStylingSampleComponent'], - ngImports: ['IgxStepperModule', 'IgxIconModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/layouts/stepper/' })); diff --git a/live-editing/configs/SwitchConfigGenerator.ts b/live-editing/configs/SwitchConfigGenerator.ts index e5d830b26d..e0c77a5674 100644 --- a/live-editing/configs/SwitchConfigGenerator.ts +++ b/live-editing/configs/SwitchConfigGenerator.ts @@ -1,5 +1,6 @@ import {IgxSwitchModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class SwitchConfigGenerator implements IConfigGenerator { @@ -9,33 +10,21 @@ export class SwitchConfigGenerator implements IConfigGenerator { // switch sample 1 configs.push(new Config({ component: 'SwitchSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSwitchModule', 'SwitchSample1Component'], - ngDeclarations: ['SwitchSample1Component'], - ngImports: ['IgxSwitchModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/switch/" })); // switch sample 2 configs.push(new Config({ component: 'SwitchSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSwitchModule', 'SwitchSample2Component'], - ngDeclarations: ['SwitchSample2Component'], - ngImports: ['IgxSwitchModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/switch/" })); // switch styling configs.push(new Config({ component: 'SwitchStylingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxSwitchModule', 'SwitchStylingComponent'], - ngDeclarations: ['SwitchStylingComponent'], - ngImports: ['IgxSwitchModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/switch/" })); diff --git a/live-editing/configs/TabBarConfigGenerator.ts b/live-editing/configs/TabBarConfigGenerator.ts index 84a4da386a..bea6b1d45c 100644 --- a/live-editing/configs/TabBarConfigGenerator.ts +++ b/live-editing/configs/TabBarConfigGenerator.ts @@ -1,6 +1,7 @@ import {RouterModule} from '@angular/router'; import {IgxBottomNavModule, IgxIconModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class TabBarConfigGenerator implements IConfigGenerator { public additionalImports = { TabbarSample3Module: '../../src/app/layouts/tabbar/tabbar-sample-3/tabbar-sample-3.module', @@ -14,22 +15,14 @@ export class TabBarConfigGenerator implements IConfigGenerator { // tabbar sample 1 configs.push(new Config({ component: 'TabbarSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBottomNavModule', 'TabbarSample1Component', 'IgxIconModule'], - ngDeclarations: ['TabbarSample1Component'], - ngImports: ['IgxBottomNavModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/tabbar/" })); // tabbar sample 2 configs.push(new Config({ component: 'TabbarSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBottomNavModule', 'IgxIconModule', 'TabbarSample2Component'], - ngDeclarations: ['TabbarSample2Component'], - ngImports: ['IgxBottomNavModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/tabbar/" })); @@ -37,9 +30,6 @@ export class TabBarConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'TabbarSample3Component', additionalFiles: [ - "/src/app/layouts/tabbar/tabbar-sample-3/tabbar.routing.module.ts", - "/src/app/layouts/tabbar/tabbar-sample-3/tabbar-sample-3.module.ts", - "/src/app/layouts/tabbar/views/views.module.ts", "/src/app/layouts/tabbar/views/view1/view1.component.ts", "/src/app/layouts/tabbar/views/view1/view1.component.html", "/src/app/layouts/tabbar/views/view2/view2.component.ts", @@ -47,44 +37,15 @@ export class TabBarConfigGenerator implements IConfigGenerator { "/src/app/layouts/tabbar/views/view3/view3.component.ts", "/src/app/layouts/tabbar/views/view3/view3.component.html" ], - appModuleConfig: new AppModuleConfig({ - imports: [ - 'TabbarSample3Module', - 'TabbarSample3Component', - 'IgxBottomNavModule', - 'IgxIconModule', - 'RouterModule', - 'TabbarView1Component', - 'TabbarView2Component', - 'TabbarView3Component' - ], - ngDeclarations: [ - 'TabbarSample3Component' - ], - ngImports: [ - 'IgxBottomNavModule', - 'IgxIconModule', - 'TabbarSample3Module', - ` - RouterModule.forRoot([ - { path: "tabbar-view1", component: TabbarView1Component }, - { path: "tabbar-view2", component: TabbarView2Component }, - { path: "tabbar-view3", component: TabbarView3Component } - ]) - ` - ] - }), + /* TODO: Adding the correct router config needs to be done separately */ + appConfig: { ...BaseAppConfig, ...{ router: true }}, shortenComponentPathBy: "/layouts/tabbar/" })); // tabbar styling sample configs.push(new Config({ component: 'TabbarStyleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxBottomNavModule', 'IgxIconModule', 'TabbarStyleComponent'], - ngDeclarations: ['TabbarStyleComponent'], - ngImports: ['IgxBottomNavModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/tabbar/" })); diff --git a/live-editing/configs/TabsConfigGenerator.ts b/live-editing/configs/TabsConfigGenerator.ts index 16ee28283e..d8e7200837 100644 --- a/live-editing/configs/TabsConfigGenerator.ts +++ b/live-editing/configs/TabsConfigGenerator.ts @@ -7,7 +7,8 @@ IgxNavbarModule, IgxRippleModule, IgxTabsModule, IgxButtonGroupModule } from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing'; +import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class TabsConfigGenerator implements IConfigGenerator { public additionalImports = { TabsSample4Module: '../../src/app/layouts/tabs/tabs-sample-4/tabs-sample-4.module', @@ -20,48 +21,25 @@ export class TabsConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'TabsSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxTabsModule', 'TabsSample1Component'], - ngDeclarations: ['TabsSample1Component'], - ngImports: ['IgxIconModule', 'IgxTabsModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/tabs/" })); configs.push(new Config({ component: 'TabsSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxTabsModule', - 'IgxNavbarModule', - 'IgxIconModule', - 'TabsSample2Component' - ], - ngDeclarations: ['TabsSample2Component'], - ngImports: [ - 'IgxTabsModule', - 'IgxNavbarModule', - 'IgxIconModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/tabs/" })); configs.push(new Config({ component: 'TabsSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxIconModule', 'IgxTabsModule', 'TabsSample3Component'], - ngDeclarations: ['TabsSample3Component'], - ngImports: ['IgxIconModule', 'IgxTabsModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/tabs/" })); configs.push(new Config({ component: 'TabsSample4Component', additionalFiles: [ - "/src/app/layouts/tabs/tabs-sample-4/tabs-sample-4.module.ts", - "/src/app/layouts/tabs/views/views.module.ts", "/src/app/layouts/tabs/views/view1/view1.component.ts", "/src/app/layouts/tabs/views/view1/view1.component.html", "/src/app/layouts/tabs/views/view2/view2.component.ts", @@ -69,100 +47,26 @@ export class TabsConfigGenerator implements IConfigGenerator { "/src/app/layouts/tabs/views/view3/view3.component.ts", "/src/app/layouts/tabs/views/view3/view3.component.html" ], - appModuleConfig: new AppModuleConfig({ - imports: [ - 'RouterModule', - 'IgxTabsModule', - 'TabsSample4Module', - 'TabsSample4Component', - 'View1Component', - 'View2Component', - 'View3Component' - ], - ngDeclarations: ['TabsSample4Component'], - ngImports: [ - 'IgxTabsModule', - 'TabsSample4Module', - ` - RouterModule.forRoot([ - { path: "view1", component: View1Component }, - { path: "view2", component: View2Component }, - { path: "view3", component: View3Component } - ]) - ` - ] - }), + /* TODO: Adding the correct router config needs to be done separately */ + appConfig: { ...BaseAppConfig, ...{ router: true }}, shortenComponentPathBy: "/layouts/tabs/" })); configs.push(new Config({ component: 'TabsStyleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxIconModule', - 'IgxTabsModule', - 'IgxCardModule', - 'IgxAvatarModule', - 'IgxButtonModule', - 'IgxRippleModule', - 'TabsStyleComponent' - ], - ngDeclarations: ['TabsStyleComponent'], - ngImports: [ - 'IgxIconModule', - 'IgxTabsModule', - 'IgxCardModule', - 'IgxAvatarModule', - 'IgxButtonModule', - 'IgxRippleModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/tabs/" })); configs.push(new Config({ component: 'TabsAlignmentComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxButtonGroupModule', - 'IgxIconModule', - 'IgxTabsModule', - 'IgxButtonModule', - 'IgxRippleModule', - 'TabsAlignmentComponent' - ], - ngDeclarations: ['TabsAlignmentComponent'], - ngImports: [ - 'IgxButtonGroupModule', - 'IgxIconModule', - 'IgxTabsModule', - 'IgxButtonModule', - 'IgxRippleModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/tabs/" })); configs.push(new Config({ component: 'TabsHeaderPrefixSuffixComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxIconModule', - 'IgxTabsModule', - 'IgxButtonGroupModule', - 'IgxButtonModule', - 'IgxRippleModule', - 'TabsHeaderPrefixSuffixComponent' - ], - ngDeclarations: ['TabsHeaderPrefixSuffixComponent'], - ngImports: [ - 'IgxIconModule', - 'IgxTabsModule', - 'IgxButtonGroupModule', - 'IgxButtonModule', - 'IgxRippleModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/tabs/" })); diff --git a/live-editing/configs/TextHighlightConfigGenerator.ts b/live-editing/configs/TextHighlightConfigGenerator.ts index 6c911b7805..46880a2fa2 100644 --- a/live-editing/configs/TextHighlightConfigGenerator.ts +++ b/live-editing/configs/TextHighlightConfigGenerator.ts @@ -4,6 +4,7 @@ IgxInputGroupModule, IgxRippleModule, IgxTextHighlightModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class TextHighlightConfigGenerator implements IConfigGenerator { @@ -12,37 +13,19 @@ export class TextHighlightConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'TextHighlightSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxInputGroupModule', - 'IgxIconModule', 'IgxRippleModule', 'IgxTextHighlightModule', 'TextHighlightSample1Component'], - ngDeclarations: ['TextHighlightSample1Component'], - ngImports: ['IgxButtonModule', 'IgxIconModule', - 'IgxInputGroupModule', 'IgxRippleModule', 'IgxTextHighlightModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/text-highlight/" })); configs.push(new Config({ component: 'TextHighlightSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxInputGroupModule', - 'IgxIconModule', 'IgxRippleModule', 'IgxTextHighlightModule', 'TextHighlightSample2Component'], - ngDeclarations: ['TextHighlightSample2Component'], - ngImports: ['IgxButtonModule', 'IgxIconModule', - 'IgxInputGroupModule', 'IgxRippleModule', 'IgxTextHighlightModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/text-highlight/" })); configs.push(new Config({ component: 'TextHighlightStyleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxInputGroupModule', - 'IgxIconModule', 'IgxRippleModule', 'IgxTextHighlightModule', 'TextHighlightStyleComponent'], - ngDeclarations: ['TextHighlightStyleComponent'], - ngImports: ['IgxButtonModule', 'IgxIconModule', - 'IgxInputGroupModule', 'IgxRippleModule', 'IgxTextHighlightModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/text-highlight/" })); diff --git a/live-editing/configs/ThemingConfigGenerator.ts b/live-editing/configs/ThemingConfigGenerator.ts index f0469f2dfb..6715df2815 100644 --- a/live-editing/configs/ThemingConfigGenerator.ts +++ b/live-editing/configs/ThemingConfigGenerator.ts @@ -1,33 +1,5 @@ -import { IgxAvatarModule, -IgxButtonGroupModule, -IgxButtonModule, -IgxCalendarModule, -IgxCardModule, -IgxDatePickerModule, -IgxDialogModule, -IgxDividerModule, -IgxDropDownModule, -IgxExpansionPanelModule, -IgxGridModule, -IgxIconModule, -IgxInputGroupModule, -IgxLayoutModule, -IgxListModule, -IgxRippleModule, -IgxSelectModule, -IgxSnackbarModule, -IgxToggleModule} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing'; -import { NgModule } from '@angular/core'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { MatButtonModule } from '@angular/material/button'; -import { MatFormFieldModule } from '@angular/material/form-field'; -import { MatInputModule } from '@angular/material/input'; -import { MatMenuModule } from '@angular/material/menu'; -import { MatSliderModule } from '@angular/material/slider'; -import { MatStepperModule } from '@angular/material/stepper'; -import { MatToolbarModule } from '@angular/material/toolbar'; -import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; +import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class ThemingConfigGenerator implements IConfigGenerator { public generateConfigs(): Config[] { @@ -36,107 +8,56 @@ export class ThemingConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'DefaultThemeSampleComponent', additionalFiles: ['/src/app/theming/data/data.ts', '/src/app/theming/data/record.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxDropDownModule', - 'IgxGridModule', 'IgxDialogModule', 'IgxSnackbarModule', 'IgxLayoutModule', 'DefaultThemeSampleComponent', - 'IgxToggleModule', 'IgxIconModule', 'IgxRippleModule', 'IgxButtonModule', - 'IgxCalendarModule', 'IgxInputGroupModule', 'IgxDatePickerModule'], - ngDeclarations: ['DefaultThemeSampleComponent'], - ngImports: ['IgxDropDownModule', - 'IgxDialogModule', 'IgxSnackbarModule', 'IgxLayoutModule', - 'IgxToggleModule', 'IgxIconModule', 'IgxRippleModule', 'IgxButtonModule', - 'IgxCalendarModule', 'IgxInputGroupModule', 'IgxDatePickerModule', - 'IgxGridModule', 'IgxLayoutModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/theming/' })); configs.push(new Config({ component: 'ShadowsSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['ShadowsSampleComponent'], - ngDeclarations: ['ShadowsSampleComponent'], - ngImports: [] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/theming/shadows/' })); configs.push(new Config({ component: 'ShadowsSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['ShadowsSample2Component'], - ngDeclarations: ['ShadowsSample2Component'], - ngImports: [] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/theming/shadows/' })); configs.push(new Config({ component: 'CardSampleShadowComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['CardSampleShadowComponent', 'IgxCardModule', 'IgxButtonModule', 'IgxIconModule'], - ngDeclarations: ['CardSampleShadowComponent'], - ngImports: ['IgxCardModule', 'IgxIconModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/theming/shadows/' })); configs.push(new Config({ component: 'DisplayDensityComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['DisplayDensityComponent', 'IgxInputGroupModule', 'IgxButtonGroupModule', 'IgxIconModule'], - ngDeclarations: ['DisplayDensityComponent'], - ngImports: ['IgxInputGroupModule', 'IgxButtonGroupModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/theming/' })); configs.push(new Config({ component: 'AnimationsSampleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['AnimationsSampleComponent', 'IgxDialogModule', 'IgxButtonModule', 'IgxListModule'], - ngDeclarations: ['AnimationsSampleComponent'], - ngImports: ['IgxDialogModule', 'IgxButtonModule', 'IgxListModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/theming/animations/' })); configs.push(new Config({ component: 'AnimationsSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['AnimationsSample2Component', 'IgxCardModule', 'IgxButtonModule', 'IgxIconModule', 'IgxDividerModule'], - ngDeclarations: ['AnimationsSample2Component'], - ngImports: ['IgxCardModule', 'IgxButtonModule', 'IgxIconModule', 'IgxDividerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/theming/animations/' })); configs.push(new Config({ component: 'BootstrapComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['BootstrapComponent', 'IgxAvatarModule', 'IgxCardModule', 'IgxButtonModule', - 'IgxIconModule', 'IgxDialogModule', 'IgxListModule', 'NgbModule'], - ngDeclarations: ['BootstrapComponent'], - ngImports: ['IgxAvatarModule', 'IgxCardModule', 'IgxButtonModule', - 'IgxIconModule', 'IgxDialogModule', 'IgxListModule', 'NgbModule'] - }), + appConfig: BaseAppConfig, additionalDependencies: ['bootstrap', '@ng-bootstrap/ng-bootstrap'], shortenComponentPathBy: '/theming/bootstrap/' })); configs.push(new Config({ component: 'AngularMaterialComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['AngularMaterialComponent', 'IgxAvatarModule', 'IgxCardModule', 'IgxButtonModule', - 'IgxIconModule', 'IgxDialogModule', 'IgxDividerModule', 'IgxExpansionPanelModule', - 'FormsModule', 'MatButtonModule', 'MatFormFieldModule', 'MatInputModule', 'MatMenuModule', - 'MatSliderModule', 'MatStepperModule', 'MatToolbarModule', 'ReactiveFormsModule'], - ngDeclarations: ['AngularMaterialComponent'], - ngImports: ['IgxAvatarModule', 'IgxCardModule', 'IgxButtonModule', - 'IgxIconModule', 'IgxDialogModule', 'IgxDividerModule', 'IgxExpansionPanelModule', - 'FormsModule', 'MatButtonModule', 'MatFormFieldModule', 'MatInputModule', 'MatMenuModule', - 'MatSliderModule', 'MatStepperModule', 'MatToolbarModule', 'ReactiveFormsModule'] - }), + appConfig: BaseAppConfig, additionalDependencies: ['@angular/cdk', '@angular/material'], shortenComponentPathBy: '/theming/angular/' })); diff --git a/live-editing/configs/TimePickerConfigGenerator.ts b/live-editing/configs/TimePickerConfigGenerator.ts index 2b12e450a3..f7e048aea6 100644 --- a/live-editing/configs/TimePickerConfigGenerator.ts +++ b/live-editing/configs/TimePickerConfigGenerator.ts @@ -4,6 +4,7 @@ IgxInputGroupModule, IgxTimePickerModule, IgxToastModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class TimePickerConfigGenerator implements IConfigGenerator { @@ -13,87 +14,42 @@ export class TimePickerConfigGenerator implements IConfigGenerator { // time picker sample 1 configs.push(new Config({ component: 'TimePickerSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxTimePickerModule', 'TimePickerSample1Component'], - ngDeclarations: ['TimePickerSample1Component'], - ngImports: ['IgxTimePickerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/timepicker/" })); // time picker sample 4 configs.push(new Config({ component: 'TimePickerSample4Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxTimePickerModule', 'IgxToastModule', 'TimePickerSample4Component'], - ngDeclarations: ['TimePickerSample4Component'], - ngImports: ['IgxTimePickerModule', 'IgxToastModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/timepicker/" })); // time picker sample 5 configs.push(new Config({ component: 'TimePickerSample5Component', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxTimePickerModule', - 'IgxInputGroupModule', - 'IgxIconModule', - 'TimePickerSample5Component' - ], - ngDeclarations: ['TimePickerSample5Component'], - ngImports: ['IgxTimePickerModule', 'IgxInputGroupModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/timepicker/" })); // time picker sample 6 configs.push(new Config({ component: 'TimePickerSample6Component', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxTimePickerModule', - 'IgxInputGroupModule', - 'IgxIconModule', - 'IgxButtonModule', - 'TimePickerSample6Component' - ], - ngDeclarations: ['TimePickerSample6Component'], - ngImports: [ - 'IgxTimePickerModule', - 'IgxInputGroupModule', - 'IgxIconModule', - 'IgxButtonModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/timepicker/" })); // time picker dropdown sample configs.push(new Config({ component: 'TimepickerDropdownComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxTimePickerModule', - 'IgxInputGroupModule', - 'IgxIconModule', - 'TimepickerDropdownComponent' - ], - ngDeclarations: ['TimepickerDropdownComponent'], - ngImports: ['IgxTimePickerModule', 'IgxInputGroupModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/timepicker/" })); // time picker styling sample configs.push(new Config({ component: 'TimePickerStylingComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxTimePickerModule', 'TimePickerStylingComponent'], - ngDeclarations: ['TimePickerStylingComponent'], - ngImports: ['IgxTimePickerModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/timepicker/" })); diff --git a/live-editing/configs/ToastConfigGenerator.ts b/live-editing/configs/ToastConfigGenerator.ts index 8837e5f55c..bc57ba4d59 100644 --- a/live-editing/configs/ToastConfigGenerator.ts +++ b/live-editing/configs/ToastConfigGenerator.ts @@ -3,6 +3,7 @@ IgxRippleModule, IgxToastModule, IgxIconModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class ToastConfigGenerator implements IConfigGenerator { @@ -12,62 +13,35 @@ export class ToastConfigGenerator implements IConfigGenerator { // toast sample 1 configs.push(new Config({ component: 'ToastSample1Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxRippleModule', - 'IgxToastModule', 'ToastSample1Component'], - ngDeclarations: ['ToastSample1Component'], - ngImports: ['IgxButtonModule', 'IgxRippleModule', 'IgxToastModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/toast/" })); // toast sample 2 configs.push(new Config({ component: 'ToastSample2Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxRippleModule', - 'IgxToastModule', 'ToastSample2Component'], - ngDeclarations: ['ToastSample2Component'], - ngImports: ['IgxButtonModule', 'IgxRippleModule', 'IgxToastModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/toast/" })); // toast sample 3 configs.push(new Config({ component: 'ToastSample3Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxRippleModule', 'IgxIconModule', - 'IgxToastModule', 'ToastSample3Component'], - ngDeclarations: ['ToastSample3Component'], - ngImports: ['IgxButtonModule', 'IgxRippleModule', 'IgxToastModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/toast/" })); // toast sample 5 configs.push(new Config({ component: 'ToastSample5Component', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxRippleModule', - 'IgxToastModule', 'ToastSample5Component'], - ngDeclarations: ['ToastSample5Component'], - ngImports: ['IgxButtonModule', 'IgxRippleModule', - 'IgxToastModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/toast/" })); // toast style configs.push(new Config({ component: 'ToastStyleComponent', - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxRippleModule', - 'IgxToastModule', 'ToastStyleComponent'], - ngDeclarations: ['ToastStyleComponent'], - ngImports: ['IgxButtonModule', 'IgxRippleModule', - 'IgxToastModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/notifications/toast/" })); diff --git a/live-editing/configs/ToggleConfigGenerator.ts b/live-editing/configs/ToggleConfigGenerator.ts index 6e3227ad99..186327a480 100644 --- a/live-editing/configs/ToggleConfigGenerator.ts +++ b/live-editing/configs/ToggleConfigGenerator.ts @@ -1,6 +1,7 @@ import {IgxButtonModule, IgxToggleModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class ToggleConfigGenerator implements IConfigGenerator { @@ -11,11 +12,7 @@ export class ToggleConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'ToggleComponent', additionalFiles: ["/src/app/interactions/toggle/toggle-samples.scss"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxToggleModule', 'ToggleComponent'], - ngDeclarations: ['ToggleComponent'], - ngImports: ['IgxButtonModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/" })); @@ -23,11 +20,7 @@ export class ToggleConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'ToggleSample1Component', additionalFiles: ["/src/app/interactions/toggle/toggle-samples.scss"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxToggleModule', 'ToggleSample1Component'], - ngDeclarations: ['ToggleSample1Component'], - ngImports: ['IgxButtonModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/toggle/" })); @@ -35,11 +28,7 @@ export class ToggleConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'ToggleSample2Component', additionalFiles: ["/src/app/interactions/toggle/toggle-samples.scss"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxToggleModule', 'ToggleSample2Component'], - ngDeclarations: ['ToggleSample2Component'], - ngImports: ['IgxButtonModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/toggle/" })); @@ -47,11 +36,7 @@ export class ToggleConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'ToggleSample3Component', additionalFiles: ["/src/app/interactions/toggle/toggle-samples.scss"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxToggleModule', 'ToggleSample3Component'], - ngDeclarations: ['ToggleSample3Component'], - ngImports: ['IgxButtonModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/toggle/" })); @@ -59,11 +44,7 @@ export class ToggleConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'ToggleSample4Component', additionalFiles: ["/src/app/interactions/toggle/toggle-samples.scss"], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxButtonModule', 'IgxToggleModule', 'ToggleSample4Component'], - ngDeclarations: ['ToggleSample4Component'], - ngImports: ['IgxButtonModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/toggle/" })); diff --git a/live-editing/configs/TooltipConfigGenerator.ts b/live-editing/configs/TooltipConfigGenerator.ts index 9cf64ca580..4ce021503c 100644 --- a/live-editing/configs/TooltipConfigGenerator.ts +++ b/live-editing/configs/TooltipConfigGenerator.ts @@ -3,6 +3,7 @@ IgxIconModule, IgxToggleModule, IgxTooltipModule} from 'igniteui-angular'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig'; export class TooltipConfigGenerator implements IConfigGenerator { @@ -12,53 +13,21 @@ export class TooltipConfigGenerator implements IConfigGenerator { // Simple Tooltip Sample configs.push(new Config({ component: 'TooltipSimpleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxAvatarModule', - 'IgxTooltipModule', - 'TooltipSimpleComponent' - ], - ngDeclarations: ['TooltipSimpleComponent'], - ngImports: ['IgxAvatarModule', 'IgxTooltipModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/tooltip/" })); // Rich Tooltip Sample configs.push(new Config({ component: 'TooltipRichComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxAvatarModule', - 'IgxTooltipModule', - 'IgxIconModule', - 'TooltipRichComponent'], - ngDeclarations: ['TooltipRichComponent'], - ngImports: [ - 'IgxAvatarModule', - 'IgxTooltipModule', - 'IgxIconModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/tooltip/" })); // Style Tooltip Sample configs.push(new Config({ component: 'TooltipStyleComponent', - appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxAvatarModule', - 'IgxTooltipModule', - 'IgxToggleModule', - 'TooltipStyleComponent' - ], - ngDeclarations: ['TooltipStyleComponent'], - ngImports: [ - 'IgxAvatarModule', - 'IgxTooltipModule', - 'IgxToggleModule' - ] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: "/interactions/tooltip/" })); diff --git a/live-editing/configs/TransactionsConfigGenerator.ts b/live-editing/configs/TransactionsConfigGenerator.ts index 56cc4252e9..50aad083b3 100644 --- a/live-editing/configs/TransactionsConfigGenerator.ts +++ b/live-editing/configs/TransactionsConfigGenerator.ts @@ -4,7 +4,8 @@ IgxCardModule, IgxIconModule, IgxListModule, IgxTransactionService} from 'igniteui-angular'; -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing'; +import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class TransactionsConfigGenerator implements IConfigGenerator { public additionalImports = { TransactionBasePipe: '../../src/app/services/transaction/pipes/transaction-base.pipe' @@ -16,13 +17,7 @@ export class TransactionsConfigGenerator implements IConfigGenerator { component: 'TransactionBaseComponent', additionalFiles: ['/src/app/services/transaction/data.ts', '/src/app/services/transaction/pipes/transaction-base.pipe.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxListModule', 'IgxCardModule', 'IgxIconModule', 'IgxButtonModule', - 'IgxTransactionService', 'TransactionBaseComponent', 'TransactionBasePipe'], - ngDeclarations: ['TransactionBaseComponent', 'TransactionBasePipe'], - ngImports: ['IgxListModule', 'IgxCardModule', 'IgxButtonModule', 'IgxIconModule'], - ngProviders: ['IgxTransactionService'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: 'services/transaction-base' })); diff --git a/live-editing/configs/TreeConfigGenerator.ts b/live-editing/configs/TreeConfigGenerator.ts index d98a7ad3e5..3262786fc5 100644 --- a/live-editing/configs/TreeConfigGenerator.ts +++ b/live-editing/configs/TreeConfigGenerator.ts @@ -3,7 +3,8 @@ import { IgxTreeModule, IgxTooltipModule } from 'igniteui-angular'; -import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing'; +import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class TreeConfigGenerator implements IConfigGenerator { public generateConfigs(): Config[] { @@ -12,11 +13,7 @@ export class TreeConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'TreeBasicSampleComponent', additionalFiles: ['/src/app/data/animations-data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxTreeModule', 'IgxIconModule', 'TreeBasicSampleComponent'], - ngDeclarations: ['TreeBasicSampleComponent'], - ngImports: ['IgxTreeModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, })); configs.push(new Config({ @@ -24,11 +21,7 @@ export class TreeConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/data/tree-file-data.ts', '/src/app/lists/tree/tree-advanced-sample/services/data.service.ts', '/src/app/lists/tree/tree-advanced-sample/services/svgIcons.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxTreeModule', 'IgxIconModule', 'IgxTooltipModule', 'TreeAdvancedSampleComponent'], - ngDeclarations: ['TreeAdvancedSampleComponent'], - ngImports: ['IgxTreeModule', 'IgxIconModule', 'IgxTooltipModule'] - }), + appConfig: BaseAppConfig, })); return configs; diff --git a/live-editing/configs/TreeGridConfigGenerator.ts b/live-editing/configs/TreeGridConfigGenerator.ts index 03795e7864..0ac7134514 100644 --- a/live-editing/configs/TreeGridConfigGenerator.ts +++ b/live-editing/configs/TreeGridConfigGenerator.ts @@ -35,7 +35,8 @@ import { } from 'igniteui-angular-charts'; import { Router, RouterModule } from '@angular/router'; import { ReactiveFormsModule } from '@angular/forms'; -import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'; +import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class TreeGridConfigGenerator implements IConfigGenerator { public additionalImports = { IgxPreventDocumentScrollModule: '../../src/app/directives/prevent-scroll.directive', @@ -48,11 +49,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Row Edit Sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridRowEditSampleComponent'], - ngDeclarations: ['TreeGridRowEditSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridRowEditSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -60,11 +57,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Row Edit Style configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridRowEditStyleComponent', 'IgxIconModule'], - ngDeclarations: ['TreeGridRowEditStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridRowEditStyleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -72,11 +65,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Virtualization sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/financialData.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxBadgeModule', 'TreeGridVirtualizationSampleComponent'], - ngDeclarations: ['TreeGridVirtualizationSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxBadgeModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridVirtualizationSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -84,11 +73,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Conditional Cell Style sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridConditionalCellStyleComponent'], - ngDeclarations: ['TreeGridConditionalCellStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridConditionalCellStyleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -99,24 +84,14 @@ export class TreeGridConfigGenerator implements IConfigGenerator { '/src/app/data/utils.ts', '/src/app/tree-grid/data/employees-flat.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridBatchEditingSampleComponent', - 'IgxButtonModule', 'IgxDialogModule', 'IgxGridModule'], - ngDeclarations: ['TreeGridBatchEditingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxDialogModule', 'IgxGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridBatchEditingSampleComponent' })); // TreeGrid Search sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridSearchSampleComponent', 'IgxButtonModule', - 'IgxIconModule', 'IgxInputGroupModule', 'IgxRippleModule', 'IgxChipsModule'], - ngDeclarations: ['TreeGridSearchSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxIconModule', 'IgxInputGroupModule', 'IgxRippleModule', 'IgxChipsModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridSearchSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -124,11 +99,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Column Hiding sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridColumnHidingSampleComponent', 'IgxRadioModule'], - ngDeclarations: ['TreeGridColumnHidingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxRadioModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridColumnHidingSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -136,11 +107,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Column Hiding Toolbar sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridColumnHidingToolbarSampleComponent'], - ngDeclarations: ['TreeGridColumnHidingToolbarSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridColumnHidingToolbarSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -148,11 +115,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Column Hiding Toolbar style sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridColumnHidingToolbarStyleComponent'], - ngDeclarations: ['TreeGridColumnHidingToolbarStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridColumnHidingToolbarStyleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -160,12 +123,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Selection sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridSelectionSampleComponent', - 'IgxSwitchModule', 'IgxSnackbarModule', 'IgxButtonGroupModule', 'IgxIconModule', 'IgxCheckboxModule'], - ngDeclarations: ['TreeGridSelectionSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxSwitchModule', 'IgxSnackbarModule', 'IgxButtonGroupModule', 'IgxIconModule', 'IgxCheckboxModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridSelectionSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -176,11 +134,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { '/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.html', '/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts', '/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.scss'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridSortingSampleComponent', 'IgxIconModule', 'IgxSimpleComboModule', 'IgxButtonModule', 'TreeGridContextmenuComponent'], - ngDeclarations: ['TreeGridSortingSampleComponent', 'TreeGridContextmenuComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule', 'IgxSimpleComboModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridSortingSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -188,11 +142,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Sorting Styling sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridSortingStylingComponent', 'IgxIconModule'], - ngDeclarations: ['TreeGridSortingStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridSortingStylingComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -200,22 +150,14 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Column Moving sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridColumnMovingSampleComponent', 'IgxIconModule'], - ngDeclarations: ['TreeGridColumnMovingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridColumnMovingSampleComponent', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridColumnMovingStyledSampleComponent', 'IgxIconModule'], - ngDeclarations: ['TreeGridColumnMovingStyledSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridColumnMovingStyledSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -223,11 +165,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Column Pinning sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts', '/src/app/services/svgIcons.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridColumnPinningSampleComponent', 'IgxIconModule'], - ngDeclarations: ['TreeGridColumnPinningSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridColumnPinningSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -235,11 +173,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Toolbar Pinning sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridPinningToolbarSampleComponent', 'IgxIconModule', 'RouterModule'], - ngDeclarations: ['TreeGridPinningToolbarSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule', 'RouterModule', 'RouterModule.forRoot([])'] - }), + appConfig: BaseAppConfig, component: 'TreeGridPinningToolbarSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -247,11 +181,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Column Resizing sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridColumnResizingSampleComponent'], - ngDeclarations: ['TreeGridColumnResizingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridColumnResizingSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -259,11 +189,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { //TreeGrid Column Autosizing sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridColumnAutoSizingSampleComponent'], - ngDeclarations: ['TreeGridColumnAutoSizingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridColumnAutoSizingSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -271,11 +197,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Column Resizing Line Styling sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridResizeLineStylingSampleComponent'], - ngDeclarations: ['TreeGridResizeLineStylingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridResizeLineStylingSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -283,11 +205,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Filtering Style sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridFilteringStyleComponent'], - ngDeclarations: ['TreeGridFilteringStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridFilteringStyleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -295,66 +213,42 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Filtering sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridFilteringSampleComponent', 'IgxInputGroupModule'], - ngDeclarations: ['TreeGridFilteringSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridFilteringSampleComponent', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridFilteringTemplateSampleComponent', 'IgxInputGroupModule', 'IgxDatePickerModule'], - ngDeclarations: ['TreeGridFilteringTemplateSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxInputGroupModule', 'IgxDatePickerModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridFilteringTemplateSampleComponent', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridExcelStyleFilteringSample1Component', 'IgxInputGroupModule', 'IgxButtonGroupModule'], - ngDeclarations: ['TreeGridExcelStyleFilteringSample1Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxInputGroupModule', 'IgxButtonGroupModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridExcelStyleFilteringSample1Component', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridExcelStyleFilteringSample2Component', 'IgxInputGroupModule'], - ngDeclarations: ['TreeGridExcelStyleFilteringSample2Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridExcelStyleFilteringSample2Component', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridExcelStyleFilteringSample3Component', 'IgxInputGroupModule', 'IgxIconModule'], - ngDeclarations: ['TreeGridExcelStyleFilteringSample3Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxInputGroupModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridExcelStyleFilteringSample3Component', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridExcelStyleFilteringStyleComponent'], - ngDeclarations: ['TreeGridExcelStyleFilteringStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridExcelStyleFilteringStyleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -362,11 +256,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Custom Filtering sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridFilteringCustomSampleComponent', 'IgxInputGroupModule'], - ngDeclarations: ['TreeGridFilteringCustomSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxInputGroupModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridFilteringCustomSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -374,11 +264,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Multi Column Headers sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridMultiColumnHeadersSampleComponent', 'IgxButtonModule'], - ngDeclarations: ['TreeGridMultiColumnHeadersSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridMultiColumnHeadersSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -386,11 +272,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Multi Column Headers Styling configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridMultiColumnHeadersStylingComponent', 'IgxButtonModule'], - ngDeclarations: ['TreeGridMultiColumnHeadersStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridMultiColumnHeadersStylingComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -399,22 +281,13 @@ export class TreeGridConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'TreeGridMultiColumnHeadersExportComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['TreeGridMultiColumnHeadersExportComponent', 'IgxTreeGridModule', 'IgxPreventDocumentScrollModule', 'IgxExcelExporterService'], - ngDeclarations: ['TreeGridMultiColumnHeadersExportComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'], - ngProviders: ['IgxExcelExporterService'] - }) + appConfig: BaseAppConfig })); // TreeGrid Display Density sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridDisplaydensitySampleComponent', 'IgxButtonGroupModule'], - ngDeclarations: ['TreeGridDisplaydensitySampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonGroupModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridDisplaydensitySampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -422,13 +295,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Toolbar sample 1 configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-avatars.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridToolbarSample1Component', 'IgxAvatarModule', - 'IgxExcelExporterService', 'IgxCsvExporterService', 'IgxSwitchModule', 'IgxInputGroupModule'], - ngDeclarations: ['TreeGridToolbarSample1Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxAvatarModule', 'IgxSwitchModule', 'IgxInputGroupModule'], - ngProviders: ['IgxExcelExporterService', 'IgxCsvExporterService'] - }), + appConfig: BaseAppConfig, component: 'TreeGridToolbarSample1Component', shortenComponentPathBy: '/tree-grid/' })); @@ -436,13 +303,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Toolbar sample 2 configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-avatars.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridToolbarSample2Component', 'IgxAvatarModule', - 'IgxExcelExporterService', 'IgxCsvExporterService'], - ngDeclarations: ['TreeGridToolbarSample2Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxAvatarModule'], - ngProviders: ['IgxExcelExporterService', 'IgxCsvExporterService'] - }), + appConfig: BaseAppConfig, component: 'TreeGridToolbarSample2Component', shortenComponentPathBy: '/tree-grid/' })); @@ -450,12 +311,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Toolbar sample 3 configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-avatars.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridToolbarSample3Component', 'IgxAvatarModule', 'IgxButtonModule', 'IgxRippleModule', 'IgxIconModule'], - ngDeclarations: ['TreeGridToolbarSample3Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxAvatarModule', 'IgxButtonModule', 'IgxRippleModule', 'IgxIconModule'], - ngProviders: [] - }), + appConfig: BaseAppConfig, component: 'TreeGridToolbarSample3Component', shortenComponentPathBy: '/tree-grid/' })); @@ -463,12 +319,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Toolbar sample 4 configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-avatars.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridToolbarSample4Component', 'IgxAvatarModule'], - ngDeclarations: ['TreeGridToolbarSample4Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxAvatarModule'], - ngProviders: [] - }), + appConfig: BaseAppConfig, component: 'TreeGridToolbarSample4Component', shortenComponentPathBy: '/tree-grid/' })); @@ -476,13 +327,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Toolbar style sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-avatars.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridToolbarStyleComponent', 'IgxAvatarModule', - 'IgxExcelExporterService', 'IgxCsvExporterService'], - ngDeclarations: ['TreeGridToolbarStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxAvatarModule'], - ngProviders: ['IgxExcelExporterService', 'IgxCsvExporterService'] - }), + appConfig: BaseAppConfig, component: 'TreeGridToolbarStyleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -490,11 +335,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Summary sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridSummarySampleComponent', 'IgxIconModule'], - ngDeclarations: ['TreeGridSummarySampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridSummarySampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -502,11 +343,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Summary Styling sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridSummaryStylingComponent', 'IgxIconModule'], - ngDeclarations: ['TreeGridSummaryStylingComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridSummaryStylingComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -514,11 +351,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Summary2 sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxButtonModule', 'IgxButtonGroupModule', 'IgxTreeGridModule', 'TreeGridSummary2SampleComponent', 'IgxIconModule', 'IgxSwitchModule'], - ngDeclarations: ['TreeGridSummary2SampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxButtonModule', 'IgxButtonGroupModule', 'IgxTreeGridModule', 'IgxIconModule', 'IgxSwitchModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridSummary2SampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -526,11 +359,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Paging sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridPagingSampleComponent', 'IgxButtonModule', 'IgxRippleModule', 'IgxIconModule'], - ngDeclarations: ['TreeGridPagingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxRippleModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridPagingSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -538,11 +367,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Reusable Paginator sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridPagerSampleComponent', 'IgxButtonModule', 'IgxRippleModule', 'IgxIconModule', 'IgxSwitchModule', 'IgxSelectModule'], - ngDeclarations: ['TreeGridPagerSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxRippleModule', 'IgxIconModule', 'IgxSwitchModule', 'IgxSelectModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridPagerSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -550,55 +375,34 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Editing sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts', '/src/app/tree-grid/tree-grid-editing-sample/employee.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridEditingSampleComponent', 'IgxButtonModule', 'IgxDialogModule', - 'IgxInputGroupModule', 'IgxCheckboxModule', 'IgxDatePickerModule', 'IgxIconModule'], - ngDeclarations: ['TreeGridEditingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxDialogModule', 'IgxInputGroupModule', 'IgxCheckboxModule', 'IgxDatePickerModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridEditingSampleComponent', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'TreeGridEditingEventsComponent', 'IgxTreeGridModule', 'IgxToastModule'], - ngDeclarations: ['TreeGridEditingEventsComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxToastModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridEditingEventsComponent' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridEditingStyleComponent'], - ngDeclarations: ['TreeGridEditingStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridEditingStyleComponent', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxSelectModule', 'TreeGridExternalExcelStyleFilteringComponent'], - ngDeclarations: ['TreeGridExternalExcelStyleFilteringComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxSelectModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridExternalExcelStyleFilteringComponent', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridExternalAdvancedFilteringComponent'], - ngDeclarations: ['TreeGridExternalAdvancedFilteringComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridExternalAdvancedFilteringComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -606,11 +410,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Remote Filtering sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts', '/src/app/tree-grid/services/remoteFilteringService.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridRemoteFilteringSampleComponent', 'IgxIconModule', 'IgxToastModule'], - ngDeclarations: ['TreeGridRemoteFilteringSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule', 'IgxToastModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridRemoteFilteringSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -618,11 +418,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid multi cell selection configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'TreeGridMultiCellSelectionComponent', 'IgxGridModule', 'IgxTreeGridModule', 'IgxToastModule', 'IgxSnackbarModule'], - ngDeclarations: ['TreeGridMultiCellSelectionComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxTreeGridModule', 'IgxToastModule', 'IgxSnackbarModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridMultiCellSelectionComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -630,11 +426,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid multi cell selection - styling configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'TreeGridMultiCellSelectionStyleComponent', 'IgxTreeGridModule'], - ngDeclarations: ['TreeGridMultiCellSelectionStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridMultiCellSelectionStyleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -642,11 +434,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Load On Demand Sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/tree-grid-load-on-demand-sample/remoteService.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridLoadOnDemandSampleComponent'], - ngDeclarations: ['TreeGridLoadOnDemandSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridLoadOnDemandSampleComponent' })); @@ -659,11 +447,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { '/src/_variables.scss', '/src/_app-layout.scss' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridGroupByLoadOnDemandComponent'], - ngDeclarations: ['TreeGridGroupByLoadOnDemandComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridGroupByLoadOnDemandComponent' })); @@ -671,24 +455,14 @@ export class TreeGridConfigGenerator implements IConfigGenerator { configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/remoteValues.service.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridExcelStyleFilteringLoadOnDemandComponent', 'IgxIconModule', 'RemoteValuesService'], - ngDeclarations: ['TreeGridExcelStyleFilteringLoadOnDemandComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule'], - ngProviders: ['RemoteValuesService'] - }), + appConfig: BaseAppConfig, component: 'TreeGridExcelStyleFilteringLoadOnDemandComponent' })); // Tree Grid Row Drag - Advanced Sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridRowDragComponent', 'IgxButtonModule', - 'IgxInputGroupModule', 'IgxIconModule', 'IgxDragDropModule'], - ngDeclarations: ['TreeGridRowDragComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxInputGroupModule', 'IgxIconModule', 'IgxDragDropModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridRowDragComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -696,12 +470,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // Tree Grid Row Drag - Base Sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridRowDragBaseComponent', 'IgxButtonModule', - 'IgxInputGroupModule', 'IgxDragDropModule', 'IgxIconModule'], - ngDeclarations: ['TreeGridRowDragBaseComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxInputGroupModule', 'IgxDragDropModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridRowDragBaseComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -709,12 +478,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // Tree Grid Multi Row Drag sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridMultiRowDragComponent', 'IgxButtonModule', - 'IgxInputGroupModule', 'IgxIconModule', 'IgxDragDropModule'], - ngDeclarations: ['TreeGridMultiRowDragComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxInputGroupModule', 'IgxIconModule', 'IgxDragDropModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridMultiRowDragComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -722,11 +486,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // Tree Grid Row Rerdering sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridRowReorderComponent', 'IgxDragDropModule'], - ngDeclarations: ['TreeGridRowReorderComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxDragDropModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridRowReorderComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -734,11 +494,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // Tree Grid Keyboard Navigation Sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/tree-grid-keyboard-navigation/data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridKBNavigationComponent'], - ngDeclarations: ['TreeGridKBNavigationComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridKBNavigationComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -746,11 +502,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // Tree Grid Remote Paging Sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/tree-grid-remote-paging-sample/remotePagingService.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridRemotePagingSampleComponent', 'IgxSelectModule'], - ngDeclarations: ['TreeGridRemotePagingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxSelectModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridRemotePagingSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -758,11 +510,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Paging sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridPagingStyleSampleComponent', 'IgxButtonModule', 'IgxRippleModule', 'IgxIconModule'], - ngDeclarations: ['TreeGridPagingStyleSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxRippleModule', 'IgxIconModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridPagingStyleSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -770,11 +518,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Multi Column Header Template sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridMultiColumnHeaderTemplateSampleComponent'], - ngDeclarations: ['TreeGridMultiColumnHeaderTemplateSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridMultiColumnHeaderTemplateSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -782,11 +526,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { // TreeGrid Clipboard actions sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/tree-grid-clipboard-operations-sample/data.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridClipboardSampleComponent', 'IgxSwitchModule' , 'IgxInputGroupModule', 'IgxIconModule', 'IgxRippleModule', 'IgxButtonModule'], - ngDeclarations: ['TreeGridClipboardSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxSwitchModule', 'IgxInputGroupModule', 'IgxIconModule', 'IgxRippleModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridClipboardSampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -794,45 +534,27 @@ export class TreeGridConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'TreeGridCellSelectionComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/utils.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'TreeGridCellSelectionComponent', 'IgxGridModule', 'IgxSwitchModule', - 'IgxIconModule', 'IgxButtonGroupModule', 'IgxAvatarModule', 'IgxTreeGridModule', 'IgxSnackbarModule'], - ngDeclarations: ['TreeGridCellSelectionComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxIconModule', 'IgxSwitchModule', - 'IgxButtonGroupModule', 'IgxAvatarModule', 'IgxTreeGridModule', 'IgxSnackbarModule'] - }) + appConfig: BaseAppConfig })); // TreeGrid Advanced Filtering sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridAdvancedFilteringSampleComponent'], - ngDeclarations: ['TreeGridAdvancedFilteringSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridAdvancedFilteringSampleComponent' })); // TreeGrid Advanced Filtering Style sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridAdvancedFilteringStyleComponent'], - ngDeclarations: ['TreeGridAdvancedFilteringStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridAdvancedFilteringStyleComponent' })); // TreeGrid Conditional Row Selection Template actions sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridConditionalRowSelectorsSampleComponent', 'IgxCheckboxModule'], - ngDeclarations: ['TreeGridConditionalRowSelectorsSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxCheckboxModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridConditionalRowSelectorsSampleComponent' })); @@ -841,22 +563,14 @@ export class TreeGridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxCheckboxModule', 'IgxTreeGridModule', 'TreeGridSelectionTemplateNumbersSampleComponent'], - ngDeclarations: ['TreeGridSelectionTemplateNumbersSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxCheckboxModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridSelectionTemplateNumbersSampleComponent', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-avatars.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridStyleComponent', 'IgxAvatarModule'], - ngDeclarations: ['TreeGridStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxAvatarModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridStyleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -865,20 +579,12 @@ export class TreeGridConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'TreeGridConditionalCellStyle2Component', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxInputGroupModule', 'TreeGridConditionalCellStyle2Component'], - ngDeclarations: ['TreeGridConditionalCellStyle2Component'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxInputGroupModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxTooltipModule', 'TreeGridMultiCollapsibleColumnGroupsComponent'], - ngDeclarations: ['TreeGridMultiCollapsibleColumnGroupsComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxTooltipModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridMultiCollapsibleColumnGroupsComponent' })); @@ -886,11 +592,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridAllDataSummaryComponent'], - ngDeclarations: ['TreeGridAllDataSummaryComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridAllDataSummaryComponent' })); @@ -898,13 +600,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxInputGroupModule', - 'IgxButtonGroupModule', 'IgxSwitchModule', 'TreeGridSummaryTemplateComponent'], - ngDeclarations: ['TreeGridSummaryTemplateComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxInputGroupModule', - 'IgxButtonGroupModule', 'IgxSwitchModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridSummaryTemplateComponent' })); @@ -913,24 +609,14 @@ export class TreeGridConfigGenerator implements IConfigGenerator { '/src/app/data/athletesData.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['TreeGridRightPinningSampleComponent', 'IgxTreeGridModule'], - ngDeclarations: ['TreeGridRightPinningSampleComponent'], - ngImports: ['IgxTreeGridModule'], - ngProviders: [] - }), + appConfig: BaseAppConfig, component: 'TreeGridRightPinningSampleComponent' })); configs.push(new Config({ component: 'TreeGridColumnSelectionComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['TreeGridColumnSelectionComponent', 'IgxTreeGridModule', 'IgxPreventDocumentScrollModule', 'IgxInputGroupModule', 'IgxSelectModule'], - ngDeclarations: ['TreeGridColumnSelectionComponent'], - ngImports: ['IgxTreeGridModule', 'IgxPreventDocumentScrollModule', 'IgxInputGroupModule', 'IgxSelectModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -939,56 +625,31 @@ export class TreeGridConfigGenerator implements IConfigGenerator { '/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['TreeGridColumnGroupSelectionComponent', 'IgxTreeGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['TreeGridColumnGroupSelectionComponent'], - ngImports: ['IgxTreeGridModule', 'IgxPreventDocumentScrollModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'TreeGridColumnSelectionStylesComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['TreeGridColumnSelectionStylesComponent', 'IgxTreeGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['TreeGridColumnSelectionStylesComponent'], - ngImports: ['IgxTreeGridModule', 'IgxPreventDocumentScrollModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'TreeGridRowPinningSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['TreeGridRowPinningSampleComponent', 'IgxActionStripModule', 'IgxSwitchModule', 'IgxTreeGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['TreeGridRowPinningSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxActionStripModule', 'IgxSwitchModule', 'IgxTreeGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'TreeGridRowPinningExtraColumnSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts', '/src/app/services/svgIcons.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['TreeGridRowPinningExtraColumnSampleComponent', 'IgxTreeGridModule', 'IgxSwitchModule', 'IgxIconModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['TreeGridRowPinningExtraColumnSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxSwitchModule', 'IgxIconModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ component: 'TreeGridRowPinningStylingSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['TreeGridRowPinningStylingSampleComponent', 'IgxActionStripModule', 'IgxTreeGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['TreeGridRowPinningStylingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxActionStripModule', 'IgxTreeGridModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -996,21 +657,12 @@ export class TreeGridConfigGenerator implements IConfigGenerator { additionalFiles: [ '/src/app/tree-grid/data/employees-flat-detailed.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['TGridKeyboardnavGuide', 'IgxTreeGridModule', 'IgxListModule', 'IgxOverlayService'], - ngDeclarations: ['TGridKeyboardnavGuide'], - ngImports: ['IgxTreeGridModule', 'IgxListModule'], - ngProviders: ['IgxOverlayService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/tree-grid-remote-paging-default-template/remotePagingService.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridRemotePagingDefaultTemplateComponent'], - ngDeclarations: ['TreeGridRemotePagingDefaultTemplateComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridRemotePagingDefaultTemplateComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -1021,13 +673,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { '/src/app/tree-grid/tree-grid-save-state/data.ts', '/src/app/tree-grid/tree-grid-save-state/about.component.ts', '/src/app/tree-grid/tree-grid-save-state/about.component.html'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxCheckboxModule', 'IgxIconModule', 'IgxButtonModule', 'TGridSaveStateComponent', 'TGridAboutComponent', 'Router', 'RouterModule'], - ngDeclarations: ['TGridSaveStateComponent', 'TGridAboutComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxCheckboxModule', 'IgxIconModule', 'IgxButtonModule', - 'RouterModule.forRoot([\{component: TGridAboutComponent, path: \'tree-grid-state-about\'},\{component: TGridSaveStateComponent, path: \'tree-grid-state\'},\{ path: \'\', redirectTo: \'/tree-grid-state\', pathMatch: \'full\' }])'] - - }), + appConfig: BaseAppConfig, component: 'TGridSaveStateComponent', shortenComponentPathBy: '/tree-grid/' }); @@ -1036,68 +682,42 @@ export class TreeGridConfigGenerator implements IConfigGenerator { configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridExternalOutletComponent', 'IgxToggleModule'], - ngDeclarations: ['TreeGridExternalOutletComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxToggleModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridExternalOutletComponent', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridExportVisualizationComponent', 'IgxToggleModule' , 'IgxButtonModule', - 'IgxExcelExporterService', 'IgxCsvExporterService'], - ngDeclarations: ['TreeGridExportVisualizationComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxToggleModule', 'IgxButtonModule'], - ngProviders: ['IgxExcelExporterService', 'IgxCsvExporterService'] - }), + appConfig: BaseAppConfig, component: 'TreeGridExportVisualizationComponent', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'TGridEditingLifecycleComponent', 'IgxTreeGridModule', 'IgxSwitchModule', 'IgxIconModule', 'IgxButtonModule'], - ngDeclarations: ['TGridEditingLifecycleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxSwitchModule', 'IgxIconModule', 'IgxButtonModule'] - }), + appConfig: BaseAppConfig, component: 'TGridEditingLifecycleComponent', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts', '/src/app/tree-grid/tree-grid-add-row-sample/employee.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridAddRowSampleComponent', 'IgxIconModule', 'IgxActionStripModule'], - ngDeclarations: ['TreeGridAddRowSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule', 'IgxActionStripModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridAddRowSampleComponent', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridFormattedFilteringStrategyComponent'], - ngDeclarations: ['TreeGridFormattedFilteringStrategyComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridFormattedFilteringStrategyComponent', shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridTreeFilterViewComponent'], - ngDeclarations: ['TreeGridTreeFilterViewComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridTreeFilterViewComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -1105,44 +725,28 @@ export class TreeGridConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'TreeGridSummaryFormatterComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['TreeGridSummaryFormatterComponent', 'IgxTreeGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['TreeGridSummaryFormatterComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ component: 'TreeGridRowClassesComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['TreeGridRowClassesComponent', 'IgxTreeGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['TreeGridRowClassesComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ component: 'TreeGridRowStylesComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['TreeGridRowStylesComponent', 'IgxTreeGridModule', 'IgxPreventDocumentScrollModule'], - ngDeclarations: ['TreeGridRowStylesComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, shortenComponentPathBy: '/tree-grid/' })); configs.push(new Config({ component: 'TreeGridActionStripSampleComponent', additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts', '/src/app/data/utils.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['TreeGridActionStripSampleComponent', 'IgxTreeGridModule', 'IgxDialogModule', 'IgxButtonModule', 'IgxPreventDocumentScrollModule', 'IgxActionStripModule'], - ngDeclarations: ['TreeGridActionStripSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxDialogModule', 'IgxButtonModule', 'IgxActionStripModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -1151,12 +755,7 @@ export class TreeGridConfigGenerator implements IConfigGenerator { '/src/app/data/utils.ts', '/src/app/tree-grid/data/employees-flat.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridValidatorServiceComponent', - 'IgxButtonModule', 'IgxSwitchModule'], - ngDeclarations: ['TreeGridValidatorServiceComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxSwitchModule'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -1165,22 +764,13 @@ export class TreeGridConfigGenerator implements IConfigGenerator { '/src/app/data/utils.ts', '/src/app/tree-grid/data/employees-flat-detailed.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridValidatorServiceCrossFieldComponent', - 'IgxButtonModule', 'IgxTooltipModule', 'ReactiveFormsModule'], - ngDeclarations: ['TreeGridValidatorServiceCrossFieldComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule', 'IgxTooltipModule', 'ReactiveFormsModule'] - }) + appConfig: BaseAppConfig })); // TreeGrid Validation Style configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/employees-flat.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridValidationStyleComponent'], - ngDeclarations: ['TreeGridValidationStyleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridValidationStyleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -1191,22 +781,12 @@ export class TreeGridConfigGenerator implements IConfigGenerator { '/src/app/data/utils.ts', '/src/app/tree-grid/data/employees-flat.ts' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridValidatorServiceExtendedComponent', - 'IgxButtonModule'], - ngDeclarations: ['TreeGridValidatorServiceExtendedComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonModule'] - }) + appConfig: BaseAppConfig })); - configs.push(new Config({ + configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/tree-grid/data/orders.ts'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridSummaryExportComponent', 'IgxIconModule', 'IgxExcelExporterService'], - ngDeclarations: ['TreeGridSummaryExportComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxIconModule'], - ngProviders: ['IgxExcelExporterService'] - }), + appConfig: BaseAppConfig, component: 'TreeGridSummaryExportComponent', shortenComponentPathBy: '/tree-grid/' })); diff --git a/live-editing/configs/app-dv-configs/DVGridConfig.ts b/live-editing/configs/app-dv-configs/DVGridConfig.ts index 7a1dd051e9..94fe81f244 100644 --- a/live-editing/configs/app-dv-configs/DVGridConfig.ts +++ b/live-editing/configs/app-dv-configs/DVGridConfig.ts @@ -1,49 +1,54 @@ /* eslint-disable max-len */ /* eslint-disable @typescript-eslint/naming-convention */ -import {HttpClientModule} from '@angular/common/http'; +import { HttpClientModule } from '@angular/common/http'; import { Router, RouterModule } from '@angular/router'; -import {IgxAvatarModule, -IgxBadgeModule, -IgxButtonGroupModule, -IgxButtonModule, -IgxCheckboxModule, -IgxCsvExporterService, -IgxDialogModule, -IgxDividerModule, -IgxExcelExporterService, -IgxGridModule, -IgxIconModule, -IgxInputGroupModule, -IgxProgressBarModule, -IgxRippleModule, -IgxSliderModule, -IgxSwitchModule, -IgxTabsModule, -IgxToggleModule, -IgxToastModule, -IgxFocusModule, -IgxGridComponent} from 'igniteui-angular'; -import {IgxCategoryChartModule, -IgxLegendModule, -IgxPieChartModule, -IgxSparklineCoreModule, -IgxSparklineModule} from 'igniteui-angular-charts'; +import { + IgxAvatarModule, + IgxBadgeModule, + IgxButtonGroupModule, + IgxButtonModule, + IgxCheckboxModule, + IgxCsvExporterService, + IgxDialogModule, + IgxDividerModule, + IgxExcelExporterService, + IgxGridModule, + IgxIconModule, + IgxInputGroupModule, + IgxProgressBarModule, + IgxRippleModule, + IgxSliderModule, + IgxSwitchModule, + IgxTabsModule, + IgxToggleModule, + IgxToastModule, + IgxFocusModule, + IgxGridComponent +} from 'igniteui-angular'; +import { + IgxCategoryChartModule, + IgxLegendModule, + IgxPieChartModule, + IgxSparklineCoreModule, + IgxSparklineModule +} from 'igniteui-angular-charts'; import { Config, IConfigGenerator, AppModuleConfig, DependenciesType } from 'igniteui-live-editing'; -import {CUSTOM_ELEMENTS_SCHEMA} from '@angular/core'; +import { BaseAppConfig } from '../BaseConfig'; +import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; export class DVGridConfigGenerator implements IConfigGenerator { public additionalImports = { IgxPreventDocumentScrollModule: '../../../src/app/directives/prevent-scroll.directive', - ControllerComponent : '../../../projects/app-lob/src/app/grid-finjs/controllers.component', - GridFinJSComponent : '../../../projects/app-lob/src/app/grid-finjs/grid-finjs.component', - SignalRService : '../../../projects/app-lob/src/app/services/signal-r.service', - FloatingPanesService : '../../../projects/app-lob/src/app/services/floating-panes.service', + ControllerComponent: '../../../projects/app-lob/src/app/grid-finjs/controllers.component', + GridFinJSComponent: '../../../projects/app-lob/src/app/grid-finjs/grid-finjs.component', + SignalRService: '../../../projects/app-lob/src/app/services/signal-r.service', + FloatingPanesService: '../../../projects/app-lob/src/app/services/floating-panes.service', DockSlotComponent: '../../../projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component', GridHostDirective: '../../../projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component', FinancialDataService: '../../../projects/app-lob/src/app/services/financial.service' -}; + }; public generateConfigs(): Config[] { const configs = new Array(); @@ -55,16 +60,7 @@ export class DVGridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/projects/app-lob/src/app/data/athletesData.ts', '/projects/app-lob/src/_app-layout.scss', '/projects/app-lob/src/_variables.scss'], additionalDependencies: ['igniteui-angular-charts', 'igniteui-angular-core'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'HttpClientModule', 'IgxAvatarModule', 'IgxBadgeModule', 'IgxButtonModule', - 'IgxGridModule', 'IgxIconModule', 'IgxInputGroupModule', 'IgxProgressBarModule', - 'IgxRippleModule', 'IgxSwitchModule', 'GridComponent', - 'IgxSparklineCoreModule', 'IgxSparklineModule'], - ngDeclarations: ['GridComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxAvatarModule', 'IgxBadgeModule', 'IgxButtonModule', 'IgxGridModule', - 'IgxIconModule', 'IgxInputGroupModule', 'IgxProgressBarModule', 'IgxRippleModule', - 'IgxSwitchModule', 'HttpClientModule', 'IgxSparklineCoreModule', 'IgxSparklineModule'] - }) + appConfig: BaseAppConfig })); // master-detail sample @@ -73,15 +69,7 @@ export class DVGridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/projects/app-lob/src/app/data/employeesData.ts', '/projects/app-lob/src/_app-layout.scss', '/projects/app-lob/src/_variables.scss'], additionalDependencies: ['igniteui-angular-charts', 'igniteui-angular-core'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'GridMasterDetailSampleComponent', 'IgxGridModule', 'IgxCategoryChartModule', - 'IgxAvatarModule', 'IgxTabsModule', 'IgxIconModule', 'IgxPieChartModule', 'IgxLegendModule', - 'IgxDividerModule'], - ngDeclarations: ['GridMasterDetailSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxCategoryChartModule', 'IgxPieChartModule', 'IgxLegendModule', - 'IgxAvatarModule', 'IgxTabsModule', 'IgxIconModule', 'IgxDividerModule'], - ngProviders: [] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -98,17 +86,7 @@ export class DVGridConfigGenerator implements IConfigGenerator { '/projects/app-lob/src/app/grid-finjs/grid-finjs.component.scss', '/projects/app-lob/src/_app-layout.scss', '/projects/app-lob/src/_variables.scss' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxCategoryChartModule', - 'IgxGridModule', 'IgxButtonGroupModule', 'IgxFocusModule', 'IgxIconModule', 'IgxSliderModule', 'IgxToggleModule', - 'IgxButtonModule', 'IgxExcelExporterService', 'IgxCsvExporterService', 'IgxSwitchModule', - 'IgxRippleModule', 'FinJSDemoComponent', 'IgxDialogModule', 'FinancialDataService','ControllerComponent', 'GridFinJSComponent', 'IgxToastModule', - 'HttpClientModule', 'SignalRService', 'RouterModule'], - ngDeclarations: ['FinJSDemoComponent','ControllerComponent', 'GridFinJSComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxButtonGroupModule', 'IgxFocusModule', 'IgxIconModule', 'IgxSliderModule', 'IgxToggleModule', - 'IgxButtonModule', 'IgxSwitchModule', 'IgxRippleModule', 'IgxCategoryChartModule', 'IgxDialogModule', 'IgxToastModule', 'HttpClientModule', 'RouterModule', 'RouterModule.forRoot([])'], - ngProviders: ['FinancialDataService', 'IgxExcelExporterService', 'IgxCsvExporterService', 'SignalRService'] - }) + appConfig: BaseAppConfig })); configs.push(new Config({ @@ -121,21 +99,7 @@ export class DVGridConfigGenerator implements IConfigGenerator { '/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts', '/projects/app-lob/src/_app-layout.scss', '/projects/app-lob/src/_variables.scss' ], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxCategoryChartModule', - 'IgxGridModule', 'IgxButtonGroupModule', 'IgxIconModule', 'IgxSliderModule', 'IgxToggleModule', - 'IgxButtonModule', 'IgxExcelExporterService', 'IgxCsvExporterService', 'IgxSwitchModule', - 'IgxRippleModule', 'GridFinJSDockManagerComponent', 'IgxDialogModule', 'IgxToastModule', - 'HttpClientModule', 'SignalRService', 'CUSTOM_ELEMENTS_SCHEMA', 'FloatingPanesService', 'DockSlotComponent', - 'IgxGridComponent', 'GridHostDirective'], - schemas: ['CUSTOM_ELEMENTS_SCHEMA'], - ngDeclarations: ['GridFinJSDockManagerComponent', 'DockSlotComponent', 'GridHostDirective'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxButtonGroupModule', 'IgxIconModule', 'IgxSliderModule', 'IgxToggleModule', - 'IgxButtonModule', 'IgxSwitchModule', 'IgxRippleModule', 'IgxCategoryChartModule', 'IgxDialogModule', 'IgxToastModule', 'HttpClientModule'], - ngProviders: ['IgxExcelExporterService', 'IgxCsvExporterService', 'SignalRService', 'FloatingPanesService'], - additionalAdjustments: [dockManagerImport, defineCustomElements], - ngEntryComponents: ['IgxGridComponent', 'DockSlotComponent'] - }) + appConfig: BaseAppConfig })); return configs; diff --git a/live-editing/configs/app-dv-configs/DVHierarchicalGridConfig.ts b/live-editing/configs/app-dv-configs/DVHierarchicalGridConfig.ts index c44ba344aa..2a63b92923 100644 --- a/live-editing/configs/app-dv-configs/DVHierarchicalGridConfig.ts +++ b/live-editing/configs/app-dv-configs/DVHierarchicalGridConfig.ts @@ -1,9 +1,12 @@ /* eslint-disable max-len */ /* eslint-disable @typescript-eslint/naming-convention */ -import {IgxHierarchicalGridModule} from 'igniteui-angular'; -import {IgxSparklineCoreModule, -IgxSparklineModule} from 'igniteui-angular-charts'; +import { IgxHierarchicalGridModule } from 'igniteui-angular'; +import { + IgxSparklineCoreModule, + IgxSparklineModule +} from 'igniteui-angular-charts'; import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing'; +import { BaseAppConfig } from '../BaseConfig'; export class DVHierarchicalGridConfigGenerator implements IConfigGenerator { public additionalImports = { @@ -18,13 +21,7 @@ export class DVHierarchicalGridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/singersData.ts', '/src/app/hierarchical-grid/models.ts', '/projects/app-lob/src/_app-layout.scss', '/projects/app-lob/src/_variables.scss', '/src/app/services/remoteValues.service.ts'], additionalDependencies: ['igniteui-angular-charts', 'igniteui-angular-core'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'HGridColumnResizingSampleComponent', 'IgxSparklineCoreModule', 'IgxSparklineModule', - 'RemoteValuesService'], - ngDeclarations: ['HGridColumnResizingSampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxHierarchicalGridModule', 'IgxSparklineCoreModule', 'IgxSparklineModule'], - ngProviders: ['RemoteValuesService'] - }), + appConfig: BaseAppConfig, component: 'HGridColumnResizingSampleComponent' })); diff --git a/live-editing/configs/app-dv-configs/DVTreeGridConfig.ts b/live-editing/configs/app-dv-configs/DVTreeGridConfig.ts index 963c4c5eb3..10cae900a0 100644 --- a/live-editing/configs/app-dv-configs/DVTreeGridConfig.ts +++ b/live-editing/configs/app-dv-configs/DVTreeGridConfig.ts @@ -1,55 +1,51 @@ /* eslint-disable max-len */ /* eslint-disable @typescript-eslint/naming-convention */ -import {HttpClientModule} from '@angular/common/http'; -import {IgxButtonGroupModule, -IgxButtonModule, -IgxCsvExporterService, -IgxExcelExporterService, -IgxIconModule, -IgxRippleModule, -IgxSliderModule, -IgxSwitchModule, -IgxToggleModule, -IgxTreeGridModule} from 'igniteui-angular'; -import {IgxSparklineCoreModule, -IgxSparklineModule} from 'igniteui-angular-charts'; +import { HttpClientModule } from '@angular/common/http'; +import { + IgxButtonGroupModule, + IgxButtonModule, + IgxCsvExporterService, + IgxExcelExporterService, + IgxIconModule, + IgxRippleModule, + IgxSliderModule, + IgxSwitchModule, + IgxToggleModule, + IgxTreeGridModule +} from 'igniteui-angular'; +import { + IgxSparklineCoreModule, + IgxSparklineModule +} from 'igniteui-angular-charts'; import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing'; +import { BaseAppConfig } from '../BaseConfig'; export class DVTreeGridConfigGenerator implements IConfigGenerator { public additionalImports = { FinancialDataService: '../../../projects/app-lob/src/app/services/financial.service', IgxPreventDocumentScrollModule: '../../../src/app/directives/prevent-scroll.directive', - SignalRService : '../../../projects/app-lob/src/app/services/signal-r.service' -}; + SignalRService: '../../../projects/app-lob/src/app/services/signal-r.service' + }; public generateConfigs(): Config[] { const configs = new Array(); - // TreeGrid ChildDataKey Sample + // TreeGrid ChildDataKey Sample configs.push(new Config({ - additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/data.ts', - '/projects/app-lob/src/_app-layout.scss', '/projects/app-lob/src/_variables.scss'], - additionalDependencies: ['igniteui-angular-charts', 'igniteui-angular-core'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridChilddatakeySampleComponent', 'IgxExcelExporterService', 'IgxCsvExporterService', 'IgxSparklineCoreModule', 'IgxSparklineModule'], - ngDeclarations: ['TreeGridChilddatakeySampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxSparklineCoreModule', 'IgxSparklineModule'], - ngProviders: ['IgxExcelExporterService', 'IgxCsvExporterService'] - }), - component: 'TreeGridChilddatakeySampleComponent', - shortenComponentPathBy: '/tree-grid/' - })); + additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/data.ts', + '/projects/app-lob/src/_app-layout.scss', '/projects/app-lob/src/_variables.scss'], + additionalDependencies: ['igniteui-angular-charts', 'igniteui-angular-core'], + appConfig: BaseAppConfig, + component: 'TreeGridChilddatakeySampleComponent', + shortenComponentPathBy: '/tree-grid/' + })); // TreeGrid Primary/Foreign Key Sample configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/data.ts', '/projects/app-lob/src/_app-layout.scss', '/projects/app-lob/src/_variables.scss'], additionalDependencies: ['igniteui-angular-charts', 'igniteui-angular-core'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'TreeGridPrimaryforeignkeySampleComponent', 'IgxSparklineCoreModule', 'IgxSparklineModule'], - ngDeclarations: ['TreeGridPrimaryforeignkeySampleComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxSparklineCoreModule', 'IgxSparklineModule'] - }), + appConfig: BaseAppConfig, component: 'TreeGridPrimaryforeignkeySampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -59,15 +55,7 @@ export class DVTreeGridConfigGenerator implements IConfigGenerator { additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/projects/app-lob/src/app/services/financial.service.ts', '/projects/app-lob/src/app/data/financialData.ts', '/projects/app-lob/src/app/services/signal-r.service.ts', '/projects/app-lob/src/_app-layout.scss', '/projects/app-lob/src/_variables.scss'], - appModuleConfig: new AppModuleConfig({ - imports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonGroupModule', 'IgxIconModule', 'IgxSliderModule', 'IgxToggleModule', - 'IgxButtonModule', 'IgxExcelExporterService', 'IgxSwitchModule', 'IgxRippleModule', 'TreeGridFinJSComponent', - 'FinancialDataService', 'HttpClientModule', 'SignalRService'], - ngDeclarations: ['TreeGridFinJSComponent'], - ngImports: ['IgxPreventDocumentScrollModule', 'IgxTreeGridModule', 'IgxButtonGroupModule', 'IgxIconModule', 'IgxSliderModule', 'IgxToggleModule', - 'IgxButtonModule', 'IgxSwitchModule', 'IgxRippleModule', 'HttpClientModule'], - ngProviders: ['FinancialDataService', 'IgxExcelExporterService', 'SignalRService'] - }), + appConfig: BaseAppConfig, component: 'TreeGridFinJSComponent' })); diff --git a/live-editing/generators/ConfigGenerators.ts b/live-editing/generators/ConfigGenerators.ts index 1c8e2d4ed9..1c868d517e 100644 --- a/live-editing/generators/ConfigGenerators.ts +++ b/live-editing/generators/ConfigGenerators.ts @@ -1,4 +1,5 @@ -import { Config, IConfigGenerator } from 'igniteui-live-editing'; +import { Config, IConfigGenerator } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; import { ActionStripConfigGenerator } from '../configs/ActionStripConfigGenerator'; import { AutocompleteConfigGenerator } from '../configs/AutocompleteConfigGenerator'; import { AvatarConfigGenerator } from '../configs/AvatarConfigGenerator'; diff --git a/package-lock.json b/package-lock.json index 5a3704e55c..c95675b18c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -23,7 +23,7 @@ "@angular/router": "^19.0.0", "@igniteui/material-icons-extended": "^3.1.0", "@microsoft/signalr": "^8.0.7", - "@ng-bootstrap/ng-bootstrap": "^17.0.0", + "@ng-bootstrap/ng-bootstrap": "^18.0.0", "@popperjs/core": "2.11.8", "@types/file-saver": "^2.0.2", "@types/hammerjs": "^2.0.39", @@ -37,7 +37,7 @@ "igniteui-angular-extras": "^19.0.0", "igniteui-angular-i18n": "^19.0.0", "igniteui-dockmanager": "^1.14.2", - "igniteui-live-editing": "^2.3.0", + "igniteui-live-editing": "^3.0.0-alpha.0", "igniteui-webcomponents": "^5.1.2", "minireset.css": "0.0.6", "rxjs": "^7.8.1", @@ -54,7 +54,7 @@ "@angular/cli": "^19.0.0", "@angular/compiler-cli": "^19.0.0", "@angular/language-service": "^19.0.0", - "@igniteui/angular-schematics": "18.2.1423", + "@igniteui/angular-schematics": "19.0.1436", "@juggle/resize-observer": "^3.3.1", "@types/jasmine": "^5.1.2", "@types/jasminewd2": "^2.0.13", @@ -3170,356 +3170,43 @@ "license": "BSD-3-Clause" }, "node_modules/@igniteui/angular-schematics": { - "version": "18.2.1423", - "resolved": "https://registry.npmjs.org/@igniteui/angular-schematics/-/angular-schematics-18.2.1423.tgz", - "integrity": "sha512-OqLNXV5XKaj89Zc0eyFEHmDj62iStDIVGBDB+cPYLXjIYmGDoIdICmstZ3k1Maqg8a/4gEdf4c1tkq9CUHfktg==", + "version": "19.0.1436", + "resolved": "https://registry.npmjs.org/@igniteui/angular-schematics/-/angular-schematics-19.0.1436.tgz", + "integrity": "sha512-WLu73bWaUZIt4NDf57i2eReTwo1QEZAVCynbeS//K/3LEgIMI5zPkESWINqmkbMpXOoIi890l94jwqXcYUfc/g==", "dev": true, "hasInstallScript": true, - "license": "MIT", "dependencies": { - "@angular-devkit/core": "^18.2.4", - "@angular-devkit/schematics": "^18.2.4", - "@igniteui/angular-templates": "~18.2.1423", - "@igniteui/cli-core": "~14.2.3", - "@schematics/angular": "~14.0.0", + "@angular-devkit/core": "^19.0.0", + "@angular-devkit/schematics": "^19.0.0", + "@igniteui/angular-templates": "~19.0.1436", + "@igniteui/cli-core": "~14.3.6", + "@schematics/angular": "~19.0.0", + "minimatch": "^10.0.1", "rxjs": "^7.8.1" } }, - "node_modules/@igniteui/angular-schematics/node_modules/@angular-devkit/core": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-18.2.12.tgz", - "integrity": "sha512-NtB6ypsaDyPE6/fqWOdfTmACs+yK5RqfH5tStEzWFeeDsIEDYKsJ06ypuRep7qTjYus5Rmttk0Ds+cFgz8JdUQ==", - "dev": true, - "dependencies": { - "ajv": "8.17.1", - "ajv-formats": "3.0.1", - "jsonc-parser": "3.3.1", - "picomatch": "4.0.2", - "rxjs": "7.8.1", - "source-map": "0.7.4" - }, - "engines": { - "node": "^18.19.1 || ^20.11.1 || >=22.0.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" - }, - "peerDependencies": { - "chokidar": "^3.5.2" - }, - "peerDependenciesMeta": { - "chokidar": { - "optional": true - } - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/@angular-devkit/schematics": { - "version": "18.2.12", - "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-18.2.12.tgz", - "integrity": "sha512-mMea9txHbnCX5lXLHlo0RAgfhFHDio45/jMsREM2PA8UtVf2S8ltXz7ZwUrUyMQRv8vaSfn4ijDstF4hDMnRgQ==", - "dev": true, - "dependencies": { - "@angular-devkit/core": "18.2.12", - "jsonc-parser": "3.3.1", - "magic-string": "0.30.11", - "ora": "5.4.1", - "rxjs": "7.8.1" - }, - "engines": { - "node": "^18.19.1 || ^20.11.1 || >=22.0.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/@schematics/angular": { - "version": "14.0.7", - "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-14.0.7.tgz", - "integrity": "sha512-I0v1gNFpm9ReL/hUzwjjOa+hk0qvlXv/vjITAWnlUV5dba6FZxzwsrTGsGO6t5XMNsm6QtwpDYDRdy9uy/n/1g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@angular-devkit/core": "14.0.7", - "@angular-devkit/schematics": "14.0.7", - "jsonc-parser": "3.0.0" - }, - "engines": { - "node": "^14.15.0 || >=16.10.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/@schematics/angular/node_modules/@angular-devkit/core": { - "version": "14.0.7", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-14.0.7.tgz", - "integrity": "sha512-XBqK2OMVKkV1Ltkh4aBsoHoDJQlins5a6qa/ZMjW4reYx90qLERs8ZfeWlRUWhvn2/ohx4aPq77jwSR5avp/Cw==", - "dev": true, - "license": "MIT", - "dependencies": { - "ajv": "8.11.0", - "ajv-formats": "2.1.1", - "jsonc-parser": "3.0.0", - "rxjs": "6.6.7", - "source-map": "0.7.3" - }, - "engines": { - "node": "^14.15.0 || >=16.10.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" - }, - "peerDependencies": { - "chokidar": "^3.5.2" - }, - "peerDependenciesMeta": { - "chokidar": { - "optional": true - } - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/@schematics/angular/node_modules/@angular-devkit/schematics": { - "version": "14.0.7", - "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-14.0.7.tgz", - "integrity": "sha512-nJUJXCBQr7rmVn6IXFAXMCWAB1w6JQmFGuFVW0G3GH/A0e+A3ttzJc6qVLYluqaFoafw394cZu24YJo55E/+Zg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@angular-devkit/core": "14.0.7", - "jsonc-parser": "3.0.0", - "magic-string": "0.26.1", - "ora": "5.4.1", - "rxjs": "6.6.7" - }, - "engines": { - "node": "^14.15.0 || >=16.10.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/@schematics/angular/node_modules/ajv": { - "version": "8.11.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz", - "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==", - "dev": true, - "license": "MIT", - "dependencies": { - "fast-deep-equal": "^3.1.1", - "json-schema-traverse": "^1.0.0", - "require-from-string": "^2.0.2", - "uri-js": "^4.2.2" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/epoberezkin" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/@schematics/angular/node_modules/ajv-formats": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", - "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", - "dev": true, - "license": "MIT", - "dependencies": { - "ajv": "^8.0.0" - }, - "peerDependencies": { - "ajv": "^8.0.0" - }, - "peerDependenciesMeta": { - "ajv": { - "optional": true - } - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/@schematics/angular/node_modules/jsonc-parser": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.0.0.tgz", - "integrity": "sha512-fQzRfAbIBnR0IQvftw9FJveWiHp72Fg20giDrHz6TdfB12UH/uue0D3hm57UB5KgAVuniLMCaS8P1IMj9NR7cA==", - "dev": true, - "license": "MIT" - }, - "node_modules/@igniteui/angular-schematics/node_modules/@schematics/angular/node_modules/magic-string": { - "version": "0.26.1", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.26.1.tgz", - "integrity": "sha512-ndThHmvgtieXe8J/VGPjG+Apu7v7ItcD5mhEIvOscWjPF/ccOiLxHaSuCAS2G+3x4GKsAbT8u7zdyamupui8Tg==", - "dev": true, - "license": "MIT", - "dependencies": { - "sourcemap-codec": "^1.4.8" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/@schematics/angular/node_modules/rxjs": { - "version": "6.6.7", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz", - "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "tslib": "^1.9.0" - }, - "engines": { - "npm": ">=2.0.0" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/@schematics/angular/node_modules/source-map": { - "version": "0.7.3", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", - "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==", - "dev": true, - "license": "BSD-3-Clause", - "engines": { - "node": ">= 8" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/anymatch": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", - "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", - "dev": true, - "optional": true, - "peer": true, - "dependencies": { - "normalize-path": "^3.0.0", - "picomatch": "^2.0.4" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/anymatch/node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, - "optional": true, - "peer": true, - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/binary-extensions": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", - "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==", - "dev": true, - "optional": true, - "peer": true, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/chokidar": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", - "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", - "dev": true, - "optional": true, - "peer": true, - "dependencies": { - "anymatch": "~3.1.2", - "braces": "~3.0.2", - "glob-parent": "~5.1.2", - "is-binary-path": "~2.1.0", - "is-glob": "~4.0.1", - "normalize-path": "~3.0.0", - "readdirp": "~3.6.0" - }, - "engines": { - "node": ">= 8.10.0" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - }, - "optionalDependencies": { - "fsevents": "~2.3.2" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, - "optional": true, - "peer": true, - "dependencies": { - "is-glob": "^4.0.1" - }, - "engines": { - "node": ">= 6" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/is-binary-path": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", - "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", - "dev": true, - "optional": true, - "peer": true, - "dependencies": { - "binary-extensions": "^2.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/magic-string": { - "version": "0.30.11", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz", - "integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==", + "node_modules/@igniteui/angular-schematics/node_modules/minimatch": { + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.0.1.tgz", + "integrity": "sha512-ethXTt3SGGR+95gudmqJ1eNhRO7eGEGIgYA9vnPatK4/etz2MEVDno5GMCibdMTuBMyElzIlgxMna3K94XDIDQ==", "dev": true, "dependencies": { - "@jridgewell/sourcemap-codec": "^1.5.0" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/readdirp": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", - "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dev": true, - "optional": true, - "peer": true, - "dependencies": { - "picomatch": "^2.2.1" + "brace-expansion": "^2.0.1" }, "engines": { - "node": ">=8.10.0" - } - }, - "node_modules/@igniteui/angular-schematics/node_modules/readdirp/node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, - "optional": true, - "peer": true, - "engines": { - "node": ">=8.6" + "node": "20 || >=22" }, "funding": { - "url": "https://github.com/sponsors/jonschlinkert" + "url": "https://github.com/sponsors/isaacs" } }, - "node_modules/@igniteui/angular-schematics/node_modules/tslib": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", - "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", - "dev": true, - "license": "0BSD" - }, "node_modules/@igniteui/angular-templates": { - "version": "18.2.1423", - "resolved": "https://registry.npmjs.org/@igniteui/angular-templates/-/angular-templates-18.2.1423.tgz", - "integrity": "sha512-P8R/OUzXp18ytcrhP4ihqB5VASrvJPAhS5Lt8mGCceQGov9E+AmvBxxVEJ7vZxSQH8VpT58LdrUK3FgO7gaMzA==", + "version": "19.0.1436", + "resolved": "https://registry.npmjs.org/@igniteui/angular-templates/-/angular-templates-19.0.1436.tgz", + "integrity": "sha512-nHcpC2tsbpgNmFh4+2xgB2swUeaZU6ciHRvuut1si8nQjn7EpLPSrThLvUZnfCXRi+t3moxAaAIiMR7D7hr44A==", "dev": true, - "license": "MIT", "dependencies": { - "@igniteui/cli-core": "~14.2.3", + "@igniteui/cli-core": "~14.3.6", "typescript": "~5.5.4" } }, @@ -3528,7 +3215,6 @@ "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz", "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==", "dev": true, - "license": "Apache-2.0", "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -3538,16 +3224,15 @@ } }, "node_modules/@igniteui/cli-core": { - "version": "14.2.3", - "resolved": "https://registry.npmjs.org/@igniteui/cli-core/-/cli-core-14.2.3.tgz", - "integrity": "sha512-gIUbZjTIVLTtd/6dMtn/PqLWsP4YhNIMD3uqBxkoODuJFIMYazwK7ZiRcyAME6yV/2Sj/CwOw5LF52svbW7jQg==", + "version": "14.3.6", + "resolved": "https://registry.npmjs.org/@igniteui/cli-core/-/cli-core-14.3.6.tgz", + "integrity": "sha512-I7scMa5oA7rMRMhPv6Tb8Lz0pi+8tLM/e/VY9VQj1xQWL40+safYnzfwjeTXXMvK4aKlQ4gM43Emdo+O6yQ5Kw==", "dev": true, - "license": "MIT", "dependencies": { - "@inquirer/prompts": "^5.4.0", + "@inquirer/prompts": "~5.4.0", "chalk": "^2.3.2", "glob": "^7.1.2", - "through2": "^4.0.2", + "through2": "^2.0.3", "typescript": "~5.5.4" } }, @@ -3556,7 +3241,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-2.5.0.tgz", "integrity": "sha512-sMgdETOfi2dUHT8r7TT1BTKOwNvdDGFDXYWtQ2J69SvlYNntk9I/gJe7r5yvMwwsuKnYbuRs3pNhx4tgNck5aA==", "dev": true, - "license": "MIT", "dependencies": { "@inquirer/core": "^9.1.0", "@inquirer/figures": "^1.0.5", @@ -3573,7 +3257,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-3.2.0.tgz", "integrity": "sha512-oOIwPs0Dvq5220Z8lGL/6LHRTEr9TgLHmiI99Rj1PJ1p1czTys+olrgBqZk4E2qC0YTzeHprxSQmoHioVdJ7Lw==", "dev": true, - "license": "MIT", "dependencies": { "@inquirer/core": "^9.1.0", "@inquirer/type": "^1.5.3" @@ -3587,7 +3270,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.2.1.tgz", "integrity": "sha512-F2VBt7W/mwqEU4bL0RnHNZmC/OxzNx9cOYxHqnXX3MP6ruYvZUZAW9imgN9+h/uBT/oP8Gh888J2OZSbjSeWcg==", "dev": true, - "license": "MIT", "dependencies": { "@inquirer/figures": "^1.0.6", "@inquirer/type": "^2.0.0", @@ -3611,7 +3293,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-2.0.0.tgz", "integrity": "sha512-XvJRx+2KR3YXyYtPUUy+qd9i7p+GO9Ko6VIIpWlBrpWwXDv8WLFeHTxz35CfQFUiBMLXlGHhGzys7lqit9gWag==", "dev": true, - "license": "MIT", "dependencies": { "mute-stream": "^1.0.0" }, @@ -3624,7 +3305,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-2.2.0.tgz", "integrity": "sha512-9KHOpJ+dIL5SZli8lJ6xdaYLPPzB8xB9GZItg39MBybzhxA16vxmszmQFrRwbOA918WA2rvu8xhDEg/p6LXKbw==", "dev": true, - "license": "MIT", "dependencies": { "@inquirer/core": "^9.1.0", "@inquirer/type": "^1.5.3", @@ -3639,7 +3319,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-2.3.0.tgz", "integrity": "sha512-qnJsUcOGCSG1e5DTOErmv2BPQqrtT6uzqn1vI/aYGiPKq+FgslGZmtdnXbhuI7IlT7OByDoEEqdnhUnVR2hhLw==", "dev": true, - "license": "MIT", "dependencies": { "@inquirer/core": "^9.1.0", "@inquirer/type": "^1.5.3", @@ -3654,7 +3333,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-2.3.0.tgz", "integrity": "sha512-XfnpCStx2xgh1LIRqPXrTNEEByqQWoxsWYzNRSEUxJ5c6EQlhMogJ3vHKu8aXuTacebtaZzMAHwEL0kAflKOBw==", "dev": true, - "license": "MIT", "dependencies": { "@inquirer/core": "^9.1.0", "@inquirer/type": "^1.5.3" @@ -3668,7 +3346,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-1.1.0.tgz", "integrity": "sha512-ilUnia/GZUtfSZy3YEErXLJ2Sljo/mf9fiKc08n18DdwdmDbOzRcTv65H1jjDvlsAuvdFXf4Sa/aL7iw/NanVA==", "dev": true, - "license": "MIT", "dependencies": { "@inquirer/core": "^9.1.0", "@inquirer/type": "^1.5.3" @@ -3682,7 +3359,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-2.2.0.tgz", "integrity": "sha512-5otqIpgsPYIshqhgtEwSspBQE40etouR8VIxzpJkv9i0dVHIpyhiivbkH9/dGiMLdyamT54YRdGJLfl8TFnLHg==", "dev": true, - "license": "MIT", "dependencies": { "@inquirer/core": "^9.1.0", "@inquirer/type": "^1.5.3", @@ -3693,16 +3369,15 @@ } }, "node_modules/@igniteui/cli-core/node_modules/@inquirer/prompts": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-5.5.0.tgz", - "integrity": "sha512-BHDeL0catgHdcHbSFFUddNzvx/imzJMft+tWDPwTm3hfu8/tApk1HrooNngB2Mb4qY+KaRWF+iZqoVUPeslEog==", + "version": "5.4.0", + "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-5.4.0.tgz", + "integrity": "sha512-HIQGd7JOX6WXf7zg7WGs+1m+e3eRFyL4mDtWRlV01AXqZido9W3BSoku2BR4E1lK/NCXok6jg6tTcLw4I0thfg==", "dev": true, - "license": "MIT", "dependencies": { "@inquirer/checkbox": "^2.5.0", "@inquirer/confirm": "^3.2.0", "@inquirer/editor": "^2.2.0", - "@inquirer/expand": "^2.3.0", + "@inquirer/expand": "^2.2.0", "@inquirer/input": "^2.3.0", "@inquirer/number": "^1.1.0", "@inquirer/password": "^2.2.0", @@ -3719,7 +3394,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-2.3.0.tgz", "integrity": "sha512-zzfNuINhFF7OLAtGHfhwOW2TlYJyli7lOUoJUXw/uyklcwalV6WRXBXtFIicN8rTRK1XTiPWB4UY+YuW8dsnLQ==", "dev": true, - "license": "MIT", "dependencies": { "@inquirer/core": "^9.1.0", "@inquirer/type": "^1.5.3", @@ -3734,7 +3408,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-1.1.0.tgz", "integrity": "sha512-h+/5LSj51dx7hp5xOn4QFnUaKeARwUCLs6mIhtkJ0JYPBLmEYjdHSYh7I6GrLg9LwpJ3xeX0FZgAG1q0QdCpVQ==", "dev": true, - "license": "MIT", "dependencies": { "@inquirer/core": "^9.1.0", "@inquirer/figures": "^1.0.5", @@ -3750,7 +3423,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-2.5.0.tgz", "integrity": "sha512-YmDobTItPP3WcEI86GvPo+T2sRHkxxOq/kXmsBjHS5BVXUgvgZ5AfJjkvQvZr03T81NnI3KrrRuMzeuYUQRFOA==", "dev": true, - "license": "MIT", "dependencies": { "@inquirer/core": "^9.1.0", "@inquirer/figures": "^1.0.5", @@ -3767,7 +3439,6 @@ "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-1.5.5.tgz", "integrity": "sha512-MzICLu4yS7V8AA61sANROZ9vT1H3ooca5dSmI1FjZkzq7o/koMsRfQSzRtFo+F3Ao4Sf1C0bpLKejpKB/+j6MA==", "dev": true, - "license": "MIT", "dependencies": { "mute-stream": "^1.0.0" }, @@ -3776,13 +3447,12 @@ } }, "node_modules/@igniteui/cli-core/node_modules/@types/node": { - "version": "22.9.1", - "resolved": "https://registry.npmjs.org/@types/node/-/node-22.9.1.tgz", - "integrity": "sha512-p8Yy/8sw1caA8CdRIQBG5tiLHmxtQKObCijiAa9Ez+d4+PRffM4054xbju0msf+cvhJpnFEeNjxmVT/0ipktrg==", + "version": "22.10.6", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.6.tgz", + "integrity": "sha512-qNiuwC4ZDAUNcY47xgaSuS92cjf8JbSUoaKS77bmLG1rU7MlATVSiw/IlrjtIyyskXBZ8KkNfjK/P5na7rgXbQ==", "dev": true, - "license": "MIT", "dependencies": { - "undici-types": "~6.19.8" + "undici-types": "~6.20.0" } }, "node_modules/@igniteui/cli-core/node_modules/mute-stream": { @@ -3790,7 +3460,6 @@ "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz", "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==", "dev": true, - "license": "ISC", "engines": { "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } @@ -3800,7 +3469,6 @@ "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz", "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==", "dev": true, - "license": "Apache-2.0", "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -3810,11 +3478,10 @@ } }, "node_modules/@igniteui/cli-core/node_modules/undici-types": { - "version": "6.19.8", - "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz", - "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==", - "dev": true, - "license": "MIT" + "version": "6.20.0", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz", + "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==", + "dev": true }, "node_modules/@igniteui/material-icons-extended": { "version": "3.1.0", @@ -4929,18 +4596,17 @@ } }, "node_modules/@ng-bootstrap/ng-bootstrap": { - "version": "17.0.1", - "resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-17.0.1.tgz", - "integrity": "sha512-utbm8OXIoqVVYGVzQkOS773ymbjc+UMkXv8lyi7hTqLhCQs0rZ0yA74peqVZRuOGXLHgcSTA7fnJhA80iQOblw==", - "license": "MIT", + "version": "18.0.0", + "resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-18.0.0.tgz", + "integrity": "sha512-GeSAz4yiGq49psdte8kcf+Y562wB3jK/qKRAkh6iA32lcXmy2sfQXVAmlHdjZ3AyP+E8lf3yMwuPdSKiYcDgSg==", "dependencies": { "tslib": "^2.3.0" }, "peerDependencies": { - "@angular/common": "^18.0.0", - "@angular/core": "^18.0.0", - "@angular/forms": "^18.0.0", - "@angular/localize": "^18.0.0", + "@angular/common": "^19.0.0", + "@angular/core": "^19.0.0", + "@angular/forms": "^19.0.0", + "@angular/localize": "^19.0.0", "@popperjs/core": "^2.11.8", "rxjs": "^6.5.3 || ^7.4.0" } @@ -6426,7 +6092,6 @@ "resolved": "https://registry.npmjs.org/@types/mute-stream/-/mute-stream-0.0.4.tgz", "integrity": "sha512-CPM9nzrCPPJHQNA9keH9CVkVI+WR5kMa+7XEs5jcGQ0VoAGnLv242w8lIVgwAEfmE4oufJRaTc9PNLQl0ioAow==", "dev": true, - "license": "MIT", "dependencies": { "@types/node": "*" } @@ -6525,8 +6190,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/@types/wrap-ansi/-/wrap-ansi-3.0.0.tgz", "integrity": "sha512-ltIpx+kM7g/MLRZfkbL7EsCEjfzCcScLpkg37eXEtx5kmrAKBkTJwd1GIAjDSL8wTpM6Hzn5YO4pSb91BEwu1g==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/@types/ws": { "version": "8.5.13", @@ -7198,7 +6862,6 @@ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^1.9.0" }, @@ -8476,7 +8139,6 @@ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^3.2.1", "escape-string-regexp": "^1.0.5", @@ -8850,7 +8512,6 @@ "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "1.1.3" } @@ -8859,8 +8520,7 @@ "version": "1.1.3", "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/color-support": { "version": "1.1.3", @@ -10386,7 +10046,6 @@ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.8.0" } @@ -11975,17 +11634,6 @@ "node": ">= 0.10" } }, - "node_modules/fs-mkdirp-stream/node_modules/through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - }, "node_modules/fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", @@ -12913,7 +12561,6 @@ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", "dev": true, - "license": "MIT", "engines": { "node": ">=4" } @@ -13407,9 +13054,9 @@ "license": "Apache-2.0" }, "node_modules/igniteui-live-editing": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/igniteui-live-editing/-/igniteui-live-editing-2.3.0.tgz", - "integrity": "sha512-7zDG3xFPYqcjyOCdR9JuiDh+xX3pJEMqMP2qVV/3t1NjeojcZEWEaYW8OKzDzowEttPrj7UnjAqxXOIMbRTz6Q==", + "version": "3.0.0-alpha.0", + "resolved": "https://registry.npmjs.org/igniteui-live-editing/-/igniteui-live-editing-3.0.0-alpha.0.tgz", + "integrity": "sha512-9969e8NH5YcSf/G14RY4VUoSBJlQH5K6yIIVbi+63Ki86WGq//UY2YT95QCYAqqmgcTXShtFIqG4t2q1nw77tw==", "license": "MIT" }, "node_modules/igniteui-theming": { @@ -18850,17 +18497,6 @@ "node": ">= 0.10" } }, - "node_modules/remove-bom-stream/node_modules/through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - }, "node_modules/remove-trailing-separator": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", @@ -20246,14 +19882,6 @@ "dev": true, "license": "MIT" }, - "node_modules/sourcemap-codec": { - "version": "1.4.8", - "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz", - "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==", - "deprecated": "Please use @jridgewell/sourcemap-codec instead", - "dev": true, - "license": "MIT" - }, "node_modules/sparkles": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/sparkles/-/sparkles-1.0.1.tgz", @@ -20690,7 +20318,6 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^3.0.0" }, @@ -20951,13 +20578,13 @@ "license": "MIT" }, "node_modules/through2": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/through2/-/through2-4.0.2.tgz", - "integrity": "sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==", + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", + "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", "dev": true, - "license": "MIT", "dependencies": { - "readable-stream": "3" + "readable-stream": "~2.3.6", + "xtend": "~4.0.1" } }, "node_modules/through2-filter": { @@ -20971,32 +20598,6 @@ "xtend": "~4.0.0" } }, - "node_modules/through2-filter/node_modules/through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - }, - "node_modules/through2/node_modules/readable-stream": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", - "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", - "dev": true, - "license": "MIT", - "dependencies": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - }, - "engines": { - "node": ">= 6" - } - }, "node_modules/thunky": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz", @@ -21108,17 +20709,6 @@ "node": ">= 0.10" } }, - "node_modules/to-through/node_modules/through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - }, "node_modules/toidentifier": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", @@ -22091,17 +21681,6 @@ "node": ">= 0.10" } }, - "node_modules/vinyl-fs/node_modules/through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - }, "node_modules/vinyl-sourcemap": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/vinyl-sourcemap/-/vinyl-sourcemap-1.1.0.tgz", diff --git a/package.json b/package.json index 140a4df45a..7ab72ddfaa 100644 --- a/package.json +++ b/package.json @@ -57,7 +57,7 @@ "@angular/router": "^19.0.0", "@igniteui/material-icons-extended": "^3.1.0", "@microsoft/signalr": "^8.0.7", - "@ng-bootstrap/ng-bootstrap": "^17.0.0", + "@ng-bootstrap/ng-bootstrap": "^18.0.0", "@popperjs/core": "2.11.8", "@types/file-saver": "^2.0.2", "@types/hammerjs": "^2.0.39", @@ -71,7 +71,7 @@ "igniteui-angular-extras": "^19.0.0", "igniteui-angular-i18n": "^19.0.0", "igniteui-dockmanager": "^1.14.2", - "igniteui-live-editing": "^2.3.0", + "igniteui-live-editing": "^3.0.0-alpha.0", "igniteui-webcomponents": "^5.1.2", "minireset.css": "0.0.6", "rxjs": "^7.8.1", @@ -110,7 +110,7 @@ "@angular/cli": "^19.0.0", "@angular/compiler-cli": "^19.0.0", "@angular/language-service": "^19.0.0", - "@igniteui/angular-schematics": "18.2.1423", + "@igniteui/angular-schematics": "19.0.1436", "@juggle/resize-observer": "^3.3.1", "@types/jasmine": "^5.1.2", "@types/jasminewd2": "^2.0.13", diff --git a/projects/app-crm/src/app/app-routing.module.ts b/projects/app-crm/src/app/app-routing.module.ts deleted file mode 100644 index d3d9dc6b58..0000000000 --- a/projects/app-crm/src/app/app-routing.module.ts +++ /dev/null @@ -1,21 +0,0 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; -import { GridCRMComponent } from './grid-crm/grid-crm.component'; - -export const gridCrmRoutes: Routes = [ - { - path: '', pathMatch: 'full', component: GridCRMComponent - }, - { - path: 'grid-crm', component: GridCRMComponent - } -]; -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forRoot(gridCrmRoutes) - ] -}) -export class AppRoutingModule { } \ No newline at end of file diff --git a/projects/app-crm/src/app/app.component.ts b/projects/app-crm/src/app/app.component.ts index 4eb1f82c83..40f6001ce4 100644 --- a/projects/app-crm/src/app/app.component.ts +++ b/projects/app-crm/src/app/app.component.ts @@ -1,12 +1,12 @@ import { Component, OnInit } from '@angular/core'; import { SEOService } from '../../../app-lob/src/app/seo.service'; -import { AppRoutingModule } from './app-routing.module'; +import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', styleUrls: ['./app.component.scss'], templateUrl: './app.component.html', - imports: [AppRoutingModule] + imports: [RouterOutlet] }) export class AppComponent implements OnInit { private title = 'Business propeller - Angular Data Grid Example'; diff --git a/projects/app-crm/src/app/app.config.ts b/projects/app-crm/src/app/app.config.ts new file mode 100644 index 0000000000..3fdb3827b4 --- /dev/null +++ b/projects/app-crm/src/app/app.config.ts @@ -0,0 +1,20 @@ +import { ApplicationConfig, importProvidersFrom } from "@angular/core"; +import { FormsModule } from "@angular/forms"; +import { BrowserModule, HammerModule } from "@angular/platform-browser"; +import { provideAnimations } from "@angular/platform-browser/animations"; +import { SEOService } from "../../../app-lob/src/app/seo.service"; +import { provideRouter } from "@angular/router"; +import { GridCrmRoutes } from "./app.routes"; + +export const AppConfig: ApplicationConfig = { + providers: [ + importProvidersFrom( + BrowserModule, + FormsModule, + HammerModule + ), + SEOService, + provideAnimations(), + provideRouter(GridCrmRoutes) + ] +}; diff --git a/projects/app-crm/src/app/app.routes.ts b/projects/app-crm/src/app/app.routes.ts new file mode 100644 index 0000000000..3308ac00fc --- /dev/null +++ b/projects/app-crm/src/app/app.routes.ts @@ -0,0 +1,11 @@ +import { Routes } from '@angular/router'; +import { GridCRMComponent } from './grid-crm/grid-crm.component'; + +export const GridCrmRoutes: Routes = [ + { + path: '', pathMatch: 'full', component: GridCRMComponent + }, + { + path: 'grid-crm', component: GridCRMComponent + } +]; diff --git a/projects/app-crm/src/main.ts b/projects/app-crm/src/main.ts index 9f2fb99fef..06acb33cdc 100644 --- a/projects/app-crm/src/main.ts +++ b/projects/app-crm/src/main.ts @@ -1,26 +1,11 @@ -import { enableProdMode, importProvidersFrom } from '@angular/core'; -import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; - - +import { enableProdMode } from '@angular/core'; import { environment } from './environments/environment'; -import { SEOService } from '../../app-lob/src/app/seo.service'; -import { IgxAutocompleteModule, IgxRippleModule, IgxGridModule, IgxIconModule, IgxLayoutModule, IgxAvatarModule, IgxInputGroupModule, IgxButtonModule, IgxProgressBarModule, IgxIconButtonDirective } from 'igniteui-angular'; -import { BrowserModule, HammerModule, bootstrapApplication } from '@angular/platform-browser'; -import { AppRoutingModule } from './app/app-routing.module'; -import { provideAnimations } from '@angular/platform-browser/animations'; -import { FormsModule } from '@angular/forms'; -import { IgxPreventDocumentScrollDirective } from '../../../src/app/directives/prevent-scroll.directive'; +import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; +import { AppConfig } from './app/app.config'; if (environment.production) { enableProdMode(); } -bootstrapApplication(AppComponent, { - providers: [ - importProvidersFrom(IgxAutocompleteModule, IgxRippleModule, IgxGridModule, IgxIconModule, IgxLayoutModule, IgxAvatarModule, IgxInputGroupModule, BrowserModule, AppRoutingModule, IgxButtonModule, IgxProgressBarModule, FormsModule, IgxPreventDocumentScrollDirective, HammerModule, IgxIconButtonDirective), - SEOService, - provideAnimations() - ] -}) - .catch(err => console.error(err)); +bootstrapApplication(AppComponent, AppConfig).catch((err) => console.error(err)); diff --git a/projects/app-lob/src/app/app-routing.module.ts b/projects/app-lob/src/app/app-routing.module.ts deleted file mode 100644 index f524c19fcd..0000000000 --- a/projects/app-lob/src/app/app-routing.module.ts +++ /dev/null @@ -1,89 +0,0 @@ -import { NgModule } from '@angular/core'; -import { NavigationStart, Router, RouterModule, Routes } from '@angular/router'; -import { filter } from 'rxjs/operators'; -import { HomeComponent } from './home/home.component'; -import { DocsLayoutComponent } from './index/docs-layout.component'; -import { IndexComponent } from './index/index.component'; - -export const samplesRoutes: Routes = [ - { - component: HomeComponent, - data: { displayName: 'Home' }, - path: 'home' - }, - { - data: ['GridFinjsModule'], - loadChildren: () => import('./grid-finjs/grid-finjs.module').then(m => m.GridFinjsModule), - path: 'grid-finjs' - }, - { - data: ['TreeGridFinjsModule'], - loadChildren: () => import('./treegrid-finjs/treegrid-finjs.module').then(m => m.TreeGridFinjsModule), - path: 'treegrid-finjs' - }, - { - data: ['TreeGridDVModule'], - loadChildren: () => import('./tree-grid/tree-grid.module').then(m => m.TreeGridDVModule), - path: 'tree-grid' - }, - { - data: ['GridsDVModule'], - loadChildren: () => import('./grid/grids.module').then(m => m.GridsDVModule), - path: 'grid' - }, - { - data: ['GridFinJSDockManagerModule'], - loadChildren: () => import('./grid-finjs-dock-manager/grid-finjs-dock-manager.module').then(m => m.GridFinJSDockManagerModule), - path: 'grid-finjs-dock-manager' - }, - { - data: ['HierarchicalGridDVModule'], - // tslint:disable-next-line: max-line-length - loadChildren: () => import('./hierarchical-grid/hierarchical-grid.module').then(m => m.HierarchicalGridDVModule), - path: 'hierarchical-grid' - }, - { - data: ['GridDynamicChartDataModule'], - loadChildren: () => import('./grid-dynamic-chart-data/grid-dynamic-chart-data.module') - .then(m => m.GridDynamicChartDataModule), - path: 'grid-dynamic-chart-data' - } -]; -export const appRoutes: Routes = [ - { - path: '', pathMatch: 'full', redirectTo: '/samples/home' - }, - { - children: samplesRoutes, - component: DocsLayoutComponent, - path: '' - }, - { - children: samplesRoutes, - component: IndexComponent, - path: 'samples' - } -]; - -@NgModule({ - imports: [RouterModule.forRoot(appRoutes, {})], - exports: [RouterModule] -}) -export class AppRoutingModule { - constructor(private router: Router) { - router.events.pipe( - filter((event) => event instanceof NavigationStart) - ) - .subscribe((event: NavigationStart) => { - this.setOverflow(event.url); - }); - } - - public setOverflow(url: string) { - if (url.endsWith('finjs')) { - document.body.style.overflow = 'auto'; - } else { - document.body.style.overflow = 'hidden'; - } - } -} diff --git a/projects/app-lob/src/app/app.config.ts b/projects/app-lob/src/app/app.config.ts new file mode 100644 index 0000000000..638850822c --- /dev/null +++ b/projects/app-lob/src/app/app.config.ts @@ -0,0 +1,24 @@ +import { provideHttpClient, withInterceptorsFromDi } from "@angular/common/http"; +import { ApplicationConfig, importProvidersFrom } from "@angular/core"; +import { FormsModule } from "@angular/forms"; +import { BrowserModule, HammerModule } from "@angular/platform-browser"; +import { provideAnimations } from "@angular/platform-browser/animations"; +import { AppLobRoutes } from "./app.routes"; +import { SEOService } from "./seo.service"; +import { provideRouter } from "@angular/router"; +import { OverflowService } from "../services/overlow.service"; + +export const AppConfig: ApplicationConfig = { + providers: [ + importProvidersFrom( + BrowserModule, + FormsModule, + HammerModule + ), + SEOService, + provideHttpClient(withInterceptorsFromDi()), + provideAnimations(), + provideRouter(AppLobRoutes), + OverflowService + ] +}; diff --git a/projects/app-lob/src/app/app.routes.ts b/projects/app-lob/src/app/app.routes.ts new file mode 100644 index 0000000000..2562d66bfa --- /dev/null +++ b/projects/app-lob/src/app/app.routes.ts @@ -0,0 +1,65 @@ +import { Routes } from '@angular/router'; +import { HomeComponent } from './home/home.component'; +import { DocsLayoutComponent } from './index/docs-layout.component'; +import { IndexComponent } from './index/index.component'; + +export const SamplesRoutes: Routes = [ + { + component: HomeComponent, + data: { displayName: 'Home' }, + path: 'home' + }, + { + data: ['GridFinjsModule'], + loadChildren: () => import('./grid-finjs/grid-finjs.routes').then(m => m.GridfinjsRoutes), + path: 'grid-finjs' + }, + { + data: ['TreeGridFinjsModule'], + loadChildren: () => import('./treegrid-finjs/treegrid-finjs.routes').then(m => m.TreegridfinjsRoutes), + path: 'treegrid-finjs' + }, + { + data: ['TreeGridDVModule'], + loadChildren: () => import('./tree-grid/tree-grid.routes').then(m => m.TreeGridDVRoutes), + path: 'tree-grid' + }, + { + data: ['GridsDVModule'], + loadChildren: () => import('./grid/grids.routes').then(m => m.GridsDVRoutes), + path: 'grid' + }, + { + data: ['GridFinJSDockManagerModule'], + loadChildren: () => import('./grid-finjs-dock-manager/grid-finjs-dock-manager.routes').then(m => m.GridFinJsDockManagerGridRoutes), + path: 'grid-finjs-dock-manager' + }, + { + data: ['HierarchicalGridDVModule'], + // tslint:disable-next-line: max-line-length + loadChildren: () => import('./hierarchical-grid/hierarchical-grid.routes').then(m => m.HierarchicalGridDVRoutes), + path: 'hierarchical-grid' + }, + { + data: ['GridDynamicChartDataModule'], + loadChildren: () => import('./grid-dynamic-chart-data/grid-dynamic-chart-data.routes') + .then(m => m.GridDynamicChartRoutes), + path: 'grid-dynamic-chart-data' + } +]; + +export const AppLobRoutes: Routes = [ + { + path: '', pathMatch: 'full', redirectTo: '/samples/home' + }, + { + children: SamplesRoutes, + component: DocsLayoutComponent, + path: '' + }, + { + children: SamplesRoutes, + component: IndexComponent, + path: 'samples' + } +]; diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts index 0a655ab5d9..3ff1e208d6 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts @@ -1,6 +1,6 @@ /* eslint-disable max-len */ import { AfterViewInit, ChangeDetectorRef, Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, OnInit, Pipe, PipeTransform, QueryList, ViewChild, ViewChildren } from '@angular/core'; -import { IgxChartIntegrationDirective, OPTIONS_TYPE, CHART_TYPE, IgxExtrasModule } from 'igniteui-angular-extras'; +import { IgxChartIntegrationDirective, OPTIONS_TYPE, CHART_TYPE } from 'igniteui-angular-extras'; import { IgcDockManagerLayout, IgcDockManagerPaneType, IgcSplitPane, IgcSplitPaneOrientation } from 'igniteui-dockmanager'; import { FinancialData } from '../../data/financialData'; import { FloatingPanesService } from '../../services/floating-panes.service'; @@ -53,7 +53,7 @@ export class HastDuplicateLayouts implements PipeTransform { templateUrl: './data-analysis-dock-manager.component.html', styleUrls: ['./data-analysis-dock-manager.component.scss'], providers: [FloatingPanesService], - imports: [IgxGridComponent, IgxExtrasModule, IgxBadgeComponent, IgxColumnComponent, IgxCellTemplateDirective, NgFor, NgIf, NgClass, IgxDividerDirective, DockSlotComponent, DecimalPipe, TitleCasePipe, CurrencyPipe, FilterTypePipe, HastDuplicateLayouts], + imports: [IgxGridComponent, IgxChartIntegrationDirective, IgxBadgeComponent, IgxColumnComponent, IgxCellTemplateDirective, NgFor, NgIf, NgClass, IgxDividerDirective, DockSlotComponent, DecimalPipe, TitleCasePipe, CurrencyPipe, FilterTypePipe, HastDuplicateLayouts], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class DataAnalysisDockManagerComponent implements OnInit, AfterViewInit { diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.ts index 320e308c61..32c75dda7b 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.ts +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.ts @@ -1,6 +1,6 @@ /* eslint-disable max-len */ import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; -import { IgxChartIntegrationDirective, OPTIONS_TYPE, CHART_TYPE, IgxExtrasModule } from 'igniteui-angular-extras'; +import { IgxChartIntegrationDirective, OPTIONS_TYPE, CHART_TYPE, PageHeaderComponent } from 'igniteui-angular-extras'; import { FinancialData } from '../data/financialData'; import { IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective } from 'igniteui-angular'; @@ -10,7 +10,7 @@ import { DecimalPipe, CurrencyPipe } from '@angular/common'; selector: 'app-grid-dynamic-chart-data', templateUrl: './grid-dynamic-chart-data.component.html', styleUrls: ['./grid-dynamic-chart-data.component.scss'], - imports: [IgxGridComponent, IgxExtrasModule, IgxColumnComponent, IgxCellTemplateDirective, DecimalPipe, CurrencyPipe] + imports: [IgxGridComponent, PageHeaderComponent, IgxChartIntegrationDirective, IgxColumnComponent, IgxCellTemplateDirective, DecimalPipe, CurrencyPipe] }) export class GridDynamicChartDataComponent implements OnInit, AfterViewInit { diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.module.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.module.ts deleted file mode 100644 index f4af0be3f7..0000000000 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.module.ts +++ /dev/null @@ -1,57 +0,0 @@ -/* eslint-disable max-len */ -import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; -import { IgxExtrasModule } from 'igniteui-angular-extras'; -import { IgxButtonModule, IgxDialogModule, IgxDividerModule, IgxGridModule, IgxTabsModule } from 'igniteui-angular'; -import { IgxBarSeriesModule, IgxCategoryChartModule, IgxCategoryXAxisModule, - IgxDataChartCategoryModule, IgxDataChartCoreModule, - IgxDataChartInteractivityModule, IgxDataChartScatterModule, - IgxDataChartStackedModule, IgxItemLegendModule, - IgxLegendModule, IgxNumericXAxisModule, - IgxNumericYAxisModule, IgxPieChartModule } from 'igniteui-angular-charts'; -import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/directives/prevent-scroll.directive'; -import { DataAnalysisDockManagerComponent, HastDuplicateLayouts, FilterTypePipe } from './data-analysis-dock-manager/data-analysis-dock-manager.component'; -import { DockSlotComponent } from './data-analysis-dock-manager/dock-slot/dock-slot.component'; -import { ChartHostDirective, ChartIntegrationDirective } from './directives/chart-integration/chart-integration.directive'; -import { ConditionalFormattingDirective } from './directives/conditional-formatting/conditional-formatting.directive'; -import { GridDynamicChartDataRoutingModule } from './grid-dynamic-chart-data-routing.module'; -import { GridDynamicChartDataComponent } from './grid-dynamic-chart-data.component'; -import { CommonModule } from '@angular/common'; - -@NgModule({ - imports: [ - IgxButtonModule, - IgxDialogModule, - IgxDividerModule, - IgxGridModule, - IgxTabsModule, - IgxDataChartCategoryModule, - IgxDataChartCoreModule, - IgxLegendModule, - IgxDataChartInteractivityModule, - IgxNumericXAxisModule, - IgxNumericYAxisModule, - IgxCategoryXAxisModule, - IgxItemLegendModule, - IgxPieChartModule, - IgxDataChartStackedModule, - IgxDividerModule, - IgxDataChartScatterModule, - IgxBarSeriesModule, - IgxCategoryChartModule, - GridDynamicChartDataRoutingModule, - IgxExtrasModule, - CommonModule, - GridDynamicChartDataComponent, - ChartHostDirective, - ConditionalFormattingDirective, - ChartIntegrationDirective, - IgxPreventDocumentScrollDirective, - FilterTypePipe, - DataAnalysisDockManagerComponent, - DockSlotComponent, - HastDuplicateLayouts - ], - providers: [], - schemas: [CUSTOM_ELEMENTS_SCHEMA] -}) -export class GridDynamicChartDataModule {} diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data-routing.module.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.routes.ts similarity index 65% rename from projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data-routing.module.ts rename to projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.routes.ts index 5603fe3d9a..58d6beacaf 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data-routing.module.ts +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.routes.ts @@ -1,10 +1,9 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { DataAnalysisDockManagerComponent } from './data-analysis-dock-manager/data-analysis-dock-manager.component'; import { gridDynamicChartRoutesData } from './grid-dynamic-chart-data-routes-data'; import { GridDynamicChartDataComponent } from './grid-dynamic-chart-data.component'; -export const gridDynamicChartRoutes: Routes = [ +export const GridDynamicChartRoutes: Routes = [ { component: GridDynamicChartDataComponent, data: gridDynamicChartRoutesData['data-analysis'], @@ -16,13 +15,3 @@ export const gridDynamicChartRoutes: Routes = [ path: 'data-analysis-dock-manager' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(gridDynamicChartRoutes) - ] -}) -export class GridDynamicChartDataRoutingModule { } diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager-routing.module.ts b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager-routing.module.ts deleted file mode 100644 index b09c6cae0f..0000000000 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager-routing.module.ts +++ /dev/null @@ -1,23 +0,0 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; -import { finJsDockManagerGridRoutes } from './grid-finjs-dock-manager-routes-data'; -import { GridFinJSDockManagerComponent } from './grid-finjs-dock-manager.component'; - - -export const gridFinJsDockManagerGridRoutes: Routes = [ - { - component: GridFinJSDockManagerComponent, - data: finJsDockManagerGridRoutes['grid-finjs-dock-manager'], - path: 'grid-finjs-dock-manager' - } -]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(gridFinJsDockManagerGridRoutes) - ] -}) -export class GridFinJSDockManagerRoutingModule { } diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.module.ts b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.module.ts deleted file mode 100644 index 8c05ea305b..0000000000 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.module.ts +++ /dev/null @@ -1,35 +0,0 @@ - -import { CommonModule } from '@angular/common'; -import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { IgxButtonModule, IgxDialogModule, IgxDividerModule, IgxGridModule, IgxIconModule, IgxSelectModule, IgxSliderModule, - IgxSwitchModule, IgxTabsModule, IgxToggleModule } from 'igniteui-angular'; -import { GridFinJSDockManagerRoutingModule } from './grid-finjs-dock-manager-routing.module'; -import { GridFinJSDockManagerComponent } from './grid-finjs-dock-manager.component'; -import { DockSlotComponent, GridHostDirective } from './dock-slot.component'; -import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/directives/prevent-scroll.directive'; - -@NgModule({ - imports: [ - GridFinJSDockManagerRoutingModule, - CommonModule, - FormsModule, - IgxButtonModule, - IgxSwitchModule, - IgxSliderModule, - IgxGridModule, - IgxDialogModule, - IgxDividerModule, - IgxTabsModule, - IgxToggleModule, - IgxSelectModule, - IgxIconModule, - GridFinJSDockManagerComponent, - DockSlotComponent, - IgxPreventDocumentScrollDirective, - GridHostDirective - ], - providers: [], - schemas: [CUSTOM_ELEMENTS_SCHEMA] -}) -export class GridFinJSDockManagerModule { } diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.routes.ts b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.routes.ts new file mode 100644 index 0000000000..46cd91db23 --- /dev/null +++ b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.routes.ts @@ -0,0 +1,11 @@ +import { Routes } from '@angular/router'; +import { finJsDockManagerGridRoutes } from './grid-finjs-dock-manager-routes-data'; +import { GridFinJSDockManagerComponent } from './grid-finjs-dock-manager.component'; + +export const GridFinJsDockManagerGridRoutes: Routes = [ + { + component: GridFinJSDockManagerComponent, + data: finJsDockManagerGridRoutes['grid-finjs-dock-manager'], + path: 'grid-finjs-dock-manager' + } +]; diff --git a/projects/app-lob/src/app/grid-finjs/grid-finjs.module.ts b/projects/app-lob/src/app/grid-finjs/grid-finjs.module.ts deleted file mode 100644 index 0add62b938..0000000000 --- a/projects/app-lob/src/app/grid-finjs/grid-finjs.module.ts +++ /dev/null @@ -1,57 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { - IgxButtonGroupModule, - IgxButtonModule, IgxDialogModule, IgxFocusModule, IgxGridModule, - IgxIconModule, - IgxSelectModule, - IgxSliderModule, IgxSwitchModule, IgxToastModule, IgxToggleModule -} from 'igniteui-angular'; -import { - IgxBollingerBandsOverlayModule, IgxCategoryChartModule, IgxCategoryXAxisModule, - IgxDataChartCategoryModule, IgxDataChartCoreModule, IgxDataChartInteractivityModule, IgxFinancialPriceSeriesModule, - IgxIndicatorsModule, IgxLegendModule, IgxNumericXAxisModule, IgxNumericYAxisModule -} from 'igniteui-angular-charts'; -import { FinJSDemoComponent } from './main.component'; -import { GridFinjsRoutingModule } from './grid-finjs-routing.module'; -import { GridFinJSComponent } from './grid-finjs.component'; -import { ControllerComponent } from './controllers.component'; -import { FinancialDataService } from '../services/financial.service'; -import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/directives/prevent-scroll.directive'; - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - IgxButtonModule, - IgxCategoryChartModule, - IgxDataChartCategoryModule, - IgxDataChartCoreModule, - IgxLegendModule, - IgxIndicatorsModule, - IgxFinancialPriceSeriesModule, - IgxDataChartInteractivityModule, - IgxBollingerBandsOverlayModule, - IgxNumericXAxisModule, - IgxNumericYAxisModule, - IgxCategoryXAxisModule, - IgxSwitchModule, - IgxSliderModule, - GridFinjsRoutingModule, - IgxGridModule, - IgxDialogModule, - IgxToastModule, - IgxIconModule, - IgxSelectModule, - IgxToggleModule, - IgxFocusModule, - IgxButtonGroupModule, - FinJSDemoComponent, - GridFinJSComponent, - IgxPreventDocumentScrollDirective, - ControllerComponent - ], - providers: [FinancialDataService] -}) -export class GridFinjsModule { } diff --git a/projects/app-lob/src/app/grid-finjs/grid-finjs-routing.module.ts b/projects/app-lob/src/app/grid-finjs/grid-finjs.routes.ts similarity index 57% rename from projects/app-lob/src/app/grid-finjs/grid-finjs-routing.module.ts rename to projects/app-lob/src/app/grid-finjs/grid-finjs.routes.ts index 50bf41237e..08870e7892 100644 --- a/projects/app-lob/src/app/grid-finjs/grid-finjs-routing.module.ts +++ b/projects/app-lob/src/app/grid-finjs/grid-finjs.routes.ts @@ -1,28 +1,17 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; -import { FinJSDemoComponent } from './main.component'; -import { gridfinjsRoutesData } from './grid-finjs-routes-data'; -import { GridFinJSComponent } from './grid-finjs.component'; - -export const gridfinjsRoutes: Routes = [ - { - component: FinJSDemoComponent, - data: gridfinjsRoutesData['empty-path'], - path: '' - }, - { - component: GridFinJSComponent, - data: gridfinjsRoutesData['grid-finjs-partial'], - path: 'grid-finjs-partial' - } -]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(gridfinjsRoutes) - ] -}) -export class GridFinjsRoutingModule { } +import { Routes } from '@angular/router'; +import { FinJSDemoComponent } from './main.component'; +import { gridfinjsRoutesData } from './grid-finjs-routes-data'; +import { GridFinJSComponent } from './grid-finjs.component'; + +export const GridfinjsRoutes: Routes = [ + { + component: FinJSDemoComponent, + data: gridfinjsRoutesData['empty-path'], + path: '' + }, + { + component: GridFinJSComponent, + data: gridfinjsRoutesData['grid-finjs-partial'], + path: 'grid-finjs-partial' + } +]; diff --git a/projects/app-lob/src/app/grid/grids.module.ts b/projects/app-lob/src/app/grid/grids.module.ts deleted file mode 100644 index 9a0157630c..0000000000 --- a/projects/app-lob/src/app/grid/grids.module.ts +++ /dev/null @@ -1,85 +0,0 @@ -/* eslint-disable max-len */ -import { CommonModule } from '@angular/common'; -import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { - IgxAvatarModule, IgxBadgeModule, IgxBannerModule, IgxButtonGroupModule, IgxButtonModule, IgxCardModule, IgxCheckboxModule, - IgxChipsModule, IgxComboModule, IgxDatePickerModule, - IgxDialogModule, IgxDividerModule, IgxExpansionPanelModule, IgxFocusModule, IgxGridModule, - IgxIconModule, IgxInputGroupModule, IgxProgressBarModule, IgxRadioModule, IgxRippleModule, IgxSelectModule, IgxSliderModule, IgxSnackbarModule, - IgxSwitchModule, IgxTabsModule, IgxToastModule, IgxToggleModule, IgxTooltipModule -} from 'igniteui-angular'; - -import { GridComponent } from './grid-boston-marathon/grid.component'; -import { GridMasterDetailSampleComponent } from './grid-master-detail/grid-master-detail.component'; - -import { IgxBarSeriesModule, IgxBollingerBandsOverlayModule, IgxCategoryChartModule, IgxCategoryXAxisModule, IgxDataChartCategoryModule, - IgxDataChartCoreModule, IgxDataChartInteractivityModule, IgxDataChartScatterModule, IgxDataChartStackedModule, - IgxDoughnutChartModule, IgxFinancialPriceSeriesModule, IgxIndicatorsModule, IgxItemLegendModule, - IgxLegendModule, IgxNumericXAxisModule, IgxNumericYAxisModule, - IgxPieChartModule, IgxRingSeriesModule, IgxSparklineCoreModule, IgxSparklineModule -} from 'igniteui-angular-charts'; -import { GridsDVRoutingModule } from './grids-routing.module'; -import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/directives/prevent-scroll.directive'; - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - GridsDVRoutingModule, - IgxAvatarModule, - IgxBadgeModule, - IgxBannerModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxCheckboxModule, - IgxChipsModule, - IgxComboModule, - IgxDatePickerModule, - IgxDialogModule, - IgxFocusModule, - IgxGridModule, - IgxIconModule, - IgxInputGroupModule, - IgxProgressBarModule, - IgxRadioModule, - IgxRippleModule, - IgxSliderModule, - IgxSwitchModule, - IgxToastModule, - IgxToggleModule, - IgxTooltipModule, - IgxExpansionPanelModule, - IgxSelectModule, - IgxSparklineModule, - IgxSparklineCoreModule, - IgxSnackbarModule, - IgxDataChartCategoryModule, - IgxDataChartCoreModule, - IgxLegendModule, - IgxIndicatorsModule, - IgxFinancialPriceSeriesModule, - IgxDataChartInteractivityModule, - IgxBollingerBandsOverlayModule, - IgxNumericXAxisModule, - IgxNumericYAxisModule, - IgxCategoryXAxisModule, - IgxDoughnutChartModule, - IgxRingSeriesModule, - IgxItemLegendModule, - IgxPieChartModule, - IgxTabsModule, - IgxDataChartStackedModule, - IgxCardModule, - IgxDividerModule, - IgxDataChartScatterModule, - IgxBarSeriesModule, - IgxCategoryChartModule, - IgxPreventDocumentScrollDirective, - GridComponent, - GridMasterDetailSampleComponent - ], - providers: [provideHttpClient(withInterceptorsFromDi())] -}) -export class GridsDVModule { } diff --git a/projects/app-lob/src/app/grid/grids-routing.module.ts b/projects/app-lob/src/app/grid/grids.routes.ts similarity index 61% rename from projects/app-lob/src/app/grid/grids-routing.module.ts rename to projects/app-lob/src/app/grid/grids.routes.ts index 497fb1784a..8ae8a79722 100644 --- a/projects/app-lob/src/app/grid/grids-routing.module.ts +++ b/projects/app-lob/src/app/grid/grids.routes.ts @@ -1,10 +1,9 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { GridComponent } from './grid-boston-marathon/grid.component'; import { GridMasterDetailSampleComponent } from './grid-master-detail/grid-master-detail.component'; import { gridsRoutesData } from './grid-routes-data'; -export const gridsDVRoutes: Routes = [ +export const GridsDVRoutes: Routes = [ { component: GridComponent, data: gridsRoutesData['grid'], @@ -16,13 +15,3 @@ export const gridsDVRoutes: Routes = [ path: 'grid-master-detail' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(gridsDVRoutes) - ] -}) -export class GridsDVRoutingModule { } diff --git a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid.module.ts b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid.module.ts deleted file mode 100644 index 25d4ab0ba4..0000000000 --- a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid.module.ts +++ /dev/null @@ -1,51 +0,0 @@ -/* eslint-disable max-len */ -import { CommonModule } from '@angular/common'; -import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { IgxAvatarModule, IgxBadgeModule, IgxBannerModule, IgxButtonGroupModule, IgxButtonModule, IgxCheckboxModule, IgxChipsModule, IgxComboModule, IgxDatePickerModule, IgxDialogModule, IgxFocusModule, IgxGridModule, IgxHierarchicalGridModule, IgxIconModule, IgxInputGroupModule, IgxProgressBarModule, IgxRadioModule, IgxRippleModule, IgxSelectModule, IgxSliderModule, IgxSnackbarModule, IgxSwitchModule, IgxTabsModule, IgxToastModule, IgxToggleModule, IgxTooltipModule } from 'igniteui-angular'; -import { IgxPieChartModule, IgxSparklineCoreModule, IgxSparklineModule } from 'igniteui-angular-charts'; -import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/directives/prevent-scroll.directive'; -import { HGridColumnResizingSampleComponent } from './hierarchical-grid-column-resizing/hierarchical-grid-resizing.component'; -import { HierarchicalGridDVRoutingModule } from './hierarchical-grid-routing.module'; - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - HierarchicalGridDVRoutingModule, - IgxAvatarModule, - IgxBadgeModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxCheckboxModule, - IgxChipsModule, - IgxComboModule, - IgxDatePickerModule, - IgxDialogModule, - IgxFocusModule, - IgxGridModule, - IgxHierarchicalGridModule, - IgxIconModule, - IgxInputGroupModule, - IgxProgressBarModule, - IgxRadioModule, - IgxRippleModule, - IgxSliderModule, - IgxSwitchModule, - IgxToastModule, - IgxToggleModule, - IgxSelectModule, - IgxSparklineModule, - IgxSparklineCoreModule, - IgxBannerModule, - IgxSnackbarModule, - IgxTooltipModule, - IgxTabsModule, - IgxPieChartModule, - IgxPreventDocumentScrollDirective, - HGridColumnResizingSampleComponent - ], - providers: [provideHttpClient(withInterceptorsFromDi())] -}) -export class HierarchicalGridDVModule { } diff --git a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-routing.module.ts b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid.routes.ts similarity index 59% rename from projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-routing.module.ts rename to projects/app-lob/src/app/hierarchical-grid/hierarchical-grid.routes.ts index 47b2921967..b9d1469b68 100644 --- a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-routing.module.ts +++ b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid.routes.ts @@ -1,11 +1,10 @@ /* eslint-disable max-len */ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { HGridColumnResizingSampleComponent } from './hierarchical-grid-column-resizing/hierarchical-grid-resizing.component'; import { hierarchicalGridRoutesData } from './hierarchical-grid-routes-data'; -export const hierarchicalGridDVRoutes: Routes = [ +export const HierarchicalGridDVRoutes: Routes = [ { component: HGridColumnResizingSampleComponent, // eslint-disable-next-line @typescript-eslint/dot-notation @@ -13,13 +12,3 @@ export const hierarchicalGridDVRoutes: Routes = [ path: 'hierarchical-grid-resizing' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(hierarchicalGridDVRoutes) - ] -}) -export class HierarchicalGridDVRoutingModule { } diff --git a/projects/app-lob/src/app/home/home.component.ts b/projects/app-lob/src/app/home/home.component.ts index dabccf52f0..efc7d1d38d 100644 --- a/projects/app-lob/src/app/home/home.component.ts +++ b/projects/app-lob/src/app/home/home.component.ts @@ -3,8 +3,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-home', styleUrls: ['./home.component.scss'], - templateUrl: './home.component.html', - standalone: false + templateUrl: './home.component.html' }) export class HomeComponent { constructor() { } diff --git a/projects/app-lob/src/app/tree-grid/tree-grid.module.ts b/projects/app-lob/src/app/tree-grid/tree-grid.module.ts deleted file mode 100644 index 662a99b714..0000000000 --- a/projects/app-lob/src/app/tree-grid/tree-grid.module.ts +++ /dev/null @@ -1,46 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { IgxAvatarModule, IgxBannerModule, IgxButtonGroupModule, IgxButtonModule, - IgxDialogModule, IgxGridModule, IgxIconModule, - IgxRadioModule, IgxRippleModule, IgxSelectModule, IgxSliderModule, IgxSnackbarModule, - IgxSwitchModule, IgxToastModule, IgxToggleModule, IgxTooltipModule, IgxTreeGridModule } from 'igniteui-angular'; -/* eslint-disable max-len */ -import { IgxSparklineCoreModule, IgxSparklineModule } from 'igniteui-angular-charts'; -import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/directives/prevent-scroll.directive'; -import { RemoteFilteringService } from './services/remoteFilteringService'; -import { TreeGridChilddatakeySampleComponent } from './tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component'; -import { TreeGridPrimaryforeignkeySampleComponent } from './tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component'; -import { TreeGridDvRoutingModule } from './tree-grid-routing.module'; - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - TreeGridDvRoutingModule, - IgxTreeGridModule, - IgxGridModule, - IgxButtonGroupModule, - IgxIconModule, - IgxSliderModule, - IgxToggleModule, - IgxButtonModule, - IgxSwitchModule, - IgxRippleModule, - IgxDialogModule, - IgxRadioModule, - IgxAvatarModule, - IgxToastModule, - IgxSelectModule, - IgxSparklineModule, - IgxSparklineCoreModule, - IgxBannerModule, - IgxSnackbarModule, - IgxTooltipModule, - TreeGridChilddatakeySampleComponent, - TreeGridPrimaryforeignkeySampleComponent, - IgxPreventDocumentScrollDirective - ], - providers: [RemoteFilteringService] -}) -export class TreeGridDVModule { } diff --git a/projects/app-lob/src/app/tree-grid/tree-grid-routing.module.ts b/projects/app-lob/src/app/tree-grid/tree-grid.routes.ts similarity index 69% rename from projects/app-lob/src/app/tree-grid/tree-grid-routing.module.ts rename to projects/app-lob/src/app/tree-grid/tree-grid.routes.ts index b261ad0ed7..b1790df45d 100644 --- a/projects/app-lob/src/app/tree-grid/tree-grid-routing.module.ts +++ b/projects/app-lob/src/app/tree-grid/tree-grid.routes.ts @@ -1,5 +1,4 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { TreeGridChilddatakeySampleComponent @@ -9,7 +8,7 @@ import { } from './tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component'; import { treeGridRoutesData } from './tree-grid-routes-data'; -export const treeGridDVRoutes: Routes = [ +export const TreeGridDVRoutes: Routes = [ { component: TreeGridChilddatakeySampleComponent, data: treeGridRoutesData['treegrid-childdatakey'], @@ -21,13 +20,3 @@ export const treeGridDVRoutes: Routes = [ path: 'treegrid-primaryforeignkey' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(treeGridDVRoutes) - ] -}) -export class TreeGridDvRoutingModule { } diff --git a/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs-routing.module.ts b/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs-routing.module.ts deleted file mode 100644 index 0c26001729..0000000000 --- a/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs-routing.module.ts +++ /dev/null @@ -1,22 +0,0 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; -import { TreeGridFinJSComponent } from './tree-grid-finjs-sample.component'; -import { treegridfinjsRoutesData } from './treegrid-finjs-routes-data'; - -export const treegridfinjsRoutes: Routes = [ - { - component: TreeGridFinJSComponent, - data: treegridfinjsRoutesData['empty-path'], - path: '' - } -]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(treegridfinjsRoutes) - ] -}) -export class TreeGridFinjsRoutingModule { } diff --git a/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.module.ts b/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.module.ts deleted file mode 100644 index ffda29bc16..0000000000 --- a/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.module.ts +++ /dev/null @@ -1,28 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { IgxButtonGroupModule, IgxButtonModule, IgxFocusModule, IgxIconModule, IgxSelectModule, IgxSliderModule, - IgxSwitchModule, IgxToggleModule, IgxTreeGridModule } from 'igniteui-angular'; -import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/directives/prevent-scroll.directive'; -import { TreeGridFinJSComponent } from './tree-grid-finjs-sample.component'; -import { TreeGridFinjsRoutingModule } from './treegrid-finjs-routing.module'; - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - IgxButtonModule, - IgxSwitchModule, - IgxSliderModule, - TreeGridFinjsRoutingModule, - IgxTreeGridModule, - IgxIconModule, - IgxToggleModule, - IgxSelectModule, - IgxFocusModule, - IgxButtonGroupModule, - IgxPreventDocumentScrollDirective, - TreeGridFinJSComponent - ] -}) -export class TreeGridFinjsModule {} diff --git a/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.routes.ts b/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.routes.ts new file mode 100644 index 0000000000..7e35111c21 --- /dev/null +++ b/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.routes.ts @@ -0,0 +1,11 @@ +import { Routes } from '@angular/router'; +import { TreeGridFinJSComponent } from './tree-grid-finjs-sample.component'; +import { treegridfinjsRoutesData } from './treegrid-finjs-routes-data'; + +export const TreegridfinjsRoutes: Routes = [ + { + component: TreeGridFinJSComponent, + data: treegridfinjsRoutesData['empty-path'], + path: '' + } +]; diff --git a/projects/app-lob/src/main.ts b/projects/app-lob/src/main.ts index 690b1c5058..785d0e1bc9 100644 --- a/projects/app-lob/src/main.ts +++ b/projects/app-lob/src/main.ts @@ -1,31 +1,16 @@ -import { enableProdMode, importProvidersFrom } from '@angular/core'; -import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; +import { enableProdMode } from '@angular/core'; import { defineCustomElements } from 'igniteui-dockmanager/loader'; import { environment } from './environments/environment'; -import { SEOService } from './app/seo.service'; -import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'; -import { AppRoutingModule } from './app/app-routing.module'; -import { IgxRippleModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxIconModule, IgxLayoutModule, IgxInputGroupModule, IgxButtonModule, IgxFocusModule, IgxToggleModule, IgxIconButtonDirective } from 'igniteui-angular'; -import { BrowserModule, HammerModule, bootstrapApplication } from '@angular/platform-browser'; -import { provideAnimations } from '@angular/platform-browser/animations'; -import { FormsModule } from '@angular/forms'; -import { IgxExtrasModule } from 'igniteui-angular-extras'; +import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; +import { AppConfig } from './app/app.config'; if (environment.production) { enableProdMode(); } -bootstrapApplication(AppComponent, { - providers: [ - importProvidersFrom(AppRoutingModule, IgxRippleModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxIconModule, IgxLayoutModule, IgxInputGroupModule, BrowserModule, IgxButtonModule, FormsModule, HammerModule, IgxExtrasModule, IgxFocusModule, IgxToggleModule, IgxIconButtonDirective), - SEOService, - provideHttpClient(withInterceptorsFromDi()), - provideAnimations() - ] -}) - .catch(err => console.error(err)); +bootstrapApplication(AppComponent, AppConfig).catch(err => console.error(err)); defineCustomElements(window); diff --git a/projects/app-lob/src/services/overlow.service.ts b/projects/app-lob/src/services/overlow.service.ts new file mode 100644 index 0000000000..a663641913 --- /dev/null +++ b/projects/app-lob/src/services/overlow.service.ts @@ -0,0 +1,24 @@ +import { Injectable } from '@angular/core'; +import { Router, NavigationStart } from '@angular/router'; +import { filter } from 'rxjs/operators'; + +@Injectable({ + providedIn: 'root' +}) +export class OverflowService { + constructor(private router: Router) { + this.router.events.pipe( + filter(event => event instanceof NavigationStart) + ).subscribe((event: NavigationStart) => { + this.setOverflow(event.url); + }); + } + + private setOverflow(url: string) { + if (url.endsWith('finjs')) { + document.body.style.overflow = 'auto'; + } else { + document.body.style.overflow = 'hidden'; + } + } +} diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts deleted file mode 100644 index 33376cc049..0000000000 --- a/src/app/app-routing.module.ts +++ /dev/null @@ -1,128 +0,0 @@ -// tslint:disable:max-line-length -import { NgModule } from '@angular/core'; -import { NavigationStart, Router, RouterModule, Routes } from '@angular/router'; -import { filter } from 'rxjs/operators'; -import { HomeComponent } from './home/home.component'; -import { DocsLayoutComponent } from './index/docs-layout.component'; -import { IndexComponent } from './index/index.component'; - -export const samplesRoutes: Routes = [ - { - component: HomeComponent, - data: { displayName: 'Home' }, - path: 'home' - }, - { - data: ['DataDisplayModule'], - loadChildren: () => import('./data-display/data-display.module').then(m => m.DataDisplayModule), - path: 'data-display' - }, - { - data: ['DataEntriesModule'], - loadChildren: () => import('./data-entries/data-entries.module').then(m => m.DataEntriesModule), - path: 'data-entries' - }, - { - data: ['InteractionsModule'], - loadChildren: () => import('./interactions/interactions.module').then(m => m.InteractionsModule), - path: 'interactions' - }, - { - data: ['NotificationsModule'], - loadChildren: () => import('./notifications/notifications.module').then(m => m.NotificationsModule), - path: 'notifications' - }, - { - data: ['ListsModule'], - loadChildren: () => import('./lists/lists.module').then(m => m.ListsModule), - path: 'lists' - }, - { - data: ['ThemingModule'], - loadChildren: () => import('./theming/theming.module').then(m => m.ThemingModule), - path: 'theming' - }, - { - data: ['SchedulingModule'], - loadChildren: () => import('./scheduling/scheduling.module').then(m => m.SchedulingModule), - path: 'scheduling' - }, - { - data: ['MenusModule'], - loadChildren: () => import('./menus/menus.module').then(m => m.MenusModule), - path: 'menus' - }, - { - data: ['LayoutsModule'], - loadChildren: () => import('./layouts/layouts.module').then(m => m.LayoutsModule), - path: 'layouts' - }, - { - data: ['ServicesModule'], - loadChildren: () => import('./services/services.module').then(m => m.ServicesModule), - path: 'services' - }, - { - data: ['TreeGridModule'], - loadChildren: () => import('./tree-grid/tree-grid.module').then(m => m.TreeGridModule), - path: 'tree-grid' - }, - { - data: ['GridsModule'], - loadChildren: () => import('./grid/grids.module').then(m => m.GridsModule), - path: 'grid' - }, - { - data: ['PivotGridsModule'], - loadChildren: () => import('./pivot-grid/pivot-grids.module').then(m => m.PivotGridsModule), - path: 'pivot-grid' - }, - { - data: ['HierarchicalGridModule'], - loadChildren: () => import('./hierarchical-grid/hierarchical-grid.module').then(m => m.HierarchicalGridModule), - path: 'hierarchical-grid' - }, - { - data: ['PaginationModule'], - loadChildren: () => import('./pagination/pagination.module').then(m => m.PaginationModule), - path: 'pagination' - } -]; -export const appRoutes: Routes = [ - { - path: '', pathMatch: 'full', redirectTo: '/samples/home' - }, - { - children: samplesRoutes, - component: DocsLayoutComponent, - path: '' - }, - { - children: samplesRoutes, - component: IndexComponent, - path: 'samples' - } -]; -@NgModule({ - exports: [RouterModule], - imports: [RouterModule.forRoot(appRoutes, {})] -}) -export class AppRoutingModule { - - constructor(private router: Router) { - router.events.pipe( - filter((event) => event instanceof NavigationStart) - ) - .subscribe((event: NavigationStart) => { - this.setOverflow(event.url); - }); - } - - public setOverflow(url: string) { - if (url.endsWith('finjs')) { - document.body.style.overflow = 'auto'; - } else { - document.body.style.overflow = 'hidden'; - } - } -} diff --git a/src/app/app.config.ts b/src/app/app.config.ts new file mode 100644 index 0000000000..444ea8801b --- /dev/null +++ b/src/app/app.config.ts @@ -0,0 +1,24 @@ +import { provideHttpClient, withInterceptorsFromDi } from "@angular/common/http"; +import { ApplicationConfig, importProvidersFrom } from "@angular/core"; +import { FormsModule } from "@angular/forms"; +import { BrowserModule, HammerModule } from "@angular/platform-browser"; +import { provideAnimations } from "@angular/platform-browser/animations"; +import { NgbModule } from "@ng-bootstrap/ng-bootstrap"; +import { provideRouter } from "@angular/router"; +import { AppRoutes } from "./app.routes"; +import { OverflowService } from "./services/overflow.service"; + +export const AppConfig: ApplicationConfig = { + providers: [ + importProvidersFrom( + BrowserModule, + FormsModule, + HammerModule, + NgbModule + ), + provideHttpClient(withInterceptorsFromDi()), + provideAnimations(), + provideRouter(AppRoutes), + OverflowService + ] +}; diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts new file mode 100644 index 0000000000..d83b139643 --- /dev/null +++ b/src/app/app.routes.ts @@ -0,0 +1,88 @@ +import { Routes } from '@angular/router'; +import { HomeComponent } from './home/home.component'; +import { DocsLayoutComponent } from './index/docs-layout.component'; +import { IndexComponent } from './index/index.component'; + +export const SamplesRoutes: Routes = [ + { + component: HomeComponent, + data: { displayName: 'Home' }, + path: 'home' + }, + { + loadChildren: () => import('./data-display/data-display.routes').then(m => m.DataDisplayRoutes), + path: 'data-display' + }, + { + loadChildren: () => import('./data-entries/data-entries.routes').then(m => m.DataEntriesRoutes), + path: 'data-entries' + }, + { + loadChildren: () => import('./interactions/interactions.routes').then(m => m.InteractionsRoutes), + path: 'interactions' + }, + { + loadChildren: () => import('./notifications/notifications.routes').then(m => m.NotificationsRoutes), + path: 'notifications' + }, + { + loadChildren: () => import('./lists/lists.routes').then(m => m.ListsRoutes), + path: 'lists' + }, + { + loadChildren: () => import('./theming/theming.routes').then(m => m.ThemingRoutes), + path: 'theming' + }, + { + loadChildren: () => import('./scheduling/scheduling.routes').then(m => m.SchedulingRoutes), + path: 'scheduling' + }, + { + loadChildren: () => import('./menus/menus.routes').then(m => m.MenusRoutes), + path: 'menus' + }, + { + loadChildren: () => import('./layouts/layouts.routes').then(m => m.LayoutsRoutes), + path: 'layouts' + }, + { + loadChildren: () => import('./services/services.routes').then(m => m.ServicesRoutes), + path: 'services' + }, + { + loadChildren: () => import('./tree-grid/tree-grid.routes').then(m => m.TreeGridRoutes), + path: 'tree-grid' + }, + { + loadChildren: () => import('./grid/grids.routes').then(m => m.GridsRoutes), + path: 'grid' + }, + { + loadChildren: () => import('./pivot-grid/pivot-grids.routes').then(m => m.PivotGridsRoutes), + path: 'pivot-grid' + }, + { + loadChildren: () => import('./hierarchical-grid/hierarchical-grid.routes').then(m => m.HierarchicalGridRoutes), + path: 'hierarchical-grid' + }, + { + loadChildren: () => import('./pagination/pagination.routes').then(m => m.PaginatorRoutes), + path: 'pagination' + } +]; + +export const AppRoutes: Routes = [ + { + path: '', pathMatch: 'full', redirectTo: '/samples/home' + }, + { + children: SamplesRoutes, + component: DocsLayoutComponent, + path: '' + }, + { + children: SamplesRoutes, + component: IndexComponent, + path: 'samples' + } +]; diff --git a/src/app/data-display/data-display.module.ts b/src/app/data-display/data-display.module.ts deleted file mode 100644 index 3637c366ac..0000000000 --- a/src/app/data-display/data-display.module.ts +++ /dev/null @@ -1,146 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { - IgxAvatarModule, - IgxBadgeModule, - IgxButtonModule, - IgxCardModule, - IgxChipsModule, - IgxDropDownModule, - IgxFilterModule, - IgxFocusModule, - IgxForOfModule, - IgxIconModule, - IgxInputGroupModule, - IgxSelectModule, - IgxListModule, - IgxMaskModule, - IgxProgressBarModule, - IgxRippleModule, - IgxSnackbarModule, - IgxSwitchModule, - IgxTextHighlightModule, - IgxTextSelectionModule, - IgxToastModule, - IgxIconButtonDirective -} from 'igniteui-angular'; -import { BadgeIconComponent } from './badge/badge-icon/badge-icon.component'; -import { BadgeSample2Component } from './badge/badge-sample-2/badge-sample-2.component'; -import { BadgeSample3Component } from './badge/badge-sample-3/badge-sample-3.component'; -import { BadgeStylingSampleComponent } from './badge/badge-styling-sample/badge-styling-sample.component'; -import { ChipAreaSampleComponent } from './chip/chip-area-sample/chip-area-sample.component'; -import { ChipSimpleComponent } from './chip/chip-simple/chip-simple.component'; -import { ChipStylingSampleComponent } from './chip/chip-styling/chip-styling.component'; -import { CircularDynamicSampleComponent } from './circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component'; -// eslint-disable-next-line max-len -import { CircularIndeterminateProgressbarComponent } from './circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component'; -import { CircularProgressbarComponent } from './circular-progressbar/circular-progressbar.component'; -import { CircularStylingSampleComponent } from './circular-progressbar/circular-styling-sample/circular-styling-sample.component'; -import { DataDisplayRoutingModule } from './data-display-routing.module'; -import { IconSample1Component } from './icon/icon-sample-1/icon-sample-1.component'; -import { IconSample2Component } from './icon/icon-sample-2/icon-sample-2.component'; -import { IconSample3Component } from './icon/icon-sample-3/icon-sample-3.component'; -import { IconSample4Component } from './icon/icon-sample-4/icon-sample-4.component'; -import { IconSample5Component } from './icon/icon-sample-5/icon-sample-5.component'; -import { IconStylingSampleComponent } from './icon/icon-styling-sample/icon-styling-sample.component'; -import { IconServiceSampleComponent } from './icon/icon-service-sample/icon-service-sample.component'; -import { SvgIconSampleComponent } from './icon/svg-icon-sample/svg-icon-sample.component'; -import { IgxForComponent } from './igxFor/igxFor.component'; -import { IgxForHorizontalComponent } from './igxFor/igxFor-horizontal-sample/igxFor-horizontal.component'; -import { LinearDynamicSampleComponent } from './linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component'; -import { LinearProgressbarSample1Component } from './linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component'; -import { LinearProgressbarSample2Component } from './linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component'; -// eslint-disable-next-line max-len -import { LinearProgressbarStylingComponent } from './linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component'; -import { LinearProgressbarComponent } from './linear-progressbar/linear-progressbar.component'; -import { MaskSample1Component } from './mask/mask-sample-1/mask-sample-1.component'; -import { MaskSample2Component } from './mask/mask-sample-2/mask-sample-2.component'; -import { MaskSample3Component } from './mask/mask-sample-3/mask-sample-3.component'; -import { - DisplayFormatPipe, - InputFormatPipe, - MaskSample4Component -} from './mask/mask-sample-4/mask-sample-4.component'; -import { MaskSample5Component } from './mask/mask-sample-5/mask-sample-5.component'; -import { TextHighlightSample1Component } from './text-highlight/text-highlight-sample-1/text-highlight-sample-1.component'; -import { TextHighlightSample2Component } from './text-highlight/text-highlight-sample-2/text-highlight-sample-2.component'; -import { TextHighlightStyleComponent } from './text-highlight/text-highlight-style/text-highlight-style.component'; -import { - MaterialIconsExtendedComponent, - CategoriesFilterPipe, - FilterByName -} from './icon/material-icons-extended/material-icons-extended.component'; -import { MaterialSymbolsComponent } from './icon/material-symbols/material-symbols.component'; - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - DataDisplayRoutingModule, - IgxAvatarModule, - IgxBadgeModule, - IgxListModule, - IgxCardModule, - IgxChipsModule, - IgxDropDownModule, - IgxFocusModule, - IgxTextSelectionModule, - IgxInputGroupModule, - IgxToastModule, - IgxButtonModule, - IgxIconModule, - IgxSelectModule, - IgxProgressBarModule, - IgxRippleModule, - IgxFilterModule, - IgxForOfModule, - IgxMaskModule, - IgxSnackbarModule, - IgxSwitchModule, - IgxButtonModule, - IgxTextHighlightModule, - IgxIconButtonDirective, - DisplayFormatPipe, - InputFormatPipe, - BadgeIconComponent, - BadgeSample2Component, - BadgeSample3Component, - BadgeStylingSampleComponent, - ChipAreaSampleComponent, - ChipSimpleComponent, - ChipStylingSampleComponent, - CircularDynamicSampleComponent, - CircularProgressbarComponent, - IconSample1Component, - IconSample2Component, - IconSample3Component, - IconSample4Component, - IconSample5Component, - IconStylingSampleComponent, - IconServiceSampleComponent, - SvgIconSampleComponent, - IgxForComponent, - IgxForHorizontalComponent, - LinearDynamicSampleComponent, - LinearProgressbarComponent, - LinearProgressbarSample1Component, - LinearProgressbarSample2Component, - LinearProgressbarStylingComponent, - MaskSample1Component, - MaskSample2Component, - MaskSample3Component, - MaskSample4Component, - MaskSample5Component, - TextHighlightSample1Component, - TextHighlightSample2Component, - CircularIndeterminateProgressbarComponent, - CircularStylingSampleComponent, - TextHighlightStyleComponent, - MaterialIconsExtendedComponent, - CategoriesFilterPipe, - FilterByName, - MaterialSymbolsComponent - ] -}) -export class DataDisplayModule {} diff --git a/src/app/data-display/data-display-routing.module.ts b/src/app/data-display/data-display.routes.ts similarity index 82% rename from src/app/data-display/data-display-routing.module.ts rename to src/app/data-display/data-display.routes.ts index fffd9e95bf..c5498f092c 100644 --- a/src/app/data-display/data-display-routing.module.ts +++ b/src/app/data-display/data-display.routes.ts @@ -1,59 +1,48 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; import { BadgeIconComponent } from './badge/badge-icon/badge-icon.component'; import { BadgeSample2Component } from './badge/badge-sample-2/badge-sample-2.component'; import { BadgeSample3Component } from './badge/badge-sample-3/badge-sample-3.component'; -import { - BadgeStylingSampleComponent -} from './badge/badge-styling-sample/badge-styling-sample.component'; +import { BadgeStylingSampleComponent } from './badge/badge-styling-sample/badge-styling-sample.component'; import { ChipAreaSampleComponent } from './chip/chip-area-sample/chip-area-sample.component'; import { ChipSimpleComponent } from './chip/chip-simple/chip-simple.component'; import { ChipStylingSampleComponent } from './chip/chip-styling/chip-styling.component'; -import { - CircularDynamicSampleComponent -} from './circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component'; +import { CircularDynamicSampleComponent } from './circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component'; // eslint-disable-next-line max-len import { CircularIndeterminateProgressbarComponent } from './circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component'; import { CircularProgressbarComponent } from './circular-progressbar/circular-progressbar.component'; -import { - CircularStylingSampleComponent -} from './circular-progressbar/circular-styling-sample/circular-styling-sample.component'; -import { dataDisplayRoutesData } from './data-display-routes-data'; +import { CircularStylingSampleComponent } from './circular-progressbar/circular-styling-sample/circular-styling-sample.component'; import { IconSample1Component } from './icon/icon-sample-1/icon-sample-1.component'; import { IconSample2Component } from './icon/icon-sample-2/icon-sample-2.component'; import { IconSample3Component } from './icon/icon-sample-3/icon-sample-3.component'; import { IconSample4Component } from './icon/icon-sample-4/icon-sample-4.component'; import { IconSample5Component } from './icon/icon-sample-5/icon-sample-5.component'; -import { IconServiceSampleComponent } from './icon/icon-service-sample/icon-service-sample.component'; import { IconStylingSampleComponent } from './icon/icon-styling-sample/icon-styling-sample.component'; +import { IconServiceSampleComponent } from './icon/icon-service-sample/icon-service-sample.component'; import { SvgIconSampleComponent } from './icon/svg-icon-sample/svg-icon-sample.component'; import { IgxForComponent } from './igxFor/igxFor.component'; import { IgxForHorizontalComponent } from './igxFor/igxFor-horizontal-sample/igxFor-horizontal.component'; -import { - LinearDynamicSampleComponent -} from './linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component'; -import { LinearProgressbarSample1Component -} from './linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component'; -import { LinearProgressbarSample2Component -} from './linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component'; -import { - LinearProgressbarStylingComponent -} from './linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component'; +import { LinearDynamicSampleComponent } from './linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component'; +import { LinearProgressbarSample1Component } from './linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component'; +import { LinearProgressbarSample2Component } from './linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component'; +// eslint-disable-next-line max-len +import { LinearProgressbarStylingComponent } from './linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component'; import { LinearProgressbarComponent } from './linear-progressbar/linear-progressbar.component'; import { MaskSample1Component } from './mask/mask-sample-1/mask-sample-1.component'; import { MaskSample2Component } from './mask/mask-sample-2/mask-sample-2.component'; import { MaskSample3Component } from './mask/mask-sample-3/mask-sample-3.component'; -import { MaskSample4Component } from './mask/mask-sample-4/mask-sample-4.component'; +import { + MaskSample4Component +} from './mask/mask-sample-4/mask-sample-4.component'; import { MaskSample5Component } from './mask/mask-sample-5/mask-sample-5.component'; -import { TextHighlightSample1Component -} from './text-highlight/text-highlight-sample-1/text-highlight-sample-1.component'; -import { TextHighlightSample2Component -} from './text-highlight/text-highlight-sample-2/text-highlight-sample-2.component'; +import { TextHighlightSample1Component } from './text-highlight/text-highlight-sample-1/text-highlight-sample-1.component'; +import { TextHighlightSample2Component } from './text-highlight/text-highlight-sample-2/text-highlight-sample-2.component'; import { TextHighlightStyleComponent } from './text-highlight/text-highlight-style/text-highlight-style.component'; +import { + MaterialIconsExtendedComponent} from './icon/material-icons-extended/material-icons-extended.component'; import { MaterialSymbolsComponent } from './icon/material-symbols/material-symbols.component'; -import { MaterialIconsExtendedComponent } from './icon/material-icons-extended/material-icons-extended.component'; +import { dataDisplayRoutesData } from './data-display-routes-data'; +import { Routes } from '@angular/router'; -export const dataDisplayRoutes: Routes = [ +export const DataDisplayRoutes: Routes = [ { component: BadgeIconComponent, data: dataDisplayRoutesData['badge-icon'], @@ -235,13 +224,3 @@ export const dataDisplayRoutes: Routes = [ path: 'material-icons-extended' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(dataDisplayRoutes) - ] -}) -export class DataDisplayRoutingModule { } diff --git a/src/app/data-entries/autocomplete/movie/movie.component.ts b/src/app/data-entries/autocomplete/movie/movie.component.ts index 5340822765..aa5102a314 100644 --- a/src/app/data-entries/autocomplete/movie/movie.component.ts +++ b/src/app/data-entries/autocomplete/movie/movie.component.ts @@ -50,8 +50,7 @@ export class MovieComponent { } @Pipe({ - name: 'startsWith', - standalone: false + name: 'startsWith' }) export class AutocompletePipeStartsWith2 implements PipeTransform { public transform(collection: any[], term = '') { diff --git a/src/app/data-entries/data-entries.module.ts b/src/app/data-entries/data-entries.module.ts deleted file mode 100644 index ac334ef040..0000000000 --- a/src/app/data-entries/data-entries.module.ts +++ /dev/null @@ -1,198 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'; -import { NgModule } from '@angular/core'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { - IgcFormsModule, - IgxAutocompleteModule, IgxButtonGroupModule, IgxButtonModule, IgxIconButtonDirective, IgxCalendarModule, IgxCardModule, IgxCheckboxModule, IgxChipsAreaComponent, IgxChipsModule, IgxComboModule, - IgxDatePickerModule, IgxDateRangePickerModule, IgxDialogModule, IgxDividerModule, IgxDropDownModule, IgxFocusModule, IgxForOfModule, - IgxIconModule, IgxInputGroupModule, IgxNavbarModule, IgxProgressBarModule, IgxRadioModule, IgxRippleModule, - IgxSelectModule, IgxSlideComponent, IgxSliderModule, IgxSwitchModule, IgxTextSelectionModule, IgxTimePickerModule, IgxToastModule, IgxToggleModule, IgxTreeGridModule, IgxTreeModule -} from 'igniteui-angular'; -import { AutocompleteBasicComponent, AutocompletePipeStartsWith } from './autocomplete/autocomplete/autocomplete.component'; -import { MovieComponent } from './autocomplete/movie/movie.component'; -import { ButtonGroupSample1Component } from './buttonGroup/button-group-sample-1/button-group-sample-1.component'; -import { ButtonGroupSample2Component } from './buttonGroup/button-group-sample-2/button-group-sample-2.component'; -import { ButtonGroupSample3Component } from './buttonGroup/button-group-sample-3/button-group-sample-3.component'; -import { ButtonGroupSampleComponent } from './buttonGroup/button-group-sample-4/button-group-sample.component'; -import { ButtonGroupSample5Component } from './buttonGroup/button-group-sample-5/button-group-sample-5.component'; -import { ButtonGroupStyleComponent } from './buttonGroup/button-group-style/button-group-style.component'; -import { ButtonsDisabledComponent } from './buttons/buttons-disabled-sample/buttons-disabled-sample'; -import { ButtonsDisplayDensityComponent } from './buttons/buttons-display-density/buttons-display-density.component'; -import { ButtonsRoundnessComponent } from './buttons/buttons-roundness-sample/buttons-roundness-sample'; -import { ButtonsSample1Component } from './buttons/buttons-sample-1/buttons-sample-1.component'; -import { ButtonsSample2Component } from './buttons/buttons-sample-2/buttons-sample-2.component'; -import { ButtonsSample3Component } from './buttons/buttons-sample-3/buttons-sample-3.component'; -import { ButtonsSample4Component } from './buttons/buttons-sample-4/buttons-sample-4.component'; -import { ButtonsSample5Component } from './buttons/buttons-sample-5/buttons-sample-5.component'; -import { ButtonsSample6Component } from './buttons/buttons-sample-6/buttons-sample-6.component'; -import { ButtonsSample7Component } from './buttons/buttons-sample-7/buttons-sample-7.component'; -import { ButtonsSample8Component } from './buttons/buttons-sample-8/buttons-sample-8.component'; -import { ButtonsStyleComponent } from './buttons/buttons-style/buttons-style.component'; -import { CheckboxSample1Component } from './checkbox/checkbox-sample-1/checkbox-sample-1.component'; -import { CheckboxSample2Component } from './checkbox/checkbox-sample-2/checkbox-sample-2.component'; -import { CheckboxSample3Component } from './checkbox/checkbox-sample-3/checkbox-sample-3.component'; -import { CheckboxStylingComponent } from './checkbox/checkbox-styling/checkbox-styling.component'; -import { DataEntriesRoutingModule } from './data-entries-routing.module'; -import { DropDownRemoteComponent } from './dropdown/drop-down-remote-virtual/drop-down-remote.component'; -import { DropDownVirtualComponent } from './dropdown/drop-down-virtual/drop-down-virtual.component'; -import { DropdownMenuComponent } from './dropdown/dropdown-menu/dropdown-menu.component'; -import { DropdownMultiLevelMenuComponent } from './dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component'; -import { MultiLevelDirective } from './dropdown/dropdown-multi-level-menu/multi-level.directive'; -import { DropDownSample1Component } from './dropdown/dropdown-sample-1/dropdown-sample-1.component'; -import { DropDownSample2Component } from './dropdown/dropdown-sample-2/dropdown-sample-2.component'; -import { DropDownSample3Component } from './dropdown/dropdown-sample-3/dropdown-sample-3.component'; -import { DropDownSample4Component } from './dropdown/dropdown-sample-4/dropdown-sample-4.component'; -import { DropDownSample5Component } from './dropdown/dropdown-sample-5/dropdown-sample-5.component'; -import { DropDownStylingComponent } from './dropdown/dropdown-styling/dropdown-styling.component'; -import { DropdownTreeHierarchicalSelectionComponent } from './dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component'; -import { DropdownTreeGridHierarchicalSelectionComponent } from './dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component'; -import { InputGroupSample1Component } from './input-group/input-group-sample-1/input-group-sample-1.component'; -import { InputGroupSample2Component } from './input-group/input-group-sample-2/input-group-sample-2.component'; -import { InputGroupSample3Component } from './input-group/input-group-sample-3/input-group-sample-3.component'; -import { InputGroupSample4Component } from './input-group/input-group-sample-4/input-group-sample-4.component'; -import { InputGroupSample5Component } from './input-group/input-group-sample-5/input-group-sample-5.component'; -import { InputGroupSample6Component } from './input-group/input-group-sample-6/input-group-sample-6.component'; -import { InputGroupStyleComponent } from './input-group/input-group-styling/input-group-styling.component'; -import { InputTextSelectionComponent } from './input-group/input-text-selection/input-text-selection.component'; -import { ReactiveFormsSampleComponent } from '../how-to/reactive-forms/reactive-forms.component'; -import { RadioGroupVerticalComponent } from './radio/radio-group-vertical/radio-group-vertical.component'; -import { RadioGroupSampleComponent } from './radio/radio-group-sample/radio-group-sample.component'; -import { RadioSample1Component } from './radio/radio-sample-1/radio-sample-1.component'; -import { RadioSample2Component } from './radio/radio-sample-2/radio-sample-2.component'; -import { RadioSample3Component } from './radio/radio-sample-3/radio-sample-3.component'; -import { RadioStylingSampleComponent } from './radio/radio-styling-sample/radio-styling-sample.component'; -import { SelectHeaderFooterComponent } from './select/select-header-footer/select-header-footer.component'; -import { SelectInputDirectivesComponent } from './select/select-input-directives/select-input-directives'; -import { SelectSample1Component } from './select/select-sample-1/select-sample-1.component'; -import { SelectSample2Component } from './select/select-sample-2/select-sample-2.component'; -import { SelectSample4Component } from './select/select-sample-4/select-sample-4.component'; -import { SwitchSample1Component } from './switch/switch-sample-1/switch-sample-1.component'; -import { SwitchSample2Component } from './switch/switch-sample-2/switch-sample-2.component'; -import { SwitchStylingComponent } from './switch/switch-styling/switch-styling.component'; -import { TypedFormComponent } from './input-group/typed-form/typed-form.component'; -import { RatingInFormComponent } from './rating/rating-form/rating-form.component'; -import { TemplateDrivenFormValidationComponent } from './input-group/template-driven-form-validation/template-driven-form-validation.component'; -import { ReactiveFormValidationComponent } from './input-group/reactive-form-validation/reactive-form-validation.component'; -import { ReactiveFormCustomValidationComponent } from './input-group/reactive-form-custom-validation/reactive-form-custom-validation.component'; -import { IconButtonOverviewComponent } from './icon-button/icon-button-overview/icon-button-overview.component'; -import { FlatIconButtonComponent } from './icon-button/flat-icon-button/flat-icon-button.component'; -import { ContainedIconButtonComponent } from './icon-button/contained-icon-button/contained-icon-button.component'; -import { OutlinedIconButtonComponent } from './icon-button/outlined-icon-button/outlined-icon-button.component'; -import { DisabledIconButtonComponent } from './icon-button/disabled-icon-button/disabled-icon-button.component'; -import { SVGIconButtonComponent } from './icon-button/svg-icon-button/svg-icon-button.component'; -import { IconButtonSizeComponent } from './icon-button/icon-button-size/icon-button-size.component'; -import { IconButtonStylingComponent } from './icon-button/icon-button-styling/icon-button-styling.component'; - -@NgModule({ - imports: [CommonModule, - FormsModule, - ReactiveFormsModule, - DataEntriesRoutingModule, - IgxAutocompleteModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxIconButtonDirective, - IgxDialogModule, - IgxIconModule, - IgxRippleModule, - IgxCheckboxModule, - IgxDropDownModule, - IgxInputGroupModule, - IgxNavbarModule, - IgxToggleModule, - IgxComboModule, - IgxDatePickerModule, - IgxTimePickerModule, - IgxToastModule, - IgxRadioModule, - IgxSelectModule, - IgxSwitchModule, - IgxProgressBarModule, - IgxForOfModule, - IgxTextSelectionModule, - IgxFocusModule, - IgxCardModule, - IgxDividerModule, - IgcFormsModule, - IgxChipsModule, - IgxTreeModule, - IgxTreeGridModule, - IgxSliderModule, - IgxDateRangePickerModule, - IgxCalendarModule, - IgxCardModule, AutocompleteBasicComponent, - AutocompletePipeStartsWith, - ButtonGroupSample1Component, - ButtonGroupSample2Component, - ButtonGroupSample3Component, - ButtonGroupSample5Component, - ButtonsDisabledComponent, - ButtonsRoundnessComponent, - ButtonsSample1Component, - ButtonsSample2Component, - ButtonsSample3Component, - ButtonsSample4Component, - ButtonsSample5Component, - ButtonsSample6Component, - ButtonsSample7Component, - ButtonsSample8Component, - CheckboxSample1Component, - CheckboxSample2Component, - CheckboxSample3Component, - CheckboxStylingComponent, - DropDownRemoteComponent, - DropDownVirtualComponent, - DropdownMenuComponent, - DropdownMultiLevelMenuComponent, - MultiLevelDirective, - DropDownSample1Component, - DropDownSample2Component, - DropDownSample3Component, - DropDownSample4Component, - DropDownSample5Component, - DropDownStylingComponent, - DropdownTreeHierarchicalSelectionComponent, - DropdownTreeGridHierarchicalSelectionComponent, - IconButtonOverviewComponent, - FlatIconButtonComponent, - ContainedIconButtonComponent, - OutlinedIconButtonComponent, - DisabledIconButtonComponent, - SVGIconButtonComponent, - IconButtonSizeComponent, - IconButtonStylingComponent, - InputGroupSample1Component, - InputGroupSample2Component, - InputGroupSample3Component, - InputGroupSample4Component, - InputGroupSample5Component, - InputGroupSample6Component, - InputGroupStyleComponent, - MovieComponent, - ReactiveFormsSampleComponent, - RadioGroupVerticalComponent, - RadioGroupSampleComponent, - RadioSample1Component, - RadioSample2Component, - RadioSample3Component, - RadioStylingSampleComponent, - RatingInFormComponent, - SwitchSample1Component, - SwitchSample2Component, - SwitchStylingComponent, - SelectSample1Component, - SelectSample2Component, - SelectSample4Component, - SelectInputDirectivesComponent, - SelectHeaderFooterComponent, - ButtonGroupSampleComponent, - ButtonsDisplayDensityComponent, - ButtonsStyleComponent, - ButtonGroupStyleComponent, - InputTextSelectionComponent, - TypedFormComponent, - TemplateDrivenFormValidationComponent, - ReactiveFormValidationComponent, - ReactiveFormCustomValidationComponent], providers: [provideHttpClient(withInterceptorsFromDi())] }) -export class DataEntriesModule { } diff --git a/src/app/data-entries/data-entries-routing.module.ts b/src/app/data-entries/data-entries.routes.ts similarity index 98% rename from src/app/data-entries/data-entries-routing.module.ts rename to src/app/data-entries/data-entries.routes.ts index 36789a4d20..c1693acb6c 100644 --- a/src/app/data-entries/data-entries-routing.module.ts +++ b/src/app/data-entries/data-entries.routes.ts @@ -1,5 +1,4 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { AutocompleteBasicComponent } from './autocomplete/autocomplete/autocomplete.component'; import { MovieComponent } from './autocomplete/movie/movie.component'; import { ButtonGroupSample1Component } from './buttonGroup/button-group-sample-1/button-group-sample-1.component'; @@ -74,7 +73,7 @@ import { SVGIconButtonComponent } from './icon-button/svg-icon-button/svg-icon-b import { IconButtonSizeComponent } from './icon-button/icon-button-size/icon-button-size.component'; import { IconButtonStylingComponent } from './icon-button/icon-button-styling/icon-button-styling.component'; -export const dataEntriesRoutes: Routes = [ +export const DataEntriesRoutes: Routes = [ { component: AutocompleteBasicComponent, data: dataEntriesRoutesData.autocomplete, @@ -436,13 +435,3 @@ export const dataEntriesRoutes: Routes = [ path: 'reactive-form-custom-validation' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(dataEntriesRoutes) - ] -}) -export class DataEntriesRoutingModule { } diff --git a/src/app/data-entries/input-group/base-input.component.ts b/src/app/data-entries/input-group/base-input.component.ts index 0dfa780cdb..7ae493dc2e 100644 --- a/src/app/data-entries/input-group/base-input.component.ts +++ b/src/app/data-entries/input-group/base-input.component.ts @@ -1,10 +1,9 @@ -import { AfterViewInit, Directive, HostListener, QueryList, ViewChildren } from '@angular/core'; +import { Directive, HostListener, QueryList, ViewChildren } from '@angular/core'; import { IgxInputGroupComponent } from 'igniteui-angular'; @Directive({ // eslint-disable-next-line @angular-eslint/directive-selector - selector: 'input-group-sample-base', - standalone: false + selector: 'input-group-sample-base' }) // eslint-disable-next-line @angular-eslint/directive-class-suffix export class BaseInputGroupSampleComponent { diff --git a/src/app/grid/grids.module.ts b/src/app/grid/grids.module.ts deleted file mode 100644 index 2c9fb7426b..0000000000 --- a/src/app/grid/grids.module.ts +++ /dev/null @@ -1,315 +0,0 @@ -/* eslint-disable max-len */ -// tslint:disable:max-line-length -import { CommonModule } from '@angular/common'; -import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { - IgcFormsModule, IgxActionStripModule, IgxAvatarModule, IgxBadgeModule, IgxBannerModule, IgxButtonGroupModule, IgxButtonModule, - IgxCardModule, IgxCheckboxModule, IgxChipsModule, IgxComboModule, IgxDatePickerModule, IgxDialogModule, IgxDividerModule, - IgxDragDropModule, - IgxDropDownModule, - IgxExpansionPanelModule, IgxFocusModule, IgxGridModule, IgxIconButtonDirective, IgxIconModule, IgxInputGroupModule, IgxListModule, IgxProgressBarModule, - IgxRadioModule, IgxRippleModule, IgxSelectModule, IgxSimpleComboModule, IgxSliderModule, IgxSnackbarModule, IgxSwitchModule, - IgxTabsModule, IgxToastModule, IgxToggleModule, IgxTooltipModule -} from 'igniteui-angular'; - -import { GridColumnGroupSelectionComponent } from './column-group-selection-sample/column-group-selection-sample.component'; -import { GridColumnSelectionComponent } from './column-selection-sample/column-selection-sample.component'; -import { GridColumnSelectionStylesComponent } from './column-selection-styles/column-selection-styles.component'; -import { CustomGridPagingStyleSampleComponent } from './custom-grid-paging-style/custom-grid-paging-style.component'; -import { GridActionStripSampleComponent } from './grid-action-strip/grid-action-strip-sample'; -import { GridAdvancedFilteringSampleComponent } from './grid-advanced-filtering-sample/grid-advanced-filtering-sample.component'; -import { GridAdvancedFilteringStyleComponent } from './grid-advanced-filtering-style/grid-advanced-filtering-style.component'; -import { GridAllDataSummaryComponent } from './grid-allData-summary/grid-allData-summary.component'; -import { GridBatchEditingSampleComponent } from './grid-batch-editing/grid-batch-editing-sample.component'; -import { RemotePagingBatchEditingComponent } from './grid-batchEditing-remotePaging/batch-editing-remote-paging.component'; -import { GridCellSelectionComponent } from './grid-cellSelection-sample/grid-cellSelection.component'; -import { GridClipboardSampleComponent } from './grid-clipboard-operations-sample/grid-clipboard-operations-sample.component'; -import { GridCollapsibleColumnGroupsComponent } from './grid-collapsible-columnGroups/grid-collapsible-column-groups.component'; -import { GridColumnHidingSampleComponent } from './grid-column-hiding-sample/grid-column-hiding-sample.component'; -import { GridColumnHidingToolbarSampleComponent } from './grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component'; -import { GridColumnHidingToolbarStyleComponent } from './grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component'; -import { GridCompositeDataComponent } from './grid-composite-data-binding/grid-composite-data.component'; -import { GridConditionalCellStyle2Component } from './grid-conditional-cell-style-2/grid-conditional-cell-style-2.component'; -import { GridConditionalCellStyleComponent } from './grid-conditional-cell-style/grid-conditional-cell-style.component'; -import { GridConditionalRowSelectorsComponent } from './grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component'; -import { ContextmenuComponent } from './grid-contextmenu-sample/contextmenu/contextmenu.component'; -import { GridContextmenuSampleComponent } from './grid-contextmenu-sample/grid-contextmenu-sample.component'; -import { GridCustomFilteringComponent } from './grid-custom-filtering/grid-custom-filtering.component'; -import { GridCustomKBNavigationComponent } from './grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component'; -import { CustomRemotePagingGridSampleComponent } from './grid-custom-remote-paging-sample/custom-remote-paging-sample.component'; -import { GridCustomSummariesSelectionComponent } from './grid-custom-summaries-selection/grid-custom-summaries-selection.component'; -import { GridDisableSummariesComponent } from './grid-disable-summaries/grid-disable-summaries.component'; -import { GridDisplayDensitySampleComponent } from './grid-displaydensity-sample/grid-displaydensity-sample.component'; -import { GridEditingEventsComponent } from './grid-editing-events/grid-editing-events.component'; -import { GridEditingLifecycleComponent } from './grid-editing-lifecycle-sample/grid-editing-lifecycle.component'; -import { GridEditingSampleComponent } from './grid-editing-sample/grid-editing-sample.component'; -import { GridAddRowSampleComponent } from './grid-add-row-sample/grid-add-row-sample.component'; -import { GridEditingStyleSampleComponent } from './grid-editing-style-sample/grid-editing-style-sample.component'; -import { GridExcelStyleFilteringLoadOnDemandComponent } from './grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component'; -import { ExcelStyleFilteringSample1Component } from './grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component'; -import { ExcelStyleFilteringSample2Component } from './grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component'; -import { ExcelStyleFilteringSample3Component } from './grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component'; -import { ExcelStyleFilteringStyleComponent } from './grid-excel-style-filtering-style/grid-excel-style-filtering-style.component'; -import { GridExternalAdvancedFilteringComponent } from './grid-external-advanced-filtering/grid-external-advanced-filtering.component'; -import { GridExternalExcelStyleFilteringComponent } from './grid-external-excel-style-filtering/grid-external-excel-style-filtering.component'; -import { GridExternalOutletComponent } from './grid-external-outlet-sample/grid-external-outlet-sample.component'; -import { FilteringSampleComponent } from './grid-filtering-sample/grid-filtering-sample.component'; -import { GridFilteringStyleComponent } from './grid-filtering-style/grid-filtering-style.component'; -import { FilteringTemplateSampleComponent } from './grid-filtering-template-sample/grid-filtering-template-sample.component'; -import { GridGroupByPagingSampleComponent } from './grid-group-by-paging-sample/grid-group-by-paging-sample.component'; -import { GridGroupBySampleComponent } from './grid-groupby-sample/grid-groupby-sample.component'; -import { GridGroupByCustomSampleComponent } from './grid-groupby-custom-sample/grid-groupby-custom-sample.component'; -import { GridGroupByStylingComponent } from './grid-groupby-styling/grid-groupby-styling.component'; -import { GridGroupBySummarySampleComponent } from './grid-groupby-summary-sample/grid-groupby-summary-sample.component'; -import { GridGroupBySummaryStylingSampleComponent } from './grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component'; -import { GridKeyboardnavGuide } from './grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component'; -import { GridMovingSampleComponent } from './grid-moving-sample/grid-moving-sample.component'; -import { GridMovingStyledSampleComponent } from './grid-moving-styled-sample/grid-moving-styled-sample.component'; -import { GridMRLCustomNavigationComponent } from './grid-mrl-custom-navigation/grid-mrl-custom-navigation.component'; -import { GridMultiCellSelectionStyleComponent } from './grid-multi-cell-selection-style/grid-multi-cell-selection-style.component'; -import { GridMultiCellSelectionComponent } from './grid-multi-cell-selection/grid-multi-cell-selection.component'; -import { GridMultiRowLayoutConfigurationComponent } from './grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component'; -import { GridMultiRowLayoutStylingComponent } from './grid-multi-row-layout-styling/grid-multi-row-layout-styling.component'; -import { GridMultiRowLayoutComponent } from './grid-multi-row-layout/grid-multi-row-layout.component'; -import { GridMultipleRowDragComponent } from './grid-multiple-row-drag/grid-multiple-row-drag.component'; -import { GridNestedDataBindComponent } from './grid-nested-data-binding/grid-nested-data-bind'; -import { GridNestedDataBindAminoacidComponent } from './grid-nested-data-binding-2/grid-nested-data-bind2'; -import { GridPagerSampleComponent } from './grid-pager-sample/grid-pager-sample.component'; -import { PagingSampleComponent } from './grid-paging-sample/grid-paging-sample.component'; -import { GridPasteSampleComponent } from './grid-paste/grid-paste-sample.component'; -import { PasteHandler } from './grid-paste/paste-handler.directive'; -import { RemoteFilteringSampleComponent } from './grid-remote-filtering-sample/remote-filtering-sample.component'; -import { RemotePagingDefaultTemplateComponent } from './grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component'; -import { RemotePagingGridSampleComponent } from './grid-remote-paging-sample/remote-paging-sample.component'; -import { GridResizeLineStylingSampleComponent } from './grid-resize-line-styling-sample/grid-resize-line-styling-sample'; -import { ResizingSampleComponent } from './grid-resizing-sample/grid-resizing-sample.component'; -import { GridDragBaseSampleComponent } from './grid-row-drag-base/grid-row-drag-base.component'; -import { GridDragToGridSampleComponent } from './grid-row-drag-to-grid/grid-row-drag-to-grid.component'; -import { GridDragSampleComponent } from './grid-row-drag/grid-row-drag.component'; -import { PlanetComponent } from './grid-row-drag/planet/planet.component'; -import { GridRowEditSampleComponent } from './grid-row-editing-sample/grid-row-editing-sample.component'; -import { GridRowEditStyleComponent } from './grid-row-editing-style/grid-row-editing-style.component'; -import { GridPinningDragSampleComponent } from './grid-row-pinning-drag/grid-row-pinning-drag.component'; -import { GridRowPinningExtraColumnSampleComponent } from './grid-row-pinning-extra-column/grid-row-pinning-extra-column.component'; -import { GridRowPinningStylingSampleComponent } from './grid-row-pinning-styling/grid-row-pinning-styling.component'; -import { GridRowPinningSampleComponent } from './grid-row-pinning/grid-row-pinning.component'; -import { GridRowReorderComponent } from './grid-row-reorder-sample/grid-row-reorder'; -import { GridDropIndicatorComponent } from './grid-drop-indicator/grid-drop-indicator'; -import { FinancialSampleComponent } from './grid-sample-2/grid-sample-2.component'; -import { GridSample3Component } from './grid-sample-3/grid-sample-3.component'; -import { GridRemoteVirtualizationSampleComponent } from './grid-sample-4/grid-sample-4.component'; -import { GridRemoteVirtualizationAddRowSampleComponent } from './grid-sample-5/grid-sample-5.component'; -import { PinningStylingComponent } from './grid-sample-pinning-styling/grid-pinning-styling.component'; -import { PinningSampleComponent } from './grid-sample-pinning/grid-pinning.component'; -import { PinningToolbarSampleComponent } from './grid-sample-pinning/grid-toolbar-pinning.component'; -import { RightPinningSampleComponent } from './grid-sample-right-pinning/grid-right-pinning.component'; -import { GridSelectionTemplateExcelComponent } from './grid-sample-selection-template-excel/grid-sample-selection-template-excel.component'; -import { GridSelectionTemplateNumbersComponent } from './grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component'; -import { GridSelectionSampleComponent } from './grid-sample-selection/grid-selection.component'; -import { AboutComponent } from './grid-save-state/about.component'; -import { GridSaveStateComponent } from './grid-save-state/grid-state.component'; -import { GridSearchSampleComponent } from './grid-search-sample/grid-search-sample.component'; -import { SortingSampleComponent } from './grid-sorting-sample/grid-sorting-sample.component'; -import { SortingStylingComponent } from './grid-sorting-styling/grid-sorting-styling.component'; -import { GridToolbarSample1Component } from './grid-toolbar-sample/grid-toolbar-sample-1.component'; -import { GridToolbarSample2Component } from './grid-toolbar-sample/grid-toolbar-sample-2.component'; -import { GridToolbarSample3Component } from './grid-toolbar-sample/grid-toolbar-sample-3.component'; -import { GridToolbarSample4Component } from './grid-toolbar-sample/grid-toolbar-sample-4.component'; -import { GridToolbarStyleComponent } from './grid-toolbar-style/grid-toolbar-style.component'; -import { GridsRoutingModule } from './grids-routing.module'; -import { GridMultiColumnHeaderTemplateComponent } from './multi-column-header-template/multi-column-header-template'; -import { GridMultiColumnHeadersStylingComponent } from './multi-column-headers-styling/multi-column-headers-styling.component'; -import { GridMultiColumnHeadersComponent } from './multi-column-headers/multi-column-headers'; -import { GridSortingIndicatorsComponent } from './grid-sorting-indicators/grid-sorting-indicators.component'; -import { GridExportVisualizationComponent } from './grid-export-visualization/grid-export-visualization.component'; -import { GridSelectComponent } from './grid-select/grid-select-sample.component'; -import { GridColumnDataTypesSampleComponent } from './grid-column-data-types-sample/grid-column-data-types-sample.component'; -import { GridFormattedFilteringStrategyComponent } from './grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component'; -import { GridSummaryFormatterComponent } from './grid-summary-formatter/grid-summary-formatter.component'; -import { GridMultiColumnHeadersExportComponent } from './multi-column-headers-export/multi-column-headers-export.component'; -import { CRUDSampleComponent } from './grid-crud-sample/crud-sample.component'; -import { GridRowClassesComponent } from './grid-rowClasses-sample/grid-rowClasses.component'; -import { GridRowStylesComponent } from './grid-rowStyles-sample/grid-rowStyles.component'; -import { GridSummaryTemplateComponent } from './grid-summary-template/grid-summary-template.component'; -import { GridExcelStyleEditingComponent } from './grid-editing-excel-style/grid-editing-excel-style.component'; -import { GridColumnAutosizingComponent } from './grid-column-autosizing/grid-column-autosizing.component'; -import { GridWithRatingComponent } from './grid-with-rating/grid-with-rating.component'; -import { GridValidatorServiceComponent } from './grid-validator-service/grid-validator-service.component'; -import { GridValidatorServiceCrossFieldComponent } from './grid-validator-service-cross-field/grid-validator-service-cross-field.component'; -import { GridValidationStyleComponent } from './grid-validation-style/grid-validation-style.component'; -import { GridValidatorServiceExtendedComponent, PhoneFormatDirective } from './grid-validator-service-extended/grid-validator-service-extended.component'; -import { GridSummaryExportComponent } from './grid-summary-export/grid-summary-export.component'; -import { GridStatePersistenceSampleComponent } from './grid-state-persistence-sample/grid-state-persistance-sample.component'; -import { GridCascadingCombosComponent } from './grid-cascading-combos/grid-cascading-combos.component'; - -@NgModule({ - imports: [CommonModule, - FormsModule, - GridsRoutingModule, - IgcFormsModule, - IgxActionStripModule, - IgxAvatarModule, - IgxBadgeModule, - IgxBannerModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxCheckboxModule, - IgxChipsModule, - IgxComboModule, - IgxDatePickerModule, - IgxDialogModule, - IgxFocusModule, - IgxGridModule, - IgxIconModule, - IgxInputGroupModule, - IgxProgressBarModule, - IgxRadioModule, - IgxRippleModule, - IgxSliderModule, - IgxSwitchModule, - IgxToastModule, - IgxToggleModule, - IgxTooltipModule, - IgxExpansionPanelModule, - IgxSelectModule, - IgxSnackbarModule, - IgxTabsModule, - IgxCardModule, - IgxDividerModule, - IgxActionStripModule, - IgxListModule, - IgxSimpleComboModule, - IgxDragDropModule, - IgxDropDownModule, - IgxIconButtonDirective, GridBatchEditingSampleComponent, - GridActionStripSampleComponent, - GridColumnHidingSampleComponent, - GridColumnHidingToolbarSampleComponent, - GridConditionalCellStyle2Component, - GridConditionalCellStyleComponent, - GridCustomFilteringComponent, - GridDisplayDensitySampleComponent, - GridEditingSampleComponent, - ExcelStyleFilteringSample1Component, - ExcelStyleFilteringSample2Component, - ExcelStyleFilteringSample3Component, - ExcelStyleFilteringStyleComponent, - FilteringSampleComponent, - FilteringTemplateSampleComponent, - GridGroupBySampleComponent, - GridGroupByCustomSampleComponent, - GridGroupBySummarySampleComponent, - GridGroupBySummaryStylingSampleComponent, - GridMovingSampleComponent, - GridMovingStyledSampleComponent, - PagingSampleComponent, - GridPasteSampleComponent, - RemoteFilteringSampleComponent, - CRUDSampleComponent, - RemotePagingGridSampleComponent, - CustomRemotePagingGridSampleComponent, - ResizingSampleComponent, - GridResizeLineStylingSampleComponent, - GridRowEditSampleComponent, - GridRowEditStyleComponent, - GridAddRowSampleComponent, - GridEditingStyleSampleComponent, - GridEditingEventsComponent, - GridExcelStyleEditingComponent, - FinancialSampleComponent, - GridSample3Component, - GridRemoteVirtualizationSampleComponent, - GridRemoteVirtualizationAddRowSampleComponent, - PinningSampleComponent, - PinningToolbarSampleComponent, - GridRowPinningSampleComponent, - GridRowPinningExtraColumnSampleComponent, - GridPinningDragSampleComponent, - GridRowPinningStylingSampleComponent, - GridSelectionSampleComponent, - GridSelectionTemplateExcelComponent, - GridSelectionTemplateNumbersComponent, - GridSearchSampleComponent, - SortingSampleComponent, - SortingStylingComponent, - GridToolbarSample1Component, - GridToolbarSample2Component, - GridToolbarSample3Component, - GridToolbarSample4Component, - GridMultiColumnHeadersComponent, - GridMultiColumnHeadersStylingComponent, - GridMultiColumnHeadersExportComponent, - PasteHandler, - GridCustomKBNavigationComponent, - GridSaveStateComponent, - AboutComponent, - GridMultiCellSelectionComponent, - GridMultiCellSelectionStyleComponent, - GridCompositeDataComponent, - GridNestedDataBindComponent, - GridNestedDataBindAminoacidComponent, - GridMultiRowLayoutComponent, - GridMultiRowLayoutConfigurationComponent, - GridDragSampleComponent, - PlanetComponent, - GridDragBaseSampleComponent, - GridDragToGridSampleComponent, - GridContextmenuSampleComponent, - GridMRLCustomNavigationComponent, - ContextmenuComponent, - CustomGridPagingStyleSampleComponent, - GridRowReorderComponent, - GridDropIndicatorComponent, - GridColumnHidingToolbarStyleComponent, - GridMultiColumnHeaderTemplateComponent, - GridClipboardSampleComponent, - GridToolbarStyleComponent, - GridGroupByPagingSampleComponent, - GridPagerSampleComponent, - GridFilteringStyleComponent, - GridExcelStyleFilteringLoadOnDemandComponent, - GridExternalExcelStyleFilteringComponent, - GridExternalOutletComponent, - GridCustomSummariesSelectionComponent, - GridDisableSummariesComponent, - GridMultiRowLayoutStylingComponent, - PinningStylingComponent, - GridGroupByStylingComponent, - GridAdvancedFilteringSampleComponent, - GridColumnDataTypesSampleComponent, - GridAdvancedFilteringStyleComponent, - GridCellSelectionComponent, - GridConditionalRowSelectorsComponent, - GridMultipleRowDragComponent, - GridExternalAdvancedFilteringComponent, - GridCollapsibleColumnGroupsComponent, - GridAllDataSummaryComponent, - GridSummaryTemplateComponent, - RightPinningSampleComponent, - GridColumnSelectionComponent, - GridColumnGroupSelectionComponent, - GridColumnSelectionStylesComponent, - GridKeyboardnavGuide, - RemotePagingDefaultTemplateComponent, - RemotePagingBatchEditingComponent, - GridSortingIndicatorsComponent, - GridExportVisualizationComponent, - GridEditingLifecycleComponent, - GridSelectComponent, - GridFormattedFilteringStrategyComponent, - GridSummaryFormatterComponent, - GridRowClassesComponent, - GridRowStylesComponent, - GridColumnAutosizingComponent, - GridWithRatingComponent, - GridValidatorServiceComponent, - GridValidatorServiceCrossFieldComponent, - GridValidationStyleComponent, - GridValidatorServiceExtendedComponent, - PhoneFormatDirective, - GridSummaryExportComponent, - GridStatePersistenceSampleComponent, - GridCascadingCombosComponent], providers: [provideHttpClient(withInterceptorsFromDi())] }) -export class GridsModule { } diff --git a/src/app/grid/grids-routing.module.ts b/src/app/grid/grids.routes.ts similarity index 99% rename from src/app/grid/grids-routing.module.ts rename to src/app/grid/grids.routes.ts index fa63ea4a1c..150e2c0407 100644 --- a/src/app/grid/grids-routing.module.ts +++ b/src/app/grid/grids.routes.ts @@ -1,6 +1,5 @@ /* eslint-disable max-len */ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { GridBatchEditingSampleComponent } from './grid-batch-editing/grid-batch-editing-sample.component'; import { GridClipboardSampleComponent } from './grid-clipboard-operations-sample/grid-clipboard-operations-sample.component'; import { GridColumnHidingSampleComponent } from './grid-column-hiding-sample/grid-column-hiding-sample.component'; @@ -135,7 +134,7 @@ import { GridCascadingCombosComponent } from './grid-cascading-combos/grid-casca // tslint:enable:max-line-length -export const gridsRoutes: Routes = [ +export const GridsRoutes: Routes = [ { component: GridSample3Component, data: gridsRoutesData['grid-summary'], @@ -767,13 +766,3 @@ export const gridsRoutes: Routes = [ path: 'grid-cascading-combos' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(gridsRoutes) - ] -}) -export class GridsRoutingModule { } diff --git a/src/app/hierarchical-grid/hierarchical-grid.module.ts b/src/app/hierarchical-grid/hierarchical-grid.module.ts deleted file mode 100644 index 5632302618..0000000000 --- a/src/app/hierarchical-grid/hierarchical-grid.module.ts +++ /dev/null @@ -1,226 +0,0 @@ -/* eslint-disable max-len */ -/* tslint:disable:max-line-length */ -import { CommonModule } from '@angular/common'; -import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'; -import { NgModule } from '@angular/core'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { IgxActionStripModule, IgxAvatarModule, IgxBadgeModule, IgxBannerModule, IgxButtonGroupModule, IgxButtonModule, IgxCheckboxModule, - IgxChipsModule, IgxComboModule, IgxDatePickerModule, IgxDialogModule, - IgxDragDropModule, - IgxFocusModule, IgxGridModule, IgxHierarchicalGridModule, IgxIconButtonDirective, IgxIconModule, IgxInputGroupModule, - IgxListModule, IgxProgressBarModule, IgxRadioModule, IgxRippleModule, IgxSelectModule, IgxSliderModule, IgxSnackbarModule, IgxSwitchModule, - IgxTabsModule, IgxToastModule, IgxToggleModule, IgxTooltipModule } from 'igniteui-angular'; - -import { HierarchicalGridColumnGroupSelectionComponent } from './column-group-selection/hierarchical-grid-column-group-selection.component'; -import { HGridColumnSelectionStylesComponent } from './column-selection-styles/hierarchical-grid-column-selection-styles.component'; -import { HierarchicalGridColumnSelectionComponent } from './column-selection/hierarchical-grid-column-selection.component'; -import { HGridKeyboardnavGuide } from './hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component'; -import { HGridAddRowSampleComponent } from './hierarchical-grid-add-row/hierarchical-grid-add-row.component'; -import { HGridAdvancedFilteringStyleComponent } from './hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component'; -import { HGridAdvancedFilteringSampleComponent } from './hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component'; -import { HGridAllDataSummaryComponent } from './hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component'; -import { HGridBatchEditingSampleComponent } from './hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component'; -import { HGridCollapsibleColumnGroupComponent } from './hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component'; -import { HierarchicalGridColumnHidingToolbarStyleComponent } from './hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component'; -import { HGridCostumHidingSampleComponent } from './hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component'; -import { HGridColumnHidingSampleComponent } from './hierarchical-grid-column-hiding/hierarchical-grid-hiding.component'; -import { HGridColumnMovingSampleStyledComponent } from './hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component'; -import { HGridColumnMovingSampleComponent } from './hierarchical-grid-column-moving/hierarchical-grid-moving.component'; -import { HGridPinningSampleComponent } from './hierarchical-grid-column-pinning/hierarchical-grid-pinning.component'; -import { HGridToolbarPinningComponent } from './hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component'; -import { HGridConditionalRowSelectorsComponent } from './hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component'; -import { HGridCustomKBNavigationComponent } from './hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component'; -import { HierarchicalGridDisableSummariesComponent } from './hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component'; -import { HGridDisplayDensitySampleComponent } from './hierarchical-grid-display-density/hierarchical-grid-density.component'; -import { HGridEditingEventsComponent } from './hierarchical-grid-editing-events/hierarchical-grid-editing-events.component'; -import { HGridEditingStyleComponent } from './hierarchical-grid-editing-style/hierarchical-grid-editing-style.component'; -import { HGridEditingSampleComponent } from './hierarchical-grid-editing/hierarchical-grid-editing.component'; -import { HierarchicalGridExcelStyleFilteringLoadOnDemandComponent } from './hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component'; -import { HGridExcelStyleFilteringSample1Component } from './hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component'; -import { HGridExcelStyleFilteringSample2Component } from './hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component'; -import { HGridExcelStyleFilteringSample3Component } from './hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component'; -import { HGridExcelStyleFilteringStyleComponent } from './hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component'; -import { HGridExternalAdvancedFilteringComponent } from './hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component'; -import { HGridExternalExcelStyleFilteringComponent } from './hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component'; -import { HierarchicalGridFilteringStyleComponent } from './hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component'; -import { HGridFilteringTemplateSampleComponent } from './hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component'; -import { HGridCustomFilteringSampleComponent } from './hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component'; -import { HGridFilteringSampleComponent } from './hierarchical-grid-filtering/hierarchical-grid-filtering.component'; -import { HierarchicalGridLoDSampleComponent } from './hierarchical-grid-lod/hierarchical-grid-lod.component'; -import { HGridMultiCellStyleComponent } from './hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component'; -import { HGridMultiHeaderTemplateSampleComponent } from './hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component'; -import { HGridMultiHeadersStylingComponent } from './hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component'; -import { HGridMultiHeadersSampleComponent } from './hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component'; -import { HGridMultiRowDragComponent } from './hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component'; -import { HGridMultiColumnHeadersExportComponent } from './hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component'; -import { HGridPagingStyleSampleComponent } from './hierarchical-grid-paging-style/hierarchical-grid-paging-style.component'; -import { HGridPagingSampleComponent } from './hierarchical-grid-paging/hierarchical-grid-paging.component'; -import { HGridRemotePagingSampleComponent } from './hierarchical-grid-paging/hierarchical-grid-remote-paging.component'; -import { HGridRemotePagingDefaultTemplateComponent } from './hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component'; -import { HGridResizeLineStylingComponent } from './hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component'; -import { HierarchicalGridRoutingModule } from './hierarchical-grid-routing.module'; -import { HGridRowDragBaseComponent } from './hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component'; -import { HGridDragSampleComponent } from './hierarchical-grid-row-drag/hierarchical-grid-row-drag.component'; -import { HGridRowEditStyleComponent } from './hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component'; -import { HGridRowEditingSampleComponent } from './hierarchical-grid-row-editing/hierarchical-grid-row-editing.component'; -import { HGridRowPinningExtraColumnSampleComponent } from './hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component'; -import { HGridRowPinningStylingSampleComponent } from './hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component'; -import { HGridRowPinningSampleComponent } from './hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component'; -import { HGridRowReorderComponent } from './hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component'; -import { HierarchicalGridRightPinningSampleComponent } from './hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component'; -import { HGridSaveStateComponent } from './hierarchical-grid-save-state/hGrid-state.component'; -import { HGridSelectionTemplateNumbersSampleComponent } from './hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component'; -import { HGridSelectionSampleComponent } from './hierarchical-grid-selection/hierarchical-grid-selection.component'; -import { HGridSortingStylingComponent } from './hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component'; -import { HGridContextmenuComponent } from './hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component'; -import { HGridSortingSampleComponent } from './hierarchical-grid-sorting/hierarchical-grid-sorting.component'; -import { HGridStylingComponent } from './hierarchical-grid-styling/hierarchical-grid-styling.component'; -import { HGridSummaryStylingComponent } from './hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component'; -import { HGridSummarySampleComponent } from './hierarchical-grid-summary/hierarchical-grid-summary.component'; -import { HierarchicalGridToolbarStyleComponent } from './hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component'; -import { HGridToolbarCustomSampleComponent } from './hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component'; -import { HGridToolbarOptionsSampleComponent } from './hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component'; -import { HGridToolbarTitleSampleComponent } from './hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component'; -import { HGridAboutComponent } from './hierarchical-grid-save-state/about.component'; -import { HierarchicalGridExternalOutletComponent } from './hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component'; -import { HGridEditingLifecycleComponent } from './hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component'; -import { HierarchicalGridCellSelectionComponent } from './hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component'; -import { HGridFormattedFilteringStrategyComponent } from './hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component'; -import { HGridSummaryFormatterComponent } from './hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component'; -import { HGridExcelExportSampleComponent } from './hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample'; -import { HierarchicalGridPagerSampleComponent } from './hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component'; -import { HGridRowStylesSampleComponent } from './hgrid-rowStyle-sample/hgrid-rowStyles.component'; -import { HGridRowClassesSampleComponent } from './hgrid-rowClasses-sample/hgrid-rowClasses.component'; -import { HGridActionStripSampleComponent } from './hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample'; -import { HGridSummaryTemplateComponent } from './hgrid-summary-template/hgrid-summary-template.component'; -import { HierarchicalGridValidatorServiceComponent } from './hierarchical-grid-validator-service/hierarchical-grid-validator-service.component'; -import { HGridColumnAutoSizingSampleComponent } from './hgrid-column-autosizing/hgrid-column-autosizing.component'; -import { HierarchicalGridValidatorServiceCrossCellComponent } from './hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component'; -import { HGridValidationStyleComponent } from './hierarchical-grid-validation-style/hierarchical-grid-validation-style.component'; -import { HGridPhoneFormatDirective, HierarchicalGridValidatorServiceExtendedComponent } from './hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component'; -import { HGridSummaryExportComponent } from './hgrid-summary-export/hgrid-summary-export.component'; - -@NgModule({ - imports: [CommonModule, - FormsModule, - ReactiveFormsModule, - HierarchicalGridRoutingModule, - IgxActionStripModule, - IgxAvatarModule, - IgxBadgeModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxCheckboxModule, - IgxChipsModule, - IgxComboModule, - IgxDatePickerModule, - IgxDialogModule, - IgxFocusModule, - IgxGridModule, - IgxHierarchicalGridModule, - IgxIconModule, - IgxInputGroupModule, - IgxProgressBarModule, - IgxRadioModule, - IgxRippleModule, - IgxSliderModule, - IgxSwitchModule, - IgxToastModule, - IgxToggleModule, - IgxSelectModule, - IgxBannerModule, - IgxSnackbarModule, - IgxTooltipModule, - IgxTabsModule, - IgxListModule, - IgxDragDropModule, - IgxIconButtonDirective, HGridFilteringSampleComponent, - HGridCustomFilteringSampleComponent, - HGridSortingStylingComponent, - HGridSortingSampleComponent, - HGridContextmenuComponent, - HGridSelectionSampleComponent, - HGridSelectionTemplateNumbersSampleComponent, - HGridSummarySampleComponent, - HGridSummaryStylingComponent, - HGridSaveStateComponent, - HGridAboutComponent, - HGridPagingSampleComponent, - HGridPagingStyleSampleComponent, - HGridRemotePagingSampleComponent, - HGridPinningSampleComponent, - HGridToolbarPinningComponent, - HGridColumnHidingSampleComponent, - HGridCostumHidingSampleComponent, - HGridDisplayDensitySampleComponent, - HGridColumnMovingSampleStyledComponent, - HGridColumnMovingSampleComponent, - HGridMultiCellStyleComponent, - HGridMultiHeadersSampleComponent, - HGridMultiHeadersStylingComponent, - HGridToolbarTitleSampleComponent, - HGridToolbarOptionsSampleComponent, - HGridToolbarCustomSampleComponent, - HGridRowEditingSampleComponent, - HGridRowEditStyleComponent, - HGridRowPinningExtraColumnSampleComponent, - HGridRowPinningSampleComponent, - HGridRowPinningStylingSampleComponent, - HGridEditingSampleComponent, - HGridEditingStyleComponent, - HGridEditingEventsComponent, - HGridBatchEditingSampleComponent, - HierarchicalGridLoDSampleComponent, - HGridExcelStyleFilteringSample1Component, - HGridExcelStyleFilteringSample2Component, - HGridExcelStyleFilteringSample3Component, - HGridExcelStyleFilteringStyleComponent, - HGridExcelExportSampleComponent, - HGridFilteringTemplateSampleComponent, - HGridDragSampleComponent, - HGridRowDragBaseComponent, - HGridMultiRowDragComponent, - HGridCustomKBNavigationComponent, - HierarchicalGridDisableSummariesComponent, - HGridRowReorderComponent, - HGridResizeLineStylingComponent, - HierarchicalGridColumnHidingToolbarStyleComponent, - HGridMultiHeaderTemplateSampleComponent, - HGridMultiColumnHeadersExportComponent, - HierarchicalGridToolbarStyleComponent, - HierarchicalGridFilteringStyleComponent, - HierarchicalGridExcelStyleFilteringLoadOnDemandComponent, - HGridAddRowSampleComponent, - HGridAdvancedFilteringSampleComponent, - HGridAdvancedFilteringStyleComponent, - HGridStylingComponent, - HGridConditionalRowSelectorsComponent, - HGridExternalAdvancedFilteringComponent, - HierarchicalGridExternalOutletComponent, - HGridAboutComponent, - HGridExternalExcelStyleFilteringComponent, - HGridCollapsibleColumnGroupComponent, - HGridAllDataSummaryComponent, - HGridSummaryTemplateComponent, - HierarchicalGridRightPinningSampleComponent, - HierarchicalGridColumnSelectionComponent, - HierarchicalGridColumnGroupSelectionComponent, - HGridColumnSelectionStylesComponent, - HGridKeyboardnavGuide, - HGridRemotePagingDefaultTemplateComponent, - HGridEditingLifecycleComponent, - HierarchicalGridCellSelectionComponent, - HGridFormattedFilteringStrategyComponent, - HGridSummaryFormatterComponent, - HierarchicalGridPagerSampleComponent, - HGridRowStylesSampleComponent, - HGridRowClassesSampleComponent, - HGridActionStripSampleComponent, - HierarchicalGridValidatorServiceComponent, - HierarchicalGridValidatorServiceExtendedComponent, - HGridColumnAutoSizingSampleComponent, - HierarchicalGridValidatorServiceCrossCellComponent, - HGridValidationStyleComponent, - HGridPhoneFormatDirective, - HGridSummaryExportComponent], providers: [provideHttpClient(withInterceptorsFromDi())] }) -export class HierarchicalGridModule { } diff --git a/src/app/hierarchical-grid/hierarchical-grid-routing.module.ts b/src/app/hierarchical-grid/hierarchical-grid.routes.ts similarity index 98% rename from src/app/hierarchical-grid/hierarchical-grid-routing.module.ts rename to src/app/hierarchical-grid/hierarchical-grid.routes.ts index 2f6156ab20..128cff572a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-routing.module.ts +++ b/src/app/hierarchical-grid/hierarchical-grid.routes.ts @@ -1,7 +1,5 @@ /* eslint-disable max-len */ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; - +import { Routes } from '@angular/router'; import { HierarchicalGridColumnGroupSelectionComponent } from './column-group-selection/hierarchical-grid-column-group-selection.component'; import { HGridColumnSelectionStylesComponent } from './column-selection-styles/hierarchical-grid-column-selection-styles.component'; import { HierarchicalGridColumnSelectionComponent } from './column-selection/hierarchical-grid-column-selection.component'; @@ -104,7 +102,7 @@ import { HGridValidationStyleComponent } from './hierarchical-grid-validation-st import { HierarchicalGridValidatorServiceExtendedComponent } from './hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component'; import { HGridSummaryExportComponent } from './hgrid-summary-export/hgrid-summary-export.component'; -export const hierarchicalGridRoutes: Routes = [ +export const HierarchicalGridRoutes: Routes = [ { component: HGridFilteringSampleComponent, // tslint:disable-next-line:no-string-literal @@ -585,13 +583,3 @@ export const hierarchicalGridRoutes: Routes = [ path: 'hierarchical-grid-summary-export' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(hierarchicalGridRoutes) - ] -}) -export class HierarchicalGridRoutingModule { } diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index 159d0a0dd4..5a8d2e5984 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -3,8 +3,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-home', styleUrls: ['./home.component.scss'], - templateUrl: './home.component.html', - standalone: false + templateUrl: './home.component.html' }) export class HomeComponent { diff --git a/src/app/interactions/interactions.module.ts b/src/app/interactions/interactions.module.ts deleted file mode 100644 index 7a7af6fa4d..0000000000 --- a/src/app/interactions/interactions.module.ts +++ /dev/null @@ -1,165 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { - IgxAvatarModule, - IgxButtonModule, - IgxButtonGroupModule, - IgxCardModule, - IgxCheckboxModule, - IgxChipsModule, - IgxComboModule, - IgxDialogModule, - IgxDragDropModule, - IgxIconModule, - IgxInputGroupModule, - IgxListModule, - IgxOverlayService, - IgxQueryBuilderModule, - IgxRippleModule, - IgxSliderModule, - IgxSwitchModule, - IgxToggleModule, - IgxTooltipModule, - IgxIconButtonDirective -} from 'igniteui-angular'; -import { LayoutsModule } from '../layouts/layouts.module'; -import { DialogSample1Component } from './dialog/dialog-sample-1/dialog-sample-1.component'; -import { DialogSample2Component } from './dialog/dialog-sample-2/dialog-sample-2.component'; -import { DialogSample3Component } from './dialog/dialog-sample-3/dialog-sample-3.component'; -import { DialogStylingSampleComponent } from './dialog/dialog-styling-sample/dialog-styling-sample.component'; -import { DragDialogSampleComponent } from './drag-drop/dialog-sample/drag-dialog-sample.component'; -import { EmailSampleComponent } from './drag-drop/email-sample/email-sample.component'; -import { IconsSampleComponent } from './drag-drop/icons-sample/icons-sample.component'; -import { KanbanSampleComponent } from './drag-drop/kanban-sample/kanban-sample.component'; -import { ListReorderSampleComponent } from './drag-drop/list-reorder-sample/list-reorder-sample.component'; -import { InteractionsRoutingModule } from './interactions-routing.module'; -import { MyDynamicCardComponent } from './overlay/overlay-dynamic-card/overlay-dynamic-card.component'; -import { OverlaySampleMain1Component } from './overlay/overlay-main-1/overlay-main-sample-1.component'; -import { OverlaySampleMain2Component } from './overlay/overlay-main-2/overlay-main-sample-2.component'; -import { OverlaySampleMain3Component } from './overlay/overlay-main-3/overlay-main-sample-3.component'; -import { OverlayPositionSample1Component } from './overlay/overlay-positioning-1/overlay-position-sample-1.component'; -import { OverlayPositionSample2Component } from './overlay/overlay-positioning-2/overlay-position-sample-2.component'; -import { OverlayPositionSample3Component } from './overlay/overlay-positioning-3/overlay-position-sample-3.component'; -import { OverlayPresetSettingsSampleComponent } from './overlay/overlay-preset-settings/overlay-preset-settings-sample.component'; -import { OverlayScrollSample1Component } from './overlay/overlay-scroll-1/overlay-scroll-sample-1.component'; -import { OverlayScrollSample2Component } from './overlay/overlay-scroll-2/overlay-scroll-sample-2.component'; -import { OverlayStylingComponent } from './overlay/overlay-styling/overlay-styling.component'; -import { QueryBuilderSample1Component } from './query-builder/query-builder-sample-1/query-builder-sample-1.component'; -import { QueryBuilderStyleComponent } from './query-builder/query-builder-style/query-builder-style.component'; -import { RippleSample2Component } from './ripple/ripple-sample-2/ripple-sample-2.component'; -import { RippleSample3Component } from './ripple/ripple-sample-3/ripple-sample-3.component'; -import { RippleSample4Component } from './ripple/ripple-sample-4/ripple-sample-4.component'; -import { RippleSample5Component } from './ripple/ripple-sample-5/ripple-sample-5.component'; -import { RippleSample6Component } from './ripple/ripple-sample-6/ripple-sample-6.component'; -import { RippleStylingSampleComponent } from './ripple/ripple-stying/ripple-styling-sample.component'; -import { - SliderDiscreteTicksBottomComponent -} from './slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component'; -import { - SliderPrimaryTicksTopComponent -} from './slider/slider-primary-ticks-top/slider-primary-ticks-top.component'; -import { SliderSample1Component } from './slider/slider-sample-1/slider-sample-1.component'; -import { SliderSample2Component } from './slider/slider-sample-2/slider-sample-2.component'; -import { SliderSample3Component } from './slider/slider-sample-3/slider-sample-3.component'; -import { SliderSample4Component } from './slider/slider-sample-4/slider-sample-4.component'; -import { SliderSample5Component } from './slider/slider-sample-5/slider-sample-5.component'; -import { SliderSample6Component } from './slider/slider-sample-6/slider-sample-6.component'; -import { - SliderSecondaryTicksMirrorComponent -} from './slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component'; -import { AppSliderStylingComponent } from './slider/slider-styling-sample/app-slider-styling.component'; -import { TickLabelsTemplateComponent } from './slider/slider-tick-labels-template/tick-labels-template.component'; -import { - SliderTicksBottomtotopLabelsComponent -} from './slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component'; -import { SliderTimeframeComponent } from './slider/slider-timeframe/slider-timeframe.component'; -import { ToggleSample1Component } from './toggle/toggle-sample-1/toggle-sample-1.component'; -import { ToggleSample2Component } from './toggle/toggle-sample-2/toggle-sample-2.component'; -import { ToggleSample3Component } from './toggle/toggle-sample-3/toggle-sample-3.component'; -import { ToggleSample4Component } from './toggle/toggle-sample-4/toggle-sample-4.component'; -import { ToggleComponent } from './toggle/toggle.component'; -import { TooltipRichComponent } from './tooltip/tooltip-rich/tooltip-rich.component'; -import { TooltipSimpleComponent } from './tooltip/tooltip-simple/tooltip-simple.component'; -import { TooltipStyleComponent } from './tooltip/tooltip-style/tooltip-style.component'; - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - InteractionsRoutingModule, - IgxAvatarModule, - IgxButtonModule, - IgxButtonGroupModule, - IgxCardModule, - IgxCheckboxModule, - IgxChipsModule, - IgxDialogModule, - IgxDragDropModule, - IgxIconModule, - IgxInputGroupModule, - IgxListModule, - IgxQueryBuilderModule, - IgxRippleModule, - IgxSliderModule, - IgxSwitchModule, - IgxTooltipModule, - IgxToggleModule, - IgxComboModule, - IgxListModule, - LayoutsModule, - IgxIconButtonDirective, - DialogSample1Component, - DialogSample2Component, - DialogSample3Component, - EmailSampleComponent, - KanbanSampleComponent, - ListReorderSampleComponent, - DragDialogSampleComponent, - IconsSampleComponent, - MyDynamicCardComponent, - SliderSample1Component, - SliderSample2Component, - SliderSample3Component, - SliderSample4Component, - SliderSample5Component, - AppSliderStylingComponent, - SliderSample6Component, - SliderSecondaryTicksMirrorComponent, - SliderDiscreteTicksBottomComponent, - SliderTicksBottomtotopLabelsComponent, - SliderPrimaryTicksTopComponent, - SliderTimeframeComponent, - TickLabelsTemplateComponent, - QueryBuilderSample1Component, - QueryBuilderStyleComponent, - RippleSample2Component, - RippleSample3Component, - RippleSample4Component, - RippleSample5Component, - RippleSample6Component, - RippleStylingSampleComponent, - ToggleComponent, - ToggleSample1Component, - ToggleSample2Component, - ToggleSample3Component, - ToggleSample4Component, - TooltipRichComponent, - TooltipSimpleComponent, - OverlaySampleMain1Component, - OverlaySampleMain2Component, - OverlaySampleMain3Component, - OverlayPositionSample1Component, - OverlayPositionSample2Component, - OverlayPositionSample3Component, - OverlayPresetSettingsSampleComponent, - OverlayScrollSample1Component, - OverlayScrollSample2Component, - OverlayStylingComponent, - MyDynamicCardComponent, - DialogStylingSampleComponent, - TooltipStyleComponent - ], - providers: [IgxOverlayService] -}) -export class InteractionsModule { } diff --git a/src/app/interactions/interactions-routing.module.ts b/src/app/interactions/interactions.routes.ts similarity index 97% rename from src/app/interactions/interactions-routing.module.ts rename to src/app/interactions/interactions.routes.ts index ba5e9625d1..9bd2ced2ff 100644 --- a/src/app/interactions/interactions-routing.module.ts +++ b/src/app/interactions/interactions.routes.ts @@ -1,6 +1,5 @@ // tslint:disable:no-string-literal -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { DialogSample1Component } from './dialog/dialog-sample-1/dialog-sample-1.component'; import { DialogSample2Component } from './dialog/dialog-sample-2/dialog-sample-2.component'; import { DialogSample3Component } from './dialog/dialog-sample-3/dialog-sample-3.component'; @@ -59,7 +58,7 @@ import { TooltipRichComponent } from './tooltip/tooltip-rich/tooltip-rich.compon import { TooltipSimpleComponent } from './tooltip/tooltip-simple/tooltip-simple.component'; import { TooltipStyleComponent } from './tooltip/tooltip-style/tooltip-style.component'; -export const interactionsRoutes: Routes = [ +export const InteractionsRoutes: Routes = [ { component: DialogSample1Component, data: interactionsRoutesData['dialog-sample-1'], @@ -301,13 +300,3 @@ export const interactionsRoutes: Routes = [ path: 'query-builder-style' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(interactionsRoutes) - ] -}) -export class InteractionsRoutingModule { } diff --git a/src/app/layouts/layouts.module.ts b/src/app/layouts/layouts.module.ts deleted file mode 100644 index 72acf4aeb1..0000000000 --- a/src/app/layouts/layouts.module.ts +++ /dev/null @@ -1,206 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { - IgxAccordionModule, - IgxAvatarModule, - IgxBottomNavModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxCardModule, - IgxCarouselModule, - IgxCheckboxModule, - IgxDividerModule, - IgxExpansionPanelModule, - IgxGridModule, - IgxIconButtonDirective, - IgxIconModule, - IgxInputGroupModule, - IgxLayoutModule, - IgxListModule, - IgxMaskModule, - IgxNavbarModule, - IgxProgressBarModule, - IgxRadioModule, - IgxRippleModule, - IgxSelectModule, - IgxSliderModule, - IgxSplitterModule, - IgxStepperModule, - IgxSwitchModule, - IgxTabsModule, - IgxTimePickerModule, - IgxToastModule -} from 'igniteui-angular'; -import { AccordionSample1Component } from './accordion/accordion-sample-1/accordion-sample-1.component'; -import { AccordionSample2Component } from './accordion/accordion-sample-2/accordion-sample-2.component'; -import { AccordionSample3Component } from './accordion/accordion-sample-3/accordion-sample-3.component'; -import { AvatarCSSVariablesComponent } from './avatar/avatar-css-variables/avatar-css-variables.component'; -import { AvatarSample1Component } from './avatar/avatar-sample-1/avatar-sample-1.component'; -import { AvatarSample2Component } from './avatar/avatar-sample-2/avatar-sample-2.component'; -import { AvatarSample3Component } from './avatar/avatar-sample-3/avatar-sample-3.component'; -import { AvatarSample4Component } from './avatar/avatar-sample-4/avatar-sample-4.component'; -import { AvatarStylingSampleComponent } from './avatar/avatar-styling/avatar-styling.component'; -import { CardSample1Component } from './card/card-sample-1/card-sample-1.component'; -import { CardSample2Component } from './card/card-sample-2/card-sample-2.component'; -import { CardSample3Component } from './card/card-sample-3/card-sample-3.component'; -import { CardSample4Component } from './card/card-sample-4/card-sample-4.component'; -import { CardStylingSampleComponent } from './card/card-styling-sample/card-styling-sample.component'; -import { CardComponent } from './card/card.component'; -import { - CarouselAnimationsSampleComponent -} from './carousel/carousel-animations-sample/carousel-animations-sample.component'; -import { - CarouselNoNavigationSampleComponent -} from './carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component'; -import { - CarouselWithComponentsSampleComponent -} from './carousel/carousel-with-components-sample/carousel-with-components-sample.component'; -import { CarouselComponent } from './carousel/carousel.component'; -import { DividerDashedComponent } from './divider/dashed/divider-dashed.component'; -import { DividerDefaultComponent } from './divider/default/divider-default.component'; -import { DividerInsetComponent } from './divider/inset/divider-inset.component'; -import { DividerVerticalComponent } from './divider/vertical/divider-vertical.component'; -import { DockManagerComponent } from './dock-manager/dock-manager-sample/dock-manager.component'; -import { ExpansionPanelSample1Component } from './expansion-panel/expansion-sample-1/expansion-sample-1.component'; -import { ExpansionPanelSample2Component } from './expansion-panel/expansion-sample-2/expansion-sample-2.component'; -import { ExpansionPanelSample3Component } from './expansion-panel/expansion-sample-3/expansion-sample-3.component'; -import { ExpansionPanelSample4Component } from './expansion-panel/expansion-sample-4/expansion-sample-4.component'; -import { ExpansionPanelSample5Component } from './expansion-panel/expansion-sample-5/expansion-sample-5.component'; -import { ExpansionPanelStylingComponent } from './expansion-panel/expansion-styling/expansion-styling.component'; -import { LayoutAlignItemsComponent } from './layout/layout-align-items/layout-align-items.component'; -import { LayoutContentSpaceComponent } from './layout/layout-content-space/layout-content-space.component'; -import { LayoutCustomOrderComponent } from './layout/layout-custom-order/layout-custom-order.component'; -import { LayoutDirectionColumnComponent } from './layout/layout-direction-column/layout-direction-column.component'; -import { LayoutDirectionRowComponent } from './layout/layout-direction-row/layout-direction-row.component'; -import { LayoutJustifyContentComponent } from './layout/layout-justify-content/layout-justify-content.component'; -import { LayoutSampleComponent } from './layout/layout-sample/layout-sample.component'; -import { LayoutWrapComponent } from './layout/layout-wrap/layout-wrap.component'; -import { LayoutsRoutingModule } from './layouts-routing.module'; -import { SplitterCollapsibleSampleComponent } from './splitter/splitter-collapsible-sample/splitter-collapsible-sample.component'; -import { - SplitterHorizontalSampleComponent -} from './splitter/splitter-horizontal-sample/splitter-horizontal-sample.component'; -import { SplitterNestedSampleComponent } from './splitter/splitter-nested-sample/splitter-nested-sample.component'; -import { SplitterStylingSampleComponent } from './splitter/splitter-styling-sample/splitter-styling-sample.component'; -import { - StepperLabelPositionAndOrientationSampleComponent -} from './stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component'; -import { StepperLinearSampleComponent } from './stepper/stepper-linear-sample/stepper-linear-sample.component'; -import { StepperOverviewSampleComponent } from './stepper/stepper-overview-sample/stepper-overview-sample.component'; -import { StepperSampleReactiveFormsComponent } from './stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component'; -import { StepperStepTypesSampleComponent } from './stepper/stepper-steptypes-sample/stepper-steptypes-sample.component'; -import { StepperStylingSampleComponent } from './stepper/stepper-styling-sample/stepper-styling-sample.component'; -import { TabbarSample1Component } from './tabbar/tabbar-sample-1/tabbar-sample-1.component'; -import { TabbarSample2Component } from './tabbar/tabbar-sample-2/tabbar-sample-2.component'; -import { TabbarSample3Component } from './tabbar/tabbar-sample-3/components/tabbar-sample-3.component'; -import { TabbarStyleComponent } from './tabbar/tabbar-style/tabbar-style.component'; -import { TabsAlignmentComponent } from './tabs/tabs-alignment/tabs-alignment.component'; -import { TabsHeaderPrefixSuffixComponent } from './tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix'; -import { TabsSample1Component } from './tabs/tabs-sample-1/tabs-sample-1.component'; -import { TabsSample2Component } from './tabs/tabs-sample-2/tabs-sample-2.component'; -import { TabsSample3Component } from './tabs/tabs-sample-3/tabs-sample-3.component'; -import { TabsSample4Component } from './tabs/tabs-sample-4/components/tabs-sample-4.component'; -import { TabsStyleComponent } from './tabs/tabs-style/tabs-style.component'; - -@NgModule({ - exports: [ - CardSample1Component - ], - imports: [ - CommonModule, - FormsModule, - ReactiveFormsModule, - LayoutsRoutingModule, - IgxAccordionModule, - IgxAvatarModule, - IgxBottomNavModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxCardModule, - IgxCarouselModule, - IgxCheckboxModule, - IgxDividerModule, - IgxExpansionPanelModule, - IgxGridModule, - IgxIconModule, - IgxInputGroupModule, - IgxLayoutModule, - IgxListModule, - IgxMaskModule, - IgxNavbarModule, - IgxProgressBarModule, - IgxRadioModule, - IgxRippleModule, - IgxSelectModule, - IgxSliderModule, - IgxSplitterModule, - IgxStepperModule, - IgxSwitchModule, - IgxTabsModule, - IgxTimePickerModule, - IgxToastModule, - IgxIconButtonDirective, - AccordionSample1Component, - AccordionSample2Component, - AccordionSample3Component, - AvatarSample1Component, - AvatarSample2Component, - AvatarSample3Component, - AvatarSample4Component, - AvatarStylingSampleComponent, - AvatarCSSVariablesComponent, - CardSample1Component, - CardSample2Component, - CardSample3Component, - CardSample4Component, - CardComponent, - CarouselNoNavigationSampleComponent, - CarouselAnimationsSampleComponent, - CarouselWithComponentsSampleComponent, - CarouselComponent, - DividerDefaultComponent, - DividerVerticalComponent, - DividerDashedComponent, - DividerInsetComponent, - DockManagerComponent, - ExpansionPanelSample1Component, - ExpansionPanelSample2Component, - ExpansionPanelSample3Component, - ExpansionPanelSample4Component, - ExpansionPanelSample5Component, - ExpansionPanelStylingComponent, - LayoutDirectionRowComponent, - LayoutDirectionColumnComponent, - LayoutCustomOrderComponent, - LayoutJustifyContentComponent, - LayoutAlignItemsComponent, - LayoutContentSpaceComponent, - LayoutSampleComponent, - LayoutWrapComponent, - SplitterCollapsibleSampleComponent, - SplitterHorizontalSampleComponent, - SplitterNestedSampleComponent, - SplitterStylingSampleComponent, - StepperLabelPositionAndOrientationSampleComponent, - StepperLinearSampleComponent, - StepperOverviewSampleComponent, - StepperSampleReactiveFormsComponent, - StepperStepTypesSampleComponent, - StepperStylingSampleComponent, - TabbarSample1Component, - TabbarSample2Component, - TabbarSample3Component, - TabsSample1Component, - TabsSample2Component, - TabsSample3Component, - TabsSample4Component, - CardStylingSampleComponent, - TabsStyleComponent, - TabbarStyleComponent, - TabsAlignmentComponent, - TabsHeaderPrefixSuffixComponent - ], - schemas: [CUSTOM_ELEMENTS_SCHEMA] -}) -export class LayoutsModule { } diff --git a/src/app/layouts/layouts-routing.module.ts b/src/app/layouts/layouts.routes.ts similarity index 98% rename from src/app/layouts/layouts-routing.module.ts rename to src/app/layouts/layouts.routes.ts index 530d33b6fb..cb00274538 100644 --- a/src/app/layouts/layouts-routing.module.ts +++ b/src/app/layouts/layouts.routes.ts @@ -1,6 +1,5 @@ // tslint:disable:no-string-literal -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { AvatarSample1Component } from './avatar/avatar-sample-1/avatar-sample-1.component'; import { AvatarSample2Component } from './avatar/avatar-sample-2/avatar-sample-2.component'; import { AvatarSample3Component } from './avatar/avatar-sample-3/avatar-sample-3.component'; @@ -77,7 +76,7 @@ import { StepperStylingSampleComponent } from './stepper/stepper-styling-sample/ import { StepperOverviewSampleComponent } from './stepper/stepper-overview-sample/stepper-overview-sample.component'; import { StepperSampleReactiveFormsComponent } from './stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component'; -export const layoutsRoutes: Routes = [ +export const LayoutsRoutes: Routes = [ { component: AccordionSample1Component, data: layoutsRoutesData['accordion-sample-1'], @@ -380,13 +379,3 @@ export const layoutsRoutes: Routes = [ path: 'card-styling-sample' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(layoutsRoutes) - ] -}) -export class LayoutsRoutingModule { } diff --git a/src/app/layouts/tabbar/tabbar-sample-3/tabbar-sample-3.module.ts b/src/app/layouts/tabbar/tabbar-sample-3/tabbar-sample-3.module.ts deleted file mode 100644 index af624fe860..0000000000 --- a/src/app/layouts/tabbar/tabbar-sample-3/tabbar-sample-3.module.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { IgxBottomNavModule } from 'igniteui-angular'; -import { TabbarViewsModule } from '../views/views.module'; -import { TabbarRoutingModule } from './tabbar.routing.module'; - -@NgModule({ - exports: [ - IgxBottomNavModule - ], - imports: [ - TabbarRoutingModule, - CommonModule, - TabbarViewsModule - ] -}) -export class TabbarSample3Module { } diff --git a/src/app/layouts/tabbar/tabbar-sample-3/tabbar.routing.module.ts b/src/app/layouts/tabbar/tabbar-sample-3/tabbar.routing.module.ts deleted file mode 100644 index 622233ba94..0000000000 --- a/src/app/layouts/tabbar/tabbar-sample-3/tabbar.routing.module.ts +++ /dev/null @@ -1,28 +0,0 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; -import { TabbarView1Component } from '../views/view1/view1.component'; -import { TabbarView2Component } from '../views/view2/view2.component'; -import { TabbarView3Component } from '../views/view3/view3.component'; -import { TabbarSample3Component } from './components/tabbar-sample-3.component'; - -const routes: Routes = [ - { - path: 'tabbar-sample-3', - component: TabbarSample3Component, - children: [ - { path: 'tabbar-view1', component: TabbarView1Component }, - { path: 'tabbar-view2', component: TabbarView2Component }, - { path: 'tabbar-view3', component: TabbarView3Component } - ] - } -]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(routes) - ] -}) -export class TabbarRoutingModule { } diff --git a/src/app/layouts/tabbar/views/view1/view1.component.ts b/src/app/layouts/tabbar/views/view1/view1.component.ts index fb2152991b..f94c38bab1 100644 --- a/src/app/layouts/tabbar/views/view1/view1.component.ts +++ b/src/app/layouts/tabbar/views/view1/view1.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-view1', - templateUrl: './view1.component.html', - standalone: false + templateUrl: './view1.component.html' }) export class TabbarView1Component { } diff --git a/src/app/layouts/tabbar/views/view2/view2.component.ts b/src/app/layouts/tabbar/views/view2/view2.component.ts index 4da5c19425..353fab685c 100644 --- a/src/app/layouts/tabbar/views/view2/view2.component.ts +++ b/src/app/layouts/tabbar/views/view2/view2.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-view2', - templateUrl: './view2.component.html', - standalone: false + templateUrl: './view2.component.html' }) export class TabbarView2Component { } diff --git a/src/app/layouts/tabbar/views/view3/view3.component.ts b/src/app/layouts/tabbar/views/view3/view3.component.ts index afbe6bcd74..d22d588015 100644 --- a/src/app/layouts/tabbar/views/view3/view3.component.ts +++ b/src/app/layouts/tabbar/views/view3/view3.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-view3', - templateUrl: './view3.component.html', - standalone: false + templateUrl: './view3.component.html' }) export class TabbarView3Component { } diff --git a/src/app/layouts/tabbar/views/views.module.ts b/src/app/layouts/tabbar/views/views.module.ts deleted file mode 100644 index fd89142ea4..0000000000 --- a/src/app/layouts/tabbar/views/views.module.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { NgModule } from '@angular/core'; -import { TabbarView1Component } from '../views/view1/view1.component'; -import { TabbarView2Component } from '../views/view2/view2.component'; -import { TabbarView3Component } from '../views/view3/view3.component'; - -@NgModule({ - declarations: [ - TabbarView1Component, - TabbarView2Component, - TabbarView3Component - ] -}) -export class TabbarViewsModule { } diff --git a/src/app/layouts/tabs/tabs-sample-4/tabs-sample-4.module.ts b/src/app/layouts/tabs/tabs-sample-4/tabs-sample-4.module.ts deleted file mode 100644 index 5dc1171ab6..0000000000 --- a/src/app/layouts/tabs/tabs-sample-4/tabs-sample-4.module.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { IgxTabsModule } from 'igniteui-angular'; -import { ViewsModule } from '../views/views.module'; - -@NgModule({ - exports: [ - IgxTabsModule - ], - imports: [ - CommonModule, - ViewsModule - ] -}) -export class TabsSample4Module { } diff --git a/src/app/layouts/tabs/views/view1/view1.component.ts b/src/app/layouts/tabs/views/view1/view1.component.ts index 70fa0bf22f..b9b28ff9af 100644 --- a/src/app/layouts/tabs/views/view1/view1.component.ts +++ b/src/app/layouts/tabs/views/view1/view1.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-view1', - templateUrl: './view1.component.html', - standalone: false + templateUrl: './view1.component.html' }) export class View1Component { } diff --git a/src/app/layouts/tabs/views/view2/view2.component.ts b/src/app/layouts/tabs/views/view2/view2.component.ts index a0fcc06e66..8dcb038e37 100644 --- a/src/app/layouts/tabs/views/view2/view2.component.ts +++ b/src/app/layouts/tabs/views/view2/view2.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-view2', - templateUrl: './view2.component.html', - standalone: false + templateUrl: './view2.component.html' }) export class View2Component { } diff --git a/src/app/layouts/tabs/views/view3/view3.component.ts b/src/app/layouts/tabs/views/view3/view3.component.ts index b961c310b1..a02c858866 100644 --- a/src/app/layouts/tabs/views/view3/view3.component.ts +++ b/src/app/layouts/tabs/views/view3/view3.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-view3', - templateUrl: './view3.component.html', - standalone: false + templateUrl: './view3.component.html' }) export class View3Component { } diff --git a/src/app/layouts/tabs/views/views.module.ts b/src/app/layouts/tabs/views/views.module.ts deleted file mode 100644 index cab4c89631..0000000000 --- a/src/app/layouts/tabs/views/views.module.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { NgModule } from '@angular/core'; -import { View1Component } from '../views/view1/view1.component'; -import { View2Component } from '../views/view2/view2.component'; -import { View3Component } from '../views/view3/view3.component'; - -@NgModule({ - declarations: [ - View1Component, - View2Component, - View3Component - ] -}) -export class ViewsModule { } diff --git a/src/app/lists/lists.module.ts b/src/app/lists/lists.module.ts deleted file mode 100644 index 878a26d9f9..0000000000 --- a/src/app/lists/lists.module.ts +++ /dev/null @@ -1,102 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { - IgxAvatarModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxCardModule, - IgxComboModule, - IgxFilterModule, - IgxIconModule, - IgxInputGroupModule, - IgxListModule, - IgxRippleModule, - IgxSliderModule, - IgxSimpleComboModule, - IgxSwitchModule, - IgxToastModule, - IgxTooltipModule, - IgxTreeModule, - IgxProgressBarModule, - IgxIconButtonDirective -} from 'igniteui-angular'; -import { IgxFinancialChartModule } from 'igniteui-angular-charts'; -import { ComboBindingComponent } from './combo/combo-binding/combo-binding.component'; -import { ComboFeaturesComponent } from './combo/combo-features/combo-features.component'; -import { ComboMainComponent } from './combo/combo-main/combo-main.component'; -import { ComboOverlayComponent } from './combo/combo-overlay/combo-overlay.component'; -import { ComboRemoteComponent } from './combo/combo-remote/combo-remote.component'; -import { ComboStylingComponent } from './combo/combo-styling/combo-styling.component'; -import { ComboValueKeyComponent } from './combo/combo-valuekey/combo-valuekey.component'; -import { ComboTemplateComponent } from './combo/combo-template/combo-template.component'; -import { ListChatSampleComponent } from './list/list-chat-sample/list-chat-sample.component'; -import { ListSample1Component } from './list/list-sample-1/list-sample-1.component'; -import { ListSample2Component } from './list/list-sample-2/list-sample-2.component'; -import { ListSample3Component } from './list/list-sample-3/list-sample-3.component'; -import { ListSample4Component } from './list/list-sample-4/list-sample-4.component'; -import { ListSample5Component } from './list/list-sample-5/list-sample-5.component'; -import { ListSample6Component } from './list/list-sample-6/list-sample-6.component'; -import { ListSample7Component } from './list/list-sample-7/list-sample-7.component'; -import { ListSample8Component } from './list/list-sample-8/list-sample-8.component'; -import { ListComponent } from './list/list.component'; -import { ListsRoutingModule } from './lists-routing.module'; -import { TreeBasicSampleComponent } from './tree/tree-basic-sample/tree-basic-sample.component'; -import { TreeAdvancedSampleComponent } from './tree/tree-advanced-sample/tree-advanced-sample.component'; -import { SimpleComboMainComponent } from './combo/simple-combo-main/simple-combo-main.component'; -import { SimpleComboUsageComponent } from './combo/simple-combo-usage/simple-combo-usage.component'; -import { SimpleComboCascadingComponent } from './combo/simple-combo-cascading/simple-combo-cascading.component'; -import { SimpleComboStylingComponent } from './combo/simple-combo-styling/simple-combo-styling.component'; -import { ListItemSelectionComponent } from './list/list-item-selection/list-item-selection.component'; -import { SimpleComboRemoteComponent } from './combo/simple-combo-remote/simple-combo-remote.component'; - -@NgModule({ - imports: [CommonModule, - FormsModule, - ListsRoutingModule, - IgxAvatarModule, - IgxFilterModule, - IgxIconModule, - IgxInputGroupModule, - IgxListModule, - IgxButtonModule, - IgxSliderModule, - IgxComboModule, - IgxSimpleComboModule, - IgxSwitchModule, - IgxToastModule, - IgxButtonGroupModule, - IgxRippleModule, - IgxCardModule, - IgxTreeModule, - IgxTooltipModule, - IgxProgressBarModule, - IgxFinancialChartModule, - IgxIconButtonDirective, ListComponent, - ListSample1Component, - ListSample2Component, - ListSample3Component, - ListSample4Component, - ListSample5Component, - ListSample6Component, - ListSample7Component, - ListSample8Component, - ListChatSampleComponent, - ComboFeaturesComponent, - ComboStylingComponent, - ComboValueKeyComponent, - ComboMainComponent, - ComboRemoteComponent, - ComboTemplateComponent, - ComboOverlayComponent, - ComboBindingComponent, - SimpleComboMainComponent, - SimpleComboUsageComponent, - SimpleComboCascadingComponent, - SimpleComboStylingComponent, - TreeBasicSampleComponent, - TreeAdvancedSampleComponent, - ListItemSelectionComponent, - SimpleComboRemoteComponent], providers: [provideHttpClient(withInterceptorsFromDi())] }) -export class ListsModule { } diff --git a/src/app/lists/lists-routing.module.ts b/src/app/lists/lists.routes.ts similarity index 95% rename from src/app/lists/lists-routing.module.ts rename to src/app/lists/lists.routes.ts index db89c5826f..946cd34f2e 100644 --- a/src/app/lists/lists-routing.module.ts +++ b/src/app/lists/lists.routes.ts @@ -1,5 +1,4 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { ComboBindingComponent } from './combo/combo-binding/combo-binding.component'; import { ComboFeaturesComponent } from './combo/combo-features/combo-features.component'; import { ComboMainComponent } from './combo/combo-main/combo-main.component'; @@ -28,7 +27,7 @@ import { SimpleComboStylingComponent } from './combo/simple-combo-styling/simple import { ListItemSelectionComponent } from './list/list-item-selection/list-item-selection.component'; import { SimpleComboRemoteComponent } from './combo/simple-combo-remote/simple-combo-remote.component'; -export const listsRoutes: Routes = [ +export const ListsRoutes: Routes = [ { component: ComboMainComponent, data: listsRoutesData['combo-main'], @@ -160,13 +159,3 @@ export const listsRoutes: Routes = [ path: 'tree-advanced-sample' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(listsRoutes) - ] -}) -export class ListsRoutingModule { } diff --git a/src/app/menus/menus.module.ts b/src/app/menus/menus.module.ts deleted file mode 100644 index c4c7ed1a0d..0000000000 --- a/src/app/menus/menus.module.ts +++ /dev/null @@ -1,77 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { - IgxActionStripModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxIconButtonDirective, - IgxIconModule, - IgxLayoutModule, - IgxNavbarModule, - IgxNavigationDrawerModule, - IgxRadioModule, - IgxRippleModule, - IgxSwitchModule, - IgxToggleModule, - IgxTreeModule -} from 'igniteui-angular'; -import { - ActionStripParagraphMenuComponent -} from './action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component'; -import { - ActionStripStylingComponent -} from './action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component'; -import { - ActionStripParagraphComponent -} from './action-strip/action-strip-paragraph/action-strip-paragraph.component'; -import { MenusRoutingModule } from './menus-routing.module'; -import { NavbarSample1Component } from './navbar/navbar-sample-1/navbar-sample-1.component'; -import { NavbarSample2Component } from './navbar/navbar-sample-2/navbar-sample-2.component'; -import { NavbarSample3Component } from './navbar/navbar-sample-3/navbar-sample-3.component'; -import { NavbarStyleComponent } from './navbar/navbar-style/navbar-style.component'; -import { NavbarComponent } from './navbar/navbar.component'; -import { NavDrawerMiniComponent } from './navdrawer/nav-drawer-mini/nav-drawer-mini.component'; -import { NavDrawerPinComponent } from './navdrawer/nav-drawer-pin/nav-drawer-pin.component'; -import { NavDrawerRoutingComponent } from './navdrawer/nav-drawer-routing/nav-drawer-routing.component'; -import { NavDrawerSimpleComponent } from './navdrawer/nav-drawer-simple/nav-drawer-simple.component'; -import { NavDrawerStylingComponent } from './navdrawer/nav-drawer-styling/nav-drawer-styling.component'; -import { NavbarCustomTitleComponent } from './navbar/navbar-custom-title/navbar-custom-title.component'; -import { NavDrawerHierarchicalComponent } from './navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component'; - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - MenusRoutingModule, - IgxActionStripModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxIconModule, - IgxLayoutModule, - IgxNavigationDrawerModule, - IgxRadioModule, - IgxRippleModule, - IgxSwitchModule, - IgxToggleModule, - IgxNavbarModule, - IgxTreeModule, - IgxIconButtonDirective, - NavDrawerMiniComponent, - NavDrawerPinComponent, - NavDrawerSimpleComponent, - NavDrawerRoutingComponent, - NavDrawerStylingComponent, - NavbarComponent, - NavbarSample1Component, - NavbarSample2Component, - NavbarSample3Component, - NavbarStyleComponent, - ActionStripParagraphComponent, - ActionStripParagraphMenuComponent, - ActionStripStylingComponent, - NavbarCustomTitleComponent, - NavDrawerHierarchicalComponent - ] -}) -export class MenusModule { } diff --git a/src/app/menus/menus-routing.module.ts b/src/app/menus/menus.routes.ts similarity index 95% rename from src/app/menus/menus-routing.module.ts rename to src/app/menus/menus.routes.ts index 73dcbcde9c..ddc2246f47 100644 --- a/src/app/menus/menus-routing.module.ts +++ b/src/app/menus/menus.routes.ts @@ -1,5 +1,4 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { ActionStripParagraphMenuComponent } from './action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component'; @@ -23,7 +22,7 @@ import { NavDrawerStylingComponent } from './navdrawer/nav-drawer-styling/nav-dr import { NavbarCustomTitleComponent } from './navbar/navbar-custom-title/navbar-custom-title.component'; import { NavDrawerHierarchicalComponent } from './navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component'; -export const menusRoutes: Routes = [ +export const MenusRoutes: Routes = [ { component: NavDrawerHierarchicalComponent, path: 'navigation-drawer-hierarchical', @@ -131,13 +130,3 @@ export const menusRoutes: Routes = [ path: 'action-strip-styling' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(menusRoutes) - ] -}) -export class MenusRoutingModule { } diff --git a/src/app/notifications/notifications.module.ts b/src/app/notifications/notifications.module.ts deleted file mode 100644 index 7b898b78c0..0000000000 --- a/src/app/notifications/notifications.module.ts +++ /dev/null @@ -1,63 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { IgxAvatarModule, IgxBannerModule, IgxButtonModule, IgxCardModule, IgxIconButtonDirective, IgxIconModule, IgxInputGroupModule, - IgxListModule, IgxNavbarModule, IgxRippleModule, IgxSnackbarModule, - IgxSwitchModule, IgxToastModule } from 'igniteui-angular'; -import { BannerAdvancedSampleComponent } from './banner/banner-advanced-sample/banner-advanced-sample.component'; -import { BannerSample1Component } from './banner/banner-sample-1/banner-sample-1.component'; -import { BannerSample2Component } from './banner/banner-sample-2/banner-sample-2.component'; -import { BannerSample3Component } from './banner/banner-sample-3/banner-sample-3.component'; -import { BannerSample4Component } from './banner/banner-sample-4/banner-sample-4.component'; -import { BannerStylingComponent } from './banner/banner-styling/banner-styling.component'; -import { NotificationsRoutingModule } from './notifications-routing.module'; -import { SnackbarSample1Component } from './snackbar/snackbar-sample-1/snackbar-sample-1.component'; -import { SnackbarSample2Component } from './snackbar/snackbar-sample-2/snackbar-sample-2.component'; -import { SnackbarSample4Component } from './snackbar/snackbar-sample-4/snackbar-sample-4.component'; -import { SnackbarSample5Component } from './snackbar/snackbar-sample-5/snackbar-sample-5.component'; -import { SnackbarStyleComponent } from './snackbar/snackbar-style/snackbar-style.component'; -import { ToastSample1Component } from './toast/toast-sample-1/toast-sample-1.component'; -import { ToastSample2Component } from './toast/toast-sample-2/toast-sample-2.component'; -import { ToastSample3Component } from './toast/toast-sample-3/toast-sample-3.component'; -import { ToastSample4Component } from './toast/toast-sample-4/toast-sample-4.component'; -import { ToastSample5Component } from './toast/toast-sample-5/toast-sample-5.component'; -import { ToastStyleComponent } from './toast/toast-style/toast-style.component'; - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - NotificationsRoutingModule, - IgxAvatarModule, - IgxBannerModule, - IgxButtonModule, - IgxCardModule, - IgxIconModule, - IgxInputGroupModule, - IgxListModule, - IgxNavbarModule, - IgxRippleModule, - IgxSnackbarModule, - IgxSwitchModule, - IgxToastModule, - IgxIconButtonDirective, - BannerSample1Component, - BannerSample2Component, - BannerSample3Component, - BannerSample4Component, - BannerAdvancedSampleComponent, - BannerStylingComponent, - SnackbarSample1Component, - SnackbarSample2Component, - SnackbarSample4Component, - SnackbarSample5Component, - SnackbarStyleComponent, - ToastSample1Component, - ToastSample2Component, - ToastSample3Component, - ToastSample4Component, - ToastSample5Component, - ToastStyleComponent - ] -}) -export class NotificationsModule {} diff --git a/src/app/notifications/notifications-routing.module.ts b/src/app/notifications/notifications.routes.ts similarity index 92% rename from src/app/notifications/notifications-routing.module.ts rename to src/app/notifications/notifications.routes.ts index 7f145d7eca..18f8af8823 100644 --- a/src/app/notifications/notifications-routing.module.ts +++ b/src/app/notifications/notifications.routes.ts @@ -1,5 +1,4 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { BannerAdvancedSampleComponent } from './banner/banner-advanced-sample/banner-advanced-sample.component'; import { BannerSample1Component } from './banner/banner-sample-1/banner-sample-1.component'; import { BannerSample2Component } from './banner/banner-sample-2/banner-sample-2.component'; @@ -19,7 +18,7 @@ import { ToastSample4Component } from './toast/toast-sample-4/toast-sample-4.com import { ToastSample5Component } from './toast/toast-sample-5/toast-sample-5.component'; import { ToastStyleComponent } from './toast/toast-style/toast-style.component'; -export const notificationsRoutes: Routes = [ +export const NotificationsRoutes: Routes = [ { component: BannerSample1Component, data: notificationsRoutesData['banner-sample-1'], @@ -106,13 +105,3 @@ export const notificationsRoutes: Routes = [ path: 'toast-style' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(notificationsRoutes) - ] -}) -export class NotificationsRoutingModule { } diff --git a/src/app/pagination/pagination-routing.module.ts b/src/app/pagination/pagination-routing.module.ts deleted file mode 100644 index 792b07a674..0000000000 --- a/src/app/pagination/pagination-routing.module.ts +++ /dev/null @@ -1,22 +0,0 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; -import { paginationRoutesData } from './pagination-routes-data'; -import { PaginationSampleComponent } from './paginator/pagination-sample.component'; - -export const paginatorRoutes: Routes = [ - { - component: PaginationSampleComponent, - data: paginationRoutesData['main-pagination'], - path: 'main-pagination' - } -]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(paginatorRoutes) - ] -}) -export class PaginatorRoutingModule { } diff --git a/src/app/pagination/pagination.module.ts b/src/app/pagination/pagination.module.ts deleted file mode 100644 index ad93606bb1..0000000000 --- a/src/app/pagination/pagination.module.ts +++ /dev/null @@ -1,20 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { IgxButtonGroupModule, IgxButtonModule, IgxCardModule, IgxIconButtonDirective, IgxIconModule, IgxPaginatorModule, IgxRippleModule } from 'igniteui-angular'; -import { PaginatorRoutingModule } from './pagination-routing.module'; -import { PaginationSampleComponent } from './paginator/pagination-sample.component'; - -@NgModule({ - imports: [CommonModule, - FormsModule, - PaginatorRoutingModule, - IgxCardModule, - IgxPaginatorModule, - IgxButtonModule, - IgxButtonGroupModule, - IgxIconModule, - IgxRippleModule, - IgxIconButtonDirective, PaginationSampleComponent], providers: [provideHttpClient(withInterceptorsFromDi())] }) -export class PaginationModule { } diff --git a/src/app/pagination/pagination.routes.ts b/src/app/pagination/pagination.routes.ts new file mode 100644 index 0000000000..aade1f1bae --- /dev/null +++ b/src/app/pagination/pagination.routes.ts @@ -0,0 +1,11 @@ +import { Routes } from '@angular/router'; +import { paginationRoutesData } from './pagination-routes-data'; +import { PaginationSampleComponent } from './paginator/pagination-sample.component'; + +export const PaginatorRoutes: Routes = [ + { + component: PaginationSampleComponent, + data: paginationRoutesData['main-pagination'], + path: 'main-pagination' + } +]; diff --git a/src/app/pivot-grid/pivot-grids.module.ts b/src/app/pivot-grid/pivot-grids.module.ts deleted file mode 100644 index 7968d90654..0000000000 --- a/src/app/pivot-grid/pivot-grids.module.ts +++ /dev/null @@ -1,36 +0,0 @@ -/* eslint-disable max-len */ -// tslint:disable:max-line-length -import { CommonModule } from '@angular/common'; -import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { IgxButtonModule, IgxCheckboxModule, IgxIconModule, IgxPivotGridModule, IgxSwitchModule } from 'igniteui-angular'; -import { PivotExportComponent } from './pivot-export/pivot-export.component'; -import { PivotFeaturesComponent } from './pivot-features/pivot-features.component'; -import { PivotGridBasicSampleComponent } from './pivot-basic-sample/pivot-grid-basic-sample.component'; -import { PivotDataSelectorSampleComponent } from './pivot-datasource/pivot-data-selector-sample.component'; -import { PivotGridNoopSampleComponent } from './pivot-grid-noop/pivot-grid-noop-sample.component'; -import { PivotGridsRoutingModule } from './pivot-grids-routing.module'; -import { PivotGridStatePersistenceSampleComponent } from './pivot-state-persistence/pivot-grid-state-persistence-sample.component'; -import { PivotGridAboutComponent } from './pivot-state-persistence/about.component'; -import { PivotGridNoopPersistenceSampleComponent } from './pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component'; -import { PivotGridLayoutComponent } from './pivot-layout/pivot-layout.component'; - -@NgModule({ - imports: [CommonModule, - FormsModule, - PivotGridsRoutingModule, - IgxButtonModule, - IgxPivotGridModule, - IgxCheckboxModule, - IgxSwitchModule, - IgxIconModule, PivotGridBasicSampleComponent, - PivotDataSelectorSampleComponent, - PivotExportComponent, - PivotFeaturesComponent, - PivotGridStatePersistenceSampleComponent, - PivotGridNoopSampleComponent, - PivotGridAboutComponent, - PivotGridNoopPersistenceSampleComponent, - PivotGridLayoutComponent], providers: [provideHttpClient(withInterceptorsFromDi())] }) -export class PivotGridsModule { } diff --git a/src/app/pivot-grid/pivot-grids-routing.module.ts b/src/app/pivot-grid/pivot-grids.routes.ts similarity index 89% rename from src/app/pivot-grid/pivot-grids-routing.module.ts rename to src/app/pivot-grid/pivot-grids.routes.ts index e302006198..13dfb2b0bc 100644 --- a/src/app/pivot-grid/pivot-grids-routing.module.ts +++ b/src/app/pivot-grid/pivot-grids.routes.ts @@ -1,6 +1,5 @@ /* eslint-disable max-len */ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { PivotGridBasicSampleComponent } from './pivot-basic-sample/pivot-grid-basic-sample.component'; import { PivotDataSelectorSampleComponent } from './pivot-datasource/pivot-data-selector-sample.component'; import { PivotFeaturesComponent } from './pivot-features/pivot-features.component'; @@ -13,7 +12,7 @@ import { PivotGridStatePersistenceSampleComponent } from './pivot-state-persiste import { PivotGridLayoutComponent } from './pivot-layout/pivot-layout.component' // tslint:enable:max-line-length -export const gridsRoutes: Routes = [ +export const PivotGridsRoutes: Routes = [ { component: PivotGridBasicSampleComponent, data: pivotGridsRoutesData['pivot-grid-basic'], @@ -60,13 +59,3 @@ export const gridsRoutes: Routes = [ path: 'pivot-grid-layout' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(gridsRoutes) - ] -}) -export class PivotGridsRoutingModule { } diff --git a/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts b/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts index b23038643b..810efdce86 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts @@ -47,8 +47,7 @@ export class FlightBookingComponent { } @Pipe({ - name: 'withoutTownFrom', - standalone: false + name: 'withoutTownFrom' }) export class PipeWithoutTownFrom implements PipeTransform { public transform(collection: any[], townFrom: string) { diff --git a/src/app/scheduling/scheduling.module.ts b/src/app/scheduling/scheduling.module.ts deleted file mode 100644 index 7f903a3fbd..0000000000 --- a/src/app/scheduling/scheduling.module.ts +++ /dev/null @@ -1,140 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { - IgxAutocompleteModule, IgxButtonModule, IgxButtonGroupModule, IgxCalendarModule, IgxCardModule, IgxDatePickerModule, - IgxDateRangePickerModule, IgxDateTimeEditorModule, IgxDialogModule, IgxDropDownModule, IgxIconModule, - IgxInputGroupModule, IgxSelectModule, IgxSnackbarModule, IgxSwitchModule, IgxTextSelectionModule, - IgxTimePickerModule, IgxToastModule, IgxToggleModule -} from 'igniteui-angular'; -import { CalendarDaysViewComponent } from './calendar/calendar-days-view/calendar-days-view.component'; -import { CalendarMonthsViewComponent } from './calendar/calendar-months-view/calendar-months-view.component'; -import { CalendarSample1Component } from './calendar/calendar-sample-1/calendar-sample-1.component'; -import { CalendarSample2Component } from './calendar/calendar-sample-2/calendar-sample-2.component'; -import { CalendarSample3Component } from './calendar/calendar-sample-3/calendar-sample-3.component'; -import { CalendarSample4Component } from './calendar/calendar-sample-4/calendar-sample-4.component'; -import { CalendarSample5Component } from './calendar/calendar-sample-5/calendar-sample-5.component'; -import { CalendarSample6Component } from './calendar/calendar-sample-6/calendar-sample-6.component'; -import { CalendarSample7Component } from './calendar/calendar-sample-7/calendar-sample-7.component'; -import { CalendarSample8Component } from './calendar/calendar-sample-8/calendar-sample-8.component'; -import { CalendarSample9Component } from './calendar/calendar-sample-9/calendar-sample-9.component'; -import { CalendarRtlSampleComponent } from './calendar/calendar-rtl-sample/calendar-rtl-sample.component'; -import { CalendarStylingSampleComponent } from './calendar/calendar-styling-sample/calendar-styling-sample.component'; -import { CalendarYearsViewComponent } from './calendar/calendar-years-view/calendar-years-view.component'; -import { CalendarMultiViewComponent } from './calendar/multiview/multiview.component'; -import { DatepickerDropdownComponent } from './datepicker/datepicker-dropdown/datepicker-dropdown.component'; -import { DatepickerSample1Component } from './datepicker/datepicker-sample-1/datepicker-sample-1.component'; -import { DatepickerSample2Component } from './datepicker/datepicker-sample-2/datepicker-sample-2.component'; -import { DatepickerSample3Component } from './datepicker/datepicker-sample-3/datepicker-sample-3.component'; -import { DatepickerSample4Component } from './datepicker/datepicker-sample-4/datepicker-sample-4.component'; -import { DatepickerSample5Component } from './datepicker/datepicker-sample-5/datepicker-sample-5.component'; -import { DatepickerSample6Component } from './datepicker/datepicker-sample-6/datepicker-sample-6.component'; -import { DatepickerSample7Component } from './datepicker/datepicker-sample-7/datepicker-sample-7.component'; -import { DatepickerSample8Component } from './datepicker/datepicker-sample-8/datepicker-sample-8.component'; -import { AutocompletePipeStartsWith, DatepickerSample9Component, PipeWithoutTownFrom -} from './datepicker/datepicker-sample-9/datepicker-sample-9.component'; -import { DatepickerStylingSampleComponent } from './datepicker/datepicker-styling-sample/datepicker-styling-sample.component'; -import {DateTimePickerTDFSampleComponent} from './datepicker/template-driven-form/template-driven-form.component'; -import {DateTimePickerRFSampleComponent} from './datepicker/reactive-form/reactive-form.component'; -import { - BasicDateRangePickerComponent } from './daterangepicker/daterangepicker-basic/daterangepicker-basic'; -import { - FlightBookingComponent } from './daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking'; -import { DateRangePickerModeComponent } from './daterangepicker/daterangepicker-mode/daterangepicker-mode'; -import { - DateRangePickerStartEndComponent } from './daterangepicker/daterangepicker-start-end/daterangepicker-start-end'; -import { StyledDateRangePickerComponent } from './daterangepicker/daterangepicker-styling/daterangepicker-styling'; -import { - DateRangePickerValidationComponent } from './daterangepicker/daterangepicker-validation/daterangepicker-validation'; -import { DateTimeAdvancedComponent } from './datetimeeditor/datetime-advanced/datetime-advanced'; -import { DateTimeBasicComponent } from './datetimeeditor/datetime-basic/datetime-basic.component'; -import { MonthpickerSample1Component } from './monthpicker/monthpicker-sample-1/monthpicker-sample-1.component'; -import { MonthpickerSample3Component } from './monthpicker/monthpicker-sample-3/monthpicker-sample-3.component'; -import { MonthpickerStylingComponent } from './monthpicker/monthpicker-styling/monthpicker-styling.component'; -import { SchedulingRoutingModule } from './scheduling-routing.module'; -import { TimepickerDropdownComponent } from './timepicker/timepicker-dropdown/timepicker-dropdown.component'; -import { TimePickerSample1Component } from './timepicker/timepicker-sample-1/timepicker-sample-1.component'; -import { TimePickerSample4Component } from './timepicker/timepicker-sample-4/timepicker-sample-4.component'; -import { TimePickerSample5Component } from './timepicker/timepicker-sample-5/timepicker-sample-5.component'; -import { TimePickerSample6Component } from './timepicker/timepicker-sample-6/timepicker-sample-6.component'; -import { TimePickerStylingComponent } from './timepicker/timepicker-styling/timepicker-styling.component'; -import { DateRangePickerRangeButtonsComponent } from './daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons'; - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - ReactiveFormsModule, - SchedulingRoutingModule, - IgxAutocompleteModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxCalendarModule, - IgxCardModule, - IgxDatePickerModule, - IgxDateRangePickerModule, - IgxDateTimeEditorModule, - IgxDialogModule, - IgxIconModule, - IgxInputGroupModule, - IgxSnackbarModule, - IgxTimePickerModule, - IgxToastModule, - IgxSwitchModule, - IgxButtonModule, - IgxSelectModule, - IgxDropDownModule, - IgxToggleModule, - IgxTextSelectionModule, - AutocompletePipeStartsWith, - CalendarDaysViewComponent, - CalendarMonthsViewComponent, - CalendarYearsViewComponent, - CalendarSample1Component, - CalendarSample2Component, - CalendarSample3Component, - CalendarSample4Component, - CalendarSample5Component, - CalendarSample6Component, - CalendarSample7Component, - CalendarSample8Component, - CalendarSample9Component, - CalendarRtlSampleComponent, - CalendarMultiViewComponent, - CalendarStylingSampleComponent, - DateTimeAdvancedComponent, - DatepickerSample1Component, - DatepickerSample2Component, - DatepickerSample3Component, - DatepickerSample4Component, - DatepickerSample5Component, - DatepickerSample6Component, - DatepickerSample7Component, - DatepickerSample8Component, - DatepickerSample9Component, - DateTimePickerTDFSampleComponent, - DateTimePickerRFSampleComponent, - DateTimeBasicComponent, - DatepickerDropdownComponent, - DatepickerStylingSampleComponent, - TimePickerSample1Component, - TimePickerSample4Component, - TimePickerSample5Component, - TimePickerSample6Component, - TimePickerStylingComponent, - DatepickerDropdownComponent, - TimepickerDropdownComponent, - MonthpickerSample1Component, - MonthpickerSample3Component, - MonthpickerStylingComponent, - PipeWithoutTownFrom, - BasicDateRangePickerComponent, - DateRangePickerModeComponent, - DateRangePickerRangeButtonsComponent, - DateRangePickerStartEndComponent, - DateRangePickerValidationComponent, - StyledDateRangePickerComponent, - FlightBookingComponent - ] -}) -export class SchedulingModule { } diff --git a/src/app/scheduling/scheduling-routing.module.ts b/src/app/scheduling/scheduling.routes.ts similarity index 97% rename from src/app/scheduling/scheduling-routing.module.ts rename to src/app/scheduling/scheduling.routes.ts index b92ac2a9ae..ce2a260fb3 100644 --- a/src/app/scheduling/scheduling-routing.module.ts +++ b/src/app/scheduling/scheduling.routes.ts @@ -1,5 +1,4 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { CalendarDaysViewComponent } from './calendar/calendar-days-view/calendar-days-view.component'; import { CalendarMonthsViewComponent } from './calendar/calendar-months-view/calendar-months-view.component'; import { CalendarSample1Component } from './calendar/calendar-sample-1/calendar-sample-1.component'; @@ -50,7 +49,7 @@ import { TimePickerSample5Component } from './timepicker/timepicker-sample-5/tim import { TimePickerSample6Component } from './timepicker/timepicker-sample-6/timepicker-sample-6.component'; import { TimePickerStylingComponent } from './timepicker/timepicker-styling/timepicker-styling.component'; -export const schedulingRoutes: Routes = [ +export const SchedulingRoutes: Routes = [ { component: CalendarSample1Component, data: schedulingRoutesData['calendar-sample-1'], @@ -277,9 +276,3 @@ export const schedulingRoutes: Routes = [ path: 'flight-booking' } ]; - -@NgModule({ - exports: [RouterModule], - imports: [RouterModule.forChild(schedulingRoutes)] -}) -export class SchedulingRoutingModule {} diff --git a/src/app/services/overflow.service.ts b/src/app/services/overflow.service.ts new file mode 100644 index 0000000000..a663641913 --- /dev/null +++ b/src/app/services/overflow.service.ts @@ -0,0 +1,24 @@ +import { Injectable } from '@angular/core'; +import { Router, NavigationStart } from '@angular/router'; +import { filter } from 'rxjs/operators'; + +@Injectable({ + providedIn: 'root' +}) +export class OverflowService { + constructor(private router: Router) { + this.router.events.pipe( + filter(event => event instanceof NavigationStart) + ).subscribe((event: NavigationStart) => { + this.setOverflow(event.url); + }); + } + + private setOverflow(url: string) { + if (url.endsWith('finjs')) { + document.body.style.overflow = 'auto'; + } else { + document.body.style.overflow = 'hidden'; + } + } +} diff --git a/src/app/services/services.module.ts b/src/app/services/services.module.ts deleted file mode 100644 index 47bad912e3..0000000000 --- a/src/app/services/services.module.ts +++ /dev/null @@ -1,51 +0,0 @@ -/* eslint-disable max-len */ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { IgxCardModule, IgxGridModule, IgxIconModule, IgxListModule, IgxSelectModule, IgxTimePickerModule, IgxTransactionService, IgxTreeGridModule } from 'igniteui-angular'; - -import { CsvExportSample1Component } from './export-csv/csv-export-sample-1/csv-export-sample-1.component'; -import { TreeGridCsvExportSample1Component } from './export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component'; -import { CsvExportComponent } from './export-csv/csv-export.component'; -import { ExcelExportSample1Component } from './export-excel/excel-export-sample-1/excel-export-sample-1.component'; -import { TreeGridExcelExportSample1Component } from './export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component'; -import { ExcelExportComponent } from './export-excel/excel-export.component'; -import { LocalizationAllResourcesComponent } from './localization-samples/localization-all-resources/localization-all-resources.component'; -import { LocalizationSample1Component } from './localization-samples/localization-sample-1/localization-sample-1.component'; -import { LocalizationSample2Component } from './localization-samples/localization-sample-2/localization-sample-2.component'; -import { LocalizationSample3Component } from './localization-samples/localization-sample-3/localization-sample-3.component'; -import { ServicesRoutingModule } from './services-routing.module'; -import { TransactionBasePipe } from './transaction/pipes/transaction-base.pipe'; -import { TransactionBaseComponent } from './transaction/transaction-base/transaction-base.component'; -// tslint:enable:max-line-length - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - ServicesRoutingModule, - IgxGridModule, - IgxTimePickerModule, - IgxTreeGridModule, - IgxListModule, - IgxCardModule, - IgxSelectModule, - IgxIconModule, - CsvExportComponent, - CsvExportSample1Component, - TreeGridCsvExportSample1Component, - ExcelExportComponent, - ExcelExportSample1Component, - TreeGridExcelExportSample1Component, - LocalizationSample1Component, - LocalizationSample2Component, - LocalizationSample3Component, - LocalizationAllResourcesComponent, - TransactionBaseComponent, - TransactionBasePipe - ], - providers: [ - IgxTransactionService - ] -}) -export class ServicesModule { } diff --git a/src/app/services/services-routing.module.ts b/src/app/services/services.routes.ts similarity index 91% rename from src/app/services/services-routing.module.ts rename to src/app/services/services.routes.ts index 071f33fc90..da214d17f2 100644 --- a/src/app/services/services-routing.module.ts +++ b/src/app/services/services.routes.ts @@ -1,6 +1,5 @@ // tslint:disable:max-line-length -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { CsvExportSample1Component } from './export-csv/csv-export-sample-1/csv-export-sample-1.component'; import { TreeGridCsvExportSample1Component } from './export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component'; import { CsvExportComponent } from './export-csv/csv-export.component'; @@ -15,7 +14,7 @@ import { servicesRoutesData } from './services-routes-data'; import { TransactionBaseComponent } from './transaction/transaction-base/transaction-base.component'; // tslint:enable:max-line-length -export const servicesRoutes: Routes = [ +export const ServicesRoutes: Routes = [ { component: CsvExportComponent, data: servicesRoutesData['export-csv'], @@ -72,13 +71,3 @@ export const servicesRoutes: Routes = [ path: 'transaction-base' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(servicesRoutes) - ] -}) -export class ServicesRoutingModule { } diff --git a/src/app/theming/theming.module.ts b/src/app/theming/theming.module.ts deleted file mode 100644 index 6ae6a07395..0000000000 --- a/src/app/theming/theming.module.ts +++ /dev/null @@ -1,82 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; -import { IgxAvatarModule, IgxButtonGroupModule, IgxButtonModule, IgxCalendarModule, IgxCardModule, IgxDatePickerModule, - IgxDialogModule, IgxDividerModule, IgxDropDownModule, IgxExpansionPanelModule, IgxGridModule, IgxIconButtonDirective, IgxIconModule, IgxInputGroupModule, - IgxLayoutModule, IgxListModule, IgxRippleModule, IgxSelectModule, IgxSnackbarModule, IgxToggleModule } from 'igniteui-angular'; -import { MatButtonModule } from '@angular/material/button'; -import { MatFormFieldModule } from '@angular/material/form-field'; -import { MatInputModule } from '@angular/material/input'; -import { MatMenuModule } from '@angular/material/menu'; -import { MatSliderModule } from '@angular/material/slider'; -import { MatStepperModule } from '@angular/material/stepper'; -import { MatToolbarModule } from '@angular/material/toolbar'; -import { AnimationsSampleComponent } from './animations/animations-sample-1/animations-sample-1.component'; -import { AnimationsSample2Component } from './animations/animations-sample-2/animations-sample-2.component'; -import { AngularMaterialComponent } from './angular/angular-sample.component'; -import { BootstrapComponent } from './bootstrap/bootstrap-sample.component'; -import { DefaultThemeSampleComponent } from './default-theme-sample/default-theme-sample.component'; -import { DisplayDensityComponent } from './display-density/display-density.component'; -import { CardSampleShadowComponent } from './shadows/card-sample-shadow/card-sample-shadow'; -import { ShadowsSampleComponent } from './shadows/shadows-sample-1/shadows-sample.component'; -import { ShadowsSample2Component } from './shadows/shadows-sample-2/shadows-sample-2.component'; -import { ThemingRoutingModule } from './theming-routing.module'; - -@NgModule({ - exports: [ - DefaultThemeSampleComponent, - DisplayDensityComponent, - ShadowsSampleComponent, - ShadowsSample2Component, - CardSampleShadowComponent, - AnimationsSampleComponent, - AnimationsSample2Component, - AngularMaterialComponent, - BootstrapComponent - ], - imports: [ - CommonModule, - FormsModule, - ReactiveFormsModule, - IgxAvatarModule, - IgxCardModule, - ThemingRoutingModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxCalendarModule, - IgxDatePickerModule, - IgxDialogModule, - IgxDividerModule, - IgxDropDownModule, - IgxExpansionPanelModule, - IgxGridModule, - IgxIconModule, - IgxInputGroupModule, - IgxLayoutModule, - IgxListModule, - IgxRippleModule, - IgxSnackbarModule, - IgxToggleModule, - IgxSelectModule, - MatButtonModule, - MatFormFieldModule, - MatInputModule, - MatMenuModule, - MatSliderModule, - MatStepperModule, - MatToolbarModule, - IgxIconButtonDirective, - NgbModule, - DefaultThemeSampleComponent, - DisplayDensityComponent, - ShadowsSampleComponent, - ShadowsSample2Component, - CardSampleShadowComponent, - AnimationsSampleComponent, - AnimationsSample2Component, - AngularMaterialComponent, - BootstrapComponent - ] -}) -export class ThemingModule {} diff --git a/src/app/theming/theming-routing.module.ts b/src/app/theming/theming.routes.ts similarity index 88% rename from src/app/theming/theming-routing.module.ts rename to src/app/theming/theming.routes.ts index 69e9efd2e0..8ba1cc05f9 100644 --- a/src/app/theming/theming-routing.module.ts +++ b/src/app/theming/theming.routes.ts @@ -1,5 +1,4 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { AnimationsSampleComponent } from './animations/animations-sample-1/animations-sample-1.component'; import { AnimationsSample2Component } from './animations/animations-sample-2/animations-sample-2.component'; import { AngularMaterialComponent } from './angular/angular-sample.component'; @@ -11,7 +10,7 @@ import { ShadowsSampleComponent } from './shadows/shadows-sample-1/shadows-sampl import { ShadowsSample2Component } from './shadows/shadows-sample-2/shadows-sample-2.component'; import { themingRoutesData } from './theming-routes-data'; -export const themingRoutes: Routes = [ +export const ThemingRoutes: Routes = [ { component: DefaultThemeSampleComponent, data: themingRoutesData['default-theme-sample'], @@ -59,13 +58,3 @@ export const themingRoutes: Routes = [ path: 'bootstrap-sample' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(themingRoutes) - ] -}) -export class ThemingRoutingModule { } diff --git a/src/app/tree-grid/tree-grid.module.ts b/src/app/tree-grid/tree-grid.module.ts deleted file mode 100644 index 42aa06b88f..0000000000 --- a/src/app/tree-grid/tree-grid.module.ts +++ /dev/null @@ -1,279 +0,0 @@ -/* eslint-disable max-len */ -// tslint:disable:max-line-length -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { - IgxActionStripModule, - IgxAvatarModule, - IgxBadgeModule, - IgxBannerModule, - IgxButtonGroupModule, - IgxButtonModule, - IgxCheckboxModule, - IgxChipsModule, - IgxDatePickerModule, - IgxDialogModule, - IgxDragDropModule, - IgxFocusModule, - IgxGridModule, - IgxIconButtonDirective, - IgxIconModule, - IgxInputGroupModule, - IgxListModule, - IgxRadioModule, - IgxRippleModule, - IgxSelectModule, - IgxSimpleComboModule, - IgxSliderModule, - IgxSnackbarModule, - IgxSwitchModule, - IgxToastModule, - IgxToggleModule, - IgxTooltipModule, - IgxTreeGridModule -} from 'igniteui-angular'; - -import { TreeGridColumnGroupSelectionComponent } from './column-group-selection/column-group-selection.component'; -import { TreeGridColumnSelectionStylesComponent } from './column-selection-styles/tree-grid-column-selection-style.component'; -import { TreeGridColumnSelectionComponent } from './column-selection/tree-grid-column-selection.component'; -// tslint:disable:max-line-length -import { RemoteFilteringService } from './services/remoteFilteringService'; -import { TGridEditingLifecycleComponent } from './tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component'; -import { TGridKeyboardnavGuide } from './tgrid-keyboard-guide/tgrid-keyboardnav-guide.component'; -import { TreeGridActionStripSampleComponent } from './tree-grid-action-strip/tree-grid-action-strip-sample'; -import { TreeGridAddRowSampleComponent } from './tree-grid-add-row-sample/tree-grid-add-row-sample.component'; -import { TreeGridAdvancedFilteringSampleComponent } from './tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component'; -import { TreeGridAdvancedFilteringStyleComponent } from './tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component'; -import { TreeGridBatchEditingSampleComponent } from './tree-grid-batch-editing/tree-grid-batch-editing-sample.component'; -import { TreeGridCellSelectionComponent } from './tree-grid-cellSelection-sample/tree-grid-cellSelection.component'; -import { TreeGridClipboardSampleComponent } from './tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component'; -import { TreeGridMultiCollapsibleColumnGroupsComponent } from './tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component'; -import { TreeGridColumnHidingSampleComponent } from './tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component'; -import { TreeGridColumnHidingToolbarSampleComponent } from './tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component'; -import { TreeGridColumnHidingToolbarStyleComponent } from './tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component'; -import { TreeGridColumnMovingSampleComponent } from './tree-grid-column-moving-sample/tree-grid-column-moving-sample.component'; -import { TreeGridColumnMovingStyledSampleComponent } from './tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component'; -import { TreeGridColumnPinningSampleComponent } from './tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component'; -import { TreeGridPinningToolbarSampleComponent } from './tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component'; -import { TreeGridColumnResizingSampleComponent } from './tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component'; -import { TreeGridConditionalCellStyle2Component } from './tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component'; -import { TreeGridConditionalCellStyleComponent } from './tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component'; -import { TreeGridConditionalRowSelectorsSampleComponent } from './tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component'; -import { TreeGridDisableSummariesComponent } from './tree-grid-disable-summaries/tree-grid-disable-summaries.component'; -import { TreeGridDisplaydensitySampleComponent } from './tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component'; -import { TreeGridEditingEventsComponent } from './tree-grid-editing-events/tree-grid-editing-events.component'; -import { TreeGridEditingSampleComponent } from './tree-grid-editing-sample/tree-grid-editing-sample.component'; -import { TreeGridEditingStyleComponent } from './tree-grid-editing-style/tree-grid-editing-sample.component'; -import { TreeGridEmployeesSampleComponent } from './tree-grid-employees-sample/tree-grid-employees-sample.component'; -import { TreeGridExcelStyleFilteringLoadOnDemandComponent } from './tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component'; -import { TreeGridExcelStyleFilteringSample1Component } from './tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component'; -import { TreeGridExcelStyleFilteringSample2Component } from './tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component'; -import { TreeGridExcelStyleFilteringSample3Component } from './tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component'; -import { TreeGridExcelStyleFilteringStyleComponent } from './tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component'; -import { TreeGridExportVisualizationComponent } from './tree-grid-export-visualization/tree-grid-export-visualization.component'; -import { TreeGridExternalAdvancedFilteringComponent } from './tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component'; -import { TreeGridExternalExcelStyleFilteringComponent } from './tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component'; -import { TreeGridExternalOutletComponent } from './tree-grid-external-outlet/tree-grid-external-outlet-sample.component'; -import { TreeGridFilteringCustomSampleComponent } from './tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component'; -import { TreeGridFilteringSampleComponent } from './tree-grid-filtering-sample/tree-grid-filtering-sample.component'; -import { TreeGridFilteringStyleComponent } from './tree-grid-filtering-style/tree-grid-filtering-style.component'; -import { TreeGridFilteringTemplateSampleComponent } from './tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component'; -import { TreeGridFormattedFilteringStrategyComponent } from './tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component'; -import { TreeGridGroupByLoadOnDemandComponent } from './tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component'; -import { TreeGridKBNavigationComponent } from './tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component'; -import { TreeGridLoadOnDemandSampleComponent } from './tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component'; -import { TreeGridMultiCellSelectionStyleComponent } from './tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component'; -import { TreeGridMultiCellSelectionComponent } from './tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component'; -import { TreeGridMultiColumnHeaderTemplateSampleComponent } from './tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component'; -import { TreeGridMultiColumnHeadersExportComponent } from './tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component'; -import { TreeGridMultiColumnHeadersSampleComponent } from './tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component'; -import { TreeGridMultiColumnHeadersStylingComponent } from './tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component'; -import { TreeGridMultiRowDragComponent } from './tree-grid-multi-row-drag/tree-grid-multi-row-drag.component'; -import { TreeGridPagerSampleComponent } from './tree-grid-pager-sample/tree-grid-pager-sample.component'; -import { TreeGridPagingSampleComponent } from './tree-grid-paging-sample/tree-grid-paging-sample.component'; -import { TreeGridPagingStyleSampleComponent } from './tree-grid-paging-style/tree-grid-paging-style-sample.component'; -import { TreeGridRemoteFilteringSampleComponent } from './tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component'; -import { TreeGridRemotePagingDefaultTemplateComponent } from './tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component'; -import { TreeGridRemotePagingSampleComponent } from './tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component'; -import { TreeGridResizeLineStylingSampleComponent } from './tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component'; -import { TreeGridRoutingModule } from './tree-grid-routing.module'; -import { TreeGridRowDragBaseComponent } from './tree-grid-row-drag-base/tree-grid-row-drag-base.component'; -import { TreeGridRowDragComponent } from './tree-grid-row-drag/tree-grid-row-drag.component'; -import { TreeGridRowEditStyleComponent } from './tree-grid-row-edit-style/tree-grid-row-edit-style.component'; -import { TreeGridRowEditSampleComponent } from './tree-grid-row-edit/tree-grid-row-editing-sample.component'; -import { TreeGridRowPinningExtraColumnSampleComponent } from './tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component'; -import { TreeGridRowPinningStylingSampleComponent } from './tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component'; -import { TreeGridRowPinningSampleComponent } from './tree-grid-row-pinning/tree-grid-row-pinning.component'; -import { TreeGridRowReorderComponent } from './tree-grid-row-reorder/tree-grid-row-reorder.component'; -import { TreeGridRowClassesComponent } from './tree-grid-rowClasses-sample/tree-grid-rowClasses.component'; -import { TreeGridRowStylesComponent } from './tree-grid-rowStyles-sample/tree-grid-rowStyle.component'; -import { TreeGridRightPinningSampleComponent } from './tree-grid-sample-right-pinning/tree-grid-right-pinning.component'; -import { TGridAboutComponent } from './tree-grid-save-state/about.component'; -import { TGridSaveStateComponent } from './tree-grid-save-state/tGrid-state.component'; -import { TreeGridSearchSampleComponent } from './tree-grid-search-sample/tree-grid-search-sample.component'; -import { TreeGridSelectionSampleComponent } from './tree-grid-selection-sample/tree-grid-selection-sample.component'; -import { TreeGridSelectionTemplateNumbersSampleComponent } from './tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component'; -import { TreeGridContextmenuComponent } from './tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component'; -import { TreeGridSortingSampleComponent } from './tree-grid-sorting-sample/tree-grid-sorting-sample.component'; -import { TreeGridSortingStylingComponent } from './tree-grid-sorting-styling/tree-grid-sorting-styling.component'; -import { TreeGridStyleComponent } from './tree-grid-style/tree-grid-style.component'; -import { TreeGridSummaryFormatterComponent } from './tree-grid-summary-formatter/tree-grid-summary-formatter.component'; -import { TreeGridSummarySampleComponent } from './tree-grid-summary-sample/tree-grid-summary-sample.component'; -import { TreeGridSummaryStylingComponent } from './tree-grid-summary-styling/tree-grid-summary-styling.component'; -import { TreeGridSummary2SampleComponent } from './tree-grid-summary2-sample/tree-grid-summary2-sample.component'; -import { TreeGridToolbarSample1Component } from './tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component'; -import { TreeGridToolbarSample2Component } from './tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component'; -import { TreeGridToolbarSample3Component } from './tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component'; -import { TreeGridToolbarSample4Component } from './tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component'; -import { TreeGridToolbarStyleComponent } from './tree-grid-toolbar-style/tree-grid-toolbar-style.component'; -import { TreeGridTreeFilterViewComponent } from './tree-grid-tree-filter-view/tree-grid-tree-filter-view.component'; -import { TGridPhoneFormatDirective, TreeGridValidatorServiceExtendedComponent } from './tree-grid-validator-service-extended/tree-grid-validator-service-extended.component'; -import { TreeGridValidatorServiceComponent } from './tree-grid-validator-service/tree-grid-validator-service.component'; -import { TreeGridVirtualizationSampleComponent } from './tree-grid-virtualization-sample/tree-grid-virtualization-sample.component'; -import { TreeGridAllDataSummaryComponent } from './treegrid-allData-summary/treegrid-allData-summary.component'; -import { TreeGridColumnAutoSizingSampleComponent } from './treegrid-column-autosizing/treegrid-column-autosizing.component'; -import { TreeGridSummaryTemplateComponent } from './treegrid-summary-template/treegrid-summary-template.component'; -import { TreeGridValidatorServiceCrossFieldComponent } from './tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component'; -import { TreeGridValidationStyleComponent } from './tree-grid-validation-style/tree-grid-validation-style.component'; -import { TreeGridSummaryExportComponent } from './tree-grid-summary-export/tree-grid-summary-export.component'; - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - ReactiveFormsModule, - TreeGridRoutingModule, - IgxTreeGridModule, - IgxGridModule, - IgxActionStripModule, - IgxButtonGroupModule, - IgxIconModule, - IgxSliderModule, - IgxToggleModule, - IgxButtonModule, - IgxSwitchModule, - IgxRippleModule, - IgxDialogModule, - IgxRadioModule, - IgxAvatarModule, - IgxToastModule, - IgxSelectModule, - IgxBannerModule, - IgxBadgeModule, - IgxCheckboxModule, - IgxSnackbarModule, - IgxTooltipModule, - IgxListModule, - IgxChipsModule, - IgxDatePickerModule, - IgxSimpleComboModule, - IgxInputGroupModule, - IgxDragDropModule, - IgxFocusModule, - IgxIconButtonDirective, - TreeGridRowEditSampleComponent, - TreeGridRowEditStyleComponent, - TreeGridBatchEditingSampleComponent, - TreeGridEditingEventsComponent, - TreeGridEmployeesSampleComponent, - TreeGridPagingStyleSampleComponent, - TreeGridSearchSampleComponent, - TreeGridColumnHidingSampleComponent, - TreeGridColumnHidingToolbarSampleComponent, - TreeGridSelectionSampleComponent, - TreeGridSelectionTemplateNumbersSampleComponent, - TreeGridSortingSampleComponent, - TreeGridSortingStylingComponent, - TreeGridContextmenuComponent, - TreeGridColumnMovingSampleComponent, - TreeGridColumnMovingStyledSampleComponent, - TreeGridColumnPinningSampleComponent, - TreeGridPinningToolbarSampleComponent, - TreeGridColumnResizingSampleComponent, - TreeGridFilteringSampleComponent, - TGridAboutComponent, - TreeGridFilteringTemplateSampleComponent, - TreeGridFilteringCustomSampleComponent, - TreeGridMultiColumnHeadersSampleComponent, - TreeGridMultiColumnHeadersStylingComponent, - TreeGridVirtualizationSampleComponent, - TreeGridDisplaydensitySampleComponent, - TreeGridToolbarSample1Component, - TreeGridToolbarSample2Component, - TreeGridToolbarSample3Component, - TreeGridToolbarSample4Component, - TreeGridSummarySampleComponent, - TreeGridSummaryStylingComponent, - TreeGridSummary2SampleComponent, - TreeGridConditionalCellStyleComponent, - TGridSaveStateComponent, - TreeGridPagingSampleComponent, - TreeGridPagerSampleComponent, - TreeGridEditingSampleComponent, - TreeGridEditingStyleComponent, - TreeGridExcelStyleFilteringSample1Component, - TreeGridExcelStyleFilteringSample2Component, - TreeGridExcelStyleFilteringSample3Component, - TreeGridExcelStyleFilteringStyleComponent, - TreeGridRemoteFilteringSampleComponent, - TreeGridMultiCellSelectionComponent, - TreeGridMultiCellSelectionStyleComponent, - TreeGridLoadOnDemandSampleComponent, - TreeGridGroupByLoadOnDemandComponent, - TreeGridRowDragComponent, - TreeGridRowDragBaseComponent, - TreeGridMultiRowDragComponent, - TreeGridKBNavigationComponent, - TreeGridRowReorderComponent, - TreeGridRemotePagingSampleComponent, - TreeGridResizeLineStylingSampleComponent, - TreeGridColumnHidingToolbarStyleComponent, - TreeGridMultiColumnHeaderTemplateSampleComponent, - TreeGridMultiColumnHeadersExportComponent, - TreeGridClipboardSampleComponent, - TreeGridToolbarStyleComponent, - TreeGridFilteringStyleComponent, - TreeGridCellSelectionComponent, - TreeGridAddRowSampleComponent, - TreeGridAdvancedFilteringSampleComponent, - TreeGridAdvancedFilteringStyleComponent, - TreeGridExcelStyleFilteringLoadOnDemandComponent, - TreeGridConditionalRowSelectorsSampleComponent, - TreeGridDisableSummariesComponent, - TreeGridStyleComponent, - TreeGridExternalExcelStyleFilteringComponent, - TreeGridExternalAdvancedFilteringComponent, - TreeGridConditionalCellStyle2Component, - TreeGridMultiCollapsibleColumnGroupsComponent, - TreeGridAllDataSummaryComponent, - TreeGridSummaryTemplateComponent, - TreeGridRowPinningSampleComponent, - TreeGridRowPinningStylingSampleComponent, - TreeGridRowPinningExtraColumnSampleComponent, - TreeGridRightPinningSampleComponent, - TreeGridColumnSelectionComponent, - TreeGridColumnGroupSelectionComponent, - TreeGridColumnSelectionStylesComponent, - TGridKeyboardnavGuide, - TreeGridRemotePagingDefaultTemplateComponent, - TreeGridExternalOutletComponent, - TreeGridExportVisualizationComponent, - TGridEditingLifecycleComponent, - TreeGridFormattedFilteringStrategyComponent, - TreeGridTreeFilterViewComponent, - TreeGridSummaryFormatterComponent, - TreeGridRowStylesComponent, - TreeGridRowClassesComponent, - TreeGridActionStripSampleComponent, - TreeGridColumnAutoSizingSampleComponent, - TreeGridValidatorServiceComponent, - TreeGridValidatorServiceCrossFieldComponent, - TreeGridValidationStyleComponent, - TreeGridValidatorServiceExtendedComponent, - TGridPhoneFormatDirective, - TreeGridSummaryExportComponent -], - providers: [RemoteFilteringService] -}) -export class TreeGridModule { } diff --git a/src/app/tree-grid/tree-grid-routing.module.ts b/src/app/tree-grid/tree-grid.routes.ts similarity index 99% rename from src/app/tree-grid/tree-grid-routing.module.ts rename to src/app/tree-grid/tree-grid.routes.ts index 9687097c37..0f4d58a17b 100644 --- a/src/app/tree-grid/tree-grid-routing.module.ts +++ b/src/app/tree-grid/tree-grid.routes.ts @@ -1,6 +1,5 @@ /* eslint-disable max-len */ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { TreeGridColumnGroupSelectionComponent } from './column-group-selection/column-group-selection.component'; import { TreeGridColumnSelectionStylesComponent } from './column-selection-styles/tree-grid-column-selection-style.component'; import { TreeGridColumnSelectionComponent } from './column-selection/tree-grid-column-selection.component'; @@ -102,7 +101,7 @@ import { TreeGridValidatorServiceCrossFieldComponent } from './tree-grid-validat import { TreeGridValidationStyleComponent } from './tree-grid-validation-style/tree-grid-validation-style.component'; import { TreeGridSummaryExportComponent } from './tree-grid-summary-export/tree-grid-summary-export.component'; -export const treeGridRoutes: Routes = [ +export const TreeGridRoutes: Routes = [ { component: TreeGridRowEditSampleComponent, data: treeGridRoutesData['treegrid-row-edit'], @@ -599,13 +598,3 @@ export const treeGridRoutes: Routes = [ path: 'treegrid-summary-export' } ]; - -@NgModule({ - exports: [ - RouterModule - ], - imports: [ - RouterModule.forChild(treeGridRoutes) - ] -}) -export class TreeGridRoutingModule { } diff --git a/src/main.ts b/src/main.ts index 94cb2d40b6..fcc3112d63 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,30 +1,14 @@ -import { enableProdMode, importProvidersFrom } from '@angular/core'; -import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; - - +import { enableProdMode } from '@angular/core'; import { environment } from './environments/environment'; - import { defineCustomElements } from 'igniteui-dockmanager/loader'; -import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'; -import { AppRoutingModule } from './app/app-routing.module'; -import { IgxAutocompleteModule, IgxRippleModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxIconModule, IgxLayoutModule, IgxInputGroupModule, IgxTreeModule, IgxButtonModule, IgxButtonGroupModule, IgxSliderModule, IgxDateRangePickerModule, IgxDropDownModule } from 'igniteui-angular'; -import { BrowserModule, HammerModule, bootstrapApplication } from '@angular/platform-browser'; -import { provideAnimations } from '@angular/platform-browser/animations'; -import { FormsModule } from '@angular/forms'; -import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; +import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; +import { AppConfig } from './app/app.config'; if (environment.production) { enableProdMode(); } -bootstrapApplication(AppComponent, { - providers: [ - importProvidersFrom(AppRoutingModule, IgxAutocompleteModule, IgxRippleModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxIconModule, IgxLayoutModule, IgxInputGroupModule, IgxTreeModule, BrowserModule, IgxButtonModule, IgxButtonGroupModule, FormsModule, HammerModule, NgbModule, IgxSliderModule, IgxDateRangePickerModule, IgxDropDownModule), - provideHttpClient(withInterceptorsFromDi()), - provideAnimations() - ] -}) - .catch((err) => console.log(err)); +bootstrapApplication(AppComponent, AppConfig).catch(err => console.log(err)); defineCustomElements(window);