@arcgis/common-components 5.0.2 → 5.0.4

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.
@@ -1,14 +1,14 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
2
2
  import { c as W } from "../../chunks/runtime.js";
3
3
  import { keyed as J } from "lit/directives/keyed.js";
4
- import { LitElement as Y, createEvent as T, safeClassMap as z, safeStyleMap as F, nothing as I } from "@arcgis/lumina";
4
+ import { LitElement as Y, createEvent as C, safeClassMap as z, safeStyleMap as F, nothing as I } from "@arcgis/lumina";
5
5
  import { makeAccessorController as Q } from "@arcgis/lumina/controllers/accessor";
6
6
  import { slotChangeHasAssignedElement as L, classes as Z, getClosestElement as ee } from "@arcgis/toolkit/dom";
7
7
  import { css as te, html as _ } from "lit";
8
8
  import { map as ae } from "lit/directives/map.js";
9
9
  import { createRef as H, ref as R } from "lit/directives/ref.js";
10
- import { u as ne } from "../../chunks/useT9n.js";
11
- import { g as re } from "../../chunks/locale.js";
10
+ import { u as re } from "../../chunks/useT9n.js";
11
+ import { g as ne } from "../../chunks/locale.js";
12
12
  import ie from "@arcgis/core/core/Accessor.js";
13
13
  import { property as k, subclass as se } from "@arcgis/core/core/accessorSupport/decorators.js";
14
14
  import { watch as O } from "@arcgis/core/core/reactiveUtils.js";
@@ -24,36 +24,36 @@ const m = {
24
24
  jumpToEnd: "End",
25
25
  confirmEdit: "Enter"
26
26
  };
