@codetectonics/mantle 0.0.2 → 0.0.3

package/esm2015/lib/components/form/fields/datetimepicker/datetimepicker.component.js

@@ -0,0 +1,92 @@
+import { Component, forwardRef, Input } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as moment from 'moment';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "@angular/material/datepicker";
+import * as i3 from "@angular-material-components/datetime-picker";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/common";
+export class DatetimepickerComponent {
+    constructor() {
+        this.selectedDateTime = null;
+        this.modelFormat = 'YYYY-MM-DD HH:mm';
+        this.displayFormat = 'DD/MM/YYYY HH:mm';
+        this.parseFormats = [this.modelFormat, this.displayFormat];
+        this.onChange = (newDate) => { };
+        this.onTouched = () => { };
+    }
+    registerOnChange(fn) { this.onChange = fn; }
+    registerOnTouched(fn) { this.onTouched = fn; }
+    get modelValue() {
+        if (!this.selectedDateTime)
+            return '';
+        if (this.selectedDateTime.isValid())
+            return this.selectedDateTime.format(this.modelFormat);
+        return 'Invalid date';
+    }
+    writeValue(newValue) {
+        if (typeof newValue == 'string') {
+            newValue = moment(newValue, this.parseFormats).format(this.displayFormat);
+        }
+        this.onDateTimeEntered(newValue);
+    }
+    onDateTimeSelected(newValue) {
+        if (newValue)
+            newValue = newValue.format(this.displayFormat);
+        this.onDateTimeEntered(newValue);
+    }
+    onDateTimeEntered(newValue) {
+        if (newValue && newValue.type == 'change')
+            newValue = newValue.target.value;
+        this.selectedDateTime = this.getMoment(newValue);
+        var value = this.modelValue;
+        this.onChange(value);
+        if (value == 'Invalid date time') {
+            setTimeout(() => {
+                this.onDateTimeEntered(null);
+            }, 0);
+        }
+    }
+    getMoment(value) {
+        if (!value)
+            return null;
+        if (typeof value == 'string') {
+            value = moment(value, this.parseFormats);
+        }
+        return value;
+    }
+}
+DatetimepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DatetimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DatetimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DatetimepickerComponent, selector: "mantle-datetimepicker", inputs: { label: "label", disable: "disable", required: "required", error: "error" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => DatetimepickerComponent),
+            multi: true
+        }
+    ], ngImport: i0, template: "<mat-form-field [class.mat-form-field-invalid]=\"error\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput\n      [ngxMatDatetimePicker]=\"picker\"\n      [(ngModel)]=\"selectedDateTime\"\n      (change)=\"onDateTimeEntered($event)\"\n      [required]=\"required\"\n      [disabled]=\"disable\"\n      (dateChange)=\"onDateTimeSelected($event.value)\"\n      autocomplete=\"off\">\n  <mat-datepicker-toggle matSuffix [for]=\"$any(picker)\"></mat-datepicker-toggle>\n  <ngx-mat-datetime-picker #picker [defaultTime]=\"[8,0,0]\"></ngx-mat-datetime-picker>\n\n  <mat-hint *ngIf=\"error\" class=\"error-message\">{{ error }}</mat-hint>\n</mat-form-field>\n", styles: [""], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["tabIndex", "disabled", "for", "aria-label", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i3.NgxMatDatetimePicker, selector: "ngx-mat-datetime-picker", inputs: ["startView", "startAt", "defaultColor", "color", "touchUi", "hideTime", "disabled", "opened", "showSpinners", "showSeconds", "stepHour", "stepMinute", "stepSecond", "enableMeridian", "disableMinute", "defaultTime", "calendarHeaderComponent", "panelClass", "dateClass"], outputs: ["yearSelected", "monthSelected", "opened", "closed"], exportAs: ["ngxMatDatetimePicker"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i3.NgxMatDatetimeInput, selector: "input[ngxMatDatetimePicker]", inputs: ["value", "ngxMatDatetimePicker", "ngxMatDatetimePickerFilter", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["ngxMatDatetimePickerInput"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1.MatSuffix, selector: "[matSuffix]" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DatetimepickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-datetimepicker',
+                    templateUrl: './datetimepicker.component.html',
+                    styleUrls: ['./datetimepicker.component.scss'],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DatetimepickerComponent),
+                            multi: true
+                        }
+                    ]
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], disable: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXRpbWVwaWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2ZpZWxkcy9kYXRldGltZXBpY2tlci9kYXRldGltZXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vZmllbGRzL2RhdGV0aW1lcGlja2VyL2RhdGV0aW1lcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxLQUFLLE1BQU0sTUFBTSxRQUFRLENBQUM7Ozs7Ozs7O0FBY2pDLE1BQU0sT0FBTyx1QkFBdUI7SUFacEM7UUFtQlMscUJBQWdCLEdBQWtCLElBQUksQ0FBQztRQUV0QyxnQkFBVyxHQUFXLGtCQUFrQixDQUFDO1FBQ3pDLGtCQUFhLEdBQVcsa0JBQWtCLENBQUM7UUFDM0MsaUJBQVksR0FBYSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRXhFLGFBQVEsR0FBRyxDQUFDLE9BQWUsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBR3BDLGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7S0E4Q3ZCO0lBaERDLGdCQUFnQixDQUFDLEVBQTZCLElBQVUsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBRzdFLGlCQUFpQixDQUFDLEVBQWMsSUFBVSxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFFaEUsSUFBSSxVQUFVO1FBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0I7WUFBRSxPQUFPLEVBQUUsQ0FBQztRQUN0QyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUU7WUFBRSxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzNGLE9BQU8sY0FBYyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxVQUFVLENBQUMsUUFBYTtRQUN0QixJQUFJLE9BQU8sUUFBUSxJQUFJLFFBQVEsRUFBRTtZQUMvQixRQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUMzRTtRQUNELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUNsQyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsUUFBYTtRQUM5QixJQUFJLFFBQVE7WUFBRSxRQUFRLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDN0QsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxDQUFBO0lBQ2xDLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxRQUFhO1FBQzdCLElBQUksUUFBUSxJQUFJLFFBQVEsQ0FBQyxJQUFJLElBQUksUUFBUTtZQUFFLFFBQVEsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUU1RSxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVqRCxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFckIsSUFBSSxLQUFLLElBQUksbUJBQW1CLEVBQUU7WUFDaEMsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDL0IsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQ1A7SUFDSCxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQXNCO1FBQzlCLElBQUksQ0FBQyxLQUFLO1lBQUUsT0FBTyxJQUFJLENBQUM7UUFFeEIsSUFBSSxPQUFPLEtBQUssSUFBSSxRQUFRLEVBQUU7WUFDNUIsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQzFDO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDOztxSEE1RFUsdUJBQXVCO3lHQUF2Qix1QkFBdUIsc0lBUnZCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsdUJBQXVCLENBQUM7WUFDdEQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ2ZILHNwQkFlQTs0RkRFYSx1QkFBdUI7a0JBWm5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsV0FBVyxFQUFFLGlDQUFpQztvQkFDOUMsU0FBUyxFQUFFLENBQUMsaUNBQWlDLENBQUM7b0JBQzlDLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx3QkFBd0IsQ0FBQzs0QkFDdEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7aUJBQ0Y7OEJBR1UsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgZm9yd2FyZFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7XG5pbXBvcnQgKiBhcyBtb21lbnQgZnJvbSAnbW9tZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFudGxlLWRhdGV0aW1lcGlja2VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGV0aW1lcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZXRpbWVwaWNrZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBEYXRldGltZXBpY2tlckNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBEYXRldGltZXBpY2tlckNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcblxuICBASW5wdXQoKSBsYWJlbCE6IHN0cmluZztcbiAgQElucHV0KCkgZGlzYWJsZSE6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHJlcXVpcmVkITogYm9vbGVhbjtcbiAgQElucHV0KCkgZXJyb3I6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgc2VsZWN0ZWREYXRlVGltZTogTW9tZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgcHJpdmF0ZSBtb2RlbEZvcm1hdDogc3RyaW5nID0gJ1lZWVktTU0tREQgSEg6bW0nO1xuICBwcml2YXRlIGRpc3BsYXlGb3JtYXQ6IHN0cmluZyA9ICdERC9NTS9ZWVlZIEhIOm1tJztcbiAgcHJpdmF0ZSBwYXJzZUZvcm1hdHM6IHN0cmluZ1tdID0gW3RoaXMubW9kZWxGb3JtYXQsIHRoaXMuZGlzcGxheUZvcm1hdF07XG5cbiAgb25DaGFuZ2UgPSAobmV3RGF0ZTogc3RyaW5nKSA9PiB7IH07XG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IChuZXdEYXRlOiBzdHJpbmcpID0+IHZvaWQpOiB2b2lkIHsgdGhpcy5vbkNoYW5nZSA9IGZuOyB9XG5cbiAgb25Ub3VjaGVkID0gKCkgPT4geyB9O1xuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQgeyB0aGlzLm9uVG91Y2hlZCA9IGZuOyB9XG5cbiAgZ2V0IG1vZGVsVmFsdWUoKTogc3RyaW5nIHtcbiAgICBpZiAoIXRoaXMuc2VsZWN0ZWREYXRlVGltZSkgcmV0dXJuICcnO1xuICAgIGlmICh0aGlzLnNlbGVjdGVkRGF0ZVRpbWUuaXNWYWxpZCgpKSByZXR1cm4gdGhpcy5zZWxlY3RlZERhdGVUaW1lLmZvcm1hdCh0aGlzLm1vZGVsRm9ybWF0KTtcbiAgICByZXR1cm4gJ0ludmFsaWQgZGF0ZSc7XG4gIH1cblxuICB3cml0ZVZhbHVlKG5ld1ZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICBpZiAodHlwZW9mIG5ld1ZhbHVlID09ICdzdHJpbmcnKSB7XG4gICAgICBuZXdWYWx1ZSA9IG1vbWVudChuZXdWYWx1ZSwgdGhpcy5wYXJzZUZvcm1hdHMpLmZvcm1hdCh0aGlzLmRpc3BsYXlGb3JtYXQpO1xuICAgIH1cbiAgICB0aGlzLm9uRGF0ZVRpbWVFbnRlcmVkKG5ld1ZhbHVlKVxuICB9XG5cbiAgb25EYXRlVGltZVNlbGVjdGVkKG5ld1ZhbHVlOiBhbnkpIHtcbiAgICBpZiAobmV3VmFsdWUpIG5ld1ZhbHVlID0gbmV3VmFsdWUuZm9ybWF0KHRoaXMuZGlzcGxheUZvcm1hdCk7XG4gICAgdGhpcy5vbkRhdGVUaW1lRW50ZXJlZChuZXdWYWx1ZSlcbiAgfVxuXG4gIG9uRGF0ZVRpbWVFbnRlcmVkKG5ld1ZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICBpZiAobmV3VmFsdWUgJiYgbmV3VmFsdWUudHlwZSA9PSAnY2hhbmdlJykgbmV3VmFsdWUgPSBuZXdWYWx1ZS50YXJnZXQudmFsdWU7XG5cbiAgICB0aGlzLnNlbGVjdGVkRGF0ZVRpbWUgPSB0aGlzLmdldE1vbWVudChuZXdWYWx1ZSk7XG5cbiAgICB2YXIgdmFsdWUgPSB0aGlzLm1vZGVsVmFsdWU7XG4gICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XG5cbiAgICBpZiAodmFsdWUgPT0gJ0ludmFsaWQgZGF0ZSB0aW1lJykge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMub25EYXRlVGltZUVudGVyZWQobnVsbCk7XG4gICAgICB9LCAwKTtcbiAgICB9XG4gIH1cblxuICBnZXRNb21lbnQodmFsdWU6IHN0cmluZyB8IE1vbWVudCk6IE1vbWVudCB8IG51bGwge1xuICAgIGlmICghdmFsdWUpIHJldHVybiBudWxsO1xuXG4gICAgaWYgKHR5cGVvZiB2YWx1ZSA9PSAnc3RyaW5nJykge1xuICAgICAgdmFsdWUgPSBtb21lbnQodmFsdWUsIHRoaXMucGFyc2VGb3JtYXRzKTtcbiAgICB9XG5cbiAgICByZXR1cm4gdmFsdWU7XG4gIH1cblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFtjbGFzcy5tYXQtZm9ybS1maWVsZC1pbnZhbGlkXT1cImVycm9yXCI+XG4gIDxtYXQtbGFiZWw+e3sgbGFiZWwgfX08L21hdC1sYWJlbD5cbiAgPGlucHV0IG1hdElucHV0XG4gICAgICBbbmd4TWF0RGF0ZXRpbWVQaWNrZXJdPVwicGlja2VyXCJcbiAgICAgIFsobmdNb2RlbCldPVwic2VsZWN0ZWREYXRlVGltZVwiXG4gICAgICAoY2hhbmdlKT1cIm9uRGF0ZVRpbWVFbnRlcmVkKCRldmVudClcIlxuICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlXCJcbiAgICAgIChkYXRlQ2hhbmdlKT1cIm9uRGF0ZVRpbWVTZWxlY3RlZCgkZXZlbnQudmFsdWUpXCJcbiAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiPlxuICA8bWF0LWRhdGVwaWNrZXItdG9nZ2xlIG1hdFN1ZmZpeCBbZm9yXT1cIiRhbnkocGlja2VyKVwiPjwvbWF0LWRhdGVwaWNrZXItdG9nZ2xlPlxuICA8bmd4LW1hdC1kYXRldGltZS1waWNrZXIgI3BpY2tlciBbZGVmYXVsdFRpbWVdPVwiWzgsMCwwXVwiPjwvbmd4LW1hdC1kYXRldGltZS1waWNrZXI+XG5cbiAgPG1hdC1oaW50ICpuZ0lmPVwiZXJyb3JcIiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIj57eyBlcnJvciB9fTwvbWF0LWhpbnQ+XG48L21hdC1mb3JtLWZpZWxkPlxuIl19

