@arcgis/map-components 5.1.0-next.65 → 5.1.0-next.67
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/PTY5K2SM.js +2 -0
- package/dist/cdn/index.js +1 -1
- package/dist/components/arcgis-area-measurement-3d/customElement.d.ts +2 -2
- package/dist/components/arcgis-basemap-layer-list/customElement.d.ts +2 -2
- package/dist/components/arcgis-building-explorer/customElement.d.ts +1 -1
- package/dist/components/arcgis-catalog-layer-list/customElement.d.ts +2 -2
- package/dist/components/arcgis-daylight/customElement.d.ts +5 -5
- package/dist/components/arcgis-direct-line-measurement-3d/customElement.d.ts +2 -2
- package/dist/components/arcgis-elevation-profile/customElement.d.ts +2 -2
- package/dist/components/arcgis-feature-table/customElement.d.ts +2 -2
- package/dist/components/arcgis-feature-templates-legacy/customElement.d.ts +5 -5
- package/dist/components/arcgis-layer-list/customElement.d.ts +2 -2
- package/dist/components/arcgis-layer-list-new/customElement.d.ts +2 -2
- package/dist/components/arcgis-legend/customElement.d.ts +10 -10
- package/dist/components/arcgis-line-of-sight/customElement.d.ts +1 -1
- package/dist/components/arcgis-popup/customElement.d.ts +1 -1
- package/dist/components/arcgis-reverse-geocode-list/customElement.d.ts +2 -0
- package/dist/components/arcgis-reverse-geocode-list/customElement.js +5 -5
- package/dist/components/arcgis-search/customElement.d.ts +4 -4
- package/dist/components/arcgis-shadow-cast/customElement.d.ts +3 -3
- package/dist/components/arcgis-slice/customElement.d.ts +2 -2
- package/dist/components/arcgis-slider-binary-color-size-legacy/customElement.d.ts +4 -4
- package/dist/components/arcgis-slider-classed-color-legacy/customElement.d.ts +3 -3
- package/dist/components/arcgis-slider-classed-size-legacy/customElement.d.ts +3 -3
- package/dist/components/arcgis-slider-color-legacy/customElement.d.ts +5 -5
- package/dist/components/arcgis-slider-color-size-legacy/customElement.d.ts +6 -6
- package/dist/components/arcgis-slider-heatmap-legacy/customElement.d.ts +1 -1
- package/dist/components/arcgis-slider-opacity-legacy/customElement.d.ts +5 -5
- package/dist/components/arcgis-slider-size-legacy/customElement.d.ts +5 -5
- package/dist/components/arcgis-time-slider/customElement.d.ts +6 -6
- package/dist/components/arcgis-value-picker-legacy/customElement.d.ts +5 -5
- package/dist/components/arcgis-video-player/customElement.d.ts +1 -1
- package/dist/components/arcgis-volume-measurement/customElement.d.ts +1 -1
- 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/dist/loader.js +1 -1
- package/dist/types/lumina.d.ts +1 -1
- package/dist/types/preact.d.ts +1 -1
- package/dist/types/react.d.ts +1 -1
- package/dist/types/stencil.d.ts +1 -1
- package/package.json +4 -4
- package/dist/cdn/XHOIGKVG.js +0 -2
|
@@ -260,8 +260,8 @@ export abstract class ArcgisLayerListNew extends LitElement {
|
|
|
260
260
|
*
|
|
261
261
|
* | Value | Description | Example |
|
|
262
262
|
* | ----- | ----------- | ------- |
|
|
263
|
-
* | default | Displays view icons on the far side. Icons are hidden except on hover or if they have keyboard focus. See [view-visible](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-visible&library=Calcite%20UI&query=view) and [view-hide](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-hide&library=Calcite%20UI&query=view) calcite icons. |  and [square](https://developers.arcgis.com/calcite-design-system/icons/?icon=square&library=Calcite%20UI&query=square) calcite icons. |  and [view-hide](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-hide&library=Calcite%20UI&query=view) calcite icons. |  |
|
|
264
|
+
* | checkbox | Displays checkbox icons on the near side. See [check-square-f](https://developers.arcgis.com/calcite-design-system/icons/?icon=check-square-f&library=Calcite%20UI&query=check) and [square](https://developers.arcgis.com/calcite-design-system/icons/?icon=square&library=Calcite%20UI&query=square) calcite icons. |  |
|
|
265
265
|
*
|
|
266
266
|
* @default "default"
|
|
267
267
|
* @since 4.29
|
|
@@ -42,35 +42,35 @@ import type { LegendViewModelState } from "@arcgis/core/widgets/Legend/LegendVie
|
|
|
42
42
|
*
|
|
43
43
|
* ### Unique values
|
|
44
44
|
*
|
|
45
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/visualization-location-types/)
|
|
46
46
|
*
|
|
47
47
|
* ### Continuous color
|
|
48
48
|
*
|
|
49
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/visualization-vv-color/)
|
|
50
50
|
*
|
|
51
51
|
* ### Classed color
|
|
52
52
|
*
|
|
53
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/visualization-classbreaks/)
|
|
54
54
|
*
|
|
55
55
|
* ### Continuous size
|
|
56
56
|
*
|
|
57
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/visualization-sm-size/)
|
|
58
58
|
*
|
|
59
59
|
* ### Size - above and below
|
|
60
60
|
*
|
|
61
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/visualization-sm-size-themes/)
|
|
62
62
|
*
|
|
63
63
|
* ### Dot density
|
|
64
64
|
*
|
|
65
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/visualization-dot-density/)
|
|
66
66
|
*
|
|
67
67
|
* ### Predominance
|
|
68
68
|
*
|
|
69
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/visualization-arcade/)
|
|
70
70
|
*
|
|
71
71
|
* ### Relationship
|
|
72
72
|
*
|
|
73
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/visualization-sm-relationship/)
|
|
74
74
|
*
|
|
75
75
|
*
|
|
76
76
|
* ## Legend labels
|
|
@@ -130,7 +130,7 @@ export abstract class ArcgisLegend extends LitElement {
|
|
|
130
130
|
* Indicates the layout of the legend when the [legendStyle](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-legend/#legendStyle) is set to the string value of `"card"`.
|
|
131
131
|
* The layout determines how the legend's content is arranged.
|
|
132
132
|
*
|
|
133
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/legend-card/)
|
|
134
134
|
*
|
|
135
135
|
* @since 4.34
|
|
136
136
|
* @example
|
|
@@ -257,7 +257,7 @@ export abstract class ArcgisLegend extends LitElement {
|
|
|
257
257
|
* You can either specify a string or an object to indicate the style. The known string values are the same values listed in
|
|
258
258
|
* the table within the `type` property.
|
|
259
259
|
*
|
|
260
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/legend-card/)
|
|
261
261
|
*
|
|
262
262
|
* @default "classic"
|
|
263
263
|
* @see [cardStyleLayout](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-legend/#cardStyleLayout)
|
|
@@ -12,7 +12,7 @@ import type { Icon as Icon } from "@esri/calcite-components/components/calcite-i
|
|
|
12
12
|
* in an [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/). Visibility between a given observer and multiple target points is calculated against the currently
|
|
13
13
|
* displayed content in the view, including the ground, integrated meshes, and 3D objects such as buildings or trees.
|
|
14
14
|
*
|
|
15
|
-
* 
|
|
16
16
|
*
|
|
17
17
|
* The analysis results are displayed as colored lines, where areas visible to the observer are
|
|
18
18
|
* shown green and occluded parts are marked in red. Also, the color of the target points indicates their visibility.
|
|
@@ -96,7 +96,7 @@ import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.j
|
|
|
96
96
|
* and [content](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#content) properties.
|
|
97
97
|
* When content is set directly on the Popup instance it is not tied to a specific feature or layer.
|
|
98
98
|
*
|
|
99
|
-
* 
|
|
100
100
|
*
|
|
101
101
|
* In the image above, the text "Marriage in Nassau County Census Tract 5177.01" is the popup's [heading](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#heading).
|
|
102
102
|
* The remaining text is the popup's [content](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#content).
|
|
@@ -13,6 +13,8 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
|
|
|
13
13
|
* @internal
|
|
14
14
|
*/
|
|
15
15
|
export abstract class ArcgisReverseGeocodeList extends LitElement {
|
|
16
|
+
/** @default false */
|
|
17
|
+
accessor autoDestroyDisabled: boolean;
|
|
16
18
|
/**
|
|
17
19
|
* Indicates the heading level to use for the component title.
|
|
18
20
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
2
|
import { c as p } from "../../chunks/runtime.js";
|
|
3
|
-
import { css as
|
|
4
|
-
import
|
|
3
|
+
import { css as f, html as a } from "lit";
|
|
4
|
+
import g from "@arcgis/core/portal/Portal.js";
|
|
5
5
|
import _ from "@arcgis/core/geometry/SpatialReference.js";
|
|
6
6
|
import { LitElement as b, createEvent as v, safeClassMap as $ } from "@arcgis/lumina";
|
|
7
7
|
import * as u from "@arcgis/core/geometry/operators/projectOperator.js";
|
|
@@ -9,15 +9,15 @@ import { locationToAddress as R } from "@arcgis/core/rest/locator.js";
|
|
|
9
9
|
import { substitute as C } from "@arcgis/core/intl.js";
|
|
10
10
|
import { u as y } from "../../chunks/useT9n.js";
|
|
11
11
|
import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
|
|
12
|
-
const w =
|
|
12
|
+
const w = f`.coordinates{font-size:var(--calcite-font-size-sm);color:var(--calcite-color-text-3);padding-inline-start:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-sm)}`, L = {
|
|
13
13
|
coordinates: "coordinates"
|
|
14
14
|
};
|
|
15
15
|
class G extends b {
|
|
16
16
|
constructor() {
|
|
17
|
-
super(...arguments), this.messages = y(), this._abortController = null, this._location = null, this._results = null, this.headingLevel = 3, this.portal =
|
|
17
|
+
super(...arguments), this.messages = y(), this._abortController = null, this._location = null, this._results = null, this.headingLevel = 3, this.portal = g.getDefault(), this.autoDestroyDisabled = !1, this.arcgisReverseGeocodeResultsChange = v();
|
|
18
18
|
}
|
|
19
19
|
static {
|
|
20
|
-
this.properties = { _abortController: 16, _location: 16, _results: 16, headingLevel: 9, portal: 0, location: 0, messageOverrides: 0, reverseGeocodeResults: 32 };
|
|
20
|
+
this.properties = { _abortController: 16, _location: 16, _results: 16, headingLevel: 9, portal: 0, location: 0, messageOverrides: 0, autoDestroyDisabled: 5, reverseGeocodeResults: 32 };
|
|
21
21
|
}
|
|
22
22
|
static {
|
|
23
23
|
this.styles = w;
|
|
@@ -57,7 +57,7 @@ export abstract class ArcgisSearch extends LitElement {
|
|
|
57
57
|
* String value used as a hint for input text when searching on multiple sources. See
|
|
58
58
|
* the image below to view the location and style of this text in the context of the component.
|
|
59
59
|
*
|
|
60
|
-
* 
|
|
61
61
|
*
|
|
62
62
|
* @default "Find address or place"
|
|
63
63
|
*/
|
|
@@ -153,7 +153,7 @@ export abstract class ArcgisSearch extends LitElement {
|
|
|
153
153
|
/**
|
|
154
154
|
* When `true`, will disable location services within the component.
|
|
155
155
|
*
|
|
156
|
-
* 
|
|
157
157
|
*
|
|
158
158
|
* **Note:**
|
|
159
159
|
* The use of this property is only supported on secure origins.
|
|
@@ -297,11 +297,11 @@ export abstract class ArcgisSearch extends LitElement {
|
|
|
297
297
|
/**
|
|
298
298
|
* By default, the "All" option is displayed by default to search all sources:
|
|
299
299
|
*
|
|
300
|
-
* 
|
|
301
301
|
*
|
|
302
302
|
* When `true`, no option to search all sources at once is available:
|
|
303
303
|
*
|
|
304
|
-
* 
|
|
305
305
|
*
|
|
306
306
|
* @default false
|
|
307
307
|
*/
|
|
@@ -32,20 +32,20 @@ import type { Icon as Icon } from "@esri/calcite-components/components/calcite-i
|
|
|
32
32
|
* within the selected time range. Areas that receive less shading than the minimum show no shadow. In the image below,
|
|
33
33
|
* on May 1, 2021, shadows are displayed only where shading exceeds 4 hours between 10AM and 4PM.
|
|
34
34
|
*
|
|
35
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
|
|
36
36
|
*
|
|
37
37
|
* **Total shadow duration** mode displays the cumulative duration of shadow within the selected time range using opacity:
|
|
38
38
|
* areas that receive no shadow remain fully transparent, while areas receiving the highest accumulated shadow duration
|
|
39
39
|
* use a default opacity of 0.7. Intermediate values are interpolated. This mode can visualize shadows continuously or
|
|
40
40
|
* in 1-hour intervals.
|
|
41
41
|
*
|
|
42
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
|
|
43
43
|
*
|
|
44
44
|
* **Discrete shadows** mode displays individual shadows at regular intervals within the selected time range.
|
|
45
45
|
* For example, with a time range from 10AM to 11AM and an interval set to 30 minutes, the shadows at 10AM, 10:30AM and
|
|
46
46
|
* 11:00AM will be displayed.
|
|
47
47
|
*
|
|
48
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/shadow-cast/)
|
|
49
49
|
*
|
|
50
50
|
* Hovering over the Scene will display a tooltip showing the amount of time that location is in shadow, rounded to 15-minute intervals.
|
|
51
51
|
*
|
|
@@ -15,7 +15,7 @@ import type { Icon as Icon } from "@esri/calcite-components/components/calcite-i
|
|
|
15
15
|
* [slice analysis](https://developers.arcgis.com/javascript/latest/references/core/analysis/SliceAnalysis/)
|
|
16
16
|
* to any layer type, making it possible to see inside buildings or to explore geological surfaces.
|
|
17
17
|
*
|
|
18
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-slice/index.html)
|
|
19
19
|
*
|
|
20
20
|
* The slicing [shape](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slice/#shape)
|
|
21
21
|
* is always a [plane](https://developers.arcgis.com/javascript/latest/references/core/analysis/SlicePlane/).
|
|
@@ -29,7 +29,7 @@ import type { Icon as Icon } from "@esri/calcite-components/components/calcite-i
|
|
|
29
29
|
* Once the slice plane is applied, layers can be excluded from the slicing. For example, by excluding the sublayers which include
|
|
30
30
|
* columns and floor slabs, the inner structure of a building can investigated.
|
|
31
31
|
*
|
|
32
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/building-scene-layer-slice/index.html)
|
|
33
33
|
*
|
|
34
34
|
* Holding the `Shift` key while placing a new slice applies it vertically.
|
|
35
35
|
*
|
|
@@ -135,12 +135,12 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
135
135
|
* The image below demonstrates how slider input values resemble corresponding slider values by default
|
|
136
136
|
* and won't match the formatting set in `labelFormatFunction`.
|
|
137
137
|
*
|
|
138
|
-
* 
|
|
139
139
|
*
|
|
140
140
|
* If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
|
|
141
141
|
* `inputFormatFunction` for consistent formatting.
|
|
142
142
|
*
|
|
143
|
-
* 
|
|
144
144
|
*
|
|
145
145
|
* However, if an `inputFormatFunction` is specified, you must also write a corresponding
|
|
146
146
|
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-binary-color-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
|
|
@@ -316,14 +316,14 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
316
316
|
* When a slider is in a zoomed state, the zoomed ends of the track will appear jagged. In the image below, notice how the
|
|
317
317
|
* top thumb cannot be moved past the zoom max of `31` even though the slider max is `200`.
|
|
318
318
|
*
|
|
319
|
-
* 
|
|
320
320
|
*
|
|
321
321
|
* To exit a zoomed state, the user can click the jagged line or the developer can set the `zoomOptions` to `null`. It
|
|
322
322
|
* is up to the developer to provide a UI option for end users to enable zooming on the slider.
|
|
323
323
|
*
|
|
324
324
|
* Setting the `zoomOptions` is useful when the slider is tied to heavily skewed datasets where the histogram renders only one or two bars because of outliers.
|
|
325
325
|
*
|
|
326
|
-
* 
|
|
327
327
|
*
|
|
328
328
|
* You can remove the influence of outliers by zooming the slider and regenerating a histogram based on the zoomed min and max. This will provide a better view of the data
|
|
329
329
|
* and make the slider more useful to the end user.
|
|
@@ -22,7 +22,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
22
22
|
* <span id="image-annotations"></span>
|
|
23
23
|
* See the image below for a summary of the configurable options available on this slider.
|
|
24
24
|
*
|
|
25
|
-
* 
|
|
26
26
|
*
|
|
27
27
|
* The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/ClassedColorSlider/#fromRendererResult) method can be used to intelligently populate slider properties including
|
|
28
28
|
* [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-color-legacy/#max), [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-color-legacy/#min), the [classBreakInfos](https://developers.arcgis.com/javascript/latest/references/core/renderers/ClassBreaksRenderer/#classBreakInfos) configuration,
|
|
@@ -150,12 +150,12 @@ export abstract class ArcgisSliderClassedColorLegacy extends LitElement {
|
|
|
150
150
|
* The image below demonstrates how slider input values resemble corresponding slider values by default
|
|
151
151
|
* and won't match the formatting set in `labelFormatFunction`.
|
|
152
152
|
*
|
|
153
|
-
* 
|
|
154
154
|
*
|
|
155
155
|
* If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
|
|
156
156
|
* `inputFormatFunction` for consistent formatting.
|
|
157
157
|
*
|
|
158
|
-
* 
|
|
159
159
|
*
|
|
160
160
|
* However, if an `inputFormatFunction` is specified, you must also write a corresponding
|
|
161
161
|
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-color-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
|
|
@@ -22,7 +22,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
22
22
|
*
|
|
23
23
|
* See the image below for a summary of the configurable options available on this slider.
|
|
24
24
|
*
|
|
25
|
-
* 
|
|
26
26
|
*
|
|
27
27
|
* The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#updateFromRendererResult) method can be used to intelligently populate slider properties including
|
|
28
28
|
* [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#max), [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#min), the [classBreakInfos](https://developers.arcgis.com/javascript/latest/references/core/renderers/ClassBreaksRenderer/#classBreakInfos) configuration,
|
|
@@ -143,12 +143,12 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
|
|
|
143
143
|
* The image below demonstrates how slider input values resemble corresponding slider values by default
|
|
144
144
|
* and won't match the formatting set in `labelFormatFunction`.
|
|
145
145
|
*
|
|
146
|
-
* 
|
|
147
147
|
*
|
|
148
148
|
* If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
|
|
149
149
|
* `inputFormatFunction` for consistent formatting.
|
|
150
150
|
*
|
|
151
|
-
* 
|
|
152
152
|
*
|
|
153
153
|
* However, if an `inputFormatFunction` is specified, you must also write a corresponding
|
|
154
154
|
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
|
|
@@ -21,7 +21,7 @@ import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widge
|
|
|
21
21
|
* <span id="image-annotations"></span>
|
|
22
22
|
* See the image below for a summary of the configurable options available on this slider.
|
|
23
23
|
*
|
|
24
|
-
* 
|
|
25
25
|
*
|
|
26
26
|
* The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#updateFromRendererResult) method can be used to intelligently populate slider properties including
|
|
27
27
|
* [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#max), [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#min), the [color visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/) configuration,
|
|
@@ -149,12 +149,12 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
|
|
|
149
149
|
* The image below demonstrates how slider input values resemble corresponding slider values by default
|
|
150
150
|
* and won't match the formatting set in `labelFormatFunction`.
|
|
151
151
|
*
|
|
152
|
-
* 
|
|
153
153
|
*
|
|
154
154
|
* If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
|
|
155
155
|
* `inputFormatFunction` for consistent formatting.
|
|
156
156
|
*
|
|
157
|
-
* 
|
|
158
158
|
*
|
|
159
159
|
* However, if an `inputFormatFunction` is specified, you must also write a corresponding
|
|
160
160
|
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
|
|
@@ -312,14 +312,14 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
|
|
|
312
312
|
* When a slider is in a zoomed state, the zoomed ends of the track will appear jagged. In the image below, notice how the
|
|
313
313
|
* top thumb cannot be moved past the zoom max of `31` even though the slider max is `200`.
|
|
314
314
|
*
|
|
315
|
-
* 
|
|
316
316
|
*
|
|
317
317
|
* To exit a zoomed state, the user can click the jagged line or the developer can set the `zoomOptions` to `null`. It
|
|
318
318
|
* is up to the developer to provide a UI option for end users to enable zooming on the slider.
|
|
319
319
|
*
|
|
320
320
|
* Setting the `zoomOptions` is useful when the slider is tied to heavily skewed datasets where the histogram renders only one or two bars because of outliers.
|
|
321
321
|
*
|
|
322
|
-
* 
|
|
323
323
|
*
|
|
324
324
|
* You can remove the influence of outliers by zooming the slider and regenerating a histogram based on the zoomed min and max. This will provide a better view of the data
|
|
325
325
|
* and make the slider more useful to the end user.
|
|
@@ -29,11 +29,11 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
29
29
|
* far apart from one another; the feature furthest from the [Camera](https://developers.arcgis.com/javascript/latest/references/core/Camera/) will appear smaller than
|
|
30
30
|
* the feature closer to the camera. The color variable can help the user understand that both features have similar values.
|
|
31
31
|
*
|
|
32
|
-
* 
|
|
33
33
|
*
|
|
34
34
|
* See the image below for a summary of the configurable options available on this slider.
|
|
35
35
|
*
|
|
36
|
-
* 
|
|
37
37
|
*
|
|
38
38
|
* The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#updateFromRendererResult) method can be used to intelligently populate slider properties including
|
|
39
39
|
* [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#max), [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#min), [size visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/) configuration,
|
|
@@ -157,12 +157,12 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
157
157
|
* The image below demonstrates how slider input values resemble corresponding slider values by default
|
|
158
158
|
* and won't match the formatting set in `labelFormatFunction`.
|
|
159
159
|
*
|
|
160
|
-
* 
|
|
161
161
|
*
|
|
162
162
|
* If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
|
|
163
163
|
* `inputFormatFunction` for consistent formatting.
|
|
164
164
|
*
|
|
165
|
-
* 
|
|
166
166
|
*
|
|
167
167
|
* However, if an `inputFormatFunction` is specified, you must also write a corresponding
|
|
168
168
|
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
|
|
@@ -355,14 +355,14 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
355
355
|
* When a slider is in a zoomed state, the zoomed ends of the track will appear jagged. In the image below, notice how the
|
|
356
356
|
* top thumb cannot be moved past the zoom max of `31` even though the slider max is `200`.
|
|
357
357
|
*
|
|
358
|
-
* 
|
|
359
359
|
*
|
|
360
360
|
* To exit a zoomed state, the user can click the jagged line or the developer can set the `zoomOptions` to `null`. It
|
|
361
361
|
* is up to the developer to provide a UI option for end users to enable zooming on the slider.
|
|
362
362
|
*
|
|
363
363
|
* Setting the `zoomOptions` is useful when the slider is tied to heavily skewed datasets where the histogram renders only one or two bars because of outliers.
|
|
364
364
|
*
|
|
365
|
-
* 
|
|
366
366
|
*
|
|
367
367
|
* You can remove the influence of outliers by zooming the slider and regenerating a histogram based on the zoomed min and max. This will provide a better view of the data
|
|
368
368
|
* and make the slider more useful to the end user.
|
|
@@ -17,7 +17,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
17
17
|
*
|
|
18
18
|
* See the image below for a summary of the configurable options available on this slider.
|
|
19
19
|
*
|
|
20
|
-
* 
|
|
21
21
|
*
|
|
22
22
|
* ```js
|
|
23
23
|
* const viewElement = document.querySelector("arcgis-map")!;
|
|
@@ -23,7 +23,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
23
23
|
* <span id="image-annotations"></span>
|
|
24
24
|
* See the image below for a summary of the configurable options available on this slider.
|
|
25
25
|
*
|
|
26
|
-
* 
|
|
27
27
|
*
|
|
28
28
|
* The [updateFromVisualVariableResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-opacity-legacy/#updateFromVisualVariableResult) method can be used to intelligently populate slider properties including [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-opacity-legacy/#max), [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-opacity-legacy/#min),
|
|
29
29
|
* the [opacity visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/OpacityVariable/) configuration,
|
|
@@ -137,12 +137,12 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
|
|
|
137
137
|
* The image below demonstrates how slider input values resemble corresponding slider values by default
|
|
138
138
|
* and won't match the formatting set in `labelFormatFunction`.
|
|
139
139
|
*
|
|
140
|
-
* 
|
|
141
141
|
*
|
|
142
142
|
* If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
|
|
143
143
|
* `inputFormatFunction` for consistent formatting.
|
|
144
144
|
*
|
|
145
|
-
* 
|
|
146
146
|
*
|
|
147
147
|
* However, if an `inputFormatFunction` is specified, you must also write a corresponding
|
|
148
148
|
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-opacity-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
|
|
@@ -302,14 +302,14 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
|
|
|
302
302
|
* When a slider is in a zoomed state, the zoomed ends of the track will appear jagged. In the image below, notice how the
|
|
303
303
|
* top thumb cannot be moved past the zoom max of `31` even though the slider max is `200`.
|
|
304
304
|
*
|
|
305
|
-
* 
|
|
306
306
|
*
|
|
307
307
|
* To exit a zoomed state, the user can click the jagged line or the developer can set the `zoomOptions` to `null`. It
|
|
308
308
|
* is up to the developer to provide a UI option for end users to enable zooming on the slider.
|
|
309
309
|
*
|
|
310
310
|
* Setting the `zoomOptions` is useful when the slider is tied to heavily skewed datasets where the histogram renders only one or two bars because of outliers.
|
|
311
311
|
*
|
|
312
|
-
* 
|
|
313
313
|
*
|
|
314
314
|
* You can remove the influence of outliers by zooming the slider and regenerating a histogram based on the zoomed min and max. This will provide a better view of the data
|
|
315
315
|
* and make the slider more useful to the end user.
|
|
@@ -23,7 +23,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
23
23
|
*
|
|
24
24
|
* See the image below for a summary of the configurable options available on this slider.
|
|
25
25
|
*
|
|
26
|
-
* 
|
|
27
27
|
*
|
|
28
28
|
* The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#updateFromRendererResult) method can be used to intelligently populate slider properties including
|
|
29
29
|
* [max](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#max), [min](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#min), [size visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/)
|
|
@@ -134,12 +134,12 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
|
|
|
134
134
|
* The image below demonstrates how slider input values resemble corresponding slider values by default
|
|
135
135
|
* and won't match the formatting set in `labelFormatFunction`.
|
|
136
136
|
*
|
|
137
|
-
* 
|
|
138
138
|
*
|
|
139
139
|
* If you want to format slider input values so they match thumb labels, you can pass the same function set in `labelFormatFunction` to
|
|
140
140
|
* `inputFormatFunction` for consistent formatting.
|
|
141
141
|
*
|
|
142
|
-
* 
|
|
143
143
|
*
|
|
144
144
|
* However, if an `inputFormatFunction` is specified, you must also write a corresponding
|
|
145
145
|
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
|
|
@@ -295,14 +295,14 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
|
|
|
295
295
|
* When a slider is in a zoomed state, the zoomed ends of the track will appear jagged. In the image below, notice how the
|
|
296
296
|
* top thumb cannot be moved past the zoom max of `31` even though the slider max is `200`.
|
|
297
297
|
*
|
|
298
|
-
* 
|
|
299
299
|
*
|
|
300
300
|
* To exit a zoomed state, the user can click the jagged line or the developer can set the `zoomOptions` to `null`. It
|
|
301
301
|
* is up to the developer to provide a UI option for end users to enable zooming on the slider.
|
|
302
302
|
*
|
|
303
303
|
* Setting the `zoomOptions` is useful when the slider is tied to heavily skewed datasets where the histogram renders only one or two bars because of outliers.
|
|
304
304
|
*
|
|
305
|
-
* 
|
|
306
306
|
*
|
|
307
307
|
* You can remove the influence of outliers by zooming the slider and regenerating a histogram based on the zoomed min and max. This will provide a better view of the data
|
|
308
308
|
* and make the slider more useful to the end user.
|
|
@@ -19,7 +19,7 @@ import type { TickConfig } from "@arcgis/core/widgets/Slider/types.js";
|
|
|
19
19
|
export abstract class ArcgisTimeSlider extends LitElement {
|
|
20
20
|
/**
|
|
21
21
|
* Defines actions that will appear in a menu when the user clicks the ellipsis button
|
|
22
|
-
*  in the component. The
|
|
23
23
|
* ellipsis button will not display if this property is `null` or if the collection is empty.
|
|
24
24
|
* Each [Action](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/types/#Action) is defined with a unique id, a title,
|
|
25
25
|
* and an icon.
|
|
@@ -28,7 +28,7 @@ export abstract class ArcgisTimeSlider extends LitElement {
|
|
|
28
28
|
* can be used to execute custom code such as setting the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) to a specific date or copying the
|
|
29
29
|
* timeExtent to the browser's clipboard.
|
|
30
30
|
*
|
|
31
|
-
* [](https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=widgets-timeslider-offset)
|
|
32
32
|
*
|
|
33
33
|
* @since 4.21
|
|
34
34
|
* @see [Sample - TimeSlider with offset](https://developers.arcgis.com/javascript/latest/sample-code/widgets-timeslider-offset/)
|
|
@@ -187,10 +187,10 @@ export abstract class ArcgisTimeSlider extends LitElement {
|
|
|
187
187
|
*
|
|
188
188
|
* Possible Values | Description | Example |
|
|
189
189
|
* ----------------------|-------------- | ------- |
|
|
190
|
-
* instant | The slider will show temporal data that falls on a single instance in time. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` and `end` dates to same date: `{start: sameDate, end: sameDate}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-instance.
|
|
191
|
-
* time-window | The slider will show temporal data that falls within a given time range. This is the default. Set [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` and `date` properties to desired dates. | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-time-window.
|
|
192
|
-
* cumulative-from-start | Similar to `time-window` with the start time is always pinned to the start of the slider. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` date to `null` and set `end` date to a desired date: `{start: null, end: date}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-from-start.
|
|
193
|
-
* cumulative-from-end | Also, similar to the `time-window` with the end time pinned to the end of the slider. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` date to a desired date and set `end` date to `null`: `{start: date, end: null}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-from-end.
|
|
190
|
+
* instant | The slider will show temporal data that falls on a single instance in time. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` and `end` dates to same date: `{start: sameDate, end: sameDate}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-instance.avif"> |
|
|
191
|
+
* time-window | The slider will show temporal data that falls within a given time range. This is the default. Set [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` and `date` properties to desired dates. | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-time-window.avif"> |
|
|
192
|
+
* cumulative-from-start | Similar to `time-window` with the start time is always pinned to the start of the slider. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` date to `null` and set `end` date to a desired date: `{start: null, end: date}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-from-start.avif"> |
|
|
193
|
+
* cumulative-from-end | Also, similar to the `time-window` with the end time pinned to the end of the slider. Set the [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent) property's `start` date to a desired date and set `end` date to `null`: `{start: date, end: null}` | <img alt="mode-instance" src="https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/timeslider/mode-from-end.avif"> |
|
|
194
194
|
*
|
|
195
195
|
* @default "time-window"
|
|
196
196
|
* @see [timeExtent](https://developers.arcgis.com/javascript/latest/references/core/widgets/TimeSlider/#timeExtent)
|