27
- function K({ key: n, shiftKey: e }, t, a) {
28
- const i = le(n);
27
+ function K({ key: r, shiftKey: e }, t, a) {
28
+ const i = le(r);
29
29
  if (i == null)
30
30
  return null;
31
- const r = ce(n) || oe(n) && e ? de(t) : 1;
31
+ const n = ce(r) || oe(r) && e ? de(t) : 1;
32
32
  return {
33
33
  direction: a ? i * -1 : i,
34
- count: r
34
+ count: n
35
35
  };
36
36
  }
37
- function le(n) {
38
- return n === m.increment || n === m.incrementHorizontal || n === m.pageIncrement ? 1 : n === m.decrement || n === m.decrementHorizontal || n === m.pageDecrement ? -1 : null;
37
+ function le(r) {
38
+ return r === m.increment || r === m.incrementHorizontal || r === m.pageIncrement ? 1 : r === m.decrement || r === m.decrementHorizontal || r === m.pageDecrement ? -1 : null;
39
39
  }
40
- function N(n) {
41
- return n === m.jumpToEnd || n === m.jumpToStart;
40
+ function N(r) {
41
+ return r === m.jumpToEnd || r === m.jumpToStart;
42
42
  }
43
- function oe(n) {
44
- return n === m.increment || n === m.decrement || n === m.decrementHorizontal || n === m.incrementHorizontal;
43
+ function oe(r) {
44
+ return r === m.increment || r === m.decrement || r === m.decrementHorizontal || r === m.incrementHorizontal;
45
45
  }
46
- function ce(n) {
47
- return n === m.pageIncrement || n === m.pageDecrement;
46
+ function ce(r) {
47
+ return r === m.pageIncrement || r === m.pageDecrement;
48
48
  }
49
- function de(n) {
50
- const e = Number.isFinite(n) ? Math.floor(n) : 1;
49
+ function de(r) {
50
+ const e = Number.isFinite(r) ? Math.floor(r) : 1;
51
51
  return Math.max(1, e);
52
52
  }
53
53
  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))}}}`;
54
- var he = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, w = (n, e, t, a) => {
55
- for (var i = a > 1 ? void 0 : a ? ge(e, t) : e, r = n.length - 1, l; r >= 0; r--)
56
- (l = n[r]) && (i = (a ? l(e, t, i) : l(i)) || i);
54
+ var he = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, w = (r, e, t, a) => {
55
+ for (var i = a > 1 ? void 0 : a ? ge(e, t) : e, n = r.length - 1, l; n >= 0; n--)
56
+ (l = r[n]) && (i = (a ? l(e, t, i) : l(i)) || i);
57
57
  return a && i && he(e, t, i), i;
58
58
  };
59
59
  function me() {
@@ -69,38 +69,38 @@ let x = class extends ie {
69
69
  // Lifecycle
70
70
  //
71
71
  //--------------------------------------------------------------------------
72
- constructor(n = {}) {
73
- super({ ...me(), properties: n }), this._entries = /* @__PURE__ */ new Map(), this.precision = 4, this.ready = !1;
72
+ constructor(r = {}) {
73
+ super({ ...me(), properties: r }), this._entries = /* @__PURE__ */ new Map(), this.precision = 4, this.ready = !1;
74
74
  }
75
75
  startup() {
76
- const { precision: n } = this;
76
+ const { precision: r } = this;
77
77
  let { min: e, max: t, values: a } = this;
78
- t = b(t, n), e = b(e, n), a = a?.map((r) => P(b(r, n), e, t)), this._set("min", e), this._set("max", t), this._set("values", a);
79
- const i = new Map(a?.map((r) => [B(), r]));
78
+ t = b(t, r), e = b(e, r), a = a?.map((n) => P(b(n, r), e, t)), this._set("min", e), this._set("max", t), this._set("values", a);
79
+ const i = new Map(a?.map((n) => [B(), n]));
80
80
  this._entries = i, O(
81
81
  () => this.min,
82
- (r) => {
82
+ (n) => {
83
83
  const l = this.values;
84
- r != null && l?.length && l.some((s) => s < r) && (this._entries.forEach((s, o) => {
85
- s < r && this._entries.set(o, r);
84
+ n != null && l?.length && l.some((s) => s < n) && (this._entries.forEach((s, o) => {
85
+ s < n && this._entries.set(o, n);
86
86
  }), this._updatesValues());
87
87
  },
88
88
  { sync: !0 }
89
89
  ), O(
90
90
  () => this.max,
91
- (r) => {
91
+ (n) => {
92
92
  const l = this.values;
93
- r != null && l?.length && l.some((s) => s > r) && (this._entries.forEach((s, o) => {
94
- s > r && this._entries.set(o, r);
93
+ n != null && l?.length && l.some((s) => s > n) && (this._entries.forEach((s, o) => {
94
+ s > n && this._entries.set(o, n);
95
95
  }), this._updatesValues());
96
96
  },
97
97
  { sync: !0 }
98
98
  ), O(
99
99
  () => this.precision,
100
- (r) => {
100
+ (n) => {
101
101
  const { min: l, max: s, values: o } = this;
102
- this._set("min", b(l, r)), this._set("max", b(s, r)), o?.length && (this._entries.forEach((c, d) => {
103
- this._entries.set(d, b(c, r));
102
+ this._set("min", b(l, n)), this._set("max", b(s, n)), o?.length && (this._entries.forEach((c, d) => {
103
+ this._entries.set(d, b(c, n));
104
104
  }), this._updatesValues());
105
105
  },
106
106
  { sync: !0 }
@@ -109,40 +109,40 @@ let x = class extends ie {
109
109
  get entries() {
110
110
  return this._entries;
111
111
  }
112
- set max(n) {
112
+ set max(r) {
113
113
  if (!this.ready) {
114
- this._set("max", n);
114
+ this._set("max", r);
115
115
  return;
116
116
  }
117
- const e = this._get("max"), t = b(n, this.precision);
117
+ const e = this._get("max"), t = b(r, this.precision);
118
118
  e !== t && this._set("max", t);
119
119
  }
120
- set min(n) {
120
+ set min(r) {
121
121
  if (!this.ready) {
122
- this._set("min", n);
122
+ this._set("min", r);
123
123
  return;
124
124
  }
125
- const e = this._get("min"), t = b(n, this.precision);
125
+ const e = this._get("min"), t = b(r, this.precision);
126
126
  e !== t && this._set("min", t);
127
127
  }
128
- set values(n) {
128
+ set values(r) {
129
129
  if (!this.ready) {
130
- this._set("values", n);
130
+ this._set("values", r);
131
131
  return;
132
132
  }
133
133
  const e = this._get("values");
134
- if (n = n?.map((a) => P(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]))
134
+ if (r = r?.map((a) => P(b(a, this.precision), this.min, this.max)).sort((a, i) => a - i), e && r && e.length === r.length && e.every((a, i) => a === r[i]))
135
135
  return;
136
- const t = new Map(n?.map((a) => [B(), a]));
137
- this._entries = t, this._set("values", n);
136
+ const t = new Map(r?.map((a) => [B(), a]));
137
+ this._entries = t, this._set("values", r);
138
138
  }
139
139
  //--------------------------------------------------------------------------
140
140
  //
141
141
  // Public Methods
142
142
  //
143
143
  //--------------------------------------------------------------------------
144
- getValue(n) {
145
- return this._entries.get(n);
144
+ getValue(r) {
145
+ return this._entries.get(r);
146
146
  }
147
147
  /**
148
148
  * Updates a thumb [value](#values) based on the provided index. The provided value
@@ -151,26 +151,26 @@ let x = class extends ie {
151
151
  *
152
152
  * @returns `true` if the value was changed, otherwise `false`.
153
153
  */
154
- setValue(n, e) {
154
+ setValue(r, e) {
155
155
  if (this.values == null)
156
156
  return !1;
157
- const { min: t, max: a } = this, i = this._entries.get(n), r = P(b(e, this.precision), t, a);
158
- return i === r ? !1 : (this._entries.set(n, r), this._updatesValues(), !0);
157
+ const { min: t, max: a } = this, i = this._entries.get(r), n = P(b(e, this.precision), t, a);
158
+ return i === n ? !1 : (this._entries.set(r, n), this._updatesValues(), !0);
159
159
  }
160
- setValues(n) {
160
+ setValues(r) {
161
161
  if (this.values == null)
162
162
  return !1;
163
163
  let e = !1;
164
164
  const { min: t, max: a } = this;
165
- for (const [i, r] of n) {
166
- const l = this._entries.get(i), s = P(b(r, this.precision), t, a);
165
+ for (const [i, n] of r) {
166
+ const l = this._entries.get(i), s = P(b(n, this.precision), t, a);
167
167
  l !== s && (e = !0, this._entries.set(i, s));
168
168
  }
169
169
  return e ? (this._updatesValues(), !0) : !1;
170
170
  }
171
171
  _updatesValues() {
172
- const n = Array.from(this._entries.values()).sort((e, t) => e - t);
173
- this._set("values", n);
172
+ const r = Array.from(this._entries.values()).sort((e, t) => e - t);
173
+ this._set("values", r);
174
174
  }
175
175
  };
176
176
  w([
@@ -186,7 +186,7 @@ w([
186
186
  k()
187
187
  ], x.prototype, "min", 1);
188
188
  w([
189
- k({ cast: (n) => P(n, 0, 20) })
189
+ k({ cast: (r) => P(r, 0, 20) })
190
190
  ], x.prototype, "precision", 2);
191
191
  w([
192
192
  k({ readOnly: !0 })
@@ -197,11 +197,11 @@ w([
197
197
  x = w([
198
198
  se("esri.widgets.Slider.SliderData")
199
199
  ], x);
200
- function P(n, e, t) {
201
- return Math.min(Math.max(n, e), t);
200
+ function P(r, e, t) {
201
+ return Math.min(Math.max(r, e), t);
202
202
  }
203
- function b(n, e) {
204
- return Number.parseFloat(n.toFixed(e));
203
+ function b(r, e) {
204
+ return Number.parseFloat(r.toFixed(e));
205
205
  }
206
206
  class fe {
207
207
  constructor(e) {
@@ -213,7 +213,7 @@ class fe {
213
213
  valueToIndex(e) {
214
214
  const t = this.steps.indexOf(e);
215
215
  return t !== -1 ? t : this.steps.reduce(
216
- (a, i, r, l) => Math.abs(i - e) < Math.abs(l[a] - e) ? r : a
216
+ (a, i, n, l) => Math.abs(i - e) < Math.abs(l[a] - e) ? n : a
217
217
  );
218
218
  }
219
219
  }
@@ -228,14 +228,14 @@ class pe {
228
228
  return e = E(e, this.min, this.max), Math.round((e - this.min) / this.stepSize);
229
229
  }
230
230
  }
231
- function ve(n) {
232
- if (n.steps == null)
231
+ function ve(r) {
232
+ if (r.steps == null)
233
233
  return null;
234
- const e = n.steps;
235
- return Array.isArray(e) ? e.length === 0 ? null : new fe(e) : new pe(n.min, n.max, e);
234
+ const e = r.steps;
235
+ return Array.isArray(e) ? e.length === 0 ? null : new fe(e) : e <= 0 ? null : new pe(r.min, r.max, e);
236
236
  }
237
- function be(n, e, t) {
238
- if (n == null) {
237
+ function be(r, e, t) {
238
+ if (r == null) {
239
239
  const s = /* @__PURE__ */ new Map();
240
240
  for (const [o, c] of e.entries())
241
241
  s.set(o, c + t);
@@ -243,8 +243,8 @@ function be(n, e, t) {
243
243
  }
244
244
  const a = e.size, i = Array.from(e.entries()).map(([s, o]) => {
245
245
  const c = o + t, d = [];
246
- for (let u = n.minIndex; u <= n.maxIndex; u++) {
247
- const h = n.indexToValue(u), f = Math.abs(h - c);
246
+ for (let u = r.minIndex; u <= r.maxIndex; u++) {
247
+ const h = r.indexToValue(u), f = Math.abs(h - c);
248
248
  let p = !1;
249
249
  for (let v = 0; v < d.length; v++)
250
250
  if (f < d[v].dist) {
@@ -254,94 +254,94 @@ function be(n, e, t) {
254
254
  !p && d.length < a && d.push({ idx: u, value: h, dist: f }), d.length > a && (d.length = a);
255
255
  }
256
256
  return { uuid: s, stepDistances: d };
257
- }), r = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
257
+ }), n = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
258
258
  i.sort((s, o) => s.stepDistances[0].dist - o.stepDistances[0].dist);
259
259
  for (const s of i) {
260
- const o = s.stepDistances.find((c) => !r.has(c.idx));
261
- o ? (r.add(o.idx), l.set(s.uuid, o.value)) : l.set(s.uuid, e.get(s.uuid));
260
+ const o = s.stepDistances.find((c) => !n.has(c.idx));
261
+ o ? (n.add(o.idx), l.set(s.uuid, o.value)) : l.set(s.uuid, e.get(s.uuid));
262
262
  }
263
263
  return l;
264
264
  }
265
- function U(n, e, t, a, i) {
266
- const r = e.get(t) ?? 0;
267
- if (!n)
268
- return r + a;
269
- const l = r + a, s = /* @__PURE__ */ new Set();
265
+ function U(r, e, t, a, i) {
266
+ const n = e.get(t) ?? 0;
267
+ if (!r)
268
+ return n + a;
269
+ const l = n + a, s = /* @__PURE__ */ new Set();
270
270
  if (!i)
271
271
  for (const [d, u] of e.entries())
272
- d !== t && s.add(n.valueToIndex(u));
272
+ d !== t && s.add(r.valueToIndex(u));
273
273
  let o = null, c = 1 / 0;
274
- for (let d = n.minIndex; d <= n.maxIndex; d++) {
274
+ for (let d = r.minIndex; d <= r.maxIndex; d++) {
275
275
  if (s.has(d))
276
276
  continue;
277
- const u = n.indexToValue(d), h = Math.abs(u - l);
277
+ const u = r.indexToValue(d), h = Math.abs(u - l);
278
278
  h < c && (c = h, o = d);
279
279
  }
280
- return o == null ? r : n.indexToValue(o);
280
+ return o == null ? n : r.indexToValue(o);
281
281
  }
282
- function _e(n, e, t, a = 1) {
282
+ function _e(r, e, t, a = 1) {
283
283
  const i = q(a);
284
- let r = e, l = !1;
284
+ let n = e, l = !1;
285
285
  for (let s = 0; s < i; s++) {
286
- const o = ye(n, r, t);
287
- if (l ||= o.changed, r = o.entries, !o.changed)
286
+ const o = ye(r, n, t);
287
+ if (l ||= o.changed, n = o.entries, !o.changed)
288
288
  break;
289
289
  }
290
- return { changed: l, entries: r };
290
+ return { changed: l, entries: n };
291
291
  }
292
- function xe(n, e, t, a, i = 1) {
293
- const r = q(i);
294
- if (r === 1)
295
- return A(n, e, t, a);
292
+ function xe(r, e, t, a, i = 1) {
293
+ const n = q(i);
294
+ if (n === 1)
295
+ return A(r, e, t, a);
296
296
  const l = new Map(e);
297
297
  let s = l.get(t);
298
- for (let o = 0; o < r; o++) {
299
- const c = A(n, l, t, a);
298
+ for (let o = 0; o < n; o++) {
299
+ const c = A(r, l, t, a);
300
300
  if (c === s)
301
301
  break;
302
302
  s = c, l.set(t, s);
303
303
  }
304
304
  return s;
305
305
  }
306
- function q(n) {
307
- const e = Number.isFinite(n) ? Math.floor(n) : 1;
306
+ function q(r) {
307
+ const e = Number.isFinite(r) ? Math.floor(r) : 1;
308
308
  return Math.max(1, e);
309
309
  }
310
- function ye(n, e, t) {
311
- const a = /* @__PURE__ */ new Map(), i = t > 0 ? De : G, r = Array.from(e).sort((o, c) => i(o[1], c[1]));
310
+ function ye(r, e, t) {
311
+ const a = /* @__PURE__ */ new Map(), i = t > 0 ? De : G, n = Array.from(e).sort((o, c) => i(o[1], c[1]));
312
312
  let l = !1, s = !0;
313
- for (const [o, c] of r)
313
+ for (const [o, c] of n)
314
314
  if (a.set(o, c), s) {
315
- const d = A(n, a, o, t);
315
+ const d = A(r, a, o, t);
316
316
  c === d && (s = !1), l ||= s, a.set(o, d);
317
317
  }
318
318
  return { changed: l, entries: a };
319
319
  }
320
- function A(n, e, t, a) {
321
- const { allowValuesOverlap: i, stepsProvider: r, resolution: l, min: s, max: o } = n, c = e.get(t);
322
- if (a = a > 0 ? 1 : -1, !r) {
320
+ function A(r, e, t, a) {
321
+ const { allowValuesOverlap: i, stepsProvider: n, resolution: l, min: s, max: o } = r, c = e.get(t);
322
+ if (a = a > 0 ? 1 : -1, !n) {
323
323
  let g = E(c + a * l, s, o);
324
324
  if (i)
325
325
  return g;
326
326
  const y = /* @__PURE__ */ new Set();
327
- for (const [$, C] of e)
328
- $ !== t && y.add(C);
327
+ for (const [$, T] of e)
328
+ $ !== t && y.add(T);
329
329
  for (; y.has(g) && g <= o && g >= s; )
330
330
  g = E(g + a * l, s, o);
331
331
  return y.has(g) || g > o || g < s ? c : g;
332
332
  }
333
- const d = r.valueToIndex(c);
333
+ const d = n.valueToIndex(c);
334
334
  if (d === -1)
335
335
  return c;
336
336
  if (i) {
337
- const g = E(d + a, r.minIndex, r.maxIndex);
338
- return r.indexToValue(g);
337
+ const g = E(d + a, n.minIndex, n.maxIndex);
338
+ return n.indexToValue(g);
339
339
  }
340
340
  const u = /* @__PURE__ */ new Set();
341
341
  for (const [g, y] of e)
342
- g !== t && u.add(r.valueToIndex(y));
342
+ g !== t && u.add(n.valueToIndex(y));
343
343
  let h = d, f = !1;
344
- const p = r.minIndex, v = r.maxIndex;
344
+ const p = n.minIndex, v = n.maxIndex;
345
345
  let D = 0;
346
346
  for (; D < Math.abs(v - p) && (h += a, !(h < p || h > v)); ) {
347
347
  if (!u.has(h)) {
@@ -350,11 +350,11 @@ function A(n, e, t, a) {
350
350
  }
351
351
  D++;
352
352
  }
353
- return f ? r.indexToValue(h) : c;
353
+ return f ? n.indexToValue(h) : c;
354
354
  }
355
- function we(n, e, t, a) {
356
- const { allowValuesOverlap: i, stepsProvider: r, resolution: l, min: s, max: o } = n, c = e.get(t);
357
- if (a = a > 0 ? 1 : -1, !r) {
355
+ function we(r, e, t, a) {
356
+ const { allowValuesOverlap: i, stepsProvider: n, resolution: l, min: s, max: o } = r, c = e.get(t);
357
+ if (a = a > 0 ? 1 : -1, !n) {
358
358
  const f = new Set(
359
359
  Array.from(e).filter(([v]) => v !== t).map(([, v]) => v)
360
360
  );
@@ -369,23 +369,23 @@ function we(n, e, t, a) {
369
369
  return p;
370
370
  }
371
371
  if (i)
372
- return a > 0 ? r.indexToValue(r.maxIndex) : r.indexToValue(r.minIndex);
373
- const d = r.valueToIndex(c);
372
+ return a > 0 ? n.indexToValue(n.maxIndex) : n.indexToValue(n.minIndex);
373
+ const d = n.valueToIndex(c);
374
374
  if (d === -1)
375
375
  return c;
376
376
  const u = new Set(
377
- Array.from(e).filter(([f]) => f !== t).map(([, f]) => r.valueToIndex(f))
377
+ Array.from(e).filter(([f]) => f !== t).map(([, f]) => n.valueToIndex(f))
378
378
  );
379
- let h = a > 0 ? r.maxIndex : r.minIndex;
379
+ let h = a > 0 ? n.maxIndex : n.minIndex;
380
380
  for (; u.has(h); )
381
381
  if (h -= a, a > 0 && h > o || a < 0 && h < s) {
382
382
  h = d;
383
383
  break;
384
384
  }
385
- return r.indexToValue(h);
385
+ return n.indexToValue(h);
386
386
  }
387
- function ke(n, e, t) {
388
- const { stepsProvider: a, min: i, max: r } = n, l = /* @__PURE__ */ new Map(), s = Array.from(e).sort((c, d) => G(c[1], d[1]));
387
+ function ke(r, e, t) {
388
+ const { stepsProvider: a, min: i, max: n } = r, l = /* @__PURE__ */ new Map(), s = Array.from(e).sort((c, d) => G(c[1], d[1]));
389
389
  if (a) {
390
390
  let c = 0;
391
391
  if (t > 0) {
@@ -407,7 +407,7 @@ function ke(n, e, t) {
407
407
  let o = 0;
408
408
  if (t > 0) {
409
409
  const c = s[s.length - 1];
410
- o = r - c[1];
410
+ o = n - c[1];
411
411
  } else {
412
412
  const c = s[0];
413
413
  o = i - c[1];
@@ -416,33 +416,33 @@ function ke(n, e, t) {
416
416
  l.set(c, d + o);
417
417
  return l;
418
418
  }
419
- function G(n, e) {
420
- return n - e;
419
+ function G(r, e) {
420
+ return r - e;
421
421
  }
422
- function De(n, e) {
423
- return e - n;
422
+ function De(r, e) {
423
+ return e - r;
424
424
  }
425
- function E(n, e, t) {
426
- return Math.max(e, Math.min(t, n));
425
+ function E(r, e, t) {
426
+ return Math.max(e, Math.min(t, r));
427
427
  }
428
428
  const Ie = Q(x);
429
429
  class Ee extends Y {
430
430
  constructor() {
431
- super(...arguments), this._stepsProvider = null, this._popoverElement = H(), this._trackElement = H(), this.messages = ne({}), this._onPointerMoveDragUpdate = (e) => {
431
+ super(...arguments), this._stepsProvider = null, this._popoverElement = H(), this._trackElement = H(), this.messages = re({}), this._onPointerMoveDragUpdate = (e) => {
432
432
  this._updateDrag(this._mapEventToRange(e));
433
433
  }, this._onPointerUpDragEnd = (e) => {
434
434
  M(e) && this._endDrag();
435
435
  }, this._onPointerCancelDragEnd = () => {
436
436
  this._endDrag();
437
437
  }, this._formatLabel = (e, t, a) => {
438
- const i = re(this.messages._lang, t), r = this.labelFormatter;
439
- if (!r)
438
+ const i = ne(this.messages._lang, t), n = this.labelFormatter;
439
+ if (!n)
440
440
  return i.format(a);
441
- const l = r(a, e, (s) => i.format(s));
441
+ const l = n(a, e, (s) => i.format(s));
442
442
  return l ?? i.format(a);
443
443
  }, 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(() => {
444
444
  this._layoutLabelInputs();
445
- }), this._labelInputsUpdateComplete = null, this._dragInfo = null, this._hasPopoverContent = !1, this._hasContentStart = !1, this._hasContentEnd = !1, this._activePart = null, 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 });
445
+ }), this._labelInputsUpdateComplete = null, this._dragInfo = null, this._hasPopoverContent = !1, this._hasContentStart = !1, this._hasContentEnd = !1, this._activePart = null, 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 = C({ cancelable: !1 }), this.arcgisChange = C({ cancelable: !1 }), this.arcgisInput = C({ cancelable: !1 }), this.arcgisRangeChange = C({ cancelable: !1 });
446
446
  }
447
447
  static {
448
448
  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: {
@@ -527,7 +527,7 @@ class Ee extends Y {
527
527
  async _layoutLabelInputs() {
528
528
  if (this.layout !== "horizontal" || !this._trackElement.value || this.valueLabelsDisplay === "hidden")
529
529
  return;
530
- const e = this.renderRoot.querySelectorAll("arcgis-label-input"), t = this.componentOnReady().then(() => Promise.all(Array.from(e, (r) => r.updateComplete)));
530
+ const e = this.renderRoot.querySelectorAll("arcgis-label-input"), t = this.componentOnReady().then(() => Promise.all(Array.from(e, (n) => n.updateComplete)));
531
531
  if (this._labelInputsUpdateComplete = t, await t, t !== this._labelInputsUpdateComplete)
532
532
  return;
533
533
  this._labelInputsUpdateComplete = null;
@@ -535,16 +535,16 @@ class Ee extends Y {
535
535
  if (!a)
536
536
  return;
537
537
  const i = a.getBoundingClientRect();
538
- for (const r of this._sliderData.entries.keys()) {
539
- const l = this._activePart === "range" || this._activePart === r;
538
+ for (const n of this._sliderData.entries.keys()) {
539
+ const l = this._activePart === "range" || this._activePart === n;
540
540
  if (this.valueLabelsDisplay === "always" || l) {
541
- const o = Ce(this, r), c = j(this, r);
541
+ const o = Te(this, n), c = j(this, n);
542
542
  if (!o || !c)
543
543
  continue;
544
544
  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);
545
545
  let D = u.width / 2;
546
- const g = i.left - f, y = i.right + f, $ = p - v, C = p + v;
547
- $ < g ? D += $ - g : C > y && (D += C - y), c.style.transform = `translateX(${-Math.round(D)}px)`;
546
+ const g = i.left - f, y = i.right + f, $ = p - v, T = p + v;
547
+ $ < g ? D += $ - g : T > y && (D += T - y), c.style.transform = `translateX(${-Math.round(D)}px)`;
548
548
  }
549
549
  }
550
550
  }
@@ -555,7 +555,7 @@ class Ee extends Y {
555
555
  this._setActivePart(null);
556
556
  }
557
557
  _onTrackRangePointerDown(e) {
558
- this._disabledOrInvalid || !M(e) || (e.preventDefault(), this._startDrag("range", this._mapEventToRange(e)));
558
+ this._disabledOrInvalid || !M(e) || (e.preventDefault(), e.currentTarget.focus(), this._startDrag("range", this._mapEventToRange(e)));
559
559
  }
560
560
  async _onPointerDown(e) {
561
561
  if (this._disabledOrInvalid || !M(e))
@@ -569,7 +569,7 @@ class Ee extends Y {
569
569
  }
570
570
  if (Ve(e.target) || this.values?.length > 1)
571
571
  return;
572
- 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;
572
+ const a = this._mapEventToRange(e), [i, n] = this._sliderData.entries.entries().next().value, l = a * this._fullRange + this._fullMin - n, s = S(this._fullMin, this._fullMax, n) / 100;
573
573
  this._startDrag(i, s);
574
574
  const o = U(this._stepsProvider, this._sliderData.entries, i, l, this.allowValuesOverlap);
575
575
  this._setValue(i, o), this._focusEntry(i);
@@ -579,7 +579,7 @@ class Ee extends Y {
579
579
  if (!M(e) || this._disabledOrInvalid || !t)
580
580
  return;
581
581
  const a = j(this, t);
582
- e.target === a && a?.editing || (e.stopPropagation(), e.preventDefault(), this._startDrag(t, this._mapEventToRange(e)));
582
+ e.target === a && a?.editing || (e.stopPropagation(), e.preventDefault(), this._focusEntry(t), this._startDrag(t, this._mapEventToRange(e)));
583
583
  }
584
584
  _endDrag() {
585
585
  if (this._disabledOrInvalid)
@@ -599,12 +599,12 @@ class Ee extends Y {
599
599
  _startDrag(e, t) {
600
600
  if (this._disabledOrInvalid)
601
601
  return;
602
- const { min: a, max: i, values: r } = this;
602
+ const { min: a, max: i, values: n } = this;
603
603
  let l = a, s = i;
604
604
  if (this._setActivePart(e), e === "range") {
605
605
  if (this.segmentsDraggingDisabled)
606
606
  return;
607
- l = a - r[0], s = i - r[r.length - 1];
607
+ l = a - n[0], s = i - n[n.length - 1];
608
608
  }
609
609
  this._dragInfo = {
610
610
  position: t,
@@ -616,12 +616,12 @@ class Ee extends Y {
616
616
  _updateDrag(e) {
617
617
  if (!this._dragInfo || !this._activePart)
618
618
  return;
619
- const { _activePart: t, _dragInfo: { position: a, entries: i, minDiff: r, maxDiff: l } } = this;
619
+ const { _activePart: t, _dragInfo: { position: a, entries: i, minDiff: n, maxDiff: l } } = this;
620
620
  if (a === e)
621
621
  return;
622
622
  let s = (e - a) * this._fullRange;
623
623
  if (t === "range") {
624
- s = Math.min(l, Math.max(r, s));
624
+ s = Math.min(l, Math.max(n, s));
625
625
  const o = be(this._stepsProvider, i, s);
626
626
  this._setValues(o);
627
627
  } else {
@@ -653,18 +653,18 @@ class Ee extends Y {
653
653
  }
654
654
  _onRangeInputChange(e) {
655
655
  const t = e.currentTarget, a = t.value, i = t.dataset.type;
656
- let r = !1;
656
+ let n = !1;
657
657
  switch (e.stopPropagation(), i) {
658
658
  case "min": {
659
- a < this.max ? (this.min = a, r = !0) : t.value = this.min;
659
+ a < this.max ? (this.min = a, n = !0) : t.value = this.min;
660
660
  break;
661
661
  }
662
662
  case "max": {
663
- a > this.min ? (this.max = a, r = !0) : t.value = this.max;
663
+ a > this.min ? (this.max = a, n = !0) : t.value = this.max;
664
664
  break;
665
665
  }
666
666
  }
667
- r && this.arcgisRangeChange.emit();
667
+ n && this.arcgisRangeChange.emit();
668
668
  }
669
669
  _onValueInputChange(e) {
670
670
  const t = e.currentTarget, a = V(t), i = t.value;
@@ -706,14 +706,14 @@ class Ee extends Y {
706
706
  const i = K(e, this.keyboardLargeStep, this.mirrored);
707
707
  if (i) {
708
708
  e.preventDefault();
709
- const r = xe(this._getStepsConfiguration(), this._sliderData.entries, t, i.direction, i.count);
710
- this._setValue(t, r);
709
+ const n = xe(this._getStepsConfiguration(), this._sliderData.entries, t, i.direction, i.count);
710
+ this._setValue(t, n);
711
711
  return;
712
712
  }
713
713
  if (N(e.key)) {
714
714
  e.preventDefault();
715
- const r = we(this._getStepsConfiguration(), this._sliderData.entries, t, this._getDirectionForHomeEndKey(e.key));
716
- this._setValue(t, r);
715
+ const n = we(this._getStepsConfiguration(), this._sliderData.entries, t, this._getDirectionForHomeEndKey(e.key));
716
+ this._setValue(t, n);
717
717
  }
718
718
  }
719
719
  _onTrackRangeKeyDown(e) {
@@ -754,9 +754,9 @@ class Ee extends Y {
754
754
  })} @pointerdown=${this._onPointerDown}>${this._renderContentStart()}${this._renderContentEnd()}${this._renderRangeLabel("min")}${this._renderTrackRange()}${this._renderRangeLabel("max")}${this._renderPopover()}</div>`;
755
755
  }