package/esm2015/lib/components/form/fields/dropdown/dropdown.component.js

@@ -0,0 +1,73 @@
+import { Component, Input, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "@angular/material/select";
+import * as i3 from "@angular/material/core";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/common";
+export class DropdownComponent {
+    constructor() {
+        this.value = null;
+        this.dropdownValues = [];
+        this.onChange = (newValue) => { };
+        this.onTouched = () => { };
+    }
+    registerOnChange(fn) { this.onChange = fn; }
+    registerOnTouched(fn) { this.onTouched = fn; }
+    ngOnChanges(changes) {
+        this.filterDropdownValues();
+    }
+    writeValue(newValue) {
+        this.value = newValue;
+        if (this.value !== null && this.value !== undefined) {
+            this.value = String(this.value);
+        }
+        this.onChange(this.value);
+        this.filterDropdownValues();
+    }
+    onValueChanged(event) {
+        this.onChange(this.value);
+    }
+    filterDropdownValues() {
+        this.dropdownValues = this.options.values.filter((item) => {
+            if (item.value == this.value)
+                return true;
+            return !item.hidden;
+        });
+    }
+}
+DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DropdownComponent, selector: "mantle-dropdown", inputs: { label: "label", options: "options", disable: "disable", required: "required", error: "error" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => DropdownComponent),
+            multi: true
+        }
+    ], usesOnChanges: true, ngImport: i0, template: "<mat-form-field [class.mat-form-field-invalid]=\"error\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select\n      [(ngModel)]=\"value\"\n      (selectionChange)=\"onValueChanged($event)\"\n      [required]=\"required\"\n      [disabled]=\"disable\">\n    <mat-option value=\"\"></mat-option>\n    <mat-option *ngFor=\"let option of dropdownValues\" [value]=\"option.value\">\n      {{option.label}}\n    </mat-option>\n  </mat-select>\n\n  <mat-hint *ngIf=\"error\" class=\"error-message\">{{ error }}</mat-hint>\n</mat-form-field>\n", styles: [""], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-dropdown',
+                    templateUrl: './dropdown.component.html',
+                    styleUrls: ['./dropdown.component.scss'],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DropdownComponent),
+                            multi: true
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], disable: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2ZpZWxkcy9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vZmllbGRzL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7QUFjekUsTUFBTSxPQUFPLGlCQUFpQjtJQVc1QjtRQUhPLFVBQUssR0FBUSxJQUFJLENBQUM7UUFDbEIsbUJBQWMsR0FBdUMsRUFBRSxDQUFDO1FBSS9ELGFBQVEsR0FBRyxDQUFDLFFBQWdCLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUdyQyxjQUFTLEdBQUcsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBTE4sQ0FBQztJQUdqQixnQkFBZ0IsQ0FBQyxFQUE4QixJQUFVLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUc5RSxpQkFBaUIsQ0FBQyxFQUFjLElBQVUsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBRWhFLFdBQVcsQ0FBQyxPQUFZO1FBQ3RCLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxVQUFVLENBQUMsUUFBYTtRQUN0QixJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQztRQUN0QixJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUyxFQUFFO1lBQ25ELElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNqQztRQUNELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRTFCLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBVTtRQUN2QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsb0JBQW9CO1FBQ2xCLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDeEQsSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLO2dCQUFFLE9BQU8sSUFBSSxDQUFDO1lBQzFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7K0dBMUNVLGlCQUFpQjttR0FBakIsaUJBQWlCLG9KQVJqQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGlCQUFpQixDQUFDO1lBQ2hELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRiwrQ0NiSCwyaEJBZUE7NEZEQWEsaUJBQWlCO2tCQVo3QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFdBQVcsRUFBRSwyQkFBMkI7b0JBQ3hDLFNBQVMsRUFBRSxDQUFDLDJCQUEyQixDQUFDO29CQUN4QyxTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsa0JBQWtCLENBQUM7NEJBQ2hELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO2lCQUNGOzBFQUdVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYW50bGUtZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kcm9wZG93bi5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IERyb3Bkb3duQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlXG4gICAgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuXG4gIEBJbnB1dCgpIGxhYmVsITogc3RyaW5nO1xuICBASW5wdXQoKSBvcHRpb25zITogeyB2YWx1ZXM6IHsgbGFiZWw6IHN0cmluZywgdmFsdWU6IHN0cmluZywgaGlkZGVuOiBib29sZWFuIH1bXSB9O1xuICBASW5wdXQoKSBkaXNhYmxlITogYm9vbGVhbjtcbiAgQElucHV0KCkgcmVxdWlyZWQhOiBib29sZWFuO1xuICBASW5wdXQoKSBlcnJvcjogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyB2YWx1ZTogYW55ID0gbnVsbDtcbiAgcHVibGljIGRyb3Bkb3duVmFsdWVzOiB7IGxhYmVsOiBzdHJpbmcsIHZhbHVlOiBzdHJpbmcgfVtdID0gW107XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBvbkNoYW5nZSA9IChuZXdWYWx1ZTogc3RyaW5nKSA9PiB7IH07XG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IChuZXdWYWx1ZTogc3RyaW5nKSA9PiB2b2lkKTogdm9pZCB7IHRoaXMub25DaGFuZ2UgPSBmbjsgfVxuXG4gIG9uVG91Y2hlZCA9ICgpID0+IHsgfTtcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpOiB2b2lkIHsgdGhpcy5vblRvdWNoZWQgPSBmbjsgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IGFueSk6IHZvaWQge1xuICAgIHRoaXMuZmlsdGVyRHJvcGRvd25WYWx1ZXMoKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUobmV3VmFsdWU6IGFueSk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSBuZXdWYWx1ZTtcbiAgICBpZiAodGhpcy52YWx1ZSAhPT0gbnVsbCAmJiB0aGlzLnZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMudmFsdWUgPSBTdHJpbmcodGhpcy52YWx1ZSk7XG4gICAgfVxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG5cbiAgICB0aGlzLmZpbHRlckRyb3Bkb3duVmFsdWVzKCk7XG4gIH1cblxuICBvblZhbHVlQ2hhbmdlZChldmVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIGZpbHRlckRyb3Bkb3duVmFsdWVzKCkge1xuICAgIHRoaXMuZHJvcGRvd25WYWx1ZXMgPSB0aGlzLm9wdGlvbnMudmFsdWVzLmZpbHRlcigoaXRlbSkgPT4ge1xuICAgICAgaWYgKGl0ZW0udmFsdWUgPT0gdGhpcy52YWx1ZSkgcmV0dXJuIHRydWU7XG4gICAgICByZXR1cm4gIWl0ZW0uaGlkZGVuO1xuICAgIH0pO1xuICB9XG5cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBbY2xhc3MubWF0LWZvcm0tZmllbGQtaW52YWxpZF09XCJlcnJvclwiPlxuICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG4gIDxtYXQtc2VsZWN0XG4gICAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcbiAgICAgIChzZWxlY3Rpb25DaGFuZ2UpPVwib25WYWx1ZUNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVcIj5cbiAgICA8bWF0LW9wdGlvbiB2YWx1ZT1cIlwiPjwvbWF0LW9wdGlvbj5cbiAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGRyb3Bkb3duVmFsdWVzXCIgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPlxuICAgICAge3tvcHRpb24ubGFiZWx9fVxuICAgIDwvbWF0LW9wdGlvbj5cbiAgPC9tYXQtc2VsZWN0PlxuXG4gIDxtYXQtaGludCAqbmdJZj1cImVycm9yXCIgY2xhc3M9XCJlcnJvci1tZXNzYWdlXCI+e3sgZXJyb3IgfX08L21hdC1oaW50PlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==

