@arcgis/common-components 5.1.0-next.2 → 5.1.0-next.21
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/README.md +24 -1
- package/dist/cdn/23DDMSOB.js +2 -0
- package/dist/cdn/3O7GAC23.js +2 -0
- package/dist/cdn/4CW7U27R.js +2 -0
- package/dist/cdn/4DCAUWTC.js +2 -0
- package/dist/cdn/EKKJN7WZ.js +2 -0
- package/dist/cdn/GAR4QMLU.js +2 -0
- package/dist/cdn/JTRO7GRS.js +2 -0
- package/dist/cdn/ZLXAKPUH.js +2 -0
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/commonFunctions.js +3 -13
- package/dist/components/arcgis-ckeditor5/customElement.d.ts +1 -0
- package/dist/components/arcgis-ckeditor5/types.d.ts +9 -0
- package/dist/components/arcgis-ckeditor5-popover/customElement.d.ts +1 -0
- package/dist/components/arcgis-color-input/customElement.d.ts +1 -0
- package/dist/components/arcgis-field-info/customElement.d.ts +1 -0
- package/dist/components/arcgis-field-info/customElement.js +10 -10
- package/dist/components/arcgis-field-info/utils/basic.d.ts +1 -0
- package/dist/components/arcgis-field-pick-list/customElement.d.ts +1 -0
- package/dist/components/arcgis-field-pick-list/utils/types.d.ts +5 -1
- package/dist/components/arcgis-histogram/customElement.d.ts +46 -28
- package/dist/components/arcgis-label-input/customElement.d.ts +5 -4
- package/dist/components/arcgis-picker-input/customElement.d.ts +1 -0
- package/dist/components/arcgis-ramp-color/customElement.d.ts +2 -0
- package/dist/components/arcgis-ramp-color-break/customElement.d.ts +2 -0
- package/dist/components/arcgis-ramp-opacity/customElement.d.ts +1 -0
- package/dist/components/arcgis-slider/customElement.d.ts +269 -73
- package/dist/components/arcgis-slider/customElement.js +318 -289
- package/dist/components/arcgis-slider-input/customElement.d.ts +1 -0
- package/dist/components/arcgis-ticks/customElement.d.ts +101 -13
- package/dist/components/arcgis-ticks/customElement.js +27 -27
- package/dist/components/arcgis-ticks/types.d.ts +23 -0
- package/dist/components/arcgis-unique-values-list/customElement.d.ts +8 -1
- package/dist/components/arcgis-unique-values-list/customElement.js +155 -149
- package/dist/components/arcgis-unique-values-list/utils/basic.d.ts +1 -0
- 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 +2 -2
- package/dist/types/lumina.d.ts +2 -2
- package/dist/types/preact.d.ts +2 -2
- package/dist/types/react.d.ts +2 -2
- package/dist/types/stencil.d.ts +2 -2
- package/dist/utils/types.d.ts +24 -7
- package/package.json +3 -3
- package/dist/cdn/6MGBOM6S.js +0 -2
- package/dist/cdn/6NYYZIHB.js +0 -2
- package/dist/cdn/BAVGT3I5.js +0 -2
- package/dist/cdn/GQLKGVRX.js +0 -2
- package/dist/cdn/P45VPBNI.js +0 -2
- package/dist/cdn/S7T3XQPB.js +0 -2
- package/dist/cdn/ZP76EPVI.js +0 -2
|
@@ -5,10 +5,10 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
|
5
5
|
import type { T9nMeta } from "@arcgis/lumina/controllers";
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
|
-
* Renders a histogram to visualize the spread of a dataset based on [bins](
|
|
9
|
-
* data. Each [bin](https://developers.arcgis.com/javascript/latest/
|
|
8
|
+
* Renders a histogram to visualize the spread of a dataset based on [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins) representing buckets, or sub-ranges, of
|
|
9
|
+
* data. Each [bin](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/types/#HistogramBin) is defined by a minimum and maximum value and a total count.
|
|
10
10
|
*
|
|
11
|
-
* You can generate the underlying histogram's bins with the [histogram](https://developers.arcgis.com/javascript/latest/
|
|
11
|
+
* You can generate the underlying histogram's bins with the [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
12
12
|
* module, then apply them to the component, as shown in the example below.
|
|
13
13
|
*
|
|
14
14
|
* ```js
|
|
@@ -27,26 +27,25 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
|
|
|
27
27
|
* histogramElement.max = results.maxValue;
|
|
28
28
|
* ```
|
|
29
29
|
*
|
|
30
|
-
* Other properties of this component allow you to display meaningful values on the histogram, such as the [average](
|
|
31
|
-
* [
|
|
30
|
+
* Other properties of this component allow you to display meaningful values on the histogram, such as the [average](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#average),
|
|
31
|
+
* [standardDeviation](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#standardDeviation), and the [dataLines](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#dataLines) properties.
|
|
32
32
|
*
|
|
33
|
-
* The [layout](
|
|
33
|
+
* The [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#layout) property allows you to set the orientation of the histogram, and the [colorStops](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#colorStops)
|
|
34
34
|
* property allows you to set a gradient or color scheme for the histogram bars.
|
|
35
35
|
*
|
|
36
|
-
*
|
|
37
|
-
* See the image below for a summary of the configurable options available on this slider.
|
|
36
|
+
* See the image below for a summary of the configurable options available on the histogram.
|
|
38
37
|
*
|
|
39
|
-
* 
|
|
40
39
|
*
|
|
41
|
-
* The [colorStops](
|
|
40
|
+
* The [colorStops](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#colorStops) property may be used to define a color scheme for the histogram bars.
|
|
42
41
|
*
|
|
43
|
-
* 
|
|
42
|
+
* 
|
|
47
43
|
*
|
|
48
44
|
* @cssproperty [--arcgis-histogram-bar-color] - Specifies the color of the histogram bars when the bin doesn't have a corresponding color stop.
|
|
49
45
|
* @cssproperty [--arcgis-histogram-stop-color] - Specifies the default color for color stops.
|
|
46
|
+
* @see [histogram module](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
47
|
+
* @see [Sample - Histogram component](https://developers.arcgis.com/javascript/latest/sample-code/histogram/)
|
|
48
|
+
* @since 5.0
|
|
50
49
|
*/
|
|
51
50
|
export abstract class ArcgisHistogram extends LitElement {
|
|
52
51
|
/** @internal */
|
|
@@ -60,13 +59,13 @@ export abstract class ArcgisHistogram extends LitElement {
|
|
|
60
59
|
/**
|
|
61
60
|
* The statistical average of the data in the histogram. You would typically
|
|
62
61
|
* get this value from the `avg` property of
|
|
63
|
-
* [SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/
|
|
62
|
+
* [SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#SummaryStatisticsResult),
|
|
64
63
|
* which is the result of the
|
|
65
|
-
* [summaryStatistics](https://developers.arcgis.com/javascript/latest/
|
|
64
|
+
* [summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics) function.
|
|
66
65
|
*
|
|
67
66
|
* When set, this value will render on the histogram with a symbol indicating it is the average.
|
|
68
67
|
*
|
|
69
|
-
* @see [summaryStatistics](https://developers.arcgis.com/javascript/latest/
|
|
68
|
+
* @see [summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics)
|
|
70
69
|
* @example
|
|
71
70
|
* ```js
|
|
72
71
|
* // sets result returned from a smart mapping method
|
|
@@ -82,7 +81,7 @@ export abstract class ArcgisHistogram extends LitElement {
|
|
|
82
81
|
/**
|
|
83
82
|
* An array of objects representing each bin in the histogram. This
|
|
84
83
|
* information is typically returned from the
|
|
85
|
-
* [histogram](https://developers.arcgis.com/javascript/latest/
|
|
84
|
+
* [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/#histogram) function.
|
|
86
85
|
*
|
|
87
86
|
* @example
|
|
88
87
|
* ```js
|
|
@@ -108,7 +107,7 @@ export abstract class ArcgisHistogram extends LitElement {
|
|
|
108
107
|
* When set to `true`, overlapping classed color stops will be blended together to create the color of the bar.
|
|
109
108
|
* This allows to show a if a bar representing a bin overlaps with multiple classed color stops.
|
|
110
109
|
*
|
|
111
|
-
* This property is only applicable when the [colorStops](
|
|
110
|
+
* This property is only applicable when the [colorStops](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#colorStops) property is set to classed color stops.
|
|
112
111
|
*
|
|
113
112
|
* @default false
|
|
114
113
|
*/
|
|
@@ -119,7 +118,7 @@ export abstract class ArcgisHistogram extends LitElement {
|
|
|
119
118
|
* - **Continuous color stops**: Each stop is defined by a `color` and a value. The color of the bar is determined by interpolating between the
|
|
120
119
|
* colors of the stops surrounding the value of the bin.
|
|
121
120
|
* - **Classed color stops**: Each stop is defined by a `color` and a `minValue` and `maxValue`. The color of the bar is determined by the color of the stop
|
|
122
|
-
* that contains the value of the bin. If the `color` is
|
|
121
|
+
* that contains the value of the bin. If the `color` is omitted, the bar will be colored using the CSS variable `--arcgis-histogram-stop-color`.
|
|
123
122
|
*
|
|
124
123
|
* When a bar is not covered by any color stop, it will be colored using the CSS variable `--arcgis-histogram-bar-color`.
|
|
125
124
|
*
|
|
@@ -176,7 +175,7 @@ export abstract class ArcgisHistogram extends LitElement {
|
|
|
176
175
|
* };
|
|
177
176
|
* });
|
|
178
177
|
* ```
|
|
179
|
-
* @see [smartMappingUtils.getDeviationValues](https://developers.arcgis.com/javascript/latest/
|
|
178
|
+
* @see [smartMappingUtils.getDeviationValues](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/support/utils/#getDeviationValues)
|
|
180
179
|
*/
|
|
181
180
|
accessor dataLines: DataLine[] | undefined;
|
|
182
181
|
/**
|
|
@@ -201,7 +200,7 @@ export abstract class ArcgisHistogram extends LitElement {
|
|
|
201
200
|
accessor layout: HistogramLayout;
|
|
202
201
|
/**
|
|
203
202
|
* The maximum value or bound of the entire histogram. This
|
|
204
|
-
* should match the maximum bound of the last [
|
|
203
|
+
* should match the maximum bound of the last [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins).
|
|
205
204
|
*
|
|
206
205
|
* @example
|
|
207
206
|
* ```js
|
|
@@ -209,20 +208,23 @@ export abstract class ArcgisHistogram extends LitElement {
|
|
|
209
208
|
* ```
|
|
210
209
|
* @example
|
|
211
210
|
* ```js
|
|
212
|
-
* // sets result returned from a smart mapping method
|
|
213
|
-
* // to the histogram
|
|
211
|
+
* // sets result returned from a smart mapping method to the histogram
|
|
214
212
|
* histogram.max = response.statistics.max;
|
|
215
213
|
* ```
|
|
216
214
|
*/
|
|
217
215
|
accessor max: number | undefined;
|
|
218
|
-
/**
|
|
216
|
+
/**
|
|
217
|
+
* Replace localized message strings with your own strings.
|
|
218
|
+
*
|
|
219
|
+
* _**Note**: Individual message keys may change between releases._
|
|
220
|
+
*/
|
|
219
221
|
accessor messageOverrides: {
|
|
220
222
|
componentLabel?: string | undefined;
|
|
221
223
|
barLabel?: string | undefined;
|
|
222
224
|
};
|
|
223
225
|
/**
|
|
224
226
|
* The minimum value or bound of the entire histogram. This
|
|
225
|
-
* should match the minimum bound of the first [
|
|
227
|
+
* should match the minimum bound of the first [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins).
|
|
226
228
|
*
|
|
227
229
|
* @example
|
|
228
230
|
* ```js
|
|
@@ -230,11 +232,27 @@ export abstract class ArcgisHistogram extends LitElement {
|
|
|
230
232
|
* ```
|
|
231
233
|
* @example
|
|
232
234
|
* ```js
|
|
233
|
-
* // sets result returned from a smart mapping method
|
|
234
|
-
* // to the histogram
|
|
235
|
+
* // sets result returned from a smart mapping method to the histogram
|
|
235
236
|
* histogram.min = response.statistics.min;
|
|
236
237
|
* ```
|
|
237
238
|
*/
|
|
238
239
|
accessor min: number | undefined;
|
|
240
|
+
/**
|
|
241
|
+
* The statistical standard deviation of the data in the histogram. You would typically
|
|
242
|
+
* get this value from the `stddev` property of
|
|
243
|
+
* [SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#SummaryStatisticsResult),
|
|
244
|
+
* which is the result of the
|
|
245
|
+
* [summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics) function.
|
|
246
|
+
*
|
|
247
|
+
* When set, this value will render on the histogram with symbols indicating standard deviation intervals from the mean.
|
|
248
|
+
*
|
|
249
|
+
* @see [summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics)
|
|
250
|
+
* @example
|
|
251
|
+
* ```js
|
|
252
|
+
* // sets result returned from a smart mapping method
|
|
253
|
+
* // to the histogram
|
|
254
|
+
* histogram.standardDeviation = response.statistics.stddev;
|
|
255
|
+
* ```
|
|
256
|
+
*/
|
|
239
257
|
accessor standardDeviation: number | undefined;
|
|
240
258
|
}
|
|
@@ -4,6 +4,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
|
4
4
|
import type { Button as Button } from "@esri/calcite-components/components/calcite-button";
|
|
5
5
|
import type { InputNumber as InputNumber } from "@esri/calcite-components/components/calcite-input-number";
|
|
6
6
|
|
|
7
|
+
/** @internal */
|
|
7
8
|
export abstract class ArcgisLabelInput extends LitElement {
|
|
8
9
|
/**
|
|
9
10
|
* Specifies the alignment of the component's text elements.
|
|
@@ -13,11 +14,11 @@ export abstract class ArcgisLabelInput extends LitElement {
|
|
|
13
14
|
accessor alignment: Button["alignment"] & InputNumber["alignment"];
|
|
14
15
|
/**
|
|
15
16
|
* Indicates whether the component is in edit mode.
|
|
16
|
-
* This value changes when user interacts with the component or when [edit()](
|
|
17
|
-
* The value is always `false` when the component is in [
|
|
17
|
+
* This value changes when user interacts with the component or when [edit()](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/#edit) is called.
|
|
18
|
+
* The value is always `false` when the component is in [readOnly](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/#readOnly) mode.
|
|
18
19
|
*
|
|
19
20
|
* @default false
|
|
20
|
-
* @see [edit()](
|
|
21
|
+
* @see [edit()](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/#edit)
|
|
21
22
|
*/
|
|
22
23
|
get editing(): boolean;
|
|
23
24
|
/** A function used to format the value. */
|
|
@@ -37,7 +38,7 @@ export abstract class ArcgisLabelInput extends LitElement {
|
|
|
37
38
|
/**
|
|
38
39
|
* Initiates the edit mode for the component.
|
|
39
40
|
*
|
|
40
|
-
* @see [editing](
|
|
41
|
+
* @see [editing](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/#editing)
|
|
41
42
|
*/
|
|
42
43
|
edit(): Promise<void>;
|
|
43
44
|
/** Fires each time a new value is typed and committed. */
|
|
@@ -3,6 +3,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
|
3
3
|
import type { IPopoverProps } from "../../utils/types.js";
|
|
4
4
|
import type { Icon as Icon } from "@esri/calcite-components/components/calcite-icon";
|
|
5
5
|
|
|
6
|
+
/** @internal */
|
|
6
7
|
export abstract class ArcgisPickerInput extends LitElement {
|
|
7
8
|
/**
|
|
8
9
|
* If true, disables the component.
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import type Color from "@arcgis/core/Color.js";
|
|
3
3
|
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
4
4
|
|
|
5
|
+
/** @internal */
|
|
5
6
|
export abstract class ArcgisRampColor extends LitElement {
|
|
6
7
|
/** @default "horizontal" */
|
|
7
8
|
accessor layout: "horizontal" | "vertical";
|
|
@@ -12,6 +13,7 @@ export abstract class ArcgisRampColor extends LitElement {
|
|
|
12
13
|
accessor stops: ColorStop[];
|
|
13
14
|
}
|
|
14
15
|
|
|
16
|
+
/** @internal */
|
|
15
17
|
export interface ColorStop {
|
|
16
18
|
color: Color | string;
|
|
17
19
|
value: number;
|
|
@@ -3,6 +3,7 @@ import type Color from "@arcgis/core/Color.js";
|
|
|
3
3
|
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
4
4
|
import type { ArcgisRampColor } from "../arcgis-ramp-color/customElement.js";
|
|
5
5
|
|
|
6
|
+
/** @internal */
|
|
6
7
|
export abstract class ArcgisRampColorBreak extends LitElement {
|
|
7
8
|
/** @default "horizontal" */
|
|
8
9
|
accessor layout: ArcgisRampColor["layout"];
|
|
@@ -13,6 +14,7 @@ export abstract class ArcgisRampColorBreak extends LitElement {
|
|
|
13
14
|
accessor stops: ColorBreak[];
|
|
14
15
|
}
|
|
15
16
|
|
|
17
|
+
/** @internal */
|
|
16
18
|
export interface ColorBreak {
|
|
17
19
|
color: Color | string;
|
|
18
20
|
max: number;
|
|
@@ -3,6 +3,7 @@ import type Color from "@arcgis/core/Color.js";
|
|
|
3
3
|
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
4
4
|
import type { ArcgisRampColor } from "../arcgis-ramp-color/customElement.js";
|
|
5
5
|
|
|
6
|
+
/** @internal */
|
|
6
7
|
export abstract class ArcgisRampOpacity extends LitElement {
|
|
7
8
|
accessor fillColor: Color | string;
|
|
8
9
|
/** @default "horizontal" */
|