756
756
  _renderPopover() {
757
- const { _activePart: e, layout: t, popoverPlacement: a, valueLabelsPlacement: i, valueLabelsDisplay: r, popoverLabel: l } = this, s = e ? Pe(e) ? e : "track-range" : "", o = this._hasPopoverContent && !!s, c = t === "horizontal" ? a === "start" ? "top" : "bottom" : a === "start" ? "left" : "right";
757
+ const { _activePart: e, layout: t, popoverPlacement: a, valueLabelsPlacement: i, valueLabelsDisplay: n, popoverLabel: l } = this, s = e ? Pe(e) ? e : "track-range" : "", o = this._hasPopoverContent && !!s, c = t === "horizontal" ? a === "start" ? "top" : "bottom" : a === "start" ? "left" : "right";
758
758
  let d = 14;
759
- 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>`;
759
+ return n !== "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>`;
760
760
  }
761
761
  _renderContentStart() {
762
762
  return _`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`;
@@ -771,35 +771,35 @@ class Ee extends Y {
771
771
  return _`<div class="track" ${R(this._trackElement)}>${this._renderTrackBackground()}${this._renderFillSegment()}</div>`;
772
772
  }
773
773
  _renderTrackBackground() {
774
- const { max: e, min: t, fillPlacement: a, values: i } = this, r = i.length > 1;
774
+ const { max: e, min: t, fillPlacement: a, values: i } = this, n = i.length > 1;
775
775
  let l = this._fullMin, s = this._fullMax;
776
776
  const o = [];
777
777
  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, [
778
778
  this.mirrored ? "track-effective-end" : "track-effective-start",
779
- !r && a === "start" ? "track-fill" : null
779
+ !n && a === "start" ? "track-fill" : null
780
780
  ])), l = t), s > e && (o.push(this._renderSegment(e, s, [
781
781
  this.mirrored ? "track-effective-start" : "track-effective-end",
782
- !r && a === "end" ? "track-fill" : null
782
+ !n && a === "end" ? "track-fill" : null
783
783
  ])), s = e), o.push(this._renderSegment(l, s, ["track-bounds"])), o);
