master-control 0.4.40 → 0.4.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -44,7 +44,7 @@ export class TextareaComponent {
|
|
|
44
44
|
useExisting: TextareaComponent,
|
|
45
45
|
multi: true
|
|
46
46
|
}
|
|
47
|
-
], ngImport: i0, template: "@if(reactiveFormControlobject()) {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n [formControl]=\"reactiveFormControlobject()\"\n></textarea>\n}@else {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n></textarea>\n}\n", styles: ["*{font-family:mulish!important}::ng-deep textarea{width:-webkit-fill-available!important;border:1.5px solid #dddddd!important;border-radius:4px!important;caret-color:#fb0!important;color:#444!important}::ng-deep textarea:focus{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea:focus-visible{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea{width:var(--custom-textarea-width, -webkit-fill-available)!important;border-radius:var(--custom-textarea-radius, 4px)!important;caret-color:var(--custom-textarea-caret-color, #ffbb00)!important;color:var(--custom-textarea-font-color, #444444)!important;border-color:var(--custom-textarea-border-color,#dddddd)!important;border-width:var(--custom-textarea-border-width, 1.5px solid)!important}::ng-deep textarea:focus{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}::ng-deep textarea:focus-visible{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: FormsModule }] });
|
|
47
|
+
], ngImport: i0, template: "\n<label\n class=\"field-lable\"\n *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\n >{{ field()?.label\n }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\n >*</span\n ></label\n>\n@if(reactiveFormControlobject()) {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n [formControl]=\"reactiveFormControlobject()\"\n></textarea>\n}@else {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n></textarea>\n}\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:5px}*{font-family:mulish!important}::ng-deep textarea{width:-webkit-fill-available!important;border:1.5px solid #dddddd!important;border-radius:4px!important;caret-color:#fb0!important;color:#444!important}::ng-deep textarea:focus{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea:focus-visible{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea{width:var(--custom-textarea-width, -webkit-fill-available)!important;border-radius:var(--custom-textarea-radius, 4px)!important;caret-color:var(--custom-textarea-caret-color, #ffbb00)!important;color:var(--custom-textarea-font-color, #444444)!important;border-color:var(--custom-textarea-border-color,#dddddd)!important;border-width:var(--custom-textarea-border-width, 1.5px solid)!important}::ng-deep textarea:focus{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}::ng-deep textarea:focus-visible{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: FormsModule }] });
|
|
48
48
|
}
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
@@ -58,8 +58,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
58
58
|
useExisting: TextareaComponent,
|
|
59
59
|
multi: true
|
|
60
60
|
}
|
|
61
|
-
], template: "@if(reactiveFormControlobject()) {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n [formControl]=\"reactiveFormControlobject()\"\n></textarea>\n}@else {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n></textarea>\n}\n", styles: ["*{font-family:mulish!important}::ng-deep textarea{width:-webkit-fill-available!important;border:1.5px solid #dddddd!important;border-radius:4px!important;caret-color:#fb0!important;color:#444!important}::ng-deep textarea:focus{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea:focus-visible{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea{width:var(--custom-textarea-width, -webkit-fill-available)!important;border-radius:var(--custom-textarea-radius, 4px)!important;caret-color:var(--custom-textarea-caret-color, #ffbb00)!important;color:var(--custom-textarea-font-color, #444444)!important;border-color:var(--custom-textarea-border-color,#dddddd)!important;border-width:var(--custom-textarea-border-width, 1.5px solid)!important}::ng-deep textarea:focus{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}::ng-deep textarea:focus-visible{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}\n"] }]
|
|
61
|
+
], template: "\n<label\n class=\"field-lable\"\n *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\n >{{ field()?.label\n }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\n >*</span\n ></label\n>\n@if(reactiveFormControlobject()) {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n [formControl]=\"reactiveFormControlobject()\"\n></textarea>\n}@else {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n></textarea>\n}\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:5px}*{font-family:mulish!important}::ng-deep textarea{width:-webkit-fill-available!important;border:1.5px solid #dddddd!important;border-radius:4px!important;caret-color:#fb0!important;color:#444!important}::ng-deep textarea:focus{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea:focus-visible{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea{width:var(--custom-textarea-width, -webkit-fill-available)!important;border-radius:var(--custom-textarea-radius, 4px)!important;caret-color:var(--custom-textarea-caret-color, #ffbb00)!important;color:var(--custom-textarea-font-color, #444444)!important;border-color:var(--custom-textarea-border-color,#dddddd)!important;border-width:var(--custom-textarea-border-width, 1.5px solid)!important}::ng-deep textarea:focus{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}::ng-deep textarea:focus-visible{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}\n"] }]
|
|
62
62
|
}], ctorParameters: () => [{ type: i1.MasterControlService }], propDecorators: { blur: [{
|
|
63
63
|
type: Output
|
|
64
64
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFzdGVyLWNvbnRyb2wvc3JjL2xpYi90ZXh0YXJlYS90ZXh0YXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL3RleHRhcmVhL3RleHRhcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBd0IsV0FBVyxFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBb0IzRyxNQUFNLE9BQU8saUJBQWlCO0lBQ1Q7SUFBbkIsWUFBbUIsYUFBb0M7UUFBcEMsa0JBQWEsR0FBYixhQUFhLENBQXVCO0lBQUUsQ0FBQztJQUMxRCxLQUFLLEdBQVMsS0FBSyxDQUFDLFFBQVEsRUFBTyxDQUFDO0lBQ3BDLHlCQUF5QixHQUFTLEtBQUssRUFBTyxDQUFDO0lBRS9DLGtDQUFrQztJQUNsQyxhQUFhLEdBQVEsSUFBSSxDQUFDO0lBQzFCLFNBQVMsR0FBUSxDQUFDLGFBQWtCLEVBQUUsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUM1QyxVQUFVLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBRTNCLGtEQUFrRDtJQUN4QyxJQUFJLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUV6QyxzQ0FBc0M7SUFDdEMsVUFBVSxDQUFDLEdBQVE7UUFDakIsSUFBSSxDQUFDLGFBQWEsR0FBRyxHQUFHLENBQUM7SUFDM0IsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGdCQUFnQixDQUFFLFVBQW1CLElBQVMsQ0FBQztJQUUvQyxnQkFBZ0IsQ0FBQyxLQUFVO1FBQ3pCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDeEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFXO1FBQ3hCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO3dHQXBDVSxpQkFBaUI7NEZBQWpCLGlCQUFpQiw2WUFSakI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsaUJBQWlCO2dCQUM5QixLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsMEJDckJILGlrRkFpRUEsaXlDRHhESSxZQUFZLHVOQUNaLG1CQUFtQixzeUJBQ25CLFdBQVc7OzRGQVlGLGlCQUFpQjtrQkFsQjdCLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsV0FBVztxQkFDWixhQUdVO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsbUJBQW1COzRCQUM5QixLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjt5RkFhUyxJQUFJO3NCQUFiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hc3RlckNvbnRyb2xTZXJ2aWNlIH0gZnJvbSAnLi4vbWFzdGVyLWNvbnRyb2wuc2VydmljZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdGV4dGFyZWEnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLCBcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0YXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ZXh0YXJlYS5jb21wb25lbnQuY3NzJyxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogVGV4dGFyZWFDb21wb25lbnQsXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0YXJlYUNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgY29uc3RydWN0b3IocHVibGljIG1hc3RlclNlcnZpY2UgOiBNYXN0ZXJDb250cm9sU2VydmljZSl7fVxuICBmaWVsZCA6IGFueSA9IGlucHV0LnJlcXVpcmVkPGFueT4oKTtcbiAgcmVhY3RpdmVGb3JtQ29udHJvbG9iamVjdCA6IGFueSA9IGlucHV0PGFueT4oKTtcblxuICAvLyBDb250cm9sVmFsdWVBY2Nlc3NvciBwcm9wZXJ0aWVzXG4gIHRleHRhcmVhVmFsdWU6IGFueSA9IG51bGw7XG4gIF9vbkNoYW5nZTogYW55ID0gKHRleHRhcmVhVmFsdWU6IGFueSkgPT4ge307XG4gIF9vblRvdWNoZWQ6IGFueSA9ICgpID0+IHt9O1xuXG4gIC8vIERlY2xhcmUgT3V0cHV0IGV2ZW50IGVtaXR0ZXIgaGVyZSAoY2xhc3MgbGV2ZWwpXG4gIEBPdXRwdXQoKSBibHVyID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgLy8gQ29udHJvbFZhbHVlQWNjZXNzb3IgaW1wbGVtZW50YXRpb25cbiAgd3JpdGVWYWx1ZShvYmo6IGFueSk6IHZvaWQge1xuICAgIHRoaXMudGV4dGFyZWFWYWx1ZSA9IG9iajtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMuX29uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5fb25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7fVxuXG4gIG9uVGV4dGFyZWFDaGFuZ2UoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMudGV4dGFyZWFWYWx1ZSA9IGV2ZW50LnRhcmdldC52YWx1ZTtcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLnRleHRhcmVhVmFsdWUpO1xuICB9XG5cbiAgb25UZXh0YXJlYUJsdXIoZXZlbnQ/OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLl9vblRvdWNoZWQoKTtcbiAgICB0aGlzLmJsdXIuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIlxuPGxhYmVsXG4gIGNsYXNzPVwiZmllbGQtbGFibGVcIlxuICAqbmdJZj1cImZpZWxkKCkgJiYgZmllbGQoKT8uaXNWaXNpYmxlICYmIGZpZWxkKCkuaXNTaG93TGFiZWxcIlxuICA+e3sgZmllbGQoKT8ubGFiZWxcbiAgfX08c3BhbiBzdHlsZT1cImNvbG9yOiByZWRcIiAqbmdJZj1cImZpZWxkKCkgJiYgZmllbGQoKT8udmFsaWRhdG9ycz8uaXNSZXF1aXJlZFwiXG4gICAgPio8L3NwYW5cbiAgPjwvbGFiZWxcbj5cbkBpZihyZWFjdGl2ZUZvcm1Db250cm9sb2JqZWN0KCkpIHtcbjx0ZXh0YXJlYVxuW25nU3R5bGVdPVwie1xuICAgICctLWN1c3RvbS10ZXh0YXJlYS13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8ud2lkdGggLFxuICAgICctLWN1c3RvbS10ZXh0YXJlYS1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcbiAgICAnLS1jdXN0b20tdGV4dGFyZWEtYm9yZGVyLXdpZHRoJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJXaWR0aCAsXG4gICAgJy0tY3VzdG9tLXRleHRhcmVhLWJvcmRlci1jb2xvci1mb2N1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9jdXNCb3JkZXJDb2xvciAsXG4gICAgJy0tY3VzdG9tLXRleHRhcmVhLWJvcmRlci13aWR0aC1mb2N1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9jdXNCb3JkZXJDb2xvciAsXG4gICAgJy0tY3VzdG9tLXRleHRhcmVhLXJhZGl1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyUmFkaXVzICxcbiAgICAnLS1jdXN0b20tdGV4dGFyZWEtY2FyZXQtY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmNhcmV0Q29sb3IgLFxuICAgICctLWN1c3RvbS10ZXh0YXJlYS1mb250LWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5jb2xvciAsXG4gICAgfVwiXG4qbmdJZj1cImZpZWxkKCkgJiYgZmllbGQoKT8uaXNWaXNpYmxlXCJcbiAgY29scz1cIjQwXCJcbiAgcm93cz1cIjNcIlxuICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICBbbmFtZV09XCJmaWVsZCgpPy5maWVsZE5hbWVcIlxuICBbaWRdPVwiZmllbGQoKT8uZmllbGROYW1lXCJcbiAgW3BsYWNlaG9sZGVyXT1cImZpZWxkKCk/LnBsYWNlSG9sZGVyXCJcbiAgW21heExlbmd0aF09XCJmaWVsZCgpPy52YWxpZGF0b3JzPy5tYXhMZW5ndGhcIlxuICBbbWluTGVuZ3RoXT1cImZpZWxkKCk/LnZhbGlkYXRvcnM/Lm1pbkxlbmd0aFwiXG4gIFtkaXNhYmxlZF09XCJmaWVsZCgpPy5pc0Rpc2FibGVcIlxuICBbcmVxdWlyZWRdPVwiZmllbGQoKT8udmFsaWRhdG9ycz8uaXNSZXF1aXJlZFwiXG4gIChpbnB1dCk9XCJvblRleHRhcmVhQ2hhbmdlKCRldmVudClcIlxuICAoYmx1cik9XCJvblRleHRhcmVhQmx1cigkZXZlbnQpXCJcbiAgW3ZhbHVlXT1cInRleHRhcmVhVmFsdWVcIlxuICBbZm9ybUNvbnRyb2xdPVwicmVhY3RpdmVGb3JtQ29udHJvbG9iamVjdCgpXCJcbj48L3RleHRhcmVhPlxufUBlbHNlIHtcbjx0ZXh0YXJlYVxuW25nU3R5bGVdPVwie1xuICAgICctLWN1c3RvbS10ZXh0YXJlYS13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8ud2lkdGggLFxuICAgICctLWN1c3RvbS10ZXh0YXJlYS1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcbiAgICAnLS1jdXN0b20tdGV4dGFyZWEtYm9yZGVyLXdpZHRoJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJXaWR0aCAsXG4gICAgJy0tY3VzdG9tLXRleHRhcmVhLWJvcmRlci1jb2xvci1mb2N1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9jdXNCb3JkZXJDb2xvciAsXG4gICAgJy0tY3VzdG9tLXRleHRhcmVhLWJvcmRlci13aWR0aC1mb2N1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9jdXNCb3JkZXJDb2xvciAsXG4gICAgJy0tY3VzdG9tLXRleHRhcmVhLXJhZGl1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyUmFkaXVzICxcbiAgICAnLS1jdXN0b20tdGV4dGFyZWEtY2FyZXQtY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmNhcmV0Q29sb3IgLFxuICAgICctLWN1c3RvbS10ZXh0YXJlYS1mb250LWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5jb2xvciAsXG4gICAgfVwiXG4qbmdJZj1cImZpZWxkKCkgJiYgZmllbGQoKT8uaXNWaXNpYmxlXCJcbiAgY29scz1cIjQwXCJcbiAgcm93cz1cIjNcIlxuICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICBbbmFtZV09XCJmaWVsZCgpPy5maWVsZE5hbWVcIlxuICBbaWRdPVwiZmllbGQoKT8uZmllbGROYW1lXCJcbiAgW3BsYWNlaG9sZGVyXT1cImZpZWxkKCk/LnBsYWNlSG9sZGVyXCJcbiAgW21heExlbmd0aF09XCJmaWVsZCgpPy52YWxpZGF0b3JzPy5tYXhMZW5ndGhcIlxuICBbbWluTGVuZ3RoXT1cImZpZWxkKCk/LnZhbGlkYXRvcnM/Lm1pbkxlbmd0aFwiXG4gIFtkaXNhYmxlZF09XCJmaWVsZCgpPy5pc0Rpc2FibGVcIlxuICBbcmVxdWlyZWRdPVwiZmllbGQoKT8udmFsaWRhdG9ycz8uaXNSZXF1aXJlZFwiXG4gIChpbnB1dCk9XCJvblRleHRhcmVhQ2hhbmdlKCRldmVudClcIlxuICAoYmx1cik9XCJvblRleHRhcmVhQmx1cigkZXZlbnQpXCJcbiAgW3ZhbHVlXT1cInRleHRhcmVhVmFsdWVcIlxuPjwvdGV4dGFyZWE+XG59XG4iXX0=
|
|
@@ -1616,7 +1616,7 @@ class TextareaComponent {
|
|
|
1616
1616
|
useExisting: TextareaComponent,
|
|
1617
1617
|
multi: true
|
|
1618
1618
|
}
|
|
1619
|
-
], ngImport: i0, template: "@if(reactiveFormControlobject()) {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n [formControl]=\"reactiveFormControlobject()\"\n></textarea>\n}@else {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n></textarea>\n}\n", styles: ["*{font-family:mulish!important}::ng-deep textarea{width:-webkit-fill-available!important;border:1.5px solid #dddddd!important;border-radius:4px!important;caret-color:#fb0!important;color:#444!important}::ng-deep textarea:focus{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea:focus-visible{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea{width:var(--custom-textarea-width, -webkit-fill-available)!important;border-radius:var(--custom-textarea-radius, 4px)!important;caret-color:var(--custom-textarea-caret-color, #ffbb00)!important;color:var(--custom-textarea-font-color, #444444)!important;border-color:var(--custom-textarea-border-color,#dddddd)!important;border-width:var(--custom-textarea-border-width, 1.5px solid)!important}::ng-deep textarea:focus{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}::ng-deep textarea:focus-visible{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }] });
|
|
1619
|
+
], ngImport: i0, template: "\n<label\n class=\"field-lable\"\n *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\n >{{ field()?.label\n }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\n >*</span\n ></label\n>\n@if(reactiveFormControlobject()) {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n [formControl]=\"reactiveFormControlobject()\"\n></textarea>\n}@else {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n></textarea>\n}\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:5px}*{font-family:mulish!important}::ng-deep textarea{width:-webkit-fill-available!important;border:1.5px solid #dddddd!important;border-radius:4px!important;caret-color:#fb0!important;color:#444!important}::ng-deep textarea:focus{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea:focus-visible{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea{width:var(--custom-textarea-width, -webkit-fill-available)!important;border-radius:var(--custom-textarea-radius, 4px)!important;caret-color:var(--custom-textarea-caret-color, #ffbb00)!important;color:var(--custom-textarea-font-color, #444444)!important;border-color:var(--custom-textarea-border-color,#dddddd)!important;border-width:var(--custom-textarea-border-width, 1.5px solid)!important}::ng-deep textarea:focus{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}::ng-deep textarea:focus-visible{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }] });
|
|
1620
1620
|
}
|
|
1621
1621
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
1622
1622
|
type: Component,
|
|
@@ -1630,7 +1630,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1630
1630
|
useExisting: TextareaComponent,
|
|
1631
1631
|
multi: true
|
|
1632
1632
|
}
|
|
1633
|
-
], template: "@if(reactiveFormControlobject()) {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n [formControl]=\"reactiveFormControlobject()\"\n></textarea>\n}@else {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n></textarea>\n}\n", styles: ["*{font-family:mulish!important}::ng-deep textarea{width:-webkit-fill-available!important;border:1.5px solid #dddddd!important;border-radius:4px!important;caret-color:#fb0!important;color:#444!important}::ng-deep textarea:focus{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea:focus-visible{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea{width:var(--custom-textarea-width, -webkit-fill-available)!important;border-radius:var(--custom-textarea-radius, 4px)!important;caret-color:var(--custom-textarea-caret-color, #ffbb00)!important;color:var(--custom-textarea-font-color, #444444)!important;border-color:var(--custom-textarea-border-color,#dddddd)!important;border-width:var(--custom-textarea-border-width, 1.5px solid)!important}::ng-deep textarea:focus{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}::ng-deep textarea:focus-visible{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}\n"] }]
|
|
1633
|
+
], template: "\n<label\n class=\"field-lable\"\n *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\n >{{ field()?.label\n }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\n >*</span\n ></label\n>\n@if(reactiveFormControlobject()) {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n [formControl]=\"reactiveFormControlobject()\"\n></textarea>\n}@else {\n<textarea\n[ngStyle]=\"{\n '--custom-textarea-width': field()?.controlStyle?.width ,\n '--custom-textarea-border-color': field()?.controlStyle?.borderColor ,\n '--custom-textarea-border-width': field()?.controlStyle?.borderWidth ,\n '--custom-textarea-border-color-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-border-width-focus': field()?.controlStyle?.focusBorderColor ,\n '--custom-textarea-radius': field()?.controlStyle?.borderRadius ,\n '--custom-textarea-caret-color': field()?.controlStyle?.caretColor ,\n '--custom-textarea-font-color': field()?.controlStyle?.color ,\n }\"\n*ngIf=\"field() && field()?.isVisible\"\n cols=\"40\"\n rows=\"3\"\n autocomplete=\"off\"\n [name]=\"field()?.fieldName\"\n [id]=\"field()?.fieldName\"\n [placeholder]=\"field()?.placeHolder\"\n [maxLength]=\"field()?.validators?.maxLength\"\n [minLength]=\"field()?.validators?.minLength\"\n [disabled]=\"field()?.isDisable\"\n [required]=\"field()?.validators?.isRequired\"\n (input)=\"onTextareaChange($event)\"\n (blur)=\"onTextareaBlur($event)\"\n [value]=\"textareaValue\"\n></textarea>\n}\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:5px}*{font-family:mulish!important}::ng-deep textarea{width:-webkit-fill-available!important;border:1.5px solid #dddddd!important;border-radius:4px!important;caret-color:#fb0!important;color:#444!important}::ng-deep textarea:focus{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea:focus-visible{outline:none!important;border:1.5px solid #ffbb00!important}::ng-deep textarea{width:var(--custom-textarea-width, -webkit-fill-available)!important;border-radius:var(--custom-textarea-radius, 4px)!important;caret-color:var(--custom-textarea-caret-color, #ffbb00)!important;color:var(--custom-textarea-font-color, #444444)!important;border-color:var(--custom-textarea-border-color,#dddddd)!important;border-width:var(--custom-textarea-border-width, 1.5px solid)!important}::ng-deep textarea:focus{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}::ng-deep textarea:focus-visible{border-color:var(--custom-textarea-border-color-focus,#dddddd)!important;border-width:var(--custom-textarea-border-width-focus, 1.5px solid)!important}\n"] }]
|
|
1634
1634
|
}], ctorParameters: () => [{ type: MasterControlService }], propDecorators: { blur: [{
|
|
1635
1635
|
type: Output
|
|
1636
1636
|
}] } });
|