@progress/kendo-angular-inputs 9.0.4 → 9.0.5

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 (22) hide show
  1. package/bundles/kendo-angular-inputs.umd.js +1 -1
  2. package/colorpicker/colorpicker.component.d.ts +1 -1
  3. package/esm2015/colorpicker/color-gradient.component.js +2 -2
  4. package/esm2015/colorpicker/color-input.component.js +2 -2
  5. package/esm2015/colorpicker/colorpicker.component.js +2 -2
  6. package/esm2015/colorpicker/contrast-validation.component.js +2 -2
  7. package/esm2015/colorpicker/contrast.component.js +2 -2
  8. package/esm2015/colorpicker/flatcolorpicker-header.component.js +2 -2
  9. package/esm2015/maskedtextbox/maskedtextbox.component.js +10 -0
  10. package/esm2015/numerictextbox/numerictextbox.component.js +60 -52
  11. package/esm2015/package-metadata.js +1 -1
  12. package/esm2015/slider/slider.component.js +8 -8
  13. package/esm2015/switch/switch.component.js +10 -0
  14. package/esm2015/textarea/textarea.component.js +8 -0
  15. package/esm2015/textbox/textbox.component.js +9 -1
  16. package/fesm2015/kendo-angular-inputs.js +118 -74
  17. package/maskedtextbox/maskedtextbox.component.d.ts +4 -0
  18. package/numerictextbox/numerictextbox.component.d.ts +4 -0
  19. package/package.json +1 -1
  20. package/switch/switch.component.d.ts +4 -0
  21. package/textarea/textarea.component.d.ts +4 -0
  22. package/textbox/textbox.component.d.ts +4 -0
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: 1659455021,
522
+ publishDate: 1662970932,
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
  };
@@ -1360,8 +1360,8 @@ SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
1360
1360
  [attr.tabindex]="-1"
1361
1361
  role="presentation">
1362
1362
  <span class="k-button-icon k-icon"
1363
- [class.k-i-arrow-w]="!vertical"
1364
- [class.k-i-arrow-s]="vertical">
1363
+ [class.k-i-caret-alt-left]="!vertical"
1364
+ [class.k-i-caret-alt-down]="vertical">
1365
1365
  </span>
1366
1366
  </button>
1367
1367
  <div class="k-slider-track-wrap">
@@ -1410,8 +1410,8 @@ SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
1410
1410
  [attr.aria-label]="currentValue"
1411
1411
  role="presentation">
1412
1412
  <span class="k-button-icon k-icon"
1413
- [class.k-i-arrow-e]="!vertical"
1414
- [class.k-i-arrow-n]="vertical">
1413
+ [class.k-i-caret-alt-right]="!vertical"
1414
+ [class.k-i-caret-alt-up]="vertical">
1415
1415
  </span>
1416
1416
  </button>
1417
1417
  <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>
@@ -1449,8 +1449,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
1449
1449
  [attr.tabindex]="-1"
1450
1450
  role="presentation">
1451
1451
  <span class="k-button-icon k-icon"
1452
- [class.k-i-arrow-w]="!vertical"
1453
- [class.k-i-arrow-s]="vertical">
1452
+ [class.k-i-caret-alt-left]="!vertical"
1453
+ [class.k-i-caret-alt-down]="vertical">
1454
1454
  </span>
1455
1455
  </button>
1456
1456
  <div class="k-slider-track-wrap">
@@ -1499,8 +1499,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
1499
1499
  [attr.aria-label]="currentValue"
1500
1500
  role="presentation">
1501
1501
  <span class="k-button-icon k-icon"
1502
- [class.k-i-arrow-e]="!vertical"
1503
- [class.k-i-arrow-n]="vertical">
1502
+ [class.k-i-caret-alt-right]="!vertical"
1503
+ [class.k-i-caret-alt-up]="vertical">
1504
1504
  </span>
1505
1505
  </button>
1506
1506
  <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>
@@ -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 }"
@@ -4235,7 +4252,7 @@ NumericTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
4235
4252
  class="k-spinner-increase k-button k-icon-button k-button-solid k-button-solid-base"
