angular-bootstrap-italia
Version:
<p align="center"> <h1 align="center">Bootstrap Italia + Angular 9</h1>
35 lines • 4.59 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
var TextareaComponent = /** @class */ (function () {
function TextareaComponent() {
}
Object.defineProperty(TextareaComponent.prototype, "isActive", {
get: function () {
return this.form.controls[this.field.key].value;
},
enumerable: true,
configurable: true
});
__decorate([
Input()
], TextareaComponent.prototype, "field", void 0);
__decorate([
Input()
], TextareaComponent.prototype, "form", void 0);
__decorate([
Input()
], TextareaComponent.prototype, "valid", void 0);
__decorate([
Input()
], TextareaComponent.prototype, "invalid", void 0);
TextareaComponent = __decorate([
Component({
selector: 'lib-textarea',
template: "<div class=\"form-group\" [formGroup]=\"form\">\n <textarea [id]=\"field.key\" rows=\"3\" [formControlName]=\"field.key\" [required]=\"field.required\"></textarea>\n <label class=\"fixedLabel\" [for]=\"field.key\" [class.active]=\"isActive\">\n {{ field.label }}\n <span *ngIf=\"field.required\"> *</span>\n </label>\n <lib-validation-messages [field]=\"field\" [valid]=\"valid\" [invalid]=\"invalid\"></lib-validation-messages>\n</div>\n",
styles: ["textarea.ng-touched.ng-valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300cc85' viewBox='0 0 460 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}textarea.ng-touched.ng-invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f73e5a' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.fixedLabel{width:auto!important}"]
})
], TextareaComponent);
return TextareaComponent;
}());
export { TextareaComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vYW5ndWxhci1ib290c3RyYXAtaXRhbGlhLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZm9ybS90ZXh0YXJlYS90ZXh0YXJlYS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBWWpEO0lBT0U7SUFBZ0IsQ0FBQztJQUVqQixzQkFBSSx1Q0FBUTthQUFaO1lBQ0UsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUNsRCxDQUFDOzs7T0FBQTtJQVZRO1FBQVIsS0FBSyxFQUFFO29EQUFxQjtJQUNwQjtRQUFSLEtBQUssRUFBRTttREFBaUI7SUFFaEI7UUFBUixLQUFLLEVBQUU7b0RBQWdCO0lBQ2Y7UUFBUixLQUFLLEVBQUU7c0RBQWtCO0lBTGYsaUJBQWlCO1FBTDdCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxjQUFjO1lBQ3hCLDRjQUF3Qzs7U0FFekMsQ0FBQztPQUNXLGlCQUFpQixDQWE3QjtJQUFELHdCQUFDO0NBQUEsQUFiRCxJQWFDO1NBYlksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vLyBNb2RlbHNcbmltcG9ydCB7IEZyb21UZXh0YXJlYSB9IGZyb20gJy4vZm9ybS10ZXh0YXJlYSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXRleHRhcmVhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHRhcmVhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dGFyZWEuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0YXJlYUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpZWxkOiBGcm9tVGV4dGFyZWE7XG4gIEBJbnB1dCgpIGZvcm06IEZvcm1Hcm91cDtcblxuICBASW5wdXQoKSB2YWxpZDogYm9vbGVhbjtcbiAgQElucHV0KCkgaW52YWxpZDogYm9vbGVhbjtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIGdldCBpc0FjdGl2ZSgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmNvbnRyb2xzW3RoaXMuZmllbGQua2V5XS52YWx1ZTtcbiAgfVxuXG59XG4iXX0=