@progress-chef/platform-shared-components 0.0.73 → 0.0.75
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.
- package/esm2022/lib/atoms/text-area/text-area.component.mjs +2 -2
- package/esm2022/lib/atoms/textbox/textbox.component.mjs +10 -3
- package/esm2022/lib/atoms/textbox/textbox.module.mjs +5 -4
- package/fesm2022/progress-chef-platform-shared-components.mjs +13 -7
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/atoms/textbox/textbox.component.d.ts +3 -1
- package/lib/atoms/textbox/textbox.module.d.ts +2 -1
- package/package.json +1 -1
|
@@ -32,11 +32,11 @@ export class TextareaComponent {
|
|
|
32
32
|
this.emitOnFocus.emit();
|
|
33
33
|
}
|
|
34
34
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaComponent, selector: "lib-text-area", inputs: { placeholder: "placeholder", resizable: "resizable", readonly: "readonly", disabled: "disabled", rows: "rows", cols: "cols", width: "width", value: "value", control: "control", focus: "focus" }, outputs: { inputChange: "inputChange", emitOnBlur: "emitOnBlur", emitOnFocus: "emitOnFocus" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<kendo-textarea\n #textarea\n [placeholder]=\"placeholder\"\n [resizable]=\"resizable\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [style.width.px]=\"width\"\n [(ngModel)]=\"value\"\n [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n>\n</kendo-textarea>\n", styles: ["
|
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaComponent, selector: "lib-text-area", inputs: { placeholder: "placeholder", resizable: "resizable", readonly: "readonly", disabled: "disabled", rows: "rows", cols: "cols", width: "width", value: "value", control: "control", focus: "focus" }, outputs: { inputChange: "inputChange", emitOnBlur: "emitOnBlur", emitOnFocus: "emitOnFocus" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<kendo-textarea\n #textarea\n [placeholder]=\"placeholder\"\n [resizable]=\"resizable\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [style.width.px]=\"width\"\n [(ngModel)]=\"value\"\n [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n>\n</kendo-textarea>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}\n"], dependencies: [{ kind: "component", type: i2.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
36
36
|
}
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
39
|
-
args: [{ selector: 'lib-text-area', template: "<kendo-textarea\n #textarea\n [placeholder]=\"placeholder\"\n [resizable]=\"resizable\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [style.width.px]=\"width\"\n [(ngModel)]=\"value\"\n [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n>\n</kendo-textarea>\n", styles: ["
|
|
39
|
+
args: [{ selector: 'lib-text-area', template: "<kendo-textarea\n #textarea\n [placeholder]=\"placeholder\"\n [resizable]=\"resizable\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [style.width.px]=\"width\"\n [(ngModel)]=\"value\"\n [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n>\n</kendo-textarea>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}\n"] }]
|
|
40
40
|
}], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { textarea: [{
|
|
41
41
|
type: ViewChild,
|
|
42
42
|
args: ['textarea', { static: false }]
|
|
@@ -6,6 +6,7 @@ import * as i2 from "@angular/common";
|
|
|
6
6
|
import * as i3 from "@progress/kendo-angular-inputs";
|
|
7
7
|
import * as i4 from "@angular/forms";
|
|
8
8
|
import * as i5 from "../icon/icon.component";
|
|
9
|
+
import * as i6 from "../typography/typography.component";
|
|
9
10
|
export class TextboxComponent {
|
|
10
11
|
constructor(themesService) {
|
|
11
12
|
this.themesService = themesService;
|
|
@@ -22,6 +23,8 @@ export class TextboxComponent {
|
|
|
22
23
|
this.control = new FormControl();
|
|
23
24
|
this.value = '';
|
|
24
25
|
this.type = '';
|
|
26
|
+
this.showError = false;
|
|
27
|
+
this.errorMessage = "Error";
|
|
25
28
|
this.inputChange = new EventEmitter();
|
|
26
29
|
this.focusEvent = new EventEmitter();
|
|
27
30
|
this.blurEvent = new EventEmitter();
|
|
@@ -60,11 +63,11 @@ export class TextboxComponent {
|
|
|
60
63
|
this.blurEvent.emit();
|
|
61
64
|
}
|
|
62
65
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
63
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextboxComponent, selector: "lib-textbox", inputs: { showEyeIcon: "showEyeIcon", clearButton: "clearButton", placeholder: "placeholder", width: "width", isDisabled: "isDisabled", readonly: "readonly", size: "size", rounded: "rounded", fillMode: "fillMode", control: "control", value: "value", type: "type" }, outputs: { inputChange: "inputChange", focusEvent: "focusEvent", blurEvent: "blurEvent" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n
|
|
66
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextboxComponent, selector: "lib-textbox", inputs: { showEyeIcon: "showEyeIcon", clearButton: "clearButton", placeholder: "placeholder", width: "width", isDisabled: "isDisabled", readonly: "readonly", size: "size", rounded: "rounded", fillMode: "fillMode", control: "control", value: "value", type: "type", showError: "showError", errorMessage: "errorMessage" }, outputs: { inputChange: "inputChange", focusEvent: "focusEvent", blurEvent: "blurEvent" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div title=\"{{isDisabled ? value : ''}}\">\n <kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n </ng-template>\n </kendo-textbox>\n <div *ngIf=\"showError\">\n <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n </div>\n</div>\n", styles: ["kendo-textbox lib-icon{padding:7px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i3.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "component", type: i6.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
64
67
|
}
|
|
65
68
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxComponent, decorators: [{
|
|
66
69
|
type: Component,
|
|
67
|
-
args: [{ selector: 'lib-textbox', template: "<kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n
|
|
70
|
+
args: [{ selector: 'lib-textbox', template: "<div title=\"{{isDisabled ? value : ''}}\">\n <kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n </ng-template>\n </kendo-textbox>\n <div *ngIf=\"showError\">\n <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n </div>\n</div>\n", styles: ["kendo-textbox lib-icon{padding:7px;cursor:pointer}\n"] }]
|
|
68
71
|
}], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { textbox: [{
|
|
69
72
|
type: ViewChild,
|
|
70
73
|
args: ['textbox', { static: false }]
|
|
@@ -92,6 +95,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
92
95
|
type: Input
|
|
93
96
|
}], type: [{
|
|
94
97
|
type: Input
|
|
98
|
+
}], showError: [{
|
|
99
|
+
type: Input
|
|
100
|
+
}], errorMessage: [{
|
|
101
|
+
type: Input
|
|
95
102
|
}], inputChange: [{
|
|
96
103
|
type: Output
|
|
97
104
|
}], focusEvent: [{
|
|
@@ -99,4 +106,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
99
106
|
}], blurEvent: [{
|
|
100
107
|
type: Output
|
|
101
108
|
}] } });
|
|
102
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy90ZXh0Ym94L3RleHRib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvdGV4dGJveC90ZXh0Ym94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFlBQVksRUFDWixNQUFNLEVBQ04sU0FBUyxHQUlWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7QUFRN0MsTUFBTSxPQUFPLGdCQUFnQjtJQXVCM0IsWUFBb0IsYUFBMkI7UUFBM0Isa0JBQWEsR0FBYixhQUFhLENBQWM7UUFwQi9DLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBRXJCLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBQzdCLGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBQzVCLGdCQUFXLEdBQVcsU0FBUyxDQUFDO1FBQ2hDLFVBQUssR0FBVyxLQUFLLENBQUM7UUFDdEIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFNBQUksR0FBaUMsUUFBUSxDQUFDO1FBQzlDLFlBQU8sR0FBbUQsUUFBUSxDQUFDO1FBQ25FLGFBQVEsR0FBMEMsU0FBUyxDQUFDO1FBQzVELFlBQU8sR0FBZ0IsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUN6QyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLFNBQUksR0FBWSxFQUFFLENBQUM7UUFDbkIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixpQkFBWSxHQUFXLE9BQU8sQ0FBQTtRQUM3QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDekMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDaEMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFVSxDQUFDO0lBRXBELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFHLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRTtZQUN4QixJQUFHLE9BQU8sQ0FBQyxZQUFZLENBQUMsRUFBRSxZQUFZLEVBQUU7Z0JBQ3RDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7YUFDeEI7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQzthQUN2QjtTQUNGO0lBQ0gsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ3BELENBQUM7SUFFTSxnQkFBZ0I7UUFDckIsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDO1FBQ3RELElBQUksWUFBWSxDQUFDLElBQUksS0FBSyxVQUFVLEVBQUU7WUFDcEMsWUFBWSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUM7WUFDM0IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7U0FDMUI7YUFBTTtZQUNMLFlBQVksQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDO1lBQy9CLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1NBQzNCO0lBQ0gsQ0FBQztJQUVELGVBQWUsQ0FBQyxFQUFVO1FBQ3hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0E1RFUsZ0JBQWdCO21HQUFoQixnQkFBZ0IsdWtCQ2xCN0IsdzFCQWFBOzs0RkRLYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTtvR0FNaEIsT0FBTztzQkFEYixTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBSTlCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG4gIEFmdGVyVmlld0luaXQsXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRoZW1lc1NlcnZpY2UgfSBmcm9tICdAcHJvZ3Jlc3MtY2hlZi9wbGF0Zm9ybS10aGVtZXMtc2VydmljZSc7XG5pbXBvcnQgeyBUZXh0Qm94Q29tcG9uZW50IH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItaW5wdXRzJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi10ZXh0Ym94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHRib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ZXh0Ym94LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRleHRib3hDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMge1xuICBAVmlld0NoaWxkKCd0ZXh0Ym94JywgeyBzdGF0aWM6IGZhbHNlIH0pXG4gIHB1YmxpYyB0ZXh0Ym94ITogVGV4dEJveENvbXBvbmVudDtcbiAgc2hvd1Bhc3N3b3JkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KCkgc2hvd0V5ZUljb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgY2xlYXJCdXR0b246IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJ21lc3NhZ2UnO1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nID0gJzMwMCc7XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcmVhZG9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2l6ZTogXCJzbWFsbFwiIHwgXCJtZWRpdW1cIiB8IFwibGFyZ2VcIiA9IFwibWVkaXVtXCI7XG4gIEBJbnB1dCgpIHJvdW5kZWQ6IFwic21hbGxcIiB8IFwibWVkaXVtXCIgfCBcImxhcmdlXCIgfCBcImZ1bGxcIiB8IFwibm9uZVwiID0gXCJtZWRpdW1cIjtcbiAgQElucHV0KCkgZmlsbE1vZGU6IFwic29saWRcIiB8IFwiZmxhdFwiIHwgXCJvdXRsaW5lXCIgfCBcIm5vbmVcIiA9IFwib3V0bGluZVwiO1xuICBASW5wdXQoKSBjb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgpO1xuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZyA9ICAnJztcbiAgQElucHV0KCkgc2hvd0Vycm9yOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZTogc3RyaW5nID0gXCJFcnJvclwiXG4gIEBPdXRwdXQoKSBpbnB1dENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgZm9jdXNFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGJsdXJFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRoZW1lc1NlcnZpY2U6VGhlbWVzU2VydmljZSkgeyB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyl7XG4gICAgaWYoY2hhbmdlc1snaXNEaXNhYmxlZCddKSB7XG4gICAgICBpZihjaGFuZ2VzWydpc0Rpc2FibGVkJ10/LmN1cnJlbnRWYWx1ZSkge1xuICAgICAgICB0aGlzLmNvbnRyb2wuZGlzYWJsZSgpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5jb250cm9sLmVuYWJsZSgpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy50ZXh0Ym94LmlucHV0Lm5hdGl2ZUVsZW1lbnQudHlwZSA9IHRoaXMudHlwZTtcbiAgfVxuXG4gIHB1YmxpYyB0b2dnbGVWaXNpYmlsaXR5KCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0RWxlbWVudCA9IHRoaXMudGV4dGJveC5pbnB1dC5uYXRpdmVFbGVtZW50O1xuICAgIGlmIChpbnB1dEVsZW1lbnQudHlwZSA9PT0gXCJwYXNzd29yZFwiKSB7XG4gICAgICBpbnB1dEVsZW1lbnQudHlwZSA9IFwidGV4dFwiO1xuICAgICAgdGhpcy5zaG93UGFzc3dvcmQgPSB0cnVlO1xuICAgIH0gZWxzZSB7XG4gICAgICBpbnB1dEVsZW1lbnQudHlwZSA9IFwicGFzc3dvcmRcIjtcbiAgICAgIHRoaXMuc2hvd1Bhc3N3b3JkID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgZW1pdFZhbHVlQ2hhbmdlKGV2OiBzdHJpbmcpIHtcbiAgICB0aGlzLmlucHV0Q2hhbmdlLmVtaXQoZXYpO1xuICB9XG5cbiAgb25Gb2N1cygpIHtcbiAgICB0aGlzLmZvY3VzRXZlbnQuZW1pdCgpO1xuICB9XG5cbiAgb25CbHVyKCkge1xuICAgIHRoaXMuYmx1ckV2ZW50LmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiB0aXRsZT1cInt7aXNEaXNhYmxlZCA/IHZhbHVlIDogJyd9fVwiPlxuICA8a2VuZG8tdGV4dGJveCAjdGV4dGJveCBbc3R5bGUud2lkdGgucHhdPVwid2lkdGhcIiBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiBbY2xlYXJCdXR0b25dPVwiY2xlYXJCdXR0b25cIlxuICAgIFtmaWxsTW9kZV09XCJmaWxsTW9kZVwiIFtyZWFkb25seV09XCJyZWFkb25seVwiIFtzaXplXT1cInNpemVcIiBbcm91bmRlZF09XCJyb3VuZGVkXCIgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICAgIFsobmdNb2RlbCldPVwidmFsdWVcIiAobmdNb2RlbENoYW5nZSk9XCJlbWl0VmFsdWVDaGFuZ2UoJGV2ZW50KVwiIChmb2N1cyk9XCJvbkZvY3VzKClcIiAoYmx1cik9XCJvbkJsdXIoKVwiPlxuICAgIDxuZy10ZW1wbGF0ZSAqbmdJZj1cInRoaXMudHlwZSA9PT0gJ3Bhc3N3b3JkJyAmJiBzaG93RXllSWNvblwiIGtlbmRvVGV4dEJveFN1ZmZpeFRlbXBsYXRlPlxuICAgICAgPGxpYi1pY29uIG5hbWU9XCJleWUtb3BlblwiIChjbGljayk9XCJ0b2dnbGVWaXNpYmlsaXR5KClcIiAqbmdJZj1cInNob3dQYXNzd29yZFwiPjwvbGliLWljb24+XG4gICAgICA8bGliLWljb24gbmFtZT1cImV5ZS1jbG9zZWRcIiAoY2xpY2spPVwidG9nZ2xlVmlzaWJpbGl0eSgpXCIgKm5nSWY9XCIhc2hvd1Bhc3N3b3JkXCI+PC9saWItaWNvbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2tlbmRvLXRleHRib3g+XG4gIDxkaXYgKm5nSWY9XCJzaG93RXJyb3JcIj5cbiAgICA8bGliLXR5cG9ncmFwaHkgW2RlZmF1bHRUZXh0XT1cImVycm9yTWVzc2FnZVwiIGNsYXNzPVwiZXJyb3ItdGV4dFwiIC8+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -4,18 +4,19 @@ import { TextboxComponent } from './textbox.component';
|
|
|
4
4
|
import { InputsModule } from '@progress/kendo-angular-inputs';
|
|
5
5
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
6
6
|
import { IconModule } from '../icon/icon.module';
|
|
7
|
+
import { TypographyModule } from '../typography/typography.module';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
export class TextboxModule {
|
|
9
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, declarations: [TextboxComponent], imports: [CommonModule, InputsModule, ReactiveFormsModule, IconModule], exports: [TextboxComponent] }); }
|
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, imports: [CommonModule, InputsModule, ReactiveFormsModule, IconModule] }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, declarations: [TextboxComponent], imports: [CommonModule, InputsModule, ReactiveFormsModule, IconModule, TypographyModule], exports: [TextboxComponent] }); }
|
|
12
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, imports: [CommonModule, InputsModule, ReactiveFormsModule, IconModule, TypographyModule] }); }
|
|
12
13
|
}
|
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, decorators: [{
|
|
14
15
|
type: NgModule,
|
|
15
16
|
args: [{
|
|
16
17
|
declarations: [TextboxComponent],
|
|
17
18
|
exports: [TextboxComponent],
|
|
18
|
-
imports: [CommonModule, InputsModule, ReactiveFormsModule, IconModule],
|
|
19
|
+
imports: [CommonModule, InputsModule, ReactiveFormsModule, IconModule, TypographyModule],
|
|
19
20
|
}]
|
|
20
21
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy90ZXh0Ym94L3RleHRib3gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM5RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBT25FLE1BQU0sT0FBTyxhQUFhOytHQUFiLGFBQWE7Z0hBQWIsYUFBYSxpQkFKVCxnQkFBZ0IsYUFFckIsWUFBWSxFQUFFLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLGFBRDdFLGdCQUFnQjtnSEFHZixhQUFhLFlBRmQsWUFBWSxFQUFFLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCOzs0RkFFNUUsYUFBYTtrQkFMekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDaEMsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQzNCLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixDQUFDO2lCQUN6RiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgVGV4dGJveENvbXBvbmVudCB9IGZyb20gJy4vdGV4dGJveC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW5wdXRzTW9kdWxlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItaW5wdXRzJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5TW9kdWxlIH0gZnJvbSAnLi4vdHlwb2dyYXBoeS90eXBvZ3JhcGh5Lm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1RleHRib3hDb21wb25lbnRdLFxuICBleHBvcnRzOiBbVGV4dGJveENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIElucHV0c01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgSWNvbk1vZHVsZSwgVHlwb2dyYXBoeU1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFRleHRib3hNb2R1bGUge31cbiJdfQ==
|
|
@@ -1526,11 +1526,11 @@ class TextareaComponent {
|
|
|
1526
1526
|
this.emitOnFocus.emit();
|
|
1527
1527
|
}
|
|
1528
1528
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1529
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaComponent, selector: "lib-text-area", inputs: { placeholder: "placeholder", resizable: "resizable", readonly: "readonly", disabled: "disabled", rows: "rows", cols: "cols", width: "width", value: "value", control: "control", focus: "focus" }, outputs: { inputChange: "inputChange", emitOnBlur: "emitOnBlur", emitOnFocus: "emitOnFocus" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<kendo-textarea\n #textarea\n [placeholder]=\"placeholder\"\n [resizable]=\"resizable\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [style.width.px]=\"width\"\n [(ngModel)]=\"value\"\n [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n>\n</kendo-textarea>\n", styles: ["
|
|
1529
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaComponent, selector: "lib-text-area", inputs: { placeholder: "placeholder", resizable: "resizable", readonly: "readonly", disabled: "disabled", rows: "rows", cols: "cols", width: "width", value: "value", control: "control", focus: "focus" }, outputs: { inputChange: "inputChange", emitOnBlur: "emitOnBlur", emitOnFocus: "emitOnFocus" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<kendo-textarea\n #textarea\n [placeholder]=\"placeholder\"\n [resizable]=\"resizable\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [style.width.px]=\"width\"\n [(ngModel)]=\"value\"\n [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n>\n</kendo-textarea>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}\n"], dependencies: [{ kind: "component", type: i3$1.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
1530
1530
|
}
|
|
1531
1531
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
1532
1532
|
type: Component,
|
|
1533
|
-
args: [{ selector: 'lib-text-area', template: "<kendo-textarea\n #textarea\n [placeholder]=\"placeholder\"\n [resizable]=\"resizable\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [style.width.px]=\"width\"\n [(ngModel)]=\"value\"\n [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n>\n</kendo-textarea>\n", styles: ["
|
|
1533
|
+
args: [{ selector: 'lib-text-area', template: "<kendo-textarea\n #textarea\n [placeholder]=\"placeholder\"\n [resizable]=\"resizable\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [style.width.px]=\"width\"\n [(ngModel)]=\"value\"\n [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n>\n</kendo-textarea>\n", styles: ["::ng-deep kendo-textarea.k-disabled{pointer-events:auto}\n"] }]
|
|
1534
1534
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { textarea: [{
|
|
1535
1535
|
type: ViewChild,
|
|
1536
1536
|
args: ['textarea', { static: false }]
|
|
@@ -1600,6 +1600,8 @@ class TextboxComponent {
|
|
|
1600
1600
|
this.control = new FormControl();
|
|
1601
1601
|
this.value = '';
|
|
1602
1602
|
this.type = '';
|
|
1603
|
+
this.showError = false;
|
|
1604
|
+
this.errorMessage = "Error";
|
|
1603
1605
|
this.inputChange = new EventEmitter();
|
|
1604
1606
|
this.focusEvent = new EventEmitter();
|
|
1605
1607
|
this.blurEvent = new EventEmitter();
|
|
@@ -1638,11 +1640,11 @@ class TextboxComponent {
|
|
|
1638
1640
|
this.blurEvent.emit();
|
|
1639
1641
|
}
|
|
1640
1642
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1641
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextboxComponent, selector: "lib-textbox", inputs: { showEyeIcon: "showEyeIcon", clearButton: "clearButton", placeholder: "placeholder", width: "width", isDisabled: "isDisabled", readonly: "readonly", size: "size", rounded: "rounded", fillMode: "fillMode", control: "control", value: "value", type: "type" }, outputs: { inputChange: "inputChange", focusEvent: "focusEvent", blurEvent: "blurEvent" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n
|
|
1643
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextboxComponent, selector: "lib-textbox", inputs: { showEyeIcon: "showEyeIcon", clearButton: "clearButton", placeholder: "placeholder", width: "width", isDisabled: "isDisabled", readonly: "readonly", size: "size", rounded: "rounded", fillMode: "fillMode", control: "control", value: "value", type: "type", showError: "showError", errorMessage: "errorMessage" }, outputs: { inputChange: "inputChange", focusEvent: "focusEvent", blurEvent: "blurEvent" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div title=\"{{isDisabled ? value : ''}}\">\n <kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n </ng-template>\n </kendo-textbox>\n <div *ngIf=\"showError\">\n <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n </div>\n</div>\n", styles: ["kendo-textbox lib-icon{padding:7px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i3$1.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
1642
1644
|
}
|
|
1643
1645
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxComponent, decorators: [{
|
|
1644
1646
|
type: Component,
|
|
1645
|
-
args: [{ selector: 'lib-textbox', template: "<kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n
|
|
1647
|
+
args: [{ selector: 'lib-textbox', template: "<div title=\"{{isDisabled ? value : ''}}\">\n <kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n </ng-template>\n </kendo-textbox>\n <div *ngIf=\"showError\">\n <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n </div>\n</div>\n", styles: ["kendo-textbox lib-icon{padding:7px;cursor:pointer}\n"] }]
|
|
1646
1648
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { textbox: [{
|
|
1647
1649
|
type: ViewChild,
|
|
1648
1650
|
args: ['textbox', { static: false }]
|
|
@@ -1670,6 +1672,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1670
1672
|
type: Input
|
|
1671
1673
|
}], type: [{
|
|
1672
1674
|
type: Input
|
|
1675
|
+
}], showError: [{
|
|
1676
|
+
type: Input
|
|
1677
|
+
}], errorMessage: [{
|
|
1678
|
+
type: Input
|
|
1673
1679
|
}], inputChange: [{
|
|
1674
1680
|
type: Output
|
|
1675
1681
|
}], focusEvent: [{
|
|
@@ -1680,15 +1686,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1680
1686
|
|
|
1681
1687
|
class TextboxModule {
|
|
1682
1688
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1683
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, declarations: [TextboxComponent], imports: [CommonModule, InputsModule, ReactiveFormsModule, IconModule], exports: [TextboxComponent] }); }
|
|
1684
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, imports: [CommonModule, InputsModule, ReactiveFormsModule, IconModule] }); }
|
|
1689
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, declarations: [TextboxComponent], imports: [CommonModule, InputsModule, ReactiveFormsModule, IconModule, TypographyModule], exports: [TextboxComponent] }); }
|
|
1690
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, imports: [CommonModule, InputsModule, ReactiveFormsModule, IconModule, TypographyModule] }); }
|
|
1685
1691
|
}
|
|
1686
1692
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxModule, decorators: [{
|
|
1687
1693
|
type: NgModule,
|
|
1688
1694
|
args: [{
|
|
1689
1695
|
declarations: [TextboxComponent],
|
|
1690
1696
|
exports: [TextboxComponent],
|
|
1691
|
-
imports: [CommonModule, InputsModule, ReactiveFormsModule, IconModule],
|
|
1697
|
+
imports: [CommonModule, InputsModule, ReactiveFormsModule, IconModule, TypographyModule],
|
|
1692
1698
|
}]
|
|
1693
1699
|
}] });
|
|
1694
1700
|
|