@noaestudio/forms
Version:
Dynamic forms extension for Covalent
51 lines (50 loc) • 7.07 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
import * as tslib_1 from "tslib";
import { Component, forwardRef } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { AbstractControlValueAccessor } from '../abstract-control-value-accesor';
export var /** @type {?} */ UPLOAD_INPUT_CONTROL_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return TdDynamicFileInputComponent; }),
multi: true,
};
var TdDynamicFileInputComponent = /** @class */ (function (_super) {
tslib_1.__extends(TdDynamicFileInputComponent, _super);
function TdDynamicFileInputComponent() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.required = undefined;
_this.label = '';
return _this;
}
TdDynamicFileInputComponent.decorators = [
{ type: Component, args: [{
providers: [UPLOAD_INPUT_CONTROL_VALUE_ACCESSOR],
selector: 'td-dynamic-file-input',
styles: [".td-dynamic-file-input-wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;box-sizing:border-box}.td-dynamic-file-input-wrapper .td-dynamic-file-input-field{-ms-flex:1;flex:1;box-sizing:border-box}.td-file-input{margin-left:10px}"],
template: "<div class=\"td-dynamic-file-input-wrapper\">\n\t<mat-form-field tdFileDrop\n\t\tclass=\"td-dynamic-file-input-field\"\n\t\tfloatLabel=\"never\"\n\t\t[disabled]=\"control?.disabled\"\n\t\t(fileDrop)=\"value = $event\"\n\t\t(click)=\"!control?.disabled && fileInput.inputElement.click()\"\n\t\t(keyup.enter)=\"!control?.disabled && fileInput.inputElement.click()\"\n\t\t(keyup.delete)=\"fileInput.clear()\"\n\t\t(keyup.backspace)=\"fileInput.clear()\" >\n\t\t\t<input matInput\n\t\t\t\t[value]=\"value?.name\"\n\t\t\t\t[placeholder]=\"label\"\n\t\t\t\t[disabled]=\"control?.disabled\"\n\t\t\t\tautocomplete=\"off\"\n\t\t\t\treadonly />\n\t</mat-form-field>\n\t<button mat-icon-button *ngIf=\"value\" (click)=\"fileInput.clear()\" (keyup.enter)=\"fileInput.clear()\">\n\t\t<mat-icon>cancel</mat-icon>\n\t</button>\n\t<td-file-input class=\"td-file-input\" #fileInput [(ngModel)]=\"value\">\n\t\t<mat-icon>folder</mat-icon>\n\t\t<span>{{ label }}</span>\n\t</td-file-input>\n</div>\n",
},] },
];
/** @nocollapse */
TdDynamicFileInputComponent.ctorParameters = function () { return []; };
return TdDynamicFileInputComponent;
}(AbstractControlValueAccessor));
export { TdDynamicFileInputComponent };
function TdDynamicFileInputComponent_tsickle_Closure_declarations() {
/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
TdDynamicFileInputComponent.decorators;
/**
* @nocollapse
* @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
*/
TdDynamicFileInputComponent.ctorParameters;
/** @type {?} */
TdDynamicFileInputComponent.prototype.control;
/** @type {?} */
TdDynamicFileInputComponent.prototype.required;
/** @type {?} */
TdDynamicFileInputComponent.prototype.label;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1maWxlLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bjb3ZhbGVudC9keW5hbWljLWZvcm1zLyIsInNvdXJjZXMiOlsiZHluYW1pYy1lbGVtZW50cy9keW5hbWljLWZpbGUtaW5wdXQvZHluYW1pYy1maWxlLWlucHV0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBcUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUV0RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVqRixNQUFNLENBQUMscUJBQU0sbUNBQW1DLEdBQVE7SUFDdEQsT0FBTyxFQUFFLGlCQUFpQjtJQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLGNBQU0sT0FBQSwyQkFBMkIsRUFBM0IsQ0FBMkIsQ0FBQztJQUMxRCxLQUFLLEVBQUUsSUFBSTtDQUNaLENBQUM7O0lBaUMrQyx1REFBNEI7Ozt5QkFJdkQsU0FBUztzQkFFYixFQUFFOzs7O2dCQXJDbkIsU0FBUyxTQUFDO29CQUNULFNBQVMsRUFBRSxDQUFFLG1DQUFtQyxDQUFFO29CQUNsRCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxNQUFNLEVBQUUsQ0FBQyxzUUFBc1EsQ0FBQztvQkFDaFIsUUFBUSxFQUFFLHM5QkF5Qlg7aUJBQ0E7Ozs7c0NBekNEO0VBMENpRCw0QkFBNEI7U0FBaEUsMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SLCBDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnLi4vYWJzdHJhY3QtY29udHJvbC12YWx1ZS1hY2Nlc29yJztcclxuXHJcbmV4cG9ydCBjb25zdCBVUExPQURfSU5QVVRfQ09OVFJPTF9WQUxVRV9BQ0NFU1NPUjogYW55ID0ge1xyXG4gIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFRkRHluYW1pY0ZpbGVJbnB1dENvbXBvbmVudCksXHJcbiAgbXVsdGk6IHRydWUsXHJcbn07XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBwcm92aWRlcnM6IFsgVVBMT0FEX0lOUFVUX0NPTlRST0xfVkFMVUVfQUNDRVNTT1IgXSxcclxuICBzZWxlY3RvcjogJ3RkLWR5bmFtaWMtZmlsZS1pbnB1dCcsXHJcbiAgc3R5bGVzOiBbYC50ZC1keW5hbWljLWZpbGUtaW5wdXQtd3JhcHBlcnstbXMtZmxleC1kaXJlY3Rpb246cm93O2ZsZXgtZGlyZWN0aW9uOnJvdztkaXNwbGF5Oi1tcy1mbGV4Ym94O2Rpc3BsYXk6ZmxleDtib3gtc2l6aW5nOmJvcmRlci1ib3h9LnRkLWR5bmFtaWMtZmlsZS1pbnB1dC13cmFwcGVyIC50ZC1keW5hbWljLWZpbGUtaW5wdXQtZmllbGR7LW1zLWZsZXg6MTtmbGV4OjE7Ym94LXNpemluZzpib3JkZXItYm94fS50ZC1maWxlLWlucHV0e21hcmdpbi1sZWZ0OjEwcHh9YF0sXHJcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwidGQtZHluYW1pYy1maWxlLWlucHV0LXdyYXBwZXJcIj5cclxuXHQ8bWF0LWZvcm0tZmllbGQgdGRGaWxlRHJvcFxyXG5cdFx0Y2xhc3M9XCJ0ZC1keW5hbWljLWZpbGUtaW5wdXQtZmllbGRcIlxyXG5cdFx0ZmxvYXRMYWJlbD1cIm5ldmVyXCJcclxuXHRcdFtkaXNhYmxlZF09XCJjb250cm9sPy5kaXNhYmxlZFwiXHJcblx0XHQoZmlsZURyb3ApPVwidmFsdWUgPSAkZXZlbnRcIlxyXG5cdFx0KGNsaWNrKT1cIiFjb250cm9sPy5kaXNhYmxlZCAmJiBmaWxlSW5wdXQuaW5wdXRFbGVtZW50LmNsaWNrKClcIlxyXG5cdFx0KGtleXVwLmVudGVyKT1cIiFjb250cm9sPy5kaXNhYmxlZCAmJiBmaWxlSW5wdXQuaW5wdXRFbGVtZW50LmNsaWNrKClcIlxyXG5cdFx0KGtleXVwLmRlbGV0ZSk9XCJmaWxlSW5wdXQuY2xlYXIoKVwiXHJcblx0XHQoa2V5dXAuYmFja3NwYWNlKT1cImZpbGVJbnB1dC5jbGVhcigpXCIgPlxyXG5cdFx0XHQ8aW5wdXQgbWF0SW5wdXRcclxuXHRcdFx0XHRbdmFsdWVdPVwidmFsdWU/Lm5hbWVcIlxyXG5cdFx0XHRcdFtwbGFjZWhvbGRlcl09XCJsYWJlbFwiXHJcblx0XHRcdFx0W2Rpc2FibGVkXT1cImNvbnRyb2w/LmRpc2FibGVkXCJcclxuXHRcdFx0XHRhdXRvY29tcGxldGU9XCJvZmZcIlxyXG5cdFx0XHRcdHJlYWRvbmx5IC8+XHJcblx0PC9tYXQtZm9ybS1maWVsZD5cclxuXHQ8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAqbmdJZj1cInZhbHVlXCIgKGNsaWNrKT1cImZpbGVJbnB1dC5jbGVhcigpXCIgKGtleXVwLmVudGVyKT1cImZpbGVJbnB1dC5jbGVhcigpXCI+XHJcblx0XHQ8bWF0LWljb24+Y2FuY2VsPC9tYXQtaWNvbj5cclxuXHQ8L2J1dHRvbj5cclxuXHQ8dGQtZmlsZS1pbnB1dCBjbGFzcz1cInRkLWZpbGUtaW5wdXRcIiAjZmlsZUlucHV0IFsobmdNb2RlbCldPVwidmFsdWVcIj5cclxuXHRcdDxtYXQtaWNvbj5mb2xkZXI8L21hdC1pY29uPlxyXG5cdFx0PHNwYW4+e3sgbGFiZWwgfX08L3NwYW4+XHJcblx0PC90ZC1maWxlLWlucHV0PlxyXG48L2Rpdj5cclxuYCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRkRHluYW1pY0ZpbGVJbnB1dENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0Q29udHJvbFZhbHVlQWNjZXNzb3IgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcblxyXG4gIGNvbnRyb2w6IEZvcm1Db250cm9sO1xyXG5cclxuICByZXF1aXJlZDogYm9vbGVhbiA9IHVuZGVmaW5lZDtcclxuXHJcbiAgbGFiZWw6IHN0cmluZyA9ICcnO1xyXG5cclxufVxyXG4iXX0=