@noaestudio/forms
Version:
Dynamic forms extension for Covalent
71 lines (70 loc) • 6.6 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
import { Component, forwardRef } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { AbstractControlValueAccessor } from '../abstract-control-value-accesor';
export const /** @type {?} */ UPLOAD_INPUT_CONTROL_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => TdDynamicFileInputComponent),
multi: true,
};
export class TdDynamicFileInputComponent extends AbstractControlValueAccessor {
constructor() {
super(...arguments);
this.required = undefined;
this.label = '';
}
}
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">
<mat-form-field tdFileDrop
class="td-dynamic-file-input-field"
floatLabel="never"
[]="control?.disabled"
(fileDrop)="value = $event"
(click)="!control?.disabled && fileInput.inputElement.click()"
(keyup.enter)="!control?.disabled && fileInput.inputElement.click()"
(keyup.delete)="fileInput.clear()"
(keyup.backspace)="fileInput.clear()" >
<input matInput
[]="value?.name"
[]="label"
[]="control?.disabled"
autocomplete="off"
readonly />
</mat-form-field>
<button mat-icon-button *ngIf="value" (click)="fileInput.clear()" (keyup.enter)="fileInput.clear()">
<mat-icon>cancel</mat-icon>
</button>
<td-file-input class="td-file-input"
<mat-icon>folder</mat-icon>
<span>{{ label }}</span>
</td-file-input>
</div>
`,
},] },
];
/** @nocollapse */
TdDynamicFileInputComponent.ctorParameters = () => [];
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1maWxlLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bjb3ZhbGVudC9keW5hbWljLWZvcm1zLyIsInNvdXJjZXMiOlsiZHluYW1pYy1lbGVtZW50cy9keW5hbWljLWZpbGUtaW5wdXQvZHluYW1pYy1maWxlLWlucHV0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUFFLGlCQUFpQixFQUFxQyxNQUFNLGdCQUFnQixDQUFDO0FBRXRGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRWpGLE1BQU0sQ0FBQyx1QkFBTSxtQ0FBbUMsR0FBUTtJQUN0RCxPQUFPLEVBQUUsaUJBQWlCO0lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsMkJBQTJCLENBQUM7SUFDMUQsS0FBSyxFQUFFLElBQUk7Q0FDWixDQUFDO0FBaUNGLE1BQU0sa0NBQW1DLFNBQVEsNEJBQTRCOzs7d0JBSXZELFNBQVM7cUJBRWIsRUFBRTs7OztZQXJDbkIsU0FBUyxTQUFDO2dCQUNULFNBQVMsRUFBRSxDQUFFLG1DQUFtQyxDQUFFO2dCQUNsRCxRQUFRLEVBQUUsdUJBQXVCO2dCQUNqQyxNQUFNLEVBQUUsQ0FBQyxzUUFBc1EsQ0FBQztnQkFDaFIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBeUJYO2FBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IsIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbFZhbHVlQWNjZXNzb3IgfSBmcm9tICcuLi9hYnN0cmFjdC1jb250cm9sLXZhbHVlLWFjY2Vzb3InO1xyXG5cclxuZXhwb3J0IGNvbnN0IFVQTE9BRF9JTlBVVF9DT05UUk9MX1ZBTFVFX0FDQ0VTU09SOiBhbnkgPSB7XHJcbiAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gVGREeW5hbWljRmlsZUlucHV0Q29tcG9uZW50KSxcclxuICBtdWx0aTogdHJ1ZSxcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHByb3ZpZGVyczogWyBVUExPQURfSU5QVVRfQ09OVFJPTF9WQUxVRV9BQ0NFU1NPUiBdLFxyXG4gIHNlbGVjdG9yOiAndGQtZHluYW1pYy1maWxlLWlucHV0JyxcclxuICBzdHlsZXM6IFtgLnRkLWR5bmFtaWMtZmlsZS1pbnB1dC13cmFwcGVyey1tcy1mbGV4LWRpcmVjdGlvbjpyb3c7ZmxleC1kaXJlY3Rpb246cm93O2Rpc3BsYXk6LW1zLWZsZXhib3g7ZGlzcGxheTpmbGV4O2JveC1zaXppbmc6Ym9yZGVyLWJveH0udGQtZHluYW1pYy1maWxlLWlucHV0LXdyYXBwZXIgLnRkLWR5bmFtaWMtZmlsZS1pbnB1dC1maWVsZHstbXMtZmxleDoxO2ZsZXg6MTtib3gtc2l6aW5nOmJvcmRlci1ib3h9LnRkLWZpbGUtaW5wdXR7bWFyZ2luLWxlZnQ6MTBweH1gXSxcclxuICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9XCJ0ZC1keW5hbWljLWZpbGUtaW5wdXQtd3JhcHBlclwiPlxyXG5cdDxtYXQtZm9ybS1maWVsZCB0ZEZpbGVEcm9wXHJcblx0XHRjbGFzcz1cInRkLWR5bmFtaWMtZmlsZS1pbnB1dC1maWVsZFwiXHJcblx0XHRmbG9hdExhYmVsPVwibmV2ZXJcIlxyXG5cdFx0W2Rpc2FibGVkXT1cImNvbnRyb2w/LmRpc2FibGVkXCJcclxuXHRcdChmaWxlRHJvcCk9XCJ2YWx1ZSA9ICRldmVudFwiXHJcblx0XHQoY2xpY2spPVwiIWNvbnRyb2w/LmRpc2FibGVkICYmIGZpbGVJbnB1dC5pbnB1dEVsZW1lbnQuY2xpY2soKVwiXHJcblx0XHQoa2V5dXAuZW50ZXIpPVwiIWNvbnRyb2w/LmRpc2FibGVkICYmIGZpbGVJbnB1dC5pbnB1dEVsZW1lbnQuY2xpY2soKVwiXHJcblx0XHQoa2V5dXAuZGVsZXRlKT1cImZpbGVJbnB1dC5jbGVhcigpXCJcclxuXHRcdChrZXl1cC5iYWNrc3BhY2UpPVwiZmlsZUlucHV0LmNsZWFyKClcIiA+XHJcblx0XHRcdDxpbnB1dCBtYXRJbnB1dFxyXG5cdFx0XHRcdFt2YWx1ZV09XCJ2YWx1ZT8ubmFtZVwiXHJcblx0XHRcdFx0W3BsYWNlaG9sZGVyXT1cImxhYmVsXCJcclxuXHRcdFx0XHRbZGlzYWJsZWRdPVwiY29udHJvbD8uZGlzYWJsZWRcIlxyXG5cdFx0XHRcdGF1dG9jb21wbGV0ZT1cIm9mZlwiXHJcblx0XHRcdFx0cmVhZG9ubHkgLz5cclxuXHQ8L21hdC1mb3JtLWZpZWxkPlxyXG5cdDxidXR0b24gbWF0LWljb24tYnV0dG9uICpuZ0lmPVwidmFsdWVcIiAoY2xpY2spPVwiZmlsZUlucHV0LmNsZWFyKClcIiAoa2V5dXAuZW50ZXIpPVwiZmlsZUlucHV0LmNsZWFyKClcIj5cclxuXHRcdDxtYXQtaWNvbj5jYW5jZWw8L21hdC1pY29uPlxyXG5cdDwvYnV0dG9uPlxyXG5cdDx0ZC1maWxlLWlucHV0IGNsYXNzPVwidGQtZmlsZS1pbnB1dFwiICNmaWxlSW5wdXQgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiPlxyXG5cdFx0PG1hdC1pY29uPmZvbGRlcjwvbWF0LWljb24+XHJcblx0XHQ8c3Bhbj57eyBsYWJlbCB9fTwvc3Bhbj5cclxuXHQ8L3RkLWZpbGUtaW5wdXQ+XHJcbjwvZGl2PlxyXG5gLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGREeW5hbWljRmlsZUlucHV0Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RDb250cm9sVmFsdWVBY2Nlc3NvciBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuXHJcbiAgY29udHJvbDogRm9ybUNvbnRyb2w7XHJcblxyXG4gIHJlcXVpcmVkOiBib29sZWFuID0gdW5kZWZpbmVkO1xyXG5cclxuICBsYWJlbDogc3RyaW5nID0gJyc7XHJcblxyXG59XHJcbiJdfQ==