ngx-render-material-forms 0.0.1

package/esm2020/lib/components/time/time.component.mjs

@@ -0,0 +1,206 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { MaterialComponent } from '../MaterialComponent';
+import TimeComponent from 'formiojs/components/time/Time.js';
+import * as moment_ from 'moment';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/flex-layout/flex";
+import * as i5 from "../formio-form-field/formio-form-field.component";
+import * as i6 from "../label/label.component";
+export class MaterialTimeComponent extends MaterialComponent {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.period = 'AM';
+        this.hourControl = new FormControl();
+        this.minuteControl = new FormControl();
+        this.secondControl = new FormControl();
+        this.selectedEvent = new EventEmitter();
+        this.hourStep = 1;
+        this.minuteStep = 1;
+        this.secondStep = 1;
+        this.renderElementOnly = false;
+    }
+    setDisabled(disabled) {
+        if (disabled) {
+            this.hourControl.disable();
+            this.minuteControl.disable();
+            this.secondControl.disable();
+        }
+    }
+    get dataFormat() {
+        let format = this.instance.component.dataFormat;
+        format = format ? format : 'HH:mm';
+        return format;
+    }
+    setInstance(instance) {
+        super.setInstance(instance);
+        // this.control.setValue('00:00:00');
+        this.onChange();
+    }
+    onChange() {
+        const hours = this.hourControl.value;
+        const minutes = this.minuteControl.value || '00';
+        const seconds = this.secondControl.value || '';
+        const rawValue = `${hours || '00'}:${minutes}${seconds ? ':' + seconds : ''} ${this.period}`;
+        let value = this.getTwentyFourHourTime(rawValue);
+        if (!hours) {
+            value = this.instance.emptyValue;
+        }
+        this.control.setValue(value);
+        if (this.instance) {
+            super.onChange();
+        }
+        this.selectedEvent.emit(this.control);
+    }
+    setValue(value) {
+        if (!value) {
+            return;
+        }
+        super.setValue(value);
+        const [hourValue, minuteValue, period] = value.split(':');
+        this.hourControl.setValue(hourValue);
+        this.minuteControl.setValue(minuteValue);
+        // fix for default value with seconds instead of period
+        this.period = period === ('AM' || 'PM') ? period : this.period;
+    }
+    getTwentyFourHourTime(amPmString) {
+        const moment = moment_;
+        return moment(amPmString, ['h:mm:ss A']).format(this.dataFormat);
+    }
+    changePeriod() {
+        this.period = this.period === 'AM' ? 'PM' : 'AM';
+        this.onChange();
+    }
+}
+MaterialTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: MaterialTimeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MaterialTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: MaterialTimeComponent, selector: "mat-formio-time", inputs: { hourStep: "hourStep", minuteStep: "minuteStep", secondStep: "secondStep", renderElementOnly: "renderElementOnly" }, outputs: { selectedEvent: "selectedEvent" }, usesInheritance: true, ngImport: i0, template: `
+    <mat-formio-form-field
+      [instance]="instance"
+      [componentTemplate]="componentTemplate"
+      [renderElementOnly]="renderElementOnly"
+    ></mat-formio-form-field>
+    <ng-template #componentTemplate let-hasLabel>
+      <mat-label fxFill *ngIf="hasLabel">
+        <span [instance]="instance" matFormioLabel></span>
+      </mat-label>
+
+      <div style="display: block">
+        <div fxLayout="row" fxLayoutGap="5%">
+          <input
+            [formControl]="hourControl"
+            [step]="hourStep"
+            [min]="0"
+            [max]="12"
+            type="number"
+            fxFlex="25%"
+            (input)="onChange()"
+          >
+          <input
+            [formControl]="minuteControl"
+            [step]="minuteStep"
+            [min]="0"
+            [max]="59"
+            type="number"
+            fxFlex="25%"
+            (input)="onChange()"
+          >
+          <input
+            [formControl]="secondControl"
+            [step]="secondStep"
+            [min]="0"
+            [max]="59"
+            type="number"
+            fxFlex="25%"
+            (input)="onChange()"
+            *ngIf="instance?.component?.dataFormat === 'HH:mm:ss' ||
+             instance?.component?.dataFormat === 'HH:mm:ss.SSS'"
+          >
+          <button
+            [disabled]="instance?.component?.disabled"
+            fxFlex="25%"
+            (click)="changePeriod()"
+          >
+            {{period}}
+          </button>
+        </div>
+        <mat-error *ngIf="instance.error">{{ instance.error.message }}</mat-error>
+      </div>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i5.FormioFormFieldComponent, selector: "mat-formio-form-field", inputs: ["labelTemplate", "renderTopLabel", "showDescription", "renderElementOnly", "instance", "componentTemplate"] }, { kind: "component", type: i6.LabelComponent, selector: "span[matFormioLabel]", inputs: ["instance"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: MaterialTimeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mat-formio-time',
+                    template: `
+    <mat-formio-form-field
+      [instance]="instance"
+      [componentTemplate]="componentTemplate"
+      [renderElementOnly]="renderElementOnly"
+    ></mat-formio-form-field>
+    <ng-template #componentTemplate let-hasLabel>
+      <mat-label fxFill *ngIf="hasLabel">
+        <span [instance]="instance" matFormioLabel></span>
+      </mat-label>
+
+      <div style="display: block">
+        <div fxLayout="row" fxLayoutGap="5%">
+          <input
+            [formControl]="hourControl"
+            [step]="hourStep"
+            [min]="0"
+            [max]="12"
+            type="number"
+            fxFlex="25%"
+            (input)="onChange()"
+          >
+          <input
+            [formControl]="minuteControl"
+            [step]="minuteStep"
+            [min]="0"
+            [max]="59"
+            type="number"
+            fxFlex="25%"
+            (input)="onChange()"
+          >
+          <input
+            [formControl]="secondControl"
+            [step]="secondStep"
+            [min]="0"
+            [max]="59"
+            type="number"
+            fxFlex="25%"
+            (input)="onChange()"
+            *ngIf="instance?.component?.dataFormat === 'HH:mm:ss' ||
+             instance?.component?.dataFormat === 'HH:mm:ss.SSS'"
+          >
+          <button
+            [disabled]="instance?.component?.disabled"
+            fxFlex="25%"
+            (click)="changePeriod()"
+          >
+            {{period}}
+          </button>
+        </div>
+        <mat-error *ngIf="instance.error">{{ instance.error.message }}</mat-error>
+      </div>
+    </ng-template>
+  `
+                }]
+        }], propDecorators: { selectedEvent: [{
+                type: Output
+            }], hourStep: [{
+                type: Input
+            }], minuteStep: [{
+                type: Input
+            }], secondStep: [{
+                type: Input
+            }], renderElementOnly: [{
+                type: Input
+            }] } });
+TimeComponent.MaterialComponent = MaterialTimeComponent;
+export { TimeComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmVuZGVyLW1hdGVyaWFsLWZvcm1zL3NyYy9saWIvY29tcG9uZW50cy90aW1lL3RpbWUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sYUFBYSxNQUFNLGtDQUFrQyxDQUFDO0FBQzdELE9BQU8sS0FBSyxPQUFPLE1BQU0sUUFBUSxDQUFDOzs7Ozs7OztBQTJEbEMsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGlCQUFpQjtJQTFENUQ7O1FBMkRTLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsV0FBTSxHQUFHLElBQUksQ0FBQztRQUNkLGdCQUFXLEdBQWdCLElBQUksV0FBVyxFQUFFLENBQUM7UUFDN0Msa0JBQWEsR0FBZ0IsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUMvQyxrQkFBYSxHQUFnQixJQUFJLFdBQVcsRUFBRSxDQUFDO1FBQzVDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN6QyxhQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQ2IsZUFBVSxHQUFHLENBQUMsQ0FBQztRQUNmLGVBQVUsR0FBRyxDQUFDLENBQUM7UUFDZixzQkFBaUIsR0FBRyxLQUFLLENBQUM7S0E2RHBDO0lBM0RDLFdBQVcsQ0FBQyxRQUFRO1FBQ2xCLElBQUksUUFBUSxFQUFFO1lBQ1osSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lB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Ozs7Ozs7Ozs7O0dBcURUOzJGQUdVLHFCQUFxQjtrQkExRGpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFEVDtpQkFDRjs4QkFRVyxhQUFhO3NCQUF0QixNQUFNO2dCQUNFLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSzs7QUErRFIsYUFBYSxDQUFDLGlCQUFpQixHQUFHLHFCQUFxQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBNYXRlcmlhbENvbXBvbmVudCB9IGZyb20gJy4uL01hdGVyaWFsQ29tcG9uZW50JztcbmltcG9ydCBUaW1lQ29tcG9uZW50IGZyb20gJ2Zvcm1pb2pzL2NvbXBvbmVudHMvdGltZS9UaW1lLmpzJztcbmltcG9ydCAqIGFzIG1vbWVudF8gZnJvbSAnbW9tZW50JztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdC1mb3JtaW8tdGltZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG1hdC1mb3JtaW8tZm9ybS1maWVsZFxuICAgICAgW2luc3RhbmNlXT1cImluc3RhbmNlXCJcbiAgICAgIFtjb21wb25lbnRUZW1wbGF0ZV09XCJjb21wb25lbnRUZW1wbGF0ZVwiXG4gICAgICBbcmVuZGVyRWxlbWVudE9ubHldPVwicmVuZGVyRWxlbWVudE9ubHlcIlxuICAgID48L21hdC1mb3JtaW8tZm9ybS1maWVsZD5cbiAgICA8bmctdGVtcGxhdGUgI2NvbXBvbmVudFRlbXBsYXRlIGxldC1oYXNMYWJlbD5cbiAgICAgIDxtYXQtbGFiZWwgZnhGaWxsICpuZ0lmPVwiaGFzTGFiZWxcIj5cbiAgICAgICAgPHNwYW4gW2luc3RhbmNlXT1cImluc3RhbmNlXCIgbWF0Rm9ybWlvTGFiZWw+PC9zcGFuPlxuICAgICAgPC9tYXQtbGFiZWw+XG5cbiAgICAgIDxkaXYgc3R5bGU9XCJkaXNwbGF5OiBibG9ja1wiPlxuICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRHYXA9XCI1JVwiPlxuICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImhvdXJDb250cm9sXCJcbiAgICAgICAgICAgIFtzdGVwXT1cImhvdXJTdGVwXCJcbiAgICAgICAgICAgIFttaW5dPVwiMFwiXG4gICAgICAgICAgICBbbWF4XT1cIjEyXCJcbiAgICAgICAgICAgIHR5cGU9XCJudW1iZXJcIlxuICAgICAgICAgICAgZnhGbGV4PVwiMjUlXCJcbiAgICAgICAgICAgIChpbnB1dCk9XCJvbkNoYW5nZSgpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwibWludXRlQ29udHJvbFwiXG4gICAgICAgICAgICBbc3RlcF09XCJtaW51dGVTdGVwXCJcbiAgICAgICAgICAgIFttaW5dPVwiMFwiXG4gICAgICAgICAgICBbbWF4XT1cIjU5XCJcbiAgICAgICAgICAgIHR5cGU9XCJudW1iZXJcIlxuICAgICAgICAgICAgZnhGbGV4PVwiMjUlXCJcbiAgICAgICAgICAgIChpbnB1dCk9XCJvbkNoYW5nZSgpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwic2Vjb25kQ29udHJvbFwiXG4gICAgICAgICAgICBbc3RlcF09XCJzZWNvbmRTdGVwXCJcbiAgICAgICAgICAgIFttaW5dPVwiMFwiXG4gICAgICAgICAgICBbbWF4XT1cIjU5XCJcbiAgICAgICAgICAgIHR5cGU9XCJudW1iZXJcIlxuICAgICAgICAgICAgZnhGbGV4PVwiMjUlXCJcbiAgICAgICAgICAgIChpbnB1dCk9XCJvbkNoYW5nZSgpXCJcbiAgICAgICAgICAgICpuZ0lmPVwiaW5zdGFuY2U/LmNvbXBvbmVudD8uZGF0YUZvcm1hdCA9PT0gJ0hIOm1tOnNzJyB8fFxuICAgICAgICAgICAgIGluc3RhbmNlPy5jb21wb25lbnQ/LmRhdGFGb3JtYXQgPT09ICdISDptbTpzcy5TU1MnXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImluc3RhbmNlPy5jb21wb25lbnQ/LmRpc2FibGVkXCJcbiAgICAgICAgICAgIGZ4RmxleD1cIjI1JVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiY2hhbmdlUGVyaW9kKClcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt7cGVyaW9kfX1cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJpbnN0YW5jZS5lcnJvclwiPnt7IGluc3RhbmNlLmVycm9yLm1lc3NhZ2UgfX08L21hdC1lcnJvcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGBcbn0pXG5cbmV4cG9ydCBjbGFzcyBNYXRlcmlhbFRpbWVDb21wb25lbnQgZXh0ZW5kcyBNYXRlcmlhbENvbXBvbmVudCB7XG4gIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xuICBwdWJsaWMgcGVyaW9kID0gJ0FNJztcbiAgcHVibGljIGhvdXJDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgpO1xuICBwdWJsaWMgbWludXRlQ29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcbiAgcHVibGljIHNlY29uZENvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XG4gIEBPdXRwdXQoKSBzZWxlY3RlZEV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBJbnB1dCgpIGhvdXJTdGVwID0gMTtcbiAgQElucHV0KCkgbWludXRlU3RlcCA9IDE7XG4gIEBJbnB1dCgpIHNlY29uZFN0ZXAgPSAxO1xuICBASW5wdXQoKSByZW5kZXJFbGVtZW50T25seSA9IGZhbHNlO1xuXG4gIHNldERpc2FibGVkKGRpc2FibGVkKSB7XG4gICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICB0aGlzLmhvdXJDb250cm9sLmRpc2FibGUoKTtcbiAgICAgIHRoaXMubWludXRlQ29udHJvbC5kaXNhYmxlKCk7XG4gICAgICB0aGlzLnNlY29uZENvbnRyb2wuZGlzYWJsZSgpO1xuICAgIH1cbiAgfVxuXG4gIGdldCBkYXRhRm9ybWF0KCkge1xuICAgIGxldCBmb3JtYXQgPSB0aGlzLmluc3RhbmNlLmNvbXBvbmVudC5kYXRhRm9ybWF0O1xuICAgIGZvcm1hdCA9IGZvcm1hdCA/IGZvcm1hdCA6ICdISDptbSc7XG4gICAgcmV0dXJuIGZvcm1hdDtcbiAgfVxuXG4gIHNldEluc3RhbmNlKGluc3RhbmNlKSB7XG4gICAgc3VwZXIuc2V0SW5zdGFuY2UoaW5zdGFuY2UpO1xuICAgIC8vIHRoaXMuY29udHJvbC5zZXRWYWx1ZSgnMDA6MDA6MDAnKTtcbiAgICB0aGlzLm9uQ2hhbmdlKCk7XG4gIH1cblxuICBvbkNoYW5nZSgpIHtcbiAgICBjb25zdCBob3VycyA9IHRoaXMuaG91ckNvbnRyb2wudmFsdWU7XG4gICAgY29uc3QgbWludXRlcyA9IHRoaXMubWludXRlQ29udHJvbC52YWx1ZSB8fCAnMDAnO1xuICAgIGNvbnN0IHNlY29uZHMgPSB0aGlzLnNlY29uZENvbnRyb2wudmFsdWUgfHwgJyc7XG4gICAgY29uc3QgcmF3VmFsdWUgPSBgJHtob3VycyB8fCAnMDAnfToke21pbnV0ZXN9JHtzZWNvbmRzID8gJzonICsgc2Vjb25kcyA6ICcnfSAke3RoaXMucGVyaW9kfWA7XG4gICAgbGV0IHZhbHVlID0gdGhpcy5nZXRUd2VudHlGb3VySG91clRpbWUocmF3VmFsdWUpO1xuXG4gICAgaWYgKCFob3Vycykge1xuICAgICAgdmFsdWUgPSB0aGlzLmluc3RhbmNlLmVtcHR5VmFsdWU7XG4gICAgfVxuXG4gICAgdGhpcy5jb250cm9sLnNldFZhbHVlKHZhbHVlKTtcbiAgICBpZiAodGhpcy5pbnN0YW5jZSkge1xuICAgICAgc3VwZXIub25DaGFuZ2UoKTtcbiAgICB9XG4gICAgdGhpcy5zZWxlY3RlZEV2ZW50LmVtaXQodGhpcy5jb250cm9sKTtcbiAgfVxuXG4gIHNldFZhbHVlKHZhbHVlKSB7XG4gICAgaWYgKCF2YWx1ZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBzdXBlci5zZXRWYWx1ZSh2YWx1ZSk7XG4gICAgY29uc3QgW2hvdXJWYWx1ZSwgbWludXRlVmFsdWUsIHBlcmlvZF0gPSB2YWx1ZS5zcGxpdCgnOicpO1xuICAgIHRoaXMuaG91ckNvbnRyb2wuc2V0VmFsdWUoaG91clZhbHVlKTtcbiAgICB0aGlzLm1pbnV0ZUNvbnRyb2wuc2V0VmFsdWUobWludXRlVmFsdWUpO1xuICAgIC8vIGZpeCBmb3IgZGVmYXVsdCB2YWx1ZSB3aXRoIHNlY29uZHMgaW5zdGVhZCBvZiBwZXJpb2RcbiAgICB0aGlzLnBlcmlvZCA9IHBlcmlvZCA9PT0gKCdBTScgfHwgJ1BNJykgPyBwZXJpb2QgOiB0aGlzLnBlcmlvZDtcbiAgfVxuXG4gIGdldFR3ZW50eUZvdXJIb3VyVGltZShhbVBtU3RyaW5nKSB7XG4gICAgY29uc3QgbW9tZW50ID0gbW9tZW50XztcbiAgICByZXR1cm4gbW9tZW50KGFtUG1TdHJpbmcsIFsnaDptbTpzcyBBJ10pLmZvcm1hdCh0aGlzLmRhdGFGb3JtYXQpO1xuICB9XG5cbiAgY2hhbmdlUGVyaW9kKCkge1xuICAgIHRoaXMucGVyaW9kID0gdGhpcy5wZXJpb2QgPT09ICdBTScgPyAnUE0nIDogJ0FNJztcbiAgICB0aGlzLm9uQ2hhbmdlKCk7XG4gIH1cbn1cblxuVGltZUNvbXBvbmVudC5NYXRlcmlhbENvbXBvbmVudCA9IE1hdGVyaWFsVGltZUNvbXBvbmVudDtcbmV4cG9ydCB7IFRpbWVDb21wb25lbnQgfTtcbiJdfQ==

package/esm2020/lib/components/url/url.component.mjs

@@ -0,0 +1,29 @@
+import { Component } from '@angular/core';
+import { MaterialTextfieldComponent, TEXTFIELD_TEMPLATE } from '../textfield/textfield.component';
+import UrlComponent from 'formiojs/components/url/Url.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/flex-layout/flex";
+import * as i6 from "../formio-form-field/formio-form-field.component";
+import * as i7 from "../label/label.component";
+export class MaterialUrlComponent extends MaterialTextfieldComponent {
+    constructor() {
+        super(...arguments);
+        this.inputType = 'url';
+    }
+}
+MaterialUrlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: MaterialUrlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MaterialUrlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: MaterialUrlComponent, selector: "mat-formio-url", usesInheritance: true, ngImport: i0, template: "\n  <mat-formio-form-field [instance]=\"instance\" [componentTemplate]=\"componentTemplate\"></mat-formio-form-field>\n  <ng-template #componentTemplate let-hasLabel>\n    <mat-form-field [appearance]=\"getFormFieldAppearance()\" fxFill>\n\n      <mat-label *ngIf=\"hasLabel\">\n          <span [instance]=\"instance\" matFormioLabel></span>\n      </mat-label>\n\n      <span *ngIf=\"instance.component.prefix && instance.type !== 'currency'\"\n            matPrefix\n      >\n        {{ instance.component.prefix }}&nbsp;\n      </span>\n      <input matInput\n            type=\"{{ inputType }}\"\n            [formControl]=\"control\"\n            [placeholder]=\"instance.component.placeholder\"\n            (input)=\"onChange()\" #input\n      >\n      <span *ngIf=\"instance.component.suffix\" matSuffix>{{ instance.component.suffix }}</span>\n\n      <mat-hint *ngIf=\"instance.component.showWordCount || instance.component.showCharCount\">\n        {{ getHint() }}\n      </mat-hint>\n\n      <br/>\n      <mat-error *ngIf=\"isError()\" >{{ getErrorMessage() }}</mat-error>\n    </mat-form-field>\n  </ng-template>\n", isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "component", type: i6.FormioFormFieldComponent, selector: "mat-formio-form-field", inputs: ["labelTemplate", "renderTopLabel", "showDescription", "renderElementOnly", "instance", "componentTemplate"] }, { kind: "component", type: i7.LabelComponent, selector: "span[matFormioLabel]", inputs: ["instance"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: MaterialUrlComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mat-formio-url',
+                    template: TEXTFIELD_TEMPLATE
+                }]
+        }] });
+UrlComponent.MaterialComponent = MaterialUrlComponent;
+export { UrlComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXJsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZW5kZXItbWF0ZXJpYWwtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL3VybC91cmwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLDBCQUEwQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbEcsT0FBTyxZQUFZLE1BQU0sZ0NBQWdDLENBQUM7Ozs7Ozs7OztBQUsxRCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsMEJBQTBCO0lBSnBFOztRQUtTLGNBQVMsR0FBRyxLQUFLLENBQUM7S0FDMUI7O2lIQUZZLG9CQUFvQjtxR0FBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBSmhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFLGtCQUFrQjtpQkFDN0I7O0FBSUQsWUFBWSxDQUFDLGlCQUFpQixHQUFHLG9CQUFvQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxZQUFZLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0ZXJpYWxUZXh0ZmllbGRDb21wb25lbnQsIFRFWFRGSUVMRF9URU1QTEFURSB9IGZyb20gJy4uL3RleHRmaWVsZC90ZXh0ZmllbGQuY29tcG9uZW50JztcbmltcG9ydCBVcmxDb21wb25lbnQgZnJvbSAnZm9ybWlvanMvY29tcG9uZW50cy91cmwvVXJsLmpzJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdC1mb3JtaW8tdXJsJyxcbiAgdGVtcGxhdGU6IFRFWFRGSUVMRF9URU1QTEFURVxufSlcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbFVybENvbXBvbmVudCBleHRlbmRzIE1hdGVyaWFsVGV4dGZpZWxkQ29tcG9uZW50IHtcbiAgcHVibGljIGlucHV0VHlwZSA9ICd1cmwnO1xufVxuVXJsQ29tcG9uZW50Lk1hdGVyaWFsQ29tcG9uZW50ID0gTWF0ZXJpYWxVcmxDb21wb25lbnQ7XG5leHBvcnQgeyBVcmxDb21wb25lbnQgfTtcbiJdfQ==

package/esm2020/lib/components/well/well.component.mjs

@@ -0,0 +1,43 @@
+import { Component } from '@angular/core';
+import WellComponent from 'formiojs/components/well/Well.js';
+import { MaterialNestedComponent } from '../MaterialNestedComponent';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/flex-layout/flex";
+import * as i3 from "@angular/flex-layout/extended";
+import * as i4 from "@angular/material/card";
+export class MaterialWellComponent extends MaterialNestedComponent {
+}
+MaterialWellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: MaterialWellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MaterialWellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: MaterialWellComponent, selector: "mat-formio-well", usesInheritance: true, ngImport: i0, template: `
+    <mat-card>
+      <mat-card-content fxLayout="column"
+                        fxLayoutGap="1em"
+                        [ngStyle]="{
+                           'background-color':'#f5f5f5',
+                           'padding': '1.5em'
+                         }"
+      >
+        <ng-template #components></ng-template>
+      </mat-card-content>
+    </mat-card>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: MaterialWellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mat-formio-well', template: `
+    <mat-card>
+      <mat-card-content fxLayout="column"
+                        fxLayoutGap="1em"
+                        [ngStyle]="{
+                           'background-color':'#f5f5f5',
+                           'padding': '1.5em'
+                         }"
+      >
+        <ng-template #components></ng-template>
+      </mat-card-content>
+    </mat-card>
+  ` }]
+        }] });
+WellComponent.MaterialComponent = MaterialWellComponent;
+export { WellComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2VsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmVuZGVyLW1hdGVyaWFsLWZvcm1zL3NyYy9saWIvY29tcG9uZW50cy93ZWxsL3dlbGwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxhQUFhLE1BQU0sa0NBQWtDLENBQUM7QUFDN0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7OztBQWtCckUsTUFBTSxPQUFPLHFCQUFzQixTQUFRLHVCQUF1Qjs7a0hBQXJELHFCQUFxQjtzR0FBckIscUJBQXFCLDhFQWZ0Qjs7Ozs7Ozs7Ozs7O0dBWVQ7MkZBR1UscUJBQXFCO2tCQWpCakMsU0FBUzsrQkFDRSxpQkFBaUIsWUFDakI7Ozs7Ozs7Ozs7OztHQVlUOztBQUlILGFBQWEsQ0FBQyxpQkFBaUIsR0FBRyxxQkFBcUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCBXZWxsQ29tcG9uZW50IGZyb20gJ2Zvcm1pb2pzL2NvbXBvbmVudHMvd2VsbC9XZWxsLmpzJztcbmltcG9ydCB7IE1hdGVyaWFsTmVzdGVkQ29tcG9uZW50IH0gZnJvbSAnLi4vTWF0ZXJpYWxOZXN0ZWRDb21wb25lbnQnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWF0LWZvcm1pby13ZWxsJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bWF0LWNhcmQ+XG4gICAgICA8bWF0LWNhcmQtY29udGVudCBmeExheW91dD1cImNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBmeExheW91dEdhcD1cIjFlbVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAnYmFja2dyb3VuZC1jb2xvcic6JyNmNWY1ZjUnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3BhZGRpbmcnOiAnMS41ZW0nXG4gICAgICAgICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICA+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjY29tcG9uZW50cz48L25nLXRlbXBsYXRlPlxuICAgICAgPC9tYXQtY2FyZC1jb250ZW50PlxuICAgIDwvbWF0LWNhcmQ+XG4gIGAsXG4gIHN0eWxlczogW11cbn0pXG5leHBvcnQgY2xhc3MgTWF0ZXJpYWxXZWxsQ29tcG9uZW50IGV4dGVuZHMgTWF0ZXJpYWxOZXN0ZWRDb21wb25lbnQge31cbldlbGxDb21wb25lbnQuTWF0ZXJpYWxDb21wb25lbnQgPSBNYXRlcmlhbFdlbGxDb21wb25lbnQ7XG5leHBvcnQgeyBXZWxsQ29tcG9uZW50IH07XG4iXX0=

package/esm2020/lib/const/ButtonsThemes.mjs

@@ -0,0 +1,17 @@
+export var ButtonsThemes;
+(function (ButtonsThemes) {
+    ButtonsThemes["PRIMARY"] = "primary";
+    ButtonsThemes["SECONDARY"] = "secondary";
+    ButtonsThemes["INFO"] = "info";
+    ButtonsThemes["WARNING"] = "warning";
+    ButtonsThemes["DANGER"] = "danger";
+    ButtonsThemes["SUCCESS"] = "success";
+})(ButtonsThemes || (ButtonsThemes = {}));
+export var AngularButtonsThemes;
+(function (AngularButtonsThemes) {
+    AngularButtonsThemes["WARN"] = "warn";
+    AngularButtonsThemes["PRIMARY"] = "primary";
+    AngularButtonsThemes["BASIC"] = "basic";
+    AngularButtonsThemes["ACCENT"] = "accent";
+})(AngularButtonsThemes || (AngularButtonsThemes = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uc1RoZW1lcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZW5kZXItbWF0ZXJpYWwtZm9ybXMvc3JjL2xpYi9jb25zdC9CdXR0b25zVGhlbWVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGFBT1g7QUFQRCxXQUFZLGFBQWE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIsd0NBQXVCLENBQUE7SUFDdkIsOEJBQWEsQ0FBQTtJQUNiLG9DQUFtQixDQUFBO0lBQ25CLGtDQUFpQixDQUFBO0lBQ2pCLG9DQUFtQixDQUFBO0FBQ3JCLENBQUMsRUFQVyxhQUFhLEtBQWIsYUFBYSxRQU94QjtBQUVELE1BQU0sQ0FBTixJQUFZLG9CQUtYO0FBTEQsV0FBWSxvQkFBb0I7SUFDOUIscUNBQWEsQ0FBQTtJQUNiLDJDQUFtQixDQUFBO0lBQ25CLHVDQUFlLENBQUE7SUFDZix5Q0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBTFcsb0JBQW9CLEtBQXBCLG9CQUFvQixRQUsvQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEJ1dHRvbnNUaGVtZXMge1xuICBQUklNQVJZID0gJ3ByaW1hcnknLFxuICBTRUNPTkRBUlkgPSAnc2Vjb25kYXJ5JyxcbiAgSU5GTyA9ICdpbmZvJyxcbiAgV0FSTklORyA9ICd3YXJuaW5nJyxcbiAgREFOR0VSID0gJ2RhbmdlcicsXG4gIFNVQ0NFU1MgPSAnc3VjY2Vzcydcbn1cblxuZXhwb3J0IGVudW0gQW5ndWxhckJ1dHRvbnNUaGVtZXMge1xuICBXQVJOID0gJ3dhcm4nLFxuICBQUklNQVJZID0gJ3ByaW1hcnknLFxuICBCQVNJQyA9ICdiYXNpYycsXG4gIEFDQ0VOVCA9ICdhY2NlbnQnXG59XG4iXX0=

package/esm2020/lib/const/LabelPositions.mjs

@@ -0,0 +1,10 @@
+export var LabelPositions;
+(function (LabelPositions) {
+    LabelPositions["RIGHT_RIGHT"] = "right-right";
+    LabelPositions["RIGHT_LEFT"] = "right-left";
+    LabelPositions["LEFT_LEFT"] = "left-left";
+    LabelPositions["LEFT_RIGHT"] = "left-right";
+    LabelPositions["BOTTOM"] = "bottom";
+    LabelPositions["TOP"] = "top";
+})(LabelPositions || (LabelPositions = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWxQb3NpdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmVuZGVyLW1hdGVyaWFsLWZvcm1zL3NyYy9saWIvY29uc3QvTGFiZWxQb3NpdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksY0FPWDtBQVBELFdBQVksY0FBYztJQUN4Qiw2Q0FBMkIsQ0FBQTtJQUMzQiwyQ0FBeUIsQ0FBQTtJQUN6Qix5Q0FBdUIsQ0FBQTtJQUN2QiwyQ0FBeUIsQ0FBQTtJQUN6QixtQ0FBaUIsQ0FBQTtJQUNqQiw2QkFBVyxDQUFBO0FBQ2IsQ0FBQyxFQVBXLGNBQWMsS0FBZCxjQUFjLFFBT3pCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gTGFiZWxQb3NpdGlvbnMge1xuICBSSUdIVF9SSUdIVCA9ICdyaWdodC1yaWdodCcsXG4gIFJJR0hUX0xFRlQgPSAncmlnaHQtbGVmdCcsXG4gIExFRlRfTEVGVCA9ICdsZWZ0LWxlZnQnLFxuICBMRUZUX1JJR0hUID0gJ2xlZnQtcmlnaHQnLFxuICBCT1RUT00gPSAnYm90dG9tJyxcbiAgVE9QID0gJ3RvcCcsXG59XG4iXX0=

package/esm2020/lib/directives/mask.directive.mjs

@@ -0,0 +1,65 @@
+import { Directive, forwardRef, Input } from '@angular/core';
+import { MAT_INPUT_VALUE_ACCESSOR } from '@angular/material/input';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+export class MaskDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        this._value = value;
+        this.formatValue(value);
+    }
+    formatValue(value) {
+        if (value !== null) {
+            this.elementRef.nativeElement.value = this.format(value);
+        }
+        else {
+            this.elementRef.nativeElement.value = '';
+        }
+    }
+    _onChange(value) {
+    }
+    writeValue(value) {
+        this._value = value;
+        this.formatValue(this._value); // format Value
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched() {
+    }
+}
+MaskDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: MaskDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+MaskDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: MaskDirective, selector: "input[matMask]", inputs: { format: ["matMask", "format"], value: "value" }, providers: [
+        { provide: MAT_INPUT_VALUE_ACCESSOR, useExisting: MaskDirective },
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => MaskDirective),
+            multi: true,
+        }
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: MaskDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[matMask]',
+                    providers: [
+                        { provide: MAT_INPUT_VALUE_ACCESSOR, useExisting: MaskDirective },
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => MaskDirective),
+                            multi: true,
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { format: [{
+                type: Input,
+                args: ['matMask']
+            }], value: [{
+                type: Input,
+                args: ['value']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFzay5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmVuZGVyLW1hdGVyaWFsLWZvcm1zL3NyYy9saWIvZGlyZWN0aXZlcy9tYXNrLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBYW5ELE1BQU0sT0FBTyxhQUFhO0lBSXhCLFlBQW9CLFVBQXdDO1FBQXhDLGVBQVUsR0FBVixVQUFVLENBQThCO0lBQUcsQ0FBQztJQUdoRSxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVELElBQ0ksS0FBSyxDQUFDLEtBQW9CO1FBQzVCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUVPLFdBQVcsQ0FBQyxLQUFvQjtRQUN0QyxJQUFJLEtBQUssS0FBSyxJQUFJLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDMUQ7YUFDSTtZQUNILElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7U0FDMUM7SUFDSCxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVU7SUFDcEIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsZUFBZTtJQUNoRCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBd0I7UUFDdkMsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGlCQUFpQjtJQUNqQixDQUFDOzswR0F2Q1UsYUFBYTs4RkFBYixhQUFhLG9HQVRiO1FBQ1QsRUFBQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBQztRQUMvRDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxhQUFhLENBQUM7WUFDNUMsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGOzJGQUVVLGFBQWE7a0JBWHpCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsU0FBUyxFQUFFO3dCQUNULEVBQUMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLFdBQVcsZUFBZSxFQUFDO3dCQUMvRDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxjQUFjLENBQUM7NEJBQzVDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO2lCQUNGO2lHQUVtQixNQUFNO3NCQUF2QixLQUFLO3VCQUFDLFNBQVM7Z0JBV1osS0FBSztzQkFEUixLQUFLO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNQVRfSU5QVVRfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnaW5wdXRbbWF0TWFza10nLFxuICBwcm92aWRlcnM6IFtcbiAgICB7cHJvdmlkZTogTUFUX0lOUFVUX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogTWFza0RpcmVjdGl2ZX0sXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBNYXNrRGlyZWN0aXZlKSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBNYXNrRGlyZWN0aXZlIHtcbiAgQElucHV0KCdtYXRNYXNrJykgZm9ybWF0OiAodmFsdWU6IHN0cmluZykgPT4gc3RyaW5nO1xuICBwcml2YXRlIF92YWx1ZTogc3RyaW5nIHwgbnVsbDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD4pIHt9XG5cblxuICBnZXQgdmFsdWUoKTogc3RyaW5nIHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICB9XG5cbiAgQElucHV0KCd2YWx1ZScpXG4gIHNldCB2YWx1ZSh2YWx1ZTogc3RyaW5nIHwgbnVsbCkge1xuICAgIHRoaXMuX3ZhbHVlID0gdmFsdWU7XG4gICAgdGhpcy5mb3JtYXRWYWx1ZSh2YWx1ZSk7XG4gIH1cblxuICBwcml2YXRlIGZvcm1hdFZhbHVlKHZhbHVlOiBzdHJpbmcgfCBudWxsKSB7XG4gICAgaWYgKHZhbHVlICE9PSBudWxsKSB7XG4gICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC52YWx1ZSA9IHRoaXMuZm9ybWF0KHZhbHVlKTtcbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC52YWx1ZSA9ICcnO1xuICAgIH1cbiAgfVxuXG4gIF9vbkNoYW5nZSh2YWx1ZTogYW55KTogdm9pZCB7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xuICAgIHRoaXMuZm9ybWF0VmFsdWUodGhpcy5fdmFsdWUpOyAvLyBmb3JtYXQgVmFsdWVcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogYW55KSA9PiB2b2lkKSB7XG4gICAgdGhpcy5fb25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKCkge1xuICB9XG59XG4iXX0=

package/esm2020/lib/formio.component.mjs

@@ -0,0 +1,80 @@
+import { Component, Optional, ViewContainerRef, ViewChild } from '@angular/core';
+import { FormioBaseComponent } from '@formio/angular';
+import { Form } from './renderer';
+import { get } from 'lodash';
+import * as i0 from "@angular/core";
+import * as i1 from "@formio/angular";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/progress-spinner";
+import * as i4 from "@angular/flex-layout/flex";
+export class FormioComponent extends FormioBaseComponent {
+    constructor(resolver, cd, ngZone, config) {
+        super(ngZone, config);
+        this.resolver = resolver;
+        this.cd = cd;
+        this.ngZone = ngZone;
+        this.config = config;
+    }
+    getRendererOptions() {
+        const rendererOptions = super.getRendererOptions();
+        return { ...rendererOptions, validateOnInit: get(rendererOptions, 'validateOnInit', true) };
+    }
+    createRenderer() {
+        const options = this.getRendererOptions();
+        const flags = {
+            validateOnInit: options.validateOnInit
+        };
+        options.viewResolver = this.resolver;
+        const form = new Form();
+        form._form = this.form;
+        form.options = options;
+        form.options.events = form.events;
+        form.instance = form.create(this.form.display);
+        form.instance.viewContainer = () => this.formioViewContainer;
+        if (this.submission && this.submission.data) {
+            form.instance.data = this.submission.data;
+        }
+        this.ngZone.run(() => form.instance.setForm(this.form, flags)
+            .then(() => form.readyResolve(form.instance))
+            .catch(() => form.readyReject()));
+        return form.instance;
+    }
+}
+FormioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: FormioComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.FormioAppConfig, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+FormioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: FormioComponent, selector: "mat-formio", viewQueries: [{ propertyName: "formioViewContainer", first: true, predicate: ["formio"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `
+    <mat-spinner *ngIf="isLoading"></mat-spinner>
+    <div *ngIf="!this.options?.disableAlerts">
+      <div *ngFor="let alert of alerts.alerts"
+           class="alert alert-{{ alert.type }}"
+           role="alert"
+      >
+        {{ alert.message }}
+      </div>
+    </div>
+    <div fxLayout="column" fxLayoutGap="1em">
+      <ng-template #formio></ng-template>
+    </div>
+  `, isInline: true, styles: [".alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:.5rem;border:1px solid transparent;border-radius:.25rem}::ng-deep mat-card{box-sizing:border-box;-moz-box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: FormioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mat-formio', template: `
+    <mat-spinner *ngIf="isLoading"></mat-spinner>
+    <div *ngIf="!this.options?.disableAlerts">
+      <div *ngFor="let alert of alerts.alerts"
+           class="alert alert-{{ alert.type }}"
+           role="alert"
+      >
+        {{ alert.message }}
+      </div>
+    </div>
+    <div fxLayout="column" fxLayoutGap="1em">
+      <ng-template #formio></ng-template>
+    </div>
+  `, styles: [".alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:.5rem;border:1px solid transparent;border-radius:.25rem}::ng-deep mat-card{box-sizing:border-box;-moz-box-sizing:border-box}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.FormioAppConfig, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { formioViewContainer: [{
+                type: ViewChild,
+                args: ['formio', { static: true, read: ViewContainerRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1yZW5kZXItbWF0ZXJpYWwtZm9ybXMvc3JjL2xpYi9mb3JtaW8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFxQixnQkFBZ0IsRUFBRSxTQUFTLEVBQW1ELE1BQU0sZUFBZSxDQUFDO0FBQ3JKLE9BQU8sRUFBbUIsbUJBQW1CLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxRQUFRLENBQUM7Ozs7OztBQTBDN0IsTUFBTSxPQUFPLGVBQWdCLFNBQVEsbUJBQW1CO0lBRXRELFlBQ1UsUUFBa0MsRUFDbEMsRUFBcUIsRUFDdEIsTUFBYyxFQUNGLE1BQXVCO1FBRTFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFMZCxhQUFRLEdBQVIsUUFBUSxDQUEwQjtRQUNsQyxPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQUN0QixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ0YsV0FBTSxHQUFOLE1BQU0sQ0FBaUI7SUFHNUMsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixNQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUNuRCxPQUFPLEVBQUMsR0FBRyxlQUFlLEVBQUUsY0FBYyxFQUFFLEdBQUcsQ0FBQyxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLEVBQUUsQ0FBQTtJQUM1RixDQUFDO0lBRUQsY0FBYztRQUNaLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBQzFDLE1BQU0sS0FBSyxHQUFHO1lBQ1osY0FBYyxFQUFFLE9BQU8sQ0FBQyxjQUFjO1NBQ3ZDLENBQUM7UUFDRixPQUFPLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDckMsTUFBTSxJQUFJLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMvQyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUM7UUFDN0QsSUFBSSxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFO1lBQzNDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO1NBQzNDO1FBQ0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUM7YUFDMUQsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzVDLEtBQUssQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FDakMsQ0FBQztRQUNGLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDOzs0R0FwQ1UsZUFBZTtnR0FBZixlQUFlLDRJQUNnQixnQkFBZ0Isa0VBaEJoRDs7Ozs7Ozs7Ozs7OztHQWFUOzJGQUVVLGVBQWU7a0JBekMzQixTQUFTOytCQUNFLFlBQVksWUF5Qlo7Ozs7Ozs7Ozs7Ozs7R0FhVDs7MEJBUUUsUUFBUTs0Q0FMa0QsbUJBQW1CO3NCQUEvRSxTQUFTO3VCQUFDLFFBQVEsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPcHRpb25hbCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIFZpZXdDb250YWluZXJSZWYsIFZpZXdDaGlsZCwgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLCBOZ1pvbmUsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1pb0FwcENvbmZpZywgRm9ybWlvQmFzZUNvbXBvbmVudCB9IGZyb20gJ0Bmb3JtaW8vYW5ndWxhcic7XG5pbXBvcnQgeyBGb3JtIH0gZnJvbSAnLi9yZW5kZXJlcic7XG5pbXBvcnQgeyBnZXQgfSBmcm9tICdsb2Rhc2gnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWF0LWZvcm1pbycsXG4gIHN0eWxlczogW1xuICAgIGAuYWxlcnQtZGFuZ2VyIHtcbiAgICAgIGNvbG9yOiAjNzIxYzI0O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZDdkYTtcbiAgICAgIGJvcmRlci1jb2xvcjogI2Y1YzZjYjtcbiAgICB9XG4gICAgLmFsZXJ0LXN1Y2Nlc3Mge1xuICAgICAgY29sb3I6ICMxNTU3MjQ7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDRlZGRhO1xuICAgICAgYm9yZGVyLWNvbG9yOiAjYzNlNmNiO1xuICAgIH1cbiAgICAuYWxlcnQge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgcGFkZGluZzogLjc1cmVtIDEuMjVyZW07XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IC4yNXJlbTtcbiAgICB9XG4gICAgOjpuZy1kZWVwIG1hdC1jYXJkIHtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgLW1vei1ib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cbiAgICBgXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPG1hdC1zcGlubmVyICpuZ0lmPVwiaXNMb2FkaW5nXCI+PC9tYXQtc3Bpbm5lcj5cbiAgICA8ZGl2ICpuZ0lmPVwiIXRoaXMub3B0aW9ucz8uZGlzYWJsZUFsZXJ0c1wiPlxuICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgYWxlcnQgb2YgYWxlcnRzLmFsZXJ0c1wiXG4gICAgICAgICAgIGNsYXNzPVwiYWxlcnQgYWxlcnQte3sgYWxlcnQudHlwZSB9fVwiXG4gICAgICAgICAgIHJvbGU9XCJhbGVydFwiXG4gICAgICA+XG4gICAgICAgIHt7IGFsZXJ0Lm1lc3NhZ2UgfX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEdhcD1cIjFlbVwiPlxuICAgICAgPG5nLXRlbXBsYXRlICNmb3JtaW8+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtaW9Db21wb25lbnQgZXh0ZW5kcyBGb3JtaW9CYXNlQ29tcG9uZW50IHtcbiAgQFZpZXdDaGlsZCgnZm9ybWlvJywge3N0YXRpYzogdHJ1ZSwgcmVhZDogVmlld0NvbnRhaW5lclJlZn0pIGZvcm1pb1ZpZXdDb250YWluZXI6IFZpZXdDb250YWluZXJSZWY7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVzb2x2ZXI6IENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcbiAgICBwcml2YXRlIGNkOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwdWJsaWMgbmdab25lOiBOZ1pvbmUsXG4gICAgQE9wdGlvbmFsKCkgcHVibGljIGNvbmZpZzogRm9ybWlvQXBwQ29uZmlnXG4gICkge1xuICAgIHN1cGVyKG5nWm9uZSwgY29uZmlnKTtcbiAgfVxuXG4gIGdldFJlbmRlcmVyT3B0aW9ucygpOiBhbnkge1xuICAgIGNvbnN0IHJlbmRlcmVyT3B0aW9ucyA9IHN1cGVyLmdldFJlbmRlcmVyT3B0aW9ucygpO1xuICAgIHJldHVybiB7Li4ucmVuZGVyZXJPcHRpb25zLCB2YWxpZGF0ZU9uSW5pdDogZ2V0KHJlbmRlcmVyT3B0aW9ucywgJ3ZhbGlkYXRlT25Jbml0JywgdHJ1ZSkgfVxuICB9XG5cbiAgY3JlYXRlUmVuZGVyZXIoKSB7XG4gICAgY29uc3Qgb3B0aW9ucyA9IHRoaXMuZ2V0UmVuZGVyZXJPcHRpb25zKCk7XG4gICAgY29uc3QgZmxhZ3MgPSB7XG4gICAgICB2YWxpZGF0ZU9uSW5pdDogb3B0aW9ucy52YWxpZGF0ZU9uSW5pdFxuICAgIH07XG4gICAgb3B0aW9ucy52aWV3UmVzb2x2ZXIgPSB0aGlzLnJlc29sdmVyO1xuICAgIGNvbnN0IGZvcm0gPSBuZXcgRm9ybSgpO1xuICAgIGZvcm0uX2Zvcm0gPSB0aGlzLmZvcm07XG4gICAgZm9ybS5vcHRpb25zID0gb3B0aW9ucztcbiAgICBmb3JtLm9wdGlvbnMuZXZlbnRzID0gZm9ybS5ldmVudHM7XG4gICAgZm9ybS5pbnN0YW5jZSA9IGZvcm0uY3JlYXRlKHRoaXMuZm9ybS5kaXNwbGF5KTtcbiAgICBmb3JtLmluc3RhbmNlLnZpZXdDb250YWluZXIgPSAoKSA9PiB0aGlzLmZvcm1pb1ZpZXdDb250YWluZXI7XG4gICAgaWYgKHRoaXMuc3VibWlzc2lvbiAmJiB0aGlzLnN1Ym1pc3Npb24uZGF0YSkge1xuICAgICAgZm9ybS5pbnN0YW5jZS5kYXRhID0gdGhpcy5zdWJtaXNzaW9uLmRhdGE7XG4gICAgfVxuICAgIHRoaXMubmdab25lLnJ1bigoKSA9PiBmb3JtLmluc3RhbmNlLnNldEZvcm0odGhpcy5mb3JtLCBmbGFncylcbiAgICAgIC50aGVuKCgpID0+IGZvcm0ucmVhZHlSZXNvbHZlKGZvcm0uaW5zdGFuY2UpKVxuICAgICAgLmNhdGNoKCgpID0+IGZvcm0ucmVhZHlSZWplY3QoKSlcbiAgICApO1xuICAgIHJldHVybiBmb3JtLmluc3RhbmNlO1xuICB9XG59XG4iXX0=

package/esm2020/lib/ngx-render-material-forms.component.mjs

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class NgxRenderMaterialFormsComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+NgxRenderMaterialFormsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: NgxRenderMaterialFormsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgxRenderMaterialFormsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: NgxRenderMaterialFormsComponent, selector: "NgxMat-NgxRenderMaterialForms", ngImport: i0, template: `
+    <p>
+      ngx-render-material-forms works!
+    </p>
+  `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: NgxRenderMaterialFormsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'NgxMat-NgxRenderMaterialForms', template: `
+    <p>
+      ngx-render-material-forms works!
+    </p>
+  ` }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXJlbmRlci1tYXRlcmlhbC1mb3Jtcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmVuZGVyLW1hdGVyaWFsLWZvcm1zL3NyYy9saWIvbmd4LXJlbmRlci1tYXRlcmlhbC1mb3Jtcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFZbEQsTUFBTSxPQUFPLCtCQUErQjtJQUUxQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7NEhBTFUsK0JBQStCO2dIQUEvQiwrQkFBK0IscUVBUmhDOzs7O0dBSVQ7MkZBSVUsK0JBQStCO2tCQVYzQyxTQUFTOytCQUNFLCtCQUErQixZQUMvQjs7OztHQUlUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnTmd4TWF0LU5neFJlbmRlck1hdGVyaWFsRm9ybXMnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxwPlxuICAgICAgbmd4LXJlbmRlci1tYXRlcmlhbC1mb3JtcyB3b3JrcyFcbiAgICA8L3A+XG4gIGAsXG4gIHN0eWxlczogW1xuICBdXG59KVxuZXhwb3J0IGNsYXNzIE5neFJlbmRlck1hdGVyaWFsRm9ybXNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIl19