use form options and formbuilder options types

Author: ZenMasterJacob20011

projects/angular-formio/embed/src/builder.component.ts

@@ -1,5 +1,5 @@
 import { Component, ElementRef, Input, ViewChild, Output, EventEmitter, AfterViewInit } from '@angular/core';
-import { FormBuilder } from '@formio/js';
+import {Form, FormBuilder, Webform} from '@formio/js';
 import WebformBuilder from '@formio/js/lib/cjs/WebformBuilder';
 
 @Component({
@@ -8,8 +8,8 @@ import WebformBuilder from '@formio/js/lib/cjs/WebformBuilder';
 })
 export class FormioBuilder implements AfterViewInit {
     @ViewChild('formio') element: ElementRef;
-    @Input() form?: Object | null;
-    @Input() options?: Object = {};
+    @Input() form?: Form['options'] | null;
+    @Input() options?: FormBuilder['options'] = {};
     @Output() change = new EventEmitter<any>();
     @Output() ready = new EventEmitter<any>();
     @Output() error = new EventEmitter<any>();
@@ -65,4 +65,4 @@ export class FormioBuilder implements AfterViewInit {
             this.ready.emit(this.instance);
         }).catch((err) => this.error.emit(err));
     }
-}
+}

projects/angular-formio/embed/src/formio.component.ts

@@ -1,17 +1,17 @@
 import { Component, ViewChild, ElementRef, Input, Output, EventEmitter, OnChanges, AfterViewInit } from '@angular/core';
-import { FormioCore as Formio, Webform } from '@formio/js';
-import { Form, Submission } from '@formio/core/types';
+import { FormioCore as Formio, Webform, Form } from '@formio/js';
+import { Form as formType, Submission } from '@formio/core/types';
 
 @Component({
     selector: 'formio',
     template: '<div #formio></div>'
 })
 export class FormioComponent implements AfterViewInit {
     @Input() src?: string;
-    @Input() form?: Form | null;
+    @Input() form?: formType | null;
     @Input() submission?: Submission | null;
     @Input() url?: string;
-    @Input() options?: Webform['options'] = {};
+    @Input() options?: Form['options'] = {};
     @Output() ready = new EventEmitter<Webform>();
     @Output() submit = new EventEmitter<object>();
     @Output() error = new EventEmitter<any>();

projects/angular-formio/src/FormioBaseComponent.ts

@@ -5,7 +5,7 @@ import { FormioAppConfig } from './formio.config';
 import {AngularFormioOptions, FormioError, FormioForm, FormioRefreshValue} from './formio.common';
 import { assign, get, isEmpty } from 'lodash';
 import { CustomTagsService } from './custom-tags.service';
-import {Utils, Webform} from '@formio/js';
+import {Form, Utils, Webform} from '@formio/js';
 import { AlertsPosition } from './types/alerts-position';
 const { Evaluator, fastCloneDeep } = Utils;
 
@@ -18,7 +18,7 @@ export class FormioBaseComponent implements OnInit, OnChanges, OnDestroy {
   @Input() src?: string;
   @Input() url?: string;
   @Input() service?: FormioService;
-  @Input() options?: Webform['options'] & AngularFormioOptions;
+  @Input() options?: Form['options'] & AngularFormioOptions;
   @Input() noeval ? = Evaluator.noeval;
   @Input() formioOptions?: any;
   @Input() renderOptions?: any;
@@ -213,7 +213,7 @@ export class FormioBaseComponent implements OnInit, OnChanges, OnDestroy {
     }
 
     const extraTags = this.customTags ? this.customTags.tags : [];
-    const defaultOptions: Webform['options'] & AngularFormioOptions = {
+    const defaultOptions: Form['options'] & AngularFormioOptions = {
       errors: {
         message: 'Please fix the following errors before submitting.'
       },

projects/angular-formio/src/components/formbuilder/formbuilder.component.ts

@@ -38,7 +38,7 @@ export class FormBuilderComponent implements OnInit, OnChanges, OnDestroy {
   public componentAdding = false;
   private refreshSubscription: Subscription;
   @Input() form?: FormioForm;
-  @Input() options?: object & AngularFormioOptions;
+  @Input() options?: FormBuilder['options'] & AngularFormioOptions;
   @Input() formbuilder?: any;
   @Input() noeval ? = false;
   @Input() refresh?: Observable<void>;