@arcgis/common-components 5.2.0-next.97 → 5.2.0-next.99

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

@@ -51,7 +51,7 @@ function ge(a) {
   const e = Number.isFinite(a) ? Math.floor(a) : 1;
   return Math.max(1, e);
 }
-const me = re`: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"]){.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;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);column-gap:var(--arcgis-internal-slider-handle-offset)}.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;transform:translate(calc(var(--arcgis-internal-slider-range-translation) * -1))}.max{grid-column:3;transform:translate(var(--arcgis-internal-slider-range-translation))}}&:host([mirrored]){.min{grid-column:3;transform:translate(var(--arcgis-internal-slider-range-translation))}.max{grid-column:1;transform:translate(calc(var(--arcgis-internal-slider-range-translation) * -1))}}}`;
+const me = re`: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)}}}`;
 var fe = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, W = (a) => {
   throw TypeError(a);
 }, D = (a, e, t, n) => {
@@ -66,7 +66,7 @@ function xe() {
     values: []
   };
 }
-let k = class extends oe {
+let y = class extends oe {
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -84,8 +84,8 @@ let k = class extends oe {
       () => this.min,
       (r) => {
         const o = this.values;
-        r != null && o?.length && o.some((s) => s < r) && (this._entries.forEach((s, l) => {
-          s < r && this._entries.set(l, r);
+        r != null && o?.length && o.some((l) => l < r) && (this._entries.forEach((l, s) => {
+          l < r && this._entries.set(s, r);
         }), this._updatesValues());
       },
       { sync: !0 }
@@ -93,16 +93,16 @@ let k = class extends oe {
       () => this.max,
       (r) => {
         const o = this.values;
-        r != null && o?.length && o.some((s) => s > r) && (this._entries.forEach((s, l) => {
-          s > r && this._entries.set(l, r);
+        r != null && o?.length && o.some((l) => l > r) && (this._entries.forEach((l, s) => {
+          l > r && this._entries.set(s, r);
         }), this._updatesValues());
       },
       { sync: !0 }
     ), A(
       () => this.precision,
       (r) => {
-        const { min: o, max: s, values: l } = this;
-        this._set("min", x(o, r)), this._set("max", x(s, r)), l?.length && (this._entries.forEach((c, d) => {
+        const { min: o, max: l, values: s } = this;
+        this._set("min", x(o, r)), this._set("max", x(l, r)), s?.length && (this._entries.forEach((c, d) => {
           this._entries.set(d, x(c, r));
         }), this._updatesValues());
       },
@@ -168,8 +168,8 @@ let k = class extends oe {
     let e = !1;
     const { min: t, max: n } = this;
     for (const [i, r] of a) {
-      const o = this._entries.get(i), s = T(x(r, this.precision), t, n);
-      o !== s && (e = !0, this._entries.set(i, s));
+      const o = this._entries.get(i), l = T(x(r, this.precision), t, n);
+      o !== l && (e = !0, this._entries.set(i, l));
     }
     return e ? (this._updatesValues(), !0) : !1;
   }
@@ -181,28 +181,28 @@ let k = class extends oe {
 F = /* @__PURE__ */ new WeakMap();
 D([
   I()
-], k.prototype, "_entries", 2);
+], y.prototype, "_entries", 2);
 D([
   I({ readOnly: !0 })
-], k.prototype, "entries", 1);
+], y.prototype, "entries", 1);
 D([
   I()
-], k.prototype, "max", 1);
+], y.prototype, "max", 1);
 D([
   I()
-], k.prototype, "min", 1);
+], y.prototype, "min", 1);
 D([
   I({ cast: (a) => T(a, 0, 20) })
-], k.prototype, "precision", 2);
+], y.prototype, "precision", 2);
 D([
   I({ readOnly: !0 })
-], k.prototype, "ready", 2);
+], y.prototype, "ready", 2);
 D([
   I()
-], k.prototype, "values", 1);
-k = D([
+], y.prototype, "values", 1);
+y = D([
   ce("esri.widgets.Slider.SliderData")
-], k);
+], y);
 function T(a, e, t) {
   return Math.min(Math.max(a, e), t);
 }
