Adding recluse form to work around angular bug

Author: jbeck8176

package.json

@@ -1,6 +1,6 @@
 {
   "name": "typescript-angular-components",
-  "version": "4.1.7",
+  "version": "4.2.1",
   "description": "Reusable responsive angular components",
   "author": "Renovo Development Team",
   "keywords": [

source/components/form/RecluseForm.ts

@@ -0,0 +1,18 @@
+import { Component, forwardRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+
+import { FormComponent } from '../form/form';
+
+@Component({
+	selector: 'rlRecluseForm',
+	template: '<ng-content></ng-content>',
+	providers: [
+		{
+			provide: FormComponent,
+			useExisting: forwardRef(() => RecluseFormComponent),
+		},
+	],
+})
+export class RecluseFormComponent {
+	form = new FormGroup({});
+}

source/components/form/index.ts

@@ -1,7 +1,8 @@
 import { FormComponent } from './form';
 import { INPUT_DIRECTIVES } from '../inputs/index';
 import { AutosaveDirective } from '../../behaviors/autosave/autosave';
+import { RecluseFormComponent } from './RecluseForm';
 
-export const FORM_DIRECTIVES = [FormComponent, INPUT_DIRECTIVES, AutosaveDirective];
+export const FORM_DIRECTIVES = [FormComponent, INPUT_DIRECTIVES, AutosaveDirective, RecluseFormComponent];
 
 export * from './form';

source/ui.module.ts

@@ -9,6 +9,7 @@ import { ButtonModule } from'./components/buttons/button.module';
 import { CARD_CONTAINER_DIRECTIVES } from'./components/cardContainer/index';
 import { CommaListComponent } from'./components/commaList/commaList';
 import { DIALOG_DIRECTIVES } from'./components/dialog/index';
+import { RecluseFormComponent } from'./components/form/RecluseForm';
 import { FormComponent } from'./components/form/form';
 import { INPUT_DIRECTIVES } from'./components/inputs/index';
 import { MultiStepIndicatorComponent } from'./components/multiStepIndicator/multiStepIndicator';
@@ -41,6 +42,7 @@ export const componentsList: any[] = [
 	CARD_CONTAINER_DIRECTIVES,
 	CommaListComponent,
 	DIALOG_DIRECTIVES,
+	RecluseFormComponent,
 	FormComponent,
 	INPUT_DIRECTIVES,
 	MultiStepIndicatorComponent,