formly-form-viewer 0.0.2 → 0.0.3

package/app/formly-form-viewer/formly-form-viewer.component.d.ts

@@ -1,18 +1,16 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { FormlyFieldConfig, FormlyFormOptions } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
-export declare class FormlyFormViewerComponent implements OnInit {
+export declare class FormlyViewerComponent implements OnInit {
     form: FormGroup;
     fields: FormlyFieldConfig[];
     model: any;
     options: FormlyFormOptions;
-    buttonLabel: string;
-    className: string;
-    onSubmitFunction: () => void;
+    customFieldClass?: string;
+    submitForm: EventEmitter<any>;
     ngOnInit(): void;
-    applyClassNameToFields(): void;
-    handleSubmit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFormViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormlyFormViewerComponent, "formly-form-viewer", never, { "form": { "alias": "form"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "model": { "alias": "model"; "required": false; }; "options": { "alias": "options"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "className": { "alias": "className"; "required": false; }; "onSubmitFunction": { "alias": "onSubmitFunction"; "required": false; }; }, {}, never, never, true, never>;
+    onSubmit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormlyViewerComponent, "formly-form-viewer", never, { "form": { "alias": "form"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "model": { "alias": "model"; "required": false; }; "options": { "alias": "options"; "required": false; }; "customFieldClass": { "alias": "customFieldClass"; "required": false; }; }, { "submitForm": "submitForm"; }, never, never, true, never>;
 }

package/fesm2022/formly-form-viewer.mjs

@@ -1,67 +1,51 @@
 import * as i0 from '@angular/core';
-import { Component, Input } from '@angular/core';
+import { EventEmitter, Output, Input, Component } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormGroup, ReactiveFormsModule } from '@angular/forms';
-import * as i3 from '@ngx-formly/core';
-import { FormlyModule } from '@ngx-formly/core';
-import { FormlyIonicModule } from '@ngx-formly/ionic';
-import * as i4 from '@ionic/angular';
-import { IonicModule } from '@ionic/angular';
+import { FormlyForm } from '@ngx-formly/core';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
-class FormlyFormViewerComponent {
+class FormlyViewerComponent {
     form = new FormGroup({});
     fields = [];
     model = {};
     options = {};
-    buttonLabel = 'Submit';
-    className = '';
-    onSubmitFunction = () => { };
-    ngOnInit() {
-        this.applyClassNameToFields();
-    }
-    applyClassNameToFields() {
-        if (this.className && this.fields) {
-            this.fields.forEach(field => {
-                field.className = this.className;
-            });
-        }
-    }
-    handleSubmit() {
+    customFieldClass;
+    submitForm = new EventEmitter();
+    ngOnInit() { }
+    onSubmit() {
         if (this.form.valid) {
-            this.onSubmitFunction();
+            this.submitForm.emit(this.model);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: FormlyFormViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: FormlyFormViewerComponent, isStandalone: true, selector: "formly-form-viewer", inputs: { form: "form", fields: "fields", model: "model", options: "options", buttonLabel: "buttonLabel", className: "className", onSubmitFunction: "onSubmitFunction" }, ngImport: i0, template: `
-    <form [formGroup]="form" (ngSubmit)="handleSubmit()">
-      <formly-form [form]="form" [fields]="fields" [model]="model" [options]="options">
-      </formly-form>
-      <ion-button type="submit" [ngClass]="className">{{ buttonLabel }}</ion-button>
-    </form>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i3.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: FormlyIonicModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i4.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormlyViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: FormlyViewerComponent, isStandalone: true, selector: "formly-form-viewer", inputs: { form: "form", fields: "fields", model: "model", options: "options", customFieldClass: "customFieldClass" }, outputs: { submitForm: "submitForm" }, ngImport: i0, template: `
+    <form [formGroup]="form" (ngSubmit)="onSubmit()">
+    <formly-form [form]="form" [fields]="fields" [model]="model" [options]="options"
+                 [ngClass]="customFieldClass">
+    </formly-form>
+      <button mat-raised-button color="primary" type="submit">Enviar</button>
+    </form>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: FormlyFormViewerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormlyViewerComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'formly-form-viewer',
-                    standalone: true,
-                    template: `
-    <form [formGroup]="form" (ngSubmit)="handleSubmit()">
-      <formly-form [form]="form" [fields]="fields" [model]="model" [options]="options">
-      </formly-form>
-      <ion-button type="submit" [ngClass]="className">{{ buttonLabel }}</ion-button>
-    </form>
-  `,
-                    imports: [
+            args: [{ selector: 'formly-form-viewer', standalone: true, template: `
+    <form [formGroup]="form" (ngSubmit)="onSubmit()">
+    <formly-form [form]="form" [fields]="fields" [model]="model" [options]="options"
+                 [ngClass]="customFieldClass">
+    </formly-form>
+      <button mat-raised-button color="primary" type="submit">Enviar</button>
+    </form>
+  `, imports: [
                         CommonModule,
                         ReactiveFormsModule,
-                        FormlyModule,
-                        FormlyIonicModule,
-                        IonicModule
-                    ]
-                }]
+                        FormlyForm,
+                        MatButtonModule
+                    ] }]
         }], propDecorators: { form: [{
                 type: Input
             }], fields: [{
@@ -70,17 +54,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImpor
                 type: Input
             }], options: [{
                 type: Input
-            }], buttonLabel: [{
-                type: Input
-            }], className: [{
-                type: Input
-            }], onSubmitFunction: [{
+            }], customFieldClass: [{
                 type: Input
+            }], submitForm: [{
+                type: Output
             }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { FormlyFormViewerComponent };
+export { FormlyViewerComponent };
 //# sourceMappingURL=formly-form-viewer.mjs.map

package/fesm2022/formly-form-viewer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"formly-form-viewer.mjs","sources":["../../../src/app/formly-form-viewer/formly-form-viewer.component.ts","../../../src/formly-form-viewer.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\r\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { FormlyFieldConfig, FormlyFormOptions, FormlyModule } from '@ngx-formly/core';\r\nimport { FormlyIonicModule } from '@ngx-formly/ionic';\r\nimport { IonicModule } from '@ionic/angular';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'formly-form-viewer',\r\n  standalone: true,\r\n  template: `\r\n    <form [formGroup]=\"form\" (ngSubmit)=\"handleSubmit()\">\r\n      <formly-form [form]=\"form\" [fields]=\"fields\" [model]=\"model\" [options]=\"options\">\r\n      </formly-form>\r\n      <ion-button type=\"submit\" [ngClass]=\"className\">{{ buttonLabel }}</ion-button>\r\n    </form>\r\n  `,\r\n  imports: [\r\n    CommonModule,\r\n    ReactiveFormsModule,\r\n    FormlyModule,\r\n    FormlyIonicModule,\r\n    IonicModule\r\n  ]\r\n})\r\nexport class FormlyFormViewerComponent implements OnInit {\r\n  @Input() form: FormGroup = new FormGroup({});\r\n  @Input() fields: FormlyFieldConfig[] = [];\r\n  @Input() model: any = {};\r\n  @Input() options: FormlyFormOptions = {};\r\n  @Input() buttonLabel: string = 'Submit';\r\n  @Input() className: string = '';\r\n  @Input() onSubmitFunction: () => void = () => {};\r\n\r\n  ngOnInit() {\r\n    this.applyClassNameToFields();\r\n  }\r\n\r\n  applyClassNameToFields() {\r\n    if (this.className && this.fields) {\r\n      this.fields.forEach(field => {\r\n        field.className = this.className;\r\n      });\r\n    }\r\n  }\r\n\r\n  handleSubmit() {\r\n    if (this.form.valid) {\r\n      this.onSubmitFunction();\r\n    }\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"formly-form-viewer.mjs","sources":["../../../src/app/formly-form-viewer/formly-form-viewer.component.ts","../../../src/formly-form-viewer.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { FormlyFieldConfig, FormlyForm, FormlyFormOptions } from '@ngx-formly/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'formly-form-viewer',\n  standalone: true,\n  template: `\n    <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n    <formly-form [form]=\"form\" [fields]=\"fields\" [model]=\"model\" [options]=\"options\"\n                 [ngClass]=\"customFieldClass\">\n    </formly-form>\n      <button mat-raised-button color=\"primary\" type=\"submit\">Enviar</button>\n    </form>\n  `,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    FormlyForm,\n    MatButtonModule\n  ],\n  styles: []\n})\nexport class FormlyViewerComponent implements OnInit {\n  @Input() form: FormGroup = new FormGroup({});\n  @Input() fields: FormlyFieldConfig[] = [];\n  @Input() model: any = {};\n  @Input() options: FormlyFormOptions = {};\n  @Input() customFieldClass?: string;\n  @Output() submitForm = new EventEmitter<any>();\n\n  ngOnInit() {}\n\n  onSubmit() {\n    if (this.form.valid) {\n      this.submitForm.emit(this.model);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;MAyBa,qBAAqB,CAAA;AACvB,IAAA,IAAI,GAAc,IAAI,SAAS,CAAC,EAAE,CAAC;IACnC,MAAM,GAAwB,EAAE;IAChC,KAAK,GAAQ,EAAE;IACf,OAAO,GAAsB,EAAE;AAC/B,IAAA,gBAAgB;AACf,IAAA,UAAU,GAAG,IAAI,YAAY,EAAO;AAE9C,IAAA,QAAQ;IAER,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;;wGAZzB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAhBtB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAEC,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,EACnB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAU,iIACV,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAIN,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAnBjC,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EACN,QAAA,EAAA;;;;;;;GAOT,EACQ,OAAA,EAAA;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,UAAU;wBACV;AACD,qBAAA,EAAA;8BAIQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,gBAAgB,EAAA,CAAA;sBAAxB;gBACS,UAAU,EAAA,CAAA;sBAAnB;;;AC/BH;;AAEG;;;;"}

package/package.json

@@ -1,27 +1,32 @@
 {
   "name": "formly-form-viewer",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "author": "Juan Jose Arroyo Rivera",
-  "description": "Ionic standalone component to render a customizable FormlyForm",
+  "description": "Standalone component to render a customizable FormlyForm",
   "repository": {
     "type": "git",
     "url": "https://github.com/JJKid/formly-form-viewer.git"
   },
   "peerDependencies": {
-    "@angular/common": "^18.0.0",
-    "@angular/compiler": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "@angular/forms": "^18.2.3",
-    "@angular/platform-browser": "^18.0.0",
-    "@angular/platform-browser-dynamic": "^18.0.0",
-    "@angular/router": "^18.0.0",
-    "@ionic/angular": "^7.0.0",
-    "@ngx-formly/core": "^6.3.6",
-    "@ngx-formly/ionic": "^6.3.6",
-    "ionicons": "^7.0.0",
+    "@angular/animations": "^19.2.18",
+    "@angular/cdk": "^19.2.18",
+    "@angular/common": "^19.2.18",
+    "@angular/compiler": "^19.2.18",
+    "@angular/core": "^19.2.18",
+    "@angular/forms": "^19.2.18",
+    "@angular/material": "^19.2.18",
+    "@angular/platform-browser": "^19.2.18",
+    "@angular/platform-browser-dynamic": "^19.2.18",
+    "@angular/router": "^19.2.18",
+    "@ngx-formly/core": "^7.0.1",
+    "@ngx-formly/material": "^7.0.1",
     "rxjs": "~7.8.0",
-    "zone.js": "~0.14.2"
+    "zone.js": "~0.15.0"
   },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "homepage": "https://github.com/JJKid/formly-form-viewer",
   "module": "fesm2022/formly-form-viewer.mjs",
   "typings": "index.d.ts",
   "exports": {
@@ -30,13 +35,8 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/formly-form-viewer.mjs",
-      "esm": "./esm2022/formly-form-viewer.mjs",
       "default": "./fesm2022/formly-form-viewer.mjs"
     }
   },
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "^2.3.0"
-  }
+  "sideEffects": false
 }

package/esm2022/app/formly-form-viewer/formly-form-viewer.component.mjs

@@ -1,79 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { FormlyModule } from '@ngx-formly/core';
-import { FormlyIonicModule } from '@ngx-formly/ionic';
-import { IonicModule } from '@ionic/angular';
-import { CommonModule } from '@angular/common';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@ngx-formly/core";
-import * as i4 from "@ionic/angular";
-export class FormlyFormViewerComponent {
-    form = new FormGroup({});
-    fields = [];
-    model = {};
-    options = {};
-    buttonLabel = 'Submit';
-    className = '';
-    onSubmitFunction = () => { };
-    ngOnInit() {
-        this.applyClassNameToFields();
-    }
-    applyClassNameToFields() {
-        if (this.className && this.fields) {
-            this.fields.forEach(field => {
-                field.className = this.className;
-            });
-        }
-    }
-    handleSubmit() {
-        if (this.form.valid) {
-            this.onSubmitFunction();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: FormlyFormViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: FormlyFormViewerComponent, isStandalone: true, selector: "formly-form-viewer", inputs: { form: "form", fields: "fields", model: "model", options: "options", buttonLabel: "buttonLabel", className: "className", onSubmitFunction: "onSubmitFunction" }, ngImport: i0, template: `
-    <form [formGroup]="form" (ngSubmit)="handleSubmit()">
-      <formly-form [form]="form" [fields]="fields" [model]="model" [options]="options">
-      </formly-form>
-      <ion-button type="submit" [ngClass]="className">{{ buttonLabel }}</ion-button>
-    </form>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i3.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: FormlyIonicModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i4.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: FormlyFormViewerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'formly-form-viewer',
-                    standalone: true,
-                    template: `
-    <form [formGroup]="form" (ngSubmit)="handleSubmit()">
-      <formly-form [form]="form" [fields]="fields" [model]="model" [options]="options">
-      </formly-form>
-      <ion-button type="submit" [ngClass]="className">{{ buttonLabel }}</ion-button>
-    </form>
-  `,
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        FormlyModule,
-                        FormlyIonicModule,
-                        IonicModule
-                    ]
-                }]
-        }], propDecorators: { form: [{
-                type: Input
-            }], fields: [{
-                type: Input
-            }], model: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], buttonLabel: [{
-                type: Input
-            }], className: [{
-                type: Input
-            }], onSubmitFunction: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWx5LWZvcm0tdmlld2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvZm9ybWx5LWZvcm0tdmlld2VyL2Zvcm1seS1mb3JtLXZpZXdlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBd0MsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdEYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDdEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7O0FBb0IvQyxNQUFNLE9BQU8seUJBQXlCO0lBQzNCLElBQUksR0FBYyxJQUFJLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNwQyxNQUFNLEdBQXdCLEVBQUUsQ0FBQztJQUNqQyxLQUFLLEdBQVEsRUFBRSxDQUFDO0lBQ2hCLE9BQU8sR0FBc0IsRUFBRSxDQUFDO0lBQ2hDLFdBQVcsR0FBVyxRQUFRLENBQUM7SUFDL0IsU0FBUyxHQUFXLEVBQUUsQ0FBQztJQUN2QixnQkFBZ0IsR0FBZSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFakQsUUFBUTtRQUNOLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxzQkFBc0I7UUFDcEIsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDMUIsS0FBSyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ25DLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQzFCLENBQUM7SUFDSCxDQUFDO3VHQXpCVSx5QkFBeUI7MkZBQXpCLHlCQUF5Qix3UEFmMUI7Ozs7OztHQU1ULDJEQUVDLFlBQVksNEhBQ1osbUJBQW1CLG9iQUNuQixZQUFZLDZLQUNaLGlCQUFpQiw4QkFDakIsV0FBVzs7MkZBR0YseUJBQXlCO2tCQWxCckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFOzs7Ozs7R0FNVDtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixXQUFXO3FCQUNaO2lCQUNGOzhCQUVVLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgRm9ybWx5RmllbGRDb25maWcsIEZvcm1seUZvcm1PcHRpb25zLCBGb3JtbHlNb2R1bGUgfSBmcm9tICdAbmd4LWZvcm1seS9jb3JlJztcclxuaW1wb3J0IHsgRm9ybWx5SW9uaWNNb2R1bGUgfSBmcm9tICdAbmd4LWZvcm1seS9pb25pYyc7XHJcbmltcG9ydCB7IElvbmljTW9kdWxlIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXInO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdmb3JtbHktZm9ybS12aWV3ZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybVwiIChuZ1N1Ym1pdCk9XCJoYW5kbGVTdWJtaXQoKVwiPlxyXG4gICAgICA8Zm9ybWx5LWZvcm0gW2Zvcm1dPVwiZm9ybVwiIFtmaWVsZHNdPVwiZmllbGRzXCIgW21vZGVsXT1cIm1vZGVsXCIgW29wdGlvbnNdPVwib3B0aW9uc1wiPlxyXG4gICAgICA8L2Zvcm1seS1mb3JtPlxyXG4gICAgICA8aW9uLWJ1dHRvbiB0eXBlPVwic3VibWl0XCIgW25nQ2xhc3NdPVwiY2xhc3NOYW1lXCI+e3sgYnV0dG9uTGFiZWwgfX08L2lvbi1idXR0b24+XHJcbiAgICA8L2Zvcm0+XHJcbiAgYCxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gICAgRm9ybWx5TW9kdWxlLFxyXG4gICAgRm9ybWx5SW9uaWNNb2R1bGUsXHJcbiAgICBJb25pY01vZHVsZVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEZvcm1seUZvcm1WaWV3ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGZvcm06IEZvcm1Hcm91cCA9IG5ldyBGb3JtR3JvdXAoe30pO1xyXG4gIEBJbnB1dCgpIGZpZWxkczogRm9ybWx5RmllbGRDb25maWdbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIG1vZGVsOiBhbnkgPSB7fTtcclxuICBASW5wdXQoKSBvcHRpb25zOiBGb3JtbHlGb3JtT3B0aW9ucyA9IHt9O1xyXG4gIEBJbnB1dCgpIGJ1dHRvbkxhYmVsOiBzdHJpbmcgPSAnU3VibWl0JztcclxuICBASW5wdXQoKSBjbGFzc05hbWU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIG9uU3VibWl0RnVuY3Rpb246ICgpID0+IHZvaWQgPSAoKSA9PiB7fTtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmFwcGx5Q2xhc3NOYW1lVG9GaWVsZHMoKTtcclxuICB9XHJcblxyXG4gIGFwcGx5Q2xhc3NOYW1lVG9GaWVsZHMoKSB7XHJcbiAgICBpZiAodGhpcy5jbGFzc05hbWUgJiYgdGhpcy5maWVsZHMpIHtcclxuICAgICAgdGhpcy5maWVsZHMuZm9yRWFjaChmaWVsZCA9PiB7XHJcbiAgICAgICAgZmllbGQuY2xhc3NOYW1lID0gdGhpcy5jbGFzc05hbWU7XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgaGFuZGxlU3VibWl0KCkge1xyXG4gICAgaWYgKHRoaXMuZm9ybS52YWxpZCkge1xyXG4gICAgICB0aGlzLm9uU3VibWl0RnVuY3Rpb24oKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19

package/esm2022/formly-form-viewer.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWx5LWZvcm0tdmlld2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Zvcm1seS1mb3JtLXZpZXdlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/public-api.mjs

@@ -1,2 +0,0 @@
-export * from './app/formly-form-viewer/formly-form-viewer.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdURBQXVELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FwcC9mb3JtbHktZm9ybS12aWV3ZXIvZm9ybWx5LWZvcm0tdmlld2VyLmNvbXBvbmVudCc7XHJcbiJdfQ==