@progress/kendo-angular-inputs 9.0.5-dev.202208101035 → 9.0.5-dev.202209120703

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.
Files changed (14) hide show
  1. package/bundles/kendo-angular-inputs.umd.js +1 -1
  2. package/esm2015/maskedtextbox/maskedtextbox.component.js +10 -0
  3. package/esm2015/numerictextbox/numerictextbox.component.js +56 -48
  4. package/esm2015/package-metadata.js +1 -1
  5. package/esm2015/switch/switch.component.js +10 -0
  6. package/esm2015/textarea/textarea.component.js +8 -0
  7. package/esm2015/textbox/textbox.component.js +8 -0
  8. package/fesm2015/kendo-angular-inputs.js +93 -49
  9. package/maskedtextbox/maskedtextbox.component.d.ts +4 -0
  10. package/numerictextbox/numerictextbox.component.d.ts +4 -0
  11. package/package.json +1 -1
  12. package/switch/switch.component.d.ts +4 -0
  13. package/textarea/textarea.component.d.ts +4 -0
  14. package/textbox/textbox.component.d.ts +4 -0
package/esm2015/maskedtextbox/maskedtextbox.component.js CHANGED
@@ -449,6 +449,12 @@ export class MaskedTextBoxComponent {
449
449
  }
450
450
  return null;
451
451
  }
452
+ /**
453
+ * @hidden
454
+ */
455
+ get isControlInvalid() {
456
+ return this.control && this.control.touched && !this.control.valid;
457
+ }
452
458
  /**
453
459
  * @hidden
454
460
  */
@@ -574,6 +580,8 @@ MaskedTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
574
580
  [id]="focusableId"
575
581
  [tabindex]="tabIndex"
576
582
  [attr.title]="title"
583
+ [attr.aria-placeholder]="mask"
584
+ [attr.aria-invalid]="isControlInvalid"
577
585
  [disabled]="disabled"
578
586
  [readonly]="readonly"
579
587
  [kendoEventsOutsideAngular]="{
@@ -618,6 +626,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
618
626
  [id]="focusableId"
619
627
  [tabindex]="tabIndex"
620
628
  [attr.title]="title"
629
+ [attr.aria-placeholder]="mask"
630
+ [attr.aria-invalid]="isControlInvalid"
621
631
  [disabled]="disabled"
622
632
  [readonly]="readonly"
623
633
  [kendoEventsOutsideAngular]="{
package/esm2015/numerictextbox/numerictextbox.component.js CHANGED
@@ -524,6 +524,12 @@ export class NumericTextBoxComponent {
524
524
  get decrementTitle() {
525
525
  return this.localizationService.get('decrement');
526
526
  }
527
+ /**
528
+ * @hidden
529
+ */
530
+ get isControlInvalid() {
531
+ return this.control && this.control.touched && !this.control.valid;
532
+ }
527
533
  get decimalSeparator() {
528
534
  const numberSymbols = this.intl.numberSymbols();
529
535
  return numberSymbols.decimal;
@@ -865,30 +871,31 @@ NumericTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
865
871
  >
866
872
  </ng-container>
867
873
  <input
868
- role="spinbutton"
869
- class="k-input-inner"
870
- autocomplete="off"
871
- autocorrect="off"
872
- [id]="focusableId"
873
- [attr.aria-valuemin]="min"
874
- [attr.aria-valuemax]="max"
875
- [attr.aria-valuenow]="value"
876
- [attr.title]="title"
877
- [attr.placeholder]="placeholder"
878
- [attr.maxLength]="maxlength"
879
- [tabindex]="tabIndex"
880
- [disabled]="disabled"
881
- [readonly]="readonly"
882
- [kendoEventsOutsideAngular]="{
883
- mousedown: handleMouseDown,
884
- dragenter: handleDragEnter,
885
- keydown: handleKeyDown,
886
- input: handleInput,
887
- focus: handleFocus,
888
- blur: handleBlur,
889
- paste: handlePaste
890
- }"
891
- #numericInput />
874
+ role="spinbutton"
875
+ class="k-input-inner"
876
+ autocomplete="off"
877
+ autocorrect="off"
878
+ [id]="focusableId"
879
+ [attr.aria-valuemin]="min"
880
+ [attr.aria-valuemax]="max"
881
+ [attr.aria-valuenow]="value"
882
+ [attr.title]="title"
883
+ [attr.placeholder]="placeholder"
884
+ [attr.maxLength]="maxlength"
885
+ [attr.aria-invalid]="isControlInvalid"
886
+ [tabindex]="tabIndex"
887
+ [disabled]="disabled"
888
+ [readonly]="readonly"
889
+ [kendoEventsOutsideAngular]="{
890
+ mousedown: handleMouseDown,
891
+ dragenter: handleDragEnter,
892
+ keydown: handleKeyDown,
893
+ input: handleInput,
894
+ focus: handleFocus,
895
+ blur: handleBlur,
896
+ paste: handlePaste
897
+ }"
898
+ #numericInput />
892
899
  <span