784
784
  }
785
785
  _renderFillSegment() {
786
786
  const { values: e, fillPlacement: t, min: a, max: i } = this;
787
787
  if (!e?.length || this._invalid)
788
788
  return;
789
- const r = [...e].sort((s, o) => s - o);
790
- if (r.length === 1)
789
+ const n = [...e].sort((s, o) => s - o);
790
+ if (n.length === 1)
791
791
  switch (t) {
792
792
  case "start":
793
- if (a < r[0])
794
- return this._renderSegment(a, r[0], ["track-range"]);
793
+ if (a < n[0])
794
+ return this._renderSegment(a, n[0], ["track-range"]);
795
795
  break;
796
796
  case "end":
797
- if (i > r[0])
798
- return this._renderSegment(r[0], i, ["track-range"]);
797
+ if (i > n[0])
798
+ return this._renderSegment(n[0], i, ["track-range"]);
799
799
  break;
800
800
  }
801
801
  const l = this.segmentsDraggingDisabled;
802
- return this._renderSegment(r[0], r[r.length - 1], ["track-range", l ? null : "interactive", this._activePart === "range" ? "active" : null], {
802
+ return this._renderSegment(n[0], n[n.length - 1], ["track-range", l ? null : "interactive", this._activePart === "range" ? "active" : null], {
803
803
  id: "track-range",
804
804
  onFocus: l ? void 0 : this._onTrackFocus,
805
805
  onBlur: l ? void 0 : this._onTrackBlur,
@@ -808,9 +808,9 @@ class Ee extends Y {
808
808
  });
809
809
  }
810
810
  _renderSegment(e, t, a, i) {
811
- const { _fullMin: r, _fullMax: l, mirrored: s } = this, o = [
812
- S(r, l, X(e, r, l)),
813
- 100 - S(r, l, X(t, r, l))
811
+ const { _fullMin: n, _fullMax: l, mirrored: s } = this, o = [
812
+ S(n, l, X(e, n, l)),
813
+ 100 - S(n, l, X(t, n, l))
814
814
  ];
815
815
  s && o.reverse();
816
816
  const c = this.isHorizontal ? {
@@ -827,10 +827,10 @@ class Ee extends Y {
827
827
  return ae(t, ([a, i]) => this._renderThumb(a, i));
828
828
  }
829
829
  _renderThumb(e, t) {
830
- 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";
830
+ const { valueLabelsDisplay: a } = this, i = this._disabledOrInvalid, n = 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";
831
831
  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({
832
832
  thumb: !0,
833
- active: r
833
+ active: n
834
834
  })} data-entry=${e ?? I} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${F({
835
835
  ...this._getPositionStyleForElement(t),
836
836
  "z-index": this._activePart === e ? 1 : 0
@@ -841,35 +841,35 @@ class Ee extends Y {
841
841
  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>`;
842
842
  }
843
843
  }
844
- function Ve(n) {
845
- return "dataset" in n && n.tagName === "ARCGIS-LABEL-INPUT" && (n.dataset.type === "min" || n.dataset.type === "max");
844
+ function Ve(r) {
845
+ return "dataset" in r && r.tagName === "ARCGIS-LABEL-INPUT" && (r.dataset.type === "min" || r.dataset.type === "max");
846
846
  }
847
- function V(n) {
848
- const e = ee(n, "[data-entry]");
847
+ function V(r) {
848
+ const e = ee(r, "[data-entry]");
849
849
  return e && "dataset" in e ? e.dataset.entry : null;
850
850
  }
851
- function Pe(n) {
852
- return typeof n != null && n !== "range";
851
+ function Pe(r) {
852
+ return typeof r != null && r !== "range";
853
853
  }
854
- function $e(n, e) {
855
- return e ? n.renderRoot.querySelector(`div[data-entry="${e}"]`) : null;
854
+ function $e(r, e) {
855
+ return e ? r.renderRoot.querySelector(`div[data-entry="${e}"]`) : null;
856
856
  }
857
- function Ce(n, e) {
858
- return e ? n.renderRoot.querySelector(`div[data-entry="${e}"] span.handle`) : null;
857
+ function Te(r, e) {
858
+ return e ? r.renderRoot.querySelector(`div[data-entry="${e}"] span.handle`) : null;
859
859
  }
860
- function j(n, e) {
861
- return e ? n.renderRoot.querySelector(`div[data-entry="${e}"] arcgis-label-input`) : null;
860
+ function j(r, e) {
861
+ return e ? r.renderRoot.querySelector(`div[data-entry="${e}"] arcgis-label-input`) : null;
862
862
  }
863
- function M(n) {
864
- return n.isPrimary && n.button === 0;
863
+ function M(r) {
864
+ return r.isPrimary && r.button === 0;
865
865
  }
866
- const Te = 5;
867
- function S(n, e, t) {
868
- const a = e - n, i = (t - n) / a * 100;
869
- return Number.parseFloat(i.toFixed(Te));
866
+ const Ce = 5;
867
+ function S(r, e, t) {
868
+ const a = e - r, i = (t - r) / a * 100;
869
+ return Number.parseFloat(i.toFixed(Ce));
870
870
  }
871
- function X(n, e, t) {
872
- return Math.max(e, Math.min(t, n));
871
+ function X(r, e, t) {
872
+ return Math.max(e, Math.min(t, r));
873
873
  }
874
874
  W("arcgis-slider", Ee);
875
875
  export {