Improving component import

src/app/dynaform/components/index.ts

@@ -1,18 +1,36 @@
 // Barrel grouping all form field components
 // See https://basarat.gitbooks.io/typescript/docs/tips/barrel.html
 
-export { TextComponent } from './native/text/text.component';
-export { TextareaComponent } from './native/textarea/textarea.component';
-export { PasswordComponent } from './native/password/password.component';
-export { SelectComponent } from './native/select/select.component';
-export { RadioComponent } from './native/radio/radio.component';
-export { HiddenComponent } from './native/hidden/hidden.component';
-export { CheckbuttonComponent } from './custom/checkbutton/checkbutton.component';
-export { DropdownModifiedInputComponent } from './custom/dropdown-modified-input/dropdown-modified-input.component';
-export { MultilineComponent } from './custom/multiline/multiline.component';
-export { CheckbuttonGroupComponent } from './group/checkbutton-group/checkbutton-group.component';
-export { TimepickerComponent } from './kendo/timepicker/timepicker.component';
-export { DatepickerComponent } from './kendo/datepicker/datepicker.component';
-export { ButtonGroupComponent } from './nocontrol/button-group/button-group.component';
-export { HeadingComponent } from './nocontrol/heading/heading.component';
-export { DisplayComponent } from './nocontrol/display/display.component';
+import { TextComponent } from './native/text/text.component';
+import { TextareaComponent } from './native/textarea/textarea.component';
+import { PasswordComponent } from './native/password/password.component';
+import { SelectComponent } from './native/select/select.component';
+import { RadioComponent } from './native/radio/radio.component';
+import { HiddenComponent } from './native/hidden/hidden.component';
+import { CheckbuttonComponent } from './custom/checkbutton/checkbutton.component';
+import { DropdownModifiedInputComponent } from './custom/dropdown-modified-input/dropdown-modified-input.component';
+import { MultilineComponent } from './custom/multiline/multiline.component';
+import { CheckbuttonGroupComponent } from './group/checkbutton-group/checkbutton-group.component';
+import { TimepickerComponent } from './kendo/timepicker/timepicker.component';
+import { DatepickerComponent } from './kendo/datepicker/datepicker.component';
+import { ButtonGroupComponent } from './nocontrol/button-group/button-group.component';
+import { HeadingComponent } from './nocontrol/heading/heading.component';
+import { DisplayComponent } from './nocontrol/display/display.component';
+
+export const ffcArr = [
+	TextComponent,
+	TextareaComponent,
+	PasswordComponent,
+	SelectComponent,
+	RadioComponent,
+	HiddenComponent,
+	CheckbuttonComponent,
+	DropdownModifiedInputComponent,
+	MultilineComponent,
+	CheckbuttonGroupComponent,
+	TimepickerComponent,
+	DatepickerComponent,
+	ButtonGroupComponent,
+	HeadingComponent,
+	DisplayComponent
+];

src/app/dynaform/dynaform.module.ts

@@ -12,23 +12,7 @@ import { ModelMapperService } from './services/model-mapper.service';
 
 import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
 
-import { TextComponent } from './components';
-import { TextareaComponent } from './components';
-import { PasswordComponent } from './components';
-import { SelectComponent } from './components';
-import { RadioComponent } from './components';
-import { HiddenComponent } from './components';
-import { CheckbuttonComponent } from './components';
-import { DropdownModifiedInputComponent } from './components';
-import { MultilineComponent } from './components';
-import { CheckbuttonGroupComponent } from './components';
-import { TimepickerComponent } from './components';
-import { DatepickerComponent } from './components';
-import { ButtonGroupComponent } from './components';
-import { HeadingComponent } from './components';
-import { DisplayComponent } from './components';
-
-
+import { ffcArr } from './components'; // ffcArr = Form Field Components Array, exported from components/index.ts
 
 @NgModule({
 	imports: [
@@ -42,39 +26,9 @@ import { DisplayComponent } from './components';
 	declarations: [
 		DynaformComponent,
 		DynafieldDirective,
-		TextComponent,
-		TextareaComponent,
-		PasswordComponent,
-		SelectComponent,
-		RadioComponent,
-		HiddenComponent,
-		CheckbuttonComponent,
-		DropdownModifiedInputComponent,
-		MultilineComponent,
-		CheckbuttonGroupComponent,
-		TimepickerComponent,
-		DatepickerComponent,
-		ButtonGroupComponent,
-		HeadingComponent,
-		DisplayComponent
-	],
-	entryComponents: [
-		TextComponent,
-		TextareaComponent,
-		PasswordComponent,
-		SelectComponent,
-		RadioComponent,
-		HiddenComponent,
-		CheckbuttonComponent,
-		DropdownModifiedInputComponent,
-		MultilineComponent,
-		CheckbuttonGroupComponent,
-		TimepickerComponent,
-		DatepickerComponent,
-		ButtonGroupComponent,
-		HeadingComponent,
-		DisplayComponent
+		...ffcArr
 	],
+	entryComponents: ffcArr,
 	providers: [
 		DynaformService,
 		ModelMapperService