@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.
- package/dist/cdn/{TFPPK2FJ.js → 5BTQBG2M.js} +1 -1
- package/dist/cdn/{L6HWM5ID.js → 5CG4RRXA.js} +1 -1
- package/dist/cdn/{Y5RHAHK3.js → 7CIBA7FI.js} +1 -1
- package/dist/cdn/{KLASR5AX.js → 7ON6RARA.js} +1 -1
- package/dist/cdn/{MACKXUSP.js → BI5U6SNR.js} +1 -1
- package/dist/cdn/{6DUSCS5P.js → DDBMRFTE.js} +1 -1
- package/dist/cdn/{ZBMZNM5U.js → DMF242GJ.js} +1 -1
- package/dist/cdn/{WAOR2MZQ.js → EA27FOAJ.js} +1 -1
- package/dist/cdn/{D3JMW335.js → ETFPYRL2.js} +1 -1
- package/dist/cdn/{D7L7VMGN.js → FISUF2QM.js} +1 -1
- package/dist/cdn/{GSSQBCD6.js → GS7JPT74.js} +1 -1
- package/dist/cdn/{ZK6O66N7.js → IGTIG7JY.js} +1 -1
- package/dist/cdn/{X5K7UZA2.js → OG4KFIJN.js} +1 -1
- package/dist/cdn/TGMGQPWQ.js +2 -0
- package/dist/cdn/{UKDU7FS4.js → U5GBSD6S.js} +1 -1
- package/dist/cdn/{SH2HOOE5.js → VA7BFE6G.js} +1 -1
- package/dist/cdn/{Z366FNIR.js → XLEVUXG2.js} +1 -1
- package/dist/cdn/{WHQRVGTD.js → YEE32ZOH.js} +1 -1
- package/dist/cdn/{45LLMFJV.js → YVVKGK5U.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +1 -1
- package/dist/components/arcgis-slider/customElement.js +189 -189
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +3 -3
- package/dist/cdn/U63TUTUR.js +0 -2
|
@@ -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
|
|
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
|
|
11
|
-
import { g as
|
|
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:
|
|
28
|
-
const i = le(
|
|
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
|
|
31
|
+
const n = ce(r) || oe(r) && e ? de(t) : 1;
|
|
32
32
|
return {
|
|
33
33
|
direction: a ? i * -1 : i,
|
|
34
|
-
count:
|
|
34
|
+
count: n
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
|
-
function le(
|
|
38
|
-
return
|
|
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(
|
|
41
|
-
return
|
|
40
|
+
function N(r) {
|
|
41
|
+
return r === m.jumpToEnd || r === m.jumpToStart;
|
|
42
42
|
}
|
|
43
|
-
function oe(
|
|
44
|
-
return
|
|
43
|
+
function oe(r) {
|
|
44
|
+
return r === m.increment || r === m.decrement || r === m.decrementHorizontal || r === m.incrementHorizontal;
|
|
45
45
|
}
|
|
46
|
-
function ce(
|
|
47
|
-
return
|
|
46
|
+
function ce(r) {
|
|
47
|
+
return r === m.pageIncrement || r === m.pageDecrement;
|
|
48
48
|
}
|
|
49
|
-
function de(
|
|
50
|
-
const e = Number.isFinite(
|
|
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 = (
|
|
55
|
-
for (var i = a > 1 ? void 0 : a ? ge(e, t) : e,
|
|
56
|
-
(l = n
|
|
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(
|
|
73
|
-
super({ ...me(), properties:
|
|
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:
|
|
76
|
+
const { precision: r } = this;
|
|
77
77
|
let { min: e, max: t, values: a } = this;
|
|
78
|
-
t = b(t,
|
|
79
|
-
const i = new Map(a?.map((
|
|
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
|
-
(
|
|
82
|
+
(n) => {
|
|
83
83
|
const l = this.values;
|
|
84
|
-
|
|
85
|
-
s <
|
|
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
|
-
(
|
|
91
|
+
(n) => {
|
|
92
92
|
const l = this.values;
|
|
93
|
-
|
|
94
|
-
s >
|
|
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
|
-
(
|
|
100
|
+
(n) => {
|
|
101
101
|
const { min: l, max: s, values: o } = this;
|
|
102
|
-
this._set("min", b(l,
|
|
103
|
-
this._entries.set(d, b(c,
|
|
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(
|
|
112
|
+
set max(r) {
|
|
113
113
|
if (!this.ready) {
|
|
114
|
-
this._set("max",
|
|
114
|
+
this._set("max", r);
|
|
115
115
|
return;
|
|
116
116
|
}
|
|
117
|
-
const e = this._get("max"), t = b(
|
|
117
|
+
const e = this._get("max"), t = b(r, this.precision);
|
|
118
118
|
e !== t && this._set("max", t);
|
|
119
119
|
}
|
|
120
|
-
set min(
|
|
120
|
+
set min(r) {
|
|
121
121
|
if (!this.ready) {
|
|
122
|
-
this._set("min",
|
|
122
|
+
this._set("min", r);
|
|
123
123
|
return;
|
|
124
124
|
}
|
|
125
|
-
const e = this._get("min"), t = b(
|
|
125
|
+
const e = this._get("min"), t = b(r, this.precision);
|
|
126
126
|
e !== t && this._set("min", t);
|
|
127
127
|
}
|
|
128
|
-
set values(
|
|
128
|
+
set values(r) {
|
|
129
129
|
if (!this.ready) {
|
|
130
|
-
this._set("values",
|
|
130
|
+
this._set("values", r);
|
|
131
131
|
return;
|
|
132
132
|
}
|
|
133
133
|
const e = this._get("values");
|
|
134
|
-
if (
|
|
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(
|
|
137
|
-
this._entries = t, this._set("values",
|
|
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(
|
|
145
|
-
return this._entries.get(
|
|
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(
|
|
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(
|
|
158
|
-
return i ===
|
|
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(
|
|
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,
|
|
166
|
-
const l = this._entries.get(i), s = P(b(
|
|
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
|
|
173
|
-
this._set("values",
|
|
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: (
|
|
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(
|
|
201
|
-
return Math.min(Math.max(
|
|
200
|
+
function P(r, e, t) {
|
|
201
|
+
return Math.min(Math.max(r, e), t);
|
|
202
202
|
}
|
|
203
|
-
function b(
|
|
204
|
-
return Number.parseFloat(
|
|
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,
|
|
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(
|
|
232
|
-
if (
|
|
231
|
+
function ve(r) {
|
|
232
|
+
if (r.steps == null)
|
|
233
233
|
return null;
|
|
234
|
-
const e =
|
|
235
|
-
return Array.isArray(e) ? e.length === 0 ? null : new fe(e) : new pe(
|
|
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(
|
|
238
|
-
if (
|
|
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 =
|
|
247
|
-
const h =
|
|
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
|
-
}),
|
|
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) => !
|
|
261
|
-
o ? (
|
|
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(
|
|
266
|
-
const
|
|
267
|
-
if (!
|
|
268
|
-
return
|
|
269
|
-
const l =
|
|
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(
|
|
272
|
+
d !== t && s.add(r.valueToIndex(u));
|
|
273
273
|
let o = null, c = 1 / 0;
|
|
274
|
-
for (let d =
|
|
274
|
+
for (let d = r.minIndex; d <= r.maxIndex; d++) {
|
|
275
275
|
if (s.has(d))
|
|
276
276
|
continue;
|
|
277
|
-
const u =
|
|
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 ?
|
|
280
|
+
return o == null ? n : r.indexToValue(o);
|
|
281
281
|
}
|
|
282
|
-
function _e(
|
|
282
|
+
function _e(r, e, t, a = 1) {
|
|
283
283
|
const i = q(a);
|
|
284
|
-
let
|
|
284
|
+
let n = e, l = !1;
|
|
285
285
|
for (let s = 0; s < i; s++) {
|
|
286
|
-
const o = ye(
|
|
287
|
-
if (l ||= 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:
|
|
290
|
+
return { changed: l, entries: n };
|
|
291
291
|
}
|
|
292
|
-
function xe(
|
|
293
|
-
const
|
|
294
|
-
if (
|
|
295
|
-
return 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 <
|
|
299
|
-
const c = 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(
|
|
307
|
-
const e = Number.isFinite(
|
|
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(
|
|
311
|
-
const a = /* @__PURE__ */ new Map(), i = t > 0 ? De : G,
|
|
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
|
|
313
|
+
for (const [o, c] of n)
|
|
314
314
|
if (a.set(o, c), s) {
|
|
315
|
-
const d = A(
|
|
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(
|
|
321
|
-
const { allowValuesOverlap: i, stepsProvider:
|
|
322
|
-
if (a = a > 0 ? 1 : -1, !
|
|
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 [$,
|
|
328
|
-
$ !== t && y.add(
|
|
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 =
|
|
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,
|
|
338
|
-
return
|
|
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(
|
|
342
|
+
g !== t && u.add(n.valueToIndex(y));
|
|
343
343
|
let h = d, f = !1;
|
|
344
|
-
const p =
|
|
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 ?
|
|
353
|
+
return f ? n.indexToValue(h) : c;
|
|
354
354
|
}
|
|
355
|
-
function we(
|
|
356
|
-
const { allowValuesOverlap: i, stepsProvider:
|
|
357
|
-
if (a = a > 0 ? 1 : -1, !
|
|
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 ?
|
|
373
|
-
const d =
|
|
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]) =>
|
|
377
|
+
Array.from(e).filter(([f]) => f !== t).map(([, f]) => n.valueToIndex(f))
|
|
378
378
|
);
|
|
379
|
-
let h = a > 0 ?
|
|
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
|
|
385
|
+
return n.indexToValue(h);
|
|
386
386
|
}
|
|
387
|
-
function ke(
|
|
388
|
-
const { stepsProvider: a, min: i, max:
|
|
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 =
|
|
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(
|
|
420
|
-
return
|
|
419
|
+
function G(r, e) {
|
|
420
|
+
return r - e;
|
|
421
421
|
}
|
|
422
|
-
function De(
|
|
423
|
-
return e -
|
|
422
|
+
function De(r, e) {
|
|
423
|
+
return e - r;
|
|
424
424
|
}
|
|
425
|
-
function E(
|
|
426
|
-
return Math.max(e, Math.min(t,
|
|
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 =
|
|
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 =
|
|
439
|
-
if (!
|
|
438
|
+
const i = ne(this.messages._lang, t), n = this.labelFormatter;
|
|
439
|
+
if (!n)
|
|
440
440
|
return i.format(a);
|
|
441
|
-
const l =
|
|
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 =
|
|
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, (
|
|
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
|
|
539
|
-
const l = this._activePart === "range" || this._activePart ===
|
|
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 =
|
|
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,
|
|
547
|
-
$ < g ? D += $ - g :
|
|
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,
|
|
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:
|
|
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 -
|
|
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:
|
|
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(
|
|
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
|
|
656
|
+
let n = !1;
|
|
657
657
|
switch (e.stopPropagation(), i) {
|
|
658
658
|
case "min": {
|
|
659
|
-
a < this.max ? (this.min = a,
|
|
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,
|
|
663
|
+
a > this.min ? (this.max = a, n = !0) : t.value = this.max;
|
|
664
664
|
break;
|
|
665
665
|
}
|
|
666
666
|
}
|
|
667
|
-
|
|
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
|
|
710
|
-
this._setValue(t,
|
|
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
|
|
716
|
-
this._setValue(t,
|
|
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:
|
|
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
|
|
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,
|
|
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
|
-
!
|
|
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
|
-
!
|
|
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
|
|
790
|
-
if (
|
|
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 <
|
|
794
|
-
return this._renderSegment(a,
|
|
793
|
+
if (a < n[0])
|
|
794
|
+
return this._renderSegment(a, n[0], ["track-range"]);
|
|
795
795
|
break;
|
|
796
796
|
case "end":
|
|
797
|
-
if (i >
|
|
798
|
-
return this._renderSegment(
|
|
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(
|
|
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:
|
|
812
|
-
S(
|
|
813
|
-
100 - S(
|
|
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,
|
|
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:
|
|
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(
|
|
845
|
-
return "dataset" in
|
|
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(
|
|
848
|
-
const e = ee(
|
|
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(
|
|
852
|
-
return typeof
|
|
851
|
+
function Pe(r) {
|
|
852
|
+
return typeof r != null && r !== "range";
|
|
853
853
|
}
|
|
854
|
-
function $e(
|
|
855
|
-
return e ?
|
|
854
|
+
function $e(r, e) {
|
|
855
|
+
return e ? r.renderRoot.querySelector(`div[data-entry="${e}"]`) : null;
|
|
856
856
|
}
|
|
857
|
-
function
|
|
858
|
-
return e ?
|
|
857
|
+
function Te(r, e) {
|
|
858
|
+
return e ? r.renderRoot.querySelector(`div[data-entry="${e}"] span.handle`) : null;
|
|
859
859
|
}
|
|
860
|
-
function j(
|
|
861
|
-
return e ?
|
|
860
|
+
function j(r, e) {
|
|
861
|
+
return e ? r.renderRoot.querySelector(`div[data-entry="${e}"] arcgis-label-input`) : null;
|
|
862
862
|
}
|
|
863
|
-
function M(
|
|
864
|
-
return
|
|
863
|
+
function M(r) {
|
|
864
|
+
return r.isPrimary && r.button === 0;
|
|
865
865
|
}
|
|
866
|
-
const
|
|
867
|
-
function S(
|
|
868
|
-
const a = e -
|
|
869
|
-
return Number.parseFloat(i.toFixed(
|
|
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(
|
|
872
|
-
return Math.max(e, Math.min(t,
|
|
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 {
|