diff --git a/packages/calcite-components/src/components/slider/slider.tsx b/packages/calcite-components/src/components/slider/slider.tsx index a33e71d456f..91e9fe2a746 100644 --- a/packages/calcite-components/src/components/slider/slider.tsx +++ b/packages/calcite-components/src/components/slider/slider.tsx @@ -561,7 +561,7 @@ export class Slider } const x = event.clientX || event.pageX; - const position = this.translate(x); + const position = this.mapToRange(x); let prop: ActiveSliderProperty = "value"; if (isRange(this.value)) { const inRange = position >= this.minValue && position <= this.maxValue; @@ -803,7 +803,7 @@ export class Slider event.preventDefault(); if (this.dragProp) { - const value = this.translate(event.clientX || event.pageX); + const value = this.mapToRange(event.clientX || event.pageX); if (isRange(this.value) && this.dragProp === "minMaxValue") { if (this.minValueDragRange && this.maxValueDragRange && this.minMaxValueRange) { const newMinValue = value - this.minValueDragRange; @@ -942,7 +942,7 @@ export class Slider * @param x * @internal */ - private translate(x: number): number { + private mapToRange(x: number): number { const range = this.max - this.min; const { left, width } = this.trackEl.getBoundingClientRect(); const percent = (x - left) / width;