4236
4253
  tabindex="-1"
4237
4254
  >
4238
- <span class="k-button-icon k-icon k-i-arrow-n"></span>
4255
+ <span class="k-button-icon k-icon k-i-caret-alt-up"></span>
4239
4256
  </button>
4240
4257
  <button
4241
4258
  type="button"
@@ -4247,7 +4264,7 @@ NumericTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
4247
4264
  class="k-spinner-decrease k-button k-icon-button k-button-solid k-button-solid-base"
4248
4265
  tabindex="-1"
4249
4266
  >
4250
- <span class="k-button-icon k-icon k-i-arrow-s"></span>
4267
+ <span class="k-button-icon k-icon k-i-caret-alt-down"></span>
4251
4268
  </button>
4252
4269
  </span>
4253
4270
  `, isInline: true, directives: [{ type: LocalizedNumericTextBoxMessagesDirective, selector: "[kendoNumericTextBoxLocalizedMessages]" }, { type: i3.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
@@ -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 }"
@@ -4310,7 +4328,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
4310
4328
  class="k-spinner-increase k-button k-icon-button k-button-solid k-button-solid-base"
4311
4329
  tabindex="-1"
4312
4330
  >
4313
- <span class="k-button-icon k-icon k-i-arrow-n"></span>
4331
+ <span class="k-button-icon k-icon k-i-caret-alt-up"></span>
4314
4332
  </button>
4315
4333
  <button
4316
4334
  type="button"
@@ -4322,7 +4340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
4322
4340
  class="k-spinner-decrease k-button k-icon-button k-button-solid k-button-solid-base"
4323
4341
  tabindex="-1"
4324
4342
  >
4325
- <span class="k-button-icon k-icon k-i-arrow-s"></span>
4343
+ <span class="k-button-icon k-icon k-i-caret-alt-down"></span>
4326
4344
  </button>
4327
4345
  </span>
4328
4346
  `
@@ -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
  */