@@ -214,7 +214,7 @@ class we {
     this.steps = e, this.minIndex = 0, this.maxIndex = this.steps.length - 1;
   }
   indexToValue(e) {
-    return this.steps[y(e, this.minIndex, this.maxIndex)];
+    return this.steps[k(e, this.minIndex, this.maxIndex)];
   }
   valueToIndex(e) {
     const t = this.steps.indexOf(e);
@@ -229,70 +229,70 @@ class we {
     const n = [];
     for (let i = this.minIndex; i <= this.maxIndex; i++) {
       const r = this.indexToValue(i), o = Math.abs(r - e);
-      let s = !1;
-      for (let l = 0; l < n.length; l++)
-        if (o < n[l].dist) {
-          n.splice(l, 0, { idx: i, value: r, dist: o }), s = !0;
+      let l = !1;
+      for (let s = 0; s < n.length; s++)
+        if (o < n[s].dist) {
+          n.splice(s, 0, { idx: i, value: r, dist: o }), l = !0;
           break;
         }
-      !s && n.length < t && n.push({ idx: i, value: r, dist: o }), n.length > t && (n.length = t);
+      !l && n.length < t && n.push({ idx: i, value: r, dist: o }), n.length > t && (n.length = t);
     }
     return n;
   }
 }
-class ke {
+class ye {
   constructor(e, t, n) {
     this.min = e, this.max = t, this.stepSize = n, this.minIndex = 0, this.maxIndex = Math.round((this.max - this.min) / this.stepSize);
   }
   indexToValue(e) {
-    return this.min + y(e, this.minIndex, this.maxIndex) * this.stepSize;
+    return this.min + k(e, this.minIndex, this.maxIndex) * this.stepSize;
   }
   valueToIndex(e) {
-    return e = y(e, this.min, this.max), Math.round((e - this.min) / this.stepSize);
+    return e = k(e, this.min, this.max), Math.round((e - this.min) / this.stepSize);
   }
   getClosestStepDistances(e, t) {
     if (t <= 0)
       return [];
-    const n = [], i = this.minIndex, r = this.maxIndex, s = (y(e, this.min, this.max) - this.min) / this.stepSize;
-    let l = Math.floor(s), c = l + 1;
-    for (; n.length < t && (l >= i || c <= r); ) {
-      if (l < i) {
+    const n = [], i = this.minIndex, r = this.maxIndex, l = (k(e, this.min, this.max) - this.min) / this.stepSize;
+    let s = Math.floor(l), c = s + 1;
+    for (; n.length < t && (s >= i || c <= r); ) {
+      if (s < i) {
         const g = this.indexToValue(c);
         n.push({ idx: c, value: g, dist: Math.abs(g - e) }), c++;
         continue;
       }
       if (c > r) {
-        const g = this.indexToValue(l);
-        n.push({ idx: l, value: g, dist: Math.abs(g - e) }), l--;
+        const g = this.indexToValue(s);
+        n.push({ idx: s, value: g, dist: Math.abs(g - e) }), s--;
         continue;
       }
-      const d = this.indexToValue(l), h = this.indexToValue(c), u = Math.abs(d - e), f = Math.abs(h - e);
-      u <= f ? (n.push({ idx: l, value: d, dist: u }), l--) : (n.push({ idx: c, value: h, dist: f }), c++);
+      const d = this.indexToValue(s), h = this.indexToValue(c), u = Math.abs(d - e), f = Math.abs(h - e);
+      u <= f ? (n.push({ idx: s, value: d, dist: u }), s--) : (n.push({ idx: c, value: h, dist: f }), c++);
     }
     return n;
   }
 }
-function ye(a) {
+function ke(a) {
   if (a.steps == null)
     return null;
   const e = a.steps;
-  return Array.isArray(e) ? e.length === 0 ? null : new we(e) : e <= 0 ? null : new ke(a.min, a.max, e);
+  return Array.isArray(e) ? e.length === 0 ? null : new we(e) : e <= 0 ? null : new ye(a.min, a.max, e);
 }
 function De(a, e, t) {
   if (a == null) {
-    const s = /* @__PURE__ */ new Map();
-    for (const [l, c] of e.entries())
-      s.set(l, c + t);
-    return s;
-  }
-  const n = e.size, i = Array.from(e.entries()).map(([s, l]) => {
-    const c = l + t, d = a.getClosestStepDistances(c, n);
-    return { uuid: s, stepDistances: d };
+    const l = /* @__PURE__ */ new Map();
+    for (const [s, c] of e.entries())
+      l.set(s, c + t);
+    return l;
+  }
+  const n = e.size, i = Array.from(e.entries()).map(([l, s]) => {
+    const c = s + t, d = a.getClosestStepDistances(c, n);
+    return { uuid: l, stepDistances: d };
   }), r = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Map();
-  i.sort((s, l) => s.stepDistances[0].dist - l.stepDistances[0].dist);
-  for (const s of i) {
-    const l = s.stepDistances.find((c) => !r.has(c.idx));
-    l ? (r.add(l.idx), o.set(s.uuid, l.value)) : o.set(s.uuid, e.get(s.uuid));
+  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 o;
 }
@@ -300,23 +300,23 @@ function X(a, e, t, n, i) {
   const r = e.get(t) ?? 0;
   if (!a)
     return r + n;
-  const o = r + n, s = a.minIndex, l = a.maxIndex, c = /* @__PURE__ */ new Set();
+  const o = r + n, l = a.minIndex, s = a.maxIndex, c = /* @__PURE__ */ new Set();
   if (!i)
     for (const [g, v] of e.entries())
       g !== t && c.add(a.valueToIndex(v));
-  const d = y(a.valueToIndex(o), s, l);
+  const d = k(a.valueToIndex(o), l, s);
   if (!c.has(d))
     return a.indexToValue(d);
   let h = null, u = 1 / 0;
-  const f = Math.min(Math.max(d - s, l - d), c.size + 1);
+  const f = Math.min(Math.max(d - l, s - d), c.size + 1);
   for (let g = 1; g <= f; g++) {
     const v = d - g;
-    if (v >= s && !c.has(v)) {
+    if (v >= l && !c.has(v)) {
       const m = a.indexToValue(v), b = Math.abs(m - o);
       h = v, u = b;
     }
     const _ = d + g;
-    if (_ <= l && !c.has(_)) {
+    if (_ <= s && !c.has(_)) {
       const m = a.indexToValue(_), b = Math.abs(m - o);
       (h == null || b < u) && (h = _, u = b);
     }
@@ -328,9 +328,9 @@ function X(a, e, t, n, i) {
 function Ie(a, e, t, n = 1) {
   const i = J(n);
   let r = e, o = !1;
-  for (let s = 0; s < i; s++) {
-    const l = Ve(a, r, t);
-    if (o ||= l.changed, r = l.entries, !l.changed)
+  for (let l = 0; l < i; l++) {
+    const s = Ve(a, r, t);
+    if (o ||= s.changed, r = s.entries, !s.changed)
       break;
   }
   return { changed: o, entries: r };
@@ -340,47 +340,47 @@ function Ee(a, e, t, n, i = 1) {
   if (r === 1)
     return H(a, e, t, n);
   const o = new Map(e);
-  let s = o.get(t);
-  for (let l = 0; l < r; l++) {
+  let l = o.get(t);
+  for (let s = 0; s < r; s++) {
     const c = H(a, o, t, n);
-    if (c === s)
+    if (c === l)
       break;
-    s = c, o.set(t, s);
+    l = c, o.set(t, l);
   }
-  return s;
+  return l;
 }
 function J(a) {
   const e = Number.isFinite(a) ? Math.floor(a) : 1;
   return Math.max(1, e);
 }
 function Ve(a, e, t) {
-  const n = /* @__PURE__ */ new Map(), i = t > 0 ? Se : Y, r = Array.from(e).sort((l, c) => i(l[1], c[1]));
-  let o = !1, s = !0;
-  for (const [l, c] of r)
-    if (n.set(l, c), s) {
-      const d = H(a, n, l, t);
-      c === d && (s = !1), o ||= s, n.set(l, d);
+  const n = /* @__PURE__ */ new Map(), i = t > 0 ? Se : Y, r = Array.from(e).sort((s, c) => i(s[1], c[1]));
+  let o = !1, l = !0;
+  for (const [s, c] of r)
+    if (n.set(s, c), l) {
+      const d = H(a, n, s, t);
+      c === d && (l = !1), o ||= l, n.set(s, d);
     }
   return { changed: o, entries: n };
 }
 function H(a, e, t, n) {
-  const { allowValuesOverlap: i, stepsProvider: r, resolution: o, min: s, max: l } = a, c = e.get(t);
+  const { allowValuesOverlap: i, stepsProvider: r, resolution: o, min: l, max: s } = a, c = e.get(t);
   if (n = n > 0 ? 1 : -1, !r) {
-    let m = y(c + n * o, s, l);
+    let m = k(c + n * o, l, s);
     if (i)
       return m;
     const b = /* @__PURE__ */ new Set();
     for (const [P, S] of e)
       P !== t && b.add(S);
-    for (; b.has(m) && m <= l && m >= s; )
-      m = y(m + n * o, s, l);
-    return b.has(m) || m > l || m < s ? c : m;
+    for (; b.has(m) && m <= s && m >= l; )
+      m = k(m + n * o, l, s);
+    return b.has(m) || m > s || m < l ? c : m;
   }
   const d = r.valueToIndex(c);
   if (d === -1)
     return c;
   if (i) {
-    const m = y(d + n, r.minIndex, r.maxIndex);
+    const m = k(d + n, r.minIndex, r.maxIndex);
     return r.indexToValue(m);
   }
   const h = /* @__PURE__ */ new Set();
@@ -399,16 +399,16 @@ function H(a, e, t, n) {
   return f ? r.indexToValue(u) : c;
 }
 function Te(a, e, t, n) {
-  const { allowValuesOverlap: i, stepsProvider: r, resolution: o, min: s, max: l } = a, c = e.get(t);
+  const { allowValuesOverlap: i, stepsProvider: r, resolution: o, min: l, max: s } = a, c = e.get(t);
   if (n = n > 0 ? 1 : -1, !r) {
     const f = new Set(
       Array.from(e).filter(([v]) => v !== t).map(([, v]) => v)
     );
-    let g = n > 0 ? l : s;
+    let g = n > 0 ? s : l;
     if (i)
       return g;
     for (; f.has(g); )
-      if (g -= n * o, n > 0 && g > l || n < 0 && g < s) {
+      if (g -= n * o, n > 0 && g > s || n < 0 && g < l) {
         g = c;
         break;
       }
@@ -424,42 +424,42 @@ function Te(a, e, t, n) {
   );
   let u = n > 0 ? r.maxIndex : r.minIndex;
   for (; h.has(u); )
-    if (u -= n, n > 0 && u > l || n < 0 && u < s) {
+    if (u -= n, n > 0 && u > s || n < 0 && u < l) {
       u = d;
       break;
     }
   return r.indexToValue(u);
 }
 function Pe(a, e, t) {
-  const { stepsProvider: n, min: i, max: r } = a, o = /* @__PURE__ */ new Map(), s = Array.from(e).sort((c, d) => Y(c[1], d[1]));
+  const { stepsProvider: n, min: i, max: r } = a, o = /* @__PURE__ */ new Map(), l = Array.from(e).sort((c, d) => Y(c[1], d[1]));
   if (n) {
     let c = 0;
     if (t > 0) {
-      const d = s[s.length - 1], h = n.valueToIndex(d[1]);
+      const d = l[l.length - 1], h = n.valueToIndex(d[1]);
       c = n.maxIndex - h;
     } else {
-      const d = s[0], h = n.valueToIndex(d[1]);
+      const d = l[0], h = n.valueToIndex(d[1]);
       c = n.minIndex - h;
     }
     if (c === 0)
-      for (const [d, h] of s)
+      for (const [d, h] of l)
         o.set(d, h);
-    for (const [d, h] of s) {
+    for (const [d, h] of l) {
       const u = n.indexToValue(n.valueToIndex(h) + c);
       o.set(d, u);
     }
     return o;
   }
-  let l = 0;
+  let s = 0;
   if (t > 0) {
-    const c = s[s.length - 1];
-    l = r - c[1];
+    const c = l[l.length - 1];
+    s = r - c[1];
   } else {
-    const c = s[0];
-    l = i - c[1];
+    const c = l[0];
+    s = i - c[1];
   }
-  for (const [c, d] of s)
-    o.set(c, d + l);
+  for (const [c, d] of l)
+    o.set(c, d + s);
   return o;
 }
 function Y(a, e) {
@@ -468,10 +468,10 @@ function Y(a, e) {
 function Se(a, e) {
   return e - a;
 }
-function y(a, e, t) {
+function k(a, e, t) {
   return Math.max(e, Math.min(t, a));
 }
-const Ce = te(k);
+const Ce = te(y);
 class Me extends ee {
   constructor() {
     super(...arguments), this._stepsProvider = null, this._popoverElement = B(), this._trackElement = B(), this.messages = se({}), this._onPointerMoveDragUpdate = (e) => {
@@ -484,14 +484,14 @@ class Me extends ee {
       const i = le(this.messages._lang, t), r = this.labelFormatter;
       if (!r)
         return i.format(n);
-      const o = r(n, e, (s) => i.format(s));
+      const o = r(n, e, (l) => i.format(l));
       return o ?? i.format(n);
     }, 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 = Ce(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.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 = C({ cancelable: !1 }), this.arcgisChange = C({ cancelable: !1 }), this.arcgisInput = C({ cancelable: !1 }), this.arcgisRangeChange = C({ cancelable: !1 });
+    }), this._labelInputsUpdateComplete = null, this._dragInfo = null, this._hasPopoverContent = !1, this._hasContentStart = !1, this._hasContentEnd = !1, this._activePart = null, this._sliderData = Ce(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 = C({ cancelable: !1 }), this.arcgisChange = C({ cancelable: !1 }), this.arcgisInput = C({ cancelable: !1 }), this.arcgisRangeChange = C({ cancelable: !1 });
   }
   static {
-    this.properties = { _dragInfo: 16, _hasPopoverContent: 16, _hasContentStart: 16, _hasContentEnd: 16, _activePart: 16, _sliderData: 16, activeValue: 32, allowValuesOverlap: 5, autoDestroyDisabled: 5, disabled: 7, fullRangeMax: 11, fullRangeMin: 11, fillPlacement: 1, labelFormatter: 0, layout: 3, max: 11, min: 11, mirrored: 7, popoverLabel: 1, popoverPlacement: 3, precision: 11, rangeLabelsEditingEnabled: 5, rangeLabelsPlacement: 3, segmentsDraggingDisabled: 5, showRangeLabels: 7, steps: [9, { converter: {
+    this.properties = { _dragInfo: 16, _hasPopoverContent: 16, _hasContentStart: 16, _hasContentEnd: 16, _activePart: 16, _sliderData: 16, activeValue: 32, allowValuesOverlap: 5, autoDestroyDisabled: 5, disabled: 7, fullRangeMax: 11, fullRangeMin: 11, fillPlacement: 1, labelFormatter: 0, layout: 3, max: 11, min: 11, mirrored: 7, popoverDisplay: 1, popoverLabel: 1, popoverPlacement: 3, precision: 11, rangeLabelsEditingEnabled: 5, rangeLabelsPlacement: 3, segmentsDraggingDisabled: 5, showRangeLabels: 7, steps: [9, { converter: {
       fromAttribute(e) {
         if (e.includes(","))
           return e.split(",").filter((n) => n.trim() !== "").map(parseFloat).filter((n) => Number.isFinite(n));
@@ -548,7 +548,7 @@ class Me extends ee {
     this._sliderData.startup();
   }
   willUpdate(e) {
-    if ((e.has("steps") || e.has("min") || e.has("max")) && (this._stepsProvider = ye(this)), e.has("messages") || e.has("min") || e.has("max") || e.has("precision") || e.has("labelFormatter")) {
+    if ((e.has("steps") || e.has("min") || e.has("max")) && (this._stepsProvider = ke(this)), e.has("messages") || e.has("min") || e.has("max") || e.has("precision") || e.has("labelFormatter")) {
       const t = this.max != null && this.min != null && this.max - this.min > 10 ? 2 : this.precision;
       this._numberFormatOptions = { maximumFractionDigits: t }, this._minFormatter = this._createFormatter("min", this._numberFormatOptions), this._maxFormatter = this._createFormatter("max", this._numberFormatOptions), this._valueFormatter = this._createFormatter("value", this._numberFormatOptions);
     }
@@ -588,10 +588,10 @@ class Me extends ee {
     for (const r of this._sliderData.entries.keys()) {
       const o = this._activePart === "range" || this._activePart === r;
       if (this.valueLabelsDisplay === "always" || o) {
-        const l = Re(this, r), c = q(this, r);
-        if (!l || !c)
+        const s = Re(this, r), c = q(this, r);
+        if (!s || !c)
           continue;
-        const d = l.getBoundingClientRect(), h = c.getBoundingClientRect(), u = c.getLabelBoundingClientRect(), f = d.width / 2, g = Math.round(d.left + f), v = Math.round(u.width / 2);
+        const d = s.getBoundingClientRect(), h = c.getBoundingClientRect(), u = c.getLabelBoundingClientRect(), f = d.width / 2, g = Math.round(d.left + f), v = Math.round(u.width / 2);
         let _ = h.width / 2;
         const m = i.left - f, b = i.right + f, P = g - v, S = g + v;
         P < m ? _ += P - m : S > b && (_ += S - b), c.style.transform = `translateX(${-Math.round(_)}px)`;
@@ -619,10 +619,10 @@ class Me extends ee {
     }
     if ($e(e.target) || this.values?.length > 1)
       return;
-    const n = this._mapEventToRange(e), [i, r] = this._sliderData.entries.entries().next().value, o = n * this._fullRange + this._fullMin - r, s = z(this._fullMin, this._fullMax, r) / 100;
-    this._startDrag(i, s);
-    const l = X(this._stepsProvider, this._sliderData.entries, i, o, this.allowValuesOverlap);
-    this._setValue(i, l), this._focusEntry(i);
+    const n = this._mapEventToRange(e), [i, r] = this._sliderData.entries.entries().next().value, o = n * this._fullRange + this._fullMin - r, l = z(this._fullMin, this._fullMax, r) / 100;
+    this._startDrag(i, l);
+    const s = X(this._stepsProvider, this._sliderData.entries, i, o, this.allowValuesOverlap);
+    this._setValue(i, s), this._focusEntry(i);
   }
   _onThumbPointerDown(e) {
     const t = V(e.currentTarget);
@@ -650,17 +650,17 @@ class Me extends ee {
     if (this._disabledOrInvalid)
       return;
     const { min: n, max: i, values: r } = this;
-    let o = n, s = i;
+    let o = n, l = i;
     if (this._setActivePart(e), e === "range") {
       if (this.segmentsDraggingDisabled)
         return;
-      o = n - r[0], s = i - r[r.length - 1];
+      o = n - r[0], l = i - r[r.length - 1];
     }
     this._dragInfo = {
       position: t,
       entries: new Map(this._sliderData.entries.entries()),
       minDiff: o,
-      maxDiff: s
+      maxDiff: l
     }, this._addDragListeners();
   }
   _updateDrag(e) {
@@ -669,14 +669,14 @@ class Me extends ee {
     const { _activePart: t, _dragInfo: { position: n, entries: i, minDiff: r, maxDiff: o } } = this;
     if (n === e)
       return;
-    let s = (e - n) * this._fullRange;
+    let l = (e - n) * this._fullRange;
     if (t === "range") {
-      s = Math.min(o, Math.max(r, s));
-      const l = De(this._stepsProvider, i, s);
-      this._setValues(l);
+      l = Math.min(o, Math.max(r, l));
+      const s = De(this._stepsProvider, i, l);
+      this._setValues(s);
     } else {
-      const l = X(this._stepsProvider, i, t, s, this.allowValuesOverlap);
-      this._setValue(t, l);
+      const s = X(this._stepsProvider, i, t, l, this.allowValuesOverlap);
+      this._setValue(t, s);
     }
   }
   _focusEntry(e) {
@@ -808,9 +808,12 @@ class Me extends ee {
     })} @pointerdown=${this._onPointerDown}>${this._renderContentStart()}${this._renderContentEnd()}${this._renderRangeLabel("min")}${this._renderTrackRange()}${this._renderRangeLabel("max")}${this._renderPopover()}</div>`;
   }
   _renderPopover() {
-    const { _activePart: e, layout: t, popoverPlacement: n, valueLabelsPlacement: i, valueLabelsDisplay: r, popoverLabel: o } = this, s = e ? ze(e) ? e : "track-range" : "", l = this._hasPopoverContent && !!s, c = t === "horizontal" ? n === "start" ? "top" : "bottom" : n === "start" ? "left" : "right";
-    let d = 14;
-    return r !== "hidden" && n === i && (d += 24), w`<calcite-popover class="popover" focus-trap-disabled .label=${o} .open=${l} .offsetDistance=${d} .placement=${c} .referenceElement=${s} scale=s trigger-disabled ${O(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`;
+    const { _activePart: e, layout: t, popoverDisplay: n, popoverLabel: i, popoverPlacement: r, valueLabelsDisplay: o, valueLabelsPlacement: l } = this;
+    let s = "";
+    n === "always" && this.values.length > 1 ? s = "track-range" : e && ze(e) ? s = e : this.values.length > 1 ? s = "track-range" : s = this._sliderData.entries.keys().next().value ?? "";
+    const c = this._hasPopoverContent && (n === "always" || !!e), d = t === "horizontal" ? r === "start" ? "top" : "bottom" : r === "start" ? "left" : "right";
+    let h = 14;
+    return o !== "hidden" && r === l && (h += 24), w`<calcite-popover class="popover" focus-trap-disabled .label=${i} .open=${c} .offsetDistance=${h} .placement=${d} .referenceElement=${s} scale=s trigger-disabled ${O(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`;
   }
   _renderContentStart() {
     return w`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`;
@@ -826,41 +829,41 @@ class Me extends ee {
   }
   _renderTrackBackground() {
     const { max: e, min: t, fillPlacement: n, values: i } = this, r = i.length > 1;
-    let o = this._fullMin, s = this._fullMax;
-    const l = [];
-    return this._invalid ? w`<div class="segment track-bounds" style=${R({ left: "0%", right: "0%", top: "0%", bottom: "0%" })}></div>` : (o < t && (l.push(this._renderSegment(o, t, [
+    let o = this._fullMin, l = this._fullMax;
+    const s = [];
+    return this._invalid ? w`<div class="segment track-bounds" style=${R({ left: "0%", right: "0%", top: "0%", bottom: "0%" })}></div>` : (o < t && (s.push(this._renderSegment(o, t, [
       this.mirrored ? "track-effective-end" : "track-effective-start",
       !r && n === "start" ? "track-fill" : null
-    ])), o = t), s > e && (l.push(this._renderSegment(e, s, [
+    ])), o = t), l > e && (s.push(this._renderSegment(e, l, [
       this.mirrored ? "track-effective-start" : "track-effective-end",
       !r && n === "end" ? "track-fill" : null
-    ])), s = e), l.push(this._renderSegment(o, s, ["track-bounds"])), l);
+    ])), l = e), s.push(this._renderSegment(o, l, ["track-bounds"])), s);
   }
   _renderFillSegment() {
     const { values: e, min: t, max: n } = this;
     if (!e?.length || this._invalid)
       return;
-    const i = [...e].sort((h, u) => h - u), r = i[0], o = i[i.length - 1], s = this._resolveFillPlacement(i.length > 1);
-    let l;
-    switch (s) {
+    const i = [...e].sort((h, u) => h - u), r = i[0], o = i[i.length - 1], l = this._resolveFillPlacement(i.length > 1);
+    let s;
+    switch (l) {
       case "start":
-        t < r && (l = this._renderSegment(t, r, ["track-range"]));
+        t < r && (s = this._renderSegment(t, r, ["track-range"]));
         break;
       case "end":
-        n > o && (l = this._renderSegment(o, n, ["track-range"]));
+        n > o && (s = this._renderSegment(o, n, ["track-range"]));
         break;
       case "between":
-        i.length > 1 && (l = this._renderSegment(r, o, ["track-range"]));
+        i.length > 1 && (s = this._renderSegment(r, o, ["track-range"]));
         break;
       case "not-between":
-        i.length > 1 && (l = [this._renderSegment(t, r, ["track-range"]), this._renderSegment(o, n, ["track-range"])]);
+        i.length > 1 && (s = [this._renderSegment(t, r, ["track-range"]), this._renderSegment(o, n, ["track-range"])]);
         break;
     }
     if (!(i.length > 1))
-      return l;
+      return s;
     const c = this.segmentsDraggingDisabled, d = this._renderSegment(r, o, [
       "track-range-interactive",
-      s === "between" ? "filled" : null,
+      l === "between" ? "filled" : null,
       c ? null : "interactive",
       this._activePart === "range" ? "active" : null
     ], {
@@ -870,20 +873,20 @@ class Me extends ee {
       onPointerDown: c ? void 0 : this._onTrackRangePointerDown,
       onKeyDown: c ? void 0 : this._onTrackRangeKeyDown
     });
-    return [l, d];
+    return [s, d];
   }
   _renderSegment(e, t, n, i) {
-    const { _fullMin: r, _fullMax: o, mirrored: s } = this, l = [
+    const { _fullMin: r, _fullMax: o, mirrored: l } = this, s = [
       z(r, o, j(e, r, o)),
       100 - z(r, o, j(t, r, o))
     ];
-    s && l.reverse();
+    l && s.reverse();
     const c = this.isHorizontal ? {
-      left: `${l[0]}%`,
-      right: `${l[1]}%`
+      left: `${s[0]}%`,
+      right: `${s[1]}%`
     } : {
-      top: `${l[1]}%`,
-      bottom: `${l[0]}%`
+      top: `${s[1]}%`,
+      bottom: `${s[0]}%`
     }, d = ne("segment", ...n);
     return w`<div id=${i?.id ?? E} class=${M(d)} style=${R(c)} .tabIndex=${i?.onPointerDown ? 0 : -1} @focus=${i?.onFocus} @blur=${i?.onBlur} @pointerdown=${i?.onPointerDown} @keydown=${i?.onKeyDown}></div>`;
   }
@@ -892,14 +895,14 @@ class Me extends ee {
     return ie(t, ([n, i]) => this._renderThumb(n, i));
   }
   _renderThumb(e, t) {
-    const { valueLabelsDisplay: n } = this, i = this._disabledOrInvalid, r = this._activePart === e || this._activePart === "range", o = this._activePart === "range" || this._activePart === e, s = n === "always" || n === "auto" && o, l = this.isHorizontal, c = l ? "horizontal" : "vertical", d = `label-${e}`, h = l ? "center" : this.valueLabelsPlacement === "start" ? "end" : "start";
+    const { valueLabelsDisplay: n } = this, i = this._disabledOrInvalid, r = this._activePart === e || this._activePart === "range", o = this._activePart === "range" || this._activePart === e, l = n === "always" || n === "auto" && o, s = this.isHorizontal, c = s ? "horizontal" : "vertical", d = `label-${e}`, h = s ? "center" : this.valueLabelsPlacement === "start" ? "end" : "start";
     return Z(e, w`<div id=${e ?? E} .ariaLabel=${this.messages.sliderValue} aria-labelledby=${(n ? 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=${R({
       ...this._getPositionStyleForElement(t),
       "z-index": this._activePart === e ? 1 : 0
-    })} .tabIndex=${i ? -1 : 0}><span class="handle"></span><arcgis-label-input .alignment=${h} class="label" .hidden=${!s} 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} ${O(this._makeResizeRef())}></arcgis-label-input></div>`);
+    })} .tabIndex=${i ? -1 : 0}><span class="handle"></span><arcgis-label-input .alignment=${h} 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} ${O(this._makeResizeRef())}></arcgis-label-input></div>`);
   }
   _renderRangeLabel(e) {
     let t = "center";