@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.
Files changed (27) hide show
  1. package/dist/cdn/{RH4PIMHF.js → APG5BPBC.js} +1 -1
  2. package/dist/cdn/GMOWIPQL.js +2 -0
  3. package/dist/cdn/V4FMJCXV.js +2 -0
  4. package/dist/cdn/index.js +1 -1
  5. package/dist/components/arcgis-direct-line-measurement-3d/customElement.js +20 -20
  6. package/dist/components/arcgis-features/customElement.d.ts +4 -17
  7. package/dist/components/arcgis-link-chart/customElement.d.ts +24 -0
  8. package/dist/components/arcgis-map/customElement.d.ts +24 -0
  9. package/dist/components/arcgis-oriented-imagery-viewer/customElement.js +3 -3
  10. package/dist/components/arcgis-popup/customElement.d.ts +13 -20
  11. package/dist/components/arcgis-scene/customElement.d.ts +24 -0
  12. package/dist/components/arcgis-slider-binary-color-size-legacy/customElement.d.ts +10 -10
  13. package/dist/components/arcgis-slider-classed-color-legacy/customElement.d.ts +6 -6
  14. package/dist/components/arcgis-slider-classed-size-legacy/customElement.d.ts +6 -6
  15. package/dist/components/arcgis-slider-color-legacy/customElement.d.ts +10 -10
  16. package/dist/components/arcgis-slider-color-size-legacy/customElement.d.ts +10 -10
  17. package/dist/components/arcgis-slider-opacity-legacy/customElement.d.ts +10 -10
  18. package/dist/components/arcgis-slider-scale-range/customElement.d.ts +1 -1
  19. package/dist/components/arcgis-slider-scale-range/customElement.js +65 -31
  20. package/dist/components/arcgis-slider-size-legacy/customElement.d.ts +10 -10
  21. package/dist/docs/api.json +1 -1
  22. package/dist/docs/docs.json +1 -1
  23. package/dist/docs/vscode.html-custom-data.json +1 -1
  24. package/dist/docs/web-types.json +1 -1
  25. package/package.json +4 -4
  26. package/dist/cdn/4IQZ7YKM.js +0 -2
  27. 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
- * slider.histogramConfig = {
139
- * bins: histogramResult.bins
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
- * slider.histogramConfig = {
119
- * bins: histogramResult.bins
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 | string | undefined;
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 _ } from "lit/directives/keyed.js";
4
- import { LitElement as g, createEvent as d, safeStyleMap as u, nothing as M } from "@arcgis/lumina";
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 v } from "../../chunks/useView.js";
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 m } from "lit";
9
- import { usePropertyChange as $ } from "@arcgis/lumina/controllers";
10
- import { createRef as b, ref as w } from "lit/directives/ref.js";
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
- ]), 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 = [
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 R extends g {
137
+ class I extends _ {
110
138
  constructor() {
111
- super(...arguments), this.messages = y(), this._sliderRef = b(), 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 = v(this), this.arcgisChange = d(), this.arcgisInput = d(), this.arcgisPropertyChange = $()("state", "minScale", "maxScale"), this.arcgisReady = d();
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 r = this.layer && "maxScaleRange" in this.layer ? this.layer.maxScaleRange : null;
186
+ const m = this.layer && "maxScaleRange" in this.layer ? this.layer.maxScaleRange : null;
159
187
  let n = 0, o = 0;
160
- r && (n = r.minScale, o = r.maxScale), o !== 0 && (this._layerMaxScaleLimit = o), n !== 0 && (this._layerMinScaleLimit = n);
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}-${this.region.toLowerCase()}`;
187
- if (h.has(a))
188
- return a;
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 = `${this.messages._t9nLocale}-${this.messages._t9nLocale}`;
196
- if (h.has(i))
197
- return i;
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 : m`<div slot=popover>${e}</div>`;
273
+ return this.hidePreview || !e ? null : r`<div slot=popover>${e}</div>`;
240
274
  }
241
275
  render() {
242
- return m`<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")] : m`<div></div>`}${this.mode !== "min-scale-only" && !this.hideMaxScaleMenu && [this._renderScaleMenuButtons("max"), this._renderScaleMenuPopover("max")] || ""}</div></div>`;
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 _("scale-indicator", m`<div class="scale-indicator-container" slot=content-end><div class="scale-indicator-icon" style=${u({
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 m`<calcite-list-item .label=${this.messages?.featuredScaleLabels?.custom} .selected=${this._customScaleSelected === e} @calciteListItemSelect=${(t) => {
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 m`<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>`;
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 m`<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=${() => {
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)), r = Math.floor(this._mapScaleToSlider(this.minScaleLimit)), n = l.filter((o, S) => e === "min" ? S < i && S >= r : S > a && S <= c).map((o) => this._renderScaleMenuItem({
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 m`<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({
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 m`<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=${() => {
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), r = `-${s}px -${c}px`, n = this._getSpriteSheetFile();
298
- return m`<div class="preview-container"><img src=${x(`./assets/slider-scale-range/images/${n}.avif`) ?? M} style=${u({
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: r,
336
+ objectPosition: m,
303
337
  objectFit: "none"
304
338
  })}></div>`;
305
339
  }
306
340
  }
307
- p("arcgis-slider-scale-range", R);
341
+ p("arcgis-slider-scale-range", I);
308
342
  export {
309
- R as ArcgisSliderScaleRange
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
- * slider.histogramConfig = {
116
- * bins: histogramResult.bins
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. */