@progress/kendo-angular-inputs 10.0.0-dev.202208291357 → 10.0.0-dev.202209071528

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: 1661781385,
12
+ publishDate: 1662564435,
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
@@ -535,7 +535,7 @@ const packageMetadata = {
535
535
  name: '@progress/kendo-angular-inputs',
536
536
  productName: 'Kendo UI for Angular',
537
537
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
538
- publishDate: 1661781385,
538
+ publishDate: 1662564435,
539
539
  version: '',
540
540
  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'
541
541
  };
@@ -2527,6 +2527,12 @@ class SwitchComponent {
2527
2527
  this.disabled = isDisabled;
2528
2528
  this.changeDetector.markForCheck();
2529
2529
  }
2530
+ /**
2531
+ * @hidden
2532
+ */
2533
+ get isControlInvalid() {
2534
+ return this.control && this.control.touched && !this.control.valid;
2535
+ }
2530
2536
  /**
2531
2537
  * @hidden
2532
2538
  */
@@ -2680,6 +2686,8 @@ SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
2680
2686
  [style.transitionDuration]="initialized ? '200ms' : '0ms'"
2681
2687
  [attr.aria-checked]="checked"
2682
2688
  [attr.tabindex]="(disabled ? undefined : tabIndex)"
2689
+ [attr.aria-disabled]="disabled"
2690
+ [attr.aria-invalid]="isControlInvalid"
2683
2691
  [kendoEventsOutsideAngular]="{ keydown: keyDownHandler, focus: handleFocus, blur: handleBlur }"
2684
2692
  >
2685
2693
  <span class="k-switch-label-on" [attr.aria-hidden]="true" >{{onLabelMessage}}</span>
@@ -2730,6 +2738,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
2730
2738
  [style.transitionDuration]="initialized ? '200ms' : '0ms'"
2731
2739
  [attr.aria-checked]="checked"
2732
2740
  [attr.tabindex]="(disabled ? undefined : tabIndex)"
2741
+ [attr.aria-disabled]="disabled"
2742
+ [attr.aria-invalid]="isControlInvalid"
2733
2743
  [kendoEventsOutsideAngular]="{ keydown: keyDownHandler, focus: handleFocus, blur: handleBlur }"
2734
2744
  >
2735
2745
  <span class="k-switch-label-on" [attr.aria-hidden]="true" >{{onLabelMessage}}</span>
@@ -3872,6 +3882,12 @@ class NumericTextBoxComponent {
3872
3882
  get decrementTitle() {
3873
3883
  return this.localizationService.get('decrement');
3874
3884
  }
3885
+ /**
3886
+ * @hidden
3887
+ */
3888
+ get isControlInvalid() {
3889
+ return this.control && this.control.touched && !this.control.valid;
3890
+ }
3875
3891
  get decimalSeparator() {
3876
3892
  const numberSymbols = this.intl.numberSymbols();
3877
3893
  return numberSymbols.decimal;
@@ -4213,30 +4229,31 @@ NumericTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
4213
4229
  >
4214
4230
  </ng-container>
4215
4231
  <input
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
- [tabindex]="tabIndex"
4228
- [disabled]="disabled"
4229
- [readonly]="readonly"
4230
- [kendoEventsOutsideAngular]="{
4231
- mousedown: handleMouseDown,
4232
- dragenter: handleDragEnter,
4233
- keydown: handleKeyDown,
4234
- input: handleInput,
4235
- focus: handleFocus,
4236
- blur: handleBlur,
4237
- paste: handlePaste
4238
- }"
4239
- #numericInput />
4232
+ role="spinbutton"
4233
+ class="k-input-inner"
4234
+ autocomplete="off"
4235
+ autocorrect="off"
4236
+ [id]="focusableId"
4237
+ [attr.aria-valuemin]="min"
4238
+ [attr.aria-valuemax]="max"
4239
+ [attr.aria-valuenow]="value"
4240
+ [attr.title]="title"
4241
+ [attr.placeholder]="placeholder"
4242
+ [attr.maxLength]="maxlength"
4243
+ [attr.aria-invalid]="isControlInvalid"
4244
+ [tabindex]="tabIndex"
4245
+ [disabled]="disabled"
4246
+ [readonly]="readonly"
4247
+ [kendoEventsOutsideAngular]="{
4248
+ mousedown: handleMouseDown,
4249
+ dragenter: handleDragEnter,
4250
+ keydown: handleKeyDown,
4251
+ input: handleInput,
4252
+ focus: handleFocus,
4253
+ blur: handleBlur,
4254
+ paste: handlePaste
4255
+ }"
4256
+ #numericInput />
4240
4257
  <span
4241
4258
  class="k-input-spinner k-spin-button" *ngIf="spinners"
4242
4259
  [kendoEventsOutsideAngular]="{ mouseup: releaseArrow, mouseleave: releaseArrow }"
@@ -4288,30 +4305,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
4288
4305
  >
4289
4306
  </ng-container>
4290
4307
  <input