893
900
  class="k-input-spinner k-spin-button" *ngIf="spinners"
894
901
  [kendoEventsOutsideAngular]="{ mouseup: releaseArrow, mouseleave: releaseArrow }"
@@ -940,30 +947,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
940
947
  >
941
948
  </ng-container>
942
949
  <input
943
- role="spinbutton"
944
- class="k-input-inner"
945
- autocomplete="off"
946
- autocorrect="off"
947
- [id]="focusableId"
948
- [attr.aria-valuemin]="min"
949
- [attr.aria-valuemax]="max"
950
- [attr.aria-valuenow]="value"
951
- [attr.title]="title"
952
- [attr.placeholder]="placeholder"
953
- [attr.maxLength]="maxlength"
954
- [tabindex]="tabIndex"
955
- [disabled]="disabled"
956
- [readonly]="readonly"
957
- [kendoEventsOutsideAngular]="{
958
- mousedown: handleMouseDown,
959
- dragenter: handleDragEnter,
960
- keydown: handleKeyDown,
961
- input: handleInput,
962
- focus: handleFocus,
963
- blur: handleBlur,
964
- paste: handlePaste
965
- }"
966
- #numericInput />
950
+ role="spinbutton"
951
+ class="k-input-inner"
952
+ autocomplete="off"
953
+ autocorrect="off"
954
+ [id]="focusableId"
955
+ [attr.aria-valuemin]="min"
956
+ [attr.aria-valuemax]="max"
957
+ [attr.aria-valuenow]="value"
958
+ [attr.title]="title"
959
+ [attr.placeholder]="placeholder"
960
+ [attr.maxLength]="maxlength"
961
+ [attr.aria-invalid]="isControlInvalid"
962
+ [tabindex]="tabIndex"
963
+ [disabled]="disabled"
964
+ [readonly]="readonly"
965
+ [kendoEventsOutsideAngular]="{
966
+ mousedown: handleMouseDown,
967
+ dragenter: handleDragEnter,
968
+ keydown: handleKeyDown,
969
+ input: handleInput,
970
+ focus: handleFocus,
971
+ blur: handleBlur,
972
+ paste: handlePaste
973
+ }"
974
+ #numericInput />
967
975
  <span
968
976
  class="k-input-spinner k-spin-button" *ngIf="spinners"
969
977
  [kendoEventsOutsideAngular]="{ mouseup: releaseArrow, mouseleave: releaseArrow }"
package/esm2015/package-metadata.js CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-inputs',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1660127571,
12
+ publishDate: 1662966139,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
15
15
  };
package/esm2015/switch/switch.component.js CHANGED
@@ -277,6 +277,12 @@ export class SwitchComponent {
277
277
  this.disabled = isDisabled;
278
278
  this.changeDetector.markForCheck();
279
279
  }
280
+ /**
281
+ * @hidden
282
+ */
283
+ get isControlInvalid() {
284
+ return this.control && this.control.touched && !this.control.valid;
285
+ }
280
286
  /**
281
287
  * @hidden
282
288
  */
@@ -430,6 +436,8 @@ SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
430
436
  [style.transitionDuration]="initialized ? '200ms' : '0ms'"
431
437
  [attr.aria-checked]="checked"
432
438
  [attr.tabindex]="(disabled ? undefined : tabIndex)"
439
+ [attr.aria-disabled]="disabled"
440
+ [attr.aria-invalid]="isControlInvalid"
433
441
  [kendoEventsOutsideAngular]="{ keydown: keyDownHandler, focus: handleFocus, blur: handleBlur }"
