@progress/kendo-angular-inputs 9.0.0-next.202204060721 → 9.0.1-dev.202204281117
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/bundles/kendo-angular-inputs.umd.js +1 -1
- package/checkbox/checkbox.directive.d.ts +6 -6
- package/colorpicker/colorpicker.component.d.ts +10 -10
- package/common/models/fillmode.d.ts +1 -0
- package/common/models/rounded.d.ts +2 -0
- package/common/models/size.d.ts +1 -0
- package/esm2015/checkbox/checkbox.directive.js +14 -12
- package/esm2015/colorpicker/colorpicker.component.js +22 -19
- package/esm2015/formfield/formfield.component.js +19 -4
- package/esm2015/maskedtextbox/maskedtextbox.component.js +18 -15
- package/esm2015/numerictextbox/numerictextbox.component.js +21 -18
- package/esm2015/package-metadata.js +1 -1
- package/esm2015/radiobutton/radiobutton.directive.js +7 -6
- package/esm2015/slider/slider.component.js +2 -2
- package/esm2015/switch/switch.component.js +23 -20
- package/esm2015/textarea/textarea.component.js +21 -18
- package/esm2015/textbox/textbox.component.js +22 -19
- package/fesm2015/kendo-angular-inputs.js +170 -134
- package/formfield/formfield.component.d.ts +3 -2
- package/formfield/models/orientation.d.ts +1 -5
- package/maskedtextbox/maskedtextbox.component.d.ts +6 -6
- package/numerictextbox/numerictextbox.component.d.ts +9 -9
- package/package.json +11 -13
- package/radiobutton/radiobutton.directive.d.ts +3 -3
- package/switch/switch.component.d.ts +11 -11
- package/textarea/textarea.component.d.ts +9 -9
- package/textbox/textbox.component.d.ts +10 -10
|
@@ -21,6 +21,9 @@ import * as i2 from "./localization/localized-textbox-messages.directive";
|
|
|
21
21
|
import * as i3 from "@angular/common";
|
|
22
22
|
import * as i4 from "@progress/kendo-angular-common";
|
|
23
23
|
const FOCUSED = 'k-focus';
|
|
24
|
+
const DEFAULT_SIZE = 'medium';
|
|
25
|
+
const DEFAULT_ROUNDED = 'medium';
|
|
26
|
+
const DEFAULT_FILL_MODE = 'solid';
|
|
24
27
|
export class TextBoxComponent {
|
|
25
28
|
constructor(localizationService, ngZone, changeDetector, renderer, injector, hostElement) {
|
|
26
29
|
this.localizationService = localizationService;
|
|
@@ -224,15 +227,15 @@ export class TextBoxComponent {
|
|
|
224
227
|
* ([see example]({% slug appearance_textbox %}#toc-size)).
|
|
225
228
|
*
|
|
226
229
|
* The possible values are:
|
|
227
|
-
* * `
|
|
228
|
-
* * `
|
|
229
|
-
* * `
|
|
230
|
+
* * `small`
|
|
231
|
+
* * `medium` (default)
|
|
232
|
+
* * `large`
|
|
230
233
|
* * `none`
|
|
231
234
|
*/
|
|
232
235
|
set size(size) {
|
|
233
|
-
const
|
|
234
|
-
this.handleClasses(
|
|
235
|
-
this._size =
|
|
236
|
+
const newSize = size ? size : DEFAULT_SIZE;
|
|
237
|
+
this.handleClasses(newSize, 'size');
|
|
238
|
+
this._size = newSize;
|
|
236
239
|
}
|
|
237
240
|
get size() {
|
|
238
241
|
return this._size;
|
|
@@ -242,16 +245,16 @@ export class TextBoxComponent {
|
|
|
242
245
|
* ([see example]({% slug appearance_textbox %}#toc-rounded)).
|
|
243
246
|
*
|
|
244
247
|
* The possible values are:
|
|
245
|
-
* * `
|
|
246
|
-
* * `
|
|
247
|
-
* * `
|
|
248
|
-
* * `
|
|
248
|
+
* * `small`
|
|
249
|
+
* * `medium` (default)
|
|
250
|
+
* * `large`
|
|
251
|
+
* * `full`
|
|
249
252
|
* * `none`
|
|
250
253
|
*/
|
|
251
254
|
set rounded(rounded) {
|
|
252
|
-
const
|
|
253
|
-
this.handleClasses(
|
|
254
|
-
this._rounded =
|
|
255
|
+
const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
|
|
256
|
+
this.handleClasses(newRounded, 'rounded');
|
|
257
|
+
this._rounded = newRounded;
|
|
255
258
|
}
|
|
256
259
|
get rounded() {
|
|
257
260
|
return this._rounded;
|
|
@@ -261,15 +264,15 @@ export class TextBoxComponent {
|
|
|
261
264
|
* ([see example]({% slug appearance_textbox %}#toc-fillMode)).
|
|
262
265
|
*
|
|
263
266
|
* The possible values are:
|
|
264
|
-
* * `
|
|
265
|
-
* * `
|
|
266
|
-
* * `
|
|
267
|
+
* * `flat`
|
|
268
|
+
* * `solid` (default)
|
|
269
|
+
* * `outline`
|
|
267
270
|
* * `none`
|
|
268
271
|
*/
|
|
269
272
|
set fillMode(fillMode) {
|
|
270
|
-
const
|
|
271
|
-
this.handleClasses(
|
|
272
|
-
this._fillMode =
|
|
273
|
+
const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
|
|
274
|
+
this.handleClasses(newFillMode, 'fillMode');
|
|
275
|
+
this._fillMode = newFillMode;
|
|
273
276
|
}
|
|
274
277
|
get fillMode() {
|
|
275
278
|
return this._fillMode;
|