4291
- role="spinbutton"
4292
- class="k-input-inner"
4293
- autocomplete="off"
4294
- autocorrect="off"
4295
- [id]="focusableId"
4296
- [attr.aria-valuemin]="min"
4297
- [attr.aria-valuemax]="max"
4298
- [attr.aria-valuenow]="value"
4299
- [attr.title]="title"
4300
- [attr.placeholder]="placeholder"
4301
- [attr.maxLength]="maxlength"
4302
- [tabindex]="tabIndex"
4303
- [disabled]="disabled"
4304
- [readonly]="readonly"
4305
- [kendoEventsOutsideAngular]="{
4306
- mousedown: handleMouseDown,
4307
- dragenter: handleDragEnter,
4308
- keydown: handleKeyDown,
4309
- input: handleInput,
4310
- focus: handleFocus,
4311
- blur: handleBlur,
4312
- paste: handlePaste
4313
- }"
4314
- #numericInput />
4308
+ role="spinbutton"
4309
+ class="k-input-inner"
4310
+ autocomplete="off"
4311
+ autocorrect="off"
4312
+ [id]="focusableId"
4313
+ [attr.aria-valuemin]="min"
4314
+ [attr.aria-valuemax]="max"
4315
+ [attr.aria-valuenow]="value"
4316
+ [attr.title]="title"
4317
+ [attr.placeholder]="placeholder"
4318
+ [attr.maxLength]="maxlength"
4319
+ [attr.aria-invalid]="isControlInvalid"
4320
+ [tabindex]="tabIndex"
4321
+ [disabled]="disabled"
4322
+ [readonly]="readonly"
4323
+ [kendoEventsOutsideAngular]="{
4324
+ mousedown: handleMouseDown,
4325
+ dragenter: handleDragEnter,
4326
+ keydown: handleKeyDown,
4327
+ input: handleInput,
4328
+ focus: handleFocus,
4329
+ blur: handleBlur,
4330
+ paste: handlePaste
4331
+ }"
4332
+ #numericInput />
4315
4333
  <span
4316
4334
  class="k-input-spinner k-spin-button" *ngIf="spinners"
4317
4335
  [kendoEventsOutsideAngular]="{ mouseup: releaseArrow, mouseleave: releaseArrow }"
@@ -5305,6 +5323,12 @@ class MaskedTextBoxComponent {
5305
5323
  }
5306
5324
  return null;
5307
5325
  }
5326
+ /**
5327
+ * @hidden
5328
+ */
5329
+ get isControlInvalid() {
5330
+ return this.control && this.control.touched && !this.control.valid;
5331
+ }
5308
5332
  /**
5309
5333
  * @hidden
5310
5334
  */
@@ -5430,6 +5454,8 @@ MaskedTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
5430
5454
  [id]="focusableId"
5431
5455
  [tabindex]="tabIndex"
5432
5456
  [attr.title]="title"
5457
+ [attr.aria-placeholder]="mask"
5458
+ [attr.aria-invalid]="isControlInvalid"
5433
5459
  [disabled]="disabled"
5434
5460
  [readonly]="readonly"
5435
5461
  [kendoEventsOutsideAngular]="{
@@ -5474,6 +5500,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
5474
5500
  [id]="focusableId"
5475
5501
  [tabindex]="tabIndex"
5476
5502
  [attr.title]="title"
5503
+ [attr.aria-placeholder]="mask"
5504
+ [attr.aria-invalid]="isControlInvalid"
5477
5505
  [disabled]="disabled"
5478
5506
  [readonly]="readonly"
5479
5507
  [kendoEventsOutsideAngular]="{
@@ -6549,6 +6577,12 @@ class TextBoxComponent {
6549
6577
  const { valid, dirty, touched } = this.control;
6550
6578
  return valid && (dirty || touched);
6551
6579
  }
6580
+ /**
6581
+ * @hidden
6582
+ */
6583
+ get isControlInvalid() {
6584
+ return this.control && this.control.touched && !this.control.valid;
6585
+ }
6552
6586
  /**
6553
6587
  * @hidden
6554
6588
  */
@@ -6675,6 +6709,7 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
6675
6709
  [attr.placeholder]="placeholder"
6676
6710
  [attr.title]="title"
6677
6711
  [attr.maxlength]="maxlength"
6712
+ [attr.aria-invalid]="isControlInvalid"
6678
6713
  [kendoEventsOutsideAngular]="{
6679
6714
  focus: handleInputFocus,
6680
6715
  blur: handleInputBlur,
@@ -6738,6 +6773,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
6738
6773
  [attr.placeholder]="placeholder"
6739
6774
  [attr.title]="title"
6740
6775
  [attr.maxlength]="maxlength"
6776
+ [attr.aria-invalid]="isControlInvalid"
6741
6777
  [kendoEventsOutsideAngular]="{
6742
6778
  focus: handleInputFocus,
6743
6779
  blur: handleInputBlur,
@@ -7471,6 +7507,12 @@ class TextAreaComponent extends TextFieldsBase {
7471
7507
  get resizableClass() {
7472
7508
  return resizeClasses[this.resizable];
7473
7509
  }
7510
+ /**
7511
+ * @hidden
7512
+ */
7513
+ get isControlInvalid() {
7514
+ return this.control && this.control.touched && !this.control.valid;
7515
+ }
7474
7516
  /**
7475
7517
  * Focuses the TextArea component.
7476
7518
  *
@@ -7608,6 +7650,7 @@ TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
7608
7650
  [attr.tabindex]="tabIndex"
7609
7651
  [attr.title]="title"
7610
7652
  [attr.maxlength]="maxlength"
7653
+ [attr.aria-invalid]="isControlInvalid"
7611
7654
  [kendoEventsOutsideAngular]="{
7612
7655
  focus: handleInputFocus,
7613
7656
  blur: handleInputBlur,
@@ -7648,6 +7691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
7648
7691
  [attr.tabindex]="tabIndex"
7649
7692
  [attr.title]="title"
7650
7693
  [attr.maxlength]="maxlength"
7694
+ [attr.aria-invalid]="isControlInvalid"
7651
7695
  [kendoEventsOutsideAngular]="{
7652
7696
  focus: handleInputFocus,
7653
7697
  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": "10.0.0-dev.202208291357",
3
+ "version": "10.0.0-dev.202209071528",
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
  */