434
442
  >
435
443
  <span class="k-switch-label-on" [attr.aria-hidden]="true" >{{onLabelMessage}}</span>
@@ -480,6 +488,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
480
488
  [style.transitionDuration]="initialized ? '200ms' : '0ms'"
481
489
  [attr.aria-checked]="checked"
482
490
  [attr.tabindex]="(disabled ? undefined : tabIndex)"
491
+ [attr.aria-disabled]="disabled"
492
+ [attr.aria-invalid]="isControlInvalid"
483
493
  [kendoEventsOutsideAngular]="{ keydown: keyDownHandler, focus: handleFocus, blur: handleBlur }"
484
494
  >
485
495
  <span class="k-switch-label-on" [attr.aria-hidden]="true" >{{onLabelMessage}}</span>
package/esm2015/textarea/textarea.component.js CHANGED
@@ -366,6 +366,12 @@ export class TextAreaComponent extends TextFieldsBase {
366
366
  get resizableClass() {
367
367
  return resizeClasses[this.resizable];
368
368
  }
369
+ /**
370
+ * @hidden
371
+ */
372
+ get isControlInvalid() {
373
+ return this.control && this.control.touched && !this.control.valid;
374
+ }
369
375
  /**
370
376
  * Focuses the TextArea component.
371
377
  *
@@ -503,6 +509,7 @@ TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
503
509
  [attr.tabindex]="tabIndex"
504
510
  [attr.title]="title"
505
511
  [attr.maxlength]="maxlength"
512
+ [attr.aria-invalid]="isControlInvalid"
506
513
  [kendoEventsOutsideAngular]="{
507
514
  focus: handleInputFocus,
508
515
  blur: handleInputBlur,
@@ -543,6 +550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
543
550
  [attr.tabindex]="tabIndex"
544
551
  [attr.title]="title"
545
552
  [attr.maxlength]="maxlength"
553
+ [attr.aria-invalid]="isControlInvalid"
546
554
  [kendoEventsOutsideAngular]="{
547
555
  focus: handleInputFocus,
548
556
  blur: handleInputBlur,
package/esm2015/textbox/textbox.component.js CHANGED
@@ -473,6 +473,12 @@ export class TextBoxComponent {
473
473
  const { valid, dirty, touched } = this.control;
474
474
  return valid && (dirty || touched);
475
475
  }
476
+ /**
477
+ * @hidden
478
+ */
479
+ get isControlInvalid() {
480
+ return this.control && this.control.touched && !this.control.valid;
481
+ }
476
482
  /**
477
483
  * @hidden
478
484
  */
@@ -599,6 +605,7 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
599
605
  [attr.placeholder]="placeholder"
600
606
  [attr.title]="title"
601
607
  [attr.maxlength]="maxlength"
608
+ [attr.aria-invalid]="isControlInvalid"
602
609
  [kendoEventsOutsideAngular]="{
603
610
  focus: handleInputFocus,
604
611
  blur: handleInputBlur,
@@ -662,6 +669,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
662
669
  [attr.placeholder]="placeholder"
663
670
  [attr.title]="title"
664
671
  [attr.maxlength]="maxlength"
672
+ [attr.aria-invalid]="isControlInvalid"
665
673
  [kendoEventsOutsideAngular]="{
666
674
  focus: handleInputFocus,
667
675
  blur: handleInputBlur,
package/fesm2015/kendo-angular-inputs.js CHANGED
@@ -519,7 +519,7 @@ const packageMetadata = {
519
519
  name: '@progress/kendo-angular-inputs',
520
520
  productName: 'Kendo UI for Angular',
521
521
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
522
- publishDate: 1660127571,
522
+ publishDate: 1662966139,
523
523
  version: '',
524
524
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
525
525
  };
@@ -2511,6 +2511,12 @@ class SwitchComponent {
2511
2511
  this.disabled = isDisabled;
2512
2512
  this.changeDetector.markForCheck();
2513
2513
  }
2514
+ /**
2515
+ * @hidden
2516
+ */
2517
+ get isControlInvalid() {
2518
+ return this.control && this.control.touched && !this.control.valid;
2519
+ }
2514
2520
  /**
2515
2521
  * @hidden
2516
2522
  */
@@ -2664,6 +2670,8 @@ SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
2664
2670
  [style.transitionDuration]="initialized ? '200ms' : '0ms'"
2665
2671
  [attr.aria-checked]="checked"
2666
2672
  [attr.tabindex]="(disabled ? undefined : tabIndex)"
2673
+ [attr.aria-disabled]="disabled"
2674
+ [attr.aria-invalid]="isControlInvalid"
2667
2675
  [kendoEventsOutsideAngular]="{ keydown: keyDownHandler, focus: handleFocus, blur: handleBlur }"
2668
2676
  >
2669
2677
  <span class="k-switch-label-on" [attr.aria-hidden]="true" >{{onLabelMessage}}</span>
@@ -2714,6 +2722,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
2714
2722
  [style.transitionDuration]="initialized ? '200ms' : '0ms'"
2715
2723
  [attr.aria-checked]="checked"
2716
2724
  [attr.tabindex]="(disabled ? undefined : tabIndex)"
2725
+ [attr.aria-disabled]="disabled"
2726
+ [attr.aria-invalid]="isControlInvalid"
2717
2727
  [kendoEventsOutsideAngular]="{ keydown: keyDownHandler, focus: handleFocus, blur: handleBlur }"
2718
2728
  >
2719
2729
  <span class="k-switch-label-on" [attr.aria-hidden]="true" >{{onLabelMessage}}</span>
@@ -3856,6 +3866,12 @@ class NumericTextBoxComponent {
3856
3866
  get decrementTitle() {
3857
3867
  return this.localizationService.get('decrement');
3858
3868
  }
3869
+ /**
3870
+ * @hidden
3871
+ */
3872
+ get isControlInvalid() {
3873
+ return this.control && this.control.touched && !this.control.valid;
3874
+ }
3859
3875
  get decimalSeparator() {
3860
3876
  const numberSymbols = this.intl.numberSymbols();
3861
3877
  return numberSymbols.decimal;
@@ -4197,30 +4213,31 @@ NumericTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
4197
4213
  >
4198
4214
  </ng-container>
4199
4215
  <input
4200
- role="spinbutton"
4201
- class="k-input-inner"
4202
- autocomplete="off"
4203
- autocorrect="off"
4204
- [id]="focusableId"
4205
- [attr.aria-valuemin]="min"
4206
- [attr.aria-valuemax]="max"
4207
- [attr.aria-valuenow]="value"
4208
- [attr.title]="title"
4209
- [attr.placeholder]="placeholder"
4210
- [attr.maxLength]="maxlength"
4211
- [tabindex]="tabIndex"
4212
- [disabled]="disabled"
4213
- [readonly]="readonly"
4214
- [kendoEventsOutsideAngular]="{
4215
- mousedown: handleMouseDown,
4216
- dragenter: handleDragEnter,
4217
- keydown: handleKeyDown,
4218
- input: handleInput,
4219
- focus: handleFocus,
4220
- blur: handleBlur,
4221
- paste: handlePaste
4222
- }"
4223
- #numericInput />
4216
+ role="spinbutton"
4217
+ class="k-input-inner"
4218
+ autocomplete="off"
4219
+ autocorrect="off"
4220
+ [id]="focusableId"
4221
+ [attr.aria-valuemin]="min"
4222
+ [attr.aria-valuemax]="max"
4223
+ [attr.aria-valuenow]="value"
4224
+ [attr.title]="title"
4225
+ [attr.placeholder]="placeholder"
4226
+ [attr.maxLength]="maxlength"
4227
+ [attr.aria-invalid]="isControlInvalid"
4228
+ [tabindex]="tabIndex"
4229
+ [disabled]="disabled"
4230
+ [readonly]="readonly"
4231
+ [kendoEventsOutsideAngular]="{
4232
+ mousedown: handleMouseDown,
4233
+ dragenter: handleDragEnter,
4234
+ keydown: handleKeyDown,
4235
+ input: handleInput,
4236
+ focus: handleFocus,
4237
+ blur: handleBlur,
4238
+ paste: handlePaste
4239
+ }"
4240
+ #numericInput />
4224
4241
  <span
4225
4242
  class="k-input-spinner k-spin-button" *ngIf="spinners"
4226
4243
  [kendoEventsOutsideAngular]="{ mouseup: releaseArrow, mouseleave: releaseArrow }"
@@ -4272,30 +4289,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
4272
4289
  >
4273
4290
  </ng-container>
4274
4291
  <input
4275
- role="spinbutton"
4276
- class="k-input-inner"
4277
- autocomplete="off"
4278
- autocorrect="off"
4279
- [id]="focusableId"
4280
- [attr.aria-valuemin]="min"
4281
- [attr.aria-valuemax]="max"
4282
- [attr.aria-valuenow]="value"
4283
- [attr.title]="title"
4284
- [attr.placeholder]="placeholder"
4285
- [attr.maxLength]="maxlength"
4286
- [tabindex]="tabIndex"
4287
- [disabled]="disabled"
4288
- [readonly]="readonly"
4289
- [kendoEventsOutsideAngular]="{
4290
- mousedown: handleMouseDown,
4291
- dragenter: handleDragEnter,
4292
- keydown: handleKeyDown,
4293
- input: handleInput,
4294
- focus: handleFocus,
4295
- blur: handleBlur,
4296
- paste: handlePaste
4297
- }"
4298
- #numericInput />
4292
+ role="spinbutton"
4293
+ class="k-input-inner"
4294
+ autocomplete="off"
4295
+ autocorrect="off"
4296
+ [id]="focusableId"
4297
+ [attr.aria-valuemin]="min"
4298
+ [attr.aria-valuemax]="max"
4299
+ [attr.aria-valuenow]="value"
4300
+ [attr.title]="title"
4301
+ [attr.placeholder]="placeholder"
4302
+ [attr.maxLength]="maxlength"
4303
+ [attr.aria-invalid]="isControlInvalid"
4304
+ [tabindex]="tabIndex"
4305
+ [disabled]="disabled"
4306
+ [readonly]="readonly"
4307
+ [kendoEventsOutsideAngular]="{
4308
+ mousedown: handleMouseDown,
4309
+ dragenter: handleDragEnter,
4310
+ keydown: handleKeyDown,
4311
+ input: handleInput,
4312
+ focus: handleFocus,
4313
+ blur: handleBlur,
4314
+ paste: handlePaste
4315
+ }"
4316
+ #numericInput />
4299
4317
  <span
