diff --git a/live-editing/configs/AccordionConfigGenerator.ts b/live-editing/configs/AccordionConfigGenerator.ts index 4b74e36f4..fbeda442e 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 9d1889188..fbc64ff74 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 c6e07f8b8..bf0518f8f 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 e182dc231..76c9b4fd8 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 c37edc8ca..04ce6672b 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 c240c09ba..13bab5bfc 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 000000000..d8f4d4f0d --- /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 12384e8fb..3c61f44dd 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 ff5ecd60a..55ced086f 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 a3f69f718..56ae12fac 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 d73e44f5e..e6ae6171c 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 b9dfdedbc..aeccd5f3d 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 dd1f67415..9afc6309d 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 57d3ed432..f7c9335c7 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 ef8b249c1..e4c6a4005 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 87c579801..3fda319d1 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 5edbe4be2..2b9bf15bc 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 863cde49e..49ded94f0 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 f867b430a..bcf75cf4a 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 96fb3dd57..5123c394c 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 16d32d874..10073f3df 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 6c87c3662..a2f90dd5b 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 90abe632b..690eb41fb 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 2167953f6..b87e914ea 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 212e17b08..9ee99c19f 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 98e9c9ffb..1373c3a11 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 8eb8249d4..de4e21a2a 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 84587a853..bd6961b3e 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 2dff14b63..c5fdec57d 100644 --- a/live-editing/configs/GridCRMConfigGenerator.ts +++ b/live-editing/configs/GridCRMConfigGenerator.ts @@ -1,6 +1,8 @@ /* eslint-disable max-len */ /* eslint-disable @typescript-eslint/naming-convention */ -import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing'; +import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; +import { FormsModule } from '@angular/forms'; export class GridCRMConfigGenerator implements IConfigGenerator { public generateConfigs(): Config[] { @@ -24,20 +26,9 @@ export class GridCRMConfigGenerator implements IConfigGenerator { providers: [ { 'provider': 'provideAnimations()', 'import': '@angular/platform-browser/animations' } ], - router: 'GridCRMRoutes' + router: true } - /*appModuleConfig: new AppModuleConfig({ - imports: [ - 'IgxRippleModule', - 'IgxGridModule', 'IgxIconModule', 'IgxLayoutModule', - 'IgxAvatarModule', 'IgxInputGroupModule', 'IgxButtonModule', - 'IgxPreventDocumentScrollDirective', 'GridCRMComponent', 'RouterTestingModule' - ], - ngDeclarations: ['GridCRMComponent'], - ngImports: ['IgxPreventDocumentScrollDirective', 'IgxRippleModule', - 'IgxGridModule', 'IgxIconModule', 'IgxLayoutModule', - 'IgxAvatarModule', 'IgxInputGroupModule', 'IgxButtonModule', 'RouterTestingModule'] - })*/ + /*appConfig: BaseAppConfig*/ })); diff --git a/live-editing/configs/GridConfigGenerator.ts b/live-editing/configs/GridConfigGenerator.ts index c7b9a3d9c..44ad04a85 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 62b95ec9c..e24c3a9c8 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 3b6fcbe84..fc9d2a86e 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 86fc48738..c912b2ba2 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 ff09c0eb9..94bf70484 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 a4b95014b..64a2752a1 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 830befc40..d4383fadd 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 e410dcb70..ef2431efb 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 74f0adae4..771d4d099 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 f9db45a31..24ebe71c4 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 015449d7b..bf4ab7b9d 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 b241d0356..7daf0a476 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 f928c23bf..75444e4ca 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 14dfd7981..3d33a201c 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 ec23ce5c4..3f9cc6952 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 1b384f39b..af9807e63 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 90f7501cc..136baf5f3 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 c303e8e90..f5f4c72ce 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 8adc0be15..2d75778b2 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 f956ce008..b3f6665f5 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 5b1fa5273..e73f514f9 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 c303d1ca7..9df0952dc 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 25c4d7b64..37fc156ec 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 d9476994c..57806c558 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 e5d830b26..e0c77a567 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 84a4da386..bea6b1d45 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 16ee28283..d8e720083 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 6c911b780..46880a2fa 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 a95b69268..6715df281 100644 --- a/live-editing/configs/ThemingConfigGenerator.ts +++ b/live-editing/configs/ThemingConfigGenerator.ts @@ -1,4 +1,5 @@ -import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing'; +import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class ThemingConfigGenerator implements IConfigGenerator { public generateConfigs(): Config[] { @@ -7,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 2b12e450a..f7e048aea 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 8837e5f55..bc57ba4d5 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 6e3227ad9..186327a48 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 9cf64ca58..4ce021503 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 56cc4252e..50aad083b 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 d98a7ad3e..3262786fc 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 03795e786..0ac713451 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 7a1dd051e..7387a49ce 100644 --- a/live-editing/configs/app-dv-configs/DVGridConfig.ts +++ b/live-editing/configs/app-dv-configs/DVGridConfig.ts @@ -31,7 +31,8 @@ IgxLegendModule, IgxPieChartModule, IgxSparklineCoreModule, IgxSparklineModule} from 'igniteui-angular-charts'; -import { Config, IConfigGenerator, AppModuleConfig, DependenciesType } from 'igniteui-live-editing'; +import { Config, IConfigGenerator, AppModuleConfig, DependenciesType } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; import {CUSTOM_ELEMENTS_SCHEMA} from '@angular/core'; export class DVGridConfigGenerator implements IConfigGenerator { public additionalImports = { @@ -55,16 +56,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 +65,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 +82,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 +95,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 c44ba344a..121188678 100644 --- a/live-editing/configs/app-dv-configs/DVHierarchicalGridConfig.ts +++ b/live-editing/configs/app-dv-configs/DVHierarchicalGridConfig.ts @@ -3,7 +3,8 @@ import {IgxHierarchicalGridModule} from 'igniteui-angular'; import {IgxSparklineCoreModule, IgxSparklineModule} from 'igniteui-angular-charts'; -import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing'; +import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class DVHierarchicalGridConfigGenerator implements IConfigGenerator { public additionalImports = { @@ -18,13 +19,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 963c4c5eb..dbf1b8d35 100644 --- a/live-editing/configs/app-dv-configs/DVTreeGridConfig.ts +++ b/live-editing/configs/app-dv-configs/DVTreeGridConfig.ts @@ -13,7 +13,8 @@ IgxToggleModule, IgxTreeGridModule} from 'igniteui-angular'; import {IgxSparklineCoreModule, IgxSparklineModule} from 'igniteui-angular-charts'; -import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing'; +import { Config, IConfigGenerator, AppModuleConfig } from 'igniteui-live-editing' +import { BaseAppConfig } from './BaseConfig';; export class DVTreeGridConfigGenerator implements IConfigGenerator { public additionalImports = { @@ -30,12 +31,7 @@ export class DVTreeGridConfigGenerator implements IConfigGenerator { 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'] - }), + appConfig: BaseAppConfig, component: 'TreeGridChilddatakeySampleComponent', shortenComponentPathBy: '/tree-grid/' })); @@ -45,11 +41,7 @@ export class DVTreeGridConfigGenerator implements IConfigGenerator { 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 +51,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 1c8e2d4ed..1c868d517 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';