@@ -6547,7 +6581,7 @@ class TextBoxComponent {
6547
6581
  get errorIconClasses() {
6548
6582
  return this.errorIcon
6549
6583
  ? `${this.errorIcon}`
6550
- : `k-input-validation-icon k-icon k-i-warning`;
6584
+ : `k-input-validation-icon k-icon k-i-exclamation-circle`;
6551
6585
  }
6552
6586
  /**
6553
6587
  * @hidden
@@ -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,
@@ -8334,7 +8378,7 @@ FlatColorPickerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
8334
8378
  [attr.aria-label]="getText('clearButton')"
8335
8379
  [attr.title]="getText('clearButton')"
8336
8380
  (click)="clearButtonClick.emit()">
8337
- <span class="k-button-icon k-icon k-i-reset-color"></span>
8381
+ <span class="k-button-icon k-icon k-i-droplet-slash"></span>
8338
8382
  </button>
8339
8383
  <div class="k-coloreditor-preview k-vstack" *ngIf="preview">
8340
8384
  <span
@@ -8384,7 +8428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
8384
8428
  [attr.aria-label]="getText('clearButton')"
8385
8429
  [attr.title]="getText('clearButton')"
8386
8430
  (click)="clearButtonClick.emit()">
8387
- <span class="k-button-icon k-icon k-i-reset-color"></span>
8431
+ <span class="k-button-icon k-icon k-i-droplet-slash"></span>
8388
8432
  </button>
8389
8433
  <div class="k-coloreditor-preview k-vstack" *ngIf="preview">
8390
8434
  <span
@@ -8668,7 +8712,7 @@ ColorInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
8668
8712
  [attr.title]="formatButtonTitle"
8669
8713
  type="button"
8670
8714
  >
8671
- <span class="k-button-icon k-icon k-i-arrows-kpi"></span>
8715
+ <span class="k-button-icon k-icon k-i-caret-alt-expand"></span>
8672
8716
  </button>
8673
8717
  </div>
8674
8718
  <div *ngIf="formatView === 'hex'" class="k-vstack">
@@ -8768,7 +8812,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
8768
8812
  [attr.title]="formatButtonTitle"
8769
8813
  type="button"
8770
8814
  >
8771
- <span class="k-button-icon k-icon k-i-arrows-kpi"></span>
8815
+ <span class="k-button-icon k-icon k-i-caret-alt-expand"></span>
8772
8816
  </button>
8773
8817
  </div>
8774
8818
  <div *ngIf="formatView === 'hex'" class="k-vstack">
@@ -8919,7 +8963,7 @@ ContrastValidationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
8919
8963
  </span>
8920
8964
  <span class="k-contrast-validation k-text-error" *ngIf="!pass">
8921
8965
  {{failMessage}}
8922
- <span class="k-icon k-i-close"></span>
8966
+ <span class="k-icon k-i-x"></span>
8923
8967
  </span>
8924
8968
  </ng-container>
8925
8969
  `, isInline: true, directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
@@ -8937,7 +8981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
8937
8981
  </span>
8938
8982
  <span class="k-contrast-validation k-text-error" *ngIf="!pass">
8939
8983
  {{failMessage}}
8940
- <span class="k-icon k-i-close"></span>
8984
+ <span class="k-icon k-i-x"></span>
8941
8985
  </span>
8942
8986
  </ng-container>
8943
8987
  `
@@ -8984,7 +9028,7 @@ ContrastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
8984
9028
  <span class="k-icon k-i-check" *ngIf="satisfiesAAACondition"></span>
8985
9029
  </span>
8986
9030
  <span class="k-contrast-validation k-text-error" *ngIf="!satisfiesAACondition">
8987
- <span class="k-icon k-i-close"></span>
9031
+ <span class="k-icon k-i-x"></span>
8988
9032
  </span>
8989
9033
  </ng-container>
8990
9034
  </div>
@@ -9013,7 +9057,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
9013
9057
  <span class="k-icon k-i-check" *ngIf="satisfiesAAACondition"></span>
9014
9058
  </span>
9015
9059
  <span class="k-contrast-validation k-text-error" *ngIf="!satisfiesAACondition">
9016
- <span class="k-icon k-i-close"></span>
9060
+ <span class="k-icon k-i-x"></span>
9017
9061
  </span>
9018
9062
  </ng-container>
9019
9063
  </div>
@@ -9678,7 +9722,7 @@ ColorGradientComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
9678
9722
  [attr.aria-label]="clearButtonTitle"
9679
9723
  [attr.title]="clearButtonTitle"
9680
9724
  tabindex="0">
9681
- <span class="k-icon k-i-reset-color"></span>
9725
+ <span class="k-icon k-i-droplet-slash"></span>
9682
9726
  </span>
9683
9727
  <kendo-slider
9684
9728
  [ngClass]="{'k-align-self-end': clearButton}"
@@ -9817,7 +9861,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
9817
9861
  [attr.aria-label]="clearButtonTitle"
9818
9862
  [attr.title]="clearButtonTitle"
9819
9863
  tabindex="0">
9820
- <span class="k-icon k-i-reset-color"></span>
9864
+ <span class="k-icon k-i-droplet-slash"></span>
9821
9865
  </span>
9822
9866
  <kendo-slider
9823
9867
  [ngClass]="{'k-align-self-end': clearButton}"
@@ -11973,7 +12017,7 @@ ColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
11973
12017
  tabindex="-1"
11974
12018
  type="button"
11975
12019
  class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
11976
- <span class="k-button-icon k-icon k-i-arrow-s"></span>
12020
+ <span class="k-button-icon k-icon k-i-caret-alt-down"></span>
11977
12021
  </button>
11978
12022
  <ng-template #popupTemplate>
11979
12023
  <kendo-flatcolorpicker
@@ -12066,7 +12110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
12066
12110
  tabindex="-1"
12067
12111
  type="button"
12068
12112
  class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
12069
- <span class="k-button-icon k-icon k-i-arrow-s"></span>
12113
+ <span class="k-button-icon k-icon k-i-caret-alt-down"></span>
12070
12114
  </button>
12071
12115
  <ng-template #popupTemplate>
12072
12116
  <kendo-flatcolorpicker
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.4",
3
+ "version": "9.0.5",
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
  */