4300
4318
  class="k-input-spinner k-spin-button" *ngIf="spinners"
4301
4319
  [kendoEventsOutsideAngular]="{ mouseup: releaseArrow, mouseleave: releaseArrow }"
@@ -5289,6 +5307,12 @@ class MaskedTextBoxComponent {
5289
5307
  }
5290
5308
  return null;
5291
5309
  }
5310
+ /**
5311
+ * @hidden
5312
+ */
5313
+ get isControlInvalid() {
5314
+ return this.control && this.control.touched && !this.control.valid;
5315
+ }
5292
5316
  /**
5293
5317
  * @hidden
5294
5318
  */
@@ -5414,6 +5438,8 @@ MaskedTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
5414
5438
  [id]="focusableId"
5415
5439
  [tabindex]="tabIndex"
5416
5440
  [attr.title]="title"
5441
+ [attr.aria-placeholder]="mask"
5442
+ [attr.aria-invalid]="isControlInvalid"
5417
5443
  [disabled]="disabled"
5418
5444
  [readonly]="readonly"
5419
5445
  [kendoEventsOutsideAngular]="{
@@ -5458,6 +5484,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
5458
5484
  [id]="focusableId"
5459
5485
  [tabindex]="tabIndex"
5460
5486
  [attr.title]="title"
