@progress/kendo-angular-inputs 10.1.1-dev.202210100957 → 10.1.1-dev.202210101027

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.
@@ -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: 1665395759,
12
+ publishDate: 1665397590,
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
  };
@@ -167,6 +167,7 @@ export class SliderComponent extends SliderBase {
167
167
  .subscribe(() => this.sizeComponent(false));
168
168
  }
169
169
  this.attachElementEventHandlers();
170
+ this.isSliderInvalid();
170
171
  }
171
172
  ngOnDestroy() {
172
173
  if (this.subscriptions) {
@@ -248,6 +249,7 @@ export class SliderComponent extends SliderBase {
248
249
  this.changeDetector.markForCheck();
249
250
  });
250
251
  }
252
+ this.isSliderInvalid();
251
253
  }
252
254
  /**
253
255
  * @hidden
@@ -331,6 +333,11 @@ export class SliderComponent extends SliderBase {
331
333
  vertical: this.vertical
332
334
  };
333
335
  }
336
+ isSliderInvalid() {
337
+ const sliderClasses = this.hostElement.nativeElement.classList;
338
+ this.isInvalid = sliderClasses.contains('ng-invalid') ? true : false;
339
+ this.renderer.setAttribute(this.draghandle.nativeElement, 'aria-invalid', `${this.isInvalid}`);
340
+ }
334
341
  attachElementEventHandlers() {
335
342
  const hostElement = this.hostElement.nativeElement;
336
343
  let tabbing = false;
@@ -428,7 +435,7 @@ SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
428
435
  <div #track class="k-slider-track">
429
436
  <div #sliderSelection class="k-slider-selection">
430
437
  </div>
431
- <a #draghandle
438
+ <span #draghandle
432
439
  role="slider"
433
440
  [attr.aria-valuemin]="min"
434
441
  [attr.aria-valuemax]="max"
@@ -446,7 +453,7 @@ SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
446
453
  (kendoPress)="ifEnabled(handleDragPress, $event)"
447
454
  (kendoDrag)="ifEnabled(onHandleDrag, $event)"
448
455
  (kendoRelease)="ifEnabled(onHandleRelease, $event)"
449
- ></a>
456
+ ></span>
450
457
  </div>
451
458
  </div>
452
459
  <button *ngIf="showButtons" type="button" #increaseButton
@@ -517,7 +524,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
517
524
  <div #track class="k-slider-track">
518
525
  <div #sliderSelection class="k-slider-selection">
519
526
  </div>
520
- <a #draghandle
527
+ <span #draghandle
521
528
  role="slider"
522
529
  [attr.aria-valuemin]="min"
523
530
  [attr.aria-valuemax]="max"
@@ -535,7 +542,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
535
542
  (kendoPress)="ifEnabled(handleDragPress, $event)"
536
543
  (kendoDrag)="ifEnabled(onHandleDrag, $event)"
537
544
  (kendoRelease)="ifEnabled(onHandleRelease, $event)"
538
- ></a>
545
+ ></span>
539
546
  </div>
540
547
  </div>
541
548
  <button *ngIf="showButtons" type="button" #increaseButton
@@ -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: 1665395759,
538
+ publishDate: 1665397590,
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
  };
@@ -1136,6 +1136,7 @@ class SliderComponent extends SliderBase {
1136
1136
  .subscribe(() => this.sizeComponent(false));
1137
1137
  }
1138
1138
  this.attachElementEventHandlers();
1139
+ this.isSliderInvalid();
1139
1140
  }
1140
1141
  ngOnDestroy() {
1141
1142
  if (this.subscriptions) {
@@ -1217,6 +1218,7 @@ class SliderComponent extends SliderBase {
1217
1218
  this.changeDetector.markForCheck();
1218
1219
  });
1219
1220
  }
1221
+ this.isSliderInvalid();
1220
1222
  }
1221
1223
  /**
1222
1224
  * @hidden
@@ -1300,6 +1302,11 @@ class SliderComponent extends SliderBase {
1300
1302
  vertical: this.vertical
1301
1303
  };
1302
1304
  }
1305
+ isSliderInvalid() {
1306
+ const sliderClasses = this.hostElement.nativeElement.classList;
1307
+ this.isInvalid = sliderClasses.contains('ng-invalid') ? true : false;
1308
+ this.renderer.setAttribute(this.draghandle.nativeElement, 'aria-invalid', `${this.isInvalid}`);
1309
+ }
1303
1310
  attachElementEventHandlers() {
1304
1311
  const hostElement = this.hostElement.nativeElement;
1305
1312
  let tabbing = false;
@@ -1397,7 +1404,7 @@ SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
1397
1404
  <div #track class="k-slider-track">
1398
1405
  <div #sliderSelection class="k-slider-selection">
1399
1406
  </div>
1400
- <a #draghandle
1407
+ <span #draghandle
1401
1408
  role="slider"
1402
1409
  [attr.aria-valuemin]="min"
1403
1410
  [attr.aria-valuemax]="max"
@@ -1415,7 +1422,7 @@ SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
1415
1422
  (kendoPress)="ifEnabled(handleDragPress, $event)"
1416
1423
  (kendoDrag)="ifEnabled(onHandleDrag, $event)"
1417
1424
  (kendoRelease)="ifEnabled(onHandleRelease, $event)"
1418
- ></a>
1425
+ ></span>
1419
1426
  </div>
1420
1427
  </div>
1421
1428
  <button *ngIf="showButtons" type="button" #increaseButton
@@ -1486,7 +1493,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
1486
1493
  <div #track class="k-slider-track">
1487
1494
  <div #sliderSelection class="k-slider-selection">
1488
1495
  </div>
1489
- <a #draghandle
1496
+ <span #draghandle
1490
1497
  role="slider"
1491
1498
  [attr.aria-valuemin]="min"
1492
1499
  [attr.aria-valuemax]="max"
@@ -1504,7 +1511,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
1504
1511
  (kendoPress)="ifEnabled(handleDragPress, $event)"
1505
1512
  (kendoDrag)="ifEnabled(onHandleDrag, $event)"
1506
1513
  (kendoRelease)="ifEnabled(onHandleRelease, $event)"
1507
- ></a>
1514
+ ></span>
1508
1515
  </div>
1509
1516
  </div>
1510
1517
  <button *ngIf="showButtons" type="button" #increaseButton
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-inputs",
3
- "version": "10.1.1-dev.202210100957",
3
+ "version": "10.1.1-dev.202210101027",
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",
@@ -61,6 +61,7 @@ export declare class SliderComponent extends SliderBase implements AfterViewInit
61
61
  decreaseButton: ElementRef;
62
62
  increaseButton: ElementRef;
63
63
  private focusChangedProgrammatically;
64
+ private isInvalid;
64
65
  constructor(localization: LocalizationService, injector: Injector, renderer: Renderer2, ngZone: NgZone, changeDetector: ChangeDetectorRef, hostElement: ElementRef);
65
66
  /**
66
67
  * Focuses the Slider.
@@ -145,6 +146,7 @@ export declare class SliderComponent extends SliderBase implements AfterViewInit
145
146
  private decreaseValue;
146
147
  private increaseValue;
147
148
  private getProps;
149
+ private isSliderInvalid;
148
150
  private attachElementEventHandlers;
149
151
  private handleBlur;
150
152
  static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;