@yyasinaslan/easyform
Version:
Angular Easy Form
22 lines • 8.75 kB
JavaScript
import { Component } from '@angular/core';
import { ReactiveFormsModule } from "@angular/forms";
import { ObservePipe } from "../../pipes/observe";
import { EasyFormControl } from "../../easy-form-control";
import { EfErrorsComponent } from "../../components/ef-errors/ef-errors.component";
import { BindEventsDirective } from "../../directives/bind-events.directive";
import * as i0 from "@angular/core";
import * as i1 from "@angular/forms";
export class EfTextAreaComponent extends EasyFormControl {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: EfTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: EfTextAreaComponent, isStandalone: true, selector: "ef-text", usesInheritance: true, ngImport: i0, template: "@if (hasInitialized()) {\r\n @if (easyFormControl().schema!.label) {\r\n <label class=\"ef-form-label\" [for]=\"easyFormControl().id\">{{ easyFormControl().schema!.label | observe }}</label>\r\n }\r\n <textarea bindEvents [id]=\"easyFormControl().id\" [formControl]=\"easyFormControl().control!\"\r\n class=\"ef-input-textarea\">\r\n </textarea>\r\n <ef-errors [control]=\"easyFormControl().control!\" [formField]=\"easyFormControl().schema!\"/>\r\n}\r\n", styles: [":host{display:block}:host-context(.show-errors-submitted .ng-submitted,.show-errors-always,.show-errors-touched .ng-touched,.show-errors-dirty .ng-dirty) .ef-input-textarea.ng-invalid{border-color:hsl(var(--ef-invalid-color, 0 100% 50%))}:host-context(.show-errors-submitted .ng-submitted,.show-errors-always,.show-errors-touched .ng-touched,.show-errors-dirty .ng-dirty) .ef-input-textarea.ng-invalid:focus{outline-color:hsla(var(--ef-invalid-color, 0 100% 50%)/.5)}:host-context(.show-errors-submitted .ng-submitted,.show-errors-always,.show-errors-touched .ng-touched,.show-errors-dirty .ng-dirty) .ef-input-textarea.ng-valid{border-color:hsl(var(--ef-valid-color, 120 100% 42%))}:host-context(.show-errors-submitted .ng-submitted,.show-errors-always,.show-errors-touched .ng-touched,.show-errors-dirty .ng-dirty) .ef-input-textarea.ng-valid:focus{outline-color:hsla(var(--ef-valid-color, 120 100% 42%)/.5)}.ef-form-label{display:block}.ef-input-textarea{width:100%;padding:var(--ef-input-padding, .5em);background:hsl(var(--ef-input-bg, 0 100% 100%));border:1px solid hsl(var(--ef-input-border-color, 0 0% 90%));border-radius:var(--ef-input-border-radius, 5px);outline:3px solid transparent;outline-offset:2px;transition:outline .2s ease-in-out;height:auto;min-height:72px}.ef-input-textarea:focus{outline-color:hsla(var(--ef-input-border-color, 0 0% 90%)/.5)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: ObservePipe, name: "observe" }, { kind: "component", type: EfErrorsComponent, selector: "ef-errors", inputs: ["form", "path", "control", "formField"] }, { kind: "directive", type: BindEventsDirective, selector: "input[bindEvents], textarea[bindEvents], select[bindEvents]" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: EfTextAreaComponent, decorators: [{
type: Component,
args: [{ selector: 'ef-text', standalone: true, imports: [
ReactiveFormsModule,
ObservePipe,
EfErrorsComponent,
BindEventsDirective
], template: "@if (hasInitialized()) {\r\n @if (easyFormControl().schema!.label) {\r\n <label class=\"ef-form-label\" [for]=\"easyFormControl().id\">{{ easyFormControl().schema!.label | observe }}</label>\r\n }\r\n <textarea bindEvents [id]=\"easyFormControl().id\" [formControl]=\"easyFormControl().control!\"\r\n class=\"ef-input-textarea\">\r\n </textarea>\r\n <ef-errors [control]=\"easyFormControl().control!\" [formField]=\"easyFormControl().schema!\"/>\r\n}\r\n", styles: [":host{display:block}:host-context(.show-errors-submitted .ng-submitted,.show-errors-always,.show-errors-touched .ng-touched,.show-errors-dirty .ng-dirty) .ef-input-textarea.ng-invalid{border-color:hsl(var(--ef-invalid-color, 0 100% 50%))}:host-context(.show-errors-submitted .ng-submitted,.show-errors-always,.show-errors-touched .ng-touched,.show-errors-dirty .ng-dirty) .ef-input-textarea.ng-invalid:focus{outline-color:hsla(var(--ef-invalid-color, 0 100% 50%)/.5)}:host-context(.show-errors-submitted .ng-submitted,.show-errors-always,.show-errors-touched .ng-touched,.show-errors-dirty .ng-dirty) .ef-input-textarea.ng-valid{border-color:hsl(var(--ef-valid-color, 120 100% 42%))}:host-context(.show-errors-submitted .ng-submitted,.show-errors-always,.show-errors-touched .ng-touched,.show-errors-dirty .ng-dirty) .ef-input-textarea.ng-valid:focus{outline-color:hsla(var(--ef-valid-color, 120 100% 42%)/.5)}.ef-form-label{display:block}.ef-input-textarea{width:100%;padding:var(--ef-input-padding, .5em);background:hsl(var(--ef-input-bg, 0 100% 100%));border:1px solid hsl(var(--ef-input-border-color, 0 0% 90%));border-radius:var(--ef-input-border-radius, 5px);outline:3px solid transparent;outline-offset:2px;transition:outline .2s ease-in-out;height:auto;min-height:72px}.ef-input-textarea:focus{outline-color:hsla(var(--ef-input-border-color, 0 0% 90%)/.5)}\n"] }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWYtdGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWFzeS1mb3JtL3NyYy9saWIvY29udHJvbHMvZWYtdGV4dGFyZWEvZWYtdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWFzeS1mb3JtL3NyYy9saWIvY29udHJvbHMvZWYtdGV4dGFyZWEvZWYtdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDaEQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGdEQUFnRCxDQUFDO0FBQ2pGLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHdDQUF3QyxDQUFDOzs7QUFjM0UsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGVBQWU7K0dBQTNDLG1CQUFtQjttR0FBbkIsbUJBQW1CLDBGQ25CaEMsd2RBU0EsKzRDREVJLG1CQUFtQixxa0JBQ25CLFdBQVcsZ0RBQ1gsaUJBQWlCLHdHQUNqQixtQkFBbUI7OzRGQUtWLG1CQUFtQjtrQkFaL0IsU0FBUzsrQkFDRSxTQUFTLGNBQ1AsSUFBSSxXQUNQO3dCQUNQLG1CQUFtQjt3QkFDbkIsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLG1CQUFtQjtxQkFDcEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7UmVhY3RpdmVGb3Jtc01vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcbmltcG9ydCB7T2JzZXJ2ZVBpcGV9IGZyb20gXCIuLi8uLi9waXBlcy9vYnNlcnZlXCI7XHJcbmltcG9ydCB7RWFzeUZvcm1Db250cm9sfSBmcm9tIFwiLi4vLi4vZWFzeS1mb3JtLWNvbnRyb2xcIjtcclxuaW1wb3J0IHtFZkVycm9yc0NvbXBvbmVudH0gZnJvbSBcIi4uLy4uL2NvbXBvbmVudHMvZWYtZXJyb3JzL2VmLWVycm9ycy5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtCaW5kRXZlbnRzRGlyZWN0aXZlfSBmcm9tIFwiLi4vLi4vZGlyZWN0aXZlcy9iaW5kLWV2ZW50cy5kaXJlY3RpdmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZWYtdGV4dCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gICAgT2JzZXJ2ZVBpcGUsXHJcbiAgICBFZkVycm9yc0NvbXBvbmVudCxcclxuICAgIEJpbmRFdmVudHNEaXJlY3RpdmVcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9lZi10ZXh0YXJlYS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2VmLXRleHRhcmVhLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRWZUZXh0QXJlYUNvbXBvbmVudCBleHRlbmRzIEVhc3lGb3JtQ29udHJvbCB7XHJcbn1cclxuIiwiQGlmIChoYXNJbml0aWFsaXplZCgpKSB7XHJcbiAgQGlmIChlYXN5Rm9ybUNvbnRyb2woKS5zY2hlbWEhLmxhYmVsKSB7XHJcbiAgICA8bGFiZWwgY2xhc3M9XCJlZi1mb3JtLWxhYmVsXCIgW2Zvcl09XCJlYXN5Rm9ybUNvbnRyb2woKS5pZFwiPnt7IGVhc3lGb3JtQ29udHJvbCgpLnNjaGVtYSEubGFiZWwgfCBvYnNlcnZlIH19PC9sYWJlbD5cclxuICB9XHJcbiAgPHRleHRhcmVhIGJpbmRFdmVudHMgW2lkXT1cImVhc3lGb3JtQ29udHJvbCgpLmlkXCIgW2Zvcm1Db250cm9sXT1cImVhc3lGb3JtQ29udHJvbCgpLmNvbnRyb2whXCJcclxuICAgICAgICAgY2xhc3M9XCJlZi1pbnB1dC10ZXh0YXJlYVwiPlxyXG4gIDwvdGV4dGFyZWE+XHJcbiAgPGVmLWVycm9ycyBbY29udHJvbF09XCJlYXN5Rm9ybUNvbnRyb2woKS5jb250cm9sIVwiIFtmb3JtRmllbGRdPVwiZWFzeUZvcm1Db250cm9sKCkuc2NoZW1hIVwiLz5cclxufVxyXG4iXX0=