import { Component, EventEmitter, Input, Output } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ReactiveFormsModule } from '@angular/forms';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
import { IdFormatPipe } from '@testlocallibrary/shared-kernel/pipes';
import { TranslateModule } from "@ngx-translate/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/form-field";
import * as i3 from "@angular/forms";
import * as i4 from "@angular/material/input";
import * as i5 from "@ngx-translate/core";
export class LdcTextAreaComponent {
    constructor() {
        this.placeholder = '';
        this.isReadOnly = false;
        this.isRequired = false;
        this.isDisabled = false;
        this.isWhiteMode = false;
        this.inputValueChanged = new EventEmitter();
    }
    onInputChanged(event) {
        this.inputValueChanged.emit(event?.target?.value);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LdcTextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LdcTextAreaComponent, isStandalone: true, selector: "lib-ldc-text-area", inputs: { label: "label", controller: "controller", placeholder: "placeholder", isReadOnly: "isReadOnly", isRequired: "isRequired", isDisabled: "isDisabled", isWhiteMode: "isWhiteMode", rows: "rows", columns: "columns", inputId: "inputId" }, outputs: { inputValueChanged: "inputValueChanged" }, ngImport: i0, template: "<mat-label class=\"ldc-label\"\r\n>{{ label | translate}}\r\n  <small *ngIf=\"isRequired\" class=\"font-14 text-danger\">*</small>\r\n</mat-label>\r\n<mat-form-field\r\n  class=\"ldc-textarea w-100 my-2\"\r\n  [ngClass]=\"isWhiteMode ? 'ldc-bg-white' : 'ldc-bg-gray'\"\r\n>\r\n  <textarea\r\n    matInput\r\n    [placeholder]=\"placeholder | translate\"\r\n    [readonly]=\"isReadOnly\"\r\n    [attr.disabled]=\"isDisabled\"\r\n    [formControl]=\"controller\"\r\n    [rows]=\"rows\"\r\n    [cols]=\"columns\"\r\n    [required]=\"isRequired\"\r\n    (change)=\"onInputChanged($event)\"\r\n    [id]=\"inputId | IdFormat\"\r\n  ></textarea>\r\n</mat-form-field>\r\n", styles: ["::ng-deep .ldc-textarea{margin-top:3px!important}::ng-deep .ldc-textarea .mdc-text-field--filled{border-radius:4px;border:1px solid #9e9e9e}::ng-deep .ldc-textarea .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:#fff}::ng-deep .ldc-textarea .mat-mdc-form-field-subscript-wrapper{display:none}::ng-deep .ldc-textarea .mdc-line-ripple{display:none}::ng-deep .ldc-textarea .mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .ldc-textarea .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .ldc-textarea .mat-mdc-form-field-focus-overlay{background-color:#fff!important}::ng-deep .ldc-textarea .mat-mdc-form-field-infix{min-height:14px!important;padding-top:8px!important;padding-bottom:8px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "pipe", type: IdFormatPipe, name: "IdFormat" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LdcTextAreaComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lib-ldc-text-area', standalone: true, imports: [
                        CommonModule,
                        MatFormFieldModule,
                        ReactiveFormsModule,
                        MatInputModule,
                        IdFormatPipe,
                        TranslateModule
                    ], template: "<mat-label class=\"ldc-label\"\r\n>{{ label | translate}}\r\n  <small *ngIf=\"isRequired\" class=\"font-14 text-danger\">*</small>\r\n</mat-label>\r\n<mat-form-field\r\n  class=\"ldc-textarea w-100 my-2\"\r\n  [ngClass]=\"isWhiteMode ? 'ldc-bg-white' : 'ldc-bg-gray'\"\r\n>\r\n  <textarea\r\n    matInput\r\n    [placeholder]=\"placeholder | translate\"\r\n    [readonly]=\"isReadOnly\"\r\n    [attr.disabled]=\"isDisabled\"\r\n    [formControl]=\"controller\"\r\n    [rows]=\"rows\"\r\n    [cols]=\"columns\"\r\n    [required]=\"isRequired\"\r\n    (change)=\"onInputChanged($event)\"\r\n    [id]=\"inputId | IdFormat\"\r\n  ></textarea>\r\n</mat-form-field>\r\n", styles: ["::ng-deep .ldc-textarea{margin-top:3px!important}::ng-deep .ldc-textarea .mdc-text-field--filled{border-radius:4px;border:1px solid #9e9e9e}::ng-deep .ldc-textarea .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:#fff}::ng-deep .ldc-textarea .mat-mdc-form-field-subscript-wrapper{display:none}::ng-deep .ldc-textarea .mdc-line-ripple{display:none}::ng-deep .ldc-textarea .mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .ldc-textarea .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:0!important}::ng-deep .ldc-textarea .mat-mdc-form-field-focus-overlay{background-color:#fff!important}::ng-deep .ldc-textarea .mat-mdc-form-field-infix{min-height:14px!important;padding-top:8px!important;padding-bottom:8px!important}\n"] }]
        }], propDecorators: { label: [{
                type: Input,
                args: [{ required: true }]
            }], controller: [{
                type: Input
            }], placeholder: [{
                type: Input
            }], isReadOnly: [{
                type: Input
            }], isRequired: [{
                type: Input
            }], isDisabled: [{
                type: Input
            }], isWhiteMode: [{
                type: Input
            }], rows: [{
                type: Input
            }], columns: [{
                type: Input
            }], inputId: [{
                type: Input
            }], inputValueChanged: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 