refactor(samples): updating components styling samples

Author: adrianptrv

live-editing/configs/ActionStripConfigGenerator.ts

@@ -29,11 +29,7 @@ export class ActionStripConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'ActionStripStylingComponent',
             additionalFiles: ["/src/app/menus/action-strip/action-strip-paragraph-styling/layout.scss"],
-            appModuleConfig: new AppModuleConfig({
-                imports: ['IgxActionStripModule', 'ActionStripStylingComponent', 'IgxRippleModule', 'IgxButtonModule', 'IgxIconModule'],
-                ngDeclarations: ['ActionStripStylingComponent'],
-                ngImports: ['IgxActionStripModule', 'IgxRippleModule', 'IgxButtonModule', 'IgxIconModule']
-            }),
+            appConfig: BaseAppConfig,
             shortenComponentPathBy: '/menus/action-strip/'
         }));
 

live-editing/configs/AvatarConfigGenerator.ts

@@ -16,11 +16,7 @@ export class AvatarConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'AvatarStylingSampleComponent',
             additionalFiles: ["/src/app/layouts/avatar/avatar-styling/layout.scss"],
-            appModuleConfig: new AppModuleConfig({
-                imports: ['IgxAvatarModule', 'AvatarStylingSampleComponent'],
-                ngDeclarations: ['AvatarStylingSampleComponent'],
-                ngImports: ['IgxAvatarModule']
-            }),
+            appConfig: BaseAppConfig,
             shortenComponentPathBy: "/layouts/avatar/"
         }));
 

live-editing/configs/BadgeConfigGenerator.ts

@@ -38,11 +38,7 @@ export class BadgeConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'BadgeStylingSampleComponent',
             additionalFiles: ["src/app/data-display/badge/model/member.model.ts", "src/app/data-display/badge/badge-styling-sample/layout.scss"],
-            appModuleConfig: new AppModuleConfig({
-                imports: ['IgxBadgeModule', 'IgxListModule', 'IgxAvatarModule', 'BadgeStylingSampleComponent'],
-                ngDeclarations: ['BadgeStylingSampleComponent'],
-                ngImports: ['IgxBadgeModule', 'IgxListModule', 'IgxAvatarModule']
-            }),
+            appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-display/badge/"
         }));
 

live-editing/configs/ButtonConfigGenerator.ts

@@ -44,12 +44,7 @@ export class ButtonConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'ButtonsStyleComponent',
             additionalFiles: ["/src/app/data-entries/buttons/buttons-style/layout.scss"],
-            appModuleConfig: new AppModuleConfig({
-                imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxButtonGroupModule',
-                    'ButtonsStyleComponent'],
-                ngDeclarations: ['ButtonsStyleComponent'],
-                ngImports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxButtonGroupModule']
-            }),
+            appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-entries/buttons/"
         }));
 

live-editing/configs/ButtonGroupConfigGenerator.ts

@@ -50,11 +50,7 @@ export class ButtonGroupConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'ButtonGroupStyleComponent',
             additionalFiles: ["/src/app/data-entries/buttonGroup/button-group-style/layout.scss"],
-            appModuleConfig: new AppModuleConfig({
-                imports: ['IgxButtonGroupModule', 'ButtonGroupStyleComponent', 'IgxRippleModule', 'IgxIconModule', 'IgxButtonModule'],
-                ngDeclarations: ['ButtonGroupStyleComponent'],
-                ngImports: ['IgxButtonGroupModule', 'IgxRippleModule', 'IgxIconModule', 'IgxButtonModule']
-            }),
+            appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-entries/buttonGroup/"
         }));
 

live-editing/configs/CalendarConfigGenerator.ts

@@ -78,11 +78,7 @@ export class CalendarConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'CalendarStylingSampleComponent',
             additionalFiles: ["/src/app/scheduling/calendar/calendar-styling-sample/layout.scss"],
-            appModuleConfig: new AppModuleConfig({
-                imports: ['IgxCalendarModule', 'CalendarStylingSampleComponent'],
-                ngDeclarations: ['CalendarStylingSampleComponent'],
-                ngImports: ['IgxCalendarModule']
-            }),
+            appConfig: BaseAppConfig,
             shortenComponentPathBy: "/scheduling/calendar/"
         }));
 

live-editing/configs/CheckboxConfigGenerator.ts

@@ -31,11 +31,7 @@ export class CheckboxConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'CheckboxStylingComponent',
             additionalFiles: ["/src/app/data-entries/checkbox/checkbox-styling/layout.scss"],
-            appModuleConfig: new AppModuleConfig({
-                imports: ['IgxCheckboxModule', 'CheckboxStylingComponent'],
-                ngDeclarations: ['CheckboxStylingComponent'],
-                ngImports: ['IgxCheckboxModule']
-            }),
+            appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-entries/checkbox/"
         }));
 

live-editing/configs/ChipConfigGenerator.ts

@@ -26,11 +26,7 @@ export class ChipConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'ChipStylingSampleComponent',
             additionalFiles: ["/src/app/data-display/chip/chip-styling/layout.scss"],
-            appModuleConfig: new AppModuleConfig({
-                imports: ['IgxChipsModule', 'IgxIconModule', 'ChipStylingSampleComponent'],
-                ngDeclarations: ['ChipStylingSampleComponent'],
-                ngImports: ['IgxChipsModule', 'IgxIconModule']
-            }),
+            appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-display/"
         }));
 

live-editing/configs/ComboConfigGenerator.ts

@@ -31,11 +31,7 @@ export class ComboConfigGenerator implements IConfigGenerator {
 
         configs.push(new Config({
             additionalFiles: ['/src/app/data/heroData.ts', '/src/app/lists/combo/combo-styling/layout.scss'],
-            appModuleConfig: new AppModuleConfig({
-                imports: ['IgxComboModule', 'IgxToastModule', 'ComboStylingComponent'],
-                ngDeclarations: ['ComboStylingComponent'],
-                ngImports: ['IgxComboModule', 'IgxToastModule']
-            }),
+            appConfig: BaseAppConfig,
             component: 'ComboStylingComponent'
         }));
 
@@ -105,11 +101,7 @@ export class ComboConfigGenerator implements IConfigGenerator {
 
         configs.push(new Config({
             additionalFiles: ['/src/app/data/cities15000-regions-countries.ts', '/src/app/lists/combo/simple-combo-styling/layout.scss'],
-            appModuleConfig: new AppModuleConfig({
-                imports: ['IgxComboModule', 'IgxSimpleComboModule', 'SimpleComboStylingComponent'],
-                ngDeclarations: ['SimpleComboStylingComponent'],
-                ngImports: ['IgxComboModule', 'IgxSimpleComboModule']
-            }),
+            appConfig: BaseAppConfig,
             component: 'SimpleComboStylingComponent'
         }));
 

live-editing/configs/DatePickerConfigGenerator.ts

@@ -79,11 +79,7 @@ export class DatePickerConfigGenerator implements IConfigGenerator {
         configs.push(new Config({
             component: 'DatepickerStylingSampleComponent',
             additionalFiles: ["/src/app/scheduling/datepicker/datepicker-styling-sample/layout.scss"],
-            appModuleConfig: new AppModuleConfig({
-                imports: ['IgxDatePickerModule', 'DatepickerStylingSampleComponent', 'IgxIconModule'],
-                ngDeclarations: ['DatepickerStylingSampleComponent'],
-                ngImports: ['IgxDatePickerModule', 'IgxIconModule']
-            })
+            appConfig: BaseAppConfig,
         }));
 
         // date & time picker - template driven form