@arcgis/common-components 5.2.0-next.23 → 5.2.0-next.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/cdn/ZPPRHEY3.js +2 -0
  2. package/dist/cdn/index.js +1 -1
  3. package/dist/components/arcgis-slider/customElement.d.ts +4 -3
  4. package/dist/components/arcgis-slider/customElement.js +299 -280
  5. package/dist/docs/api.json +1 -1
  6. package/dist/docs/docs.json +1 -1
  7. package/dist/docs/vscode.html-custom-data.json +1 -1
  8. package/dist/docs/web-types.json +1 -1
  9. package/package.json +3 -3
  10. package/dist/cdn/LB7I345F.js +0 -2
package/dist/components/arcgis-slider/customElement.js CHANGED
@@ -1,9 +1,9 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
2
  import { c as Q } from "../../chunks/runtime.js";
3
3
  import { keyed as Z } from "lit/directives/keyed.js";
4
- import { LitElement as ee, createEvent as $, safeClassMap as P, safeStyleMap as L, nothing as E } from "@arcgis/lumina";
4
+ import { LitElement as ee, createEvent as C, safeClassMap as M, safeStyleMap as R, nothing as E } from "@arcgis/lumina";
5
5
  import { makeAccessorController as te } from "@arcgis/lumina/controllers/accessor";
6
- import { slotChangeHasAssignedElement as R, classes as ae, getClosestElement as ne } from "@arcgis/toolkit/dom";
6
+ import { slotChangeHasAssignedElement as L, classes as ne, getClosestElement as ae } from "@arcgis/toolkit/dom";
7
7
  import { css as re, html as w } from "lit";
8
8
  import { map as ie } from "lit/directives/map.js";
9
9
  import { createRef as B, ref as O } from "lit/directives/ref.js";
@@ -24,40 +24,40 @@ const p = {
24
24
  jumpToEnd: "End",
25
25
  confirmEdit: "Enter"
26
26
  };