5487
+ [attr.aria-placeholder]="mask"
5488
+ [attr.aria-invalid]="isControlInvalid"
5461
5489
  [disabled]="disabled"
5462
5490
  [readonly]="readonly"
5463
5491
  [kendoEventsOutsideAngular]="{
@@ -6533,6 +6561,12 @@ class TextBoxComponent {
6533
6561
  const { valid, dirty, touched } = this.control;
6534
6562
  return valid && (dirty || touched);
6535
6563
  }
6564
+ /**
6565
+ * @hidden
6566
+ */
6567
+ get isControlInvalid() {
6568
+ return this.control && this.control.touched && !this.control.valid;
6569
+ }
6536
6570
  /**
6537
6571
  * @hidden
6538
6572
  */
@@ -6659,6 +6693,7 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
6659
6693
  [attr.placeholder]="placeholder"
6660
6694
  [attr.title]="title"
6661
6695
  [attr.maxlength]="maxlength"
6696
+ [attr.aria-invalid]="isControlInvalid"
6662
6697
  [kendoEventsOutsideAngular]="{
6663
6698
  focus: handleInputFocus,
6664
6699
  blur: handleInputBlur,
@@ -6722,6 +6757,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
6722
6757
  [attr.placeholder]="placeholder"
6723
6758
  [attr.title]="title"
