@progress/kendo-angular-inputs 10.1.0 → 10.1.1-dev.202210100957
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.
- package/bundles/kendo-angular-inputs.umd.js +1 -1
- package/esm2015/package-metadata.js +1 -1
- package/esm2015/rangeslider/rangeslider.component.js +16 -8
- package/esm2015/signature/signature.component.js +0 -2
- package/fesm2015/kendo-angular-inputs.js +17 -11
- package/package.json +1 -1
- package/rangeslider/rangeslider.component.d.ts +2 -0
|
@@ -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:
|
|
12
|
+
publishDate: 1665395759,
|
|
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
|
-
<
|
|
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
|
-
></
|
|
480
|
-
<
|
|
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
|
-
></
|
|
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
|
-
<
|
|
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
|
-
></
|
|
564
|
-
<
|
|
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
|
-
></
|
|
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
|
|
@@ -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:
|
|
538
|
+
publishDate: 1665395759,
|
|
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
|
};
|
|
@@ -1808,6 +1808,7 @@ class RangeSliderComponent extends SliderBase {
|
|
|
1808
1808
|
.changes
|
|
1809
1809
|
.subscribe(() => this.sizeComponent());
|
|
1810
1810
|
}
|
|
1811
|
+
this.isRangeSliderInvalid();
|
|
1811
1812
|
this.attachElementEventHandlers();
|
|
1812
1813
|
}
|
|
1813
1814
|
ngOnDestroy() {
|
|
@@ -1921,6 +1922,7 @@ class RangeSliderComponent extends SliderBase {
|
|
|
1921
1922
|
this.sizeComponent();
|
|
1922
1923
|
});
|
|
1923
1924
|
}
|
|
1925
|
+
this.isRangeSliderInvalid();
|
|
1924
1926
|
}
|
|
1925
1927
|
/**
|
|
1926
1928
|
* @hidden
|
|
@@ -1998,6 +2000,12 @@ class RangeSliderComponent extends SliderBase {
|
|
|
1998
2000
|
buttons: false
|
|
1999
2001
|
};
|
|
2000
2002
|
}
|
|
2003
|
+
isRangeSliderInvalid() {
|
|
2004
|
+
const rangeSliderClasses = this.hostElement.nativeElement.classList;
|
|
2005
|
+
this.isInvalid = rangeSliderClasses.contains('ng-invalid') ? true : false;
|
|
2006
|
+
this.renderer.setAttribute(this.draghandleStart.nativeElement, 'aria-invalid', `${this.isInvalid}`);
|
|
2007
|
+
this.renderer.setAttribute(this.draghandleEnd.nativeElement, 'aria-invalid', `${this.isInvalid}`);
|
|
2008
|
+
}
|
|
2001
2009
|
attachElementEventHandlers() {
|
|
2002
2010
|
const hostElement = this.hostElement.nativeElement;
|
|
2003
2011
|
let tabbing = false;
|
|
@@ -2083,7 +2091,7 @@ RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
2083
2091
|
<div #track class="k-slider-track">
|
|
2084
2092
|
<div #sliderSelection class="k-slider-selection">
|
|
2085
2093
|
</div>
|
|
2086
|
-
<
|
|
2094
|
+
<span #draghandleStart
|
|
2087
2095
|
role="slider"
|
|
2088
2096
|
[id]="startHandleId"
|
|
2089
2097
|
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
@@ -2101,8 +2109,8 @@ RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
2101
2109
|
(kendoPress)="ifEnabled(handleDragPress ,$event)"
|
|
2102
2110
|
(kendoDrag)="ifEnabled(onHandleDrag ,$event)"
|
|
2103
2111
|
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
2104
|
-
></
|
|
2105
|
-
<
|
|
2112
|
+
></span>
|
|
2113
|
+
<span #draghandleEnd
|
|
2106
2114
|
role="slider"
|
|
2107
2115
|
[id]="endHandleId"
|
|
2108
2116
|
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
@@ -2120,7 +2128,7 @@ RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
2120
2128
|
(kendoPress)="ifEnabled(handleDragPress ,$event)"
|
|
2121
2129
|
(kendoDrag)="ifEnabled(onHandleDrag ,$event)"
|
|
2122
2130
|
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
2123
|
-
></
|
|
2131
|
+
></span>
|
|
2124
2132
|
</div>
|
|
2125
2133
|
</div>
|
|
2126
2134
|
<kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>
|
|
@@ -2167,7 +2175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
2167
2175
|
<div #track class="k-slider-track">
|
|
2168
2176
|
<div #sliderSelection class="k-slider-selection">
|
|
2169
2177
|
</div>
|
|
2170
|
-
<
|
|
2178
|
+
<span #draghandleStart
|
|
2171
2179
|
role="slider"
|
|
2172
2180
|
[id]="startHandleId"
|
|
2173
2181
|
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
@@ -2185,8 +2193,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
2185
2193
|
(kendoPress)="ifEnabled(handleDragPress ,$event)"
|
|
2186
2194
|
(kendoDrag)="ifEnabled(onHandleDrag ,$event)"
|
|
2187
2195
|
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
2188
|
-
></
|
|
2189
|
-
<
|
|
2196
|
+
></span>
|
|
2197
|
+
<span #draghandleEnd
|
|
2190
2198
|
role="slider"
|
|
2191
2199
|
[id]="endHandleId"
|
|
2192
2200
|
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
@@ -2204,7 +2212,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
2204
2212
|
(kendoPress)="ifEnabled(handleDragPress ,$event)"
|
|
2205
2213
|
(kendoDrag)="ifEnabled(onHandleDrag ,$event)"
|
|
2206
2214
|
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
2207
|
-
></
|
|
2215
|
+
></span>
|
|
2208
2216
|
</div>
|
|
2209
2217
|
</div>
|
|
2210
2218
|
<kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>
|
|
@@ -13726,7 +13734,6 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
13726
13734
|
<div
|
|
13727
13735
|
*ngIf="!hideLine"
|
|
13728
13736
|
class="k-signature-line"
|
|
13729
|
-
style="z-index: 2; pointer-events: none;"
|
|
13730
13737
|
></div>
|
|
13731
13738
|
<div class="k-signature-actions k-signature-actions-bottom">
|
|
13732
13739
|
<button
|
|
@@ -13819,7 +13826,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
13819
13826
|
<div
|
|
13820
13827
|
*ngIf="!hideLine"
|
|
13821
13828
|
class="k-signature-line"
|
|
13822
|
-
style="z-index: 2; pointer-events: none;"
|
|
13823
13829
|
></div>
|
|
13824
13830
|
<div class="k-signature-actions k-signature-actions-bottom">
|
|
13825
13831
|
<button
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-inputs",
|
|
3
|
-
"version": "10.1.
|
|
3
|
+
"version": "10.1.1-dev.202210100957",
|
|
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>;
|