closed shadowRoot and changed pages, components, layout to extend base class

src/components/input-field/InputFieldElement.ts

@@ -7,10 +7,10 @@ import { RouterService } from "core/services";
 import randomId from "core/utils/random-id";
 import validator from "validator";
 import { validatorErrors } from "core/constants";
+import { BaseComponentElement } from "common/";
 
 @controller
-class InputFieldElement extends HTMLElement {
-    @closest appMain: AppMainElement;
+class InputFieldElement extends BaseComponentElement {
     @attr name: string;
     @attr type: string;
     @attr label: string;
@@ -79,10 +79,6 @@ class InputFieldElement extends HTMLElement {
             ${this.error && html`<span>${this.error}</span>`}
         </div>`;
     };
-
-    update = () => {
-        render(this.render(), this);
-    };
 }
 
 export type { InputFieldElement };