6724
6759
  [attr.maxlength]="maxlength"
6760
+ [attr.aria-invalid]="isControlInvalid"
6725
6761
  [kendoEventsOutsideAngular]="{
6726
6762
  focus: handleInputFocus,
6727
6763
  blur: handleInputBlur,
@@ -7455,6 +7491,12 @@ class TextAreaComponent extends TextFieldsBase {
7455
7491
  get resizableClass() {
7456
7492
  return resizeClasses[this.resizable];
7457
7493
  }
7494
+ /**
7495
+ * @hidden
7496
+ */
7497
+ get isControlInvalid() {
7498
+ return this.control && this.control.touched && !this.control.valid;
7499
+ }
7458
7500
  /**
7459
7501
  * Focuses the TextArea component.
7460
7502
  *
@@ -7592,6 +7634,7 @@ TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
7592
7634
  [attr.tabindex]="tabIndex"
7593
7635
  [attr.title]="title"
7594
7636
  [attr.maxlength]="maxlength"
7637
+ [attr.aria-invalid]="isControlInvalid"
7595
7638
  [kendoEventsOutsideAngular]="{
7596
7639
  focus: handleInputFocus,
7597
7640
  blur: handleInputBlur,
@@ -7632,6 +7675,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
7632
7675
  [attr.tabindex]="tabIndex"
7633
7676
  [attr.title]="title"
7634
7677
  [attr.maxlength]="maxlength"
7678
+ [attr.aria-invalid]="isControlInvalid"
7635
7679
  [kendoEventsOutsideAngular]="{
7636
7680
  focus: handleInputFocus,
7637
7681
  blur: handleInputBlur,
package/maskedtextbox/maskedtextbox.component.d.ts CHANGED
@@ -289,6 +289,10 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
289
289
  * @hidden
290
290
  */
291
291
  validate(_: AbstractControl): any;
292
+ /**
293
+ * @hidden
294
+ */
295
+ get isControlInvalid(): boolean;
292
296
  /**
293
297
  * @hidden
294
298
  */
package/numerictextbox/numerictextbox.component.d.ts CHANGED
@@ -313,6 +313,10 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
313
313
  * @hidden
314
314
  */
315
315
  get decrementTitle(): string;
316
+ /**
317
+ * @hidden
318
+ */
319
+ get isControlInvalid(): boolean;
316
320
  private get decimalSeparator();
317
321
  private get elementValue();
318
322
  private set elementValue(value);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-inputs",
3
- "version": "9.0.5-dev.202208101035",
3
+ "version": "9.0.5-dev.202209120703",
4
4
  "description": "Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, TextArea, and TextBox Components)",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
package/switch/switch.component.d.ts CHANGED
@@ -168,6 +168,10 @@ export declare class SwitchComponent implements ControlValueAccessor, OnInit, On
168
168
  * @hidden
169
169
  */
170
170
  handleBlur: (event: any) => void;
171
+ /**
172
+ * @hidden
173
+ */
174
+ get isControlInvalid(): boolean;
171
175
  /**
172
176
  * @hidden
173
177
  */
package/textarea/textarea.component.d.ts CHANGED
@@ -180,6 +180,10 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
180
180
  * @hidden
181
181
  */
182
182
  get resizableClass(): string;
183
+ /**
184
+ * @hidden
185
+ */
186
+ get isControlInvalid(): boolean;
183
187
  /**
184
188
  * @hidden
185
189
  */
package/textbox/textbox.component.d.ts CHANGED
@@ -309,6 +309,10 @@ export declare class TextBoxComponent implements ControlValueAccessor {
309
309
  * @hidden
310
310
  */
311
311
  private showSuccessInitial;
312
+ /**
313
+ * @hidden
314
+ */
315
+ get isControlInvalid(): boolean;
312
316
  /**
313
317
  * @hidden
314
318
  */