@arcgis/common-components 5.1.0-next.2 → 5.1.0-next.21

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

@@ -1,46 +1,83 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as q } from "../../chunks/runtime.js";
-import { keyed as K } from "lit/directives/keyed.js";
-import { LitElement as j, createEvent as T, safeClassMap as C, safeStyleMap as z, nothing as D } from "@arcgis/lumina";
-import { makeAccessorController as G } from "@arcgis/lumina/controllers/accessor";
-import { slotChangeHasAssignedElement as F, classes as W, getClosestElement as Y } from "@arcgis/toolkit/dom";
-import { css as J, html as b } from "lit";
-import { map as Q } from "lit/directives/map.js";
-import { createRef as O, ref as L } from "lit/directives/ref.js";
-import { u as Z } from "../../chunks/useT9n.js";
-import { g as ee } from "../../chunks/locale.js";
-import te from "@arcgis/core/core/Accessor.js";
-import { property as k, subclass as ae } from "@arcgis/core/core/accessorSupport/decorators.js";
-import { watch as S } from "@arcgis/core/core/reactiveUtils.js";
-import { generateGuid as A } from "@arcgis/toolkit/string";
-const re = J`: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-slider-internal-show-range-labels: 0;--arcgis-slider-internal-show-value-labels: 0;--arcgis-slider-internal-value-labels-placement-leading: 0;--arcgis-slider-internal-value-labels-placement-trailing: 0;--arcgis-slider-internal-range-labels-placement-center: 0;--arcgis-slider-internal-range-labels-placement-trailing: 0;--arcgis-slider-internal-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-slider-internal-label-input-margin: calc(var(--arcgis-slider-internal-handle-offset) + 4px);--arcgis-slider-internal-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-slider-internal-track-size: 2px}:host([show-range-labels]){--arcgis-slider-internal-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-slider-internal-show-value-labels: 1}:host([value-labels-placement="leading"]){--arcgis-slider-internal-value-labels-placement-leading: var(--arcgis-slider-internal-show-value-labels)}:host([value-labels-placement="trailing"]){--arcgis-slider-internal-value-labels-placement-trailing: var(--arcgis-slider-internal-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-slider-internal-range-labels-placement-center: var(--arcgis-slider-internal-show-range-labels)}:host([range-labels-placement="trailing"]){--arcgis-slider-internal-range-labels-placement-trailing: var(--arcgis-slider-internal-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-slider-internal-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)}.track-fill{--arcgis-slider-track-background-color: var(--calcite-color-brand)}:host([layout="vertical"]){.track-effective-leading{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-trailing{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-leading{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-trailing{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{background-color:var(--calcite-color-brand);&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([disabled]),:host([disabled][layout="horizontal"]),:host([disabled][layout="vertical"]){.track-range.interactive:after{cursor:default;pointer-events:none}}:host([layout="horizontal"]){.track-range.interactive:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}:host([layout="vertical"]){.track-range.interactive:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-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(--calcite-color-text-3) 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-slider-internal-handle-offset) * -1);left:calc(var(--arcgis-slider-internal-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.label[hidden]{display:block;opacity:0;pointer-events:none}.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}: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-slider-internal-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-slider-internal-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-slider-internal-label-input-height) * -.5)}&:host([value-labels-placement="leading"]){.label{right:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="trailing"]){.label{left:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-slider-internal-content-start-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + ( var(--arcgis-slider-internal-value-labels-placement-leading) * var(--arcgis-slider-internal-label-input-height) ) );--arcgis-slider-internal-content-end-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + ( var(--arcgis-slider-internal-value-labels-placement-trailing) * var(--arcgis-slider-internal-label-input-height) ) );column-gap:calc(var(--arcgis-slider-internal-show-range-labels) * var(--arcgis-slider-internal-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-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-slider-internal-content-start-min-height),auto) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) var(--arcgis-slider-internal-track-size) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) minmax(var(--arcgis-slider-internal-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="leading"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="trailing"]){.label{top:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="trailing"]){.content{--arcgis-slider-internal-content-start-min-height: calc( var(--arcgis-slider-internal-handle-offset) + var(--arcgis-slider-internal-value-labels-placement-leading) * var(--arcgis-slider-internal-label-input-height) );--arcgis-slider-internal-content-end-min-height: calc( var(--arcgis-slider-internal-value-labels-placement-trailing) * var(--arcgis-slider-internal-label-input-height) );padding-inline:var(--arcgis-slider-internal-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-slider-internal-content-start-min-height),auto) var(--arcgis-slider-internal-track-size) var(--arcgis-slider-internal-handle-offset) calc(var(--arcgis-slider-internal-range-labels-placement-trailing) * var(--arcgis-slider-internal-label-input-height)) minmax(var(--arcgis-slider-internal-content-end-min-height),auto);column-gap:var(--arcgis-slider-internal-handle-offset)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="leading"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="trailing"]){.label{top:calc(var(--arcgis-slider-internal-label-input-margin) + var(--arcgis-slider-internal-range-labels-placement-trailing) * (var(--arcgis-slider-internal-label-input-height)))}}.min,.max{--arcgis-slider-internal-range-translation: calc(var(--arcgis-slider-internal-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}.max{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}}&:host([mirrored]){.min{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}.max{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}}}`;
-var ne = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, w = (n, e, t, a) => {
-  for (var i = a > 1 ? void 0 : a ? ie(e, t) : e, r = n.length - 1, l; r >= 0; r--)
+import { c as W } from "../../chunks/runtime.js";
+import { keyed as J } from "lit/directives/keyed.js";
+import { LitElement as Y, createEvent as T, safeClassMap as z, safeStyleMap as F, nothing as I } from "@arcgis/lumina";
+import { makeAccessorController as Q } from "@arcgis/lumina/controllers/accessor";
+import { slotChangeHasAssignedElement as L, classes as Z, getClosestElement as ee } from "@arcgis/toolkit/dom";
+import { css as te, html as _ } from "lit";
+import { map as ae } from "lit/directives/map.js";
+import { createRef as H, ref as R } from "lit/directives/ref.js";
+import { u as ne } from "../../chunks/useT9n.js";
+import { g as re } from "../../chunks/locale.js";
+import ie from "@arcgis/core/core/Accessor.js";
+import { property as k, subclass as se } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { watch as O } from "@arcgis/core/core/reactiveUtils.js";
+import { generateGuid as B } from "@arcgis/toolkit/string";
+const m = {
+  increment: "ArrowUp",
+  incrementHorizontal: "ArrowRight",
+  decrement: "ArrowDown",
+  decrementHorizontal: "ArrowLeft",
+  pageIncrement: "PageUp",
+  pageDecrement: "PageDown",
+  jumpToStart: "Home",
+  jumpToEnd: "End",
+  confirmEdit: "Enter"
+};
+function K({ key: n, shiftKey: e }, t, a) {
+  const i = le(n);
+  if (i == null)
+    return null;
+  const r = ce(n) || oe(n) && e ? de(t) : 1;
+  return {
+    direction: a ? i * -1 : i,
+    count: r
+  };
+}
+function le(n) {
+  return n === m.increment || n === m.incrementHorizontal || n === m.pageIncrement ? 1 : n === m.decrement || n === m.decrementHorizontal || n === m.pageDecrement ? -1 : null;
+}
+function N(n) {
+  return n === m.jumpToEnd || n === m.jumpToStart;
+}
+function oe(n) {
+  return n === m.increment || n === m.decrement || n === m.decrementHorizontal || n === m.incrementHorizontal;
+}
+function ce(n) {
+  return n === m.pageIncrement || n === m.pageDecrement;
+}
+function de(n) {
+  const e = Number.isFinite(n) ? Math.floor(n) : 1;
+  return Math.max(1, e);
+}
+const ue = te`: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-slider-internal-show-range-labels: 0;--arcgis-slider-internal-show-value-labels: 0;--arcgis-slider-internal-value-labels-placement-start: 0;--arcgis-slider-internal-value-labels-placement-end: 0;--arcgis-slider-internal-range-labels-placement-center: 0;--arcgis-slider-internal-range-labels-placement-end: 0;--arcgis-slider-internal-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-slider-internal-label-input-margin: calc(var(--arcgis-slider-internal-handle-offset) + 4px);--arcgis-slider-internal-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-slider-internal-track-size: 2px}:host([show-range-labels]){--arcgis-slider-internal-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-slider-internal-show-value-labels: 1}:host([value-labels-placement="start"]){--arcgis-slider-internal-value-labels-placement-start: var(--arcgis-slider-internal-show-value-labels)}:host([value-labels-placement="end"]){--arcgis-slider-internal-value-labels-placement-end: var(--arcgis-slider-internal-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-slider-internal-range-labels-placement-center: var(--arcgis-slider-internal-show-range-labels)}:host([range-labels-placement="end"]){--arcgis-slider-internal-range-labels-placement-end: var(--arcgis-slider-internal-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-slider-internal-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)}.track-fill{--arcgis-slider-track-background-color: var(--calcite-color-brand)}: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{background-color:var(--calcite-color-brand);&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([disabled]),:host([disabled][layout="horizontal"]),:host([disabled][layout="vertical"]){.track-range.interactive:after{cursor:default;pointer-events:none}}:host([layout="horizontal"]){.track-range.interactive:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}:host([layout="vertical"]){.track-range.interactive:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-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(--calcite-color-text-3) 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-slider-internal-handle-offset) * -1);left:calc(var(--arcgis-slider-internal-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.label[hidden]{display:block;opacity:0;pointer-events:none}.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}: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-slider-internal-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-slider-internal-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-slider-internal-label-input-height) * -.5)}&:host([value-labels-placement="start"]){.label{right:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{left:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-slider-internal-content-start-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height)) );--arcgis-slider-internal-content-end-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) );column-gap:calc(var(--arcgis-slider-internal-show-range-labels) * var(--arcgis-slider-internal-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-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-slider-internal-content-start-min-height),auto) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) var(--arcgis-slider-internal-track-size) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) minmax(var(--arcgis-slider-internal-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="end"]){.content{--arcgis-slider-internal-content-start-min-height: calc( var(--arcgis-slider-internal-handle-offset) + var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height) );--arcgis-slider-internal-content-end-min-height: calc( var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height) );padding-inline:var(--arcgis-slider-internal-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-slider-internal-content-start-min-height),auto) var(--arcgis-slider-internal-track-size) var(--arcgis-slider-internal-handle-offset) calc(var(--arcgis-slider-internal-range-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) minmax(var(--arcgis-slider-internal-content-end-min-height),auto);column-gap:var(--arcgis-slider-internal-handle-offset)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:calc(var(--arcgis-slider-internal-label-input-margin) + var(--arcgis-slider-internal-range-labels-placement-end) * (var(--arcgis-slider-internal-label-input-height)))}}.min,.max{--arcgis-slider-internal-range-translation: calc(var(--arcgis-slider-internal-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}.max{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}}&:host([mirrored]){.min{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}.max{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}}}`;
+var he = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, w = (n, e, t, a) => {
+  for (var i = a > 1 ? void 0 : a ? ge(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 && ne(e, t, i), i;
+  return a && i && he(e, t, i), i;
 };
-function se() {
+function me() {
   return {
     min: 0,
     max: 100,
     values: []
   };
 }
-let _ = class extends te {
+let x = class extends ie {
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
   constructor(n = {}) {
-    super({ ...se(), properties: n }), this._entries = /* @__PURE__ */ new Map(), this.precision = 4, this.ready = !1;
+    super({ ...me(), properties: n }), this._entries = /* @__PURE__ */ new Map(), this.precision = 4, this.ready = !1;
   }
   startup() {
     const { precision: n } = this;
     let { min: e, max: t, values: a } = this;
-    t = v(t, n), e = v(e, n), a = a?.map((r) => E(v(r, n), e, t)), this._set("min", e), this._set("max", t), this._set("values", a);
-    const i = new Map(a?.map((r) => [A(), r]));
-    this._entries = i, S(
+    t = b(t, n), e = b(e, n), a = a?.map((r) => $(b(r, n), e, t)), this._set("min", e), this._set("max", t), this._set("values", a);
+    const i = new Map(a?.map((r) => [B(), r]));
+    this._entries = i, O(
       () => this.min,
       (r) => {
         const l = this.values;
@@ -49,7 +86,7 @@ let _ = class extends te {
         }), this._updatesValues());
       },
       { sync: !0 }
-    ), S(
+    ), O(
       () => this.max,
       (r) => {
         const l = this.values;
@@ -58,12 +95,12 @@ let _ = class extends te {
         }), this._updatesValues());
       },
       { sync: !0 }
-    ), S(
+    ), O(
       () => this.precision,
       (r) => {
         const { min: l, max: s, values: o } = this;
-        this._set("min", v(l, r)), this._set("max", v(s, r)), o?.length && (this._entries.forEach((d, c) => {
-          this._entries.set(c, v(d, r));
+        this._set("min", b(l, r)), this._set("max", b(s, r)), o?.length && (this._entries.forEach((c, d) => {
+          this._entries.set(d, b(c, r));
         }), this._updatesValues());
       },
       { sync: !0 }
@@ -77,7 +114,7 @@ let _ = class extends te {
       this._set("max", n);
       return;
     }
-    const e = this._get("max"), t = v(n, this.precision);
+    const e = this._get("max"), t = b(n, this.precision);
     e !== t && this._set("max", t);
   }
   set min(n) {
@@ -85,7 +122,7 @@ let _ = class extends te {
       this._set("min", n);
       return;
     }
-    const e = this._get("min"), t = v(n, this.precision);
+    const e = this._get("min"), t = b(n, this.precision);
     e !== t && this._set("min", t);
   }
   set values(n) {
@@ -94,9 +131,9 @@ let _ = class extends te {
       return;
     }
     const e = this._get("values");
-    if (n = n?.map((a) => E(v(a, this.precision), this.min, this.max)).sort((a, i) => a - i), e && n && e.length === n.length && e.every((a, i) => a === n[i]))
+    if (n = n?.map((a) => $(b(a, this.precision), this.min, this.max)).sort((a, i) => a - i), e && n && e.length === n.length && e.every((a, i) => a === n[i]))
       return;
-    const t = new Map(n?.map((a) => [A(), a]));
+    const t = new Map(n?.map((a) => [B(), a]));
     this._entries = t, this._set("values", n);
   }
   //--------------------------------------------------------------------------
@@ -117,7 +154,7 @@ let _ = class extends te {
   setValue(n, e) {
     if (this.values == null)
       return !1;
-    const { min: t, max: a } = this, i = this._entries.get(n), r = E(v(e, this.precision), t, a);
+    const { min: t, max: a } = this, i = this._entries.get(n), r = $(b(e, this.precision), t, a);
     return i === r ? !1 : (this._entries.set(n, r), this._updatesValues(), !0);
   }
   setValues(n) {
@@ -126,7 +163,7 @@ let _ = class extends te {
     let e = !1;
     const { min: t, max: a } = this;
     for (const [i, r] of n) {
-      const l = this._entries.get(i), s = E(v(r, this.precision), t, a);
+      const l = this._entries.get(i), s = $(b(r, this.precision), t, a);
       l !== s && (e = !0, this._entries.set(i, s));
     }
     return e ? (this._updatesValues(), !0) : !1;
@@ -138,40 +175,40 @@ let _ = class extends te {
 };
 w([
   k()
-], _.prototype, "_entries", 2);
+], x.prototype, "_entries", 2);
 w([
   k({ readOnly: !0 })
-], _.prototype, "entries", 1);
+], x.prototype, "entries", 1);
 w([
   k()
-], _.prototype, "max", 1);
+], x.prototype, "max", 1);
 w([
   k()
-], _.prototype, "min", 1);
+], x.prototype, "min", 1);
 w([
-  k({ cast: (n) => E(n, 0, 20) })
-], _.prototype, "precision", 2);
+  k({ cast: (n) => $(n, 0, 20) })
+], x.prototype, "precision", 2);
 w([
   k({ readOnly: !0 })
-], _.prototype, "ready", 2);
+], x.prototype, "ready", 2);
 w([
   k()
-], _.prototype, "values", 1);
-_ = w([
-  ae("esri.widgets.Slider.SliderData")
-], _);
-function E(n, e, t) {
+], x.prototype, "values", 1);
+x = w([
+  se("esri.widgets.Slider.SliderData")
+], x);
+function $(n, e, t) {
   return Math.min(Math.max(n, e), t);
 }
