@progress/kendo-angular-inputs 10.1.0 → 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: 1664181953,
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
  };
@@ -183,6 +183,7 @@ export class RangeSliderComponent extends SliderBase {
183
183
  .changes
184
184
  .subscribe(() => this.sizeComponent());
185
185
  }
186
+ this.isRangeSliderInvalid();
186
187
  this.attachElementEventHandlers();
187
188
  }
188
189
  ngOnDestroy() {
@@ -296,6 +297,7 @@ export class RangeSliderComponent extends SliderBase {
296
297
  this.sizeComponent();
297
298
  });
298
299
  }
300
+ this.isRangeSliderInvalid();
299
301
  }
300
302
  /**
301
303
  * @hidden
@@ -373,6 +375,12 @@ export class RangeSliderComponent extends SliderBase {
373
375
  buttons: false
374
376
  };
375
377
  }
378
+ isRangeSliderInvalid() {
379
+ const rangeSliderClasses = this.hostElement.nativeElement.classList;
380
+ this.isInvalid = rangeSliderClasses.contains('ng-invalid') ? true : false;
381
+ this.renderer.setAttribute(this.draghandleStart.nativeElement, 'aria-invalid', `${this.isInvalid}`);
382
+ this.renderer.setAttribute(this.draghandleEnd.nativeElement, 'aria-invalid', `${this.isInvalid}`);
383
+ }
376
384
  attachElementEventHandlers() {
377
385
  const hostElement = this.hostElement.nativeElement;
378
386
  let tabbing = false;
@@ -458,7 +466,7 @@ RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
458
466
  <div #track class="k-slider-track">
459
467
  <div #sliderSelection class="k-slider-selection">
460
468
  </div>
461
- <a #draghandleStart
469
+ <span #draghandleStart
462
470
  role="slider"
463
471
  [id]="startHandleId"
464
472
  [attr.tabindex]="disabled ? undefined : tabindex"
@@ -476,8 +484,8 @@ RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
476
484
  (kendoPress)="ifEnabled(handleDragPress ,$event)"
477
485
  (kendoDrag)="ifEnabled(onHandleDrag ,$event)"
478
486
  (kendoRelease)="ifEnabled(onHandleRelease, $event)"
479
- ></a>
480
- <a #draghandleEnd
487
+ ></span>
488
+ <span #draghandleEnd
481
489
  role="slider"
482
490
  [id]="endHandleId"
483
491
  [attr.tabindex]="disabled ? undefined : tabindex"
@@ -495,7 +503,7 @@ RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
495
503
  (kendoPress)="ifEnabled(handleDragPress ,$event)"
496
504
  (kendoDrag)="ifEnabled(onHandleDrag ,$event)"
497
505
  (kendoRelease)="ifEnabled(onHandleRelease, $event)"
498
- ></a>
506
+ ></span>
499
507
  </div>
500
508
  </div>
501
509
  <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>
@@ -542,7 +550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
542
550
  <div #track class="k-slider-track">
543
551
  <div #sliderSelection class="k-slider-selection">
544
552
  </div>
545
- <a #draghandleStart
553
+ <span #draghandleStart
546
554
  role="slider"
547
555
  [id]="startHandleId"
548
556
  [attr.tabindex]="disabled ? undefined : tabindex"
@@ -560,8 +568,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
560
568
  (kendoPress)="ifEnabled(handleDragPress ,$event)"
561
569
  (kendoDrag)="ifEnabled(onHandleDrag ,$event)"
562
570
  (kendoRelease)="ifEnabled(onHandleRelease, $event)"
563
- ></a>
564
- <a #draghandleEnd
571
+ ></span>
572
+ <span #draghandleEnd
565
573
  role="slider"
566
574
  [id]="endHandleId"
567
575
  [attr.tabindex]="disabled ? undefined : tabindex"
@@ -579,7 +587,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
579
587
  (kendoPress)="ifEnabled(handleDragPress ,$event)"
580
588
  (kendoDrag)="ifEnabled(onHandleDrag ,$event)"
581
589
  (kendoRelease)="ifEnabled(onHandleRelease, $event)"
582
- ></a>
590
+ ></span>
583
591
  </div>
584
592
  </div>
585
593
  <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>
@@ -608,7 +608,6 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
608
608
  <div
609
609
  *ngIf="!hideLine"
610
610
  class="k-signature-line"
611
- style="z-index: 2; pointer-events: none;"
612
611
  ></div>
613
612
  <div class="k-signature-actions k-signature-actions-bottom">
614
613
  <button
@@ -701,7 +700,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
701
700
  <div
702
701
  *ngIf="!hideLine"
703
702
  class="k-signature-line"
704
- style="z-index: 2; pointer-events: none;"
705
703
  ></div>
706
704
  <div class="k-signature-actions k-signature-actions-bottom">
707
705
  <button
@@ -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: 1664181953,
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
@@ -1808,6 +1815,7 @@ class RangeSliderComponent extends SliderBase {
1808
1815
  .changes
1809
1816
  .subscribe(() => this.sizeComponent());
1810
1817
  }
1818
+ this.isRangeSliderInvalid();
1811
1819
  this.attachElementEventHandlers();
1812
1820
  }
1813
1821
  ngOnDestroy() {
@@ -1921,6 +1929,7 @@ class RangeSliderComponent extends SliderBase {
1921
1929
  this.sizeComponent();
1922
1930
  });
1923
1931
  }
1932
+ this.isRangeSliderInvalid();
1924
1933
  }
1925
1934
  /**
1926
1935
  * @hidden
@@ -1998,6 +2007,12 @@ class RangeSliderComponent extends SliderBase {
1998
2007
  buttons: false
1999
2008
  };
2000
2009
  }
2010
+ isRangeSliderInvalid() {
2011
+ const rangeSliderClasses = this.hostElement.nativeElement.classList;
2012
+ this.isInvalid = rangeSliderClasses.contains('ng-invalid') ? true : false;
2013
+ this.renderer.setAttribute(this.draghandleStart.nativeElement, 'aria-invalid', `${this.isInvalid}`);
2014
+ this.renderer.setAttribute(this.draghandleEnd.nativeElement, 'aria-invalid', `${this.isInvalid}`);
2015
+ }
2001
2016
  attachElementEventHandlers() {
2002
2017
  const hostElement = this.hostElement.nativeElement;
2003
2018
  let tabbing = false;
@@ -2083,7 +2098,7 @@ RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
2083
2098
  <div #track class="k-slider-track">
2084
2099
  <div #sliderSelection class="k-slider-selection">
2085
2100
  </div>
2086
- <a #draghandleStart
2101
+ <span #draghandleStart
2087
2102
  role="slider"
2088
2103
  [id]="startHandleId"
2089
2104
  [attr.tabindex]="disabled ? undefined : tabindex"
@@ -2101,8 +2116,8 @@ RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
2101
2116
  (kendoPress)="ifEnabled(handleDragPress ,$event)"
2102
2117
  (kendoDrag)="ifEnabled(onHandleDrag ,$event)"
2103
2118
  (kendoRelease)="ifEnabled(onHandleRelease, $event)"
2104
- ></a>
2105
- <a #draghandleEnd
2119
+ ></span>
2120
+ <span #draghandleEnd
2106
2121
  role="slider"
2107
2122
  [id]="endHandleId"
2108
2123
  [attr.tabindex]="disabled ? undefined : tabindex"
@@ -2120,7 +2135,7 @@ RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
2120
2135
  (kendoPress)="ifEnabled(handleDragPress ,$event)"
2121
2136
  (kendoDrag)="ifEnabled(onHandleDrag ,$event)"
2122
2137
  (kendoRelease)="ifEnabled(onHandleRelease, $event)"
2123
- ></a>
2138
+ ></span>
2124
2139
  </div>
2125
2140
  </div>
2126
2141
  <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>
@@ -2167,7 +2182,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
2167
2182
  <div #track class="k-slider-track">
2168
2183
  <div #sliderSelection class="k-slider-selection">
2169
2184
  </div>
2170
- <a #draghandleStart
2185
+ <span #draghandleStart
2171
2186
  role="slider"
2172
2187
  [id]="startHandleId"
2173
2188
  [attr.tabindex]="disabled ? undefined : tabindex"
@@ -2185,8 +2200,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
2185
2200
  (kendoPress)="ifEnabled(handleDragPress ,$event)"
2186
2201
  (kendoDrag)="ifEnabled(onHandleDrag ,$event)"
2187
2202
  (kendoRelease)="ifEnabled(onHandleRelease, $event)"
2188
- ></a>
2189
- <a #draghandleEnd
2203
+ ></span>
2204
+ <span #draghandleEnd
2190
2205
  role="slider"
2191
2206
  [id]="endHandleId"
2192
2207
  [attr.tabindex]="disabled ? undefined : tabindex"
@@ -2204,7 +2219,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
2204
2219
  (kendoPress)="ifEnabled(handleDragPress ,$event)"
2205
2220
  (kendoDrag)="ifEnabled(onHandleDrag ,$event)"
2206
2221
  (kendoRelease)="ifEnabled(onHandleRelease, $event)"
2207
- ></a>
2222
+ ></span>
2208
2223
  </div>
2209
2224
  </div>
2210
2225
  <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>
@@ -13726,7 +13741,6 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
13726
13741
  <div
13727
13742
  *ngIf="!hideLine"
13728
13743
  class="k-signature-line"
13729
- style="z-index: 2; pointer-events: none;"
13730
13744
  ></div>
13731
13745
  <div class="k-signature-actions k-signature-actions-bottom">
13732
13746
  <button
@@ -13819,7 +13833,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
13819
13833
  <div
13820
13834
  *ngIf="!hideLine"
13821
13835
  class="k-signature-line"
13822
- style="z-index: 2; pointer-events: none;"
13823
13836
  ></div>
13824
13837
  <div class="k-signature-actions k-signature-actions-bottom">
13825
13838
  <button
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-inputs",
3
- "version": "10.1.0",
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",
@@ -41,6 +41,7 @@ export declare class RangeSliderComponent extends SliderBase implements AfterVie
41
41
  private lastHandlePosition;
42
42
  private activeHandle;
43
43
  private focusChangedProgrammatically;
44
+ private isInvalid;
44
45
  constructor(localization: LocalizationService, injector: Injector, renderer: Renderer2, ngZone: NgZone, changeDetector: ChangeDetectorRef, hostElement: ElementRef);
45
46
  /**
46
47
  * Focuses the RangeSlider.
@@ -130,6 +131,7 @@ export declare class RangeSliderComponent extends SliderBase implements AfterVie
130
131
  private ngChange;
131
132
  private ngTouched;
132
133
  private getProps;
134
+ private isRangeSliderInvalid;
133
135
  private attachElementEventHandlers;
134
136
  private handleBlur;
135
137
  static ɵfac: i0.ɵɵFactoryDeclaration<RangeSliderComponent, never>;
@@ -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>;