@arcgis/common-components 5.2.0-next.114 → 5.2.0-next.116

package/dist/components/arcgis-slider/customElement.js

@@ -1,20 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as Z } from "../../chunks/runtime.js";
 import { keyed as ee } from "lit/directives/keyed.js";
-import { LitElement as te, createEvent as $, safeClassMap as M, safeStyleMap as L, nothing as E } from "@arcgis/lumina";
+import { LitElement as te, createEvent as $, safeClassMap as M, safeStyleMap as A, nothing as E } from "@arcgis/lumina";
 import { makeAccessorController as ae } from "@arcgis/lumina/controllers/accessor";
 import { classes as ne, getClosestElement as re } from "@arcgis/toolkit/dom";
-import { slotChangeHasAssignedElement as A } from "@arcgis/toolkit/dom/slots";
+import { slotChangeHasAssignedElement as H } from "@arcgis/toolkit/dom/slots";
 import { css as ie, html as y } from "lit";
 import { map as se } from "lit/directives/map.js";
-import { createRef as U, ref as H } from "lit/directives/ref.js";
+import { createRef as U, ref as B } from "lit/directives/ref.js";
 import { u as le } from "../../chunks/useT9n.js";
 import { a as oe } from "../../chunks/locale.js";
 import ce from "@arcgis/core/core/Accessor.js";
 import { property as V, subclass as de } from "@arcgis/core/core/accessorSupport/decorators.js";
-import { watch as B } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as N } from "@arcgis/core/core/reactiveUtils.js";
 import { generateGuid as X } from "@arcgis/toolkit/string";
