ngx-config-form/esm2015/lib/components/inputs/textarea/textarea.component.js

use configuration to generate form

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input } from '@angular/core';
import { BaseInput } from '../../../common/baseInput';
export class TextareaComponent extends BaseInput {
    constructor() {
        super();
        this.rows = 3;
        this.isReadOnly = false;
    }
    /**
     * @return {?}
     */
    ngOnInit() {
        super.ngOnInit();
    }
    /**
     * @return {?}
     */
    ngOnDestroy() {
        super.ngOnDestroy();
    }
}
TextareaComponent.decorators = [
    { type: Component, args: [{
                selector: 'cf-inputs-textarea',
                template: "<ng-container [formGroup]=\"cfFormGroup\">\n  <ng-container [formGroupName]=\"propName\">\n    <ng-container *ngFor=\"let item of cfFormSetting[propName].items\">\n      <ng-container *ngIf=\"{ \n        elem: cfFormGroup.get([propName, item.name]) \n      }; let info\">\n        <label [for]=\"item.name\" *ngIf=\"item.args['alias']\">{{item.args['alias']}}</label>\n        <textarea\n          [class]=\"inputClass\"\n          [id]=\"item.name\" \n          [placeholder]=\"item.args['placeholder']\"\n          [formControlName]=\"item.name\" \n          [ngClass]=\"{ 'is-invalid': info.elem.dirty && info.elem.errors }\"\n          [readonly]=\"isReadOnly\"\n          [rows]=\"rows\"\n          ></textarea>\n        <small class=\"form-text text-muted\" *ngIf=\"item.args['murmur']\">\n          {{item.args['murmur']}}\n        </small>\n        \n        <ng-container *ngIf=\"isShowErrorMsg && info.elem.dirty && info.elem.errors\">\n          <small class=\"form-text text-danger\" *ngFor=\"let vName of ObjectUtil.keys(info.elem.errors)\">\n            {{item.validators[vName].msg}}\n          </small>\n        </ng-container>\n\n          <!-- <hr />\n          errorKeys: {{ObjectUtil.keys(info.elem.errors || {})}} <br />\n          info.elem.dirty && info.elem.errors: {{(info.elem.dirty && info.elem.errors) | json}} <br />\n          info.elem.dirty : {{ info.elem.dirty  | json }} <br />\n          info.elem.errors: {{ info.elem.errors | json }} <br />\n          info.elem.value: {{ info.elem.value | json }}\n          <hr /> -->\n          \n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-container>",
                styles: [""]
            }] }
];
/** @nocollapse */
TextareaComponent.ctorParameters = () => [];
TextareaComponent.propDecorators = {
    rows: [{ type: Input }],
    isReadOnly: [{ type: Input }],
    inputClass: [{ type: Input }],
    propName: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    TextareaComponent.prototype.rows;
    /** @type {?} */
    TextareaComponent.prototype.isReadOnly;
    /** @type {?} */
    TextareaComponent.prototype.inputClass;
    /** @type {?} */
    TextareaComponent.prototype.propName;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LWNvbmZpZy1mb3JtLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvaW5wdXRzL3RleHRhcmVhL3RleHRhcmVhLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQU90RCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsU0FBUztJQVE5QztRQUNFLEtBQUssRUFBRSxDQUFDO1FBUEQsU0FBSSxHQUFHLENBQUMsQ0FBQztRQUNULGVBQVUsR0FBRyxLQUFLLENBQUM7SUFPNUIsQ0FBQzs7OztJQUVELFFBQVE7UUFDTixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbkIsQ0FBQzs7OztJQUVELFdBQVc7UUFDVCxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdEIsQ0FBQzs7O1lBdkJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5Qiw0bkRBQXdDOzthQUV6Qzs7Ozs7bUJBR0UsS0FBSzt5QkFDTCxLQUFLO3lCQUNMLEtBQUs7dUJBRUwsS0FBSzs7OztJQUpOLGlDQUFrQjs7SUFDbEIsdUNBQTRCOztJQUM1Qix1Q0FBNEI7O0lBRTVCLHFDQUEwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYXNlSW5wdXQgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vYmFzZUlucHV0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2YtaW5wdXRzLXRleHRhcmVhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHRhcmVhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dGFyZWEuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0YXJlYUNvbXBvbmVudCBleHRlbmRzIEJhc2VJbnB1dCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBASW5wdXQoKSByb3dzID0gMztcbiAgQElucHV0KCkgaXNSZWFkT25seSA9IGZhbHNlO1xuICBASW5wdXQoKSBpbnB1dENsYXNzOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgcHJvcE5hbWU6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gIH1cblxufVxuIl19