@arcgis/map-components 5.1.0-next.123 → 5.1.0-next.124
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/{RH4PIMHF.js → APG5BPBC.js} +1 -1
- package/dist/cdn/GMOWIPQL.js +2 -0
- package/dist/cdn/V4FMJCXV.js +2 -0
- package/dist/cdn/index.js +1 -1
- package/dist/components/arcgis-direct-line-measurement-3d/customElement.js +20 -20
- package/dist/components/arcgis-features/customElement.d.ts +4 -17
- package/dist/components/arcgis-link-chart/customElement.d.ts +24 -0
- package/dist/components/arcgis-map/customElement.d.ts +24 -0
- package/dist/components/arcgis-oriented-imagery-viewer/customElement.js +3 -3
- package/dist/components/arcgis-popup/customElement.d.ts +13 -20
- package/dist/components/arcgis-scene/customElement.d.ts +24 -0
- package/dist/components/arcgis-slider-binary-color-size-legacy/customElement.d.ts +10 -10
- package/dist/components/arcgis-slider-classed-color-legacy/customElement.d.ts +6 -6
- package/dist/components/arcgis-slider-classed-size-legacy/customElement.d.ts +6 -6
- package/dist/components/arcgis-slider-color-legacy/customElement.d.ts +10 -10
- package/dist/components/arcgis-slider-color-size-legacy/customElement.d.ts +10 -10
- package/dist/components/arcgis-slider-opacity-legacy/customElement.d.ts +10 -10
- package/dist/components/arcgis-slider-scale-range/customElement.d.ts +1 -1
- package/dist/components/arcgis-slider-scale-range/customElement.js +65 -31
- package/dist/components/arcgis-slider-size-legacy/customElement.d.ts +10 -10
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +4 -4
- package/dist/cdn/4IQZ7YKM.js +0 -2
- package/dist/cdn/WFL2WTJK.js +0 -2
|
@@ -135,10 +135,10 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
135
135
|
* numBins: 30,
|
|
136
136
|
* });
|
|
137
137
|
*
|
|
138
|
-
*
|
|
139
|
-
*
|
|
140
|
-
*
|
|
141
|
-
*
|
|
138
|
+
* slider.histogramConfig = {
|
|
139
|
+
* bins: histogramResult.bins
|
|
140
|
+
* };
|
|
141
|
+
* ```
|
|
142
142
|
* @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
143
143
|
*/
|
|
144
144
|
accessor histogramConfig: HistogramConfig | null | undefined;
|
|
@@ -189,7 +189,7 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
189
189
|
* }
|
|
190
190
|
* return value.toFixed(0);
|
|
191
191
|
* };
|
|
192
|
-
*
|
|
192
|
+
* ```
|
|
193
193
|
*/
|
|
194
194
|
accessor inputFormatFunction: LabelFormatFunction | null | undefined;
|
|
195
195
|
/**
|
|
@@ -234,7 +234,7 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
234
234
|
* slider.labelFormatFunction = (value: number, type?: SliderFormatType): string => {
|
|
235
235
|
* return (type === "value") ? value.toFixed(0) : value.toString();
|
|
236
236
|
* };
|
|
237
|
-
*
|
|
237
|
+
* ```
|
|
238
238
|
*/
|
|
239
239
|
accessor labelFormatFunction: LabelFormatFunction | null | undefined;
|
|
240
240
|
/**
|
|
@@ -375,12 +375,12 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
375
375
|
* min: 10,
|
|
376
376
|
* max: 25
|
|
377
377
|
* };
|
|
378
|
-
*
|
|
378
|
+
* ```
|
|
379
379
|
* @example
|
|
380
380
|
* ```js
|
|
381
381
|
* // disables zooming on the slider
|
|
382
382
|
* slider.zoomOptions = null;
|
|
383
|
-
*
|
|
383
|
+
* ```
|
|
384
384
|
* @example
|
|
385
385
|
* ```js
|
|
386
386
|
* // zooms the slider so thumbs can only be moved to positions above
|
|
@@ -388,7 +388,7 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
388
388
|
* slider.zoomOptions = {
|
|
389
389
|
* min: 10
|
|
390
390
|
* };
|
|
391
|
-
*
|
|
391
|
+
* ```
|
|
392
392
|
* @example
|
|
393
393
|
* ```js
|
|
394
394
|
* // zooms the slider so thumbs can only be moved to positions below
|
|
@@ -396,7 +396,7 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
396
396
|
* slider.zoomOptions = {
|
|
397
397
|
* max: 25
|
|
398
398
|
* };
|
|
399
|
-
*
|
|
399
|
+
* ```
|
|
400
400
|
*/
|
|
401
401
|
accessor zoomOptions: ZoomOptions | null | undefined;
|
|
402
402
|
/** Permanently destroy the component. */
|
|
@@ -115,10 +115,10 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
|
|
|
115
115
|
* numBins: 30,
|
|
116
116
|
* });
|
|
117
117
|
*
|
|
118
|
-
*
|
|
119
|
-
*
|
|
120
|
-
*
|
|
121
|
-
*
|
|
118
|
+
* slider.histogramConfig = {
|
|
119
|
+
* bins: histogramResult.bins
|
|
120
|
+
* };
|
|
121
|
+
* ```
|
|
122
122
|
* @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
123
123
|
*/
|
|
124
124
|
accessor histogramConfig: HistogramConfig | null | undefined;
|
|
@@ -169,7 +169,7 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
|
|
|
169
169
|
* }
|
|
170
170
|
* return value.toFixed(0);
|
|
171
171
|
* };
|
|
172
|
-
*
|
|
172
|
+
* ```
|
|
173
173
|
*/
|
|
174
174
|
accessor inputFormatFunction: LabelFormatFunction | null | undefined;
|
|
175
175
|
/**
|
|
@@ -214,7 +214,7 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
|
|
|
214
214
|
* slider.labelFormatFunction = (value: number, type?: SliderFormatType): string => {
|
|
215
215
|
* return (type === "value") ? value.toFixed(0) : value.toString();
|
|
216
216
|
* };
|
|
217
|
-
*
|
|
217
|
+
* ```
|
|
218
218
|
*/
|
|
219
219
|
accessor labelFormatFunction: LabelFormatFunction | null | undefined;
|
|
220
220
|
/**
|
|
@@ -322,12 +322,12 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
|
|
|
322
322
|
* min: 10,
|
|
323
323
|
* max: 25
|
|
324
324
|
* };
|
|
325
|
-
*
|
|
325
|
+
* ```
|
|
326
326
|
* @example
|
|
327
327
|
* ```js
|
|
328
328
|
* // disables zooming on the slider
|
|
329
329
|
* slider.zoomOptions = null;
|
|
330
|
-
*
|
|
330
|
+
* ```
|
|
331
331
|
* @example
|
|
332
332
|
* ```js
|
|
333
333
|
* // zooms the slider so thumbs can only be moved to positions above
|
|
@@ -335,7 +335,7 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
|
|
|
335
335
|
* slider.zoomOptions = {
|
|
336
336
|
* min: 10
|
|
337
337
|
* };
|
|
338
|
-
*
|
|
338
|
+
* ```
|
|
339
339
|
* @example
|
|
340
340
|
* ```js
|
|
341
341
|
* // zooms the slider so thumbs can only be moved to positions below
|
|
@@ -343,7 +343,7 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
|
|
|
343
343
|
* slider.zoomOptions = {
|
|
344
344
|
* max: 25
|
|
345
345
|
* };
|
|
346
|
-
*
|
|
346
|
+
* ```
|
|
347
347
|
*/
|
|
348
348
|
accessor zoomOptions: ZoomOptions | null | undefined;
|
|
349
349
|
/** Permanently destroy the component. */
|
|
@@ -234,7 +234,7 @@ export abstract class ArcgisSliderScaleRange extends LitElement {
|
|
|
234
234
|
* Each region comes from the [ISO 3166-1 alpha-2 code](https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes).
|
|
235
235
|
* See [SupportedRegion](https://developers.arcgis.com/javascript/latest/references/core/widgets/ScaleRangeSlider/types/#SupportedRegion) for the list of regions that are currently supported.
|
|
236
236
|
*/
|
|
237
|
-
accessor region: SupportedRegion |
|
|
237
|
+
accessor region: SupportedRegion | undefined;
|
|
238
238
|
/**
|
|
239
239
|
* Indicates whether the world scale value is shown in the scale menu.
|
|
240
240
|
*
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
2
|
import { g as x, c as p } from "../../chunks/runtime.js";
|
|
3
|
-
import { keyed as
|
|
4
|
-
import { LitElement as
|
|
3
|
+
import { keyed as g } from "lit/directives/keyed.js";
|
|
4
|
+
import { LitElement as _, createEvent as d, safeStyleMap as u, nothing as v } from "@arcgis/lumina";
|
|
5
5
|
import { watch as f } from "@arcgis/core/core/reactiveUtils.js";
|
|
6
|
-
import { u as
|
|
6
|
+
import { u as M } from "../../chunks/useView.js";
|
|
7
7
|
import { u as y } from "../../chunks/useT9n.js";
|
|
8
|
-
import { css as L, html as
|
|
9
|
-
import { usePropertyChange as
|
|
10
|
-
import { createRef as
|
|
8
|
+
import { css as L, html as r } from "lit";
|
|
9
|
+
import { usePropertyChange as b } from "@arcgis/lumina/controllers";
|
|
10
|
+
import { createRef as $, ref as w } from "lit/directives/ref.js";
|
|
11
11
|
import T from "@arcgis/core/portal/Portal.js";
|
|
12
12
|
const h = /* @__PURE__ */ new Set([
|
|
13
13
|
"ar-iq",
|
|
@@ -84,7 +84,35 @@ const h = /* @__PURE__ */ new Set([
|
|
|
84
84
|
"th-th",
|
|
85
85
|
"zh-cn",
|
|
86
86
|
"zh-tw"
|
|
87
|
-
]),
|
|
87
|
+
]), R = {
|
|
88
|
+
ar: "iq",
|
|
89
|
+
bg: "bg",
|
|
90
|
+
cs: "cz",
|
|
91
|
+
da: "dk",
|
|
92
|
+
de: "de",
|
|
93
|
+
el: "gr",
|
|
94
|
+
en: "us",
|
|
95
|
+
es: "es",
|
|
96
|
+
et: "ee",
|
|
97
|
+
fi: "fi",
|
|
98
|
+
fr: "fr",
|
|
99
|
+
is: "is",
|
|
100
|
+
it: "it",
|
|
101
|
+
ja: "jp",
|
|
102
|
+
ko: "kr",
|
|
103
|
+
lt: "lt",
|
|
104
|
+
lv: "lv",
|
|
105
|
+
nl: "nl",
|
|
106
|
+
nn: "no",
|
|
107
|
+
pl: "pl",
|
|
108
|
+
pt: "br",
|
|
109
|
+
ro: "ro",
|
|
110
|
+
ru: "ru",
|
|
111
|
+
sk: "sk",
|
|
112
|
+
sv: "se",
|
|
113
|
+
th: "th",
|
|
114
|
+
zh: "cn"
|
|
115
|
+
}, P = L`:host{display:block;width:310px;max-width:100%}.slider{height:50px}.scale-indicator-container{position:relative;width:100%;margin-top:5px}.scale-indicator-icon{transform:scale(.8,1.7);margin-left:-6px;width:1px}.scale-menu-list{max-height:220px;overflow-y:auto}.scale-menu-input{max-width:120px}.scale-menu-button-container{display:flex;direction:ltr;justify-content:space-between}.scale-menu-button{min-width:0}:dir(rtl) .scale-menu-button-container>*{direction:rtl}.preview-container{padding:6px;background-color:var(--calcite-color-foreground-1);box-shadow:0 1px 2px #0000004d}`, l = [
|
|
88
116
|
{ id: "world", scale: 147914382, minScale: 147914382, maxScale: 1e8 },
|
|
89
117
|
{ id: "continent", scale: 5e7, minScale: 99999999, maxScale: 35e6 },
|
|
90
118
|
{ id: "countriesBig", scale: 25e6, minScale: 34999999, maxScale: 15e6 },
|
|
@@ -106,9 +134,9 @@ const h = /* @__PURE__ */ new Set([
|
|
|
106
134
|
{ id: "rooms", scale: 400, minScale: 400, maxScale: 101 },
|
|
107
135
|
{ id: "room", scale: 100, minScale: 100, maxScale: 0 }
|
|
108
136
|
];
|
|
109
|
-
class
|
|
137
|
+
class I extends _ {
|
|
110
138
|
constructor() {
|
|
111
|
-
super(...arguments), this.messages = y(), this._sliderRef =
|
|
139
|
+
super(...arguments), this.messages = y(), this._sliderRef = $(), this._activeMenu = null, this._customScaleSelected = null, this._portalRegion = null, this._layerMaxScaleLimit = l[l.length - 1].maxScale, this._layerMinScaleLimit = l[0].minScale, this.autoDestroyDisabled = !1, this.disabled = !1, this.hidePreview = !1, this.hideMaxScaleMenu = !1, this.hideMinScaleMenu = !1, this.icon = "actual-size", this.maxScale = 0, this.maxScaleLimit = l[l.length - 1].maxScale, this.minScale = 0, this.minScaleLimit = l[0].minScale, this.mode = "range", this.showWorldValue = !1, this.view = M(this), this.arcgisChange = d(), this.arcgisInput = d(), this.arcgisPropertyChange = b()("state", "minScale", "maxScale"), this.arcgisReady = d();
|
|
112
140
|
}
|
|
113
141
|
static {
|
|
114
142
|
this.properties = { _activeMenu: 16, _customScaleSelected: 16, _portalRegion: 16, _layerMaxScaleLimit: 16, _layerMinScaleLimit: 16, autoDestroyDisabled: 5, disabled: 7, hidePreview: 5, hideMaxScaleMenu: 5, hideMinScaleMenu: 5, icon: 1, label: 1, layer: 0, maxScale: 9, maxScaleLimit: 9, minScale: 9, minScaleLimit: 9, mode: 1, referenceElement: 1, region: 1, showWorldValue: 5, state: 32, view: 0 };
|
|
@@ -155,9 +183,9 @@ class R extends g {
|
|
|
155
183
|
if (s)
|
|
156
184
|
this._layerMinScaleLimit = s[0].scale === 0 ? l[0].minScale : Math.min(l[0].minScale, s[0].scale), !("resampling" in this.layer) || this.layer.resampling || (this._layerMaxScaleLimit = s[s.length - 1].scale);
|
|
157
185
|
else {
|
|
158
|
-
const
|
|
186
|
+
const m = this.layer && "maxScaleRange" in this.layer ? this.layer.maxScaleRange : null;
|
|
159
187
|
let n = 0, o = 0;
|
|
160
|
-
|
|
188
|
+
m && (n = m.minScale, o = m.maxScale), o !== 0 && (this._layerMaxScaleLimit = o), n !== 0 && (this._layerMinScaleLimit = n);
|
|
161
189
|
}
|
|
162
190
|
this.minScaleLimit = Math.min(this.minScaleLimit, this._layerMinScaleLimit), this.maxScaleLimit = Math.max(this.maxScaleLimit, this._layerMaxScaleLimit);
|
|
163
191
|
const c = this.layer;
|
|
@@ -183,18 +211,24 @@ class R extends g {
|
|
|
183
211
|
if (h.has(e))
|
|
184
212
|
return e;
|
|
185
213
|
if (this.region) {
|
|
186
|
-
const a = `${this.messages._t9nLocale}-${
|
|
187
|
-
if (h.has(
|
|
188
|
-
return
|
|
214
|
+
const a = this.region.toLowerCase(), t = `${this.messages._t9nLocale}-${a}`;
|
|
215
|
+
if (h.has(t))
|
|
216
|
+
return t;
|
|
217
|
+
for (const s of h)
|
|
218
|
+
if (s.endsWith(`-${a}`))
|
|
219
|
+
return s;
|
|
189
220
|
}
|
|
190
221
|
if (this._portalRegion) {
|
|
191
222
|
const a = `${this.messages._t9nLocale}-${this._portalRegion}`;
|
|
192
223
|
if (h.has(a))
|
|
193
224
|
return a;
|
|
194
225
|
}
|
|
195
|
-
const i =
|
|
196
|
-
if (
|
|
197
|
-
|
|
226
|
+
const i = R[this.messages._t9nLocale];
|
|
227
|
+
if (i) {
|
|
228
|
+
const a = `${this.messages._t9nLocale}-${i}`;
|
|
229
|
+
if (h.has(a))
|
|
230
|
+
return a;
|
|
231
|
+
}
|
|
198
232
|
for (const a of h)
|
|
199
233
|
if (a.startsWith(`${this.messages._t9nLocale}-`))
|
|
200
234
|
return a;
|
|
@@ -236,21 +270,21 @@ class R extends g {
|
|
|
236
270
|
}
|
|
237
271
|
_renderScalePreviewPopover() {
|
|
238
272
|
const e = this._renderScalePreview();
|
|
239
|
-
return this.hidePreview || !e ? null :
|
|
273
|
+
return this.hidePreview || !e ? null : r`<div slot=popover>${e}</div>`;
|
|
240
274
|
}
|
|
241
275
|
render() {
|
|
242
|
-
return
|
|
276
|
+
return r`<div><arcgis-slider class="slider" .disabled=${this.disabled} layout=horizontal .fillPlacement=${this.mode === "max-scale-only" ? "start" : this.mode === "min-scale-only" ? "end" : void 0} .fullRangeMin=${this._mapScaleToSlider(l[0].minScale)} .fullRangeMax=${this._mapScaleToSlider(l[l.length - 1].maxScale)} .max=${this._mapScaleToSlider(this.maxScaleLimit)} .min=${this._mapScaleToSlider(this.minScaleLimit)} .labelFormatter=${(e, i, a) => a(Math.round(this._mapSliderToScale(e)))} .values=${this.mode === "max-scale-only" ? [this._mapScaleToSlider(this._effectiveMaxScale)] : this.mode === "min-scale-only" ? [this._mapScaleToSlider(this._effectiveMinScale)] : [this._mapScaleToSlider(this._effectiveMinScale), this._mapScaleToSlider(this._effectiveMaxScale)]} @arcgisInput=${this._handleSliderThumbDrag} ${w(this._sliderRef)}>${this._renderScalePreviewPopover()}${this.view?.scale != null && this._renderCurrentScaleIndicator(this.view.scale) || ""}</arcgis-slider><div class="scale-menu-button-container" slot=content-end>${this.mode !== "max-scale-only" && !this.hideMinScaleMenu ? [this._renderScaleMenuButtons("min"), this._renderScaleMenuPopover("min")] : r`<div></div>`}${this.mode !== "min-scale-only" && !this.hideMaxScaleMenu && [this._renderScaleMenuButtons("max"), this._renderScaleMenuPopover("max")] || ""}</div></div>`;
|
|
243
277
|
}
|
|
244
278
|
_renderCurrentScaleIndicator(e) {
|
|
245
279
|
const i = this._sliderRef.value, a = i?.fullRangeMax ?? this._mapScaleToSlider(l[l.length - 1].maxScale), t = i?.fullRangeMin ?? this._mapScaleToSlider(l[0].minScale), s = a - t, c = Math.min(100, Math.max(0, (this._mapScaleToSlider(e) - t) / s * 100));
|
|
246
|
-
return
|
|
280
|
+
return g("scale-indicator", r`<div class="scale-indicator-container" slot=content-end><div class="scale-indicator-icon" style=${u({
|
|
247
281
|
position: "absolute",
|
|
248
282
|
left: `${c}%`
|
|
249
283
|
})} .title=${`${this.messages.currentScale} 1:${Math.round(e).toLocaleString(this.messages._t9nLocale)}`}><calcite-icon icon=caret-up scale=s></calcite-icon></div></div>`);
|
|
250
284
|
}
|
|
251
285
|
_renderCustomScaleValue(e, i) {
|
|
252
286
|
const a = Math.round(i).toString();
|
|
253
|
-
return
|
|
287
|
+
return r`<calcite-list-item .label=${this.messages?.featuredScaleLabels?.custom} .selected=${this._customScaleSelected === e} @calciteListItemSelect=${(t) => {
|
|
254
288
|
const s = t.target.querySelector("calcite-input-number");
|
|
255
289
|
this._handleCustomScaleInput(e, s?.value ?? ""), this._customScaleSelected = e;
|
|
256
290
|
}}><calcite-input-number dir=ltr class="scale-menu-input" slot=content-end group-separator inputmode=numeric .max=${l[0].minScale} .min=${l[l.length - 1].maxScale} number-button-type=none .placeholder=${this.messages?.customScaleInputTooltip} prefix-text=1: scale=s step=1 .value=${a} @click=${(t) => t.stopPropagation()} @keydown=${(t) => {
|
|
@@ -258,10 +292,10 @@ class R extends g {
|
|
|
258
292
|
}}></calcite-input-number></calcite-list-item>`;
|
|
259
293
|
}
|
|
260
294
|
_renderScaleMenuButtons(e) {
|
|
261
|
-
return
|
|
295
|
+
return r`<calcite-button .disabled=${this.disabled} class="scale-menu-button" .id=${`scale-menu-button-${e}`} icon-end=chevron-down scale=s .appearance=${this._activeMenu === e ? "outline" : "transparent"}>${this._getDropdownLabel(e)}</calcite-button>`;
|
|
262
296
|
}
|
|
263
297
|
_renderScaleMenuPopover(e) {
|
|
264
|
-
return
|
|
298
|
+
return r`<calcite-popover auto-close .label=${`${e === "min" ? "Min" : "Max"} scale menu`} .referenceElement=${`scale-menu-button-${e}`} .placement=${e === "max" ? "bottom-end" : "bottom-start"} .open=${this._activeMenu === e} scale=s @calcitePopoverOpen=${() => this._activeMenu = e} @calcitePopoverClose=${() => {
|
|
265
299
|
this._activeMenu === e && (this._activeMenu = null);
|
|
266
300
|
}}>${this._renderScaleMenu(e)}</calcite-popover>`;
|
|
267
301
|
}
|
|
@@ -269,14 +303,14 @@ class R extends g {
|
|
|
269
303
|
const i = Math.floor(this._mapScaleToSlider(this._effectiveMaxScale)), a = Math.floor(this._mapScaleToSlider(this._effectiveMinScale)), t = e === "min" ? this._effectiveMinScale : this._effectiveMaxScale, s = this.messages.featuredScaleLabels;
|
|
270
304
|
if (!s)
|
|
271
305
|
return;
|
|
272
|
-
const c = Math.floor(this._mapScaleToSlider(this.maxScaleLimit)),
|
|
306
|
+
const c = Math.floor(this._mapScaleToSlider(this.maxScaleLimit)), m = Math.floor(this._mapScaleToSlider(this.minScaleLimit)), n = l.filter((o, S) => e === "min" ? S < i && S >= m : S > a && S <= c).map((o) => this._renderScaleMenuItem({
|
|
273
307
|
scaleLabel: s[o.id],
|
|
274
308
|
scaleValue: o.scale,
|
|
275
309
|
isSelected: t === o.scale,
|
|
276
310
|
valueVisible: o.id !== "world" || this.showWorldValue,
|
|
277
311
|
type: e
|
|
278
312
|
}));
|
|
279
|
-
return
|
|
313
|
+
return r`<calcite-list label="Scale Menu List" scale=s class="scale-menu-list" selection-appearance=icon selection-mode=single-persist>${this.view?.scale != null && this._renderCustomScaleValue(e, t) || ""}${this.view?.scale != null ? this._renderScaleMenuItem({
|
|
280
314
|
scaleValue: this.view.scale,
|
|
281
315
|
scaleLabel: s.current,
|
|
282
316
|
isSelected: t === this.view.scale,
|
|
@@ -286,7 +320,7 @@ class R extends g {
|
|
|
286
320
|
}
|
|
287
321
|
_renderScaleMenuItem(e) {
|
|
288
322
|
const { scaleValue: i, scaleLabel: a, isSelected: t, valueVisible: s } = e, c = i === l[0].scale ? ` ${this.messages.aboveSuffix}` : i === l[l.length - 1].scale ? ` ${this.messages.belowSuffix}` : "";
|
|
289
|
-
return
|
|
323
|
+
return r`<calcite-list-item .label=${a} .selected=${t && this._customScaleSelected !== e.type} .description=${s ? `1:${Math.round(i).toLocaleString(this.messages._t9nLocale)}${c}` : void 0} @calciteListItemSelect=${() => {
|
|
290
324
|
this._setScale(e.type, i), this._customScaleSelected = null;
|
|
291
325
|
}}></calcite-list-item>`;
|
|
292
326
|
}
|
|
@@ -294,17 +328,17 @@ class R extends g {
|
|
|
294
328
|
const e = this._sliderRef.value?.activeValue;
|
|
295
329
|
if (typeof e != "number")
|
|
296
330
|
return null;
|
|
297
|
-
const i = Math.min(l.length - 1, Math.max(0, Math.floor(e))), a = 5, t = 128, s = t * (i % a), c = t * Math.floor(i / a),
|
|
298
|
-
return
|
|
331
|
+
const i = Math.min(l.length - 1, Math.max(0, Math.floor(e))), a = 5, t = 128, s = t * (i % a), c = t * Math.floor(i / a), m = `-${s}px -${c}px`, n = this._getSpriteSheetFile();
|
|
332
|
+
return r`<div class="preview-container"><img src=${x(`./assets/slider-scale-range/images/${n}.avif`) ?? v} style=${u({
|
|
299
333
|
display: "block",
|
|
300
334
|
height: `${t}px`,
|
|
301
335
|
width: `${t}px`,
|
|
302
|
-
objectPosition:
|
|
336
|
+
objectPosition: m,
|
|
303
337
|
objectFit: "none"
|
|
304
338
|
})}></div>`;
|
|
305
339
|
}
|
|
306
340
|
}
|
|
307
|
-
p("arcgis-slider-scale-range",
|
|
341
|
+
p("arcgis-slider-scale-range", I);
|
|
308
342
|
export {
|
|
309
|
-
|
|
343
|
+
I as ArcgisSliderScaleRange
|
|
310
344
|
};
|
|
@@ -112,10 +112,10 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
|
|
|
112
112
|
* numBins: 30,
|
|
113
113
|
* });
|
|
114
114
|
*
|
|
115
|
-
*
|
|
116
|
-
*
|
|
117
|
-
*
|
|
118
|
-
*
|
|
115
|
+
* slider.histogramConfig = {
|
|
116
|
+
* bins: histogramResult.bins
|
|
117
|
+
* };
|
|
118
|
+
* ```
|
|
119
119
|
* @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
120
120
|
*/
|
|
121
121
|
accessor histogramConfig: HistogramConfig | null | undefined;
|
|
@@ -166,7 +166,7 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
|
|
|
166
166
|
* }
|
|
167
167
|
* return value.toFixed(0);
|
|
168
168
|
* };
|
|
169
|
-
*
|
|
169
|
+
* ```
|
|
170
170
|
*/
|
|
171
171
|
accessor inputFormatFunction: LabelFormatFunction | null | undefined;
|
|
172
172
|
/**
|
|
@@ -211,7 +211,7 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
|
|
|
211
211
|
* slider.labelFormatFunction = (value: number, type?: SliderFormatType): string => {
|
|
212
212
|
* return (type === "value") ? value.toFixed(0) : value.toString();
|
|
213
213
|
* };
|
|
214
|
-
*
|
|
214
|
+
* ```
|
|
215
215
|
*/
|
|
216
216
|
accessor labelFormatFunction: LabelFormatFunction | null | undefined;
|
|
217
217
|
/**
|
|
@@ -315,12 +315,12 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
|
|
|
315
315
|
* min: 10,
|
|
316
316
|
* max: 25
|
|
317
317
|
* };
|
|
318
|
-
*
|
|
318
|
+
* ```
|
|
319
319
|
* @example
|
|
320
320
|
* ```js
|
|
321
321
|
* // disables zooming on the slider
|
|
322
322
|
* slider.zoomOptions = null;
|
|
323
|
-
*
|
|
323
|
+
* ```
|
|
324
324
|
* @example
|
|
325
325
|
* ```js
|
|
326
326
|
* // zooms the slider so thumbs can only be moved to positions above
|
|
@@ -328,7 +328,7 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
|
|
|
328
328
|
* slider.zoomOptions = {
|
|
329
329
|
* min: 10
|
|
330
330
|
* };
|
|
331
|
-
*
|
|
331
|
+
* ```
|
|
332
332
|
* @example
|
|
333
333
|
* ```js
|
|
334
334
|
* // zooms the slider so thumbs can only be moved to positions below
|
|
@@ -336,7 +336,7 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
|
|
|
336
336
|
* slider.zoomOptions = {
|
|
337
337
|
* max: 25
|
|
338
338
|
* };
|
|
339
|
-
*
|
|
339
|
+
* ```
|
|
340
340
|
*/
|
|
341
341
|
accessor zoomOptions: ZoomOptions | null | undefined;
|
|
342
342
|
/** Permanently destroy the component. */
|