package/esm2015/lib/components/form/fields/dynamic-form-field/dynamic-form-field.component.js

@@ -0,0 +1,37 @@
+import { Component, Input } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { DynamicFormField } from '../../../../services/dynamic-form.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../text-input/text-input.component";
+import * as i2 from "../textarea/textarea.component";
+import * as i3 from "../dropdown/dropdown.component";
+import * as i4 from "../datepicker/datepicker.component";
+import * as i5 from "../datetimepicker/datetimepicker.component";
+import * as i6 from "../number-input/number-input.component";
+import * as i7 from "../filepicker/filepicker.component";
+import * as i8 from "../imagepicker/imagepicker.component";
+import * as i9 from "../chip-input/chip-input.component";
+import * as i10 from "../password-input/password-input.component";
+import * as i11 from "../markdown-input/markdown-input.component";
+import * as i12 from "../autocomplete-input/autocomplete-input.component";
+import * as i13 from "@angular/forms";
+import * as i14 from "@angular/common";
+export class DynamicFormFieldComponent {
+}
+DynamicFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DynamicFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicFormFieldComponent, selector: "mantle-dynamic-form-field", inputs: { field: "field", form: "form", error: "error" }, ngImport: i0, template: "<div [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        [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        [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        [rows]=\"6\"\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        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-dropdown>\n\n    <mantle-datepicker *ngSwitchCase=\"'date'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\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        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-datetimepicker>\n\n    <mantle-number-input *ngSwitchCase=\"'number'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\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        [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        [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        [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        [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        [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        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-markdown-input>\n\n    <mantle-autocomplete-input *ngSwitchCase=\"'autocomplete'\"\n        [id]=\"field.attr\"\n        [formControlName]=\"field.attr\"\n        [label]=\"field.label\"\n        [options]=\"field.options\"\n        [required]=\"field.required\"\n        [disable]=\"field.disabled\"\n        [error]=\"error\">\n    </mantle-autocomplete-input>\n\n  </ng-container>\n</div>\n", styles: [""], components: [{ type: i1.TextInputComponent, selector: "mantle-text-input", inputs: ["label", "disable", "required", "error"] }, { type: i2.TextareaComponent, selector: "mantle-textarea", inputs: ["label", "rows", "disable", "required", "error"] }, { type: i3.DropdownComponent, selector: "mantle-dropdown", inputs: ["label", "options", "disable", "required", "error"] }, { type: i4.DatepickerComponent, selector: "mantle-datepicker", inputs: ["label", "disable", "required", "error"] }, { type: i5.DatetimepickerComponent, selector: "mantle-datetimepicker", inputs: ["label", "disable", "required", "error"] }, { type: i6.NumberInputComponent, selector: "mantle-number-input", inputs: ["label", "options", "disable", "required", "error"] }, { type: i7.FilepickerComponent, selector: "mantle-filepicker", inputs: ["label", "disable", "required", "error"] }, { type: i8.ImagepickerComponent, selector: "mantle-imagepicker", inputs: ["label", "options", "disable", "required", "error"] }, { type: i9.ChipInputComponent, selector: "mantle-chip-input", inputs: ["label", "disable", "required", "error"] }, { type: i10.PasswordInputComponent, selector: "mantle-password-input", inputs: ["label", "disable", "required", "error"] }, { type: i11.MarkdownInputComponent, selector: "mantle-markdown-input", inputs: ["label", "disable", "required", "error"] }, { type: i12.AutocompleteInputComponent, selector: "mantle-autocomplete-input", inputs: ["label", "options", "disable", "required", "error"] }], directives: [{ type: i13.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i13.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i14.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i14.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i13.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i13.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-dynamic-form-field',
+                    templateUrl: './dynamic-form-field.component.html',
+                    styleUrls: ['./dynamic-form-field.component.scss']
+                }]
+        }], propDecorators: { field: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hbnRsZS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9maWVsZHMvZHluYW1pYy1mb3JtLWZpZWxkL2R5bmFtaWMtZm9ybS1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vZmllbGRzL2R5bmFtaWMtZm9ybS1maWVsZC9keW5hbWljLWZvcm0tZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7O0FBTzdFLE1BQU0sT0FBTyx5QkFBeUI7O3VIQUF6Qix5QkFBeUI7MkdBQXpCLHlCQUF5QiwySENUdEMsc3dJQXdJQTs0RkQvSGEseUJBQXlCO2tCQUxyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFdBQVcsRUFBRSxxQ0FBcUM7b0JBQ2xELFNBQVMsRUFBRSxDQUFDLHFDQUFxQyxDQUFDO2lCQUNuRDs4QkFHVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IER5bmFtaWNGb3JtRmllbGQgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9keW5hbWljLWZvcm0uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hbnRsZS1keW5hbWljLWZvcm0tZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZHluYW1pYy1mb3JtLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHluYW1pYy1mb3JtLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRHluYW1pY0Zvcm1GaWVsZENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgZmllbGQhOiBEeW5hbWljRm9ybUZpZWxkO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBlcnJvcjogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG59XG4iLCI8ZGl2IFtmb3JtR3JvdXBdPVwiZm9ybVwiPlxuICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJmaWVsZC50eXBlXCI+XG5cbiAgICA8bWFudGxlLXRleHQtaW5wdXQgKm5nU3dpdGNoQ2FzZT1cIidzdHJpbmcnXCJcbiAgICAgICAgW2lkXT1cImZpZWxkLmF0dHJcIlxuICAgICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cImZpZWxkLmF0dHJcIlxuICAgICAgICBbbGFiZWxdPVwiZmllbGQubGFiZWxcIlxuICAgICAgICBbcmVxdWlyZWRdPVwiZmllbGQucmVxdWlyZWRcIlxuICAgICAgICBbZGlzYWJsZV09XCJmaWVsZC5kaXNhYmxlZFwiXG4gICAgICAgIFtlcnJvcl09XCJlcnJvclwiPlxuICAgIDwvbWFudGxlLXRleHQtaW5wdXQ+XG5cbiAgICA8bWFudGxlLXRleHQtaW5wdXQgKm5nU3dpdGNoQ2FzZT1cIidzdHJpbmctbGcnXCJcbiAgICAgICAgW2lkXT1cImZpZWxkLmF0dHJcIlxuICAgICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cImZpZWxkLmF0dHJcIlxuICAgICAgICBbbGFiZWxdPVwiZmllbGQubGFiZWxcIlxuICAgICAgICBbcmVxdWlyZWRdPVwiZmllbGQucmVxdWlyZWRcIlxuICAgICAgICBbZGlzYWJsZV09XCJmaWVsZC5kaXNhYmxlZFwiXG4gICAgICAgIFtlcnJvcl09XCJlcnJvclwiPlxuICAgIDwvbWFudGxlLXRleHQtaW5wdXQ+XG5cbiAgICA8bWFudGxlLXRleHRhcmVhICpuZ1N3aXRjaENhc2U9XCIndGV4dCdcIlxuICAgICAgICBbaWRdPVwiZmllbGQuYXR0clwiXG4gICAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwiZmllbGQuYXR0clwiXG4gICAgICAgIFtsYWJlbF09XCJmaWVsZC5sYWJlbFwiXG4gICAgICAgIFtyb3dzXT1cIjZcIlxuICAgICAgICBbcmVxdWlyZWRdPVwiZmllbGQucmVxdWlyZWRcIlxuICAgICAgICBbZGlzYWJsZV09XCJmaWVsZC5kaXNhYmxlZFwiXG4gICAgICAgIFtlcnJvcl09XCJlcnJvclwiPlxuICAgIDwvbWFudGxlLXRleHRhcmVhPlxuXG4gICAgPG1hbnRsZS1kcm9wZG93biAqbmdTd2l0Y2hDYXNlPVwiJ2Ryb3Bkb3duJ1wiXG4gICAgICAgIFtpZF09XCJmaWVsZC5hdHRyXCJcbiAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJmaWVsZC5hdHRyXCJcbiAgICAgICAgW2xhYmVsXT1cImZpZWxkLmxhYmVsXCJcbiAgICAgICAgW29wdGlvbnNdPVwiZmllbGQub3B0aW9uc1wiXG4gICAgICAgIFtyZXF1aXJlZF09XCJmaWVsZC5yZXF1aXJlZFwiXG4gICAgICAgIFtkaXNhYmxlXT1cImZpZWxkLmRpc2FibGVkXCJcbiAgICAgICAgW2Vycm9yXT1cImVycm9yXCI+XG4gICAgPC9tYW50bGUtZHJvcGRvd24+XG5cbiAgICA8bWFudGxlLWRhdGVwaWNrZXIgKm5nU3dpdGNoQ2FzZT1cIidkYXRlJ1wiXG4gICAgICAgIFtpZF09XCJmaWVsZC5hdHRyXCJcbiAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJmaWVsZC5hdHRyXCJcbiAgICAgICAgW2xhYmVsXT1cImZpZWxkLmxhYmVsXCJcbiAgICAgICAgW3JlcXVpcmVkXT1cImZpZWxkLnJlcXVpcmVkXCJcbiAgICAgICAgW2Rpc2FibGVdPVwiZmllbGQuZGlzYWJsZWRcIlxuICAgICAgICBbZXJyb3JdPVwiZXJyb3JcIj5cbiAgICA8L21hbnRsZS1kYXRlcGlja2VyPlxuXG4gICAgPG1hbnRsZS1kYXRldGltZXBpY2tlciAqbmdTd2l0Y2hDYXNlPVwiJ2RhdGV0aW1lJ1wiXG4gICAgICAgIFtpZF09XCJmaWVsZC5hdHRyXCJcbiAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJmaWVsZC5hdHRyXCJcbiAgICAgICAgW2xhYmVsXT1cImZpZWxkLmxhYmVsXCJcbiAgICAgICAgW3JlcXVpcmVkXT1cImZpZWxkLnJlcXVpcmVkXCJcbiAgICAgICAgW2Rpc2FibGVdPVwiZmllbGQuZGlzYWJsZWRcIlxuICAgICAgICBbZXJyb3JdPVwiZXJyb3JcIj5cbiAgICA8L21hbnRsZS1kYXRldGltZXBpY2tlcj5cblxuICAgIDxtYW50bGUtbnVtYmVyLWlucHV0ICpuZ1N3aXRjaENhc2U9XCInbnVtYmVyJ1wiXG4gICAgICAgIFtpZF09XCJmaWVsZC5hdHRyXCJcbiAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJmaWVsZC5hdHRyXCJcbiAgICAgICAgW2xhYmVsXT1cImZpZWxkLmxhYmVsXCJcbiAgICAgICAgW29wdGlvbnNdPVwiZmllbGQub3B0aW9uc1wiXG4gICAgICAgIFtyZXF1aXJlZF09XCJmaWVsZC5yZXF1aXJlZFwiXG4gICAgICAgIFtkaXNhYmxlXT1cImZpZWxkLmRpc2FibGVkXCJcbiAgICAgICAgW2Vycm9yXT1cImVycm9yXCI+XG4gICAgPC9tYW50bGUtbnVtYmVyLWlucHV0PlxuXG4gICAgPG1hbnRsZS1udW1iZXItaW5wdXQgKm5nU3dpdGNoQ2FzZT1cIidjdXJyZW5jeSdcIlxuICAgICAgICBbaWRdPVwiZmllbGQuYXR0clwiXG4gICAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwiZmllbGQuYXR0clwiXG4gICAgICAgIFtsYWJlbF09XCJmaWVsZC5sYWJlbFwiXG4gICAgICAgIFtyZXF1aXJlZF09XCJmaWVsZC5yZXF1aXJlZFwiXG4gICAgICAgIFtkaXNhYmxlXT1cImZpZWxkLmRpc2FibGVkXCJcbiAgICAgICAgW2Vycm9yXT1cImVycm9yXCI+XG4gICAgPC9tYW50bGUtbnVtYmVyLWlucHV0PlxuXG4gICAgPG1hbnRsZS1maWxlcGlja2VyICpuZ1N3aXRjaENhc2U9XCInZmlsZSdcIlxuICAgICAgICBbaWRdPVwiZmllbGQuYXR0clwiXG4gICAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwiZmllbGQuYXR0clwiXG4gICAgICAgIFtsYWJlbF09XCJmaWVsZC5sYWJlbFwiXG4gICAgICAgIFtyZXF1aXJlZF09XCJmaWVsZC5yZXF1aXJlZFwiXG4gICAgICAgIFtkaXNhYmxlXT1cImZpZWxkLmRpc2FibGVkXCJcbiAgICAgICAgW2Vycm9yXT1cImVycm9yXCI+XG4gICAgPC9tYW50bGUtZmlsZXBpY2tlcj5cblxuICAgIDxtYW50bGUtaW1hZ2VwaWNrZXIgKm5nU3dpdGNoQ2FzZT1cIidpbWFnZSdcIlxuICAgICAgICBbaWRdPVwiZmllbGQuYXR0clwiXG4gICAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwiZmllbGQuYXR0clwiXG4gICAgICAgIFtsYWJlbF09XCJmaWVsZC5sYWJlbFwiXG4gICAgICAgIFtvcHRpb25zXT1cImZpZWxkLm9wdGlvbnNcIlxuICAgICAgICBbcmVxdWlyZWRdPVwiZmllbGQucmVxdWlyZWRcIlxuICAgICAgICBbZGlzYWJsZV09XCJmaWVsZC5kaXNhYmxlZFwiXG4gICAgICAgIFtlcnJvcl09XCJlcnJvclwiPlxuICAgIDwvbWFudGxlLWltYWdlcGlja2VyPlxuXG4gICAgPG1hbnRsZS1jaGlwLWlucHV0ICpuZ1N3aXRjaENhc2U9XCInY2hpcHMnXCJcbiAgICAgICAgW2lkXT1cImZpZWxkLmF0dHJcIlxuICAgICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cImZpZWxkLmF0dHJcIlxuICAgICAgICBbbGFiZWxdPVwiZmllbGQubGFiZWxcIlxuICAgICAgICBbcmVxdWlyZWRdPVwiZmllbGQucmVxdWlyZWRcIlxuICAgICAgICBbZGlzYWJsZV09XCJmaWVsZC5kaXNhYmxlZFwiXG4gICAgICAgIFtlcnJvcl09XCJlcnJvclwiPlxuICAgIDwvbWFudGxlLWNoaXAtaW5wdXQ+XG5cbiAgICA8bWFudGxlLXBhc3N3b3JkLWlucHV0ICpuZ1N3aXRjaENhc2U9XCIncGFzc3dvcmQnXCJcbiAgICAgICAgW2lkXT1cImZpZWxkLmF0dHJcIlxuICAgICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cImZpZWxkLmF0dHJcIlxuICAgICAgICBbbGFiZWxdPVwiZmllbGQubGFiZWxcIlxuICAgICAgICBbcmVxdWlyZWRdPVwiZmllbGQucmVxdWlyZWRcIlxuICAgICAgICBbZGlzYWJsZV09XCJmaWVsZC5kaXNhYmxlZFwiXG4gICAgICAgIFtlcnJvcl09XCJlcnJvclwiPlxuICAgIDwvbWFudGxlLXBhc3N3b3JkLWlucHV0PlxuXG4gICAgPG1hbnRsZS1tYXJrZG93bi1pbnB1dCAqbmdTd2l0Y2hDYXNlPVwiJ21hcmtkb3duJ1wiXG4gICAgICAgIFtpZF09XCJmaWVsZC5hdHRyXCJcbiAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJmaWVsZC5hdHRyXCJcbiAgICAgICAgW2xhYmVsXT1cImZpZWxkLmxhYmVsXCJcbiAgICAgICAgW3JlcXVpcmVkXT1cImZpZWxkLnJlcXVpcmVkXCJcbiAgICAgICAgW2Rpc2FibGVdPVwiZmllbGQuZGlzYWJsZWRcIlxuICAgICAgICBbZXJyb3JdPVwiZXJyb3JcIj5cbiAgICA8L21hbnRsZS1tYXJrZG93bi1pbnB1dD5cblxuICAgIDxtYW50bGUtYXV0b2NvbXBsZXRlLWlucHV0ICpuZ1N3aXRjaENhc2U9XCInYXV0b2NvbXBsZXRlJ1wiXG4gICAgICAgIFtpZF09XCJmaWVsZC5hdHRyXCJcbiAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJmaWVsZC5hdHRyXCJcbiAgICAgICAgW2xhYmVsXT1cImZpZWxkLmxhYmVsXCJcbiAgICAgICAgW29wdGlvbnNdPVwiZmllbGQub3B0aW9uc1wiXG4gICAgICAgIFtyZXF1aXJlZF09XCJmaWVsZC5yZXF1aXJlZFwiXG4gICAgICAgIFtkaXNhYmxlXT1cImZpZWxkLmRpc2FibGVkXCJcbiAgICAgICAgW2Vycm9yXT1cImVycm9yXCI+XG4gICAgPC9tYW50bGUtYXV0b2NvbXBsZXRlLWlucHV0PlxuXG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=

package/esm2015/lib/components/form/fields/filepicker/filepicker.component.js

@@ -0,0 +1,97 @@
+import { Component, Input, forwardRef, ViewChild, ElementRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { WebApiService } from '../../../../services/web-api.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../services/web-api.service";
+import * as i2 from "@angular/material/form-field";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/progress-spinner";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@angular/common";
+import * as i8 from "../../../../directives/click-stop-propagation.directive";
+export class FilepickerComponent {
+    constructor(webApiService) {
+        this.webApiService = webApiService;
+        this.onChange = (newValue) => { };
+        this.onTouched = () => { };
+    }
+    registerOnChange(fn) { this.onChange = fn; }
+    registerOnTouched(fn) { this.onTouched = fn; }
+    writeValue(newValue) {
+        this.currentAttachment = this.previousAttachment = newValue;
+        this.onChange(newValue);
+    }
+    onFileSelected(event) {
+        if (!event.target.files || !event.target.files[0])
+            return;
+        const file = event.target.files[0];
+        this.uploadInProgress = true;
+        this.webApiService.upload(file, (response) => {
+            this.currentAttachment = {
+                filename: file.name,
+                source_url: '',
+                preview_url: '',
+                signed_id: response.signed_id
+            };
+            this.onChange(this.currentAttachment);
+            this.uploadInProgress = false;
+        }, (response) => {
+            this.reset();
+            this.error = 'Unable to upload file';
+            this.uploadInProgress = false;
+        });
+    }
+    clearAttachment() {
+        if (this.fileInput)
+            this.fileInput.nativeElement.value = '';
+        this.currentAttachment = {
+            filename: '',
+            source_url: '',
+            preview_url: '',
+            signed_id: null
+        };
+        this.onChange(this.currentAttachment);
+    }
+    reset() {
+        if (this.fileInput)
+            this.fileInput.nativeElement.value = '';
+        this.currentAttachment = this.previousAttachment;
+        this.onChange(undefined);
+    }
+}
+FilepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FilepickerComponent, deps: [{ token: i1.WebApiService }], target: i0.ɵɵFactoryTarget.Component });
+FilepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FilepickerComponent, selector: "mantle-filepicker", inputs: { label: "label", disable: "disable", required: "required", error: "error" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => FilepickerComponent),
+            multi: true
+        }
+    ], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<mat-form-field [class.mat-form-field-invalid]=\"error\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput\n      type=\"text\"\n      [attr.value]=\"currentAttachment?.filename\"\n      (click)=\"fileInput.click()\"\n      [required]=\"required\"\n      [disabled]=\"disable\"\n      autocomplete=\"off\">\n\n  <button *ngIf=\"currentAttachment?.filename\" mat-icon-button matSuffix (click)=\"clearAttachment()\" [disabled]=\"disable\" click-stop-propagation>\n    <mat-icon>close</mat-icon>\n  </button>\n\n  <button *ngIf=\"!uploadInProgress\" mat-icon-button matSuffix (click)=\"fileInput.click()\" [disabled]=\"disable\">\n    <mat-icon>attach_file</mat-icon>\n  </button>\n\n  <mat-spinner *ngIf=\"uploadInProgress\" matSuffix [diameter]=\"18\"></mat-spinner>\n\n  <input #fileInput\n      type=\"file\"\n      hidden\n      (change)=\"onFileSelected($event)\">\n\n  <mat-hint *ngIf=\"error\" class=\"error-message\">{{ error }}</mat-hint>\n</mat-form-field>\n", styles: [""], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i2.MatLabel, selector: "mat-label" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatSuffix, selector: "[matSuffix]" }, { type: i8.ClickStopPropagationDirective, selector: "[click-stop-propagation]" }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FilepickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-filepicker',
+                    templateUrl: './filepicker.component.html',
+                    styleUrls: ['./filepicker.component.scss'],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FilepickerComponent),
+                            multi: true
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.WebApiService }]; }, propDecorators: { fileInput: [{
+                type: ViewChild,
+                args: ['fileInput']
+            }], label: [{
+                type: Input
+            }], disable: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vZmllbGRzL2ZpbGVwaWNrZXIvZmlsZXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vZmllbGRzL2ZpbGVwaWNrZXIvZmlsZXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOzs7Ozs7Ozs7O0FBY3JFLE1BQU0sT0FBTyxtQkFBbUI7SUFhOUIsWUFBb0IsYUFBNEI7UUFBNUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFFaEQsYUFBUSxHQUFHLENBQUMsUUFBb0MsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBR3pELGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFMOEIsQ0FBQztJQUdyRCxnQkFBZ0IsQ0FBQyxFQUFrRCxJQUFVLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUdsRyxpQkFBaUIsQ0FBQyxFQUFjLElBQVUsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBRWhFLFVBQVUsQ0FBQyxRQUF3QjtRQUNqQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixHQUFHLFFBQVEsQ0FBQztRQUM1RCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBVTtRQUN2QixJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7WUFBRSxPQUFPO1FBRTFELE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRW5DLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFFN0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUM1QixDQUFDLFFBQWEsRUFBRSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxpQkFBaUIsR0FBRztnQkFDdkIsUUFBUSxFQUFFLElBQUksQ0FBQyxJQUFJO2dCQUNuQixVQUFVLEVBQUUsRUFBRTtnQkFDZCxXQUFXLEVBQUUsRUFBRTtnQkFDZixTQUFTLEVBQUUsUUFBUSxDQUFDLFNBQVM7YUFDOUIsQ0FBQTtZQUNELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7WUFDdEMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztRQUNoQyxDQUFDLEVBQ0QsQ0FBQyxRQUFhLEVBQUUsRUFBRTtZQUNoQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDYixJQUFJLENBQUMsS0FBSyxHQUFHLHVCQUF1QixDQUFDO1lBQ3JDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDaEMsQ0FBQyxDQUNGLENBQUM7SUFDSixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFNBQVM7WUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQzVELElBQUksQ0FBQyxpQkFBaUIsR0FBRztZQUN2QixRQUFRLEVBQUUsRUFBRTtZQUNaLFVBQVUsRUFBRSxFQUFFO1lBQ2QsV0FBVyxFQUFFLEVBQUU7WUFDZixTQUFTLEVBQUUsSUFBSTtTQUNoQixDQUFBO1FBQ0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksSUFBSSxDQUFDLFNBQVM7WUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQzVELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUM7UUFDakQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUMzQixDQUFDOztpSEFuRVUsbUJBQW1CO3FHQUFuQixtQkFBbUIsa0lBUm5CO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7WUFDbEQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLGtJQ2ZILGc5QkEyQkE7NEZEVmEsbUJBQW1CO2tCQVovQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFdBQVcsRUFBRSw2QkFBNkI7b0JBQzFDLFNBQVMsRUFBRSxDQUFDLDZCQUE2QixDQUFDO29CQUMxQyxTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsb0JBQW9CLENBQUM7NEJBQ2xELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO2lCQUNGO29HQUd5QixTQUFTO3NCQUFoQyxTQUFTO3VCQUFDLFdBQVc7Z0JBRWIsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGZvcndhcmRSZWYsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRmlsZUF0dGFjaG1lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9kYXRhLXN0cnVjdHVyZXMvZmlsZS1hdHRhY2htZW50LnN0cnVjdHVyZSc7XG5pbXBvcnQgeyBXZWJBcGlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvd2ViLWFwaS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFudGxlLWZpbGVwaWNrZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsZXBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbGVwaWNrZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBGaWxlcGlja2VyQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlXG4gICAgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVwaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG5cbiAgQFZpZXdDaGlsZCgnZmlsZUlucHV0JykgZmlsZUlucHV0ITogRWxlbWVudFJlZjtcblxuICBASW5wdXQoKSBsYWJlbCE6IHN0cmluZztcbiAgQElucHV0KCkgZGlzYWJsZSE6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHJlcXVpcmVkITogYm9vbGVhbjtcbiAgQElucHV0KCkgZXJyb3I6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgcHJldmlvdXNBdHRhY2htZW50OiBGaWxlQXR0YWNobWVudCB8IHVuZGVmaW5lZDtcbiAgcHVibGljIGN1cnJlbnRBdHRhY2htZW50OiBGaWxlQXR0YWNobWVudCB8IHVuZGVmaW5lZDtcbiAgcHVibGljIHVwbG9hZEluUHJvZ3Jlc3MhOiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgd2ViQXBpU2VydmljZTogV2ViQXBpU2VydmljZSkgeyB9XG5cbiAgb25DaGFuZ2UgPSAobmV3VmFsdWU6IEZpbGVBdHRhY2htZW50IHwgdW5kZWZpbmVkKSA9PiB7IH07XG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IChuZXdWYWx1ZTogRmlsZUF0dGFjaG1lbnQgfCB1bmRlZmluZWQpID0+IHZvaWQpOiB2b2lkIHsgdGhpcy5vbkNoYW5nZSA9IGZuOyB9XG5cbiAgb25Ub3VjaGVkID0gKCkgPT4geyB9O1xuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQgeyB0aGlzLm9uVG91Y2hlZCA9IGZuOyB9XG5cbiAgd3JpdGVWYWx1ZShuZXdWYWx1ZTogRmlsZUF0dGFjaG1lbnQpOiB2b2lkIHtcbiAgICB0aGlzLmN1cnJlbnRBdHRhY2htZW50ID0gdGhpcy5wcmV2aW91c0F0dGFjaG1lbnQgPSBuZXdWYWx1ZTtcbiAgICB0aGlzLm9uQ2hhbmdlKG5ld1ZhbHVlKTtcbiAgfVxuXG4gIG9uRmlsZVNlbGVjdGVkKGV2ZW50OiBhbnkpIHtcbiAgICBpZiAoIWV2ZW50LnRhcmdldC5maWxlcyB8fCAhZXZlbnQudGFyZ2V0LmZpbGVzWzBdKSByZXR1cm47XG5cbiAgICBjb25zdCBmaWxlID0gZXZlbnQudGFyZ2V0LmZpbGVzWzBdO1xuXG4gICAgdGhpcy51cGxvYWRJblByb2dyZXNzID0gdHJ1ZTtcblxuICAgIHRoaXMud2ViQXBpU2VydmljZS51cGxvYWQoZmlsZSxcbiAgICAgIChyZXNwb25zZTogYW55KSA9PiB7XG4gICAgICAgIHRoaXMuY3VycmVudEF0dGFjaG1lbnQgPSB7XG4gICAgICAgICAgZmlsZW5hbWU6IGZpbGUubmFtZSxcbiAgICAgICAgICBzb3VyY2VfdXJsOiAnJyxcbiAgICAgICAgICBwcmV2aWV3X3VybDogJycsXG4gICAgICAgICAgc2lnbmVkX2lkOiByZXNwb25zZS5zaWduZWRfaWRcbiAgICAgICAgfVxuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuY3VycmVudEF0dGFjaG1lbnQpO1xuICAgICAgICB0aGlzLnVwbG9hZEluUHJvZ3Jlc3MgPSBmYWxzZTtcbiAgICAgIH0sXG4gICAgICAocmVzcG9uc2U6IGFueSkgPT4ge1xuICAgICAgICB0aGlzLnJlc2V0KCk7XG4gICAgICAgIHRoaXMuZXJyb3IgPSAnVW5hYmxlIHRvIHVwbG9hZCBmaWxlJztcbiAgICAgICAgdGhpcy51cGxvYWRJblByb2dyZXNzID0gZmFsc2U7XG4gICAgICB9XG4gICAgKTtcbiAgfVxuXG4gIGNsZWFyQXR0YWNobWVudCgpIHtcbiAgICBpZiAodGhpcy5maWxlSW5wdXQpIHRoaXMuZmlsZUlucHV0Lm5hdGl2ZUVsZW1lbnQudmFsdWUgPSAnJztcbiAgICB0aGlzLmN1cnJlbnRBdHRhY2htZW50ID0ge1xuICAgICAgZmlsZW5hbWU6ICcnLFxuICAgICAgc291cmNlX3VybDogJycsXG4gICAgICBwcmV2aWV3X3VybDogJycsXG4gICAgICBzaWduZWRfaWQ6IG51bGxcbiAgICB9XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLmN1cnJlbnRBdHRhY2htZW50KTtcbiAgfVxuXG4gIHJlc2V0KCkge1xuICAgIGlmICh0aGlzLmZpbGVJbnB1dCkgdGhpcy5maWxlSW5wdXQubmF0aXZlRWxlbWVudC52YWx1ZSA9ICcnO1xuICAgIHRoaXMuY3VycmVudEF0dGFjaG1lbnQgPSB0aGlzLnByZXZpb3VzQXR0YWNobWVudDtcbiAgICB0aGlzLm9uQ2hhbmdlKHVuZGVmaW5lZCk7XG4gIH1cblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFtjbGFzcy5tYXQtZm9ybS1maWVsZC1pbnZhbGlkXT1cImVycm9yXCI+XG4gIDxtYXQtbGFiZWw+e3sgbGFiZWwgfX08L21hdC1sYWJlbD5cbiAgPGlucHV0IG1hdElucHV0XG4gICAgICB0eXBlPVwidGV4dFwiXG4gICAgICBbYXR0ci52YWx1ZV09XCJjdXJyZW50QXR0YWNobWVudD8uZmlsZW5hbWVcIlxuICAgICAgKGNsaWNrKT1cImZpbGVJbnB1dC5jbGljaygpXCJcbiAgICAgIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZVwiXG4gICAgICBhdXRvY29tcGxldGU9XCJvZmZcIj5cblxuICA8YnV0dG9uICpuZ0lmPVwiY3VycmVudEF0dGFjaG1lbnQ/LmZpbGVuYW1lXCIgbWF0LWljb24tYnV0dG9uIG1hdFN1ZmZpeCAoY2xpY2spPVwiY2xlYXJBdHRhY2htZW50KClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZVwiIGNsaWNrLXN0b3AtcHJvcGFnYXRpb24+XG4gICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG5cbiAgPGJ1dHRvbiAqbmdJZj1cIiF1cGxvYWRJblByb2dyZXNzXCIgbWF0LWljb24tYnV0dG9uIG1hdFN1ZmZpeCAoY2xpY2spPVwiZmlsZUlucHV0LmNsaWNrKClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZVwiPlxuICAgIDxtYXQtaWNvbj5hdHRhY2hfZmlsZTwvbWF0LWljb24+XG4gIDwvYnV0dG9uPlxuXG4gIDxtYXQtc3Bpbm5lciAqbmdJZj1cInVwbG9hZEluUHJvZ3Jlc3NcIiBtYXRTdWZmaXggW2RpYW1ldGVyXT1cIjE4XCI+PC9tYXQtc3Bpbm5lcj5cblxuICA8aW5wdXQgI2ZpbGVJbnB1dFxuICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgaGlkZGVuXG4gICAgICAoY2hhbmdlKT1cIm9uRmlsZVNlbGVjdGVkKCRldmVudClcIj5cblxuICA8bWF0LWhpbnQgKm5nSWY9XCJlcnJvclwiIGNsYXNzPVwiZXJyb3ItbWVzc2FnZVwiPnt7IGVycm9yIH19PC9tYXQtaGludD5cbjwvbWF0LWZvcm0tZmllbGQ+XG4iXX0=

package/esm2015/lib/components/form/fields/image-cropper/image-cropper.component.js

@@ -0,0 +1,52 @@
+import { Component, Inject } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { base64ToFile } from 'ngx-image-cropper';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "ngx-image-cropper";
+import * as i5 from "@angular/flex-layout/flex";
+export class ImageCropperComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.maintainAspectRatio = true;
+        this.aspectRatio = 1;
+        this.resizeToWidth = 100;
+        this.format = 'png';
+        this.croppedImage = '';
+        this.imageChangedEvent = this.data.imageChangedEvent;
+        this.maintainAspectRatio = this.data.maintainAspectRatio || this.maintainAspectRatio;
+        this.aspectRatio = this.data.aspectRatio || this.aspectRatio;
+        this.resizeToWidth = this.data.resizeToWidth || this.resizeToWidth;
+        this.format = this.data.format || this.format;
+    }
+    imageCropped(event) {
+        this.croppedImage = event.base64;
+    }
+    loadImageFailed() {
+        this.dialogRef.close();
+    }
+    onCropComplete() {
+        let file = base64ToFile(this.croppedImage);
+        this.dialogRef.close(file);
+    }
+    onCancel() {
+        this.dialogRef.close();
+    }
+}
+ImageCropperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageCropperComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+ImageCropperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ImageCropperComponent, selector: "mantle-image-cropper", ngImport: i0, template: "<div mat-dialog-title fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"dialog-title-section\">\n  <h2 fxFlex=\"1 1 auto\">Crop Image</h2>\n  <button fxFlex=\"0 0 auto\" mat-icon-button tabindex=\"-1\" (click)=\"onCancel()\">\n    <mat-icon>cancel</mat-icon>\n  </button>\n</div>\n<mat-dialog-content>\n  <div class=\"cropper-wrapper\" fxLayout=\"row\" fxLayoutAlign=\"start\" fxLayoutGap=\"32px\">\n    <div fxFlex=\"1 0 1px\">\n      <h5>Original</h5>\n    </div>\n    <div fxFlex=\"0 0 100px\">\n      <h5>Preview</h5>\n    </div>\n  </div>\n\n  <div class=\"cropper-wrapper\" fxLayout=\"row\" fxLayoutAlign=\"start\" fxLayoutGap=\"32px\">\n\n    <image-cropper\n        [imageChangedEvent]=\"imageChangedEvent\"\n        [maintainAspectRatio]=\"maintainAspectRatio\"\n        [aspectRatio]=\"aspectRatio\"\n        [resizeToWidth]=\"resizeToWidth\"\n        format=\"png\"\n        (imageCropped)=\"imageCropped($event)\"\n        (loadImageFailed)=\"loadImageFailed()\">\n    </image-cropper>\n\n    <div fxFlex=\"0 0 100px\" class=\"preview-section\">\n      <img [src]=\"croppedImage\" />\n    </div>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions fxLayout=\"row\" fxLayoutAlign=\"end\" class=\"actions-section\">\n  <button fxFlex=\"0 0 auto\" mat-button (click)=\"onCropComplete()\">Save</button>\n</mat-dialog-actions>\n", styles: [".dialog-title-section h2{margin:0;padding-left:16px}.cropper-wrapper{max-width:532px}.preview-section img{width:100%;border:1px solid lightgrey}.actions-section button{text-transform:uppercase}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.ImageCropperComponent, selector: "image-cropper", inputs: ["format", "transform", "maintainAspectRatio", "aspectRatio", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "cropper", "alignImage", "disabled", "imageChangedEvent", "imageURL", "imageBase64", "imageFile"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed"] }], directives: [{ type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i5.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"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.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"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i5.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"] }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageCropperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-image-cropper',
+                    templateUrl: './image-cropper.component.html',
+                    styleUrls: ['./image-cropper.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY3JvcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vZmllbGRzL2ltYWdlLWNyb3BwZXIvaW1hZ2UtY3JvcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vZmllbGRzL2ltYWdlLWNyb3BwZXIvaW1hZ2UtY3JvcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pFLE9BQU8sRUFBcUIsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7Ozs7QUFlcEUsTUFBTSxPQUFPLHFCQUFxQjtJQVNoQyxZQUFvQixTQUE4QyxFQUNyQixJQUF3QjtRQURqRCxjQUFTLEdBQVQsU0FBUyxDQUFxQztRQUNyQixTQUFJLEdBQUosSUFBSSxDQUFvQjtRQVA5RCx3QkFBbUIsR0FBWSxJQUFJLENBQUM7UUFDcEMsZ0JBQVcsR0FBVyxDQUFDLENBQUM7UUFDeEIsa0JBQWEsR0FBVyxHQUFHLENBQUM7UUFDNUIsV0FBTSxHQUFXLEtBQUssQ0FBQztRQUN2QixpQkFBWSxHQUFRLEVBQUUsQ0FBQztRQUk1QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztRQUNyRCxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUM7UUFDckYsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQzdELElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUNuRSxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDaEQsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUF3QjtRQUNuQyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUM7SUFDbkMsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxJQUFJLEdBQUcsWUFBWSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUMzQyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDekIsQ0FBQzs7bUhBakNVLHFCQUFxQiw4Q0FVWixlQUFlO3VHQVZ4QixxQkFBcUIsNERDakJsQyxrMENBb0NBOzRGRG5CYSxxQkFBcUI7a0JBTGpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsV0FBVyxFQUFFLGdDQUFnQztvQkFDN0MsU0FBUyxFQUFFLENBQUMsZ0NBQWdDLENBQUM7aUJBQzlDOzswQkFXYyxNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgSW1hZ2VDcm9wcGVkRXZlbnQsIGJhc2U2NFRvRmlsZSB9IGZyb20gJ25neC1pbWFnZS1jcm9wcGVyJztcblxuZXhwb3J0IGludGVyZmFjZSBJbWFnZUNyb3BwZXJQYXJhbXMge1xuICBpbWFnZUNoYW5nZWRFdmVudDogYW55O1xuICBtYWludGFpbkFzcGVjdFJhdGlvPzogYm9vbGVhbjtcbiAgYXNwZWN0UmF0aW8/OiBudW1iZXI7XG4gIHJlc2l6ZVRvV2lkdGg/OiBudW1iZXI7XG4gIGZvcm1hdD86IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFudGxlLWltYWdlLWNyb3BwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UtY3JvcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ltYWdlLWNyb3BwZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJbWFnZUNyb3BwZXJDb21wb25lbnQge1xuXG4gIHB1YmxpYyBpbWFnZUNoYW5nZWRFdmVudDogYW55O1xuICBwdWJsaWMgbWFpbnRhaW5Bc3BlY3RSYXRpbzogYm9vbGVhbiA9IHRydWU7XG4gIHB1YmxpYyBhc3BlY3RSYXRpbzogbnVtYmVyID0gMTtcbiAgcHVibGljIHJlc2l6ZVRvV2lkdGg6IG51bWJlciA9IDEwMDtcbiAgcHVibGljIGZvcm1hdDogc3RyaW5nID0gJ3BuZyc7XG4gIHB1YmxpYyBjcm9wcGVkSW1hZ2U6IGFueSA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8SW1hZ2VDcm9wcGVyQ29tcG9uZW50PixcbiAgICAgICAgICAgICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHByaXZhdGUgZGF0YTogSW1hZ2VDcm9wcGVyUGFyYW1zKSB7XG4gICAgdGhpcy5pbWFnZUNoYW5nZWRFdmVudCA9IHRoaXMuZGF0YS5pbWFnZUNoYW5nZWRFdmVudDtcbiAgICB0aGlzLm1haW50YWluQXNwZWN0UmF0aW8gPSB0aGlzLmRhdGEubWFpbnRhaW5Bc3BlY3RSYXRpbyB8fCB0aGlzLm1haW50YWluQXNwZWN0UmF0aW87XG4gICAgdGhpcy5hc3BlY3RSYXRpbyA9IHRoaXMuZGF0YS5hc3BlY3RSYXRpbyB8fCB0aGlzLmFzcGVjdFJhdGlvO1xuICAgIHRoaXMucmVzaXplVG9XaWR0aCA9IHRoaXMuZGF0YS5yZXNpemVUb1dpZHRoIHx8IHRoaXMucmVzaXplVG9XaWR0aDtcbiAgICB0aGlzLmZvcm1hdCA9IHRoaXMuZGF0YS5mb3JtYXQgfHwgdGhpcy5mb3JtYXQ7XG4gIH1cblxuICBpbWFnZUNyb3BwZWQoZXZlbnQ6IEltYWdlQ3JvcHBlZEV2ZW50KSB7XG4gICAgdGhpcy5jcm9wcGVkSW1hZ2UgPSBldmVudC5iYXNlNjQ7XG4gIH1cblxuICBsb2FkSW1hZ2VGYWlsZWQoKSB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcbiAgfVxuXG4gIG9uQ3JvcENvbXBsZXRlKCkge1xuICAgIGxldCBmaWxlID0gYmFzZTY0VG9GaWxlKHRoaXMuY3JvcHBlZEltYWdlKTtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShmaWxlKTtcbiAgfVxuXG4gIG9uQ2FuY2VsKCkge1xuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XG4gIH1cblxufVxuIiwiPGRpdiBtYXQtZGlhbG9nLXRpdGxlIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBjbGFzcz1cImRpYWxvZy10aXRsZS1zZWN0aW9uXCI+XG4gIDxoMiBmeEZsZXg9XCIxIDEgYXV0b1wiPkNyb3AgSW1hZ2U8L2gyPlxuICA8YnV0dG9uIGZ4RmxleD1cIjAgMCBhdXRvXCIgbWF0LWljb24tYnV0dG9uIHRhYmluZGV4PVwiLTFcIiAoY2xpY2spPVwib25DYW5jZWwoKVwiPlxuICAgIDxtYXQtaWNvbj5jYW5jZWw8L21hdC1pY29uPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuPG1hdC1kaWFsb2ctY29udGVudD5cbiAgPGRpdiBjbGFzcz1cImNyb3BwZXItd3JhcHBlclwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0XCIgZnhMYXlvdXRHYXA9XCIzMnB4XCI+XG4gICAgPGRpdiBmeEZsZXg9XCIxIDAgMXB4XCI+XG4gICAgICA8aDU+T3JpZ2luYWw8L2g1PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgZnhGbGV4PVwiMCAwIDEwMHB4XCI+XG4gICAgICA8aDU+UHJldmlldzwvaDU+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJjcm9wcGVyLXdyYXBwZXJcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydFwiIGZ4TGF5b3V0R2FwPVwiMzJweFwiPlxuXG4gICAgPGltYWdlLWNyb3BwZXJcbiAgICAgICAgW2ltYWdlQ2hhbmdlZEV2ZW50XT1cImltYWdlQ2hhbmdlZEV2ZW50XCJcbiAgICAgICAgW21haW50YWluQXNwZWN0UmF0aW9dPVwibWFpbnRhaW5Bc3BlY3RSYXRpb1wiXG4gICAgICAgIFthc3BlY3RSYXRpb109XCJhc3BlY3RSYXRpb1wiXG4gICAgICAgIFtyZXNpemVUb1dpZHRoXT1cInJlc2l6ZVRvV2lkdGhcIlxuICAgICAgICBmb3JtYXQ9XCJwbmdcIlxuICAgICAgICAoaW1hZ2VDcm9wcGVkKT1cImltYWdlQ3JvcHBlZCgkZXZlbnQpXCJcbiAgICAgICAgKGxvYWRJbWFnZUZhaWxlZCk9XCJsb2FkSW1hZ2VGYWlsZWQoKVwiPlxuICAgIDwvaW1hZ2UtY3JvcHBlcj5cblxuICAgIDxkaXYgZnhGbGV4PVwiMCAwIDEwMHB4XCIgY2xhc3M9XCJwcmV2aWV3LXNlY3Rpb25cIj5cbiAgICAgIDxpbWcgW3NyY109XCJjcm9wcGVkSW1hZ2VcIiAvPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbWF0LWRpYWxvZy1jb250ZW50PlxuPG1hdC1kaWFsb2ctYWN0aW9ucyBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJlbmRcIiBjbGFzcz1cImFjdGlvbnMtc2VjdGlvblwiPlxuICA8YnV0dG9uIGZ4RmxleD1cIjAgMCBhdXRvXCIgbWF0LWJ1dHRvbiAoY2xpY2spPVwib25Dcm9wQ29tcGxldGUoKVwiPlNhdmU8L2J1dHRvbj5cbjwvbWF0LWRpYWxvZy1hY3Rpb25zPlxuIl19