@progress/kendo-angular-inputs 10.1.0-dev.202209211545 → 10.1.0-dev.202209260825

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: 1663775032,
12
+ publishDate: 1664180652,
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
  };
@@ -44,7 +44,6 @@ export class RangeSliderComponent extends SliderBase {
44
44
  * @hidden
45
45
  */
46
46
  this.focusableId = this.startHandleId;
47
- this.handleZIndex = 0;
48
47
  this.activeHandle = 'startHandle';
49
48
  this.focusChangedProgrammatically = false;
50
49
  /**
@@ -90,8 +89,10 @@ export class RangeSliderComponent extends SliderBase {
90
89
  if (this.isDisabled || !handler) {
91
90
  return;
92
91
  }
93
- this.renderer.setStyle(e.target, 'zIndex', ++this.handleZIndex);
94
92
  const startHandleIsActive = isStartHandle(e.target);
93
+ const nonDraggedHandle = startHandleIsActive ? this.draghandleEnd.nativeElement : this.draghandleStart.nativeElement;
94
+ this.renderer.removeStyle(nonDraggedHandle, 'zIndex');
95
+ this.renderer.setStyle(e.target, 'zIndex', 1);
95
96
  const value = handler(Object.assign(Object.assign({}, options), { value: startHandleIsActive ? this.value[0] : this.value[1] }));
96
97
  if (startHandleIsActive) {
97
98
  if (value > this.value[1]) {
@@ -210,7 +211,9 @@ export class RangeSliderComponent extends SliderBase {
210
211
  }
211
212
  const target = args.originalEvent.target;
212
213
  this.draggedHandle = target;
213
- this.renderer.setStyle(target, 'zIndex', ++this.handleZIndex);
214
+ const nonDraggedHandle = this.draghandleStart.nativeElement === this.draggedHandle ? this.draghandleEnd.nativeElement : this.draghandleStart.nativeElement;
215
+ this.renderer.removeStyle(nonDraggedHandle, 'zIndex');
216
+ this.renderer.setStyle(target, 'zIndex', 1);
214
217
  }
215
218
  /**
216
219
  * @hidden
@@ -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: 1663775032,
538
+ publishDate: 1664180652,
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
  };
@@ -1669,7 +1669,6 @@ class RangeSliderComponent extends SliderBase {
1669
1669
  * @hidden
1670
1670
  */
1671
1671
  this.focusableId = this.startHandleId;
1672
- this.handleZIndex = 0;
1673
1672
  this.activeHandle = 'startHandle';
1674
1673
  this.focusChangedProgrammatically = false;
1675
1674
  /**
@@ -1715,8 +1714,10 @@ class RangeSliderComponent extends SliderBase {
1715
1714
  if (this.isDisabled || !handler) {
1716
1715
  return;
1717
1716
  }
1718
- this.renderer.setStyle(e.target, 'zIndex', ++this.handleZIndex);
1719
1717
  const startHandleIsActive = isStartHandle(e.target);
1718
+ const nonDraggedHandle = startHandleIsActive ? this.draghandleEnd.nativeElement : this.draghandleStart.nativeElement;
1719
+ this.renderer.removeStyle(nonDraggedHandle, 'zIndex');
1720
+ this.renderer.setStyle(e.target, 'zIndex', 1);
1720
1721
  const value = handler(Object.assign(Object.assign({}, options), { value: startHandleIsActive ? this.value[0] : this.value[1] }));
1721
1722
  if (startHandleIsActive) {
1722
1723
  if (value > this.value[1]) {
@@ -1835,7 +1836,9 @@ class RangeSliderComponent extends SliderBase {
1835
1836
  }
1836
1837
  const target = args.originalEvent.target;
1837
1838
  this.draggedHandle = target;
1838
- this.renderer.setStyle(target, 'zIndex', ++this.handleZIndex);
1839
+ const nonDraggedHandle = this.draghandleStart.nativeElement === this.draggedHandle ? this.draghandleEnd.nativeElement : this.draghandleStart.nativeElement;
1840
+ this.renderer.removeStyle(nonDraggedHandle, 'zIndex');
1841
+ this.renderer.setStyle(target, 'zIndex', 1);
1839
1842
  }
1840
1843
  /**
1841
1844
  * @hidden
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-inputs",
3
- "version": "10.1.0-dev.202209211545",
3
+ "version": "10.1.0-dev.202209260825",
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",
@@ -38,7 +38,6 @@ export declare class RangeSliderComponent extends SliderBase implements AfterVie
38
38
  */
39
39
  focusableId: string;
40
40
  private draggedHandle;
41
- private handleZIndex;
42
41
  private lastHandlePosition;
43
42
  private activeHandle;
44
43
  private focusChangedProgrammatically;