-const _ = {
+const b = {
   increment: "ArrowUp",
   incrementHorizontal: "ArrowRight",
   decrement: "ArrowDown",
@@ -36,29 +36,29 @@ function q({ key: n, shiftKey: e }, t, a) {
   };
 }
 function he(n) {
-  return n === _.increment || n === _.incrementHorizontal || n === _.pageIncrement ? 1 : n === _.decrement || n === _.decrementHorizontal || n === _.pageDecrement ? -1 : null;
+  return n === b.increment || n === b.incrementHorizontal || n === b.pageIncrement ? 1 : n === b.decrement || n === b.decrementHorizontal || n === b.pageDecrement ? -1 : null;
 }
 function j(n) {
-  return n === _.jumpToEnd || n === _.jumpToStart;
+  return n === b.jumpToEnd || n === b.jumpToStart;
 }
 function ue(n) {
-  return n === _.increment || n === _.decrement || n === _.decrementHorizontal || n === _.incrementHorizontal;
+  return n === b.increment || n === b.decrement || n === b.decrementHorizontal || n === b.incrementHorizontal;
 }
 function ge(n) {
-  return n === _.pageIncrement || n === _.pageDecrement;
+  return n === b.pageIncrement || n === b.pageDecrement;
 }
 function me(n) {
   const e = Number.isFinite(n) ? Math.floor(n) : 1;
   return Math.max(1, e);
 }
-const fe = ie`:host{display:flex;width:100%;height:100%;font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size--2);font-variant-numeric:tabular-nums;--arcgis-slider-dash-length: 5px;--arcgis-slider-handle-size: .875rem;--arcgis-slider-track-background-color: var(--calcite-color-border-2);--arcgis-internal-slider-show-range-labels: 0;--arcgis-internal-slider-show-value-labels: 0;--arcgis-internal-slider-value-labels-placement-start: 0;--arcgis-internal-slider-value-labels-placement-end: 0;--arcgis-internal-slider-range-labels-placement-center: 0;--arcgis-internal-slider-range-labels-placement-end: 0;--arcgis-internal-slider-handle-color: var(--calcite-color-text-3);--arcgis-internal-slider-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-internal-slider-label-input-margin: calc(var(--arcgis-internal-slider-handle-offset) + 4px);--arcgis-internal-slider-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-internal-slider-track-range-background-color: var(--calcite-color-brand);--arcgis-internal-slider-track-size: 2px}:host([show-range-labels]){--arcgis-internal-slider-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-internal-slider-show-value-labels: 1}:host([value-labels-placement="start"]){--arcgis-internal-slider-value-labels-placement-start: var(--arcgis-internal-slider-show-value-labels)}:host([value-labels-placement="end"]){--arcgis-internal-slider-value-labels-placement-end: var(--arcgis-internal-slider-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-internal-slider-range-labels-placement-center: var(--arcgis-internal-slider-show-range-labels)}:host([range-labels-placement="end"]){--arcgis-internal-slider-range-labels-placement-end: var(--arcgis-internal-slider-show-range-labels)}:host([disabled]){cursor:default;opacity:var(--calcite-opacity-disabled);pointer-events:none}.content{direction:ltr;flex:1;touch-action:none;user-select:none;display:grid;word-wrap:normal;word-break:normal;padding-block:var(--arcgis-internal-slider-handle-offset)}.track-container{grid-area:track-container;position:relative;display:flex;justify-content:center;align-items:center}.track{touch-action:none;position:relative}.track-bounds{background-color:var(--calcite-color-border-2)}:host([layout="vertical"]){.track-effective-start{background:repeating-linear-gradient(to bottom,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to top,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}:host([layout="horizontal"]){.track-effective-start{background:repeating-linear-gradient(to right,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to left,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}.track-range-interactive{&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-border-2)}&.filled.active{outline-color:var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}.track-range{background-color:var(--arcgis-internal-slider-track-range-background-color);pointer-events:none}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([disabled]),:host([disabled][layout="horizontal"]),:host([disabled][layout="vertical"]){.track-range-interactive.interactive:after{cursor:default;pointer-events:none}}:host([layout="horizontal"]){.track-range-interactive.interactive:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-internal-slider-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}:host([layout="vertical"]){.track-range-interactive.interactive:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-internal-slider-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-left:1px;writing-mode:vertical-lr}}.segment{transform-origin:0 0;inset-block-start:0px;block-size:.125rem;position:absolute;top:0;left:0}.thumb{-webkit-user-select:none;user-select:none;background-color:#4c4c4c;position:absolute}.thumb:focus,.thumb.active{.handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px #00000029;outline:2px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}.handle{cursor:pointer;box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 2px var(--arcgis-internal-slider-handle-color) inset;border-radius:var(--arcgis-slider-handle-size);width:var(--arcgis-slider-handle-size);height:var(--arcgis-slider-handle-size);transition:all var(--calcite-animation-timing, .125s) ease-in-out;position:absolute;top:calc(var(--arcgis-internal-slider-handle-offset) * -1);left:calc(var(--arcgis-internal-slider-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.min{grid-area:range-start}.max{grid-area:range-end}:host([layout="horizontal"][mirrored][range-labels-placement="center"]),:host([layout="vertical"]:not([mirrored])){.min{grid-area:range-end}.max{grid-area:range-start}}.content-start{grid-area:content-start;display:flex}.content-end{grid-area:content-end;display:flex}:dir(rtl){.popover{direction:rtl}}:host([layout="vertical"]){.content{grid-template:". range-start range-start range-start ." "content-start content-start track-container content-end content-end" ". range-end range-end range-end .";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto auto auto 1fr;row-gap:var(--arcgis-internal-slider-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-internal-slider-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-internal-slider-label-input-height) * -.5)}&:host([value-labels-placement="start"]){.label{right:var(--arcgis-internal-slider-label-input-margin)}}&:host([value-labels-placement="end"]){.label{left:var(--arcgis-internal-slider-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-internal-slider-content-start-min-height: calc( ((1 - var(--arcgis-internal-slider-show-range-labels)) * var(--arcgis-internal-slider-handle-offset)) + (var(--arcgis-internal-slider-value-labels-placement-start) * var(--arcgis-internal-slider-label-input-height)) );--arcgis-internal-slider-content-end-min-height: calc( ((1 - var(--arcgis-internal-slider-show-range-labels)) * var(--arcgis-internal-slider-handle-offset)) + (var(--arcgis-internal-slider-value-labels-placement-end) * var(--arcgis-internal-slider-label-input-height)) );column-gap:calc(var(--arcgis-internal-slider-show-range-labels) * var(--arcgis-internal-slider-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-internal-slider-show-range-labels)) * var(--arcgis-internal-slider-handle-offset));grid-template:". content-start ." "range-start content-start range-end" "range-start track-container range-end" "range-start content-end range-end" ". content-end .";grid-template-columns:auto 1fr auto;grid-template-rows:minmax(var(--arcgis-internal-slider-content-start-min-height),auto) calc(var(--arcgis-internal-slider-show-range-labels) * calc(calc(var(--arcgis-internal-slider-label-input-height) / 2) - calc(var(--arcgis-internal-slider-track-size) / 2))) var(--arcgis-internal-slider-track-size) calc(var(--arcgis-internal-slider-show-range-labels) * calc(calc(var(--arcgis-internal-slider-label-input-height) / 2) - calc(var(--arcgis-internal-slider-track-size) / 2))) minmax(var(--arcgis-internal-slider-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-internal-slider-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-internal-slider-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:var(--arcgis-internal-slider-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="end"]){min-inline-size:min-content;.content{--arcgis-internal-slider-content-start-min-height: calc( var(--arcgis-internal-slider-handle-offset) + var(--arcgis-internal-slider-value-labels-placement-start) * var(--arcgis-internal-slider-label-input-height) );--arcgis-internal-slider-content-end-min-height: calc( var(--arcgis-internal-slider-value-labels-placement-end) * var(--arcgis-internal-slider-label-input-height) );padding-inline:var(--arcgis-internal-slider-handle-offset);grid-template:"content-start content-start content-start" "track-container track-container track-container" "content-end content-end content-end" "content-end content-end content-end" "content-end content-end content-end";grid-template-columns:auto 0 auto;grid-template-rows:minmax(var(--arcgis-internal-slider-content-start-min-height),auto) var(--arcgis-internal-slider-track-size) var(--arcgis-internal-slider-handle-offset) calc(var(--arcgis-internal-slider-range-labels-placement-end) * var(--arcgis-internal-slider-label-input-height)) minmax(var(--arcgis-internal-slider-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-internal-slider-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-internal-slider-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:calc(var(--arcgis-internal-slider-label-input-margin) + var(--arcgis-internal-slider-range-labels-placement-end) * (var(--arcgis-internal-slider-label-input-height)))}}.min,.max{--arcgis-internal-slider-range-translation: calc(var(--arcgis-internal-slider-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;margin-inline-start:calc(var(--arcgis-internal-slider-range-translation) * -1)}.max{grid-column:3;margin-inline-end:calc(var(--arcgis-internal-slider-range-translation) * -1)}}&:host([mirrored]){.min{grid-column:3;margin-inline-end:calc(var(--arcgis-internal-slider-range-translation) * -1)}.max{grid-column:1;margin-inline-start:calc(var(--arcgis-internal-slider-range-translation) * -1)}}}`;
+const fe = ie`:host{display:flex;width:100%;height:100%;font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size--2);font-variant-numeric:tabular-nums;--arcgis-slider-dash-length: 5px;--arcgis-slider-handle-size: .875rem;--arcgis-slider-track-background-color: var(--calcite-color-border-2);--arcgis-internal-slider-show-range-labels: 0;--arcgis-internal-slider-show-value-labels: 0;--arcgis-internal-slider-value-labels-placement-start: 0;--arcgis-internal-slider-value-labels-placement-end: 0;--arcgis-internal-slider-range-labels-placement-center: 0;--arcgis-internal-slider-range-labels-placement-end: 0;--arcgis-internal-slider-handle-color: var(--calcite-color-text-3);--arcgis-internal-slider-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-internal-slider-label-input-margin: calc(var(--arcgis-internal-slider-handle-offset) + 4px);--arcgis-internal-slider-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-internal-slider-track-range-background-color: var(--calcite-color-brand);--arcgis-internal-slider-track-size: 2px}:host([show-range-labels]){--arcgis-internal-slider-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-internal-slider-show-value-labels: 1}:host([value-labels-placement="start"]){--arcgis-internal-slider-value-labels-placement-start: var(--arcgis-internal-slider-show-value-labels)}:host([value-labels-placement="end"]){--arcgis-internal-slider-value-labels-placement-end: var(--arcgis-internal-slider-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-internal-slider-range-labels-placement-center: var(--arcgis-internal-slider-show-range-labels)}:host([range-labels-placement="end"]){--arcgis-internal-slider-range-labels-placement-end: var(--arcgis-internal-slider-show-range-labels)}:host([disabled]){cursor:default;opacity:var(--calcite-opacity-disabled);pointer-events:none}.content{direction:ltr;flex:1;touch-action:none;user-select:none;display:grid;word-wrap:normal;word-break:normal;padding-block:var(--arcgis-internal-slider-handle-offset)}.track-container{grid-area:track-container;position:relative;display:flex;justify-content:center;align-items:center}.track{touch-action:none;position:relative}.track-bounds{background-color:var(--calcite-color-border-2)}:host([layout="vertical"]){.track-effective-start{background:repeating-linear-gradient(to bottom,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to top,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}:host([layout="horizontal"]){.track-effective-start{background:repeating-linear-gradient(to right,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to left,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}.track-range-interactive{&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-border-2)}&.filled.active{outline-color:var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}.track-range{background-color:var(--arcgis-internal-slider-track-range-background-color);pointer-events:none}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([disabled]),:host([disabled][layout="horizontal"]),:host([disabled][layout="vertical"]){.track-range-interactive.interactive:after{cursor:default;pointer-events:none}}:host([layout="horizontal"]){.track-range-interactive.interactive:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-internal-slider-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}:host([layout="vertical"]){.track-range-interactive.interactive:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-internal-slider-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-left:1px;writing-mode:vertical-lr}}.segment{transform-origin:0 0;inset-block-start:0px;block-size:.125rem;position:absolute;top:0;left:0}.thumb{-webkit-user-select:none;user-select:none;background-color:#4c4c4c;width:2px;height:2px;margin:-1px;position:absolute}.thumb-content{width:0;height:0;position:absolute;top:50%;left:50%}.thumb:focus,.thumb.active{.handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px #00000029;outline:2px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}.handle{cursor:pointer;box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 2px var(--arcgis-internal-slider-handle-color) inset;border-radius:var(--arcgis-slider-handle-size);width:var(--arcgis-slider-handle-size);height:var(--arcgis-slider-handle-size);transition:all var(--calcite-animation-timing, .125s) ease-in-out;position:absolute;top:calc(var(--arcgis-internal-slider-handle-offset) * -1);left:calc(var(--arcgis-internal-slider-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.min{grid-area:range-start}.max{grid-area:range-end}:host([layout="horizontal"][mirrored][range-labels-placement="center"]),:host([layout="vertical"]:not([mirrored])){.min{grid-area:range-end}.max{grid-area:range-start}}.content-start{grid-area:content-start;display:flex}.content-end{grid-area:content-end;display:flex}:dir(rtl){.popover{direction:rtl}}:host([layout="vertical"]){.content{grid-template:". range-start range-start range-start ." "content-start content-start track-container content-end content-end" ". range-end range-end range-end .";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto auto auto 1fr;row-gap:var(--arcgis-internal-slider-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-internal-slider-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-internal-slider-label-input-height) * -.5)}&:host([value-labels-placement="start"]){.label{right:var(--arcgis-internal-slider-label-input-margin)}}&:host([value-labels-placement="end"]){.label{left:var(--arcgis-internal-slider-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-internal-slider-content-start-min-height: calc( ((1 - var(--arcgis-internal-slider-show-range-labels)) * var(--arcgis-internal-slider-handle-offset)) + (var(--arcgis-internal-slider-value-labels-placement-start) * var(--arcgis-internal-slider-label-input-height)) );--arcgis-internal-slider-content-end-min-height: calc( ((1 - var(--arcgis-internal-slider-show-range-labels)) * var(--arcgis-internal-slider-handle-offset)) + (var(--arcgis-internal-slider-value-labels-placement-end) * var(--arcgis-internal-slider-label-input-height)) );column-gap:calc(var(--arcgis-internal-slider-show-range-labels) * var(--arcgis-internal-slider-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-internal-slider-show-range-labels)) * var(--arcgis-internal-slider-handle-offset));grid-template:". content-start ." "range-start content-start range-end" "range-start track-container range-end" "range-start content-end range-end" ". content-end .";grid-template-columns:auto 1fr auto;grid-template-rows:minmax(var(--arcgis-internal-slider-content-start-min-height),auto) calc(var(--arcgis-internal-slider-show-range-labels) * calc(calc(var(--arcgis-internal-slider-label-input-height) / 2) - calc(var(--arcgis-internal-slider-track-size) / 2))) var(--arcgis-internal-slider-track-size) calc(var(--arcgis-internal-slider-show-range-labels) * calc(calc(var(--arcgis-internal-slider-label-input-height) / 2) - calc(var(--arcgis-internal-slider-track-size) / 2))) minmax(var(--arcgis-internal-slider-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-internal-slider-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-internal-slider-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:var(--arcgis-internal-slider-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="end"]){min-inline-size:min-content;.content{--arcgis-internal-slider-content-start-min-height: calc( var(--arcgis-internal-slider-handle-offset) + var(--arcgis-internal-slider-value-labels-placement-start) * var(--arcgis-internal-slider-label-input-height) );--arcgis-internal-slider-content-end-min-height: calc( var(--arcgis-internal-slider-value-labels-placement-end) * var(--arcgis-internal-slider-label-input-height) );padding-inline:var(--arcgis-internal-slider-handle-offset);grid-template:"content-start content-start content-start" "track-container track-container track-container" "content-end content-end content-end" "content-end content-end content-end" "content-end content-end content-end";grid-template-columns:auto 0 auto;grid-template-rows:minmax(var(--arcgis-internal-slider-content-start-min-height),auto) var(--arcgis-internal-slider-track-size) var(--arcgis-internal-slider-handle-offset) calc(var(--arcgis-internal-slider-range-labels-placement-end) * var(--arcgis-internal-slider-label-input-height)) minmax(var(--arcgis-internal-slider-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-internal-slider-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-internal-slider-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:calc(var(--arcgis-internal-slider-label-input-margin) + var(--arcgis-internal-slider-range-labels-placement-end) * (var(--arcgis-internal-slider-label-input-height)))}}.min,.max{--arcgis-internal-slider-range-translation: calc(var(--arcgis-internal-slider-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;margin-inline-start:calc(var(--arcgis-internal-slider-range-translation) * -1)}.max{grid-column:3;margin-inline-end:calc(var(--arcgis-internal-slider-range-translation) * -1)}}&:host([mirrored]){.min{grid-column:3;margin-inline-end:calc(var(--arcgis-internal-slider-range-translation) * -1)}.max{grid-column:1;margin-inline-start:calc(var(--arcgis-internal-slider-range-translation) * -1)}}}`;
 var pe = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, G = (n) => {
   throw TypeError(n);
 }, I = (n, e, t, a) => {
-  for (var i = a > 1 ? void 0 : a ? ve(e, t) : e, r = n.length - 1, o; r >= 0; r--)
-    (o = n[r]) && (i = (a ? o(e, t, i) : o(i)) || i);
+  for (var i = a > 1 ? void 0 : a ? ve(e, t) : e, r = n.length - 1, l; r >= 0; r--)
+    (l = n[r]) && (i = (a ? l(e, t, i) : l(i)) || i);
   return a && i && pe(e, t, i), i;
-}, J = (n, e, t) => e.has(n) || G("Cannot " + t), _e = (n, e, t) => (J(n, e, "read from private field"), e.get(n)), be = (n, e, t) => e.has(n) ? G("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), xe = (n, e, t, a) => (J(n, e, "write to private field"), e.set(n, t), t), R;
+}, J = (n, e, t) => e.has(n) || G("Cannot " + t), be = (n, e, t) => (J(n, e, "read from private field"), e.get(n)), _e = (n, e, t) => e.has(n) ? G("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), xe = (n, e, t, a) => (J(n, e, "write to private field"), e.set(n, t), t), L;
 function we() {
   return {
     min: 0,
@@ -73,36 +73,36 @@ let k = class extends ce {
   //
   //--------------------------------------------------------------------------
   constructor(n = {}) {
-    super({ ...we(), properties: n }), this._entries = /* @__PURE__ */ new Map(), this.precision = 4, this.ready = !1, be(this, R);
+    super({ ...we(), properties: n }), this._entries = /* @__PURE__ */ new Map(), this.precision = 4, this.ready = !1, _e(this, L);
   }
   startup() {
     const { precision: n } = this;
     let { min: e, max: t, values: a } = this;
-    t = w(t, n), e = w(e, n), a = a?.map((r) => T(w(r, n), e, t)).sort((r, o) => r - o), this._set("min", e), this._set("max", t), this._set("values", a);
+    t = w(t, n), e = w(e, n), a = a?.map((r) => T(w(r, n), e, t)).sort((r, l) => r - l), this._set("min", e), this._set("max", t), this._set("values", a);
     const i = new Map(a?.map((r) => [X(), r]));
-    this._entries = i, B(
+    this._entries = i, N(
       () => this.min,
       (r) => {
-        const o = this.values;
-        r != null && o?.length && o.some((l) => l < r) && (this._entries.forEach((l, s) => {
-          l < r && this._entries.set(s, r);
+        const l = this.values;
+        r != null && l?.length && l.some((o) => o < r) && (this._entries.forEach((o, s) => {
+          o < r && this._entries.set(s, r);
         }), this._updatesValues());
       },
       { sync: !0 }
-    ), B(
+    ), N(
       () => this.max,
       (r) => {
-        const o = this.values;
-        r != null && o?.length && o.some((l) => l > r) && (this._entries.forEach((l, s) => {
-          l > r && this._entries.set(s, r);
+        const l = this.values;
+        r != null && l?.length && l.some((o) => o > r) && (this._entries.forEach((o, s) => {
+          o > r && this._entries.set(s, r);
         }), this._updatesValues());
       },
       { sync: !0 }
-    ), B(
+    ), N(
       () => this.precision,
       (r) => {
-        const { min: o, max: l, values: s } = this;
-        this._set("min", w(o, r)), this._set("max", w(l, r)), s?.length && (this._entries.forEach((c, d) => {
+        const { min: l, max: o, values: s } = this;
+        this._set("min", w(l, r)), this._set("max", w(o, r)), s?.length && (this._entries.forEach((c, d) => {
           this._entries.set(d, w(c, r));
         }), this._updatesValues());
       },
@@ -129,9 +129,9 @@ let k = class extends ce {
     e !== t && this._set("min", t);
   }
   set values(n) {
-    if (_e(this, R) === n)
+    if (be(this, L) === n)
       return;
-    if (xe(this, R, n), !this.ready) {
+    if (xe(this, L, n), !this.ready) {
       this._set("values", n);
       return;
     }
@@ -168,8 +168,8 @@ let k = class extends ce {
     let e = !1;
     const { min: t, max: a } = this;
     for (const [i, r] of n) {
-      const o = this._entries.get(i), l = T(w(r, this.precision), t, a);
-      o !== l && (e = !0, this._entries.set(i, l));
+      const l = this._entries.get(i), o = T(w(r, this.precision), t, a);
+      l !== o && (e = !0, this._entries.set(i, o));
     }
     return e ? (this._updatesValues(), !0) : !1;
   }
@@ -178,7 +178,7 @@ let k = class extends ce {
     this._set("values", n);
   }
 };
-R = /* @__PURE__ */ new WeakMap();
+L = /* @__PURE__ */ new WeakMap();
 I([
   V()
 ], k.prototype, "_entries", 2);
@@ -219,7 +219,7 @@ class ye {
   valueToIndex(e) {
     const t = this.steps.indexOf(e);
     return t !== -1 ? t : this.steps.reduce(
-      (a, i, r, o) => Math.abs(i - e) < Math.abs(o[a] - e) ? r : a,
+      (a, i, r, l) => Math.abs(i - e) < Math.abs(l[a] - e) ? r : a,
       0
     );
   }
@@ -228,14 +228,14 @@ class ye {
       return [];
     const a = [];
     for (let i = this.minIndex; i <= this.maxIndex; i++) {
-      const r = this.indexToValue(i), o = Math.abs(r - e);
-      let l = !1;
+      const r = this.indexToValue(i), l = Math.abs(r - e);
+      let o = !1;
       for (let s = 0; s < a.length; s++)
-        if (o < a[s].dist) {
-          a.splice(s, 0, { idx: i, value: r, dist: o }), l = !0;
+        if (l < a[s].dist) {
+          a.splice(s, 0, { idx: i, value: r, dist: l }), o = !0;
           break;
         }
-      !l && a.length < t && a.push({ idx: i, value: r, dist: o }), a.length > t && (a.length = t);
+      !o && a.length < t && a.push({ idx: i, value: r, dist: l }), a.length > t && (a.length = t);
     }
     return a;
   }
@@ -253,8 +253,8 @@ class ke {
   getClosestStepDistances(e, t) {
     if (t <= 0)
       return [];
-    const a = [], i = this.minIndex, r = this.maxIndex, l = (D(e, this.min, this.max) - this.min) / this.stepSize;
-    let s = Math.floor(l), c = s + 1;
+    const a = [], i = this.minIndex, r = this.maxIndex, o = (D(e, this.min, this.max) - this.min) / this.stepSize;
+    let s = Math.floor(o), c = s + 1;
     for (; a.length < t && (s >= i || c <= r); ) {
       if (s < i) {
         const m = this.indexToValue(c);
@@ -280,42 +280,42 @@ function De(n) {
 }
 function Ie(n, e, t) {
   if (n == null) {
-    const l = /* @__PURE__ */ new Map();
+    const o = /* @__PURE__ */ new Map();
     for (const [s, c] of e.entries())
-      l.set(s, c + t);
-    return l;
+      o.set(s, c + t);
+    return o;
   }
-  const a = e.size, i = Array.from(e.entries()).map(([l, s]) => {
+  const a = e.size, i = Array.from(e.entries()).map(([o, s]) => {
     const c = s + t, d = n.getClosestStepDistances(c, a);
-    return { uuid: l, stepDistances: d };
-  }), r = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Map();
-  i.sort((l, s) => l.stepDistances[0].dist - s.stepDistances[0].dist);
-  for (const l of i) {
-    const s = l.stepDistances.find((c) => !r.has(c.idx));
-    s ? (r.add(s.idx), o.set(l.uuid, s.value)) : o.set(l.uuid, e.get(l.uuid));
+    return { uuid: o, stepDistances: d };
+  }), r = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
+  i.sort((o, s) => o.stepDistances[0].dist - s.stepDistances[0].dist);
+  for (const o of i) {
+    const s = o.stepDistances.find((c) => !r.has(c.idx));
+    s ? (r.add(s.idx), l.set(o.uuid, s.value)) : l.set(o.uuid, e.get(o.uuid));
   }
-  return o;
+  return l;
 }
 function z(n, e, t, a, i) {
-  const { allowValuesOverlap: r, precision: o, min: l, max: s } = i, c = e.get(t) ?? 0, d = c + a, g = a >= 0 ? -1 : 1;
+  const { allowValuesOverlap: r, precision: l, min: o, max: s } = i, c = e.get(t) ?? 0, d = c + a, g = a >= 0 ? -1 : 1;
   let h, f, m;
   if (n) {
     const p = /* @__PURE__ */ new Set();
     if (!r)
       for (const [v, x] of e.entries())
         v !== t && p.add(n.valueToIndex(x));
-    const b = n.getClosestStepDistances(d, e.size + 1);
-    b.sort((v, x) => C(v.dist, o) - C(x.dist, o) || g * (x.value - v.value));
+    const _ = n.getClosestStepDistances(d, e.size + 1);
+    _.sort((v, x) => C(v.dist, l) - C(x.dist, l) || g * (x.value - v.value));
     let u = 0;
-    h = b[u].value, m = (v) => !r && p.has(n.valueToIndex(v)), f = () => (u++, b[u]?.value);
+    h = _[u].value, m = (v) => !r && p.has(n.valueToIndex(v)), f = () => (u++, _[u]?.value);
   } else {
     const p = /* @__PURE__ */ new Set();
     for (const [u, v] of e.entries())
-      u !== t && p.add(C(v, o));
-    const b = 1 / Math.pow(10, o);
-    h = D(C(d, o), l, s), m = (u) => !r && p.has(u), f = () => {
-      const u = C(h + g * b, o);
-      return u === h || u < l || u > s ? void 0 : u;
+      u !== t && p.add(C(v, l));
+    const _ = 1 / Math.pow(10, l);
+    h = D(C(d, l), o, s), m = (u) => !r && p.has(u), f = () => {
+      const u = C(h + g * _, l);
+      return u === h || u < o || u > s ? void 0 : u;
     };
   }
   if (!m(h))
@@ -333,27 +333,27 @@ function C(n, e) {
 }
 function Ve(n, e, t, a = 1) {
   const i = Y(a);
-  let r = e, o = !1;
-  for (let l = 0; l < i; l++) {
+  let r = e, l = !1;
+  for (let o = 0; o < i; o++) {
     const s = Pe(n, r, t);
-    if (o ||= s.changed, r = s.entries, !s.changed)
+    if (l ||= s.changed, r = s.entries, !s.changed)
       break;
   }
-  return { changed: o, entries: r };
+  return { changed: l, entries: r };
 }
 function Ee(n, e, t, a, i = 1) {
   const r = Y(i);
   if (r === 1)
     return K(n, e, t, a);
-  const o = new Map(e);
-  let l = o.get(t);
+  const l = new Map(e);
+  let o = l.get(t);
   for (let s = 0; s < r; s++) {
-    const c = K(n, o, t, a);
-    if (c === l)
+    const c = K(n, l, t, a);
+    if (c === o)
       break;
-    l = c, o.set(t, l);
+    o = c, l.set(t, o);
   }
-  return l;
+  return o;
 }
 function Y(n) {
   const e = Number.isFinite(n) ? Math.floor(n) : 1;
@@ -361,29 +361,29 @@ function Y(n) {
 }
 function Pe(n, e, t) {
   const a = /* @__PURE__ */ new Map(), i = t > 0 ? Te : Q, r = Array.from(e).sort((s, c) => i(s[1], c[1]));
-  let o = !1, l = !0;
+  let l = !1, o = !0;
   for (const [s, c] of r)
-    if (a.set(s, c), l) {
+    if (a.set(s, c), o) {
       const d = K(n, a, s, t);
-      c === d && (l = !1), o ||= l, a.set(s, d);
+      c === d && (o = !1), l ||= o, a.set(s, d);
     }
-  return { changed: o, entries: a };
+  return { changed: l, entries: a };
 }
 function K(n, e, t, a) {
-  const { allowValuesOverlap: i, stepsProvider: r, resolution: o, min: l, max: s } = n, c = e.get(t);
+  const { allowValuesOverlap: i, stepsProvider: r, resolution: l, min: o, max: s } = n, c = e.get(t);
   if (a = a > 0 ? 1 : -1, !r) {
-    let u = D(c + a * o, l, s);
+    let u = D(c + a * l, o, s);
     if (i)
       return u;
     const v = /* @__PURE__ */ new Set();
     for (const [x, P] of e)
       x !== t && v.add(P);
-    for (; v.has(u) && u <= s && u >= l; ) {
+    for (; v.has(u) && u <= s && u >= o; ) {
       const x = u;
-      if (u = D(u + a * o, l, s), u === x)
+      if (u = D(u + a * l, o, s), u === x)
         return c;
     }
-    return v.has(u) || u > s || u < l ? c : u;
+    return v.has(u) || u > s || u < o ? c : u;
   }
   const d = r.valueToIndex(c);
   if (d === -1)
@@ -397,27 +397,27 @@ function K(n, e, t, a) {
     u !== t && g.add(r.valueToIndex(v));
   let h = d, f = !1;
   const m = r.minIndex, p = r.maxIndex;
-  let b = 0;
-  for (; b < Math.abs(p - m) && (h += a, !(h < m || h > p)); ) {
+  let _ = 0;
+  for (; _ < Math.abs(p - m) && (h += a, !(h < m || h > p)); ) {
     if (!g.has(h)) {
       f = !0;
       break;
     }
-    b++;
+    _++;
   }
   return f ? r.indexToValue(h) : c;
 }
 function Ce(n, e, t, a) {
-  const { allowValuesOverlap: i, stepsProvider: r, resolution: o, min: l, max: s } = n, c = e.get(t);
+  const { allowValuesOverlap: i, stepsProvider: r, resolution: l, min: o, max: s } = n, c = e.get(t);
   if (a = a > 0 ? 1 : -1, !r) {
     const f = new Set(
       Array.from(e).filter(([p]) => p !== t).map(([, p]) => p)
     );
-    let m = a > 0 ? s : l;
+    let m = a > 0 ? s : o;
     if (i)
       return m;
     for (; f.has(m); )
-      if (m -= a * o, a > 0 && m > s || a < 0 && m < l) {
+      if (m -= a * l, a > 0 && m > s || a < 0 && m < o) {
         m = c;
         break;
       }
@@ -433,43 +433,43 @@ function Ce(n, e, t, a) {
   );
   let h = a > 0 ? r.maxIndex : r.minIndex;
   for (; g.has(h); )
-    if (h -= a, a > 0 && h > s || a < 0 && h < l) {
+    if (h -= a, a > 0 && h > s || a < 0 && h < o) {
       h = d;
       break;
     }
   return r.indexToValue(h);
 }
 function Se(n, e, t) {
-  const { stepsProvider: a, min: i, max: r } = n, o = /* @__PURE__ */ new Map(), l = Array.from(e).sort((c, d) => Q(c[1], d[1]));
+  const { stepsProvider: a, min: i, max: r } = n, l = /* @__PURE__ */ new Map(), o = Array.from(e).sort((c, d) => Q(c[1], d[1]));
   if (a) {
     let c = 0;
     if (t > 0) {
-      const d = l[l.length - 1], g = a.valueToIndex(d[1]);
+      const d = o[o.length - 1], g = a.valueToIndex(d[1]);
       c = a.maxIndex - g;
     } else {
-      const d = l[0], g = a.valueToIndex(d[1]);
+      const d = o[0], g = a.valueToIndex(d[1]);
       c = a.minIndex - g;
     }
     if (c === 0)
-      for (const [d, g] of l)
-        o.set(d, g);
-    for (const [d, g] of l) {
+      for (const [d, g] of o)
+        l.set(d, g);
+    for (const [d, g] of o) {
       const h = a.indexToValue(a.valueToIndex(g) + c);
-      o.set(d, h);
+      l.set(d, h);
     }
-    return o;
+    return l;
   }
   let s = 0;
   if (t > 0) {
-    const c = l[l.length - 1];
+    const c = o[o.length - 1];
     s = r - c[1];
   } else {
-    const c = l[0];
+    const c = o[0];
     s = i - c[1];
   }
-  for (const [c, d] of l)
-    o.set(c, d + s);
-  return o;
+  for (const [c, d] of o)
+    l.set(c, d + s);
+  return l;
 }
 function Q(n, e) {
   return n - e;
@@ -493,8 +493,8 @@ class Me extends te {
       const i = oe(this.messages._lang, t), r = this.labelFormatter;
       if (!r)
         return i.format(a);
-      const o = r(a, e, (l) => i.format(l));
-      return o ?? i.format(a);
+      const l = r(a, e, (o) => i.format(o));
+      return l ?? i.format(a);
     }, this._numberFormatOptions = {}, this._createFormatter = (e, t) => this._formatLabel.bind(this, e, t), this._minFormatter = this._createFormatter("min", this._numberFormatOptions), this._maxFormatter = this._createFormatter("max", this._numberFormatOptions), this._valueFormatter = this._createFormatter("value", this._numberFormatOptions), this._resizeObserver = new ResizeObserver(() => {
       this._layoutLabelInputs();
     }), this._labelInputsUpdateComplete = null, this._dragInfo = null, this._hasPopoverContent = !1, this._hasContentStart = !1, this._hasContentEnd = !1, this._activePart = null, this._sliderData = $e(this), this.allowValuesOverlap = !1, this.autoDestroyDisabled = !1, this.disabled = !1, this.fillPlacement = "start", this.layout = "horizontal", this.max = this._sliderData.max, this.min = this._sliderData.min, this.mirrored = !1, this.popoverDisplay = "auto", this.popoverLabel = "", this.popoverPlacement = "start", this.precision = this._sliderData.precision, this.rangeLabelsEditingEnabled = !1, this.rangeLabelsPlacement = "center", this.segmentsDraggingDisabled = !1, this.showRangeLabels = !1, this.valueLabelsDisplay = "hidden", this.valueLabelsPlacement = "start", this.valueLabelsEditingEnabled = !1, this.keyboardLargeStep = 10, this.values = this._sliderData.values, this.arcgisActiveValueChange = $({ cancelable: !1 }), this.arcgisChange = $({ cancelable: !1 }), this.arcgisInput = $({ cancelable: !1 }), this.arcgisRangeChange = $({ cancelable: !1 });
@@ -599,15 +599,15 @@ class Me extends te {
       return;
     const i = a.getBoundingClientRect();
     for (const r of this._sliderData.entries.keys()) {
-      const o = this._activePart === "range" || this._activePart === r;
-      if (this.valueLabelsDisplay === "always" || o) {
+      const l = this._activePart === "range" || this._activePart === r;
+      if (this.valueLabelsDisplay === "always" || l) {
         const s = Re(this, r), c = W(this, r);
         if (!s || !c)
           continue;
         const d = s.getBoundingClientRect(), g = c.getBoundingClientRect(), h = c.getLabelBoundingClientRect(), f = d.width / 2, m = Math.round(d.left + f), p = Math.round(h.width / 2);
-        let b = g.width / 2;
+        let _ = g.width / 2;
         const u = i.left - f, v = i.right + f, x = m - p, P = m + p;
-        x < u ? b += x - u : P > v && (b += P - v), c.style.transform = `translateX(${-Math.round(b)}px)`;
+        x < u ? _ += x - u : P > v && (_ += P - v), c.style.transform = `translateX(${-Math.round(_)}px)`;
       }
     }
   }
@@ -632,9 +632,9 @@ class Me extends te {
     }
     if (ze(e.target) || this.values?.length > 1)
       return;
-    const a = this._mapEventToRange(e), [i, r] = this._sliderData.entries.entries().next().value, o = a * this._fullRange + this._fullMin - r, l = O(this._fullMin, this._fullMax, r) / 100;
-    this._startDrag(i, l);
-    const s = z(this._stepsProvider, this._sliderData.entries, i, o, {
+    const a = this._mapEventToRange(e), [i, r] = this._sliderData.entries.entries().next().value, l = a * this._fullRange + this._fullMin - r, o = O(this._fullMin, this._fullMax, r) / 100;
+    this._startDrag(i, o);
+    const s = z(this._stepsProvider, this._sliderData.entries, i, l, {
       allowValuesOverlap: this.allowValuesOverlap,
       precision: this.precision,
       min: this.min,
@@ -668,32 +668,32 @@ class Me extends te {
     if (this._disabledOrInvalid)
       return;
     const { min: a, max: i, values: r } = this;
-    let o = a, l = i;
+    let l = a, o = i;
     if (this._setActivePart(e), e === "range") {
       if (this.segmentsDraggingDisabled)
         return;
-      o = a - r[0], l = i - r[r.length - 1];
+      l = a - r[0], o = i - r[r.length - 1];
     }
     this._dragInfo = {
       position: t,
       entries: new Map(this._sliderData.entries.entries()),
-      minDiff: o,
-      maxDiff: l
+      minDiff: l,
+      maxDiff: o
     }, this._addDragListeners();
   }
   _updateDrag(e) {
     if (!this._dragInfo || !this._activePart)
       return;
-    const { _activePart: t, _dragInfo: { position: a, entries: i, minDiff: r, maxDiff: o } } = this;
+    const { _activePart: t, _dragInfo: { position: a, entries: i, minDiff: r, maxDiff: l } } = this;
     if (a === e)
       return;
-    let l = (e - a) * this._fullRange;
+    let o = (e - a) * this._fullRange;
     if (t === "range") {
-      l = Math.min(o, Math.max(r, l));
-      const s = Ie(this._stepsProvider, i, l);
+      o = Math.min(l, Math.max(r, o));
+      const s = Ie(this._stepsProvider, i, o);
       this._setValues(s);
     } else {
-      const s = z(this._stepsProvider, i, t, l, {
+      const s = z(this._stepsProvider, i, t, o, {
         allowValuesOverlap: this.allowValuesOverlap,
         precision: this.precision,
         min: this.min,
@@ -721,13 +721,16 @@ class Me extends te {
     const e = new Map(this._sliderData.entries), t = Array.from(e.entries()).sort((i, r) => i[1] - r[1]);
     let a = !1;
     for (const [i, r] of t) {
-      const o = N(r, this.min, this.max), l = z(this._stepsProvider, e, i, o - r, {
+      const l = R(r, this.min, this.max);
+      if (!Array.from(e).some(([c, d]) => c !== i && R(d, this.min, this.max) === l))
+        continue;
+      const s = z(this._stepsProvider, e, i, l - r, {
         allowValuesOverlap: !1,
         precision: this.precision,
         min: this.min,
         max: this.max
       });
-      l !== r && (a = !0), e.set(i, l);
+      s !== r && (a = !0), e.set(i, s);
     }
     return a ? e : null;
   }
@@ -757,13 +760,13 @@ class Me extends te {
     const t = e.currentTarget, a = S(t), i = t.value;
     if (a) {
       e.stopPropagation();
-      const r = this._sliderData.getValue(a), o = z(this._stepsProvider, this._sliderData.entries, a, i - r, {
+      const r = this._sliderData.getValue(a), l = z(this._stepsProvider, this._sliderData.entries, a, i - r, {
         allowValuesOverlap: this.allowValuesOverlap,
         precision: this.precision,
         min: this.min,
         max: this.max
       });
-      this._setValue(a, o), t.value = this._sliderData.getValue(a);
+      this._setValue(a, l), t.value = this._sliderData.getValue(a);
     }
   }
   _mapEventToRange(e) {
@@ -780,13 +783,13 @@ class Me extends te {
     };
   }
   _popoverSlotChange(e) {
-    this._hasPopoverContent = A(e);
+    this._hasPopoverContent = H(e);
   }
   _onContentStartSlotChange(e) {
-    this._hasContentStart = A(e);
+    this._hasContentStart = H(e);
   }
   _onContentEndSlotChange(e) {
-    this._hasContentEnd = A(e);
+    this._hasContentEnd = H(e);
   }
   _onThumbKeyDown(e) {
     const t = S(e.currentTarget);
@@ -795,7 +798,7 @@ class Me extends te {
     const a = e.currentTarget.querySelector("arcgis-label-input");
     if (!a || a.editing)
       return;
-    if (e.key === _.confirmEdit) {
+    if (e.key === b.confirmEdit) {
       a.edit();
       return;
     }
@@ -838,7 +841,7 @@ class Me extends te {
     };
   }
   _getDirectionForHomeEndKey(e) {
-    return this.isHorizontal && this.mirrored || this.layout === "vertical" ? e === _.jumpToEnd ? -1 : 1 : e === _.jumpToStart ? -1 : 1;
+    return this.isHorizontal && this.mirrored || this.layout === "vertical" ? e === b.jumpToEnd ? -1 : 1 : e === b.jumpToStart ? -1 : 1;
   }
   _setActivePart(e) {
     this._activePart !== e && (this._activePart = e, this.arcgisActiveValueChange.emit());
@@ -854,12 +857,12 @@ class Me extends te {
     })} @pointerdown=${this._onPointerDown}>${this._renderContentStart()}${this._renderContentEnd()}${this._renderRangeLabel("min")}${this._renderTrackRange()}${this._renderRangeLabel("max")}${this._renderPopover()}</div>`;
   }
   _renderPopover() {
-    const { _activePart: e, layout: t, popoverDisplay: a, popoverLabel: i, popoverPlacement: r, valueLabelsDisplay: o, valueLabelsPlacement: l } = this;
+    const { _activePart: e, layout: t, popoverDisplay: a, popoverLabel: i, popoverPlacement: r, valueLabelsDisplay: l, valueLabelsPlacement: o } = this;
     let s = "";
     this._hasPopoverContent && (a === "always" && this.values.length > 1 ? s = "track-range" : e && Fe(e) ? s = e : this.values.length > 1 ? s = "track-range" : s = this._sliderData.entries.keys().next().value ?? "");
     const c = this._hasPopoverContent && (a === "always" || !!e), d = t === "horizontal" ? r === "start" ? "top" : "bottom" : r === "start" ? "left" : "right";
     let g = 14;
-    return o !== "hidden" && r === l && (g += 24), y`<calcite-popover class="popover" focus-trap-disabled .label=${i} .open=${c} .offsetDistance=${g} .placement=${d} .referenceElement=${s} scale=s trigger-disabled ${H(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`;
+    return s && s !== "track-range" && (g -= 1), l !== "hidden" && r === o && (g += 24), y`<calcite-popover class="popover" focus-trap-disabled .label=${i} .open=${c} .offsetDistance=${g} .placement=${d} .referenceElement=${s} scale=s trigger-disabled ${B(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`;
   }
   _renderContentStart() {
     return y`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`;
@@ -871,45 +874,45 @@ class Me extends te {
     return y`<div class="track-container">${this._renderTrack()}${this._renderThumbs()}</div>`;
   }
   _renderTrack() {
-    return y`<div class="track" ${H(this._trackElement)}>${this._renderTrackBackground()}${this._renderFillSegment()}</div>`;
+    return y`<div class="track" ${B(this._trackElement)}>${this._renderTrackBackground()}${this._renderFillSegment()}</div>`;
   }
   _renderTrackBackground() {
     const { max: e, min: t, fillPlacement: a, values: i } = this, r = i.length > 1;
-    let o = this._fullMin, l = this._fullMax;
+    let l = this._fullMin, o = this._fullMax;
     const s = [];
-    return this._invalid ? y`<div class="segment track-bounds" style=${L({ left: "0%", right: "0%", top: "0%", bottom: "0%" })}></div>` : (o < t && (s.push(this._renderSegment(o, t, [
+    return this._invalid ? y`<div class="segment track-bounds" style=${A({ left: "0%", right: "0%", top: "0%", bottom: "0%" })}></div>` : (l < t && (s.push(this._renderSegment(l, t, [
       this.mirrored ? "track-effective-end" : "track-effective-start",
       !r && a === "start" ? "track-fill" : null
-    ])), o = t), l > e && (s.push(this._renderSegment(e, l, [
+    ])), l = t), o > e && (s.push(this._renderSegment(e, o, [
       this.mirrored ? "track-effective-start" : "track-effective-end",
       !r && a === "end" ? "track-fill" : null
-    ])), l = e), s.push(this._renderSegment(o, l, ["track-bounds"])), s);
+    ])), o = e), s.push(this._renderSegment(l, o, ["track-bounds"])), s);
   }
   _renderFillSegment() {
     const { values: e, min: t, max: a } = this;
     if (!e?.length || this._invalid)
       return;
-    const i = [...e].sort((g, h) => g - h), r = i[0], o = i[i.length - 1], l = this._resolveFillPlacement(i.length > 1);
+    const i = [...e].sort((g, h) => g - h), r = i[0], l = i[i.length - 1], o = this._resolveFillPlacement(i.length > 1);
     let s;
-    switch (l) {
+    switch (o) {
       case "start":
         t < r && (s = this._renderSegment(t, r, ["track-range"]));
         break;
       case "end":
-        a > o && (s = this._renderSegment(o, a, ["track-range"]));
+        a > l && (s = this._renderSegment(l, a, ["track-range"]));
         break;
       case "between":
-        i.length > 1 && (s = this._renderSegment(r, o, ["track-range"]));
+        i.length > 1 && (s = this._renderSegment(r, l, ["track-range"]));
         break;
       case "not-between":
-        i.length > 1 && (s = [this._renderSegment(t, r, ["track-range"]), this._renderSegment(o, a, ["track-range"])]);
+        i.length > 1 && (s = [this._renderSegment(t, r, ["track-range"]), this._renderSegment(l, a, ["track-range"])]);
         break;
     }
     if (!(i.length > 1))
       return s;
-    const c = this.segmentsDraggingDisabled, d = this._renderSegment(r, o, [
+    const c = this.segmentsDraggingDisabled, d = this._renderSegment(r, l, [
       "track-range-interactive",
-      l === "between" ? "filled" : null,
+      o === "between" ? "filled" : null,
       c ? null : "interactive",
       this._activePart === "range" ? "active" : null
     ], {
@@ -922,11 +925,11 @@ class Me extends te {
     return [s, d];
   }
   _renderSegment(e, t, a, i) {
-    const { _fullMin: r, _fullMax: o, mirrored: l } = this, s = [
-      O(r, o, N(e, r, o)),
-      100 - O(r, o, N(t, r, o))
+    const { _fullMin: r, _fullMax: l, mirrored: o } = this, s = [
+      O(r, l, R(e, r, l)),
+      100 - O(r, l, R(t, r, l))
     ];
-    l && s.reverse();
+    o && s.reverse();
     const c = this.isHorizontal ? {
       left: `${s[0]}%`,
       right: `${s[1]}%`
@@ -934,21 +937,21 @@ class Me extends te {
       top: `${s[1]}%`,
       bottom: `${s[0]}%`
     }, d = ne("segment", ...a);
-    return y`<div id=${i?.id ?? E} class=${M(d)} style=${L(c)} .tabIndex=${i?.onPointerDown ? 0 : -1} @focus=${i?.onFocus} @blur=${i?.onBlur} @pointerdown=${i?.onPointerDown} @keydown=${i?.onKeyDown}></div>`;
+    return y`<div id=${i?.id ?? E} class=${M(d)} style=${A(c)} .tabIndex=${i?.onPointerDown ? 0 : -1} @focus=${i?.onFocus} @blur=${i?.onBlur} @pointerdown=${i?.onPointerDown} @keydown=${i?.onKeyDown}></div>`;
   }
   _renderThumbs() {
     const { _sliderData: e } = this, t = Array.from(e.entries).filter(([, a]) => a >= this._fullMin && a <= this._fullMax);
     return se(t, ([a, i]) => this._renderThumb(a, i));
   }
   _renderThumb(e, t) {
-    const { valueLabelsDisplay: a } = this, i = this._disabledOrInvalid, r = this._activePart === e || this._activePart === "range", o = this._activePart === "range" || this._activePart === e, l = a === "always" || a === "auto" && o, s = this.isHorizontal, c = s ? "horizontal" : "vertical", d = `label-${e}`, g = s ? "center" : this.valueLabelsPlacement === "start" ? "end" : "start";
+    const { valueLabelsDisplay: a } = this, i = this._disabledOrInvalid, r = this._activePart === e || this._activePart === "range", l = this._activePart === "range" || this._activePart === e, o = a === "always" || a === "auto" && l, s = this.isHorizontal, c = s ? "horizontal" : "vertical", d = `label-${e}`, g = s ? "center" : this.valueLabelsPlacement === "start" ? "end" : "start";
     return ee(e, y`<div id=${e ?? E} .ariaLabel=${this.messages.sliderValue} aria-labelledby=${(a ? d : void 0) ?? E} .ariaOrientation=${c} .ariaValueMin=${this.min} .ariaValueMax=${this.max} .ariaValueNow=${t} .ariaValueText=${this._valueFormatter(t)} class=${M({
       thumb: !0,
       active: r
-    })} data-entry=${e ?? E} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${L({
+    })} data-entry=${e ?? E} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${A({
       ...this._getPositionStyleForElement(t),
       "z-index": this._activePart === e ? 1 : 0
-    })} .tabIndex=${i ? -1 : 0}><span class="handle"></span><arcgis-label-input .alignment=${g} class="label" .hidden=${!l} id=${d ?? E} .labelFormatter=${this._valueFormatter} @focus=${i ? void 0 : this._onThumbFocus} @blur=${i ? void 0 : this._onThumbBlur} @arcgisChange=${this._onValueInputChange} .readOnly=${!this.valueLabelsEditingEnabled} tabindex=-1 .value=${t} ${H(this._makeResizeRef())}></arcgis-label-input></div>`);
+    })} .tabIndex=${i ? -1 : 0}><div class="thumb-content"><span class="handle"></span><arcgis-label-input .alignment=${g} class="label" .hidden=${!o} id=${d ?? E} .labelFormatter=${this._valueFormatter} @focus=${i ? void 0 : this._onThumbFocus} @blur=${i ? void 0 : this._onThumbBlur} @arcgisChange=${this._onValueInputChange} .readOnly=${!this.valueLabelsEditingEnabled} tabindex=-1 .value=${t} ${B(this._makeResizeRef())}></arcgis-label-input></div></div>`);
   }
   _renderRangeLabel(e) {
     let t = "center";
@@ -982,7 +985,7 @@ function O(n, e, t) {
   const a = e - n, i = (t - n) / a * 100;
   return Number.parseFloat(i.toFixed(Le));
 }
-function N(n, e, t) {
+function R(n, e, t) {
   return Math.max(e, Math.min(t, n));
 }
 Z("arcgis-slider", Me);