27
- function N({ key: n, shiftKey: e }, t, a) {
28
- const i = de(n);
27
+ function N({ key: a, shiftKey: e }, t, n) {
28
+ const i = de(a);
29
29
  if (i == null)
30
30
  return null;
31
- const r = ue(n) || he(n) && e ? ge(t) : 1;
31
+ const r = ue(a) || he(a) && e ? ge(t) : 1;
32
32
  return {
33
- direction: a ? i * -1 : i,
33
+ direction: n ? i * -1 : i,
34
34
  count: r
35
35
  };
36
36
  }
37
- function de(n) {
38
- return n === p.increment || n === p.incrementHorizontal || n === p.pageIncrement ? 1 : n === p.decrement || n === p.decrementHorizontal || n === p.pageDecrement ? -1 : null;
37
+ function de(a) {
38
+ return a === p.increment || a === p.incrementHorizontal || a === p.pageIncrement ? 1 : a === p.decrement || a === p.decrementHorizontal || a === p.pageDecrement ? -1 : null;
39
39
  }
40
- function U(n) {
41
- return n === p.jumpToEnd || n === p.jumpToStart;
40
+ function U(a) {
41
+ return a === p.jumpToEnd || a === p.jumpToStart;
42
42
  }
43
- function he(n) {
44
- return n === p.increment || n === p.decrement || n === p.decrementHorizontal || n === p.incrementHorizontal;
43
+ function he(a) {
44
+ return a === p.increment || a === p.decrement || a === p.decrementHorizontal || a === p.incrementHorizontal;
45
45
  }
46
- function ue(n) {
47
- return n === p.pageIncrement || n === p.pageDecrement;
46
+ function ue(a) {
47
+ return a === p.pageIncrement || a === p.pageDecrement;
48
48
  }
49
- function ge(n) {
50
- const e = Number.isFinite(n) ? Math.floor(n) : 1;
49
+ function ge(a) {
50
+ const e = Number.isFinite(a) ? Math.floor(a) : 1;
51
51
  return Math.max(1, e);
52
52
  }
53
- 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-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)}: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}.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))}}}`;
54
- var fe = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, W = (n) => {
55
- throw TypeError(n);
56
- }, k = (n, e, t, a) => {
57
- for (var i = a > 1 ? void 0 : a ? pe(e, t) : e, r = n.length - 1, o; r >= 0; r--)
58
- (o = n[r]) && (i = (a ? o(e, t, i) : o(i)) || i);
59
- return a && i && fe(e, t, i), i;
60
- }, G = (n, e, t) => e.has(n) || W("Cannot " + t), ve = (n, e, t) => (G(n, e, "read from private field"), e.get(n)), be = (n, e, t) => e.has(n) ? W("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), _e = (n, e, t, a) => (G(n, e, "write to private field"), e.set(n, t), t), F;
53
+ 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-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)}: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(--calcite-color-brand);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-slider-internal-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-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}.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))}}}`;
54
+ var fe = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, W = (a) => {
55
+ throw TypeError(a);
56
+ }, D = (a, e, t, n) => {
57
+ for (var i = n > 1 ? void 0 : n ? pe(e, t) : e, r = a.length - 1, o; r >= 0; r--)
58
+ (o = a[r]) && (i = (n ? o(e, t, i) : o(i)) || i);
59
+ return n && i && fe(e, t, i), i;
60
+ }, G = (a, e, t) => e.has(a) || W("Cannot " + t), ve = (a, e, t) => (G(a, e, "read from private field"), e.get(a)), be = (a, e, t) => e.has(a) ? W("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), _e = (a, e, t, n) => (G(a, e, "write to private field"), e.set(a, t), t), F;
61
61
  function xe() {
62
62
  return {
63
63
  min: 0,
@@ -71,14 +71,14 @@ let y = class extends oe {
71
71
  // Lifecycle
72
72
  //
73
73
  //--------------------------------------------------------------------------
74
- constructor(n = {}) {
75
- super({ ...xe(), properties: n }), this._entries = /* @__PURE__ */ new Map(), this.precision = 4, this.ready = !1, be(this, F);
74
+ constructor(a = {}) {
75
+ super({ ...xe(), properties: a }), this._entries = /* @__PURE__ */ new Map(), this.precision = 4, this.ready = !1, be(this, F);
76
76
  }
77
77
  startup() {
78
- const { precision: n } = this;
79
- let { min: e, max: t, values: a } = this;
80
- t = x(t, n), e = x(e, n), a = a?.map((r) => T(x(r, n), e, t)).sort((r, o) => r - o), this._set("min", e), this._set("max", t), this._set("values", a);
81
- const i = new Map(a?.map((r) => [K(), r]));
78
+ const { precision: a } = this;
79
+ let { min: e, max: t, values: n } = this;
80
+ t = x(t, a), e = x(e, a), n = n?.map((r) => T(x(r, a), e, t)).sort((r, o) => r - o), this._set("min", e), this._set("max", t), this._set("values", n);
81
+ const i = new Map(n?.map((r) => [K(), r]));
82
82
  this._entries = i, A(
83
83
  () => this.min,
84
84
  (r) => {
@@ -111,42 +111,42 @@ let y = class extends oe {
111
111
  get entries() {
112
112
  return this._entries;
113
113
  }
114
- set max(n) {
114
+ set max(a) {
115
115
  if (!this.ready) {
116
- this._set("max", n);
116
+ this._set("max", a);
117
117
  return;
118
118
  }
119
- const e = this._get("max"), t = x(n, this.precision);
119
+ const e = this._get("max"), t = x(a, this.precision);
120
120
  e !== t && this._set("max", t);
121
121
  }
122
- set min(n) {
122
+ set min(a) {
123
123
  if (!this.ready) {
124
- this._set("min", n);
124
+ this._set("min", a);
125
125
  return;
126
126
  }
127
- const e = this._get("min"), t = x(n, this.precision);
127
+ const e = this._get("min"), t = x(a, this.precision);
128
128
  e !== t && this._set("min", t);
129
129
  }
130
- set values(n) {
131
- if (ve(this, F) === n)
130
+ set values(a) {
131
+ if (ve(this, F) === a)
132
132
  return;
133
- if (_e(this, F, n), !this.ready) {
134
- this._set("values", n);
133
+ if (_e(this, F, a), !this.ready) {
134
+ this._set("values", a);
135
135
  return;
136
136
  }
137
137
  const e = this._get("values");
138
- if (n = n?.map((a) => T(x(a, this.precision), this.min, this.max)).sort((a, i) => a - i), e?.length === n?.length && e.every((a, i) => a === n[i]))
138
+ if (a = a?.map((n) => T(x(n, this.precision), this.min, this.max)).sort((n, i) => n - i), e?.length === a?.length && e.every((n, i) => n === a[i]))
139
139
  return;
140
- const t = new Map(n?.map((a) => [K(), a]));
141
- this._entries = t, this._set("values", n);
140
+ const t = new Map(a?.map((n) => [K(), n]));
141
+ this._entries = t, this._set("values", a);
142
142
  }
143
143
  //--------------------------------------------------------------------------
144
144
  //
145
145
  // Public Methods
146
146
  //
147
147
  //--------------------------------------------------------------------------
148
- getValue(n) {
149
- return this._entries.get(n);
148
+ getValue(a) {
149
+ return this._entries.get(a);
150
150
  }
151
151
  /**
152
152
  * Updates a thumb [value](#values) based on the provided index. The provided value
@@ -155,137 +155,137 @@ let y = class extends oe {
155
155
  *
156
156
  * @returns `true` if the value was changed, otherwise `false`.
157
157
  */
158
- setValue(n, e) {
158
+ setValue(a, e) {
159
159
  if (this.values == null)
160
160
  return !1;
161
- const { min: t, max: a } = this, i = this._entries.get(n), r = T(x(e, this.precision), t, a);
162
- return i === r ? !1 : (this._entries.set(n, r), this._updatesValues(), !0);
161
+ const { min: t, max: n } = this, i = this._entries.get(a), r = T(x(e, this.precision), t, n);
162
+ return i === r ? !1 : (this._entries.set(a, r), this._updatesValues(), !0);
163
163
  }
164
- setValues(n) {
164
+ setValues(a) {
165
165
  if (this.values == null)
166
166
  return !1;
167
167
  let e = !1;
168
- const { min: t, max: a } = this;
169
- for (const [i, r] of n) {
170
- const o = this._entries.get(i), s = T(x(r, this.precision), t, a);
168
+ const { min: t, max: n } = this;
169
+ for (const [i, r] of a) {
170
+ const o = this._entries.get(i), s = T(x(r, this.precision), t, n);
171
171
  o !== s && (e = !0, this._entries.set(i, s));
172
172
  }
173
173
  return e ? (this._updatesValues(), !0) : !1;
174
174
  }
175
175
  _updatesValues() {
176
- const n = Array.from(this._entries.values()).sort((e, t) => e - t);
177
- this._set("values", n);
176
+ const a = Array.from(this._entries.values()).sort((e, t) => e - t);
177
+ this._set("values", a);
178
178
  }
179
179
  };
180
180
  F = /* @__PURE__ */ new WeakMap();
181
- k([
181
+ D([
182
182
  I()
183
183
  ], y.prototype, "_entries", 2);
184
- k([
184
+ D([
185
185
  I({ readOnly: !0 })
186
186
  ], y.prototype, "entries", 1);
187
- k([
187
+ D([
188
188
  I()
189
189
  ], y.prototype, "max", 1);
190
- k([
190
+ D([
191
191
  I()
192
192
  ], y.prototype, "min", 1);
193
- k([
194
- I({ cast: (n) => T(n, 0, 20) })
193
+ D([
194
+ I({ cast: (a) => T(a, 0, 20) })
195
195
  ], y.prototype, "precision", 2);
196
- k([
196
+ D([
197
197
  I({ readOnly: !0 })
198
198
  ], y.prototype, "ready", 2);
199
- k([
199
+ D([
200
200
  I()
201
201
  ], y.prototype, "values", 1);
202
- y = k([
202
+ y = D([
203
203
  ce("esri.widgets.Slider.SliderData")
204
204
  ], y);
205
- function T(n, e, t) {
206
- return Math.min(Math.max(n, e), t);
205
+ function T(a, e, t) {
206
+ return Math.min(Math.max(a, e), t);
207
207
  }
208
- function x(n, e) {
209
- return Number.parseFloat(n.toFixed(e));
208
+ function x(a, e) {
209
+ return Number.parseFloat(a.toFixed(e));
210
210
  }
211
211
  class we {
212
212
  constructor(e) {
213
213
  this.steps = e, this.minIndex = 0, this.maxIndex = this.steps.length - 1;
214
214
  }
215
215
  indexToValue(e) {
216
- return this.steps[D(e, this.minIndex, this.maxIndex)];
216
+ return this.steps[k(e, this.minIndex, this.maxIndex)];
217
217
  }
218
218
  valueToIndex(e) {
219
219
  const t = this.steps.indexOf(e);
220
220
  return t !== -1 ? t : this.steps.reduce(
221
- (a, i, r, o) => Math.abs(i - e) < Math.abs(o[a] - e) ? r : a,
221
+ (n, i, r, o) => Math.abs(i - e) < Math.abs(o[n] - e) ? r : n,
222
222
  0
223
223
  );
224
224
  }
225
225
  getClosestStepDistances(e, t) {
226
226
  if (t <= 0)
227
227
  return [];
228
- const a = [];
228
+ const n = [];
229
229
  for (let i = this.minIndex; i <= this.maxIndex; i++) {
230
230
  const r = this.indexToValue(i), o = Math.abs(r - e);
231
231
  let s = !1;
232
- for (let l = 0; l < a.length; l++)
233
- if (o < a[l].dist) {
234
- a.splice(l, 0, { idx: i, value: r, dist: o }), s = !0;
232
+ for (let l = 0; l < n.length; l++)
233
+ if (o < n[l].dist) {
234
+ n.splice(l, 0, { idx: i, value: r, dist: o }), s = !0;
235
235
  break;
236
236
  }
237
- !s && a.length < t && a.push({ idx: i, value: r, dist: o }), a.length > t && (a.length = t);
237
+ !s && n.length < t && n.push({ idx: i, value: r, dist: o }), n.length > t && (n.length = t);
238
238
  }
239
- return a;
239
+ return n;
240
240
  }
241
241
  }
242
242
  class ye {
243
- constructor(e, t, a) {
244
- this.min = e, this.max = t, this.stepSize = a, this.minIndex = 0, this.maxIndex = Math.round((this.max - this.min) / this.stepSize);
243
+ constructor(e, t, n) {
244
+ this.min = e, this.max = t, this.stepSize = n, this.minIndex = 0, this.maxIndex = Math.round((this.max - this.min) / this.stepSize);
245
245
  }
246
246
  indexToValue(e) {
247
- return this.min + D(e, this.minIndex, this.maxIndex) * this.stepSize;
247
+ return this.min + k(e, this.minIndex, this.maxIndex) * this.stepSize;
248
248
  }
249
249
  valueToIndex(e) {
250
- return e = D(e, this.min, this.max), Math.round((e - this.min) / this.stepSize);
250
+ return e = k(e, this.min, this.max), Math.round((e - this.min) / this.stepSize);
251
251
  }
252
252
  getClosestStepDistances(e, t) {
253
253
  if (t <= 0)
254
254
  return [];
255
- const a = [], i = this.minIndex, r = this.maxIndex, s = (D(e, this.min, this.max) - this.min) / this.stepSize;
255
+ const n = [], i = this.minIndex, r = this.maxIndex, s = (k(e, this.min, this.max) - this.min) / this.stepSize;
256
256
  let l = Math.floor(s), c = l + 1;
257
- for (; a.length < t && (l >= i || c <= r); ) {
257
+ for (; n.length < t && (l >= i || c <= r); ) {
258
258
  if (l < i) {
259
- const u = this.indexToValue(c);
260
- a.push({ idx: c, value: u, dist: Math.abs(u - e) }), c++;
259
+ const g = this.indexToValue(c);
260
+ n.push({ idx: c, value: g, dist: Math.abs(g - e) }), c++;
261
261
  continue;
262
262
  }
263
263
  if (c > r) {
264
- const u = this.indexToValue(l);
265
- a.push({ idx: l, value: u, dist: Math.abs(u - e) }), l--;
264
+ const g = this.indexToValue(l);
265
+ n.push({ idx: l, value: g, dist: Math.abs(g - e) }), l--;
266
266
  continue;
267
267
  }
268
- const d = this.indexToValue(l), h = this.indexToValue(c), g = Math.abs(d - e), f = Math.abs(h - e);
269
- g <= f ? (a.push({ idx: l, value: d, dist: g }), l--) : (a.push({ idx: c, value: h, dist: f }), c++);
268
+ const d = this.indexToValue(l), h = this.indexToValue(c), u = Math.abs(d - e), f = Math.abs(h - e);
269
+ u <= f ? (n.push({ idx: l, value: d, dist: u }), l--) : (n.push({ idx: c, value: h, dist: f }), c++);
270
270
  }
271
- return a;
271
+ return n;
272
272
  }
273
273
  }
274
- function De(n) {
275
- if (n.steps == null)
274
+ function ke(a) {
275
+ if (a.steps == null)
276
276
  return null;
277
- const e = n.steps;
278
- return Array.isArray(e) ? e.length === 0 ? null : new we(e) : e <= 0 ? null : new ye(n.min, n.max, e);
277
+ const e = a.steps;
278
+ return Array.isArray(e) ? e.length === 0 ? null : new we(e) : e <= 0 ? null : new ye(a.min, a.max, e);
279
279
  }
280
- function ke(n, e, t) {
281
- if (n == null) {
280
+ function De(a, e, t) {
281
+ if (a == null) {
282
282
  const s = /* @__PURE__ */ new Map();
283
283
  for (const [l, c] of e.entries())
284
284
  s.set(l, c + t);
285
285
  return s;
286
286
  }
287
- const a = e.size, i = Array.from(e.entries()).map(([s, l]) => {
288
- const c = l + t, d = n.getClosestStepDistances(c, a);
287
+ const n = e.size, i = Array.from(e.entries()).map(([s, l]) => {
288
+ const c = l + t, d = a.getClosestStepDistances(c, n);
289
289
  return { uuid: s, stepDistances: d };
290
290
  }), r = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Map();
291
291
  i.sort((s, l) => s.stepDistances[0].dist - l.stepDistances[0].dist);
@@ -295,157 +295,157 @@ function ke(n, e, t) {
295
295
  }
296
296
  return o;
297
297
  }
298
- function X(n, e, t, a, i) {
298
+ function X(a, e, t, n, i) {
299
299
  const r = e.get(t) ?? 0;
300
- if (!n)
301
- return r + a;
302
- const o = r + a, s = n.minIndex, l = n.maxIndex, c = /* @__PURE__ */ new Set();
300
+ if (!a)
301
+ return r + n;
302
+ const o = r + n, s = a.minIndex, l = a.maxIndex, c = /* @__PURE__ */ new Set();
303
303
  if (!i)
304
- for (const [u, v] of e.entries())
305
- u !== t && c.add(n.valueToIndex(v));
306
- const d = D(n.valueToIndex(o), s, l);
304
+ for (const [g, v] of e.entries())
305
+ g !== t && c.add(a.valueToIndex(v));
306
+ const d = k(a.valueToIndex(o), s, l);
307
307
  if (!c.has(d))
308
- return n.indexToValue(d);
309
- let h = null, g = 1 / 0;
308
+ return a.indexToValue(d);
309
+ let h = null, u = 1 / 0;
310
310
  const f = Math.min(Math.max(d - s, l - d), c.size + 1);
311
- for (let u = 1; u <= f; u++) {
312
- const v = d - u;
311
+ for (let g = 1; g <= f; g++) {
312
+ const v = d - g;
313
313
  if (v >= s && !c.has(v)) {
314
- const m = n.indexToValue(v), b = Math.abs(m - o);
315
- h = v, g = b;
314
+ const m = a.indexToValue(v), b = Math.abs(m - o);
315
+ h = v, u = b;
316
316
  }
317
- const _ = d + u;
317
+ const _ = d + g;
318
318
  if (_ <= l && !c.has(_)) {
319
- const m = n.indexToValue(_), b = Math.abs(m - o);
320
- (h == null || b < g) && (h = _, g = b);
319
+ const m = a.indexToValue(_), b = Math.abs(m - o);
320
+ (h == null || b < u) && (h = _, u = b);
321
321
  }
322
322
  if (h != null)
323
- return n.indexToValue(h);
323
+ return a.indexToValue(h);
324
324
  }
325
- return h == null ? r : n.indexToValue(h);
325
+ return h == null ? r : a.indexToValue(h);
326
326
  }
327
- function Ie(n, e, t, a = 1) {
328
- const i = J(a);
327
+ function Ie(a, e, t, n = 1) {
328
+ const i = J(n);
329
329
  let r = e, o = !1;
330
330
  for (let s = 0; s < i; s++) {
331
- const l = Ve(n, r, t);
331
+ const l = Ve(a, r, t);
332
332
  if (o ||= l.changed, r = l.entries, !l.changed)
333
333
  break;
334
334
  }
335
335
  return { changed: o, entries: r };
336
336
  }
337
- function Ee(n, e, t, a, i = 1) {
337
+ function Ee(a, e, t, n, i = 1) {
338
338
  const r = J(i);
339
339
  if (r === 1)
340
- return H(n, e, t, a);
340
+ return H(a, e, t, n);
341
341
  const o = new Map(e);
342
342
  let s = o.get(t);
343
343
  for (let l = 0; l < r; l++) {
344
- const c = H(n, o, t, a);
344
+ const c = H(a, o, t, n);
345
345
  if (c === s)
346
346
  break;
347
347
  s = c, o.set(t, s);
348
348
  }
349
349
  return s;
350
350
  }
351
- function J(n) {
352
- const e = Number.isFinite(n) ? Math.floor(n) : 1;
351
+ function J(a) {
352
+ const e = Number.isFinite(a) ? Math.floor(a) : 1;
353
353
  return Math.max(1, e);
354
354
  }
355
- function Ve(n, e, t) {
356
- const a = /* @__PURE__ */ new Map(), i = t > 0 ? Me : Y, r = Array.from(e).sort((l, c) => i(l[1], c[1]));
355
+ function Ve(a, e, t) {
356
+ const n = /* @__PURE__ */ new Map(), i = t > 0 ? Se : Y, r = Array.from(e).sort((l, c) => i(l[1], c[1]));
357
357
  let o = !1, s = !0;
358
358
  for (const [l, c] of r)
359
- if (a.set(l, c), s) {
360
- const d = H(n, a, l, t);
361
- c === d && (s = !1), o ||= s, a.set(l, d);
359
+ if (n.set(l, c), s) {
360
+ const d = H(a, n, l, t);
361
+ c === d && (s = !1), o ||= s, n.set(l, d);
362
362
  }
363
- return { changed: o, entries: a };
363
+ return { changed: o, entries: n };
364
364
  }
365
- function H(n, e, t, a) {
366
- const { allowValuesOverlap: i, stepsProvider: r, resolution: o, min: s, max: l } = n, c = e.get(t);
367
- if (a = a > 0 ? 1 : -1, !r) {
368
- let m = D(c + a * o, s, l);
365
+ function H(a, e, t, n) {
366
+ const { allowValuesOverlap: i, stepsProvider: r, resolution: o, min: s, max: l } = a, c = e.get(t);
367
+ if (n = n > 0 ? 1 : -1, !r) {
368
+ let m = k(c + n * o, s, l);
369
369
  if (i)
370
370
  return m;
371
371
  const b = /* @__PURE__ */ new Set();
372
- for (const [C, M] of e)
373
- C !== t && b.add(M);
372
+ for (const [P, S] of e)
373
+ P !== t && b.add(S);
374
374
  for (; b.has(m) && m <= l && m >= s; )
375
- m = D(m + a * o, s, l);
375
+ m = k(m + n * o, s, l);
376
376
  return b.has(m) || m > l || m < s ? c : m;
377
377
  }
378
378
  const d = r.valueToIndex(c);
379
379
  if (d === -1)
380
380
  return c;
381
381
  if (i) {
382
- const m = D(d + a, r.minIndex, r.maxIndex);
382
+ const m = k(d + n, r.minIndex, r.maxIndex);
383
383
  return r.indexToValue(m);
384
384
  }
385
385
  const h = /* @__PURE__ */ new Set();
386
386
  for (const [m, b] of e)
387
387
  m !== t && h.add(r.valueToIndex(b));
388
- let g = d, f = !1;
389
- const u = r.minIndex, v = r.maxIndex;
388
+ let u = d, f = !1;
389
+ const g = r.minIndex, v = r.maxIndex;
390
390
  let _ = 0;
391
- for (; _ < Math.abs(v - u) && (g += a, !(g < u || g > v)); ) {
392
- if (!h.has(g)) {
391
+ for (; _ < Math.abs(v - g) && (u += n, !(u < g || u > v)); ) {
392
+ if (!h.has(u)) {
393
393
  f = !0;
394
394
  break;
395
395
  }
396
396
  _++;
397
397
  }
398
- return f ? r.indexToValue(g) : c;
398
+ return f ? r.indexToValue(u) : c;
399
399
  }
400
- function Te(n, e, t, a) {
401
- const { allowValuesOverlap: i, stepsProvider: r, resolution: o, min: s, max: l } = n, c = e.get(t);
402
- if (a = a > 0 ? 1 : -1, !r) {
400
+ function Te(a, e, t, n) {
401
+ const { allowValuesOverlap: i, stepsProvider: r, resolution: o, min: s, max: l } = a, c = e.get(t);
402
+ if (n = n > 0 ? 1 : -1, !r) {
403
403
  const f = new Set(
404
404
  Array.from(e).filter(([v]) => v !== t).map(([, v]) => v)
405
405
  );
406
- let u = a > 0 ? l : s;
406
+ let g = n > 0 ? l : s;
407
407
  if (i)
408
- return u;
409
- for (; f.has(u); )
410
- if (u -= a * o, a > 0 && u > l || a < 0 && u < s) {
411
- u = c;
408
+ return g;
409
+ for (; f.has(g); )
410
+ if (g -= n * o, n > 0 && g > l || n < 0 && g < s) {
411
+ g = c;
412
412
  break;
413
413
  }
414
- return u;
414
+ return g;
415
415
  }
416
416
  if (i)
417
- return a > 0 ? r.indexToValue(r.maxIndex) : r.indexToValue(r.minIndex);
417
+ return n > 0 ? r.indexToValue(r.maxIndex) : r.indexToValue(r.minIndex);
418
418
  const d = r.valueToIndex(c);
419
419
  if (d === -1)
420
420
  return c;
421
421
  const h = new Set(
422
422
  Array.from(e).filter(([f]) => f !== t).map(([, f]) => r.valueToIndex(f))
423
423
  );
424
- let g = a > 0 ? r.maxIndex : r.minIndex;
425
- for (; h.has(g); )
426
- if (g -= a, a > 0 && g > l || a < 0 && g < s) {
427
- g = d;
424
+ let u = n > 0 ? r.maxIndex : r.minIndex;
425
+ for (; h.has(u); )
426
+ if (u -= n, n > 0 && u > l || n < 0 && u < s) {
427
+ u = d;
428
428
  break;
429
429
  }
430
- return r.indexToValue(g);
430
+ return r.indexToValue(u);
431
431
  }
432
- function Ce(n, e, t) {
433
- const { stepsProvider: a, min: i, max: r } = n, o = /* @__PURE__ */ new Map(), s = Array.from(e).sort((c, d) => Y(c[1], d[1]));
434
- if (a) {
432
+ function Pe(a, e, t) {
433
+ const { stepsProvider: n, min: i, max: r } = a, o = /* @__PURE__ */ new Map(), s = Array.from(e).sort((c, d) => Y(c[1], d[1]));
434
+ if (n) {
435
435
  let c = 0;
436
436
  if (t > 0) {
437
- const d = s[s.length - 1], h = a.valueToIndex(d[1]);
438
- c = a.maxIndex - h;
437
+ const d = s[s.length - 1], h = n.valueToIndex(d[1]);
438
+ c = n.maxIndex - h;
439
439
  } else {
440
- const d = s[0], h = a.valueToIndex(d[1]);
441
- c = a.minIndex - h;
440
+ const d = s[0], h = n.valueToIndex(d[1]);
441
+ c = n.minIndex - h;
442
442
  }
443
443
  if (c === 0)
444
444
  for (const [d, h] of s)
445
445
  o.set(d, h);
446
446
  for (const [d, h] of s) {
447
- const g = a.indexToValue(a.valueToIndex(h) + c);
448
- o.set(d, g);
447
+ const u = n.indexToValue(n.valueToIndex(h) + c);
448
+ o.set(d, u);
449
449
  }
450
450
  return o;
451
451
  }
@@ -461,39 +461,39 @@ function Ce(n, e, t) {
461
461
  o.set(c, d + l);
462
462
  return o;
463
463
  }
464
- function Y(n, e) {
465
- return n - e;
464
+ function Y(a, e) {
465
+ return a - e;
466
466
  }
467
- function Me(n, e) {
468
- return e - n;
467
+ function Se(a, e) {
468
+ return e - a;
469
469
  }
470
- function D(n, e, t) {
471
- return Math.max(e, Math.min(t, n));
470
+ function k(a, e, t) {
471
+ return Math.max(e, Math.min(t, a));
472
472
  }
473
- const $e = te(y);
474
- class Pe extends ee {
473
+ const Ce = te(y);
474
+ class Me extends ee {
475
475
  constructor() {
476
476
  super(...arguments), this._stepsProvider = null, this._popoverElement = B(), this._trackElement = B(), this.messages = se({}), this._onPointerMoveDragUpdate = (e) => {
477
477
  this._updateDrag(this._mapEventToRange(e));
478
478
  }, this._onPointerUpDragEnd = (e) => {
479
- S(e) && this._endDrag();
479
+ $(e) && this._endDrag();
480
480
  }, this._onPointerCancelDragEnd = () => {
481
481
  this._endDrag();
482
- }, this._formatLabel = (e, t, a) => {
482
+ }, this._formatLabel = (e, t, n) => {
483
483
  const i = le(this.messages._lang, t), r = this.labelFormatter;
484
484
  if (!r)
485
- return i.format(a);
486
- const o = r(a, e, (s) => i.format(s));
487
- return o ?? i.format(a);
485
+ return i.format(n);
486
+ const o = r(n, e, (s) => i.format(s));
487
+ return o ?? i.format(n);
488
488
  }, 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(() => {
489
489
  this._layoutLabelInputs();
490
- }), this._labelInputsUpdateComplete = null, this._dragInfo = null, this._hasPopoverContent = !1, this._hasContentStart = !1, this._hasContentEnd = !1, this._activePart = null, this._sliderData = $e(this), this.allowValuesOverlap = !1, this.autoDestroyDisabled = !1, this.disabled = !1, this.fillPlacement = "start", this.layout = "horizontal", this.max = this._sliderData.max, this.min = this._sliderData.min, this.mirrored = !1, this.popoverLabel = "", this.popoverPlacement = "start", this.precision = this._sliderData.precision, this.rangeLabelsEditingEnabled = !1, this.rangeLabelsPlacement = "center", this.segmentsDraggingDisabled = !1, this.showRangeLabels = !1, this.valueLabelsDisplay = "hidden", this.valueLabelsPlacement = "start", this.valueLabelsEditingEnabled = !1, this.keyboardLargeStep = 10, this.values = this._sliderData.values, this.arcgisActiveValueChange = $({ cancelable: !1 }), this.arcgisChange = $({ cancelable: !1 }), this.arcgisInput = $({ cancelable: !1 }), this.arcgisRangeChange = $({ cancelable: !1 });
490
+ }), 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 });
491
491
  }
492
492
  static {
493
493
  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: {
494
494
  fromAttribute(e) {
495
495
  if (e.includes(","))
496
- return e.split(",").filter((a) => a.trim() !== "").map(parseFloat).filter((a) => Number.isFinite(a));
496
+ return e.split(",").filter((n) => n.trim() !== "").map(parseFloat).filter((n) => Number.isFinite(n));
497
497
  const t = parseFloat(e);
498
498
  return Number.isFinite(t) ? t : void 0;
499
499
  }
@@ -529,8 +529,8 @@ class Pe extends ee {
529
529
  return this.disabled || this.values.length === 0 || this._invalid;
530
530
  }
531
531
  get _invalid() {
532
- const e = this.fullRangeMin == null || this.fullRangeMax == null || this.fullRangeMin < this.fullRangeMax, t = this.fullRangeMin == null || this.fullRangeMin <= this.min, a = this.fullRangeMax == null || this.fullRangeMax >= this.max;
533
- return this.min >= this.max || !e || !t || !a;
532
+ const e = this.fullRangeMin == null || this.fullRangeMax == null || this.fullRangeMin < this.fullRangeMax, t = this.fullRangeMin == null || this.fullRangeMin <= this.min, n = this.fullRangeMax == null || this.fullRangeMax >= this.max;
533
+ return this.min >= this.max || !e || !t || !n;
534
534
  }
535
535
  get resolution() {
536
536
  const e = (this._sliderData.max - this._sliderData.min) / this._trackWidthOrHeight;
@@ -547,10 +547,14 @@ class Pe extends ee {
547
547
  this._sliderData.startup();
548
548
  }
549
549
  willUpdate(e) {
550
- if ((e.has("steps") || e.has("min") || e.has("max")) && (this._stepsProvider = De(this)), e.has("messages") || e.has("min") || e.has("max") || e.has("precision") || e.has("labelFormatter")) {
550
+ 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")) {
551
551
  const t = this.max != null && this.min != null && this.max - this.min > 10 ? 2 : this.precision;
552
552
  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);
553
553
  }
554
+ if (e.has("values")) {
555
+ const t = this._resolveFillPlacement(this.values.length > 1);
556
+ t !== this.fillPlacement && (this.fillPlacement = t);
557
+ }
554
558
  }
555
559
  updated(e) {
556
560
  this._layoutLabelInputs();
@@ -576,20 +580,20 @@ class Pe extends ee {
576
580
  if (this._labelInputsUpdateComplete = t, await t, t !== this._labelInputsUpdateComplete)
577
581
  return;
578
582
  this._labelInputsUpdateComplete = null;
579
- const a = this._trackElement.value;
580
- if (!a)
583
+ const n = this._trackElement.value;
584
+ if (!n)
581
585
  return;
582
- const i = a.getBoundingClientRect();
586
+ const i = n.getBoundingClientRect();
583
587
  for (const r of this._sliderData.entries.keys()) {
584
588
  const o = this._activePart === "range" || this._activePart === r;
585
589
  if (this.valueLabelsDisplay === "always" || o) {
586
- const l = Le(this, r), c = q(this, r);
590
+ const l = Re(this, r), c = q(this, r);
587
591
  if (!l || !c)
588
592
  continue;
589
- const d = l.getBoundingClientRect(), h = c.getBoundingClientRect(), g = c.getLabelBoundingClientRect(), f = d.width / 2, u = Math.round(d.left + f), v = Math.round(g.width / 2);
593
+ 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);
590
594
  let _ = h.width / 2;
591
- const m = i.left - f, b = i.right + f, C = u - v, M = u + v;
592
- C < m ? _ += C - m : M > b && (_ += M - b), c.style.transform = `translateX(${-Math.round(_)}px)`;
595
+ const m = i.left - f, b = i.right + f, P = g - v, S = g + v;
596
+ P < m ? _ += P - m : S > b && (_ += S - b), c.style.transform = `translateX(${-Math.round(_)}px)`;
593
597
  }
594
598
  }
595
599
  }
@@ -600,10 +604,10 @@ class Pe extends ee {
600
604
  this._setActivePart(null);
601
605
  }
602
606
  _onTrackRangePointerDown(e) {
603
- this._disabledOrInvalid || !S(e) || (e.preventDefault(), e.currentTarget.focus(), this._startDrag("range", this._mapEventToRange(e)));
607
+ this._disabledOrInvalid || !$(e) || (e.preventDefault(), e.currentTarget.focus(), this._startDrag("range", this._mapEventToRange(e)));
604
608
  }
605
609
  async _onPointerDown(e) {
606
- if (this._disabledOrInvalid || !S(e))
610
+ if (this._disabledOrInvalid || !$(e))
607
611
  return;
608
612
  const t = this.renderRoot.querySelector("arcgis-label-input[editing]");
609
613
  if (e.target === t)
@@ -612,19 +616,19 @@ class Pe extends ee {
612
616
  t.blur(), this._focusEntry(V(t));
613
617
  return;
614
618
  }
615
- if (Se(e.target) || this.values?.length > 1)
619
+ if ($e(e.target) || this.values?.length > 1)
616
620
  return;
617
- const a = this._mapEventToRange(e), [i, r] = this._sliderData.entries.entries().next().value, o = a * this._fullRange + this._fullMin - r, s = z(this._fullMin, this._fullMax, r) / 100;
621
+ 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;
618
622
  this._startDrag(i, s);
619
623
  const l = X(this._stepsProvider, this._sliderData.entries, i, o, this.allowValuesOverlap);
620
624
  this._setValue(i, l), this._focusEntry(i);
621
625
  }
622
626
  _onThumbPointerDown(e) {
623
627
  const t = V(e.currentTarget);
624
- if (!S(e) || this._disabledOrInvalid || !t)
628
+ if (!$(e) || this._disabledOrInvalid || !t)
625
629
  return;
626
- const a = q(this, t);
627
- e.target === a && a?.editing || (e.stopPropagation(), e.preventDefault(), this._focusEntry(t), this._startDrag(t, this._mapEventToRange(e)));
630
+ const n = q(this, t);
631
+ e.target === n && n?.editing || (e.stopPropagation(), e.preventDefault(), this._focusEntry(t), this._startDrag(t, this._mapEventToRange(e)));
628
632
  }
629
633
  _endDrag() {
630
634
  if (this._disabledOrInvalid)
@@ -633,8 +637,8 @@ class Pe extends ee {
633
637
  let e = !1;
634
638
  if (this._dragInfo) {
635
639
  const { entries: t } = this._dragInfo;
636
- for (const [a, i] of t)
637
- if (this._sliderData.getValue(a) !== i) {
640
+ for (const [n, i] of t)
641
+ if (this._sliderData.getValue(n) !== i) {
638
642
  e = !0;
639
643
  break;
640
644
  }
@@ -644,12 +648,12 @@ class Pe extends ee {
644
648
  _startDrag(e, t) {
645
649
  if (this._disabledOrInvalid)
646
650
  return;
647
- const { min: a, max: i, values: r } = this;
648
- let o = a, s = i;
651
+ const { min: n, max: i, values: r } = this;
652
+ let o = n, s = i;
649
653
  if (this._setActivePart(e), e === "range") {
650
654
  if (this.segmentsDraggingDisabled)
651
655
  return;
652
- o = a - r[0], s = i - r[r.length - 1];
656
+ o = n - r[0], s = i - r[r.length - 1];
653
657
  }
654
658
  this._dragInfo = {
655
659
  position: t,
@@ -661,13 +665,13 @@ class Pe extends ee {
661
665
  _updateDrag(e) {
662
666
  if (!this._dragInfo || !this._activePart)
663
667
  return;
664
- const { _activePart: t, _dragInfo: { position: a, entries: i, minDiff: r, maxDiff: o } } = this;
665
- if (a === e)
668
+ const { _activePart: t, _dragInfo: { position: n, entries: i, minDiff: r, maxDiff: o } } = this;
669
+ if (n === e)
666
670
  return;
667
- let s = (e - a) * this._fullRange;
671
+ let s = (e - n) * this._fullRange;
668
672
  if (t === "range") {
669
673
  s = Math.min(o, Math.max(r, s));
670
- const l = ke(this._stepsProvider, i, s);
674
+ const l = De(this._stepsProvider, i, s);
671
675
  this._setValues(l);
672
676
  } else {
673
677
  const l = X(this._stepsProvider, i, t, s, this.allowValuesOverlap);
@@ -697,30 +701,30 @@ class Pe extends ee {
697
701
  this._setActivePart(null);
698
702
  }
699
703
  _onRangeInputChange(e) {
700
- const t = e.currentTarget, a = t.value, i = t.dataset.type;
704
+ const t = e.currentTarget, n = t.value, i = t.dataset.type;
701
705
  let r = !1;
702
706
  switch (e.stopPropagation(), i) {
703
707
  case "min": {
704
- a < this.max ? (this.min = a, r = !0) : t.value = this.min;
708
+ n < this.max ? (this.min = n, r = !0) : t.value = this.min;
705
709
  break;
706
710
  }
707
711
  case "max": {
708
- a > this.min ? (this.max = a, r = !0) : t.value = this.max;
712
+ n > this.min ? (this.max = n, r = !0) : t.value = this.max;
709
713
  break;
710
714
  }
711
715
  }
712
716
  r && this.arcgisRangeChange.emit();
713
717
  }
714
718
  _onValueInputChange(e) {
715
- const t = e.currentTarget, a = V(t), i = t.value;
716
- a && (e.stopPropagation(), this._setValue(a, i), t.value = this._sliderData.getValue(a));
719
+ const t = e.currentTarget, n = V(t), i = t.value;
720
+ n && (e.stopPropagation(), this._setValue(n, i), t.value = this._sliderData.getValue(n));
717
721
  }
718
722
  _mapEventToRange(e) {
719
723
  const t = this._trackElement.value?.getBoundingClientRect();
720
724
  if (!t)
721
725
  return 0;
722
- const a = this.isHorizontal ? (e.clientX - t.left) / t.width : 1 - (e.clientY - t.top) / t.height;
723
- return this.mirrored ? 1 - a : a;
726
+ const n = this.isHorizontal ? (e.clientX - t.left) / t.width : 1 - (e.clientY - t.top) / t.height;
727
+ return this.mirrored ? 1 - n : n;
724
728
  }
725
729
  _getPositionStyleForElement(e) {
726
730
  const t = z(this._fullMin, this._fullMax, e);
@@ -729,23 +733,23 @@ class Pe extends ee {
729
733
  };
730
734
  }
731
735
  _popoverSlotChange(e) {
732
- this._hasPopoverContent = R(e);
736
+ this._hasPopoverContent = L(e);
733
737
  }
734
738
  _onContentStartSlotChange(e) {
735
- this._hasContentStart = R(e);
739
+ this._hasContentStart = L(e);
736
740
  }
737
741
  _onContentEndSlotChange(e) {
738
- this._hasContentEnd = R(e);
742
+ this._hasContentEnd = L(e);
739
743
  }
740
744
  _onThumbKeyDown(e) {
741
745
  const t = V(e.currentTarget);
742
746
  if (!t)
743
747
  return;
744
- const a = e.currentTarget.querySelector("arcgis-label-input");
745
- if (!a || a.editing)
748
+ const n = e.currentTarget.querySelector("arcgis-label-input");
749
+ if (!n || n.editing)
746
750
  return;
747
751
  if (e.key === p.confirmEdit) {
748
- a.edit();
752
+ n.edit();
749
753
  return;
750
754
  }
751
755
  const i = N(e, this.keyboardLargeStep, this.mirrored);
@@ -767,14 +771,14 @@ class Pe extends ee {
767
771
  const t = N(e, this.keyboardLargeStep, this.mirrored);
768
772
  if (t) {
769
773
  e.preventDefault();
770
- const { entries: a } = Ie(this._getStepsConfiguration(), this._sliderData.entries, t.direction, t.count);
771
- this._setValues(a);
774
+ const { entries: n } = Ie(this._getStepsConfiguration(), this._sliderData.entries, t.direction, t.count);
775
+ this._setValues(n);
772
776
  return;
773
777
  }
774
778
  if (U(e.key)) {
775
779
  e.preventDefault();
776
- const a = Ce(this._getStepsConfiguration(), this._sliderData.entries, this._getDirectionForHomeEndKey(e.key));
777
- this._setValues(a);
780
+ const n = Pe(this._getStepsConfiguration(), this._sliderData.entries, this._getDirectionForHomeEndKey(e.key));
781
+ this._setValues(n);
778
782
  }
779
783
  }
780
784
  _getStepsConfiguration() {
@@ -792,16 +796,20 @@ class Pe extends ee {
792
796
  _setActivePart(e) {
793
797
  this._activePart !== e && (this._activePart = e, this.arcgisActiveValueChange.emit());
794
798
  }
799
+ _resolveFillPlacement(e) {
800
+ const { fillPlacement: t } = this;
801
+ return e ? t === "between" || t === "not-between" || t === "none" ? t : "between" : t === "start" || t === "end" || t === "none" ? t : "start";
802
+ }
795
803
  render() {
796
- return w`<div class=${P({
804
+ return w`<div class=${M({
797
805
  content: !0,
798
806
  disabled: this._disabledOrInvalid
799
807
  })} @pointerdown=${this._onPointerDown}>${this._renderContentStart()}${this._renderContentEnd()}${this._renderRangeLabel("min")}${this._renderTrackRange()}${this._renderRangeLabel("max")}${this._renderPopover()}</div>`;
800
808
  }
801
809
  _renderPopover() {
802
- const { _activePart: e, layout: t, popoverPlacement: a, valueLabelsPlacement: i, valueLabelsDisplay: r, popoverLabel: o } = this, s = e ? ze(e) ? e : "track-range" : "", l = this._hasPopoverContent && !!s, c = t === "horizontal" ? a === "start" ? "top" : "bottom" : a === "start" ? "left" : "right";
810
+ 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";
803
811
  let d = 14;
804
- return r !== "hidden" && a === i && (d += 24), w`<calcite-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>`;
812
+ return r !== "hidden" && n === i && (d += 24), w`<calcite-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>`;
805
813
  }
806
814
  _renderContentStart() {
807
815
  return w`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`;
@@ -816,43 +824,54 @@ class Pe extends ee {
816
824
  return w`<div class="track" ${O(this._trackElement)}>${this._renderTrackBackground()}${this._renderFillSegment()}</div>`;
817
825
  }
818
826
  _renderTrackBackground() {
819
- const { max: e, min: t, fillPlacement: a, values: i } = this, r = i.length > 1;
827
+ const { max: e, min: t, fillPlacement: n, values: i } = this, r = i.length > 1;
820
828
  let o = this._fullMin, s = this._fullMax;
821
829
  const l = [];
822
- return this._invalid ? w`<div class="segment track-bounds" style=${L({ left: "0%", right: "0%", top: "0%", bottom: "0%" })}></div>` : (o < t && (l.push(this._renderSegment(o, t, [
830
+ 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, [
823
831
  this.mirrored ? "track-effective-end" : "track-effective-start",
824
- !r && a === "start" ? "track-fill" : null
832
+ !r && n === "start" ? "track-fill" : null
825
833
  ])), o = t), s > e && (l.push(this._renderSegment(e, s, [
826
834
  this.mirrored ? "track-effective-start" : "track-effective-end",
827
- !r && a === "end" ? "track-fill" : null
835
+ !r && n === "end" ? "track-fill" : null
828
836
  ])), s = e), l.push(this._renderSegment(o, s, ["track-bounds"])), l);
829
837
  }
830
838
  _renderFillSegment() {
831
- const { values: e, fillPlacement: t, min: a, max: i } = this;
839
+ const { values: e, min: t, max: n } = this;
832
840
  if (!e?.length || this._invalid)
833
841
  return;
834
- const r = [...e].sort((s, l) => s - l);
835
- if (r.length === 1)
836
- switch (t) {
837
- case "start":
838
- if (a < r[0])
839
- return this._renderSegment(a, r[0], ["track-range"]);
840
- break;
841
- case "end":
842
- if (i > r[0])
843
- return this._renderSegment(r[0], i, ["track-range"]);
844
- break;
845
- }
846
- const o = this.segmentsDraggingDisabled;
847
- return this._renderSegment(r[0], r[r.length - 1], ["track-range", o ? null : "interactive", this._activePart === "range" ? "active" : null], {
842
+ const i = [...e].sort((h, u) => h - u), r = i[0], o = i[i.length - 1], s = this._resolveFillPlacement(i.length > 1);
843
+ let l;
844
+ switch (s) {
845
+ case "start":
846
+ t < r && (l = this._renderSegment(t, r, ["track-range"]));
847
+ break;
848
+ case "end":
849
+ n > o && (l = this._renderSegment(o, n, ["track-range"]));
850
+ break;
851
+ case "between":
852
+ i.length > 1 && (l = this._renderSegment(r, o, ["track-range"]));
853
+ break;
854
+ case "not-between":
855
+ i.length > 1 && (l = [this._renderSegment(t, r, ["track-range"]), this._renderSegment(o, n, ["track-range"])]);
856
+ break;
857
+ }
858
+ if (!(i.length > 1))
859
+ return l;
860
+ const c = this.segmentsDraggingDisabled, d = this._renderSegment(r, o, [
861
+ "track-range-interactive",
862
+ s === "between" ? "filled" : null,
863
+ c ? null : "interactive",
864
+ this._activePart === "range" ? "active" : null
865
+ ], {
848
866
  id: "track-range",
849
- onFocus: o ? void 0 : this._onTrackFocus,
850
- onBlur: o ? void 0 : this._onTrackBlur,
851
- onPointerDown: o ? void 0 : this._onTrackRangePointerDown,
852
- onKeyDown: o ? void 0 : this._onTrackRangeKeyDown
867
+ onFocus: c ? void 0 : this._onTrackFocus,
868
+ onBlur: c ? void 0 : this._onTrackBlur,
869
+ onPointerDown: c ? void 0 : this._onTrackRangePointerDown,
870
+ onKeyDown: c ? void 0 : this._onTrackRangeKeyDown
853
871
  });
872
+ return [l, d];
854
873
  }
855
- _renderSegment(e, t, a, i) {
874
+ _renderSegment(e, t, n, i) {
856
875
  const { _fullMin: r, _fullMax: o, mirrored: s } = this, l = [
857
876
  z(r, o, j(e, r, o)),
858
877
  100 - z(r, o, j(t, r, o))
@@ -864,59 +883,59 @@ class Pe extends ee {
864
883
  } : {
865
884
  top: `${l[1]}%`,
866
885
  bottom: `${l[0]}%`
867
- }, d = ae("segment", ...a);
868
- return w`<div id=${i?.id ?? E} class=${P(d)} style=${L(c)} .tabIndex=${i?.onPointerDown ? 0 : -1} @focus=${i?.onFocus} @blur=${i?.onBlur} @pointerdown=${i?.onPointerDown} @keydown=${i?.onKeyDown}></div>`;
886
+ }, d = ne("segment", ...n);
887
+ 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>`;
869
888
  }
870
889
  _renderThumbs() {
871
- const { _sliderData: e } = this, t = Array.from(e.entries).filter(([, a]) => a >= this._fullMin && a <= this._fullMax);
872
- return ie(t, ([a, i]) => this._renderThumb(a, i));
890
+ const { _sliderData: e } = this, t = Array.from(e.entries).filter(([, n]) => n >= this._fullMin && n <= this._fullMax);
891
+ return ie(t, ([n, i]) => this._renderThumb(n, i));
873
892
  }
874
893
  _renderThumb(e, t) {
875
- const { valueLabelsDisplay: a } = this, i = this._disabledOrInvalid, r = this._activePart === e || this._activePart === "range", o = this._activePart === "range" || this._activePart === e, s = a === "always" || a === "auto" && o, l = this.isHorizontal, c = l ? "horizontal" : "vertical", d = `label-${e}`, h = l ? "center" : this.valueLabelsPlacement === "start" ? "end" : "start";
876
- return Z(e, w`<div id=${e ?? E} .ariaLabel=${this.messages.sliderValue} aria-labelledby=${(a ? d : void 0) ?? E} .ariaOrientation=${c} .ariaValueMin=${this.min} .ariaValueMax=${this.max} .ariaValueNow=${t} .ariaValueText=${this._valueFormatter(t)} class=${P({
894
+ 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";
895
+ 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({
877
896
  thumb: !0,
878
897
  active: r
879
- })} data-entry=${e ?? E} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${L({
898
+ })} data-entry=${e ?? E} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${R({
880
899
  ...this._getPositionStyleForElement(t),
881
900
  "z-index": this._activePart === e ? 1 : 0
882
901
  })} .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>`);
883
902
  }
884
903
  _renderRangeLabel(e) {
885
904
  let t = "center";
886
- return this.isHorizontal && (t = e === "min" ? "end" : "start", this.rangeLabelsPlacement === "end" && (t = t === "end" ? "start" : "end"), this.mirrored && (t = t === "end" ? "start" : "end")), w`<arcgis-label-input .alignment=${t} class=${P(e)} data-type=${e ?? E} .hidden=${!this.showRangeLabels} .labelFormatter=${this[`_${e}Formatter`]} @arcgisChange=${this._onRangeInputChange} .readOnly=${!this.rangeLabelsEditingEnabled} .value=${this[e]}></arcgis-label-input>`;
905
+ return this.isHorizontal && (t = e === "min" ? "end" : "start", this.rangeLabelsPlacement === "end" && (t = t === "end" ? "start" : "end"), this.mirrored && (t = t === "end" ? "start" : "end")), w`<arcgis-label-input .alignment=${t} class=${M(e)} data-type=${e ?? E} .hidden=${!this.showRangeLabels} .labelFormatter=${this[`_${e}Formatter`]} @arcgisChange=${this._onRangeInputChange} .readOnly=${!this.rangeLabelsEditingEnabled} .value=${this[e]}></arcgis-label-input>`;
887
906
  }
888
907
  }
889
- function Se(n) {
890
- return "dataset" in n && n.tagName === "ARCGIS-LABEL-INPUT" && (n.dataset.type === "min" || n.dataset.type === "max");
908
+ function $e(a) {
909
+ return "dataset" in a && a.tagName === "ARCGIS-LABEL-INPUT" && (a.dataset.type === "min" || a.dataset.type === "max");
891
910
  }
892
- function V(n) {
893
- const e = ne(n, "[data-entry]");
911
+ function V(a) {
912
+ const e = ae(a, "[data-entry]");
894
913
  return e && "dataset" in e ? e.dataset.entry : null;
895
914
  }
896
- function ze(n) {
897
- return typeof n != null && n !== "range";
915
+ function ze(a) {
916
+ return typeof a != null && a !== "range";
898
917
  }
899
- function Fe(n, e) {
900
- return e ? n.renderRoot.querySelector(`div[data-entry="${e}"]`) : null;
918
+ function Fe(a, e) {
919
+ return e ? a.renderRoot.querySelector(`div[data-entry="${e}"]`) : null;
901
920
  }
902
- function Le(n, e) {
903
- return e ? n.renderRoot.querySelector(`div[data-entry="${e}"] span.handle`) : null;
921
+ function Re(a, e) {
922
+ return e ? a.renderRoot.querySelector(`div[data-entry="${e}"] span.handle`) : null;
904
923
  }
905
- function q(n, e) {
906
- return e ? n.renderRoot.querySelector(`div[data-entry="${e}"] arcgis-label-input`) : null;
924
+ function q(a, e) {
925
+ return e ? a.renderRoot.querySelector(`div[data-entry="${e}"] arcgis-label-input`) : null;
907
926
  }
908
- function S(n) {
909
- return n.isPrimary && n.button === 0;
927
+ function $(a) {
928
+ return a.isPrimary && a.button === 0;
910
929
  }
911
- const Re = 5;
912
- function z(n, e, t) {
913
- const a = e - n, i = (t - n) / a * 100;
914
- return Number.parseFloat(i.toFixed(Re));
930
+ const Le = 5;
931
+ function z(a, e, t) {
932
+ const n = e - a, i = (t - a) / n * 100;
933
+ return Number.parseFloat(i.toFixed(Le));
915
934
  }
916
- function j(n, e, t) {
917
- return Math.max(e, Math.min(t, n));
935
+ function j(a, e, t) {
936
+ return Math.max(e, Math.min(t, a));
918
937
  }
919
- Q("arcgis-slider", Pe);
938
+ Q("arcgis-slider", Me);
920
939
  export {
921
- Pe as ArcgisSlider
940
+ Me as ArcgisSlider
922
941
  };