@codetectonics/mantle 2.0.8 → 2.0.9

package/fesm2022/codetectonics-mantle.mjs

@@ -566,6 +566,9 @@ class DynamicPipe {
             case 'datetime':
                 return this.transformDateTime(value);
                 break;
+            case 'obscured':
+                return this.transformObscured(value);
+                break;
             default: return this.transformString(value);
         }
     }
@@ -585,6 +588,11 @@ class DynamicPipe {
             return '';
         return moment(value, 'YYYY-MM-DD HH:mm').format('DD/MM/YYYY @ HH:mm');
     }
+    transformObscured(value) {
+        if (!value)
+            return '';
+        return value.replace(/./g, '*');
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DynamicPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: DynamicPipe, isStandalone: false, name: "dynamicPipe" }); }
 }
@@ -2733,6 +2741,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 type: Input
             }] } });
 
+class ObscuredInputComponent {
+    constructor() {
+        this.value = null;
+        this.onChange = (newValue) => { };
+        this.onTouched = () => { };
+    }
+    registerOnChange(fn) { this.onChange = fn; }
+    registerOnTouched(fn) { this.onTouched = fn; }
+    writeValue(newValue) {
+        this.value = newValue;
+        this.onChange(newValue);
+    }
+    onValueChanged(event) {
+        this.onChange(this.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ObscuredInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ObscuredInputComponent, isStandalone: false, selector: "mantle-obscured-input", inputs: { label: "label", tooltip: "tooltip", disable: "disable", required: "required", error: "error" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ObscuredInputComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<mat-form-field [class.mat-mdc-form-field-invalid]=\"error\">\n  <mat-label>\n    {{ label | translate }}\n    <mantle-tooltip *ngIf=\"tooltip\" [message]=\"tooltip\"></mantle-tooltip>\n  </mat-label>\n  <input matInput\n      type=\"password\"\n      [(ngModel)]=\"value\"\n      (keyup)=\"onValueChanged($event)\"\n      (change)=\"onValueChanged($event)\"\n      [required]=\"required\"\n      [disabled]=\"disable\"\n      autocomplete=\"off\">\n\n  <mat-hint *ngIf=\"error\" class=\"error-message\">{{ error }}</mat-hint>\n</mat-form-field>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: TooltipComponent, selector: "mantle-tooltip", inputs: ["message"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ObscuredInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mantle-obscured-input', standalone: false, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ObscuredInputComponent),
+                            multi: true
+                        }
+                    ], template: "<mat-form-field [class.mat-mdc-form-field-invalid]=\"error\">\n  <mat-label>\n    {{ label | translate }}\n    <mantle-tooltip *ngIf=\"tooltip\" [message]=\"tooltip\"></mantle-tooltip>\n  </mat-label>\n  <input matInput\n      type=\"password\"\n      [(ngModel)]=\"value\"\n      (keyup)=\"onValueChanged($event)\"\n      (change)=\"onValueChanged($event)\"\n      [required]=\"required\"\n      [disabled]=\"disable\"\n      autocomplete=\"off\">\n\n  <mat-hint *ngIf=\"error\" class=\"error-message\">{{ error }}</mat-hint>\n</mat-form-field>\n" }]
+        }], ctorParameters: () => [], propDecorators: { label: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], disable: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }] } });
+
 class TextareaComponent {
     constructor() {
         this.rows = 1;
@@ -3866,11 +3919,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 
 class DynamicFormFieldComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DynamicFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: DynamicFormFieldComponent, isStandalone: false, selector: "mantle-dynamic-form-field", inputs: { field: "field", form: "form", error: "error" }, ngImport: i0, template: "<div class=\"dynamic-form-field-wrapper\" [formGroup]=\"form\">\n  <ng-container [ngSwitch]=\"field.type\">\n\n    <mantle-text-input *ngSwitchCase=\"'string'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-text-input *ngSwitchCase=\"'string-md'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-text-input *ngSwitchCase=\"'string-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-textarea *ngSwitchCase=\"'text'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [rows]=\"4\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-textarea>\n\n    <mantle-dropdown *ngSwitchCase=\"'dropdown'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-dropdown *ngSwitchCase=\"'dropdown-md'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-dropdown *ngSwitchCase=\"'dropdown-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-multiselect-input *ngSwitchCase=\"'multiselect'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-multiselect-input>\n\n    <mantle-multiselect-input *ngSwitchCase=\"'multiselect-md'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-multiselect-input>\n\n    <mantle-multiselect-input *ngSwitchCase=\"'multiselect-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-multiselect-input>\n\n    <mantle-datepicker *ngSwitchCase=\"'date'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-datepicker>\n\n    <mantle-datetimepicker *ngSwitchCase=\"'datetime'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-datetimepicker>\n\n    <mantle-time-input *ngSwitchCase=\"'time'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-time-input>\n\n    <mantle-number-input *ngSwitchCase=\"'number'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-number-input>\n\n    <mantle-number-input *ngSwitchCase=\"'currency'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-number-input>\n\n    <mantle-filepicker *ngSwitchCase=\"'file'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-filepicker>\n\n    <mantle-imagepicker *ngSwitchCase=\"'image'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-imagepicker>\n\n    <mantle-chip-input *ngSwitchCase=\"'chips'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-chip-input>\n\n    <mantle-chip-input *ngSwitchCase=\"'chips-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-chip-input>\n\n    <mantle-password-input *ngSwitchCase=\"'password'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-password-input>\n\n    <mantle-markdown-input *ngSwitchCase=\"'markdown'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-markdown-input>\n\n    <mantle-rich-text-input *ngSwitchCase=\"'rich-text'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-rich-text-input>\n\n    <mantle-autocomplete-input *ngSwitchCase=\"'autocomplete'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-autocomplete-input>\n\n    <mantle-text-input *ngSwitchCase=\"'link'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-colorpicker-input *ngSwitchCase=\"'color'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-colorpicker-input>\n\n    <mantle-chart-config-input *ngSwitchCase=\"'chart-config'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-chart-config-input>\n\n    <mantle-report-config-input *ngSwitchCase=\"'report-config'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-report-config-input>\n  </ng-container>\n</div>\n", styles: [":host,.dynamic-form-field-wrapper{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ChipInputComponent, selector: "mantle-chip-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: DatepickerComponent, selector: "mantle-datepicker", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: DatetimepickerComponent, selector: "mantle-datetimepicker", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: ColorPickerInputComponent, selector: "mantle-colorpicker-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: DropdownComponent, selector: "mantle-dropdown", inputs: ["label", "tooltip", "options", "disable", "required", "error"], outputs: ["change"] }, { kind: "component", type: FilepickerComponent, selector: "mantle-filepicker", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: ImagepickerComponent, selector: "mantle-imagepicker", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }, { kind: "component", type: NumberInputComponent, selector: "mantle-number-input", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }, { kind: "component", type: PasswordInputComponent, selector: "mantle-password-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: TextareaComponent, selector: "mantle-textarea", inputs: ["label", "tooltip", "rows", "disable", "required", "error"] }, { kind: "component", type: TextInputComponent, selector: "mantle-text-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: TimeInputComponent, selector: "mantle-time-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: MarkdownInputComponent, selector: "mantle-markdown-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: MultiselectInputComponent, selector: "mantle-multiselect-input", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }, { kind: "component", type: RichTextInputComponent, selector: "mantle-rich-text-input", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }, { kind: "component", type: ChartConfigInputComponent, selector: "mantle-chart-config-input", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }, { kind: "component", type: ReportConfigInputComponent, selector: "mantle-report-config-input", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }, { kind: "component", type: AutocompleteInputComponent, selector: "mantle-autocomplete-input", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: DynamicFormFieldComponent, isStandalone: false, selector: "mantle-dynamic-form-field", inputs: { field: "field", form: "form", error: "error" }, ngImport: i0, template: "<div class=\"dynamic-form-field-wrapper\" [formGroup]=\"form\">\n  <ng-container [ngSwitch]=\"field.type\">\n\n    <mantle-text-input *ngSwitchCase=\"'string'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-text-input *ngSwitchCase=\"'string-md'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-text-input *ngSwitchCase=\"'string-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-textarea *ngSwitchCase=\"'text'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [rows]=\"4\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-textarea>\n\n    <mantle-dropdown *ngSwitchCase=\"'dropdown'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-dropdown *ngSwitchCase=\"'dropdown-md'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-dropdown *ngSwitchCase=\"'dropdown-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-multiselect-input *ngSwitchCase=\"'multiselect'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-multiselect-input>\n\n    <mantle-multiselect-input *ngSwitchCase=\"'multiselect-md'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-multiselect-input>\n\n    <mantle-multiselect-input *ngSwitchCase=\"'multiselect-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-multiselect-input>\n\n    <mantle-datepicker *ngSwitchCase=\"'date'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-datepicker>\n\n    <mantle-datetimepicker *ngSwitchCase=\"'datetime'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-datetimepicker>\n\n    <mantle-time-input *ngSwitchCase=\"'time'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-time-input>\n\n    <mantle-number-input *ngSwitchCase=\"'number'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-number-input>\n\n    <mantle-number-input *ngSwitchCase=\"'currency'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-number-input>\n\n    <mantle-filepicker *ngSwitchCase=\"'file'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-filepicker>\n\n    <mantle-imagepicker *ngSwitchCase=\"'image'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-imagepicker>\n\n    <mantle-chip-input *ngSwitchCase=\"'chips'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-chip-input>\n\n    <mantle-chip-input *ngSwitchCase=\"'chips-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-chip-input>\n\n    <mantle-password-input *ngSwitchCase=\"'password'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-password-input>\n\n    <mantle-obscured-input *ngSwitchCase=\"'obscured'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-obscured-input>\n\n    <mantle-markdown-input *ngSwitchCase=\"'markdown'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-markdown-input>\n\n    <mantle-rich-text-input *ngSwitchCase=\"'rich-text'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-rich-text-input>\n\n    <mantle-autocomplete-input *ngSwitchCase=\"'autocomplete'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-autocomplete-input>\n\n    <mantle-text-input *ngSwitchCase=\"'link'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-colorpicker-input *ngSwitchCase=\"'color'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-colorpicker-input>\n\n    <mantle-chart-config-input *ngSwitchCase=\"'chart-config'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-chart-config-input>\n\n    <mantle-report-config-input *ngSwitchCase=\"'report-config'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-report-config-input>\n  </ng-container>\n</div>\n", styles: [":host,.dynamic-form-field-wrapper{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ChipInputComponent, selector: "mantle-chip-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: DatepickerComponent, selector: "mantle-datepicker", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: DatetimepickerComponent, selector: "mantle-datetimepicker", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: ColorPickerInputComponent, selector: "mantle-colorpicker-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: DropdownComponent, selector: "mantle-dropdown", inputs: ["label", "tooltip", "options", "disable", "required", "error"], outputs: ["change"] }, { kind: "component", type: FilepickerComponent, selector: "mantle-filepicker", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: ImagepickerComponent, selector: "mantle-imagepicker", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }, { kind: "component", type: NumberInputComponent, selector: "mantle-number-input", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }, { kind: "component", type: PasswordInputComponent, selector: "mantle-password-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: ObscuredInputComponent, selector: "mantle-obscured-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: TextareaComponent, selector: "mantle-textarea", inputs: ["label", "tooltip", "rows", "disable", "required", "error"] }, { kind: "component", type: TextInputComponent, selector: "mantle-text-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: TimeInputComponent, selector: "mantle-time-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: MarkdownInputComponent, selector: "mantle-markdown-input", inputs: ["label", "tooltip", "disable", "required", "error"] }, { kind: "component", type: MultiselectInputComponent, selector: "mantle-multiselect-input", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }, { kind: "component", type: RichTextInputComponent, selector: "mantle-rich-text-input", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }, { kind: "component", type: ChartConfigInputComponent, selector: "mantle-chart-config-input", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }, { kind: "component", type: ReportConfigInputComponent, selector: "mantle-report-config-input", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }, { kind: "component", type: AutocompleteInputComponent, selector: "mantle-autocomplete-input", inputs: ["label", "tooltip", "options", "disable", "required", "error"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DynamicFormFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mantle-dynamic-form-field', standalone: false, template: "<div class=\"dynamic-form-field-wrapper\" [formGroup]=\"form\">\n  <ng-container [ngSwitch]=\"field.type\">\n\n    <mantle-text-input *ngSwitchCase=\"'string'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-text-input *ngSwitchCase=\"'string-md'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-text-input *ngSwitchCase=\"'string-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-textarea *ngSwitchCase=\"'text'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [rows]=\"4\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-textarea>\n\n    <mantle-dropdown *ngSwitchCase=\"'dropdown'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-dropdown *ngSwitchCase=\"'dropdown-md'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-dropdown *ngSwitchCase=\"'dropdown-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-multiselect-input *ngSwitchCase=\"'multiselect'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-multiselect-input>\n\n    <mantle-multiselect-input *ngSwitchCase=\"'multiselect-md'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-multiselect-input>\n\n    <mantle-multiselect-input *ngSwitchCase=\"'multiselect-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-multiselect-input>\n\n    <mantle-datepicker *ngSwitchCase=\"'date'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-datepicker>\n\n    <mantle-datetimepicker *ngSwitchCase=\"'datetime'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-datetimepicker>\n\n    <mantle-time-input *ngSwitchCase=\"'time'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-time-input>\n\n    <mantle-number-input *ngSwitchCase=\"'number'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-number-input>\n\n    <mantle-number-input *ngSwitchCase=\"'currency'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-number-input>\n\n    <mantle-filepicker *ngSwitchCase=\"'file'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-filepicker>\n\n    <mantle-imagepicker *ngSwitchCase=\"'image'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-imagepicker>\n\n    <mantle-chip-input *ngSwitchCase=\"'chips'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-chip-input>\n\n    <mantle-chip-input *ngSwitchCase=\"'chips-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-chip-input>\n\n    <mantle-password-input *ngSwitchCase=\"'password'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-password-input>\n\n    <mantle-markdown-input *ngSwitchCase=\"'markdown'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-markdown-input>\n\n    <mantle-rich-text-input *ngSwitchCase=\"'rich-text'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-rich-text-input>\n\n    <mantle-autocomplete-input *ngSwitchCase=\"'autocomplete'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-autocomplete-input>\n\n    <mantle-text-input *ngSwitchCase=\"'link'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-colorpicker-input *ngSwitchCase=\"'color'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-colorpicker-input>\n\n    <mantle-chart-config-input *ngSwitchCase=\"'chart-config'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-chart-config-input>\n\n    <mantle-report-config-input *ngSwitchCase=\"'report-config'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-report-config-input>\n  </ng-container>\n</div>\n", styles: [":host,.dynamic-form-field-wrapper{display:block;width:100%;height:100%}\n"] }]
+            args: [{ selector: 'mantle-dynamic-form-field', standalone: false, template: "<div class=\"dynamic-form-field-wrapper\" [formGroup]=\"form\">\n  <ng-container [ngSwitch]=\"field.type\">\n\n    <mantle-text-input *ngSwitchCase=\"'string'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-text-input *ngSwitchCase=\"'string-md'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-text-input *ngSwitchCase=\"'string-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-textarea *ngSwitchCase=\"'text'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [rows]=\"4\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-textarea>\n\n    <mantle-dropdown *ngSwitchCase=\"'dropdown'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-dropdown *ngSwitchCase=\"'dropdown-md'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-dropdown *ngSwitchCase=\"'dropdown-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-multiselect-input *ngSwitchCase=\"'multiselect'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-multiselect-input>\n\n    <mantle-multiselect-input *ngSwitchCase=\"'multiselect-md'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-multiselect-input>\n\n    <mantle-multiselect-input *ngSwitchCase=\"'multiselect-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-multiselect-input>\n\n    <mantle-datepicker *ngSwitchCase=\"'date'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-datepicker>\n\n    <mantle-datetimepicker *ngSwitchCase=\"'datetime'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-datetimepicker>\n\n    <mantle-time-input *ngSwitchCase=\"'time'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-time-input>\n\n    <mantle-number-input *ngSwitchCase=\"'number'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-number-input>\n\n    <mantle-number-input *ngSwitchCase=\"'currency'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-number-input>\n\n    <mantle-filepicker *ngSwitchCase=\"'file'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-filepicker>\n\n    <mantle-imagepicker *ngSwitchCase=\"'image'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-imagepicker>\n\n    <mantle-chip-input *ngSwitchCase=\"'chips'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-chip-input>\n\n    <mantle-chip-input *ngSwitchCase=\"'chips-lg'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-chip-input>\n\n    <mantle-password-input *ngSwitchCase=\"'password'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-password-input>\n\n    <mantle-obscured-input *ngSwitchCase=\"'obscured'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-obscured-input>\n\n    <mantle-markdown-input *ngSwitchCase=\"'markdown'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-markdown-input>\n\n    <mantle-rich-text-input *ngSwitchCase=\"'rich-text'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-rich-text-input>\n\n    <mantle-autocomplete-input *ngSwitchCase=\"'autocomplete'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-autocomplete-input>\n\n    <mantle-text-input *ngSwitchCase=\"'link'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-text-input>\n\n    <mantle-colorpicker-input *ngSwitchCase=\"'color'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-colorpicker-input>\n\n    <mantle-chart-config-input *ngSwitchCase=\"'chart-config'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-chart-config-input>\n\n    <mantle-report-config-input *ngSwitchCase=\"'report-config'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [tooltip]=\"field.tooltip\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-report-config-input>\n  </ng-container>\n</div>\n", styles: [":host,.dynamic-form-field-wrapper{display:block;width:100%;height:100%}\n"] }]
         }], propDecorators: { field: [{
                 type: Input
             }], form: [{
@@ -7039,6 +7092,7 @@ class MantleModule {
             ImageCropperComponent,
             NumberInputComponent,
             PasswordInputComponent,
+            ObscuredInputComponent,
             TextareaComponent,
             TextInputComponent,
             TimeInputComponent,
@@ -7171,6 +7225,7 @@ class MantleModule {
             ImageCropperComponent,
             NumberInputComponent,
             PasswordInputComponent,
+            ObscuredInputComponent,
             TextareaComponent,
             TextInputComponent,
             TimeInputComponent,
@@ -7314,6 +7369,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         ImageCropperComponent,
                         NumberInputComponent,
                         PasswordInputComponent,
+                        ObscuredInputComponent,
                         TextareaComponent,
                         TextInputComponent,
                         TimeInputComponent,
@@ -7456,6 +7512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         ImageCropperComponent,
                         NumberInputComponent,
                         PasswordInputComponent,
+                        ObscuredInputComponent,
                         TextareaComponent,
                         TextInputComponent,
                         TimeInputComponent,
@@ -8634,5 +8691,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionDetailsContainerComponent, AccordionFormContainerComponent, AccordionLayoutEditorContainerComponent, ActionsAttributeDisplayComponent, AnnouncementService, ArrayService, AutocompleteInputComponent, BoardDetailsSectionComponent, BoardFormSectionComponent, COLUMN_CHART, ChartConfigInputComponent, ChartService, ChartViewerDisplayComponent, ChipAttributeDisplayComponent, ChipInputComponent, ClickStopPropagationDirective, ColorPickerInputComponent, ConfirmationService, ContentTitleComponent, CurrentUserService, CustomDashboardPageComponent, DashboardCardComponent, DashboardCardSearchMenuComponent, DashboardInfoCardComponent, DashboardLayoutEditorSectionComponent, DashboardPageComponent, DashboardSectionComponent, DashboardTableComponent, DashboardTableDataSource, DataBroadcastService, DatepickerComponent, DatetimepickerComponent, DeleteConfirmationDialogComponent, DetailPageComponent, DialogDetailsComponent, DialogFormComponent, DialogNestedDetailsComponent, DialogNestedFormComponent, DocumentsPageComponent, DraggableTableComponent, DraggableTableDataSource, DropdownComponent, DynamicAttributeDisplayComponent, DynamicBoardComponent, DynamicBoardWidgetContentComponent, DynamicChartComponent, DynamicCustomDashboardComponent, DynamicCustomDashboardContainerComponent, DynamicCustomDashboardSectionComponent, DynamicDashboardComponent, DynamicDashboardContainerComponent, DynamicDetailsComponent, DynamicDetailsContainerComponent, DynamicDetailsSectionComponent, DynamicFormComponent, DynamicFormContainerComponent, DynamicFormField, DynamicFormFieldComponent, DynamicFormSectionComponent, DynamicFormService, DynamicLayoutEditorComponent, DynamicLayoutEditorContainerComponent, DynamicLayoutEditorElementComponent, DynamicLayoutEditorSectionComponent, DynamicPipe, DynamicTableComponent, DynamicTableDataSource, DynamicWidgetDisplayComponent, ENVIRONMENT, ExportPageComponent, FeatureConfigService, FeatureGuard, FieldGridComponent, FieldGridItemDirective, FileAttributeDisplayComponent, FileDropzoneDirective, FilePreviewDialogComponent, FilepickerComponent, FormPageComponent, GANTT_CHART, GridDetailsSectionComponent, GridFormSectionComponent, GridLayoutEditorSectionComponent, IconAttributeDisplayComponent, ImageAttributeDisplayComponent, ImageCropperComponent, ImagepickerComponent, LayoutEditorFieldElementComponent, LayoutEditorPageComponent, LayoutEditorTableColumnElementComponent, LayoutEditorWidgetElementComponent, LinkAttributeDisplayComponent, ListPageComponent, ListPageDataSource, LoaderComponent, LocaleService, MANTLE_LANG_EN, MANTLE_LANG_MS, MantleModule, MapDisplayComponent, MarkdownAttributeDisplayComponent, MarkdownDetailsSectionComponent, MarkdownInputComponent, MarkdownLayoutEditorSectionComponent, MaterialModule, MultiselectDisplayComponent, MultiselectInputComponent, NavTreeComponent, NumberInputComponent, ObjectService, PIE_CHART, PROGRESS_BAR_CHART, PageTitleComponent, PasswordCheckGuard, PasswordCheckService, PasswordInputComponent, PlainCustomDashboardContainerComponent, PlainDashboardContainerComponent, PlainDetailsContainerComponent, PlainFormContainerComponent, PlainLayoutEditorContainerComponent, QrCodeDialogComponent, ReportConfigInputComponent, ReportDetailsSectionComponent, ReportViewerDisplayComponent, RerouteComponent, RichTextDisplayComponent, RichTextInputComponent, RosterPageComponent, RosterShiftListDetailsSectionComponent, RosterShiftListFormSectionComponent, SPLINE_CHART, SaveConfirmationDialogComponent, ScreenSizeMap, ScreenSizeService, SearchPanelComponent, SectionTitleComponent, SecureImagePipe, SessionGuard, SnackbarComponent, TabbedPageComponent, TableDetailsSectionComponent, TableFormSectionComponent, TableLayoutEditorSectionComponent, TextInputComponent, TextareaComponent, ThumbnailDisplayComponent, TimeInputComponent, TooltipComponent, WebApiListRequest, WebApiService, WebsocketService };
+export { AccordionDetailsContainerComponent, AccordionFormContainerComponent, AccordionLayoutEditorContainerComponent, ActionsAttributeDisplayComponent, AnnouncementService, ArrayService, AutocompleteInputComponent, BoardDetailsSectionComponent, BoardFormSectionComponent, COLUMN_CHART, ChartConfigInputComponent, ChartService, ChartViewerDisplayComponent, ChipAttributeDisplayComponent, ChipInputComponent, ClickStopPropagationDirective, ColorPickerInputComponent, ConfirmationService, ContentTitleComponent, CurrentUserService, CustomDashboardPageComponent, DashboardCardComponent, DashboardCardSearchMenuComponent, DashboardInfoCardComponent, DashboardLayoutEditorSectionComponent, DashboardPageComponent, DashboardSectionComponent, DashboardTableComponent, DashboardTableDataSource, DataBroadcastService, DatepickerComponent, DatetimepickerComponent, DeleteConfirmationDialogComponent, DetailPageComponent, DialogDetailsComponent, DialogFormComponent, DialogNestedDetailsComponent, DialogNestedFormComponent, DocumentsPageComponent, DraggableTableComponent, DraggableTableDataSource, DropdownComponent, DynamicAttributeDisplayComponent, DynamicBoardComponent, DynamicBoardWidgetContentComponent, DynamicChartComponent, DynamicCustomDashboardComponent, DynamicCustomDashboardContainerComponent, DynamicCustomDashboardSectionComponent, DynamicDashboardComponent, DynamicDashboardContainerComponent, DynamicDetailsComponent, DynamicDetailsContainerComponent, DynamicDetailsSectionComponent, DynamicFormComponent, DynamicFormContainerComponent, DynamicFormField, DynamicFormFieldComponent, DynamicFormSectionComponent, DynamicFormService, DynamicLayoutEditorComponent, DynamicLayoutEditorContainerComponent, DynamicLayoutEditorElementComponent, DynamicLayoutEditorSectionComponent, DynamicPipe, DynamicTableComponent, DynamicTableDataSource, DynamicWidgetDisplayComponent, ENVIRONMENT, ExportPageComponent, FeatureConfigService, FeatureGuard, FieldGridComponent, FieldGridItemDirective, FileAttributeDisplayComponent, FileDropzoneDirective, FilePreviewDialogComponent, FilepickerComponent, FormPageComponent, GANTT_CHART, GridDetailsSectionComponent, GridFormSectionComponent, GridLayoutEditorSectionComponent, IconAttributeDisplayComponent, ImageAttributeDisplayComponent, ImageCropperComponent, ImagepickerComponent, LayoutEditorFieldElementComponent, LayoutEditorPageComponent, LayoutEditorTableColumnElementComponent, LayoutEditorWidgetElementComponent, LinkAttributeDisplayComponent, ListPageComponent, ListPageDataSource, LoaderComponent, LocaleService, MANTLE_LANG_EN, MANTLE_LANG_MS, MantleModule, MapDisplayComponent, MarkdownAttributeDisplayComponent, MarkdownDetailsSectionComponent, MarkdownInputComponent, MarkdownLayoutEditorSectionComponent, MaterialModule, MultiselectDisplayComponent, MultiselectInputComponent, NavTreeComponent, NumberInputComponent, ObjectService, ObscuredInputComponent, PIE_CHART, PROGRESS_BAR_CHART, PageTitleComponent, PasswordCheckGuard, PasswordCheckService, PasswordInputComponent, PlainCustomDashboardContainerComponent, PlainDashboardContainerComponent, PlainDetailsContainerComponent, PlainFormContainerComponent, PlainLayoutEditorContainerComponent, QrCodeDialogComponent, ReportConfigInputComponent, ReportDetailsSectionComponent, ReportViewerDisplayComponent, RerouteComponent, RichTextDisplayComponent, RichTextInputComponent, RosterPageComponent, RosterShiftListDetailsSectionComponent, RosterShiftListFormSectionComponent, SPLINE_CHART, SaveConfirmationDialogComponent, ScreenSizeMap, ScreenSizeService, SearchPanelComponent, SectionTitleComponent, SecureImagePipe, SessionGuard, SnackbarComponent, TabbedPageComponent, TableDetailsSectionComponent, TableFormSectionComponent, TableLayoutEditorSectionComponent, TextInputComponent, TextareaComponent, ThumbnailDisplayComponent, TimeInputComponent, TooltipComponent, WebApiListRequest, WebApiService, WebsocketService };
 //# sourceMappingURL=codetectonics-mantle.mjs.map