@arcgis/common-components 5.0.3 → 5.0.4

package/dist/docs/web-types.json

@@ -1 +1 @@
-{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","name":"@arcgis/common-components","version":"5.0.3","description-markup":"markdown","contributions":{"html":{"elements":[{"name":"arcgis-ckeditor5","description":"### Events\n- **arcgisCkeditor5Created**\n- **arcgisCkeditor5DataUpdated**\n- **arcgisCkeditor5SourceEditingChanged**\n- **arcgisCreated** - Emitted when the editor has been created.\n- **arcgisDataUpdated** - Emitted when the editor's data has been updated.\n- **arcgisSourceEditingChanged** - Emitted when the editor's source editing mode has changed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `getData(): Promise<any>` - Get the current data in the editor.\n- `setFocus(): Promise<void>` - Set focus on the component.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/","attributes":[{"name":"can-resize-vertically","description":"The editor's text area will have a vertical resize handle if set to true","default":"false","value":{"type":"boolean"}},{"name":"current-language","description":"language for ckeditor","default":"\"en\"","value":{"type":"string"}},{"name":"custom-config","description":"Config to customize editor (will be merged with default config)\nDefault config will match html or markdown editor here:https://devtopia.esri.com/WebGIS/ckeditor5-build-classic.\nAlso includes default language and field expression mentions settings","value":{"type":"any"}},{"name":"editor-type","description":"Base configuration for editor","default":"\"html\"","value":{"type":["\"html\"","\"markdown\""]}},{"name":"group-fields-and-expressions","description":"The fields / expressions in the default mention configuration will be grouped if set to true","default":"false","value":{"type":"boolean"}},{"name":"intl-expressions-group-heading","description":"Header text for expressions mention dropdown (assuming default mention configuration)","default":"\"\"","value":{"type":"string"}},{"name":"intl-fields-group-heading","description":"Header text for fields in mention dropdown (assuming default mention configuration)","default":"\"\"","value":{"type":"string"}},{"name":"intl-text-place-holder","description":"Placeholder text for editor","default":"\"\"","value":{"type":"string"}},{"name":"read-only","description":"The toolbar will be hidden and the data will only be changeable through the `textData` prop if true","default":"false","value":{"type":"boolean"}},{"name":"text-data","description":"Input data for editor in html / markdown text format","value":{"type":"string"}}],"events":[{"name":"arcgisCkeditor5Created","type":"ArcgisCkeditor5"},{"name":"arcgisCkeditor5DataUpdated","type":"string"},{"name":"arcgisCkeditor5SourceEditingChanged","type":"boolean"},{"name":"arcgisCreated","type":"ArcgisCkeditor5","description":"Emitted when the editor has been created."},{"name":"arcgisDataUpdated","type":"string","description":"Emitted when the editor's data has been updated."},{"name":"arcgisSourceEditingChanged","type":"boolean","description":"Emitted when the editor's source editing mode has changed."}],"js":{"properties":[{"name":"canResizeVertically","description":"The editor's text area will have a vertical resize handle if set to true","type":"boolean | undefined"},{"name":"currentLanguage","description":"language for ckeditor","type":"string"},{"name":"customConfig","description":"Config to customize editor (will be merged with default config)\nDefault config will match html or markdown editor here:https://devtopia.esri.com/WebGIS/ckeditor5-build-classic.\nAlso includes default language and field expression mentions settings","type":"any | undefined"},{"name":"customExpressionCheck","description":"The function that will be used to distinguish expressions from fields in the default mention configuration","type":"((field: {\n    id: string;\n    name: string;\n}) => boolean) | undefined"},{"name":"editorType","description":"Base configuration for editor","type":"EditorType | undefined"},{"name":"groupFieldsAndExpressions","description":"The fields / expressions in the default mention configuration will be grouped if set to true","type":"boolean | undefined"},{"name":"intlExpressionsGroupHeading","description":"Header text for expressions mention dropdown (assuming default mention configuration)","type":"string"},{"name":"intlFieldsGroupHeading","description":"Header text for fields in mention dropdown (assuming default mention configuration)","type":"string"},{"name":"intlTextPlaceHolder","description":"Placeholder text for editor","type":"string"},{"name":"mentionFields","description":"List of fields/expressions for the default mentions implementation\nIf you don't want mentions or are customizing the mention feed in customConfig, you do not need to supply this","type":"InputMentionField[] | undefined"},{"name":"readOnly","description":"The toolbar will be hidden and the data will only be changeable through the `textData` prop if true","type":"boolean | undefined"},{"name":"textData","description":"Input data for editor in html / markdown text format","type":"string | undefined"}],"events":[{"name":"arcgisCkeditor5Created","type":"ArcgisCkeditor5"},{"name":"arcgisCkeditor5DataUpdated","type":"string"},{"name":"arcgisCkeditor5SourceEditingChanged","type":"boolean"},{"name":"arcgisCreated","type":"ArcgisCkeditor5","description":"Emitted when the editor has been created."},{"name":"arcgisDataUpdated","type":"string","description":"Emitted when the editor's data has been updated."},{"name":"arcgisSourceEditingChanged","type":"boolean","description":"Emitted when the editor's source editing mode has changed."}]}},{"name":"arcgis-ckeditor5-popover","description":"### Events\n- **arcgisCkeditor5PopoverClosed**\n- **arcgisPopoverClosed** - Emitted when the popover has been closed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `reposition(): Promise<void>` - Reposition the component.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5-popover/","attributes":[{"name":"guid","description":"Guid for ckeditor popover instance.","value":{"type":"string"}},{"name":"intl-cancel","description":"Cancel button text.","default":"\"Cancel\"","value":{"type":"string"}},{"name":"intl-label","description":"Popover label text.","value":{"type":"string"}},{"name":"intl-ok","description":"Ok button text.","default":"\"Ok\"","value":{"type":"string"}}],"events":[{"name":"arcgisCkeditor5PopoverClosed","type":"{\n    guid: string;\n    data?: string;\n}"},{"name":"arcgisPopoverClosed","type":"{\n    guid: string;\n    data?: string;\n}","description":"Emitted when the popover has been closed."}],"js":{"properties":[{"name":"guid","description":"Guid for ckeditor popover instance.","type":"`${string}-${string}-${string}-${string}-${string}`"},{"name":"intlCancel","description":"Cancel button text.","type":"string"},{"name":"intlLabel","description":"Popover label text.","type":"string | undefined"},{"name":"intlOk","description":"Ok button text.","type":"string"},{"name":"refElement","description":"Reference element for the popover.","type":"HTMLElement | undefined"}],"events":[{"name":"arcgisCkeditor5PopoverClosed","type":"{\n    guid: string;\n    data?: string;\n}"},{"name":"arcgisPopoverClosed","type":"{\n    guid: string;\n    data?: string;\n}","description":"Emitted when the popover has been closed."}]}},{"name":"arcgis-color-input","description":"### Events\n- **arcgisChange** - Emitted when the color has changed.\n- **arcgisColorInputChange**\n- **arcgisColorInputPopoverClose**\n- **arcgisColorInputPopoverOpen**\n- **arcgisColorInputSwatchUpdate**\n- **arcgisPickerClose**\n- **arcgisPickerOpen**\n- **arcgisSwatchUpdate** - Emitted when a color swatch is updated (emits selected color hex).\n\n### Methods\n- `close(): Promise<void>` - Close the component.\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `setFocus(): Promise<void>` - Set focus on the component.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-color-input/","attributes":[{"name":"clearable","description":"Display option to set no color.","default":"false","value":{"type":"boolean"}},{"name":"color","description":"The selected color as a HEX value. If not set it will display a 'transparent' color swatch.","value":{"type":"string"}},{"name":"compact","description":"Control whether the component should be displayed in a compact style (i.e., fewer recent color options).","default":"false","value":{"type":"boolean"}},{"name":"disabled","description":"Control whether the component is disabled.","default":"false","value":{"type":"boolean"}},{"name":"hide-recent-colors","description":"If true, do not display recent colors.","default":"false","value":{"type":"boolean"}},{"name":"placement","description":"Determines where the popup color picker will be positioned relative to the color input.","default":"\"auto\"","value":{"type":["\"auto\"","\"auto-start\"","\"auto-end\"","\"top\"","\"top-start\"","\"top-end\"","\"bottom\"","\"bottom-start\"","\"bottom-end\"","\"right\"","\"right-start\"","\"right-end\"","\"left\"","\"left-start\"","\"left-end\"","\"leading-start\"","\"leading\"","\"leading-end\"","\"trailing-end\"","\"trailing\"","\"trailing-start\""]}},{"name":"show-transparency","description":"If true, allow transparency to be modified within the color picker.","default":"false","value":{"type":"boolean"}},{"name":"storage-id","description":"The id of the local storage element that will store recent colors.","default":"\"arcgis-color-input-storage-colors\"","value":{"type":"string"}}],"events":[{"name":"arcgisChange","type":"void","description":"Emitted when the color has changed."},{"name":"arcgisColorInputChange","type":"void"},{"name":"arcgisColorInputPopoverClose","type":"string"},{"name":"arcgisColorInputPopoverOpen","type":"void"},{"name":"arcgisColorInputSwatchUpdate","type":"string | undefined"},{"name":"arcgisPickerClose","type":"string"},{"name":"arcgisPickerOpen","type":"void"},{"name":"arcgisSwatchUpdate","type":"string | undefined","description":"Emitted when a color swatch is updated (emits selected color hex)."}],"js":{"properties":[{"name":"clearable","description":"Display option to set no color.","type":"boolean"},{"name":"color","description":"The selected color as a HEX value. If not set it will display a 'transparent' color swatch.","type":"string | undefined"},{"name":"compact","description":"Control whether the component should be displayed in a compact style (i.e., fewer recent color options).","type":"boolean"},{"name":"disabled","description":"Control whether the component is disabled.","type":"boolean"},{"name":"hideRecentColors","description":"If true, do not display recent colors.","type":"boolean"},{"name":"messageOverrides","description":"Replace localized message strings with your own strings.","type":"Record<string, unknown> | undefined"},{"name":"placement","description":"Determines where the popup color picker will be positioned relative to the color input.","type":"Popover[\"placement\"]"},{"name":"popoverProps","description":"Convenience prop to specify common popover props.","type":"IPopoverProps | undefined"},{"name":"showTransparency","description":"If true, allow transparency to be modified within the color picker.","type":"boolean"},{"name":"storageId","description":"The id of the local storage element that will store recent colors.","type":"string"}],"events":[{"name":"arcgisChange","type":"void","description":"Emitted when the color has changed."},{"name":"arcgisColorInputChange","type":"void"},{"name":"arcgisColorInputPopoverClose","type":"string"},{"name":"arcgisColorInputPopoverOpen","type":"void"},{"name":"arcgisColorInputSwatchUpdate","type":"string | undefined"},{"name":"arcgisPickerClose","type":"string"},{"name":"arcgisPickerOpen","type":"void"},{"name":"arcgisSwatchUpdate","type":"string | undefined","description":"Emitted when a color swatch is updated (emits selected color hex)."}]}},{"name":"arcgis-field-info","description":"### Events\n- **arcgisComplete** - Emitted once all information is displayed.\n- **arcgisFieldInfoComplete**\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `refresh(): Promise<void>` - Refresh the field info display after external changes are made.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-field-info/","attributes":[{"name":"field-name","description":"Required field name.","value":{"type":"string"}},{"name":"hide-alias","description":"If true, hide the field alias section.","default":"false","value":{"type":"boolean"}},{"name":"hide-numeric-format","description":"If true, hide the decimal places section.","default":"false","value":{"type":"boolean"}},{"name":"hide-statistics","description":"If true, hide statistics (i.e., no top 10 values for string and no stats for number and date fields).","default":"false","value":{"type":"boolean"}}],"events":[{"name":"arcgisComplete","type":"void","description":"Emitted once all information is displayed."},{"name":"arcgisFieldInfoComplete","type":"void"}],"js":{"properties":[{"name":"fieldName","description":"Required field name.","type":"string | undefined"},{"name":"hideAlias","description":"If true, hide the field alias section.","type":"boolean"},{"name":"hideNumericFormat","description":"If true, hide the decimal places section.","type":"boolean"},{"name":"hideStatistics","description":"If true, hide statistics (i.e., no top 10 values for string and no stats for number and date fields).","type":"boolean"},{"name":"layer","description":"Required layer instance.","type":"FieldInfoLayer | undefined"},{"name":"view","description":"View instance. If no view is provided all dates will show in 'system' timezone.","type":"__esri.View | undefined"}],"events":[{"name":"arcgisComplete","type":"void","description":"Emitted once all information is displayed."},{"name":"arcgisFieldInfoComplete","type":"void"}]}},{"name":"arcgis-field-pick-list","description":"A component that displays a list of fields for selection, inside a popover (default) or just as a list.\n--\n\n### Events\n- **arcgisChange** - Emitted when the selected fields have changed. selectedFields contains fields in order of the user's selection.\n- **arcgisClose** - Emitted when the pick list has been closed.\n- **arcgisDeleteField** - Emitted when the delete icon of a field has been clicked. The field must have IPickListFieldInfo.showDeleteAction set to true.\n- **arcgisEditField** - Emitted when the edit icon of a field has been clicked. The field must have IPickListFieldInfo.showEditAction set to true.\n- **arcgisFieldPickListChange**\n- **arcgisFieldPickListDismissed**\n- **arcgisFieldPickListSortByChange**\n- **arcgisSortByChange** - Emitted when the field pick list sort order has changed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `reposition(): Promise<void>` - Reposition the component.\n- `setDisabled(disable: boolean): Promise<void>` - Control whether the component is disabled.\n- `setFocus(): Promise<void>` - Set focus on the component.\n\n### Slots\n- **content-top** - A slot for content on top of the search filter and list, non-scrollable. Valid only if listOnly is not set to true.\n- **content-center** - A slot for content below the search filter and above the list items, will scroll with the list.\n- **content-bottom** - A slot for content below the list, non-scrollable. Valid only if listOnly is not set to true.\n- **content-footer** - A slot for content below the list inside the panel's footer, non-scrollable. Valid only if listOnly is not set to true.\n- **no-fields** - A slot for content, e.g. a message, that displays if the list of fields is empty.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-field-pick-list/","attributes":[{"name":"expressions-group-heading","description":"Header text for group containing expressions, if 'groupFieldsAndExpressions' is set to true.","value":{"type":"string"}},{"name":"fields-group-heading","description":"Header text for group containing fields, if 'groupFieldsAndExpressions' is set to true.","value":{"type":"string"}},{"name":"filter-no-results-text","description":"Filter no results text. If empty string (\"\") no text will be shown.","value":{"type":"string"}},{"name":"filter-placeholder-text","description":"Filter placeholder text.","value":{"type":"string"}},{"name":"group-fields-and-expressions","description":"**Deprecated**: Pass in grouped lists of fields instead.\nIf true, fields and expressions are placed in separate groups.. ","default":"false","value":{"type":"boolean"}},{"name":"heading","description":"Heading text. Valid only if listOnly is not set to true.","value":{"type":"string"}},{"name":"hide-cancel","description":"If true, hides the cancel button. Valid only if listOnly is not set to true.","default":"false","value":{"type":"boolean"}},{"name":"hide-sort","description":"If true, hides the sort menu button.","default":"false","value":{"type":"boolean"}},{"name":"list-only","description":"If true, renders without a popover.","default":"false","value":{"type":"boolean"}},{"name":"multiple","description":"If true, allows for multiple selection. If false, the\npopover will close once an item has been selected.","default":"false","value":{"type":"boolean"}},{"name":"ok-btn-text","description":"Ok button text. Ok button only shows when multiple set to true. Valid only if listOnly is not set to true.","value":{"type":"string"}},{"name":"show-cancel","description":"**Deprecated**: use hideCancel instead. ","default":"true","value":{"type":"boolean"}},{"name":"show-description","description":"If true, displays description. By default only displays field alias.","default":"false","value":{"type":"boolean"}},{"name":"show-field-info","description":"If true, displays the field info button. Valid only if listOnly is not set to true.","default":"false","value":{"type":"boolean"}},{"name":"show-field-name","description":"If true, displays field name. By default only displays field alias.","default":"false","value":{"type":"boolean"}},{"name":"show-field-type-icon","description":"If true, displays an icon corresponding to the field's type.","default":"false","value":{"type":"boolean"}},{"name":"show-filter-length","description":"If true, displays the filter option based on the number of fields.","default":"10","value":{"type":"number"}},{"name":"show-selection-all","description":"If true, displays a 'Select All' button on top of the list. Valid only if multiple is set to true.","default":"false","value":{"type":"boolean"}},{"name":"show-sort","description":"**Deprecated**: use hideSort instead. ","default":"true","value":{"type":"boolean"}},{"name":"sort-by","description":"The initial sort order.","default":"\"default\"","value":{"type":["\"default\"","\"display\"","\"field\"","\"type\""]}}],"slots":[{"name":"content-top","description":"A slot for content on top of the search filter and list, non-scrollable. Valid only if listOnly is not set to true."},{"name":"content-center","description":"A slot for content below the search filter and above the list items, will scroll with the list."},{"name":"content-bottom","description":"A slot for content below the list, non-scrollable. Valid only if listOnly is not set to true."},{"name":"content-footer","description":"A slot for content below the list inside the panel's footer, non-scrollable. Valid only if listOnly is not set to true."},{"name":"no-fields","description":"A slot for content, e.g. a message, that displays if the list of fields is empty."}],"events":[{"name":"arcgisChange","type":"{ selectedFields: string[]; }","description":"Emitted when the selected fields have changed. selectedFields contains fields in order of the user's selection."},{"name":"arcgisClose","type":"{ selectedFields: string[]; } | void","description":"Emitted when the pick list has been closed."},{"name":"arcgisDeleteField","type":"{ fieldName: string; }","description":"Emitted when the delete icon of a field has been clicked. The field must have IPickListFieldInfo.showDeleteAction set to true."},{"name":"arcgisEditField","type":"{ fieldName: string; }","description":"Emitted when the edit icon of a field has been clicked. The field must have IPickListFieldInfo.showEditAction set to true."},{"name":"arcgisFieldPickListChange","type":"{ selectedFields: string[]; }"},{"name":"arcgisFieldPickListDismissed","type":"{ selectedFields: string[]; } | void"},{"name":"arcgisFieldPickListSortByChange","type":"LastSortBy"},{"name":"arcgisSortByChange","type":"LastSortBy","description":"Emitted when the field pick list sort order has changed."}],"js":{"properties":[{"name":"customExpressionCheck","description":"Custom function to distinguish expressions from fields.","type":"((field: IPickListFieldInfo) => boolean) | undefined"},{"name":"expressionsGroupHeading","description":"Header text for group containing expressions, if 'groupFieldsAndExpressions' is set to true.","type":"string | undefined"},{"name":"fields","description":"All display fields with name, alias, type, and description, sorted by default order.\nA field with type \"none\" will always show at the bottom of the list without an info action.","type":"IPickListFieldInfo[] | IPickListGroupInfo[]"},{"name":"fieldsGroupHeading","description":"Header text for group containing fields, if 'groupFieldsAndExpressions' is set to true.","type":"string | undefined"},{"name":"filterNoResultsText","description":"Filter no results text. If empty string (\"\") no text will be shown.","type":"string | undefined"},{"name":"filterPlaceholderText","description":"Filter placeholder text.","type":"string | undefined"},{"name":"groupFieldsAndExpressions","type":"boolean | undefined"},{"name":"heading","description":"Heading text. Valid only if listOnly is not set to true.","type":"string | undefined"},{"name":"hideCancel","description":"If true, hides the cancel button. Valid only if listOnly is not set to true.","type":"boolean"},{"name":"hideSort","description":"If true, hides the sort menu button.","type":"boolean"},{"name":"layer","description":"Layer instance.","type":"FieldPickListLayer | undefined"},{"name":"listOnly","description":"If true, renders without a popover.","type":"boolean"},{"name":"mapView","type":"__esri.View | undefined"},{"name":"multiple","description":"If true, allows for multiple selection. If false, the\npopover will close once an item has been selected.","type":"boolean"},{"name":"okBtnText","description":"Ok button text. Ok button only shows when multiple set to true. Valid only if listOnly is not set to true.","type":"string | undefined"},{"name":"popoverProps","description":"Convenience prop to specify common popover props, `popoverProps.refElement` is required. Valid only if listOnly is not set to true.","type":"IPopoverProps | undefined"},{"name":"selectedFields","description":"The initially selected fields. Will use selectedFields[0] when multiple is set to false.","type":"string[]"},{"name":"showCancel","type":"boolean"},{"name":"showDescription","description":"If true, displays description. By default only displays field alias.","type":"boolean"},{"name":"showFieldInfo","description":"If true, displays the field info button. Valid only if listOnly is not set to true.","type":"boolean"},{"name":"showFieldName","description":"If true, displays field name. By default only displays field alias.","type":"boolean"},{"name":"showFieldTypeIcon","description":"If true, displays an icon corresponding to the field's type.","type":"boolean"},{"name":"showFilterLength","description":"If true, displays the filter option based on the number of fields.","type":"number"},{"name":"showSelectionAll","description":"If true, displays a 'Select All' button on top of the list. Valid only if multiple is set to true.","type":"boolean"},{"name":"showSort","type":"boolean"},{"name":"sortBy","description":"The initial sort order.","type":"LastSortBy"},{"name":"view","description":"View instance.","type":"__esri.View | undefined"}],"events":[{"name":"arcgisChange","type":"{ selectedFields: string[]; }","description":"Emitted when the selected fields have changed. selectedFields contains fields in order of the user's selection."},{"name":"arcgisClose","type":"{ selectedFields: string[]; } | void","description":"Emitted when the pick list has been closed."},{"name":"arcgisDeleteField","type":"{ fieldName: string; }","description":"Emitted when the delete icon of a field has been clicked. The field must have IPickListFieldInfo.showDeleteAction set to true."},{"name":"arcgisEditField","type":"{ fieldName: string; }","description":"Emitted when the edit icon of a field has been clicked. The field must have IPickListFieldInfo.showEditAction set to true."},{"name":"arcgisFieldPickListChange","type":"{ selectedFields: string[]; }"},{"name":"arcgisFieldPickListDismissed","type":"{ selectedFields: string[]; } | void"},{"name":"arcgisFieldPickListSortByChange","type":"LastSortBy"},{"name":"arcgisSortByChange","type":"LastSortBy","description":"Emitted when the field pick list sort order has changed."}]}},{"name":"arcgis-histogram","description":"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\ndata. 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.\n\nYou can generate the underlying histogram's bins with the [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)\nmodule, then apply them to the component, as shown in the example below.\n\n```js\nconst params = {\n  layer: povLayer,\n  field: \"POP_POVERTY\",\n  normalizationField: \"TOTPOP_CY\",\n  numBins: 30\n};\n\nconst results = await histogram(params);\nconst histogramElement = document.querySelector(\"arcgis-histogram\");\n\nhistogramElement.bins = results.bins;\nhistogramElement.min = results.minValue;\nhistogramElement.max = results.maxValue;\n```\n\nOther 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),\n[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.\n\nThe [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)\nproperty allows you to set a gradient or color scheme for the histogram bars.\n\nSee the image below for a summary of the configurable options available on the histogram.\n\n![Histogram with annotations](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/histogram-basic-labels.png \"Histogram with annotations\")\n\nThe [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.\n\n![Histogram with color](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/histogram-colors.png \"Histogram with color\")\n--\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n\n### CSS Properties\n- **--arcgis-histogram-bar-color** - Specifies the color of the histogram bars when the bin doesn't have a corresponding color stop. \n- **--arcgis-histogram-stop-color** - Specifies the default color for color stops. ","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/","attributes":[{"name":"average","description":"The statistical average of the data in the histogram. You would typically\nget this value from the `avg` property of\n[SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#SummaryStatisticsResult),\nwhich is the result of the\n[summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics) function.\n\nWhen set, this value will render on the histogram with a symbol indicating it is the average.","value":{"type":"number"}},{"name":"color-blending-enabled","description":"When set to `true`, overlapping classed color stops will be blended together to create the color of the bar.\nThis allows to show a if a bar representing a bin overlaps with multiple classed color stops.\n\nThis 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.","default":"false","value":{"type":"boolean"}},{"name":"icon","description":"Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).\nSearch [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.","default":"\"graph-histogram\"","value":{"type":"string"}},{"name":"label","description":"The component's default label.","value":{"type":"string"}},{"name":"layout","description":"Determines the orientation of the histogram.","default":"\"horizontal\"","value":{"type":["\"horizontal\"","\"vertical\""]}},{"name":"max","description":"The maximum value or bound of the entire histogram. This\nshould match the maximum bound of the last [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins).","value":{"type":"number"}},{"name":"min","description":"The minimum value or bound of the entire histogram. This\nshould match the minimum bound of the first [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins).","value":{"type":"number"}},{"name":"standard-deviation","description":"The statistical standard deviation of the data in the histogram. You would typically\nget this value from the `stddev` property of\n[SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#SummaryStatisticsResult),\nwhich is the result of the\n[summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics) function.\n\nWhen set, this value will render on the histogram with symbols indicating standard deviation intervals from the mean.","value":{"type":"number"}}],"events":[],"js":{"properties":[{"name":"average","description":"The statistical average of the data in the histogram. You would typically\nget this value from the `avg` property of\n[SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#SummaryStatisticsResult),\nwhich is the result of the\n[summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics) function.\n\nWhen set, this value will render on the histogram with a symbol indicating it is the average.","type":"number | undefined"},{"name":"bins","description":"An array of objects representing each bin in the histogram. This\ninformation is typically returned from the\n[histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/#histogram) function.","type":"HistogramBin[] | undefined"},{"name":"colorBlendingEnabled","description":"When set to `true`, overlapping classed color stops will be blended together to create the color of the bar.\nThis allows to show a if a bar representing a bin overlaps with multiple classed color stops.\n\nThis 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.","type":"boolean"},{"name":"colorStops","description":"An array of color stops used to define the color scheme for the histogram bars.\nThere are two types of color stops:\n- **Continuous color stops**: Each stop is defined by a `color` and a value. The color of the bar is determined by interpolating between the\n  colors of the stops surrounding the value of the bin.\n- **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\n 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`.\n\nWhen a bar is not covered by any color stop, it will be colored using the CSS variable `--arcgis-histogram-bar-color`.","type":"HistogramColorStops | undefined"},{"name":"dataLines","description":"When set, renders lines on the histogram that indicate important or\nmeaningful values to the end user.","type":"DataLine[] | undefined"},{"name":"icon","description":"Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).\nSearch [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.","type":"string | undefined"},{"name":"label","description":"The component's default label.","type":"string | undefined"},{"name":"layout","description":"Determines the orientation of the histogram.","type":"HistogramLayout"},{"name":"max","description":"The maximum value or bound of the entire histogram. This\nshould match the maximum bound of the last [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins).","type":"number | undefined"},{"name":"messageOverrides","description":"Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._","type":"Record<string, unknown> | undefined"},{"name":"min","description":"The minimum value or bound of the entire histogram. This\nshould match the minimum bound of the first [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins).","type":"number | undefined"},{"name":"standardDeviation","description":"The statistical standard deviation of the data in the histogram. You would typically\nget this value from the `stddev` property of\n[SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#SummaryStatisticsResult),\nwhich is the result of the\n[summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics) function.\n\nWhen set, this value will render on the histogram with symbols indicating standard deviation intervals from the mean.","type":"number | undefined"}],"events":[]}},{"name":"arcgis-label-input","description":"### Events\n- **arcgisChange** - Fires each time a new value is typed and committed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `edit(): Promise<void>` - Initiates the edit mode for the component.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/","attributes":[{"name":"alignment","description":"Specifies the alignment of the component's text elements.","default":"\"center\"","value":{}},{"name":"editing","description":"Indicates whether the component is in edit mode.\nThis 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.\nThe 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.","default":"false","value":{"type":"boolean"}},{"name":"read-only","description":"Indicates whether the component is in read-only mode.","default":"false","value":{"type":"boolean"}},{"name":"value","description":"The value the component displays.","default":"0","value":{"type":"number"}}],"events":[{"name":"arcgisChange","type":"void","description":"Fires each time a new value is typed and committed."}],"js":{"properties":[{"name":"alignment","description":"Specifies the alignment of the component's text elements.","type":"Button[\"alignment\"] & InputNumber[\"alignment\"]"},{"name":"editing","description":"Indicates whether the component is in edit mode.\nThis 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.\nThe 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.","type":"boolean"},{"name":"labelFormatter","description":"A function used to format the value.","type":"(value: number, defaultFormatter: (value: number) => string) => string | null | undefined"},{"name":"readOnly","description":"Indicates whether the component is in read-only mode.","type":"boolean"},{"name":"value","description":"The value the component displays.","type":"number"}],"events":[{"name":"arcgisChange","type":"void","description":"Fires each time a new value is typed and committed."}]}},{"name":"arcgis-picker-input","description":"### Events\n- **arcgisPopoverClose** - Emitted when the component has been closed.\n- **arcgisPopoverOpen** - Emitted when the component has been opened.\n\n### Methods\n- `close(): Promise<void>` - Close the component.\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `setFocus(): Promise<void>` - Set focus on the component.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-picker-input/","attributes":[{"name":"disabled","description":"If true, disables the component.","default":"false","value":{"type":"boolean"}},{"name":"heading","description":"Heading for the component.","value":{"type":"string"}},{"name":"icon-end","description":"Icon to display at the end of the component.","default":"\"pencil\"","value":{"type":"string"}},{"name":"intl-done","description":"Text to display within the \"Done\" button.","value":{"type":"string"}},{"name":"label","description":"Label for the component","default":"\"\"","value":{"type":"string"}}],"events":[{"name":"arcgisPopoverClose","type":"void","description":"Emitted when the component has been closed."},{"name":"arcgisPopoverOpen","type":"void","description":"Emitted when the component has been opened."}],"js":{"properties":[{"name":"disabled","description":"If true, disables the component.","type":"boolean"},{"name":"heading","description":"Heading for the component.","type":"string | undefined"},{"name":"iconEnd","description":"Icon to display at the end of the component.","type":"Icon[\"icon\"]"},{"name":"intlDone","description":"Text to display within the \"Done\" button.","type":"string | undefined"},{"name":"label","description":"Label for the component","type":"string"},{"name":"popoverProps","description":"Convenience prop to specify common popover props.","type":"IPopoverProps | undefined"}],"events":[{"name":"arcgisPopoverClose","type":"void","description":"Emitted when the component has been closed."},{"name":"arcgisPopoverOpen","type":"void","description":"Emitted when the component has been opened."}]}},{"name":"arcgis-ramp-color","description":"### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color/","attributes":[{"name":"layout","default":"\"horizontal\"","value":{"type":["\"horizontal\"","\"vertical\""]}},{"name":"max","default":"1","value":{"type":"number"}},{"name":"min","default":"0","value":{"type":"number"}}],"events":[],"js":{"properties":[{"name":"layout","type":"\"horizontal\" | \"vertical\""},{"name":"max","type":"number"},{"name":"min","type":"number"},{"name":"stops","type":"ColorStop[]"}],"events":[]}},{"name":"arcgis-ramp-color-break","description":"### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color-break/","attributes":[{"name":"layout","default":"\"horizontal\"","value":{"type":["\"horizontal\"","\"vertical\""]}},{"name":"max","default":"1","value":{"type":"number"}},{"name":"min","default":"0","value":{"type":"number"}}],"events":[],"js":{"properties":[{"name":"layout","type":"ArcgisRampColor[\"layout\"]"},{"name":"max","type":"number"},{"name":"min","type":"number"},{"name":"stops","type":"ColorBreak[]"}],"events":[]}},{"name":"arcgis-ramp-opacity","description":"### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-opacity/","attributes":[{"name":"fill-color","value":{"type":["string","object"]}},{"name":"layout","default":"\"horizontal\"","value":{"type":["\"horizontal\"","\"vertical\""]}},{"name":"max","default":"1","value":{"type":"number"}},{"name":"min","default":"0","value":{"type":"number"}}],"events":[],"js":{"properties":[{"name":"fillColor","type":"Color | string"},{"name":"layout","type":"ArcgisRampColor[\"layout\"]"},{"name":"max","type":"number"},{"name":"min","type":"number"},{"name":"stops","type":"{\n    value: number;\n    opacity: number;\n}[]"}],"events":[]}},{"name":"arcgis-slider","description":"The Slider component is used to filter data or collect numeric input from users. It supports single or multiple thumbs, configured via the\n[values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) property. The Slider can be displayed in horizontal or vertical [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout), supports snapping to defined [steps](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#steps),\nconfigurable value [precision](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#precision), and custom [labelFormatter](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#labelFormatter). It also includes keyboard interaction,\noptional editable labels, and customizable popover content.\n\nThe slider component can be set up with the [arcgis-ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) component. See the example below:\n```html\n<arcgis-slider min=\"0\" max=\"100\" show-range-labels value-labels-display=\"always\" steps=\"1\" value-labels-placement=\"start\">\n  <arcgis-ticks interactive slot=\"content-end\" style=\"flex:1;\" min=\"0\" max=\"100\" mode=\"count\" values=\"11\" show-labels>\n  </arcgis-ticks>\n</arcgis-slider>\n```\n\n### Which slider should you use: arcgis-slider or calcite-slider?\n>\n> In general, use [calcite-slider](https://developers.arcgis.com/calcite-design-system/components/slider/) over `arcgis-slider`.\n> It covers common slider use cases and works well in most scenarios.\n>\n> Use `arcgis-slider` only when you need functionality that `calcite-slider` does not provide, such as:\n> * [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout): `arcgis-slider` supports `layout=\"vertical\"`.\n> * Custom range display: `arcgis-slider` supports [fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin) and [fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax) for displaying a wider\n> range than the interactive range.\n> * More than two values: `arcgis-slider` supports an arbitrary number of slider values, beyond single-value or range (two-value) sliders.\n> * Slot support: Use the `content-start`, `content-end`, and `popover` slots to render custom content before the track, after the track, or inside the popover.\n--\n\n### Events\n- **arcgisActiveValueChange** - Fires when the [activeValue](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#activeValue) changes as a thumb or the range gains or loses focus.\nThis event does not fire when [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) change. Use [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates or\n[@arcgisChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisChange) when the interaction is committed.\n- **arcgisChange** - Fires when the thumb or range is released on the component.\n\nUse [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates during a drag.\n- **arcgisInput** - Fires continuously while the thumb or range is being dragged.\nThis event can fire frequently; consider debouncing or throttling expensive work.\n- **arcgisRangeChange** - Fires when the slider's [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range changes.\nThis occurs when the user edits the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) or [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels (when enabled).\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroys the component.\n\n### Slots\n- **content-start** - A slot for elements before the track.\n- **content-end** - A slot for elements after the track.\n- **popover** - A slot for custom content to be rendered in the popover.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/","attributes":[{"name":"allow-values-overlap","description":"When `true`, allows multiple thumbs to overlap by sharing the same value.\nWhen `false`, thumbs are prevented from overlapping.","default":"false","value":{"type":"boolean"}},{"name":"auto-destroy-disabled","description":"If true, the component will not be destroyed automatically when it is\ndisconnected from the document. This is useful when you want to move the\ncomponent to a different place on the page, or temporarily hide it. If this\nis set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#destroy) method when you are done to\nprevent memory leaks.","default":"false","value":{"type":"boolean"}},{"name":"disabled","description":"Indicates whether the slider is disabled.","default":"false","value":{"type":"boolean"}},{"name":"fill-placement","description":"Controls where the filled segment is displayed on the track for single-thumb sliders.\nRange sliders always display the fill between the min and max thumbs.","default":"\"start\"","value":{"type":["\"end\"","\"none\"","\"start\""]}},{"name":"full-range-max","description":"Sets the maximum value of the slider display full range.\nWhen specified, the slider track is scaled from [fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin) to `fullRangeMax`, while\nthe thumbs remain constrained to the interactive range defined by [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max).\n\nThe `fullRangeMax` must be greater than or equal to [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) property of the slider.","value":{"type":"number"}},{"name":"full-range-min","description":"Sets the minimum value of the slider display full range.\nWhen specified, the slider track is scaled from `fullRangeMin` to [fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax), while\nthe thumbs remain constrained to the range defined by [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max).\n\nThe `fullRangeMin` must be less than or equal to [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) property of the slider.","value":{"type":"number"}},{"name":"keyboard-large-step","description":"Controls how many \"small\" keyboard increments are applied in order to move a thumb or range faster using the\nkeyboard. The following keys are considered \"large\" increment keys:\n\n- PageUp/PageDown\n- Shift + Arrow keys","default":"10","value":{"type":"number"}},{"name":"layout","description":"Determines the layout/orientation of the Slider component. By default, the slider will render horizontally with the min value on the left side\nof the track.","default":"\"horizontal\"","value":{"type":["\"horizontal\"","\"vertical\""]}},{"name":"max","description":"The maximum value for the slider thumbs. Thumbs will not move past this value.\n\nTo display the `max` label on the slider, set [showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels) to `true`.\nTo allow the end user to modify the `max` value, set [rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled) to `true`.","value":{"type":"number"}},{"name":"min","description":"The minimum value for the slider thumbs. Thumbs will not move past this value.\nTo display the `min` label on the slider, set [showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels) to `true`.\nTo allow the end user to modify the `min` value, set [rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled) to `true`.","value":{"type":"number"}},{"name":"mirrored","description":"When `true`, the slider will display values from high to low. This inverts the direction of the slider.","default":"false","value":{"type":"boolean"}},{"name":"popover-label","description":"The accessible label for the popover. This label is used by assistive technologies and does not affect the visible UI.","default":"\"\"","value":{"type":"string"}},{"name":"popover-placement","description":"Determines which side of the track the popover is placed on.\nThe popover is the floating container that displays the content from the `popover` slot.\n* `\"start\"`: Positions the popover above a horizontal slider or to the left of a vertical slider.\n* `\"end\"`: Positions the popover below a horizontal slider or to the right of a vertical slider.","default":"\"start\"","value":{"type":["\"end\"","\"start\""]}},{"name":"precision","description":"Defines how slider thumb values should be rounded. This number indicates the number\nof decimal places slider thumb _values_ should round to when they have been moved.\n\nThis value also indicates the precision of thumb labels when the data range\nis less than `10` (i.e. `(max - min) < 10`).\n\nWhen the data range is larger than `10`, labels display with a precision of\nno more than two decimal places, though actual slider thumb values will maintain the\nprecision specified in this property.\n\nFor example, given the default precision of `4`, and the following slider configuration,\nThe labels of the thumbs will display two decimal places, but the precision of the actual\nthumb values will not be lost even when the user slides or moves the thumb.\n\nKeep in mind this property rounds thumb [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) and shouldn't be used exclusively\nfor formatting purposes. To format thumb `labels`, use the [labelFormatter](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#labelFormatter)\nproperty.","default":"4","value":{"type":"number"}},{"name":"range-labels-editing-enabled","description":"When `true`, users can edit the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels via keyboard input.\nEditing these labels updates the slider’s interactive range.","default":"false","value":{"type":"boolean"}},{"name":"range-labels-placement","description":"Controls where the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels are positioned relative to the track.\nThis property only affects the slider when [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout) is `\"horizontal\"`.\n\n- `\"center\"` (default): Places the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) labels aligned with the track.\n- `\"end\"`: Places the range labels below the the track.","default":"\"center\"","value":{"type":["\"center\"","\"end\""]}},{"name":"segments-dragging-disabled","description":"Indicates if the user can drag the segment between thumbs to update thumb positions.","default":"false","value":{"type":"boolean"}},{"name":"show-range-labels","description":"Indicates whether to [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels are visible on the slider.","default":"false","value":{"type":"boolean"}},{"name":"steps","description":"Sets steps, or intervals, on the slider that restrict user\ninput to specific values. If an array of numbers is passed to this\nproperty, the slider thumbs may only be moved to the positions\nspecified in the array.\n\nIf a single number is set, then steps are set along the entire\nslider range at an interval of the provided value. In this scenario,\nthe user may only slide the thumbs to values at the provided interval.\nFor example, if a value of `0.5` is set here, and the slider\n[min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) is `0` and the slider [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) is `10`, then the user will\nonly be able to update the thumbs to values of 0, 0.5, 1.0, 1.5, 2.0, etc.","value":{"type":["number","object"]}},{"name":"value-labels-display","description":"Controls when thumb value labels are displayed.\n\nThis property can be set to one of the following values:\n- `\"always\"`: Always show the labels.\n- `\"auto\"`: Show the labels only when the thumb representing a value is dragged.\n- `\"hidden\"`: Never show the labels.","default":"\"hidden\"","value":{"type":["\"always\"","\"auto\"","\"hidden\""]}},{"name":"value-labels-editing-enabled","description":"Indicates whether to enable editing input values via keyboard input\nwhen the user clicks a thumb value label. This allows the user to move the slider\nthumb to precise values without sliding the thumbs.\n\n![Slider with editable labels](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/slider-edit-label.png)","default":"false","value":{"type":"boolean"}},{"name":"value-labels-placement","description":"Determines whether the thumb value labels are placed before or after the track.","default":"\"start\"","value":{"type":["\"end\"","\"start\""]}},{"name":"values","description":"An array of numbers representing absolute thumb positions on the slider.","value":{}}],"slots":[{"name":"content-start","description":"A slot for elements before the track."},{"name":"content-end","description":"A slot for elements after the track."},{"name":"popover","description":"A slot for custom content to be rendered in the popover."}],"events":[{"name":"arcgisActiveValueChange","type":"void","description":"Fires when the [activeValue](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#activeValue) changes as a thumb or the range gains or loses focus.\nThis event does not fire when [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) change. Use [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates or\n[@arcgisChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisChange) when the interaction is committed."},{"name":"arcgisChange","type":"void","description":"Fires when the thumb or range is released on the component.\n\nUse [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates during a drag."},{"name":"arcgisInput","type":"void","description":"Fires continuously while the thumb or range is being dragged.\nThis event can fire frequently; consider debouncing or throttling expensive work."},{"name":"arcgisRangeChange","type":"void","description":"Fires when the slider's [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range changes.\nThis occurs when the user edits the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) or [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels (when enabled)."}],"js":{"properties":[{"name":"activeValue","description":"The active value of the slider, based on which thumb or range (segment) is active. This returns the stored value for the active thumb,\nso it may reflect the thumb’s last set position.\n\n\nIt returns\n- `undefined` when no value is active\n- a `number` when a single value is active\n- `\"all\"` when the range (segment) is active\n\nListen to [@arcgisActiveValueChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisActiveValueChange) to be notified when a value becomes active or inactive.","type":"number | \"all\" | undefined"},{"name":"allowValuesOverlap","description":"When `true`, allows multiple thumbs to overlap by sharing the same value.\nWhen `false`, thumbs are prevented from overlapping.","type":"boolean"},{"name":"autoDestroyDisabled","description":"If true, the component will not be destroyed automatically when it is\ndisconnected from the document. This is useful when you want to move the\ncomponent to a different place on the page, or temporarily hide it. If this\nis set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#destroy) method when you are done to\nprevent memory leaks.","type":"boolean"},{"name":"disabled","description":"Indicates whether the slider is disabled.","type":"boolean"},{"name":"fillPlacement","description":"Controls where the filled segment is displayed on the track for single-thumb sliders.\nRange sliders always display the fill between the min and max thumbs.","type":"\"end\" | \"none\" | \"start\""},{"name":"fullRangeMax","description":"Sets the maximum value of the slider display full range.\nWhen specified, the slider track is scaled from [fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin) to `fullRangeMax`, while\nthe thumbs remain constrained to the interactive range defined by [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max).\n\nThe `fullRangeMax` must be greater than or equal to [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) property of the slider.","type":"number | undefined"},{"name":"fullRangeMin","description":"Sets the minimum value of the slider display full range.\nWhen specified, the slider track is scaled from `fullRangeMin` to [fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax), while\nthe thumbs remain constrained to the range defined by [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max).\n\nThe `fullRangeMin` must be less than or equal to [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) property of the slider.","type":"number | undefined"},{"name":"keyboardLargeStep","description":"Controls how many \"small\" keyboard increments are applied in order to move a thumb or range faster using the\nkeyboard. The following keys are considered \"large\" increment keys:\n\n- PageUp/PageDown\n- Shift + Arrow keys","type":"number"},{"name":"labelFormatter","description":"Allows customizing how slider labels are formatted for [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min), [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max), and thumb values.\nThe formatted value is used for the visible labels and for the thumb’s accessible value text via `aria-valuetext`.\nReturn `null` or `undefined` to use the default formatting.","type":"(value: number, type: \"max\" | \"min\" | \"value\", defaultFormatter: (value: number) => string) => string | null | undefined"},{"name":"layout","description":"Determines the layout/orientation of the Slider component. By default, the slider will render horizontally with the min value on the left side\nof the track.","type":"\"horizontal\" | \"vertical\""},{"name":"max","description":"The maximum value for the slider thumbs. Thumbs will not move past this value.\n\nTo display the `max` label on the slider, set [showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels) to `true`.\nTo allow the end user to modify the `max` value, set [rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled) to `true`.","type":"number"},{"name":"messageOverrides","description":"Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._","type":"Record<string, unknown> | undefined"},{"name":"min","description":"The minimum value for the slider thumbs. Thumbs will not move past this value.\nTo display the `min` label on the slider, set [showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels) to `true`.\nTo allow the end user to modify the `min` value, set [rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled) to `true`.","type":"number"},{"name":"mirrored","description":"When `true`, the slider will display values from high to low. This inverts the direction of the slider.","type":"boolean"},{"name":"popoverLabel","description":"The accessible label for the popover. This label is used by assistive technologies and does not affect the visible UI.","type":"Popover[\"label\"]"},{"name":"popoverPlacement","description":"Determines which side of the track the popover is placed on.\nThe popover is the floating container that displays the content from the `popover` slot.\n* `\"start\"`: Positions the popover above a horizontal slider or to the left of a vertical slider.\n* `\"end\"`: Positions the popover below a horizontal slider or to the right of a vertical slider.","type":"\"end\" | \"start\""},{"name":"precision","description":"Defines how slider thumb values should be rounded. This number indicates the number\nof decimal places slider thumb _values_ should round to when they have been moved.\n\nThis value also indicates the precision of thumb labels when the data range\nis less than `10` (i.e. `(max - min) < 10`).\n\nWhen the data range is larger than `10`, labels display with a precision of\nno more than two decimal places, though actual slider thumb values will maintain the\nprecision specified in this property.\n\nFor example, given the default precision of `4`, and the following slider configuration,\nThe labels of the thumbs will display two decimal places, but the precision of the actual\nthumb values will not be lost even when the user slides or moves the thumb.\n\nKeep in mind this property rounds thumb [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) and shouldn't be used exclusively\nfor formatting purposes. To format thumb `labels`, use the [labelFormatter](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#labelFormatter)\nproperty.","type":"number"},{"name":"rangeLabelsEditingEnabled","description":"When `true`, users can edit the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels via keyboard input.\nEditing these labels updates the slider’s interactive range.","type":"boolean"},{"name":"rangeLabelsPlacement","description":"Controls where the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels are positioned relative to the track.\nThis property only affects the slider when [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout) is `\"horizontal\"`.\n\n- `\"center\"` (default): Places the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) labels aligned with the track.\n- `\"end\"`: Places the range labels below the the track.","type":"\"center\" | \"end\""},{"name":"segmentsDraggingDisabled","description":"Indicates if the user can drag the segment between thumbs to update thumb positions.","type":"boolean"},{"name":"showRangeLabels","description":"Indicates whether to [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels are visible on the slider.","type":"boolean"},{"name":"steps","description":"Sets steps, or intervals, on the slider that restrict user\ninput to specific values. If an array of numbers is passed to this\nproperty, the slider thumbs may only be moved to the positions\nspecified in the array.\n\nIf a single number is set, then steps are set along the entire\nslider range at an interval of the provided value. In this scenario,\nthe user may only slide the thumbs to values at the provided interval.\nFor example, if a value of `0.5` is set here, and the slider\n[min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) is `0` and the slider [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) is `10`, then the user will\nonly be able to update the thumbs to values of 0, 0.5, 1.0, 1.5, 2.0, etc.","type":"number[] | number | undefined"},{"name":"valueLabelsDisplay","description":"Controls when thumb value labels are displayed.\n\nThis property can be set to one of the following values:\n- `\"always\"`: Always show the labels.\n- `\"auto\"`: Show the labels only when the thumb representing a value is dragged.\n- `\"hidden\"`: Never show the labels.","type":"\"always\" | \"auto\" | \"hidden\""},{"name":"valueLabelsEditingEnabled","description":"Indicates whether to enable editing input values via keyboard input\nwhen the user clicks a thumb value label. This allows the user to move the slider\nthumb to precise values without sliding the thumbs.\n\n![Slider with editable labels](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/slider-edit-label.png)","type":"boolean"},{"name":"valueLabelsPlacement","description":"Determines whether the thumb value labels are placed before or after the track.","type":"\"end\" | \"start\""},{"name":"values","description":"An array of numbers representing absolute thumb positions on the slider.","type":"number[]"}],"events":[{"name":"arcgisActiveValueChange","type":"void","description":"Fires when the [activeValue](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#activeValue) changes as a thumb or the range gains or loses focus.\nThis event does not fire when [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) change. Use [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates or\n[@arcgisChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisChange) when the interaction is committed."},{"name":"arcgisChange","type":"void","description":"Fires when the thumb or range is released on the component.\n\nUse [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates during a drag."},{"name":"arcgisInput","type":"void","description":"Fires continuously while the thumb or range is being dragged.\nThis event can fire frequently; consider debouncing or throttling expensive work."},{"name":"arcgisRangeChange","type":"void","description":"Fires when the slider's [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range changes.\nThis occurs when the user edits the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) or [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels (when enabled)."}]}},{"name":"arcgis-slider-input","description":"### Events\n- **arcgisSliderInputValueChange**\n- **arcgisValueChange** - Emitted when the value has changed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider-input/","attributes":[{"name":"disabled","description":"If true, prevents interaction with the component.","default":"false","value":{"type":"boolean"}},{"name":"flip-labels","description":"Handle LTR and RTL label placement.","default":"false","value":{"type":"boolean"}},{"name":"label","description":"Label for the component.","value":{"type":"string"}},{"name":"max","description":"Max value for the component.","default":"100","value":{"type":"number"}},{"name":"min","description":"Min value for the component.","default":"0","value":{"type":"number"}},{"name":"step","description":"Increment interval for the component.","default":"1","value":{"type":"number"}},{"name":"units-label","description":"If provided, specifies units for the input.","value":{"type":"string"}},{"name":"value","description":"Initial value for the component.","default":"50","value":{"type":"number"}},{"name":"with-steppers","description":"If true, adds up/down arrows to the input.","default":"false","value":{"type":"boolean"}}],"events":[{"name":"arcgisSliderInputValueChange","type":"number"},{"name":"arcgisValueChange","type":"number","description":"Emitted when the value has changed."}],"js":{"properties":[{"name":"disabled","description":"If true, prevents interaction with the component.","type":"boolean"},{"name":"flipLabels","description":"Handle LTR and RTL label placement.","type":"boolean"},{"name":"label","description":"Label for the component.","type":"string | undefined"},{"name":"max","description":"Max value for the component.","type":"number"},{"name":"min","description":"Min value for the component.","type":"number"},{"name":"step","description":"Increment interval for the component.","type":"number"},{"name":"unitsLabel","description":"If provided, specifies units for the input.","type":"string | undefined"},{"name":"value","description":"Initial value for the component.","type":"number"},{"name":"withSteppers","description":"If true, adds up/down arrows to the input.","type":"boolean"}],"events":[{"name":"arcgisSliderInputValueChange","type":"number"},{"name":"arcgisValueChange","type":"number","description":"Emitted when the value has changed."}]}},{"name":"arcgis-ticks","description":"The ticks component displays visual markers along a line to indicate scale, intervals, or specific values. It is often used in conjunction with the\n[Slider component](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/). Ticks help users understand the\nslider’s range and make more precise selections.\n\nTick placement is controlled by the [mode](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#mode), which defines how the [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) are parsed and translated into positions along the\nline. Tick positions are derived from the component’s [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#max) range, with optional none-linear scaling via\n[interpolationExponent](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interpolationExponent). Ticks can be displayed in vertical or horizontal [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#layout), with optional [showLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#showLabels) and a [showBaseline](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#showBaseline).\nThe component can also be made [interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive) to respond to user clicks on individual ticks. The [labelFormatter](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#labelFormatter) property allows customization of tick label formatting.\n--\n\n### Events\n- **arcgisTickClick** - Fires when the user clicks on one of the ticks. This event is only emitted when the [interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive) property is set to `true`.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n\n### CSS Properties\n- **--arcgis-ticks-tick-length** - Specifies the length of the ticks. \n- **--arcgis-ticks-tick-color** - Specifies the color of the ticks. \n- **--arcgis-ticks-gap** - Specifies the gap between the ticks and labels. ","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/","attributes":[{"name":"interactive","description":"When `true`, ticks are clickable and the component emits  [@arcgisTickClick](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#event-arcgisTickClick) when the user selects a tick.","default":"false","value":{"type":"boolean"}},{"name":"interpolation-exponent","description":"The exponent used to interpolate the position of ticks along the component.\nA value of `0` indicates linear interpolation. Positive values indicate exponential interpolation, and negative values indicate logarithmic interpolation.\n\nSet this property when the range of values is large and users need precision in the lower range of values (for an exponential interpolation), or in the higher range (for a logarithmic interpolation).\n\n```tsx\n<arcgis-ticks interpolation-exponent={14} min={1} max={5518000} mode=\"value\" values={[1, 11500, 5518000]} />\n```","default":"0","value":{"type":"number"}},{"name":"label-placement","description":"Determines whether the labels are placed before or after the ticks.","default":"\"end\"","value":{"type":["\"end\"","\"start\""]}},{"name":"layout","description":"Determines the layout/orientation of the ticks component. By default, the ticks will render horizontally.\nWhen set to `vertical`, the ticks will render vertically.","default":"\"horizontal\"","value":{"type":["\"horizontal\"","\"vertical\""]}},{"name":"max","description":"The component's maximum rendered value.","default":"100","value":{"type":"number"}},{"name":"min","description":"The component's minimum rendered value.","default":"0","value":{"type":"number"}},{"name":"mirrored","description":"When `true`, the values are displayed from high to low.","default":"false","value":{"type":"boolean"}},{"name":"mode","description":"The mode or method of positioning ticks along the component. It drives how [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted.\n- `count`: Places a fixed number of ticks (provided in the [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) property) at equal distances from each other.\n- `percent`: [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted as percentage. If [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is a number, it indicates the interval between ticks. If it is an array, it indicates the percentage values at which to place the ticks.\n- `value`: Indicates that ticks will only be placed at the values specified in the property.","default":"\"count\"","value":{"type":["\"value\"","\"count\"","\"percent\""]}},{"name":"show-baseline","description":"Indicates whether to render a line connecting the ticks.","default":"false","value":{"type":"boolean"}},{"name":"show-labels","description":"Indicates whether to render labels for the ticks.","default":"false","value":{"type":"boolean"}},{"name":"values","description":"Indicates where ticks will be rendered along the component.\nSee the description for [mode](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#mode) for more information about how this property is interpreted by each mode.","value":{"type":["number","object"]}}],"events":[{"name":"arcgisTickClick","type":"{ value: number; }","description":"Fires when the user clicks on one of the ticks. This event is only emitted when the [interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive) property is set to `true`."}],"js":{"properties":[{"name":"interactive","description":"When `true`, ticks are clickable and the component emits  [@arcgisTickClick](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#event-arcgisTickClick) when the user selects a tick.","type":"boolean"},{"name":"interpolationExponent","description":"The exponent used to interpolate the position of ticks along the component.\nA value of `0` indicates linear interpolation. Positive values indicate exponential interpolation, and negative values indicate logarithmic interpolation.\n\nSet this property when the range of values is large and users need precision in the lower range of values (for an exponential interpolation), or in the higher range (for a logarithmic interpolation).\n\n```tsx\n<arcgis-ticks interpolation-exponent={14} min={1} max={5518000} mode=\"value\" values={[1, 11500, 5518000]} />\n```","type":"number"},{"name":"labelFormatter","description":"Allows customizing how tick labels are formatted based on their numeric value.","type":"((value: number, defaultFormatter: (value: number) => string) => nullish | string) | undefined"},{"name":"labelPlacement","description":"Determines whether the labels are placed before or after the ticks.","type":"\"end\" | \"start\""},{"name":"layout","description":"Determines the layout/orientation of the ticks component. By default, the ticks will render horizontally.\nWhen set to `vertical`, the ticks will render vertically.","type":"Layout"},{"name":"max","description":"The component's maximum rendered value.","type":"number"},{"name":"min","description":"The component's minimum rendered value.","type":"number"},{"name":"mirrored","description":"When `true`, the values are displayed from high to low.","type":"boolean"},{"name":"mode","description":"The mode or method of positioning ticks along the component. It drives how [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted.\n- `count`: Places a fixed number of ticks (provided in the [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) property) at equal distances from each other.\n- `percent`: [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted as percentage. If [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is a number, it indicates the interval between ticks. If it is an array, it indicates the percentage values at which to place the ticks.\n- `value`: Indicates that ticks will only be placed at the values specified in the property.","type":"TickMode"},{"name":"showBaseline","description":"Indicates whether to render a line connecting the ticks.","type":"boolean"},{"name":"showLabels","description":"Indicates whether to render labels for the ticks.","type":"boolean"},{"name":"values","description":"Indicates where ticks will be rendered along the component.\nSee the description for [mode](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#mode) for more information about how this property is interpreted by each mode.","type":"TickValues"}],"events":[{"name":"arcgisTickClick","type":"{ value: number; }","description":"Fires when the user clicks on one of the ticks. This event is only emitted when the [interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive) property is set to `true`."}]}},{"name":"arcgis-unique-values-list","description":"Displays a list of unique values taking into account field type formatting and field domains.\n--\n\n### Events\n- **arcgisChange** - Emitted if selection has changed\n- **arcgisLoad** - Emitted once the component is loaded. Useful when no uniqueValues were passed in.\n- **arcgisSortByChange** - Emitted if the sort order has changed\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `getUniqueValues(): Promise<{\n    uniqueValues: __esri.UniqueValuesResultUniqueValueInfos[];\n    partialUniqueValues: boolean;\n} | undefined>` - Get all unique values.\nE.g. to be used to limit how often these unique values need to be requested from the layer.\n- `setFocus(): Promise<void>` - Sets focus on component","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-unique-values-list/","attributes":[{"name":"field-name","description":"Field name, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains.","value":{"type":"string"}},{"name":"field-source","description":"Optional, specify field source other than the layer's fields.","value":{"type":"\"feature-reduction\""}},{"name":"max-height","description":"Optional, max height of list in pixel.","value":{"type":"number"}},{"name":"multiple","description":"Multiple selections allowed?","default":"false","value":{"type":"boolean"}},{"name":"partial-unique-values","description":"Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.","default":"false","value":{"type":"boolean"}},{"name":"show-filter-length","description":"If true, displays the filter option based on the number of fields.","default":"10","value":{"type":"number"}},{"name":"sort-by","description":"Sort by default setting","value":{"type":["\"count\"","\"name\"","\"selected\""]}}],"events":[{"name":"arcgisChange","type":"(number | string)[]","description":"Emitted if selection has changed"},{"name":"arcgisLoad","type":"void","description":"Emitted once the component is loaded. Useful when no uniqueValues were passed in."},{"name":"arcgisSortByChange","type":"string | undefined","description":"Emitted if the sort order has changed"}],"js":{"properties":[{"name":"fieldName","description":"Field name, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains.","type":"string | undefined"},{"name":"fieldSource","description":"Optional, specify field source other than the layer's fields.","type":"FieldSource | undefined"},{"name":"layer","description":"Layer instance, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains.","type":"SupportedLayer | undefined"},{"name":"maxHeight","description":"Optional, max height of list in pixel.","type":"number | undefined"},{"name":"multiple","description":"Multiple selections allowed?","type":"boolean | undefined"},{"name":"numberFormatOptions","description":"Optional format options if values are numbers.\n\ne.g.\n     {\n       style: \"decimal\",\n       useGrouping: true,\n       minimumFractionDigits: 0,\n       maximumFractionDigits: 2\n     }\n\n     {\n       style: \"percent\",\n       useGrouping: true\n     }\n\n     {\n       style: \"currency\",\n       currency: \"EUR\",\n       currencyDisplay: \"symbol\"\n     }","type":"Intl.NumberFormatOptions | undefined"},{"name":"partialUniqueValues","description":"Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.","type":"boolean | undefined"},{"name":"selectedValues","description":"Lists of selected values","type":"(number | string)[] | undefined"},{"name":"showFilterLength","description":"If true, displays the filter option based on the number of fields.","type":"number"},{"name":"sortBy","description":"Sort by default setting","type":"\"count\" | \"name\" | \"selected\" | undefined"},{"name":"uniqueValues","description":"List of all unique values. If not provided component will get the unique values from the layer.\nAn empty list would mean that there are no unique values for this field on the layer. The component renders nothing then.","type":"__esri.UniqueValuesResultUniqueValueInfos[] | undefined"},{"name":"view","description":"MapView instance, required if uniqueValues is not provided and/or to display dates in the correct timezone","type":"__esri.MapView | __esri.SceneView | undefined"}],"events":[{"name":"arcgisChange","type":"(number | string)[]","description":"Emitted if selection has changed"},{"name":"arcgisLoad","type":"void","description":"Emitted once the component is loaded. Useful when no uniqueValues were passed in."},{"name":"arcgisSortByChange","type":"string | undefined","description":"Emitted if the sort order has changed"}]}}]},"css":{"properties":[{"name":"--arcgis-histogram-bar-color","description":"Specifies the color of the histogram bars when the bin doesn't have a corresponding color stop."},{"name":"--arcgis-histogram-stop-color","description":"Specifies the default color for color stops."},{"name":"--arcgis-ticks-tick-length","description":"Specifies the length of the ticks."},{"name":"--arcgis-ticks-tick-color","description":"Specifies the color of the ticks."},{"name":"--arcgis-ticks-gap","description":"Specifies the gap between the ticks and labels."}],"pseudo-elements":[]}}}
+{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","name":"@arcgis/common-components","version":"5.0.4","description-markup":"markdown","contributions":{"html":{"elements":[{"name":"arcgis-ckeditor5","description":"### Events\n- **arcgisCkeditor5Created**\n- **arcgisCkeditor5DataUpdated**\n- **arcgisCkeditor5SourceEditingChanged**\n- **arcgisCreated** - Emitted when the editor has been created.\n- **arcgisDataUpdated** - Emitted when the editor's data has been updated.\n- **arcgisSourceEditingChanged** - Emitted when the editor's source editing mode has changed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `getData(): Promise<any>` - Get the current data in the editor.\n- `setFocus(): Promise<void>` - Set focus on the component.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/","attributes":[{"name":"can-resize-vertically","description":"The editor's text area will have a vertical resize handle if set to true","default":"false","value":{"type":"boolean"}},{"name":"current-language","description":"language for ckeditor","default":"\"en\"","value":{"type":"string"}},{"name":"custom-config","description":"Config to customize editor (will be merged with default config)\nDefault config will match html or markdown editor here:https://devtopia.esri.com/WebGIS/ckeditor5-build-classic.\nAlso includes default language and field expression mentions settings","value":{"type":"any"}},{"name":"editor-type","description":"Base configuration for editor","default":"\"html\"","value":{"type":["\"html\"","\"markdown\""]}},{"name":"group-fields-and-expressions","description":"The fields / expressions in the default mention configuration will be grouped if set to true","default":"false","value":{"type":"boolean"}},{"name":"intl-expressions-group-heading","description":"Header text for expressions mention dropdown (assuming default mention configuration)","default":"\"\"","value":{"type":"string"}},{"name":"intl-fields-group-heading","description":"Header text for fields in mention dropdown (assuming default mention configuration)","default":"\"\"","value":{"type":"string"}},{"name":"intl-text-place-holder","description":"Placeholder text for editor","default":"\"\"","value":{"type":"string"}},{"name":"read-only","description":"The toolbar will be hidden and the data will only be changeable through the `textData` prop if true","default":"false","value":{"type":"boolean"}},{"name":"text-data","description":"Input data for editor in html / markdown text format","value":{"type":"string"}}],"events":[{"name":"arcgisCkeditor5Created","type":"ArcgisCkeditor5"},{"name":"arcgisCkeditor5DataUpdated","type":"string"},{"name":"arcgisCkeditor5SourceEditingChanged","type":"boolean"},{"name":"arcgisCreated","type":"ArcgisCkeditor5","description":"Emitted when the editor has been created."},{"name":"arcgisDataUpdated","type":"string","description":"Emitted when the editor's data has been updated."},{"name":"arcgisSourceEditingChanged","type":"boolean","description":"Emitted when the editor's source editing mode has changed."}],"js":{"properties":[{"name":"canResizeVertically","description":"The editor's text area will have a vertical resize handle if set to true","type":"boolean | undefined"},{"name":"currentLanguage","description":"language for ckeditor","type":"string"},{"name":"customConfig","description":"Config to customize editor (will be merged with default config)\nDefault config will match html or markdown editor here:https://devtopia.esri.com/WebGIS/ckeditor5-build-classic.\nAlso includes default language and field expression mentions settings","type":"any | undefined"},{"name":"customExpressionCheck","description":"The function that will be used to distinguish expressions from fields in the default mention configuration","type":"((field: {\n    id: string;\n    name: string;\n}) => boolean) | undefined"},{"name":"editorType","description":"Base configuration for editor","type":"EditorType | undefined"},{"name":"groupFieldsAndExpressions","description":"The fields / expressions in the default mention configuration will be grouped if set to true","type":"boolean | undefined"},{"name":"intlExpressionsGroupHeading","description":"Header text for expressions mention dropdown (assuming default mention configuration)","type":"string"},{"name":"intlFieldsGroupHeading","description":"Header text for fields in mention dropdown (assuming default mention configuration)","type":"string"},{"name":"intlTextPlaceHolder","description":"Placeholder text for editor","type":"string"},{"name":"mentionFields","description":"List of fields/expressions for the default mentions implementation\nIf you don't want mentions or are customizing the mention feed in customConfig, you do not need to supply this","type":"InputMentionField[] | undefined"},{"name":"readOnly","description":"The toolbar will be hidden and the data will only be changeable through the `textData` prop if true","type":"boolean | undefined"},{"name":"textData","description":"Input data for editor in html / markdown text format","type":"string | undefined"}],"events":[{"name":"arcgisCkeditor5Created","type":"ArcgisCkeditor5"},{"name":"arcgisCkeditor5DataUpdated","type":"string"},{"name":"arcgisCkeditor5SourceEditingChanged","type":"boolean"},{"name":"arcgisCreated","type":"ArcgisCkeditor5","description":"Emitted when the editor has been created."},{"name":"arcgisDataUpdated","type":"string","description":"Emitted when the editor's data has been updated."},{"name":"arcgisSourceEditingChanged","type":"boolean","description":"Emitted when the editor's source editing mode has changed."}]}},{"name":"arcgis-ckeditor5-popover","description":"### Events\n- **arcgisCkeditor5PopoverClosed**\n- **arcgisPopoverClosed** - Emitted when the popover has been closed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `reposition(): Promise<void>` - Reposition the component.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5-popover/","attributes":[{"name":"guid","description":"Guid for ckeditor popover instance.","value":{"type":"string"}},{"name":"intl-cancel","description":"Cancel button text.","default":"\"Cancel\"","value":{"type":"string"}},{"name":"intl-label","description":"Popover label text.","value":{"type":"string"}},{"name":"intl-ok","description":"Ok button text.","default":"\"Ok\"","value":{"type":"string"}}],"events":[{"name":"arcgisCkeditor5PopoverClosed","type":"{\n    guid: string;\n    data?: string;\n}"},{"name":"arcgisPopoverClosed","type":"{\n    guid: string;\n    data?: string;\n}","description":"Emitted when the popover has been closed."}],"js":{"properties":[{"name":"guid","description":"Guid for ckeditor popover instance.","type":"`${string}-${string}-${string}-${string}-${string}`"},{"name":"intlCancel","description":"Cancel button text.","type":"string"},{"name":"intlLabel","description":"Popover label text.","type":"string | undefined"},{"name":"intlOk","description":"Ok button text.","type":"string"},{"name":"refElement","description":"Reference element for the popover.","type":"HTMLElement | undefined"}],"events":[{"name":"arcgisCkeditor5PopoverClosed","type":"{\n    guid: string;\n    data?: string;\n}"},{"name":"arcgisPopoverClosed","type":"{\n    guid: string;\n    data?: string;\n}","description":"Emitted when the popover has been closed."}]}},{"name":"arcgis-color-input","description":"### Events\n- **arcgisChange** - Emitted when the color has changed.\n- **arcgisColorInputChange**\n- **arcgisColorInputPopoverClose**\n- **arcgisColorInputPopoverOpen**\n- **arcgisColorInputSwatchUpdate**\n- **arcgisPickerClose**\n- **arcgisPickerOpen**\n- **arcgisSwatchUpdate** - Emitted when a color swatch is updated (emits selected color hex).\n\n### Methods\n- `close(): Promise<void>` - Close the component.\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `setFocus(): Promise<void>` - Set focus on the component.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-color-input/","attributes":[{"name":"clearable","description":"Display option to set no color.","default":"false","value":{"type":"boolean"}},{"name":"color","description":"The selected color as a HEX value. If not set it will display a 'transparent' color swatch.","value":{"type":"string"}},{"name":"compact","description":"Control whether the component should be displayed in a compact style (i.e., fewer recent color options).","default":"false","value":{"type":"boolean"}},{"name":"disabled","description":"Control whether the component is disabled.","default":"false","value":{"type":"boolean"}},{"name":"hide-recent-colors","description":"If true, do not display recent colors.","default":"false","value":{"type":"boolean"}},{"name":"placement","description":"Determines where the popup color picker will be positioned relative to the color input.","default":"\"auto\"","value":{"type":["\"auto\"","\"auto-start\"","\"auto-end\"","\"top\"","\"top-start\"","\"top-end\"","\"bottom\"","\"bottom-start\"","\"bottom-end\"","\"right\"","\"right-start\"","\"right-end\"","\"left\"","\"left-start\"","\"left-end\"","\"leading-start\"","\"leading\"","\"leading-end\"","\"trailing-end\"","\"trailing\"","\"trailing-start\""]}},{"name":"show-transparency","description":"If true, allow transparency to be modified within the color picker.","default":"false","value":{"type":"boolean"}},{"name":"storage-id","description":"The id of the local storage element that will store recent colors.","default":"\"arcgis-color-input-storage-colors\"","value":{"type":"string"}}],"events":[{"name":"arcgisChange","type":"void","description":"Emitted when the color has changed."},{"name":"arcgisColorInputChange","type":"void"},{"name":"arcgisColorInputPopoverClose","type":"string"},{"name":"arcgisColorInputPopoverOpen","type":"void"},{"name":"arcgisColorInputSwatchUpdate","type":"string | undefined"},{"name":"arcgisPickerClose","type":"string"},{"name":"arcgisPickerOpen","type":"void"},{"name":"arcgisSwatchUpdate","type":"string | undefined","description":"Emitted when a color swatch is updated (emits selected color hex)."}],"js":{"properties":[{"name":"clearable","description":"Display option to set no color.","type":"boolean"},{"name":"color","description":"The selected color as a HEX value. If not set it will display a 'transparent' color swatch.","type":"string | undefined"},{"name":"compact","description":"Control whether the component should be displayed in a compact style (i.e., fewer recent color options).","type":"boolean"},{"name":"disabled","description":"Control whether the component is disabled.","type":"boolean"},{"name":"hideRecentColors","description":"If true, do not display recent colors.","type":"boolean"},{"name":"messageOverrides","description":"Replace localized message strings with your own strings.","type":"Record<string, unknown> | undefined"},{"name":"placement","description":"Determines where the popup color picker will be positioned relative to the color input.","type":"Popover[\"placement\"]"},{"name":"popoverProps","description":"Convenience prop to specify common popover props.","type":"IPopoverProps | undefined"},{"name":"showTransparency","description":"If true, allow transparency to be modified within the color picker.","type":"boolean"},{"name":"storageId","description":"The id of the local storage element that will store recent colors.","type":"string"}],"events":[{"name":"arcgisChange","type":"void","description":"Emitted when the color has changed."},{"name":"arcgisColorInputChange","type":"void"},{"name":"arcgisColorInputPopoverClose","type":"string"},{"name":"arcgisColorInputPopoverOpen","type":"void"},{"name":"arcgisColorInputSwatchUpdate","type":"string | undefined"},{"name":"arcgisPickerClose","type":"string"},{"name":"arcgisPickerOpen","type":"void"},{"name":"arcgisSwatchUpdate","type":"string | undefined","description":"Emitted when a color swatch is updated (emits selected color hex)."}]}},{"name":"arcgis-field-info","description":"### Events\n- **arcgisComplete** - Emitted once all information is displayed.\n- **arcgisFieldInfoComplete**\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `refresh(): Promise<void>` - Refresh the field info display after external changes are made.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-field-info/","attributes":[{"name":"field-name","description":"Required field name.","value":{"type":"string"}},{"name":"hide-alias","description":"If true, hide the field alias section.","default":"false","value":{"type":"boolean"}},{"name":"hide-numeric-format","description":"If true, hide the decimal places section.","default":"false","value":{"type":"boolean"}},{"name":"hide-statistics","description":"If true, hide statistics (i.e., no top 10 values for string and no stats for number and date fields).","default":"false","value":{"type":"boolean"}}],"events":[{"name":"arcgisComplete","type":"void","description":"Emitted once all information is displayed."},{"name":"arcgisFieldInfoComplete","type":"void"}],"js":{"properties":[{"name":"fieldName","description":"Required field name.","type":"string | undefined"},{"name":"hideAlias","description":"If true, hide the field alias section.","type":"boolean"},{"name":"hideNumericFormat","description":"If true, hide the decimal places section.","type":"boolean"},{"name":"hideStatistics","description":"If true, hide statistics (i.e., no top 10 values for string and no stats for number and date fields).","type":"boolean"},{"name":"layer","description":"Required layer instance.","type":"FieldInfoLayer | undefined"},{"name":"view","description":"View instance. If no view is provided all dates will show in 'system' timezone.","type":"__esri.View | undefined"}],"events":[{"name":"arcgisComplete","type":"void","description":"Emitted once all information is displayed."},{"name":"arcgisFieldInfoComplete","type":"void"}]}},{"name":"arcgis-field-pick-list","description":"A component that displays a list of fields for selection, inside a popover (default) or just as a list.\n--\n\n### Events\n- **arcgisChange** - Emitted when the selected fields have changed. selectedFields contains fields in order of the user's selection.\n- **arcgisClose** - Emitted when the pick list has been closed.\n- **arcgisDeleteField** - Emitted when the delete icon of a field has been clicked. The field must have IPickListFieldInfo.showDeleteAction set to true.\n- **arcgisEditField** - Emitted when the edit icon of a field has been clicked. The field must have IPickListFieldInfo.showEditAction set to true.\n- **arcgisFieldPickListChange**\n- **arcgisFieldPickListDismissed**\n- **arcgisFieldPickListSortByChange**\n- **arcgisSortByChange** - Emitted when the field pick list sort order has changed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `reposition(): Promise<void>` - Reposition the component.\n- `setDisabled(disable: boolean): Promise<void>` - Control whether the component is disabled.\n- `setFocus(): Promise<void>` - Set focus on the component.\n\n### Slots\n- **content-top** - A slot for content on top of the search filter and list, non-scrollable. Valid only if listOnly is not set to true.\n- **content-center** - A slot for content below the search filter and above the list items, will scroll with the list.\n- **content-bottom** - A slot for content below the list, non-scrollable. Valid only if listOnly is not set to true.\n- **content-footer** - A slot for content below the list inside the panel's footer, non-scrollable. Valid only if listOnly is not set to true.\n- **no-fields** - A slot for content, e.g. a message, that displays if the list of fields is empty.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-field-pick-list/","attributes":[{"name":"expressions-group-heading","description":"Header text for group containing expressions, if 'groupFieldsAndExpressions' is set to true.","value":{"type":"string"}},{"name":"fields-group-heading","description":"Header text for group containing fields, if 'groupFieldsAndExpressions' is set to true.","value":{"type":"string"}},{"name":"filter-no-results-text","description":"Filter no results text. If empty string (\"\") no text will be shown.","value":{"type":"string"}},{"name":"filter-placeholder-text","description":"Filter placeholder text.","value":{"type":"string"}},{"name":"group-fields-and-expressions","description":"**Deprecated**: Pass in grouped lists of fields instead.\nIf true, fields and expressions are placed in separate groups.. ","default":"false","value":{"type":"boolean"}},{"name":"heading","description":"Heading text. Valid only if listOnly is not set to true.","value":{"type":"string"}},{"name":"hide-cancel","description":"If true, hides the cancel button. Valid only if listOnly is not set to true.","default":"false","value":{"type":"boolean"}},{"name":"hide-sort","description":"If true, hides the sort menu button.","default":"false","value":{"type":"boolean"}},{"name":"list-only","description":"If true, renders without a popover.","default":"false","value":{"type":"boolean"}},{"name":"multiple","description":"If true, allows for multiple selection. If false, the\npopover will close once an item has been selected.","default":"false","value":{"type":"boolean"}},{"name":"ok-btn-text","description":"Ok button text. Ok button only shows when multiple set to true. Valid only if listOnly is not set to true.","value":{"type":"string"}},{"name":"show-cancel","description":"**Deprecated**: use hideCancel instead. ","default":"true","value":{"type":"boolean"}},{"name":"show-description","description":"If true, displays description. By default only displays field alias.","default":"false","value":{"type":"boolean"}},{"name":"show-field-info","description":"If true, displays the field info button. Valid only if listOnly is not set to true.","default":"false","value":{"type":"boolean"}},{"name":"show-field-name","description":"If true, displays field name. By default only displays field alias.","default":"false","value":{"type":"boolean"}},{"name":"show-field-type-icon","description":"If true, displays an icon corresponding to the field's type.","default":"false","value":{"type":"boolean"}},{"name":"show-filter-length","description":"If true, displays the filter option based on the number of fields.","default":"10","value":{"type":"number"}},{"name":"show-selection-all","description":"If true, displays a 'Select All' button on top of the list. Valid only if multiple is set to true.","default":"false","value":{"type":"boolean"}},{"name":"show-sort","description":"**Deprecated**: use hideSort instead. ","default":"true","value":{"type":"boolean"}},{"name":"sort-by","description":"The initial sort order.","default":"\"default\"","value":{"type":["\"default\"","\"display\"","\"field\"","\"type\""]}}],"slots":[{"name":"content-top","description":"A slot for content on top of the search filter and list, non-scrollable. Valid only if listOnly is not set to true."},{"name":"content-center","description":"A slot for content below the search filter and above the list items, will scroll with the list."},{"name":"content-bottom","description":"A slot for content below the list, non-scrollable. Valid only if listOnly is not set to true."},{"name":"content-footer","description":"A slot for content below the list inside the panel's footer, non-scrollable. Valid only if listOnly is not set to true."},{"name":"no-fields","description":"A slot for content, e.g. a message, that displays if the list of fields is empty."}],"events":[{"name":"arcgisChange","type":"{ selectedFields: string[]; }","description":"Emitted when the selected fields have changed. selectedFields contains fields in order of the user's selection."},{"name":"arcgisClose","type":"{ selectedFields: string[]; } | void","description":"Emitted when the pick list has been closed."},{"name":"arcgisDeleteField","type":"{ fieldName: string; }","description":"Emitted when the delete icon of a field has been clicked. The field must have IPickListFieldInfo.showDeleteAction set to true."},{"name":"arcgisEditField","type":"{ fieldName: string; }","description":"Emitted when the edit icon of a field has been clicked. The field must have IPickListFieldInfo.showEditAction set to true."},{"name":"arcgisFieldPickListChange","type":"{ selectedFields: string[]; }"},{"name":"arcgisFieldPickListDismissed","type":"{ selectedFields: string[]; } | void"},{"name":"arcgisFieldPickListSortByChange","type":"LastSortBy"},{"name":"arcgisSortByChange","type":"LastSortBy","description":"Emitted when the field pick list sort order has changed."}],"js":{"properties":[{"name":"customExpressionCheck","description":"Custom function to distinguish expressions from fields.","type":"((field: IPickListFieldInfo) => boolean) | undefined"},{"name":"expressionsGroupHeading","description":"Header text for group containing expressions, if 'groupFieldsAndExpressions' is set to true.","type":"string | undefined"},{"name":"fields","description":"All display fields with name, alias, type, and description, sorted by default order.\nA field with type \"none\" will always show at the bottom of the list without an info action.","type":"IPickListFieldInfo[] | IPickListGroupInfo[]"},{"name":"fieldsGroupHeading","description":"Header text for group containing fields, if 'groupFieldsAndExpressions' is set to true.","type":"string | undefined"},{"name":"filterNoResultsText","description":"Filter no results text. If empty string (\"\") no text will be shown.","type":"string | undefined"},{"name":"filterPlaceholderText","description":"Filter placeholder text.","type":"string | undefined"},{"name":"groupFieldsAndExpressions","type":"boolean | undefined"},{"name":"heading","description":"Heading text. Valid only if listOnly is not set to true.","type":"string | undefined"},{"name":"hideCancel","description":"If true, hides the cancel button. Valid only if listOnly is not set to true.","type":"boolean"},{"name":"hideSort","description":"If true, hides the sort menu button.","type":"boolean"},{"name":"layer","description":"Layer instance.","type":"FieldPickListLayer | undefined"},{"name":"listOnly","description":"If true, renders without a popover.","type":"boolean"},{"name":"mapView","type":"__esri.View | undefined"},{"name":"multiple","description":"If true, allows for multiple selection. If false, the\npopover will close once an item has been selected.","type":"boolean"},{"name":"okBtnText","description":"Ok button text. Ok button only shows when multiple set to true. Valid only if listOnly is not set to true.","type":"string | undefined"},{"name":"popoverProps","description":"Convenience prop to specify common popover props, `popoverProps.refElement` is required. Valid only if listOnly is not set to true.","type":"IPopoverProps | undefined"},{"name":"selectedFields","description":"The initially selected fields. Will use selectedFields[0] when multiple is set to false.","type":"string[]"},{"name":"showCancel","type":"boolean"},{"name":"showDescription","description":"If true, displays description. By default only displays field alias.","type":"boolean"},{"name":"showFieldInfo","description":"If true, displays the field info button. Valid only if listOnly is not set to true.","type":"boolean"},{"name":"showFieldName","description":"If true, displays field name. By default only displays field alias.","type":"boolean"},{"name":"showFieldTypeIcon","description":"If true, displays an icon corresponding to the field's type.","type":"boolean"},{"name":"showFilterLength","description":"If true, displays the filter option based on the number of fields.","type":"number"},{"name":"showSelectionAll","description":"If true, displays a 'Select All' button on top of the list. Valid only if multiple is set to true.","type":"boolean"},{"name":"showSort","type":"boolean"},{"name":"sortBy","description":"The initial sort order.","type":"LastSortBy"},{"name":"view","description":"View instance.","type":"__esri.View | undefined"}],"events":[{"name":"arcgisChange","type":"{ selectedFields: string[]; }","description":"Emitted when the selected fields have changed. selectedFields contains fields in order of the user's selection."},{"name":"arcgisClose","type":"{ selectedFields: string[]; } | void","description":"Emitted when the pick list has been closed."},{"name":"arcgisDeleteField","type":"{ fieldName: string; }","description":"Emitted when the delete icon of a field has been clicked. The field must have IPickListFieldInfo.showDeleteAction set to true."},{"name":"arcgisEditField","type":"{ fieldName: string; }","description":"Emitted when the edit icon of a field has been clicked. The field must have IPickListFieldInfo.showEditAction set to true."},{"name":"arcgisFieldPickListChange","type":"{ selectedFields: string[]; }"},{"name":"arcgisFieldPickListDismissed","type":"{ selectedFields: string[]; } | void"},{"name":"arcgisFieldPickListSortByChange","type":"LastSortBy"},{"name":"arcgisSortByChange","type":"LastSortBy","description":"Emitted when the field pick list sort order has changed."}]}},{"name":"arcgis-histogram","description":"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\ndata. 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.\n\nYou can generate the underlying histogram's bins with the [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)\nmodule, then apply them to the component, as shown in the example below.\n\n```js\nconst params = {\n  layer: povLayer,\n  field: \"POP_POVERTY\",\n  normalizationField: \"TOTPOP_CY\",\n  numBins: 30\n};\n\nconst results = await histogram(params);\nconst histogramElement = document.querySelector(\"arcgis-histogram\");\n\nhistogramElement.bins = results.bins;\nhistogramElement.min = results.minValue;\nhistogramElement.max = results.maxValue;\n```\n\nOther 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),\n[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.\n\nThe [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)\nproperty allows you to set a gradient or color scheme for the histogram bars.\n\nSee the image below for a summary of the configurable options available on the histogram.\n\n![Histogram with annotations](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/histogram-basic-labels.png \"Histogram with annotations\")\n\nThe [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.\n\n![Histogram with color](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/histogram-colors.png \"Histogram with color\")\n--\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n\n### CSS Properties\n- **--arcgis-histogram-bar-color** - Specifies the color of the histogram bars when the bin doesn't have a corresponding color stop. \n- **--arcgis-histogram-stop-color** - Specifies the default color for color stops. ","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/","attributes":[{"name":"average","description":"The statistical average of the data in the histogram. You would typically\nget this value from the `avg` property of\n[SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#SummaryStatisticsResult),\nwhich is the result of the\n[summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics) function.\n\nWhen set, this value will render on the histogram with a symbol indicating it is the average.","value":{"type":"number"}},{"name":"color-blending-enabled","description":"When set to `true`, overlapping classed color stops will be blended together to create the color of the bar.\nThis allows to show a if a bar representing a bin overlaps with multiple classed color stops.\n\nThis 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.","default":"false","value":{"type":"boolean"}},{"name":"icon","description":"Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).\nSearch [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.","default":"\"graph-histogram\"","value":{"type":"string"}},{"name":"label","description":"The component's default label.","value":{"type":"string"}},{"name":"layout","description":"Determines the orientation of the histogram.","default":"\"horizontal\"","value":{"type":["\"horizontal\"","\"vertical\""]}},{"name":"max","description":"The maximum value or bound of the entire histogram. This\nshould match the maximum bound of the last [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins).","value":{"type":"number"}},{"name":"min","description":"The minimum value or bound of the entire histogram. This\nshould match the minimum bound of the first [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins).","value":{"type":"number"}},{"name":"standard-deviation","description":"The statistical standard deviation of the data in the histogram. You would typically\nget this value from the `stddev` property of\n[SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#SummaryStatisticsResult),\nwhich is the result of the\n[summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics) function.\n\nWhen set, this value will render on the histogram with symbols indicating standard deviation intervals from the mean.","value":{"type":"number"}}],"events":[],"js":{"properties":[{"name":"average","description":"The statistical average of the data in the histogram. You would typically\nget this value from the `avg` property of\n[SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#SummaryStatisticsResult),\nwhich is the result of the\n[summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics) function.\n\nWhen set, this value will render on the histogram with a symbol indicating it is the average.","type":"number | undefined"},{"name":"bins","description":"An array of objects representing each bin in the histogram. This\ninformation is typically returned from the\n[histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/#histogram) function.","type":"HistogramBin[] | undefined"},{"name":"colorBlendingEnabled","description":"When set to `true`, overlapping classed color stops will be blended together to create the color of the bar.\nThis allows to show a if a bar representing a bin overlaps with multiple classed color stops.\n\nThis 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.","type":"boolean"},{"name":"colorStops","description":"An array of color stops used to define the color scheme for the histogram bars.\nThere are two types of color stops:\n- **Continuous color stops**: Each stop is defined by a `color` and a value. The color of the bar is determined by interpolating between the\n  colors of the stops surrounding the value of the bin.\n- **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\n 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`.\n\nWhen a bar is not covered by any color stop, it will be colored using the CSS variable `--arcgis-histogram-bar-color`.","type":"HistogramColorStops | undefined"},{"name":"dataLines","description":"When set, renders lines on the histogram that indicate important or\nmeaningful values to the end user.","type":"DataLine[] | undefined"},{"name":"icon","description":"Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).\nSearch [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.","type":"string | undefined"},{"name":"label","description":"The component's default label.","type":"string | undefined"},{"name":"layout","description":"Determines the orientation of the histogram.","type":"HistogramLayout"},{"name":"max","description":"The maximum value or bound of the entire histogram. This\nshould match the maximum bound of the last [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins).","type":"number | undefined"},{"name":"messageOverrides","description":"Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._","type":"Record<string, unknown> | undefined"},{"name":"min","description":"The minimum value or bound of the entire histogram. This\nshould match the minimum bound of the first [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins).","type":"number | undefined"},{"name":"standardDeviation","description":"The statistical standard deviation of the data in the histogram. You would typically\nget this value from the `stddev` property of\n[SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#SummaryStatisticsResult),\nwhich is the result of the\n[summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics) function.\n\nWhen set, this value will render on the histogram with symbols indicating standard deviation intervals from the mean.","type":"number | undefined"}],"events":[]}},{"name":"arcgis-label-input","description":"### Events\n- **arcgisChange** - Fires each time a new value is typed and committed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `edit(): Promise<void>` - Initiates the edit mode for the component.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/","attributes":[{"name":"alignment","description":"Specifies the alignment of the component's text elements.","default":"\"center\"","value":{}},{"name":"editing","description":"Indicates whether the component is in edit mode.\nThis 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.\nThe 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.","default":"false","value":{"type":"boolean"}},{"name":"read-only","description":"Indicates whether the component is in read-only mode.","default":"false","value":{"type":"boolean"}},{"name":"value","description":"The value the component displays.","default":"0","value":{"type":"number"}}],"events":[{"name":"arcgisChange","type":"void","description":"Fires each time a new value is typed and committed."}],"js":{"properties":[{"name":"alignment","description":"Specifies the alignment of the component's text elements.","type":"Button[\"alignment\"] & InputNumber[\"alignment\"]"},{"name":"editing","description":"Indicates whether the component is in edit mode.\nThis 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.\nThe 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.","type":"boolean"},{"name":"labelFormatter","description":"A function used to format the value.","type":"(value: number, defaultFormatter: (value: number) => string) => string | null | undefined"},{"name":"readOnly","description":"Indicates whether the component is in read-only mode.","type":"boolean"},{"name":"value","description":"The value the component displays.","type":"number"}],"events":[{"name":"arcgisChange","type":"void","description":"Fires each time a new value is typed and committed."}]}},{"name":"arcgis-picker-input","description":"### Events\n- **arcgisPopoverClose** - Emitted when the component has been closed.\n- **arcgisPopoverOpen** - Emitted when the component has been opened.\n\n### Methods\n- `close(): Promise<void>` - Close the component.\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `setFocus(): Promise<void>` - Set focus on the component.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-picker-input/","attributes":[{"name":"disabled","description":"If true, disables the component.","default":"false","value":{"type":"boolean"}},{"name":"heading","description":"Heading for the component.","value":{"type":"string"}},{"name":"icon-end","description":"Icon to display at the end of the component.","default":"\"pencil\"","value":{"type":"string"}},{"name":"intl-done","description":"Text to display within the \"Done\" button.","value":{"type":"string"}},{"name":"label","description":"Label for the component","default":"\"\"","value":{"type":"string"}}],"events":[{"name":"arcgisPopoverClose","type":"void","description":"Emitted when the component has been closed."},{"name":"arcgisPopoverOpen","type":"void","description":"Emitted when the component has been opened."}],"js":{"properties":[{"name":"disabled","description":"If true, disables the component.","type":"boolean"},{"name":"heading","description":"Heading for the component.","type":"string | undefined"},{"name":"iconEnd","description":"Icon to display at the end of the component.","type":"Icon[\"icon\"]"},{"name":"intlDone","description":"Text to display within the \"Done\" button.","type":"string | undefined"},{"name":"label","description":"Label for the component","type":"string"},{"name":"popoverProps","description":"Convenience prop to specify common popover props.","type":"IPopoverProps | undefined"}],"events":[{"name":"arcgisPopoverClose","type":"void","description":"Emitted when the component has been closed."},{"name":"arcgisPopoverOpen","type":"void","description":"Emitted when the component has been opened."}]}},{"name":"arcgis-ramp-color","description":"### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color/","attributes":[{"name":"layout","default":"\"horizontal\"","value":{"type":["\"horizontal\"","\"vertical\""]}},{"name":"max","default":"1","value":{"type":"number"}},{"name":"min","default":"0","value":{"type":"number"}}],"events":[],"js":{"properties":[{"name":"layout","type":"\"horizontal\" | \"vertical\""},{"name":"max","type":"number"},{"name":"min","type":"number"},{"name":"stops","type":"ColorStop[]"}],"events":[]}},{"name":"arcgis-ramp-color-break","description":"### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color-break/","attributes":[{"name":"layout","default":"\"horizontal\"","value":{"type":["\"horizontal\"","\"vertical\""]}},{"name":"max","default":"1","value":{"type":"number"}},{"name":"min","default":"0","value":{"type":"number"}}],"events":[],"js":{"properties":[{"name":"layout","type":"ArcgisRampColor[\"layout\"]"},{"name":"max","type":"number"},{"name":"min","type":"number"},{"name":"stops","type":"ColorBreak[]"}],"events":[]}},{"name":"arcgis-ramp-opacity","description":"### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-opacity/","attributes":[{"name":"fill-color","value":{"type":["string","object"]}},{"name":"layout","default":"\"horizontal\"","value":{"type":["\"horizontal\"","\"vertical\""]}},{"name":"max","default":"1","value":{"type":"number"}},{"name":"min","default":"0","value":{"type":"number"}}],"events":[],"js":{"properties":[{"name":"fillColor","type":"Color | string"},{"name":"layout","type":"ArcgisRampColor[\"layout\"]"},{"name":"max","type":"number"},{"name":"min","type":"number"},{"name":"stops","type":"{\n    value: number;\n    opacity: number;\n}[]"}],"events":[]}},{"name":"arcgis-slider","description":"The Slider component is used to filter data or collect numeric input from users. It supports single or multiple thumbs, configured via the\n[values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) property. The Slider can be displayed in horizontal or vertical [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout), supports snapping to defined [steps](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#steps),\nconfigurable value [precision](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#precision), and custom [labelFormatter](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#labelFormatter). It also includes keyboard interaction,\noptional editable labels, and customizable popover content.\n\nThe slider component can be set up with the [arcgis-ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) component. See the example below:\n```html\n<arcgis-slider min=\"0\" max=\"100\" show-range-labels value-labels-display=\"always\" steps=\"1\" value-labels-placement=\"start\">\n  <arcgis-ticks interactive slot=\"content-end\" style=\"flex:1;\" min=\"0\" max=\"100\" mode=\"count\" values=\"11\" show-labels>\n  </arcgis-ticks>\n</arcgis-slider>\n```\n\n### Which slider should you use: arcgis-slider or calcite-slider?\n>\n> In general, use [calcite-slider](https://developers.arcgis.com/calcite-design-system/components/slider/) over `arcgis-slider`.\n> It covers common slider use cases and works well in most scenarios.\n>\n> Use `arcgis-slider` only when you need functionality that `calcite-slider` does not provide, such as:\n> * [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout): `arcgis-slider` supports `layout=\"vertical\"`.\n> * Custom range display: `arcgis-slider` supports [fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin) and [fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax) for displaying a wider\n> range than the interactive range.\n> * More than two values: `arcgis-slider` supports an arbitrary number of slider values, beyond single-value or range (two-value) sliders.\n> * Slot support: Use the `content-start`, `content-end`, and `popover` slots to render custom content before the track, after the track, or inside the popover.\n--\n\n### Events\n- **arcgisActiveValueChange** - Fires when the [activeValue](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#activeValue) changes as a thumb or the range gains or loses focus.\nThis event does not fire when [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) change. Use [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates or\n[@arcgisChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisChange) when the interaction is committed.\n- **arcgisChange** - Fires when the thumb or range is released on the component.\n\nUse [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates during a drag.\n- **arcgisInput** - Fires continuously while the thumb or range is being dragged.\nThis event can fire frequently; consider debouncing or throttling expensive work.\n- **arcgisRangeChange** - Fires when the slider's [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range changes.\nThis occurs when the user edits the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) or [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels (when enabled).\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroys the component.\n\n### Slots\n- **content-start** - A slot for elements before the track.\n- **content-end** - A slot for elements after the track.\n- **popover** - A slot for custom content to be rendered in the popover.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/","attributes":[{"name":"allow-values-overlap","description":"When `true`, allows multiple thumbs to overlap by sharing the same value.\nWhen `false`, thumbs are prevented from overlapping.","default":"false","value":{"type":"boolean"}},{"name":"auto-destroy-disabled","description":"If true, the component will not be destroyed automatically when it is\ndisconnected from the document. This is useful when you want to move the\ncomponent to a different place on the page, or temporarily hide it. If this\nis set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#destroy) method when you are done to\nprevent memory leaks.","default":"false","value":{"type":"boolean"}},{"name":"disabled","description":"Indicates whether the slider is disabled.","default":"false","value":{"type":"boolean"}},{"name":"fill-placement","description":"Controls where the filled segment is displayed on the track for single-thumb sliders.\nRange sliders always display the fill between the min and max thumbs.","default":"\"start\"","value":{"type":["\"end\"","\"none\"","\"start\""]}},{"name":"full-range-max","description":"Sets the maximum value of the slider display full range.\nWhen specified, the slider track is scaled from [fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin) to `fullRangeMax`, while\nthe thumbs remain constrained to the interactive range defined by [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max).\n\nThe `fullRangeMax` must be greater than or equal to [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) property of the slider.","value":{"type":"number"}},{"name":"full-range-min","description":"Sets the minimum value of the slider display full range.\nWhen specified, the slider track is scaled from `fullRangeMin` to [fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax), while\nthe thumbs remain constrained to the range defined by [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max).\n\nThe `fullRangeMin` must be less than or equal to [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) property of the slider.","value":{"type":"number"}},{"name":"keyboard-large-step","description":"Controls how many \"small\" keyboard increments are applied in order to move a thumb or range faster using the\nkeyboard. The following keys are considered \"large\" increment keys:\n\n- PageUp/PageDown\n- Shift + Arrow keys","default":"10","value":{"type":"number"}},{"name":"layout","description":"Determines the layout/orientation of the Slider component. By default, the slider will render horizontally with the min value on the left side\nof the track.","default":"\"horizontal\"","value":{"type":["\"horizontal\"","\"vertical\""]}},{"name":"max","description":"The maximum value for the slider thumbs. Thumbs will not move past this value.\n\nTo display the `max` label on the slider, set [showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels) to `true`.\nTo allow the end user to modify the `max` value, set [rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled) to `true`.","value":{"type":"number"}},{"name":"min","description":"The minimum value for the slider thumbs. Thumbs will not move past this value.\nTo display the `min` label on the slider, set [showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels) to `true`.\nTo allow the end user to modify the `min` value, set [rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled) to `true`.","value":{"type":"number"}},{"name":"mirrored","description":"When `true`, the slider will display values from high to low. This inverts the direction of the slider.","default":"false","value":{"type":"boolean"}},{"name":"popover-label","description":"The accessible label for the popover. This label is used by assistive technologies and does not affect the visible UI.","default":"\"\"","value":{"type":"string"}},{"name":"popover-placement","description":"Determines which side of the track the popover is placed on.\nThe popover is the floating container that displays the content from the `popover` slot.\n* `\"start\"`: Positions the popover above a horizontal slider or to the left of a vertical slider.\n* `\"end\"`: Positions the popover below a horizontal slider or to the right of a vertical slider.","default":"\"start\"","value":{"type":["\"end\"","\"start\""]}},{"name":"precision","description":"Defines how slider thumb values should be rounded. This number indicates the number\nof decimal places slider thumb _values_ should round to when they have been moved.\n\nThis value also indicates the precision of thumb labels when the data range\nis less than `10` (i.e. `(max - min) < 10`).\n\nWhen the data range is larger than `10`, labels display with a precision of\nno more than two decimal places, though actual slider thumb values will maintain the\nprecision specified in this property.\n\nFor example, given the default precision of `4`, and the following slider configuration,\nThe labels of the thumbs will display two decimal places, but the precision of the actual\nthumb values will not be lost even when the user slides or moves the thumb.\n\nKeep in mind this property rounds thumb [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) and shouldn't be used exclusively\nfor formatting purposes. To format thumb `labels`, use the [labelFormatter](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#labelFormatter)\nproperty.","default":"4","value":{"type":"number"}},{"name":"range-labels-editing-enabled","description":"When `true`, users can edit the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels via keyboard input.\nEditing these labels updates the slider’s interactive range.","default":"false","value":{"type":"boolean"}},{"name":"range-labels-placement","description":"Controls where the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels are positioned relative to the track.\nThis property only affects the slider when [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout) is `\"horizontal\"`.\n\n- `\"center\"` (default): Places the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) labels aligned with the track.\n- `\"end\"`: Places the range labels below the the track.","default":"\"center\"","value":{"type":["\"center\"","\"end\""]}},{"name":"segments-dragging-disabled","description":"Indicates if the user can drag the segment between thumbs to update thumb positions.","default":"false","value":{"type":"boolean"}},{"name":"show-range-labels","description":"Indicates whether to [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels are visible on the slider.","default":"false","value":{"type":"boolean"}},{"name":"steps","description":"Sets steps, or intervals, on the slider that restrict user\ninput to specific values. If an array of numbers is passed to this\nproperty, the slider thumbs may only be moved to the positions\nspecified in the array.\n\nIf a single number is set, then steps are set along the entire\nslider range at an interval of the provided value. In this scenario,\nthe user may only slide the thumbs to values at the provided interval.\nFor example, if a value of `0.5` is set here, and the slider\n[min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) is `0` and the slider [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) is `10`, then the user will\nonly be able to update the thumbs to values of 0, 0.5, 1.0, 1.5, 2.0, etc.","value":{"type":["number","object"]}},{"name":"value-labels-display","description":"Controls when thumb value labels are displayed.\n\nThis property can be set to one of the following values:\n- `\"always\"`: Always show the labels.\n- `\"auto\"`: Show the labels only when the thumb representing a value is dragged.\n- `\"hidden\"`: Never show the labels.","default":"\"hidden\"","value":{"type":["\"always\"","\"auto\"","\"hidden\""]}},{"name":"value-labels-editing-enabled","description":"Indicates whether to enable editing input values via keyboard input\nwhen the user clicks a thumb value label. This allows the user to move the slider\nthumb to precise values without sliding the thumbs.\n\n![Slider with editable labels](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/slider-edit-label.png)","default":"false","value":{"type":"boolean"}},{"name":"value-labels-placement","description":"Determines whether the thumb value labels are placed before or after the track.","default":"\"start\"","value":{"type":["\"end\"","\"start\""]}},{"name":"values","description":"An array of numbers representing absolute thumb positions on the slider.","value":{}}],"slots":[{"name":"content-start","description":"A slot for elements before the track."},{"name":"content-end","description":"A slot for elements after the track."},{"name":"popover","description":"A slot for custom content to be rendered in the popover."}],"events":[{"name":"arcgisActiveValueChange","type":"void","description":"Fires when the [activeValue](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#activeValue) changes as a thumb or the range gains or loses focus.\nThis event does not fire when [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) change. Use [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates or\n[@arcgisChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisChange) when the interaction is committed."},{"name":"arcgisChange","type":"void","description":"Fires when the thumb or range is released on the component.\n\nUse [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates during a drag."},{"name":"arcgisInput","type":"void","description":"Fires continuously while the thumb or range is being dragged.\nThis event can fire frequently; consider debouncing or throttling expensive work."},{"name":"arcgisRangeChange","type":"void","description":"Fires when the slider's [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range changes.\nThis occurs when the user edits the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) or [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels (when enabled)."}],"js":{"properties":[{"name":"activeValue","description":"The active value of the slider, based on which thumb or range (segment) is active. This returns the stored value for the active thumb,\nso it may reflect the thumb’s last set position.\n\n\nIt returns\n- `undefined` when no value is active\n- a `number` when a single value is active\n- `\"all\"` when the range (segment) is active\n\nListen to [@arcgisActiveValueChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisActiveValueChange) to be notified when a value becomes active or inactive.","type":"number | \"all\" | undefined"},{"name":"allowValuesOverlap","description":"When `true`, allows multiple thumbs to overlap by sharing the same value.\nWhen `false`, thumbs are prevented from overlapping.","type":"boolean"},{"name":"autoDestroyDisabled","description":"If true, the component will not be destroyed automatically when it is\ndisconnected from the document. This is useful when you want to move the\ncomponent to a different place on the page, or temporarily hide it. If this\nis set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#destroy) method when you are done to\nprevent memory leaks.","type":"boolean"},{"name":"disabled","description":"Indicates whether the slider is disabled.","type":"boolean"},{"name":"fillPlacement","description":"Controls where the filled segment is displayed on the track for single-thumb sliders.\nRange sliders always display the fill between the min and max thumbs.","type":"\"end\" | \"none\" | \"start\""},{"name":"fullRangeMax","description":"Sets the maximum value of the slider display full range.\nWhen specified, the slider track is scaled from [fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin) to `fullRangeMax`, while\nthe thumbs remain constrained to the interactive range defined by [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max).\n\nThe `fullRangeMax` must be greater than or equal to [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) property of the slider.","type":"number | undefined"},{"name":"fullRangeMin","description":"Sets the minimum value of the slider display full range.\nWhen specified, the slider track is scaled from `fullRangeMin` to [fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax), while\nthe thumbs remain constrained to the range defined by [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max).\n\nThe `fullRangeMin` must be less than or equal to [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) property of the slider.","type":"number | undefined"},{"name":"keyboardLargeStep","description":"Controls how many \"small\" keyboard increments are applied in order to move a thumb or range faster using the\nkeyboard. The following keys are considered \"large\" increment keys:\n\n- PageUp/PageDown\n- Shift + Arrow keys","type":"number"},{"name":"labelFormatter","description":"Allows customizing how slider labels are formatted for [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min), [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max), and thumb values.\nThe formatted value is used for the visible labels and for the thumb’s accessible value text via `aria-valuetext`.\nReturn `null` or `undefined` to use the default formatting.","type":"(value: number, type: \"max\" | \"min\" | \"value\", defaultFormatter: (value: number) => string) => string | null | undefined"},{"name":"layout","description":"Determines the layout/orientation of the Slider component. By default, the slider will render horizontally with the min value on the left side\nof the track.","type":"\"horizontal\" | \"vertical\""},{"name":"max","description":"The maximum value for the slider thumbs. Thumbs will not move past this value.\n\nTo display the `max` label on the slider, set [showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels) to `true`.\nTo allow the end user to modify the `max` value, set [rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled) to `true`.","type":"number"},{"name":"messageOverrides","description":"Replace localized message strings with your own strings.\n\n_**Note**: Individual message keys may change between releases._","type":"Record<string, unknown> | undefined"},{"name":"min","description":"The minimum value for the slider thumbs. Thumbs will not move past this value.\nTo display the `min` label on the slider, set [showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels) to `true`.\nTo allow the end user to modify the `min` value, set [rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled) to `true`.","type":"number"},{"name":"mirrored","description":"When `true`, the slider will display values from high to low. This inverts the direction of the slider.","type":"boolean"},{"name":"popoverLabel","description":"The accessible label for the popover. This label is used by assistive technologies and does not affect the visible UI.","type":"Popover[\"label\"]"},{"name":"popoverPlacement","description":"Determines which side of the track the popover is placed on.\nThe popover is the floating container that displays the content from the `popover` slot.\n* `\"start\"`: Positions the popover above a horizontal slider or to the left of a vertical slider.\n* `\"end\"`: Positions the popover below a horizontal slider or to the right of a vertical slider.","type":"\"end\" | \"start\""},{"name":"precision","description":"Defines how slider thumb values should be rounded. This number indicates the number\nof decimal places slider thumb _values_ should round to when they have been moved.\n\nThis value also indicates the precision of thumb labels when the data range\nis less than `10` (i.e. `(max - min) < 10`).\n\nWhen the data range is larger than `10`, labels display with a precision of\nno more than two decimal places, though actual slider thumb values will maintain the\nprecision specified in this property.\n\nFor example, given the default precision of `4`, and the following slider configuration,\nThe labels of the thumbs will display two decimal places, but the precision of the actual\nthumb values will not be lost even when the user slides or moves the thumb.\n\nKeep in mind this property rounds thumb [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) and shouldn't be used exclusively\nfor formatting purposes. To format thumb `labels`, use the [labelFormatter](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#labelFormatter)\nproperty.","type":"number"},{"name":"rangeLabelsEditingEnabled","description":"When `true`, users can edit the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels via keyboard input.\nEditing these labels updates the slider’s interactive range.","type":"boolean"},{"name":"rangeLabelsPlacement","description":"Controls where the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels are positioned relative to the track.\nThis property only affects the slider when [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout) is `\"horizontal\"`.\n\n- `\"center\"` (default): Places the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) labels aligned with the track.\n- `\"end\"`: Places the range labels below the the track.","type":"\"center\" | \"end\""},{"name":"segmentsDraggingDisabled","description":"Indicates if the user can drag the segment between thumbs to update thumb positions.","type":"boolean"},{"name":"showRangeLabels","description":"Indicates whether to [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels are visible on the slider.","type":"boolean"},{"name":"steps","description":"Sets steps, or intervals, on the slider that restrict user\ninput to specific values. If an array of numbers is passed to this\nproperty, the slider thumbs may only be moved to the positions\nspecified in the array.\n\nIf a single number is set, then steps are set along the entire\nslider range at an interval of the provided value. In this scenario,\nthe user may only slide the thumbs to values at the provided interval.\nFor example, if a value of `0.5` is set here, and the slider\n[min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) is `0` and the slider [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) is `10`, then the user will\nonly be able to update the thumbs to values of 0, 0.5, 1.0, 1.5, 2.0, etc.","type":"number[] | number | undefined"},{"name":"valueLabelsDisplay","description":"Controls when thumb value labels are displayed.\n\nThis property can be set to one of the following values:\n- `\"always\"`: Always show the labels.\n- `\"auto\"`: Show the labels only when the thumb representing a value is dragged.\n- `\"hidden\"`: Never show the labels.","type":"\"always\" | \"auto\" | \"hidden\""},{"name":"valueLabelsEditingEnabled","description":"Indicates whether to enable editing input values via keyboard input\nwhen the user clicks a thumb value label. This allows the user to move the slider\nthumb to precise values without sliding the thumbs.\n\n![Slider with editable labels](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/sliders/slider-edit-label.png)","type":"boolean"},{"name":"valueLabelsPlacement","description":"Determines whether the thumb value labels are placed before or after the track.","type":"\"end\" | \"start\""},{"name":"values","description":"An array of numbers representing absolute thumb positions on the slider.","type":"number[]"}],"events":[{"name":"arcgisActiveValueChange","type":"void","description":"Fires when the [activeValue](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#activeValue) changes as a thumb or the range gains or loses focus.\nThis event does not fire when [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) change. Use [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates or\n[@arcgisChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisChange) when the interaction is committed."},{"name":"arcgisChange","type":"void","description":"Fires when the thumb or range is released on the component.\n\nUse [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates during a drag."},{"name":"arcgisInput","type":"void","description":"Fires continuously while the thumb or range is being dragged.\nThis event can fire frequently; consider debouncing or throttling expensive work."},{"name":"arcgisRangeChange","type":"void","description":"Fires when the slider's [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range changes.\nThis occurs when the user edits the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) or [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels (when enabled)."}]}},{"name":"arcgis-slider-input","description":"### Events\n- **arcgisSliderInputValueChange**\n- **arcgisValueChange** - Emitted when the value has changed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider-input/","attributes":[{"name":"disabled","description":"If true, prevents interaction with the component.","default":"false","value":{"type":"boolean"}},{"name":"flip-labels","description":"Handle LTR and RTL label placement.","default":"false","value":{"type":"boolean"}},{"name":"label","description":"Label for the component.","value":{"type":"string"}},{"name":"max","description":"Max value for the component.","default":"100","value":{"type":"number"}},{"name":"min","description":"Min value for the component.","default":"0","value":{"type":"number"}},{"name":"step","description":"Increment interval for the component.","default":"1","value":{"type":"number"}},{"name":"units-label","description":"If provided, specifies units for the input.","value":{"type":"string"}},{"name":"value","description":"Initial value for the component.","default":"50","value":{"type":"number"}},{"name":"with-steppers","description":"If true, adds up/down arrows to the input.","default":"false","value":{"type":"boolean"}}],"events":[{"name":"arcgisSliderInputValueChange","type":"number"},{"name":"arcgisValueChange","type":"number","description":"Emitted when the value has changed."}],"js":{"properties":[{"name":"disabled","description":"If true, prevents interaction with the component.","type":"boolean"},{"name":"flipLabels","description":"Handle LTR and RTL label placement.","type":"boolean"},{"name":"label","description":"Label for the component.","type":"string | undefined"},{"name":"max","description":"Max value for the component.","type":"number"},{"name":"min","description":"Min value for the component.","type":"number"},{"name":"step","description":"Increment interval for the component.","type":"number"},{"name":"unitsLabel","description":"If provided, specifies units for the input.","type":"string | undefined"},{"name":"value","description":"Initial value for the component.","type":"number"},{"name":"withSteppers","description":"If true, adds up/down arrows to the input.","type":"boolean"}],"events":[{"name":"arcgisSliderInputValueChange","type":"number"},{"name":"arcgisValueChange","type":"number","description":"Emitted when the value has changed."}]}},{"name":"arcgis-ticks","description":"The ticks component displays visual markers along a line to indicate scale, intervals, or specific values. It is often used in conjunction with the\n[Slider component](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/). Ticks help users understand the\nslider’s range and make more precise selections.\n\nTick placement is controlled by the [mode](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#mode), which defines how the [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) are parsed and translated into positions along the\nline. Tick positions are derived from the component’s [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#max) range, with optional none-linear scaling via\n[interpolationExponent](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interpolationExponent). Ticks can be displayed in vertical or horizontal [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#layout), with optional [showLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#showLabels) and a [showBaseline](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#showBaseline).\nThe component can also be made [interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive) to respond to user clicks on individual ticks. The [labelFormatter](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#labelFormatter) property allows customization of tick label formatting.\n--\n\n### Events\n- **arcgisTickClick** - Fires when the user clicks on one of the ticks. This event is only emitted when the [interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive) property is set to `true`.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n\n### CSS Properties\n- **--arcgis-ticks-tick-length** - Specifies the length of the ticks. \n- **--arcgis-ticks-tick-color** - Specifies the color of the ticks. \n- **--arcgis-ticks-gap** - Specifies the gap between the ticks and labels. ","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/","attributes":[{"name":"interactive","description":"When `true`, ticks are clickable and the component emits  [@arcgisTickClick](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#event-arcgisTickClick) when the user selects a tick.","default":"false","value":{"type":"boolean"}},{"name":"interpolation-exponent","description":"The exponent used to interpolate the position of ticks along the component.\nA value of `0` indicates linear interpolation. Positive values indicate exponential interpolation, and negative values indicate logarithmic interpolation.\n\nSet this property when the range of values is large and users need precision in the lower range of values (for an exponential interpolation), or in the higher range (for a logarithmic interpolation).\n\n```tsx\n<arcgis-ticks interpolation-exponent={14} min={1} max={5518000} mode=\"value\" values={[1, 11500, 5518000]} />\n```","default":"0","value":{"type":"number"}},{"name":"label-placement","description":"Determines whether the labels are placed before or after the ticks.","default":"\"end\"","value":{"type":["\"end\"","\"start\""]}},{"name":"layout","description":"Determines the layout/orientation of the ticks component. By default, the ticks will render horizontally.\nWhen set to `vertical`, the ticks will render vertically.","default":"\"horizontal\"","value":{"type":["\"horizontal\"","\"vertical\""]}},{"name":"max","description":"The component's maximum rendered value.","default":"100","value":{"type":"number"}},{"name":"min","description":"The component's minimum rendered value.","default":"0","value":{"type":"number"}},{"name":"mirrored","description":"When `true`, the values are displayed from high to low.","default":"false","value":{"type":"boolean"}},{"name":"mode","description":"The mode or method of positioning ticks along the component. It drives how [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted.\n- `count`: Places a fixed number of ticks (provided in the [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) property) at equal distances from each other.\n- `percent`: [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted as percentage. If [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is a number, it indicates the interval between ticks. If it is an array, it indicates the percentage values at which to place the ticks.\n- `value`: Indicates that ticks will only be placed at the values specified in the property.","default":"\"count\"","value":{"type":["\"value\"","\"count\"","\"percent\""]}},{"name":"show-baseline","description":"Indicates whether to render a line connecting the ticks.","default":"false","value":{"type":"boolean"}},{"name":"show-labels","description":"Indicates whether to render labels for the ticks.","default":"false","value":{"type":"boolean"}},{"name":"values","description":"Indicates where ticks will be rendered along the component.\nSee the description for [mode](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#mode) for more information about how this property is interpreted by each mode.","value":{"type":["number","object"]}}],"events":[{"name":"arcgisTickClick","type":"{ value: number; }","description":"Fires when the user clicks on one of the ticks. This event is only emitted when the [interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive) property is set to `true`."}],"js":{"properties":[{"name":"interactive","description":"When `true`, ticks are clickable and the component emits  [@arcgisTickClick](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#event-arcgisTickClick) when the user selects a tick.","type":"boolean"},{"name":"interpolationExponent","description":"The exponent used to interpolate the position of ticks along the component.\nA value of `0` indicates linear interpolation. Positive values indicate exponential interpolation, and negative values indicate logarithmic interpolation.\n\nSet this property when the range of values is large and users need precision in the lower range of values (for an exponential interpolation), or in the higher range (for a logarithmic interpolation).\n\n```tsx\n<arcgis-ticks interpolation-exponent={14} min={1} max={5518000} mode=\"value\" values={[1, 11500, 5518000]} />\n```","type":"number"},{"name":"labelFormatter","description":"Allows customizing how tick labels are formatted based on their numeric value.","type":"((value: number, defaultFormatter: (value: number) => string) => nullish | string) | undefined"},{"name":"labelPlacement","description":"Determines whether the labels are placed before or after the ticks.","type":"\"end\" | \"start\""},{"name":"layout","description":"Determines the layout/orientation of the ticks component. By default, the ticks will render horizontally.\nWhen set to `vertical`, the ticks will render vertically.","type":"Layout"},{"name":"max","description":"The component's maximum rendered value.","type":"number"},{"name":"min","description":"The component's minimum rendered value.","type":"number"},{"name":"mirrored","description":"When `true`, the values are displayed from high to low.","type":"boolean"},{"name":"mode","description":"The mode or method of positioning ticks along the component. It drives how [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted.\n- `count`: Places a fixed number of ticks (provided in the [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) property) at equal distances from each other.\n- `percent`: [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted as percentage. If [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is a number, it indicates the interval between ticks. If it is an array, it indicates the percentage values at which to place the ticks.\n- `value`: Indicates that ticks will only be placed at the values specified in the property.","type":"TickMode"},{"name":"showBaseline","description":"Indicates whether to render a line connecting the ticks.","type":"boolean"},{"name":"showLabels","description":"Indicates whether to render labels for the ticks.","type":"boolean"},{"name":"values","description":"Indicates where ticks will be rendered along the component.\nSee the description for [mode](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#mode) for more information about how this property is interpreted by each mode.","type":"TickValues"}],"events":[{"name":"arcgisTickClick","type":"{ value: number; }","description":"Fires when the user clicks on one of the ticks. This event is only emitted when the [interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive) property is set to `true`."}]}},{"name":"arcgis-unique-values-list","description":"Displays a list of unique values taking into account field type formatting and field domains.\n--\n\n### Events\n- **arcgisChange** - Emitted if selection has changed\n- **arcgisLoad** - Emitted once the component is loaded. Useful when no uniqueValues were passed in.\n- **arcgisSortByChange** - Emitted if the sort order has changed\n\n### Methods\n- `componentOnReady(): Promise<this>` - Creates a promise that resolves once the component is fully loaded.\n- `getUniqueValues(): Promise<{\n    uniqueValues: __esri.UniqueValuesResultUniqueValueInfos[];\n    partialUniqueValues: boolean;\n} | undefined>` - Get all unique values.\nE.g. to be used to limit how often these unique values need to be requested from the layer.\n- `setFocus(): Promise<void>` - Sets focus on component","doc-url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-unique-values-list/","attributes":[{"name":"field-name","description":"Field name, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains.","value":{"type":"string"}},{"name":"field-source","description":"Optional, specify field source other than the layer's fields.","value":{"type":"\"feature-reduction\""}},{"name":"max-height","description":"Optional, max height of list in pixel.","value":{"type":"number"}},{"name":"multiple","description":"Multiple selections allowed?","default":"false","value":{"type":"boolean"}},{"name":"partial-unique-values","description":"Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.","default":"false","value":{"type":"boolean"}},{"name":"show-filter-length","description":"If true, displays the filter option based on the number of fields.","default":"10","value":{"type":"number"}},{"name":"sort-by","description":"Sort by default setting","value":{"type":["\"count\"","\"name\"","\"selected\""]}}],"events":[{"name":"arcgisChange","type":"(number | string)[]","description":"Emitted if selection has changed"},{"name":"arcgisLoad","type":"void","description":"Emitted once the component is loaded. Useful when no uniqueValues were passed in."},{"name":"arcgisSortByChange","type":"string | undefined","description":"Emitted if the sort order has changed"}],"js":{"properties":[{"name":"fieldName","description":"Field name, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains.","type":"string | undefined"},{"name":"fieldSource","description":"Optional, specify field source other than the layer's fields.","type":"FieldSource | undefined"},{"name":"layer","description":"Layer instance, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains.","type":"SupportedLayer | undefined"},{"name":"maxHeight","description":"Optional, max height of list in pixel.","type":"number | undefined"},{"name":"multiple","description":"Multiple selections allowed?","type":"boolean | undefined"},{"name":"numberFormatOptions","description":"Optional format options if values are numbers.\n\ne.g.\n     {\n       style: \"decimal\",\n       useGrouping: true,\n       minimumFractionDigits: 0,\n       maximumFractionDigits: 2\n     }\n\n     {\n       style: \"percent\",\n       useGrouping: true\n     }\n\n     {\n       style: \"currency\",\n       currency: \"EUR\",\n       currencyDisplay: \"symbol\"\n     }","type":"Intl.NumberFormatOptions | undefined"},{"name":"partialUniqueValues","description":"Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.","type":"boolean | undefined"},{"name":"selectedValues","description":"Lists of selected values","type":"(number | string)[] | undefined"},{"name":"showFilterLength","description":"If true, displays the filter option based on the number of fields.","type":"number"},{"name":"sortBy","description":"Sort by default setting","type":"\"count\" | \"name\" | \"selected\" | undefined"},{"name":"uniqueValues","description":"List of all unique values. If not provided component will get the unique values from the layer.\nAn empty list would mean that there are no unique values for this field on the layer. The component renders nothing then.","type":"__esri.UniqueValuesResultUniqueValueInfos[] | undefined"},{"name":"view","description":"MapView instance, required if uniqueValues is not provided and/or to display dates in the correct timezone","type":"__esri.MapView | __esri.SceneView | undefined"}],"events":[{"name":"arcgisChange","type":"(number | string)[]","description":"Emitted if selection has changed"},{"name":"arcgisLoad","type":"void","description":"Emitted once the component is loaded. Useful when no uniqueValues were passed in."},{"name":"arcgisSortByChange","type":"string | undefined","description":"Emitted if the sort order has changed"}]}}]},"css":{"properties":[{"name":"--arcgis-histogram-bar-color","description":"Specifies the color of the histogram bars when the bin doesn't have a corresponding color stop."},{"name":"--arcgis-histogram-stop-color","description":"Specifies the default color for color stops."},{"name":"--arcgis-ticks-tick-length","description":"Specifies the length of the ticks."},{"name":"--arcgis-ticks-tick-color","description":"Specifies the color of the ticks."},{"name":"--arcgis-ticks-gap","description":"Specifies the gap between the ticks and labels."}],"pseudo-elements":[]}}}