-function v(n, e) {
+function b(n, e) {
   return Number.parseFloat(n.toFixed(e));
 }
-class le {
+class fe {
   constructor(e) {
     this.steps = e, this.minIndex = 0, this.maxIndex = this.steps.length - 1;
   }
   indexToValue(e) {
-    return this.steps[I(e, this.minIndex, this.maxIndex)];
+    return this.steps[E(e, this.minIndex, this.maxIndex)];
   }
   valueToIndex(e) {
     const t = this.steps.indexOf(e);
@@ -180,204 +217,232 @@ class le {
     );
   }
 }
-class oe {
+class pe {
   constructor(e, t, a) {
     this.min = e, this.max = t, this.stepSize = a, this.minIndex = 0, this.maxIndex = Math.round((this.max - this.min) / this.stepSize);
   }
   indexToValue(e) {
-    return this.min + I(e, this.minIndex, this.maxIndex) * this.stepSize;
+    return this.min + E(e, this.minIndex, this.maxIndex) * this.stepSize;
   }
   valueToIndex(e) {
-    return e = I(e, this.min, this.max), Math.round((e - this.min) / this.stepSize);
+    return e = E(e, this.min, this.max), Math.round((e - this.min) / this.stepSize);
   }
 }
-function ce(n) {
+function ve(n) {
   if (n.steps == null)
     return null;
   const e = n.steps;
-  return Array.isArray(e) ? e.length === 0 ? null : new le(e) : new oe(n.min, n.max, e);
+  return Array.isArray(e) ? e.length === 0 ? null : new fe(e) : new pe(n.min, n.max, e);
 }
-function de(n, e, t) {
+function be(n, e, t) {
   if (n == null) {
     const s = /* @__PURE__ */ new Map();
-    for (const [o, d] of e.entries())
-      s.set(o, d + t);
+    for (const [o, c] of e.entries())
+      s.set(o, c + t);
     return s;
   }
   const a = e.size, i = Array.from(e.entries()).map(([s, o]) => {
-    const d = o + t, c = [];
-    for (let h = n.minIndex; h <= n.maxIndex; h++) {
-      const u = n.indexToValue(h), m = Math.abs(u - d);
-      let f = !1;
-      for (let p = 0; p < c.length; p++)
-        if (m < c[p].dist) {
-          c.splice(p, 0, { idx: h, value: u, dist: m }), f = !0;
+    const c = o + t, d = [];
+    for (let u = n.minIndex; u <= n.maxIndex; u++) {
+      const h = n.indexToValue(u), f = Math.abs(h - c);
+      let p = !1;
+      for (let v = 0; v < d.length; v++)
+        if (f < d[v].dist) {
+          d.splice(v, 0, { idx: u, value: h, dist: f }), p = !0;
           break;
         }
-      !f && c.length < a && c.push({ idx: h, value: u, dist: m }), c.length > a && (c.length = a);
+      !p && d.length < a && d.push({ idx: u, value: h, dist: f }), d.length > a && (d.length = a);
     }
-    return { uuid: s, stepDistances: c };
+    return { uuid: s, stepDistances: d };
   }), r = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
   i.sort((s, o) => s.stepDistances[0].dist - o.stepDistances[0].dist);
   for (const s of i) {
-    const o = s.stepDistances.find((d) => !r.has(d.idx));
+    const o = s.stepDistances.find((c) => !r.has(c.idx));
     o ? (r.add(o.idx), l.set(s.uuid, o.value)) : l.set(s.uuid, e.get(s.uuid));
   }
   return l;
 }
-function B(n, e, t, a, i) {
+function U(n, e, t, a, i) {
   const r = e.get(t) ?? 0;
   if (!n)
     return r + a;
   const l = r + a, s = /* @__PURE__ */ new Set();
   if (!i)
-    for (const [c, h] of e.entries())
-      c !== t && s.add(n.valueToIndex(h));
-  let o = null, d = 1 / 0;
-  for (let c = n.minIndex; c <= n.maxIndex; c++) {
-    if (s.has(c))
+    for (const [d, u] of e.entries())
+      d !== t && s.add(n.valueToIndex(u));
+  let o = null, c = 1 / 0;
+  for (let d = n.minIndex; d <= n.maxIndex; d++) {
+    if (s.has(d))
       continue;
-    const h = n.indexToValue(c), u = Math.abs(h - l);
-    u < d && (d = u, o = c);
+    const u = n.indexToValue(d), h = Math.abs(u - l);
+    h < c && (c = h, o = d);
   }
   return o == null ? r : n.indexToValue(o);
 }
-function he(n, e, t) {
-  const a = /* @__PURE__ */ new Map(), i = t > 0 ? me : X, r = Array.from(e).sort((o, d) => i(o[1], d[1]));
+function _e(n, e, t, a = 1) {
+  const i = q(a);
+  let r = e, l = !1;
+  for (let s = 0; s < i; s++) {
+    const o = ye(n, r, t);
+    if (l ||= o.changed, r = o.entries, !o.changed)
+      break;
+  }
+  return { changed: l, entries: r };
+}
+function xe(n, e, t, a, i = 1) {
+  const r = q(i);
+  if (r === 1)
+    return A(n, e, t, a);
+  const l = new Map(e);
+  let s = l.get(t);
+  for (let o = 0; o < r; o++) {
+    const c = A(n, l, t, a);
+    if (c === s)
+      break;
+    s = c, l.set(t, s);
+  }
+  return s;
+}
+function q(n) {
+  const e = Number.isFinite(n) ? Math.floor(n) : 1;
+  return Math.max(1, e);
+}
+function ye(n, e, t) {
+  const a = /* @__PURE__ */ new Map(), i = t > 0 ? De : G, r = Array.from(e).sort((o, c) => i(o[1], c[1]));
   let l = !1, s = !0;
-  for (const [o, d] of r)
-    if (a.set(o, d), s) {
-      const c = N(n, a, o, t);
-      d === c && (s = !1), l ||= s, a.set(o, c);
+  for (const [o, c] of r)
+    if (a.set(o, c), s) {
+      const d = A(n, a, o, t);
+      c === d && (s = !1), l ||= s, a.set(o, d);
     }
   return { changed: l, entries: a };
 }
-function N(n, e, t, a) {
-  const { allowValuesOverlap: i, stepsProvider: r, resolution: l, min: s, max: o } = n, d = e.get(t);
+function A(n, e, t, a) {
+  const { allowValuesOverlap: i, stepsProvider: r, resolution: l, min: s, max: o } = n, c = e.get(t);
   if (a = a > 0 ? 1 : -1, !r) {
-    let g = I(d + a * l, s, o);
+    let g = E(c + a * l, s, o);
     if (i)
       return g;
-    const x = /* @__PURE__ */ new Set();
-    for (const [P, $] of e)
-      P !== t && x.add($);
-    for (; x.has(g) && g <= o && g >= s; )
-      g = I(g + a * l, s, o);
-    return x.has(g) || g > o || g < s ? d : g;
-  }
-  const c = r.valueToIndex(d);
-  if (c === -1)
-    return d;
+    const y = /* @__PURE__ */ new Set();
+    for (const [P, C] of e)
+      P !== t && y.add(C);
+    for (; y.has(g) && g <= o && g >= s; )
+      g = E(g + a * l, s, o);
+    return y.has(g) || g > o || g < s ? c : g;
+  }
+  const d = r.valueToIndex(c);
+  if (d === -1)
+    return c;
   if (i) {
-    const g = I(c + a, r.minIndex, r.maxIndex);
+    const g = E(d + a, r.minIndex, r.maxIndex);
     return r.indexToValue(g);
   }
-  const h = /* @__PURE__ */ new Set();
-  for (const [g, x] of e)
-    g !== t && h.add(r.valueToIndex(x));
-  let u = c, m = !1;
-  const f = r.minIndex, p = r.maxIndex;
-  let y = 0;
-  for (; y < Math.abs(p - f) && (u += a, !(u < f || u > p)); ) {
-    if (!h.has(u)) {
-      m = !0;
+  const u = /* @__PURE__ */ new Set();
+  for (const [g, y] of e)
+    g !== t && u.add(r.valueToIndex(y));
+  let h = d, f = !1;
+  const p = r.minIndex, v = r.maxIndex;
+  let D = 0;
+  for (; D < Math.abs(v - p) && (h += a, !(h < p || h > v)); ) {
+    if (!u.has(h)) {
+      f = !0;
       break;
     }
-    y++;
+    D++;
   }
-  return m ? r.indexToValue(u) : d;
+  return f ? r.indexToValue(h) : c;
 }
-function ue(n, e, t, a) {
-  const { allowValuesOverlap: i, stepsProvider: r, resolution: l, min: s, max: o } = n, d = e.get(t);
+function we(n, e, t, a) {
+  const { allowValuesOverlap: i, stepsProvider: r, resolution: l, min: s, max: o } = n, c = e.get(t);
   if (a = a > 0 ? 1 : -1, !r) {
-    const m = new Set(
-      Array.from(e).filter(([p]) => p !== t).map(([, p]) => p)
+    const f = new Set(
+      Array.from(e).filter(([v]) => v !== t).map(([, v]) => v)
     );
-    let f = a > 0 ? o : s;
+    let p = a > 0 ? o : s;
     if (i)
-      return f;
-    for (; m.has(f); )
-      if (f -= a * l, a > 0 && f > o || a < 0 && f < s) {
-        f = d;
+      return p;
+    for (; f.has(p); )
+      if (p -= a * l, a > 0 && p > o || a < 0 && p < s) {
+        p = c;
         break;
       }
-    return f;
+    return p;
   }
   if (i)
     return a > 0 ? r.indexToValue(r.maxIndex) : r.indexToValue(r.minIndex);
-  const c = r.valueToIndex(d);
-  if (c === -1)
-    return d;
-  const h = new Set(
-    Array.from(e).filter(([m]) => m !== t).map(([, m]) => r.valueToIndex(m))
+  const d = r.valueToIndex(c);
+  if (d === -1)
+    return c;
+  const u = new Set(
+    Array.from(e).filter(([f]) => f !== t).map(([, f]) => r.valueToIndex(f))
   );
-  let u = a > 0 ? r.maxIndex : r.minIndex;
-  for (; h.has(u); )
-    if (u -= a, a > 0 && u > o || a < 0 && u < s) {
-      u = c;
+  let h = a > 0 ? r.maxIndex : r.minIndex;
+  for (; u.has(h); )
+    if (h -= a, a > 0 && h > o || a < 0 && h < s) {
+      h = d;
       break;
     }
-  return r.indexToValue(u);
+  return r.indexToValue(h);
 }
-function ge(n, e, t) {
-  const { stepsProvider: a, min: i, max: r } = n, l = /* @__PURE__ */ new Map(), s = Array.from(e).sort((d, c) => X(d[1], c[1]));
+function ke(n, e, t) {
+  const { stepsProvider: a, min: i, max: r } = n, l = /* @__PURE__ */ new Map(), s = Array.from(e).sort((c, d) => G(c[1], d[1]));
   if (a) {
-    let d = 0;
+    let c = 0;
     if (t > 0) {
-      const c = s[s.length - 1], h = a.valueToIndex(c[1]);
-      d = a.maxIndex - h;
+      const d = s[s.length - 1], u = a.valueToIndex(d[1]);
+      c = a.maxIndex - u;
     } else {
-      const c = s[0], h = a.valueToIndex(c[1]);
-      d = a.minIndex - h;
+      const d = s[0], u = a.valueToIndex(d[1]);
+      c = a.minIndex - u;
     }
-    if (d === 0)
-      for (const [c, h] of s)
-        l.set(c, h);
-    for (const [c, h] of s) {
-      const u = a.indexToValue(a.valueToIndex(h) + d);
-      l.set(c, u);
+    if (c === 0)
+      for (const [d, u] of s)
+        l.set(d, u);
+    for (const [d, u] of s) {
+      const h = a.indexToValue(a.valueToIndex(u) + c);
+      l.set(d, h);
     }
     return l;
   }
   let o = 0;
   if (t > 0) {
-    const d = s[s.length - 1];
-    o = r - d[1];
+    const c = s[s.length - 1];
+    o = r - c[1];
   } else {
-    const d = s[0];
-    o = i - d[1];
+    const c = s[0];
+    o = i - c[1];
   }
-  for (const [d, c] of s)
-    l.set(d, c + o);
+  for (const [c, d] of s)
+    l.set(c, d + o);
   return l;
 }
-function X(n, e) {
+function G(n, e) {
   return n - e;
 }
-function me(n, e) {
+function De(n, e) {
   return e - n;
 }
-function I(n, e, t) {
+function E(n, e, t) {
   return Math.max(e, Math.min(t, n));
 }
-const fe = G(_);
-class pe extends j {
+const Ie = Q(x);
+class Ee extends Y {
   constructor() {
-    super(...arguments), this._popoverElement = O(), this._trackElement = O(), this.messages = Z({}), this._onPointerMoveDragUpdate = (e) => {
+    super(...arguments), this._popoverElement = H(), this._trackElement = H(), this.messages = ne({}), this._onPointerMoveDragUpdate = (e) => {
       this._updateDrag(this._mapEventToRange(e));
     }, this._onPointerUpDragEnd = (e) => {
-      R(e) && this._endDrag();
+      M(e) && this._endDrag();
     }, this._onPointerCancelDragEnd = () => {
       this._endDrag();
     }, this._formatLabel = (e, t, a) => {
-      const i = ee(this.messages._lang, t), r = this.labelFormatter;
+      const i = re(this.messages._lang, t), r = this.labelFormatter;
       if (!r)
         return i.format(a);
       const l = r(a, e, (s) => i.format(s));
       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._sliderData = fe(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 = "leading", this.precision = this._sliderData.precision, this.rangeLabelsEditingEnabled = !1, this.rangeLabelsPlacement = "center", this.segmentsDraggingDisabled = !1, this.showRangeLabels = !1, this.valueLabelsDisplay = "hidden", this.valueLabelsPlacement = "leading", this.valueLabelsEditingEnabled = !1, this.values = this._sliderData.values, this.arcgisActiveValueChange = T({ cancelable: !1 }), this.arcgisChange = T({ cancelable: !1 }), this.arcgisInput = T({ cancelable: !1 }), this.arcgisRangeChange = T({ cancelable: !1 });
+    }), this._labelInputsUpdateComplete = null, this._dragInfo = null, this._hasPopoverContent = !1, this._hasContentStart = !1, this._hasContentEnd = !1, this._sliderData = Ie(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 = T({ cancelable: !1 }), this.arcgisChange = T({ cancelable: !1 }), this.arcgisInput = T({ cancelable: !1 }), this.arcgisRangeChange = T({ 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: {
@@ -387,14 +452,14 @@ class pe extends j {
         const t = parseFloat(e);
         return Number.isFinite(t) ? t : void 0;
       }
-    } }], valueLabelsDisplay: 3, valueLabelsPlacement: 3, valueLabelsEditingEnabled: 5, values: [1, { converter: {
+    } }], valueLabelsDisplay: 3, valueLabelsPlacement: 3, valueLabelsEditingEnabled: 5, keyboardLargeStep: 9, values: [1, { converter: {
       fromAttribute(e) {
         return e.includes(",") ? e.split(",").filter((t) => t.trim() !== "").map(parseFloat).filter((t) => Number.isFinite(t)) : [parseFloat(e)].filter((t) => Number.isFinite(t));
       }
     } }], messageOverrides: 0 };
   }
   static {
-    this.styles = re;
+    this.styles = ue;
   }
   static {
     this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
@@ -437,7 +502,7 @@ class pe extends j {
     this._sliderData.startup();
   }
   willUpdate(e) {
-    if ((e.has("steps") || e.has("min") || e.has("max")) && (this._stepsProvider = ce(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 = ve(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);
     }
@@ -473,13 +538,13 @@ class pe extends j {
     for (const r of this._sliderData.entries.keys()) {
       const l = this._activePart === "range" || this._activePart === r;
       if (this.valueLabelsDisplay === "always" || l) {
-        const o = xe(this, r), d = H(this, r);
-        if (!o || !d)
+        const o = Ce(this, r), c = j(this, r);
+        if (!o || !c)
           continue;
-        const c = o.getBoundingClientRect(), h = d.getBoundingClientRect(), u = d.getLabelBoundingClientRect(), m = c.width / 2, f = Math.round(c.left + m), p = Math.round(u.width / 2);
-        let y = h.width / 2;
-        const g = i.left - m, x = i.right + m, P = f - p, $ = f + p;
-        P < g ? y += P - g : $ > x && (y += $ - x), d.style.transform = `translateX(${-Math.round(y)}px)`;
+        const d = o.getBoundingClientRect(), u = c.getBoundingClientRect(), h = c.getLabelBoundingClientRect(), f = d.width / 2, p = Math.round(d.left + f), v = Math.round(h.width / 2);
+        let D = u.width / 2;
+        const g = i.left - f, y = i.right + f, P = p - v, C = p + v;
+        P < g ? D += P - g : C > y && (D += C - y), c.style.transform = `translateX(${-Math.round(D)}px)`;
       }
     }
   }
@@ -490,10 +555,10 @@ class pe extends j {
     this._setActivePart(null);
   }
   _onTrackRangePointerDown(e) {
-    this._disabledOrInvalid || !R(e) || this._startDrag("range", this._mapEventToRange(e));
+    this._disabledOrInvalid || !M(e) || (e.preventDefault(), this._startDrag("range", this._mapEventToRange(e)));
   }
   async _onPointerDown(e) {
-    if (this._disabledOrInvalid || !R(e))
+    if (this._disabledOrInvalid || !M(e))
       return;
     const t = this.renderRoot.querySelector("arcgis-label-input[editing]");
     if (e.target === t)
@@ -502,19 +567,19 @@ class pe extends j {
       t.blur(), this._focusEntry(V(t));
       return;
     }
-    if (ve(e.target) || this.values?.length > 1)
+    if (Ve(e.target) || this.values?.length > 1)
       return;
-    const a = this._mapEventToRange(e), [i, r] = this._sliderData.entries.entries().next().value, l = a * this._fullRange + this._fullMin - r, s = M(this._fullMin, this._fullMax, r) / 100;
+    const a = this._mapEventToRange(e), [i, r] = this._sliderData.entries.entries().next().value, l = a * this._fullRange + this._fullMin - r, s = S(this._fullMin, this._fullMax, r) / 100;
     this._startDrag(i, s);
-    const o = B(this._stepsProvider, this._sliderData.entries, i, l, this.allowValuesOverlap);
+    const o = U(this._stepsProvider, this._sliderData.entries, i, l, this.allowValuesOverlap);
     this._setValue(i, o), this._focusEntry(i);
   }
   _onThumbPointerDown(e) {
     const t = V(e.currentTarget);
-    if (!R(e) || this._disabledOrInvalid || !t)
+    if (!M(e) || this._disabledOrInvalid || !t)
       return;
-    const a = H(this, t);
-    e.target === a && a?.editing || (e.stopPropagation(), this._startDrag(t, this._mapEventToRange(e)));
+    const a = j(this, t);
+    e.target === a && a?.editing || (e.stopPropagation(), e.preventDefault(), this._startDrag(t, this._mapEventToRange(e)));
   }
   _endDrag() {
     if (this._disabledOrInvalid)
@@ -557,15 +622,15 @@ class pe extends j {
     let s = (e - a) * this._fullRange;
     if (t === "range") {
       s = Math.min(l, Math.max(r, s));
-      const o = de(this._stepsProvider, i, s);
+      const o = be(this._stepsProvider, i, s);
       this._setValues(o);
     } else {
-      const o = B(this._stepsProvider, i, t, s, this.allowValuesOverlap);
+      const o = U(this._stepsProvider, i, t, s, this.allowValuesOverlap);
       this._setValue(t, o);
     }
   }
   _focusEntry(e) {
-    e && _e(this, e)?.focus();
+    e && Pe(this, e)?.focus();
   }
   _addDragListeners() {
     document.addEventListener("pointerup", this._onPointerUpDragEnd), document.addEventListener("pointermove", this._onPointerMoveDragUpdate), document.addEventListener("pointercancel", this._onPointerCancelDragEnd);
@@ -613,19 +678,19 @@ class pe extends j {
     return this.mirrored ? 1 - a : a;
   }
   _getPositionStyleForElement(e) {
-    const t = M(this._fullMin, this._fullMax, e);
+    const t = S(this._fullMin, this._fullMax, e);
     return {
       [this.isHorizontal ? this.mirrored ? "right" : "left" : this.mirrored ? "top" : "bottom"]: `${t}%`
     };
   }
   _popoverSlotChange(e) {
-    this._hasPopoverContent = F(e);
+    this._hasPopoverContent = L(e);
   }
   _onContentStartSlotChange(e) {
-    this._hasContentStart = F(e);
+    this._hasContentStart = L(e);
   }
   _onContentEndSlotChange(e) {
-    this._hasContentEnd = F(e);
+    this._hasContentEnd = L(e);
   }
   _onThumbKeyDown(e) {
     const t = V(e.currentTarget);
@@ -634,122 +699,86 @@ class pe extends j {
     const a = e.currentTarget.querySelector("arcgis-label-input");
     if (!a || a.editing)
       return;
-    const i = e.key;
-    switch (i) {
-      case "Enter": {
-        a.edit();
-        break;
-      }
-      // Shortcuts taken from:
-      // https://w3c.github.io/aria-practices/#slider_kbd_interaction
-      // --
-      // Move target anchor in increments of 1 pixel or 1 step
-      case "ArrowUp":
-      case "ArrowDown":
-      case "ArrowLeft":
-      case "ArrowRight": {
-        e.preventDefault();
-        let r = i === "ArrowUp" || i === "ArrowRight" ? 1 : -1;
-        r = this.mirrored ? r * -1 : r;
-        const l = N({
-          allowValuesOverlap: this.allowValuesOverlap,
-          stepsProvider: this._stepsProvider,
-          resolution: this.resolution,
-          min: this.min,
-          max: this.max
-        }, this._sliderData.entries, t, r);
-        this._setValue(t, l);
-        break;
-      }
-      case "End":
-      case "Home": {
-        e.preventDefault();
-        const l = this.isHorizontal && this.mirrored || this.layout === "vertical" ? i === "End" ? -1 : 1 : i === "Home" ? -1 : 1, s = ue({
-          allowValuesOverlap: this.allowValuesOverlap,
-          stepsProvider: this._stepsProvider,
-          resolution: this.resolution,
-          min: this.min,
-          max: this.max
-        }, this._sliderData.entries, t, l);
-        this._setValue(t, s);
-        break;
-      }
+    if (e.key === m.confirmEdit) {
+      a.edit();
+      return;
+    }
+    const i = K(e, this.keyboardLargeStep, this.mirrored);
+    if (i) {
+      e.preventDefault();
+      const r = xe(this._getStepsConfiguration(), this._sliderData.entries, t, i.direction, i.count);
+      this._setValue(t, r);
+      return;
+    }
+    if (N(e.key)) {
+      e.preventDefault();
+      const r = we(this._getStepsConfiguration(), this._sliderData.entries, t, this._getDirectionForHomeEndKey(e.key));
+      this._setValue(t, r);
     }
   }
   _onTrackRangeKeyDown(e) {
-    const t = e.key;
-    switch (t) {
-      // Shortcuts taken from:
-      // https://w3c.github.io/aria-practices/#slider_kbd_interaction
-      // --
-      // Move target anchor in increments of 1 pixel or 1 step
-      case "ArrowUp":
-      case "ArrowDown":
-      case "ArrowLeft":
-      case "ArrowRight": {
-        e.preventDefault();
-        let a = t === "ArrowUp" || t === "ArrowRight" ? 1 : -1;
-        a = this.mirrored ? a * -1 : a;
-        const { entries: i } = he({
-          allowValuesOverlap: this.allowValuesOverlap,
-          stepsProvider: this._stepsProvider,
-          resolution: this.resolution,
-          min: this.min,
-          max: this.max
-        }, this._sliderData.entries, a);
-        this._setValues(i);
-        break;
-      }
-      case "End":
-      case "Home": {
-        e.preventDefault();
-        const i = this.isHorizontal && this.mirrored || this.layout === "vertical" ? t === "End" ? -1 : 1 : t === "Home" ? -1 : 1, r = ge({
-          allowValuesOverlap: this.allowValuesOverlap,
-          stepsProvider: this._stepsProvider,
-          resolution: this.resolution,
-          min: this.min,
-          max: this.max
-        }, this._sliderData.entries, i);
-        this._setValues(r);
-        break;
-      }
+    if (this._disabledOrInvalid)
+      return;
+    const t = K(e, this.keyboardLargeStep, this.mirrored);
+    if (t) {
+      e.preventDefault();
+      const { entries: a } = _e(this._getStepsConfiguration(), this._sliderData.entries, t.direction, t.count);
+      this._setValues(a);
+      return;
+    }
+    if (N(e.key)) {
+      e.preventDefault();
+      const a = ke(this._getStepsConfiguration(), this._sliderData.entries, this._getDirectionForHomeEndKey(e.key));
+      this._setValues(a);
     }
   }
+  _getStepsConfiguration() {
+    return {
+      allowValuesOverlap: this.allowValuesOverlap,
+      stepsProvider: this._stepsProvider,
+      resolution: this.resolution,
+      min: this.min,
+      max: this.max
+    };
+  }
+  _getDirectionForHomeEndKey(e) {
+    return this.isHorizontal && this.mirrored || this.layout === "vertical" ? e === m.jumpToEnd ? -1 : 1 : e === m.jumpToStart ? -1 : 1;
+  }
   _setActivePart(e) {
     this._activePart !== e && (this._activePart = e, this.arcgisActiveValueChange.emit());
   }
   render() {
-    return b`<div class=${C({
+    return _`<div class=${z({
       content: !0,
       disabled: this._disabledOrInvalid
     })} @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: a, valueLabelsPlacement: i, valueLabelsDisplay: r, popoverLabel: l } = this, s = e ? be(e) ? e : "track-range" : "", o = this._hasPopoverContent && !!s, d = t === "horizontal" ? a === "leading" ? "top" : "bottom" : a === "leading" ? "left" : "right";
-    let c = 14;
-    return r !== "hidden" && a === i && (c += 24), b`<calcite-popover flip-disabled focus-trap-disabled .label=${l} .open=${o} .offsetDistance=${c} .placement=${d} pointer-disabled .referenceElement=${s} scale=s trigger-disabled ${L(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`;
+    const { _activePart: e, layout: t, popoverPlacement: a, valueLabelsPlacement: i, valueLabelsDisplay: r, popoverLabel: l } = this, s = e ? $e(e) ? e : "track-range" : "", o = this._hasPopoverContent && !!s, c = t === "horizontal" ? a === "start" ? "top" : "bottom" : a === "start" ? "left" : "right";
+    let d = 14;
+    return r !== "hidden" && a === i && (d += 24), _`<calcite-popover flip-disabled focus-trap-disabled .label=${l} .open=${o} .offsetDistance=${d} .placement=${c} pointer-disabled .referenceElement=${s} scale=s trigger-disabled ${R(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`;
   }
   _renderContentStart() {
-    return b`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`;
+    return _`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`;
   }
   _renderContentEnd() {
-    return b`<div class="content-end" .hidden=${!this._hasContentEnd}><slot name=content-end @slotchange=${this._onContentEndSlotChange}></slot></div>`;
+    return _`<div class="content-end" .hidden=${!this._hasContentEnd}><slot name=content-end @slotchange=${this._onContentEndSlotChange}></slot></div>`;
   }
   _renderTrackRange() {
-    return b`<div class="track-container">${this._renderTrack()}${this._renderThumbs()}</div>`;
+    return _`<div class="track-container">${this._renderTrack()}${this._renderThumbs()}</div>`;
   }
   _renderTrack() {
-    return b`<div class="track" ${L(this._trackElement)}>${this._renderTrackBackground()}${this._renderFillSegment()}</div>`;
+    return _`<div class="track" ${R(this._trackElement)}>${this._renderTrackBackground()}${this._renderFillSegment()}</div>`;
   }
   _renderTrackBackground() {
     const { max: e, min: t, fillPlacement: a, values: i } = this, r = i.length > 1;
     let l = this._fullMin, s = this._fullMax;
     const o = [];
-    return this._invalid ? b`<div class="segment track-bounds" style=${z({ left: "0%", right: "0%", top: "0%", bottom: "0%" })}></div>` : (l < t && (o.push(this._renderSegment(l, t, [
-      this.mirrored ? "track-effective-trailing" : "track-effective-leading",
+    return this._invalid ? _`<div class="segment track-bounds" style=${F({ left: "0%", right: "0%", top: "0%", bottom: "0%" })}></div>` : (l < t && (o.push(this._renderSegment(l, t, [
+      this.mirrored ? "track-effective-end" : "track-effective-start",
       !r && a === "start" ? "track-fill" : null
     ])), l = t), s > e && (o.push(this._renderSegment(e, s, [
-      this.mirrored ? "track-effective-leading" : "track-effective-trailing",
+      this.mirrored ? "track-effective-start" : "track-effective-end",
       !r && a === "end" ? "track-fill" : null
     ])), s = e), o.push(this._renderSegment(l, s, ["track-bounds"])), o);
   }
@@ -780,69 +809,69 @@ class pe extends j {
   }
   _renderSegment(e, t, a, i) {
     const { _fullMin: r, _fullMax: l, mirrored: s } = this, o = [
-      M(r, l, U(e, r, l)),
-      100 - M(r, l, U(t, r, l))
+      S(r, l, X(e, r, l)),
+      100 - S(r, l, X(t, r, l))
     ];
     s && o.reverse();
-    const d = this.isHorizontal ? {
+    const c = this.isHorizontal ? {
       left: `${o[0]}%`,
       right: `${o[1]}%`
     } : {
       top: `${o[1]}%`,
       bottom: `${o[0]}%`
-    }, c = W("segment", ...a);
-    return b`<div id=${i?.id ?? D} class=${C(c)} style=${z(d)} .tabIndex=${i?.onPointerDown ? 0 : -1} @focus=${i?.onFocus} @blur=${i?.onBlur} @pointerdown=${i?.onPointerDown} @keydown=${i?.onKeyDown}></div>`;
+    }, d = Z("segment", ...a);
+    return _`<div id=${i?.id ?? I} class=${z(d)} style=${F(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 Q(t, ([a, i]) => this._renderThumb(a, i));
+    return ae(t, ([a, i]) => this._renderThumb(a, i));
   }
   _renderThumb(e, t) {
-    const { valueLabelsDisplay: a } = this, i = this._disabledOrInvalid, r = this._activePart === e || this._activePart === "range", l = this._activePart === "range" || this._activePart === e, s = a === "always" || a === "auto" && l, o = this.isHorizontal, d = o ? "horizontal" : "vertical", c = `label-${e}`, h = o ? "center" : this.valueLabelsPlacement === "leading" ? "end" : "start";
-    return K(e, b`<div id=${e ?? D} .ariaLabel=${this.messages.sliderValue} aria-labelledby=${(a ? c : void 0) ?? D} .ariaOrientation=${d} .ariaValueMin=${this._minFormatter(this.min)} .ariaValueMax=${this._maxFormatter(this.max)} .ariaValueNow=${t} .ariaValueText=${this._valueFormatter(t)} class=${C({
+    const { valueLabelsDisplay: a } = this, i = this._disabledOrInvalid, r = this._activePart === e || this._activePart === "range", l = this._activePart === "range" || this._activePart === e, s = a === "always" || a === "auto" && l, o = this.isHorizontal, c = o ? "horizontal" : "vertical", d = `label-${e}`, u = o ? "center" : this.valueLabelsPlacement === "start" ? "end" : "start";
+    return J(e, _`<div id=${e ?? I} .ariaLabel=${this.messages.sliderValue} aria-labelledby=${(a ? d : void 0) ?? I} .ariaOrientation=${c} .ariaValueMin=${this._minFormatter(this.min)} .ariaValueMax=${this._maxFormatter(this.max)} .ariaValueNow=${t} .ariaValueText=${this._valueFormatter(t)} class=${z({
       thumb: !0,
       active: r
-    })} data-entry=${e ?? D} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${z({
+    })} data-entry=${e ?? I} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${F({
       ...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=${c ?? D} .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} ${L(this._makeResizeRef())}></arcgis-label-input></div>`);
+    })} .tabIndex=${i ? -1 : 0}><span class="handle"></span><arcgis-label-input .alignment=${u} class="label" .hidden=${!s} id=${d ?? I} .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} ${R(this._makeResizeRef())}></arcgis-label-input></div>`);
   }
   _renderRangeLabel(e) {
     let t = "center";
-    return this.isHorizontal && (t = e === "min" ? "end" : "start", this.rangeLabelsPlacement === "trailing" && (t = t === "end" ? "start" : "end"), this.mirrored && (t = t === "end" ? "start" : "end")), b`<arcgis-label-input .alignment=${t} class=${C(e)} data-type=${e ?? D} .hidden=${!this.showRangeLabels} .labelFormatter=${this[`_${e}Formatter`]} @arcgisChange=${this._onRangeInputChange} .readOnly=${!this.rangeLabelsEditingEnabled} .value=${this[e]}></arcgis-label-input>`;
+    return this.isHorizontal && (t = e === "min" ? "end" : "start", this.rangeLabelsPlacement === "end" && (t = t === "end" ? "start" : "end"), this.mirrored && (t = t === "end" ? "start" : "end")), _`<arcgis-label-input .alignment=${t} class=${z(e)} data-type=${e ?? I} .hidden=${!this.showRangeLabels} .labelFormatter=${this[`_${e}Formatter`]} @arcgisChange=${this._onRangeInputChange} .readOnly=${!this.rangeLabelsEditingEnabled} .value=${this[e]}></arcgis-label-input>`;
   }
 }
-function ve(n) {
+function Ve(n) {
   return "dataset" in n && n.tagName === "ARCGIS-LABEL-INPUT" && (n.dataset.type === "min" || n.dataset.type === "max");
 }
 function V(n) {
-  const e = Y(n, "[data-entry]");
+  const e = ee(n, "[data-entry]");
   return e && "dataset" in e ? e.dataset.entry : null;
 }
-function be(n) {
+function $e(n) {
   return typeof n != null && n !== "range";
 }
-function _e(n, e) {
+function Pe(n, e) {
   return e ? n.renderRoot.querySelector(`div[data-entry="${e}"]`) : null;
 }
-function xe(n, e) {
+function Ce(n, e) {
   return e ? n.renderRoot.querySelector(`div[data-entry="${e}"] span.handle`) : null;
 }
-function H(n, e) {
+function j(n, e) {
   return e ? n.renderRoot.querySelector(`div[data-entry="${e}"] arcgis-label-input`) : null;
 }
-function R(n) {
+function M(n) {
   return n.isPrimary && n.button === 0;
 }
-const we = 5;
-function M(n, e, t) {
+const Te = 5;
+function S(n, e, t) {
   const a = e - n, i = (t - n) / a * 100;
-  return Number.parseFloat(i.toFixed(we));
+  return Number.parseFloat(i.toFixed(Te));
 }
-function U(n, e, t) {
+function X(n, e, t) {
   return Math.max(e, Math.min(t, n));
 }
-q("arcgis-slider", pe);
+W("arcgis-slider", Ee);
 export {
-  pe as ArcgisSlider
+  Ee as ArcgisSlider
 };