npm - @arcgis/common-components - Versions diffs - 5.1.0-next.32 → 5.1.0-next.34 - Mend

@arcgis/common-components 5.1.0-next.32 → 5.1.0-next.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/docs/api.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"timestamp":"2026-03-04T04:39:17","compiler":{"name":"@arcgis/lumina-compiler","version":"5.1.0-next.32","typescriptVersion":"5.9.3"},"schemaVersion":"2.1.0","modules":[{"kind":"javascript-module","path":"index","sourcePath":"src/index.ts","declarations":[{"kind":"function","name":"getAssetPath","description":"Get a resolved path from where an asset can be loaded.","parameters":[{"name":"suffix","description":"The relative path for the asset.","type":{"text":"string"}}],"return":{"type":{"text":"string"}}},{"kind":"function","name":"setAssetPath","description":"Used to manually set the base path where package assets (like localization\nand icons) can be found.\n\nBy default, the package assets are loaded from\n`https://js.arcgis.com/<version>/<simplified-package-name>/`. We are hosting\nour assets on a CDN (Content Delivery Network) to ensure fast and reliable\naccess. It is CORS-enabled, so you can load the assets from any domain. This\nis the recommended way to load the assets and avoid bundling them with your\napplication.\n\nHowever, if you need to host the assets locally, you can copy them manually\nas part of your build process and use `setAssetPath` to customize where the\nbrowser will load the assets from.","parameters":[{"name":"path","description":"Relative or absolute path to the assets folder.","type":{"text":"URL \| string","references":[{"name":"URL","package":"global:","viewUrl":"https://developer.mozilla.org/docs/Web/API/URL","start":0,"end":3}]}}],"return":{"type":{"text":"void"}}}]},{"kind":"javascript-module","path":"components/arcgis-ckeditor5","sourcePath":"src/components/ckeditor5/ckeditor5.tsx","declarations":[{"kind":"class","name":"ArcgisCkeditor5","customElement":true,"tagName":"arcgis-ckeditor5","pascalCaseName":"ArcgisCkeditor5","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"encapsulation":"none","members":[{"kind":"field","name":"canResizeVertically","description":"The editor's text area will have a vertical resize handle if set to true","type":{"text":"boolean \| undefined","values":[{"type":"boolean"}]},"default":"false","attribute":"can-resize-vertically"},{"kind":"field","name":"currentLanguage","description":"language for ckeditor","type":{"text":"string","values":[{"type":"string"}]},"default":"\"en\"","attribute":"current-language"},{"kind":"field","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":{"text":"any \| undefined","values":[{"type":"any"}]},"attribute":"custom-config"},{"kind":"field","name":"customExpressionCheck","description":"The function that will be used to distinguish expressions from fields in the default mention configuration","type":{"text":"((field: {\n id: string;\n name: string;\n}) => boolean) \| undefined"}},{"kind":"field","name":"editorType","description":"Base configuration for editor","type":{"text":"EditorType \| undefined","references":[{"name":"EditorType","module":"components/arcgis-ckeditor5/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/types#EditorType","start":0,"end":10}],"values":[{"type":"string","value":"html"},{"type":"string","value":"markdown"}]},"default":"\"html\"","attribute":"editor-type"},{"kind":"field","name":"groupFieldsAndExpressions","description":"The fields / expressions in the default mention configuration will be grouped if set to true","type":{"text":"boolean \| undefined","values":[{"type":"boolean"}]},"default":"false","attribute":"group-fields-and-expressions"},{"kind":"field","name":"intlExpressionsGroupHeading","description":"Header text for expressions mention dropdown (assuming default mention configuration)","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","attribute":"intl-expressions-group-heading"},{"kind":"field","name":"intlFieldsGroupHeading","description":"Header text for fields in mention dropdown (assuming default mention configuration)","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","attribute":"intl-fields-group-heading"},{"kind":"field","name":"intlTextPlaceHolder","description":"Placeholder text for editor","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","attribute":"intl-text-place-holder"},{"kind":"field","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":{"text":"InputMentionField[] \| undefined","references":[{"name":"InputMentionField","module":"components/arcgis-ckeditor5/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/types#InputMentionField","start":0,"end":17}]}},{"kind":"field","name":"readOnly","description":"The toolbar will be hidden and the data will only be changeable through the `textData` prop if true","type":{"text":"boolean \| undefined","values":[{"type":"boolean"}]},"default":"false","attribute":"read-only"},{"kind":"field","name":"textData","description":"Input data for editor in html / markdown text format","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"text-data"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisCkeditor5 = document.querySelector(\"arcgis-ckeditor5\");\ndocument.body.append(arcgisCkeditor5);\nawait arcgisCkeditor5.componentOnReady();\nconsole.log(\"arcgis-ckeditor5 is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"getData","description":"Get the current data in the editor.","return":{"type":{"text":"Promise<any>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<any>"},{"kind":"method","name":"setFocus","description":"Set focus on the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"can-resize-vertically","description":"The editor's text area will have a vertical resize handle if set to true","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"canResizeVertically"},{"name":"current-language","description":"language for ckeditor","type":{"text":"string","values":[{"type":"string"}]},"default":"\"en\"","fieldName":"currentLanguage"},{"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","type":{"text":"any \| undefined","values":[{"type":"any"}]},"fieldName":"customConfig"},{"name":"editor-type","description":"Base configuration for editor","type":{"text":"\"html\" \| \"markdown\"","values":[{"type":"string","value":"html"},{"type":"string","value":"markdown"}]},"default":"\"html\"","fieldName":"editorType"},{"name":"group-fields-and-expressions","description":"The fields / expressions in the default mention configuration will be grouped if set to true","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"groupFieldsAndExpressions"},{"name":"intl-expressions-group-heading","description":"Header text for expressions mention dropdown (assuming default mention configuration)","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","fieldName":"intlExpressionsGroupHeading"},{"name":"intl-fields-group-heading","description":"Header text for fields in mention dropdown (assuming default mention configuration)","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","fieldName":"intlFieldsGroupHeading"},{"name":"intl-text-place-holder","description":"Placeholder text for editor","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","fieldName":"intlTextPlaceHolder"},{"name":"read-only","description":"The toolbar will be hidden and the data will only be changeable through the `textData` prop if true","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"readOnly"},{"name":"text-data","description":"Input data for editor in html / markdown text format","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"textData"}],"events":[{"name":"arcgisCkeditor5Created","deprecated":"use arcgisCreated instead","type":{"text":"ArcgisCkeditor5","references":[{"name":"ArcgisCkeditor5","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/#ArcgisCkeditor5","start":0,"end":15}]}},{"name":"arcgisCkeditor5DataUpdated","deprecated":"use arcgisDataUpdated instead","type":{"text":"string"}},{"name":"arcgisCkeditor5SourceEditingChanged","deprecated":"use arcgisSourceEditingChanged instead","type":{"text":"boolean"}},{"name":"arcgisCreated","description":"Emitted when the editor has been created.","type":{"text":"ArcgisCkeditor5","references":[{"name":"ArcgisCkeditor5","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/#ArcgisCkeditor5","start":0,"end":15}]}},{"name":"arcgisDataUpdated","description":"Emitted when the editor's data has been updated.","type":{"text":"string"}},{"name":"arcgisSourceEditingChanged","description":"Emitted when the editor's source editing mode has changed.","type":{"text":"boolean"}}],"importPath":"components/arcgis-ckeditor5"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-ckeditor5","declaration":{"name":"ArcgisCkeditor5"}}]},{"kind":"javascript-module","path":"components/arcgis-ckeditor5/types","sourcePath":"src/components/ckeditor5/types.ts","declarations":[{"kind":"interface","name":"InputMentionField","docsTags":[{"name":"internal"}],"members":[{"kind":"field","name":"id","type":{"text":"string"}},{"kind":"field","name":"name","type":{"text":"string"}}]},{"kind":"interface","name":"DisplayMentionField","docsTags":[{"name":"internal"}],"supertypes":[{"name":"InputMentionField","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/types#InputMentionField"}],"members":[{"kind":"field","name":"isFirstExpression","type":{"text":"boolean"}},{"kind":"field","name":"isFirstField","type":{"text":"boolean"}}]},{"kind":"interface","name":"EditorType","docsTags":[{"name":"internal"}],"type":{"text":"\"html\" \| \"markdown\""}}]},{"kind":"javascript-module","path":"components/arcgis-ckeditor5-popover","sourcePath":"src/components/ckeditor5/ckeditor5-popover/ckeditor5-popover.tsx","declarations":[{"kind":"class","name":"ArcgisCkeditor5Popover","customElement":true,"tagName":"arcgis-ckeditor5-popover","pascalCaseName":"ArcgisCkeditor5Popover","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5-popover/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"guid","description":"Guid for ckeditor popover instance.","type":{"text":"`${string}-${string}-${string}-${string}-${string}`","values":[{"type":"string"}]},"attribute":"guid"},{"kind":"field","name":"intlCancel","description":"Cancel button text.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"Cancel\"","attribute":"intl-cancel"},{"kind":"field","name":"intlLabel","description":"Popover label text.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"intl-label"},{"kind":"field","name":"intlOk","description":"Ok button text.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"Ok\"","attribute":"intl-ok"},{"kind":"field","name":"refElement","description":"Reference element for the popover.","type":{"text":"HTMLElement \| undefined","references":[{"name":"HTMLElement","package":"global:","viewUrl":"https://developer.mozilla.org/docs/Web/API/HTMLElement","start":0,"end":11}]}},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisCkeditor5Popover = document.querySelector(\"arcgis-ckeditor5-popover\");\ndocument.body.append(arcgisCkeditor5Popover);\nawait arcgisCkeditor5Popover.componentOnReady();\nconsole.log(\"arcgis-ckeditor5-popover is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"reposition","description":"Reposition the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"guid","description":"Guid for ckeditor popover instance.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"guid"},{"name":"intl-cancel","description":"Cancel button text.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"Cancel\"","fieldName":"intlCancel"},{"name":"intl-label","description":"Popover label text.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"intlLabel"},{"name":"intl-ok","description":"Ok button text.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"Ok\"","fieldName":"intlOk"}],"events":[{"name":"arcgisCkeditor5PopoverClosed","deprecated":"use arcgisPopoverClosed instead","type":{"text":"{\n guid: string;\n data?: string;\n}"}},{"name":"arcgisPopoverClosed","description":"Emitted when the popover has been closed.","type":{"text":"{\n guid: string;\n data?: string;\n}"}}],"importPath":"components/arcgis-ckeditor5-popover"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-ckeditor5-popover","declaration":{"name":"ArcgisCkeditor5Popover"}}]},{"kind":"javascript-module","path":"components/arcgis-color-input","sourcePath":"src/components/color-input/color-input.tsx","declarations":[{"kind":"class","name":"ArcgisColorInput","customElement":true,"tagName":"arcgis-color-input","pascalCaseName":"ArcgisColorInput","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-color-input/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"clearable","description":"Display option to set no color.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"clearable"},{"kind":"field","name":"color","description":"The selected color as a HEX value. If not set it will display a 'transparent' color swatch.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"color"},{"kind":"field","name":"compact","description":"Control whether the component should be displayed in a compact style (i.e., fewer recent color options).","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"compact"},{"kind":"field","name":"disabled","description":"Control whether the component is disabled.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"disabled"},{"kind":"field","name":"hideRecentColors","description":"If true, do not display recent colors.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"hide-recent-colors"},{"kind":"field","name":"messageOverrides","description":"Replace localized message strings with your own strings.","type":{"text":"Record<string, unknown> \| undefined","references":[{"name":"Record","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type","start":0,"end":6}]}},{"kind":"field","name":"placement","description":"Determines where the popup color picker will be positioned relative to the color input.","type":{"text":"Popover[\"placement\"]","references":[{"name":"Popover","module":"components/calcite-popover","package":"@esri/calcite-components","start":0,"end":7}],"values":[{"type":"string","value":"auto"},{"type":"string","value":"auto-start"},{"type":"string","value":"auto-end"},{"type":"string","value":"top"},{"type":"string","value":"top-start"},{"type":"string","value":"top-end"},{"type":"string","value":"bottom"},{"type":"string","value":"bottom-start"},{"type":"string","value":"bottom-end"},{"type":"string","value":"right"},{"type":"string","value":"right-start"},{"type":"string","value":"right-end"},{"type":"string","value":"left"},{"type":"string","value":"left-start"},{"type":"string","value":"left-end"},{"type":"string","value":"leading-start"},{"type":"string","value":"leading"},{"type":"string","value":"leading-end"},{"type":"string","value":"trailing-end"},{"type":"string","value":"trailing"},{"type":"string","value":"trailing-start"}]},"default":"\"auto\"","attribute":"placement"},{"kind":"field","name":"popoverProps","description":"Convenience prop to specify common popover props.","type":{"text":"IPopoverProps \| undefined","references":[{"name":"IPopoverProps","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPopoverProps","start":0,"end":13}]}},{"kind":"field","name":"showTransparency","description":"If true, allow transparency to be modified within the color picker.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-transparency"},{"kind":"field","name":"storageId","description":"The id of the local storage element that will store recent colors.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"arcgis-color-input-storage-colors\"","attribute":"storage-id"},{"kind":"method","name":"close","description":"Close the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisColorInput = document.querySelector(\"arcgis-color-input\");\ndocument.body.append(arcgisColorInput);\nawait arcgisColorInput.componentOnReady();\nconsole.log(\"arcgis-color-input is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"setFocus","description":"Set focus on the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"clearable","description":"Display option to set no color.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"clearable"},{"name":"color","description":"The selected color as a HEX value. If not set it will display a 'transparent' color swatch.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"color"},{"name":"compact","description":"Control whether the component should be displayed in a compact style (i.e., fewer recent color options).","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"compact"},{"name":"disabled","description":"Control whether the component is disabled.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"disabled"},{"name":"hide-recent-colors","description":"If true, do not display recent colors.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"hideRecentColors"},{"name":"placement","description":"Determines where the popup color picker will be positioned relative to the color input.","type":{"text":"\"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\"","values":[{"type":"string","value":"auto"},{"type":"string","value":"auto-start"},{"type":"string","value":"auto-end"},{"type":"string","value":"top"},{"type":"string","value":"top-start"},{"type":"string","value":"top-end"},{"type":"string","value":"bottom"},{"type":"string","value":"bottom-start"},{"type":"string","value":"bottom-end"},{"type":"string","value":"right"},{"type":"string","value":"right-start"},{"type":"string","value":"right-end"},{"type":"string","value":"left"},{"type":"string","value":"left-start"},{"type":"string","value":"left-end"},{"type":"string","value":"leading-start"},{"type":"string","value":"leading"},{"type":"string","value":"leading-end"},{"type":"string","value":"trailing-end"},{"type":"string","value":"trailing"},{"type":"string","value":"trailing-start"}]},"default":"\"auto\"","fieldName":"placement"},{"name":"show-transparency","description":"If true, allow transparency to be modified within the color picker.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showTransparency"},{"name":"storage-id","description":"The id of the local storage element that will store recent colors.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"arcgis-color-input-storage-colors\"","fieldName":"storageId"}],"events":[{"name":"arcgisChange","description":"Emitted when the color has changed.","type":{"text":"void"}},{"name":"arcgisColorInputChange","deprecated":"use arcgisChange instead","type":{"text":"void"}},{"name":"arcgisColorInputPopoverClose","deprecated":"use arcgisPickerClose instead","type":{"text":"string"}},{"name":"arcgisColorInputPopoverOpen","deprecated":"use arcgisPickerOpen instead","type":{"text":"void"}},{"name":"arcgisColorInputSwatchUpdate","deprecated":"use arcgisSwatchUpdate instead","type":{"text":"string \| undefined"}},{"name":"arcgisPickerClose","type":{"text":"string"}},{"name":"arcgisPickerOpen","type":{"text":"void"}},{"name":"arcgisSwatchUpdate","description":"Emitted when a color swatch is updated (emits selected color hex).","type":{"text":"string \| undefined"}}],"importPath":"components/arcgis-color-input"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-color-input","declaration":{"name":"ArcgisColorInput"}}]},{"kind":"javascript-module","path":"components/arcgis-field-info","sourcePath":"src/components/field-info/field-info.tsx","declarations":[{"kind":"class","name":"ArcgisFieldInfo","customElement":true,"tagName":"arcgis-field-info","pascalCaseName":"ArcgisFieldInfo","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-field-info/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"fieldName","description":"Required field name.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"field-name"},{"kind":"field","name":"hideAlias","description":"If true, hide the field alias section.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"hide-alias"},{"kind":"field","name":"hideNumericFormat","description":"If true, hide the decimal places section.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"hide-numeric-format"},{"kind":"field","name":"hideStatistics","description":"If true, hide statistics (i.e., no top 10 values for string and no stats for number and date fields).","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"hide-statistics"},{"kind":"field","name":"layer","description":"Required layer instance.","type":{"text":"FieldInfoLayer \| undefined","references":[{"name":"FieldInfoLayer","module":"components/arcgis-field-info/utils/basic","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-field-info/utils/basic#FieldInfoLayer","start":0,"end":14}]}},{"kind":"field","name":"view","description":"View instance. If no view is provided all dates will show in 'system' timezone.","type":{"text":"__esri.View \| undefined","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7}]}},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisFieldInfo = document.querySelector(\"arcgis-field-info\");\ndocument.body.append(arcgisFieldInfo);\nawait arcgisFieldInfo.componentOnReady();\nconsole.log(\"arcgis-field-info is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"refresh","description":"Refresh the field info display after external changes are made.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"field-name","description":"Required field name.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"fieldName"},{"name":"hide-alias","description":"If true, hide the field alias section.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"hideAlias"},{"name":"hide-numeric-format","description":"If true, hide the decimal places section.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"hideNumericFormat"},{"name":"hide-statistics","description":"If true, hide statistics (i.e., no top 10 values for string and no stats for number and date fields).","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"hideStatistics"}],"events":[{"name":"arcgisComplete","description":"Emitted once all information is displayed.","type":{"text":"void"}},{"name":"arcgisFieldInfoComplete","deprecated":"use arcgisComplete instead.","type":{"text":"void"}}],"importPath":"components/arcgis-field-info"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-field-info","declaration":{"name":"ArcgisFieldInfo"}}]},{"kind":"javascript-module","path":"components/arcgis-field-info/utils/basic","sourcePath":"src/components/field-info/utils/basic.ts","declarations":[{"kind":"interface","name":"FieldInfoLayer","docsTags":[{"name":"internal"}],"type":{"text":"__esri.CatalogFootprintLayer \| __esri.CatalogLayer \| __esri.CSVLayer \| __esri.FeatureLayer \| __esri.GeoJSONLayer \| __esri.ImageryLayer \| __esri.ImageryTileLayer \| __esri.KnowledgeGraphSublayer \| __esri.OGCFeatureLayer \| __esri.OrientedImageryLayer \| __esri.ParquetLayer \| __esri.SceneLayer \| __esri.StreamLayer \| __esri.Sublayer \| __esri.SubtypeGroupLayer \| __esri.SubtypeSublayer \| __esri.VoxelLayer \| __esri.WCSLayer \| __esri.WFSLayer","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":31,"end":38},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":53,"end":60},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":71,"end":78},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":93,"end":100},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":115,"end":122},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":137,"end":144},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":163,"end":170},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":195,"end":202},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":220,"end":227},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":250,"end":257},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":272,"end":279},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":292,"end":299},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":313,"end":320},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":331,"end":338},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":358,"end":365},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":383,"end":390},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":403,"end":410},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":421,"end":428}]}}]},{"kind":"javascript-module","path":"components/arcgis-field-pick-list","sourcePath":"src/components/field-pick-list/field-pick-list.tsx","declarations":[{"kind":"class","name":"ArcgisFieldPickList","customElement":true,"tagName":"arcgis-field-pick-list","pascalCaseName":"ArcgisFieldPickList","description":"A component that displays a list of fields for selection, inside a popover (default) or just as a list.","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-field-pick-list/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"customExpressionCheck","description":"Custom function to distinguish expressions from fields.","type":{"text":"((field: IPickListFieldInfo) => boolean) \| undefined","references":[{"name":"IPickListFieldInfo","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPickListFieldInfo","start":8,"end":26}]}},{"kind":"field","name":"expressionsGroupHeading","description":"Header text for group containing expressions, if 'groupFieldsAndExpressions' is set to true.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"expressions-group-heading"},{"kind":"field","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":{"text":"IPickListFieldInfo[] \| IPickListGroupInfo[]","references":[{"name":"IPickListFieldInfo","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPickListFieldInfo","start":0,"end":18},{"name":"IPickListGroupInfo","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPickListGroupInfo","start":23,"end":41}]}},{"kind":"field","name":"fieldsGroupHeading","description":"Header text for group containing fields, if 'groupFieldsAndExpressions' is set to true.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"fields-group-heading"},{"kind":"field","name":"filterNoResultsText","description":"Filter no results text. If empty string (\"\") no text will be shown.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"filter-no-results-text"},{"kind":"field","name":"filterPlaceholderText","description":"Filter placeholder text.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"filter-placeholder-text"},{"kind":"field","name":"groupFieldsAndExpressions","deprecated":"Pass in grouped lists of fields instead.\nIf true, fields and expressions are placed in separate groups.","type":{"text":"boolean \| undefined","values":[{"type":"boolean"}]},"default":"false","attribute":"group-fields-and-expressions"},{"kind":"field","name":"heading","description":"Heading text. Valid only if listOnly is not set to true.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"heading"},{"kind":"field","name":"hideCancel","description":"If true, hides the cancel button. Valid only if listOnly is not set to true.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"hide-cancel"},{"kind":"field","name":"hideSort","description":"If true, hides the sort menu button.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"hide-sort"},{"kind":"field","name":"layer","description":"Layer instance.","type":{"text":"FieldPickListLayer \| undefined","references":[{"name":"FieldPickListLayer","module":"components/arcgis-field-pick-list/utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-field-pick-list/utils/types#FieldPickListLayer","start":0,"end":18}]}},{"kind":"field","name":"listOnly","description":"If true, renders without a popover.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"list-only"},{"kind":"field","name":"mapView","deprecated":"use view instead","type":{"text":"__esri.View \| undefined","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7}]}},{"kind":"field","name":"multiple","description":"If true, allows for multiple selection. If false, the\npopover will close once an item has been selected.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"multiple"},{"kind":"field","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":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"ok-btn-text"},{"kind":"field","name":"popoverProps","description":"Convenience prop to specify common popover props, `popoverProps.refElement` is required. Valid only if listOnly is not set to true.","type":{"text":"IPopoverProps \| undefined","references":[{"name":"IPopoverProps","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPopoverProps","start":0,"end":13}]}},{"kind":"field","name":"selectedFields","description":"The initially selected fields. Will use selectedFields[0] when multiple is set to false.","type":{"text":"string[]"}},{"kind":"field","name":"showCancel","deprecated":"use hideCancel instead","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"true","attribute":"show-cancel"},{"kind":"field","name":"showDescription","description":"If true, displays description. By default only displays field alias.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-description"},{"kind":"field","name":"showFieldInfo","description":"If true, displays the field info button. Valid only if listOnly is not set to true.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-field-info"},{"kind":"field","name":"showFieldName","description":"If true, displays field name. By default only displays field alias.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-field-name"},{"kind":"field","name":"showFieldTypeIcon","description":"If true, displays an icon corresponding to the field's type.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-field-type-icon"},{"kind":"field","name":"showFilterLength","description":"If true, displays the filter option based on the number of fields.","type":{"text":"number","values":[{"type":"number"}]},"default":"10","attribute":"show-filter-length"},{"kind":"field","name":"showSelectionAll","description":"If true, displays a 'Select All' button on top of the list. Valid only if multiple is set to true.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-selection-all"},{"kind":"field","name":"showSort","deprecated":"use hideSort instead","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"true","attribute":"show-sort"},{"kind":"field","name":"sortBy","description":"The initial sort order.","type":{"text":"LastSortBy","references":[{"name":"LastSortBy","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#LastSortBy","start":0,"end":10}],"values":[{"type":"string","value":"default"},{"type":"string","value":"display"},{"type":"string","value":"field"},{"type":"string","value":"type"}]},"default":"\"default\"","attribute":"sort-by"},{"kind":"field","name":"view","description":"View instance.","type":{"text":"__esri.View \| undefined","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7}]}},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisFieldPickList = document.querySelector(\"arcgis-field-pick-list\");\ndocument.body.append(arcgisFieldPickList);\nawait arcgisFieldPickList.componentOnReady();\nconsole.log(\"arcgis-field-pick-list is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"reposition","description":"Reposition the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"},{"kind":"method","name":"setDisabled","description":"Control whether the component is disabled.","parameters":[{"name":"disable","type":{"text":"boolean"}}],"return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(disable: boolean): Promise<void>"},{"kind":"method","name":"setFocus","description":"Set focus on the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"expressions-group-heading","description":"Header text for group containing expressions, if 'groupFieldsAndExpressions' is set to true.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"expressionsGroupHeading"},{"name":"fields-group-heading","description":"Header text for group containing fields, if 'groupFieldsAndExpressions' is set to true.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"fieldsGroupHeading"},{"name":"filter-no-results-text","description":"Filter no results text. If empty string (\"\") no text will be shown.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"filterNoResultsText"},{"name":"filter-placeholder-text","description":"Filter placeholder text.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"filterPlaceholderText"},{"name":"group-fields-and-expressions","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"groupFieldsAndExpressions","deprecated":"Pass in grouped lists of fields instead.\nIf true, fields and expressions are placed in separate groups."},{"name":"heading","description":"Heading text. Valid only if listOnly is not set to true.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"heading"},{"name":"hide-cancel","description":"If true, hides the cancel button. Valid only if listOnly is not set to true.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"hideCancel"},{"name":"hide-sort","description":"If true, hides the sort menu button.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"hideSort"},{"name":"list-only","description":"If true, renders without a popover.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"listOnly"},{"name":"multiple","description":"If true, allows for multiple selection. If false, the\npopover will close once an item has been selected.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"multiple"},{"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.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"okBtnText"},{"name":"show-cancel","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"true","fieldName":"showCancel","deprecated":"use hideCancel instead"},{"name":"show-description","description":"If true, displays description. By default only displays field alias.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showDescription"},{"name":"show-field-info","description":"If true, displays the field info button. Valid only if listOnly is not set to true.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showFieldInfo"},{"name":"show-field-name","description":"If true, displays field name. By default only displays field alias.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showFieldName"},{"name":"show-field-type-icon","description":"If true, displays an icon corresponding to the field's type.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showFieldTypeIcon"},{"name":"show-filter-length","description":"If true, displays the filter option based on the number of fields.","type":{"text":"number","values":[{"type":"number"}]},"default":"10","fieldName":"showFilterLength"},{"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showSelectionAll"},{"name":"show-sort","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"true","fieldName":"showSort","deprecated":"use hideSort instead"},{"name":"sort-by","description":"The initial sort order.","type":{"text":"\"default\" \| \"display\" \| \"field\" \| \"type\"","values":[{"type":"string","value":"default"},{"type":"string","value":"display"},{"type":"string","value":"field"},{"type":"string","value":"type"}]},"default":"\"default\"","fieldName":"sortBy"}],"events":[{"name":"arcgisChange","description":"Emitted when the selected fields have changed. selectedFields contains fields in order of the user's selection.","type":{"text":"{ selectedFields: string[]; }"}},{"name":"arcgisClose","description":"Emitted when the pick list has been closed.","type":{"text":"{ selectedFields: string[]; } \| void"}},{"name":"arcgisDeleteField","description":"Emitted when the delete icon of a field has been clicked. The field must have IPickListFieldInfo.showDeleteAction set to true.","type":{"text":"{ fieldName: string; }"}},{"name":"arcgisEditField","description":"Emitted when the edit icon of a field has been clicked. The field must have IPickListFieldInfo.showEditAction set to true.","type":{"text":"{ fieldName: string; }"}},{"name":"arcgisFieldPickListChange","deprecated":"use arcgisChange instead","type":{"text":"{ selectedFields: string[]; }"}},{"name":"arcgisFieldPickListDismissed","deprecated":"use arcgisClose instead","type":{"text":"{ selectedFields: string[]; } \| void"}},{"name":"arcgisFieldPickListSortByChange","deprecated":"use arcgisSortByChange instead","type":{"text":"LastSortBy","references":[{"name":"LastSortBy","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#LastSortBy","start":0,"end":10}]}},{"name":"arcgisSortByChange","description":"Emitted when the field pick list sort order has changed.","type":{"text":"LastSortBy","references":[{"name":"LastSortBy","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#LastSortBy","start":0,"end":10}]}}],"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."}],"importPath":"components/arcgis-field-pick-list"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-field-pick-list","declaration":{"name":"ArcgisFieldPickList"}}]},{"kind":"javascript-module","path":"components/arcgis-field-pick-list/utils/types","sourcePath":"src/components/field-pick-list/utils/types.ts","declarations":[{"kind":"interface","name":"FieldPickListLayer","description":"All supported layer types","docsTags":[{"name":"internal"}],"type":{"text":"__esri.CatalogFootprintLayer \| __esri.CatalogLayer \| __esri.CSVLayer \| __esri.FeatureLayer \| __esri.GeoJSONLayer \| __esri.ImageryLayer \| __esri.ImageryTileLayer \| __esri.KnowledgeGraphSublayer \| __esri.OGCFeatureLayer \| __esri.OrientedImageryLayer \| __esri.ParquetLayer \| __esri.SceneLayer \| __esri.StreamLayer \| __esri.Sublayer \| __esri.SubtypeGroupLayer \| __esri.SubtypeSublayer \| __esri.VoxelLayer \| __esri.WCSLayer \| __esri.WFSLayer","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":31,"end":38},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":53,"end":60},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":71,"end":78},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":93,"end":100},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":115,"end":122},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":137,"end":144},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":163,"end":170},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":195,"end":202},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":220,"end":227},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":250,"end":257},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":272,"end":279},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":292,"end":299},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":313,"end":320},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":331,"end":338},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":358,"end":365},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":383,"end":390},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":403,"end":410},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":421,"end":428}]}}]},{"kind":"javascript-module","path":"components/arcgis-histogram","sourcePath":"src/components/histogram/histogram.tsx","declarations":[{"kind":"class","name":"ArcgisHistogram","customElement":true,"tagName":"arcgis-histogram","pascalCaseName":"ArcgisHistogram","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\")","docsTags":[{"name":"see","text":"[histogram module](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)"},{"name":"see","text":"[Sample - Histogram component](https://developers.arcgis.com/javascript/latest/sample-code/histogram/)"},{"name":"since","text":"5.0"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/"},{"description":"Histogram","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--histogram&singleStory=true"},{"description":"Color Stops Continuous","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--color-stops-continuous&singleStory=true"},{"description":"Color Stops Classed","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--color-stops-classed&singleStory=true"},{"description":"Color Stops Range","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--color-stops-range&singleStory=true"},{"description":"Average And Standard Deviation","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--average-and-standard-deviation&singleStory=true"},{"description":"Custom Data Line","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--custom-data-line&singleStory=true"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","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.","docsTags":[{"name":"see","text":"[summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics)"},{"name":"example","text":"```js\n// sets result returned from a smart mapping method\n// to the histogram\nhistogram.average = response.statistics.avg;\n```"},{"name":"example","text":"```js\nhistogram.average = 34.5;\n```"}],"type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"average","reflects":true},{"kind":"field","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.","docsTags":[{"name":"example","text":"```js\n// sets the bins of the histogram from the bins in the histogram() result\nhistogram.bins = histogramResult.bins;\n```"},{"name":"example","text":"```js\n// Creates a histogram with 7 bins.\nhistogram.bins = [\n { minValue: 0, maxValue: 10, count: 4 },\n { minValue: 10.1, maxValue: 20, count: 14 },\n { minValue: 20.1, maxValue: 30, count: 9 },\n { minValue: 30.1, maxValue: 40, count: 34 },\n { minValue: 40.1, maxValue: 50, count: 351 },\n { minValue: 50.1, maxValue: 60, count: 100 },\n { minValue: 60.1, maxValue: 70, count: 1 }\n];\n```"}],"type":{"text":"HistogramBin[] \| undefined","references":[{"name":"HistogramBin","module":"smartMapping/statistics/types.js","package":"@arcgis/core","viewUrl":"https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/types/#HistogramBin","start":0,"end":12}]}},{"kind":"field","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":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"color-blending-enabled"},{"kind":"field","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`.","docsTags":[{"name":"example","text":"```js\n// Define continuous color stops on the histogram.\n// The color of the bar is determined by interpolating between the colors of the stops surrounding the value of the bin.\nhistogram.colorStops = [\n { color: \"#ff0000\", value: 0 },\n { color: \"#ffff00\", value: 50 },\n { color: \"#00ff00\", value: 100 }\n];\n```"},{"name":"example","text":"```js\n// Define classed color stops on the histogram.\n// The color of the bar is determined by the color of the stop that contains the value of the bin.\nhistogram.colorStops = [\n { color: \"#ff0000\", minValue: 0, maxValue: 50 },\n { color: \"#00ff00\", minValue: 50, maxValue: 100 },\n];\n```"}],"type":{"text":"HistogramColorStops \| undefined","references":[{"name":"HistogramColorStops","module":"components/arcgis-histogram/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#HistogramColorStops","start":0,"end":19}]}},{"kind":"field","name":"dataLines","description":"When set, renders lines on the histogram that indicate important or\nmeaningful values to the end user.","docsTags":[{"name":"example","text":"```js\n// will render lines at the 25th, 50th, 75th, and 99th percentiles\nhistogram.dataLines = [{\n value: 30,\n label: \"25 pctl\"\n}, {\n value: 45,\n label: \"50 pctl\"\n}, {\n value: 65,\n label: \"75 pctl\"\n}, {\n value: 89,\n label: \"99 pctl\"\n}];\n```"},{"name":"example","text":"```js\n// calculate standard deviations from mean using stats\n// returned from smart mapping statistic methods\nconst stddevs = smartMappingUtils.getDeviationValues(stats.stddev, stats.avg, 2);\nhistogram.dataLines = stddevs.map((stddev) => {\n return {\n value: stddev\n };\n});\n```"},{"name":"see","text":"[smartMappingUtils.getDeviationValues](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/support/utils/#getDeviationValues)"}],"type":{"text":"DataLine[] \| undefined","references":[{"name":"DataLine","module":"components/arcgis-histogram/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#DataLine","start":0,"end":8}]}},{"kind":"field","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":{"text":"string \| undefined","values":[{"type":"string"}]},"default":"\"graph-histogram\"","attribute":"icon","reflects":true},{"kind":"field","name":"label","description":"The component's default label.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"label"},{"kind":"field","name":"layout","description":"Determines the orientation of the histogram.","docsTags":[{"name":"example","text":"```js\nhistogram.layout = \"vertical\";\n```"}],"type":{"text":"HistogramLayout","references":[{"name":"HistogramLayout","module":"components/arcgis-histogram/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#HistogramLayout","start":0,"end":15}],"values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","attribute":"layout","reflects":true},{"kind":"field","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).","docsTags":[{"name":"example","text":"```js\nhistogram.max = 100;\n```"},{"name":"example","text":"```js\n// sets result returned from a smart mapping method to the histogram\nhistogram.max = response.statistics.max;\n```"}],"type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"max","reflects":true},{"kind":"field","name":"messageOverrides","description":"Replace localized message strings with your own strings.\n\n_Note: Individual message keys may change between releases._","type":{"text":"Record<string, unknown> \| undefined","references":[{"name":"Record","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type","start":0,"end":6}]}},{"kind":"field","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).","docsTags":[{"name":"example","text":"```js\nhistogram.min = 0;\n```"},{"name":"example","text":"```js\n// sets result returned from a smart mapping method to the histogram\nhistogram.min = response.statistics.min;\n```"}],"type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"min","reflects":true},{"kind":"field","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.","docsTags":[{"name":"see","text":"[summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics)"},{"name":"example","text":"```js\n// sets result returned from a smart mapping method\n// to the histogram\nhistogram.standardDeviation = response.statistics.stddev;\n```"}],"type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"standard-deviation","reflects":true},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisHistogram = document.querySelector(\"arcgis-histogram\");\ndocument.body.append(arcgisHistogram);\nawait arcgisHistogram.componentOnReady();\nconsole.log(\"arcgis-histogram is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"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.","type":{"text":"number","values":[{"type":"number"}]},"fieldName":"average"},{"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"colorBlendingEnabled"},{"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":{"text":"string","values":[{"type":"string"}]},"default":"\"graph-histogram\"","fieldName":"icon"},{"name":"label","description":"The component's default label.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"label"},{"name":"layout","description":"Determines the orientation of the histogram.","type":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","fieldName":"layout"},{"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":{"text":"number","values":[{"type":"number"}]},"fieldName":"max"},{"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":{"text":"number","values":[{"type":"number"}]},"fieldName":"min"},{"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.","type":{"text":"number","values":[{"type":"number"}]},"fieldName":"standardDeviation"}],"cssProperties":[{"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."}],"importPath":"components/arcgis-histogram"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-histogram","declaration":{"name":"ArcgisHistogram"}}]},{"kind":"javascript-module","path":"components/arcgis-histogram/types","sourcePath":"src/components/histogram/types.ts","declarations":[{"kind":"interface","name":"DataLine","members":[{"kind":"field","name":"value","type":{"text":"number"}},{"kind":"field","name":"label","type":{"text":"number \| string \| null \| undefined"}}]},{"kind":"interface","name":"HistogramColorStops","type":{"text":"HistogramClassedColorStop[] \| HistogramContinuousColorStop[]","references":[{"name":"HistogramClassedColorStop","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#HistogramClassedColorStop","start":0,"end":25},{"name":"HistogramContinuousColorStop","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#HistogramContinuousColorStop","start":30,"end":58}]}},{"kind":"interface","name":"HistogramLayout","type":{"text":"\"horizontal\" \| \"vertical\""}},{"kind":"interface","name":"HistogramContinuousColorStop","members":[{"kind":"field","name":"color","type":{"text":"HistogramColor","references":[{"name":"HistogramColor","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#HistogramColor","start":0,"end":14}]}},{"kind":"field","name":"value","type":{"text":"number"}}]},{"kind":"interface","name":"HistogramClassedColorStop","members":[{"kind":"field","name":"color","type":{"text":"HistogramColor \| undefined","references":[{"name":"HistogramColor","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#HistogramColor","start":0,"end":14}]}},{"kind":"field","name":"minValue","type":{"text":"number"}},{"kind":"field","name":"maxValue","type":{"text":"number"}}]},{"kind":"interface","name":"HistogramColor","type":{"text":"number[] \| string \| {\n r?: number;\n g?: number;\n b?: number;\n a?: number;\n}"}}]},{"kind":"javascript-module","path":"components/arcgis-label-input","sourcePath":"src/components/label-input/label-input.tsx","declarations":[{"kind":"class","name":"ArcgisLabelInput","customElement":true,"tagName":"arcgis-label-input","pascalCaseName":"ArcgisLabelInput","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"alignment","description":"Specifies the alignment of the component's text elements.","type":{"text":"Button[\"alignment\"] & InputNumber[\"alignment\"]","references":[{"name":"Button","module":"components/calcite-button","package":"@esri/calcite-components","start":0,"end":6},{"name":"InputNumber","module":"components/calcite-input-number","package":"@esri/calcite-components","start":22,"end":33}]},"default":"\"center\"","attribute":"alignment","reflects":true},{"kind":"field","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.","docsTags":[{"name":"see","text":"[edit()](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/#edit)"}],"type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","readonly":true,"attribute":"editing","reflects":true},{"kind":"field","name":"labelFormatter","description":"A function used to format the value.","type":{"text":"(value: number, defaultFormatter: (value: number) => string) => string \| null \| undefined"}},{"kind":"field","name":"readOnly","description":"Indicates whether the component is in read-only mode.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"read-only","reflects":true},{"kind":"field","name":"value","description":"The value the component displays.","type":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"value","reflects":true},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisLabelInput = document.querySelector(\"arcgis-label-input\");\ndocument.body.append(arcgisLabelInput);\nawait arcgisLabelInput.componentOnReady();\nconsole.log(\"arcgis-label-input is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"edit","description":"Initiates the edit mode for the component.","docsTags":[{"name":"see","text":"[editing](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/#editing)"}],"return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"alignment","description":"Specifies the alignment of the component's text elements.","type":{"text":"Button[\"alignment\"] & InputNumber[\"alignment\"]","references":[{"name":"Button","module":"components/calcite-button","package":"@esri/calcite-components","start":0,"end":6},{"name":"InputNumber","module":"components/calcite-input-number","package":"@esri/calcite-components","start":22,"end":33}]},"default":"\"center\"","fieldName":"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":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"editing"},{"name":"read-only","description":"Indicates whether the component is in read-only mode.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"readOnly"},{"name":"value","description":"The value the component displays.","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"value"}],"events":[{"name":"arcgisChange","description":"Fires each time a new value is typed and committed.","type":{"text":"void"},"cancelable":false}],"importPath":"components/arcgis-label-input"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-label-input","declaration":{"name":"ArcgisLabelInput"}}]},{"kind":"javascript-module","path":"components/arcgis-picker-input","sourcePath":"src/components/picker-input/picker-input.tsx","declarations":[{"kind":"class","name":"ArcgisPickerInput","customElement":true,"tagName":"arcgis-picker-input","pascalCaseName":"ArcgisPickerInput","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-picker-input/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"disabled","description":"If true, disables the component.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"disabled","reflects":true},{"kind":"field","name":"heading","description":"Heading for the component.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"heading"},{"kind":"field","name":"iconEnd","description":"Icon to display at the end of the component.","type":{"text":"Icon[\"icon\"]","references":[{"name":"Icon","module":"components/calcite-icon","package":"@esri/calcite-components","start":0,"end":4}],"values":[{"type":"string"}]},"default":"\"pencil\"","attribute":"icon-end"},{"kind":"field","name":"intlDone","description":"Text to display within the \"Done\" button.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"intl-done"},{"kind":"field","name":"label","description":"Label for the component","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","attribute":"label"},{"kind":"field","name":"popoverProps","description":"Convenience prop to specify common popover props.","type":{"text":"IPopoverProps \| undefined","references":[{"name":"IPopoverProps","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPopoverProps","start":0,"end":13}]}},{"kind":"method","name":"close","description":"Close the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisPickerInput = document.querySelector(\"arcgis-picker-input\");\ndocument.body.append(arcgisPickerInput);\nawait arcgisPickerInput.componentOnReady();\nconsole.log(\"arcgis-picker-input is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"setFocus","description":"Set focus on the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"disabled","description":"If true, disables the component.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"disabled"},{"name":"heading","description":"Heading for the component.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"heading"},{"name":"icon-end","description":"Icon to display at the end of the component.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"pencil\"","fieldName":"iconEnd"},{"name":"intl-done","description":"Text to display within the \"Done\" button.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"intlDone"},{"name":"label","description":"Label for the component","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","fieldName":"label"}],"events":[{"name":"arcgisPopoverClose","description":"Emitted when the component has been closed.","type":{"text":"void"}},{"name":"arcgisPopoverOpen","description":"Emitted when the component has been opened.","type":{"text":"void"}}],"importPath":"components/arcgis-picker-input"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-picker-input","declaration":{"name":"ArcgisPickerInput"}}]},{"kind":"javascript-module","path":"components/arcgis-ramp-color","sourcePath":"src/components/ramp-color/ramp-color.tsx","declarations":[{"kind":"class","name":"ArcgisRampColor","customElement":true,"tagName":"arcgis-ramp-color","pascalCaseName":"ArcgisRampColor","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"layout","type":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","attribute":"layout","reflects":true},{"kind":"field","name":"max","type":{"text":"number","values":[{"type":"number"}]},"default":"1","attribute":"max"},{"kind":"field","name":"min","type":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"min"},{"kind":"field","name":"stops","type":{"text":"ColorStop[]","references":[{"name":"ColorStop","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color/#ColorStop","start":0,"end":9}]}},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisRampColor = document.querySelector(\"arcgis-ramp-color\");\ndocument.body.append(arcgisRampColor);\nawait arcgisRampColor.componentOnReady();\nconsole.log(\"arcgis-ramp-color is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"attributes":[{"name":"layout","type":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","fieldName":"layout"},{"name":"max","type":{"text":"number","values":[{"type":"number"}]},"default":"1","fieldName":"max"},{"name":"min","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"min"}],"importPath":"components/arcgis-ramp-color"},{"kind":"interface","name":"ColorStop","docsTags":[{"name":"internal"}],"members":[{"kind":"field","name":"color","type":{"text":"Color \| string","references":[{"name":"default","module":"Color.js","package":"@arcgis/core","viewUrl":"https://developers.arcgis.com/javascript/latest/references/core/Color/","start":0,"end":5}]}},{"kind":"field","name":"value","type":{"text":"number"}},{"kind":"field","name":"size","type":{"text":"number \| undefined"}}]}],"exports":[{"kind":"custom-element-definition","name":"arcgis-ramp-color","declaration":{"name":"ArcgisRampColor"}}]},{"kind":"javascript-module","path":"components/arcgis-ramp-color-break","sourcePath":"src/components/ramp-color-break/ramp-color-break.tsx","declarations":[{"kind":"class","name":"ArcgisRampColorBreak","customElement":true,"tagName":"arcgis-ramp-color-break","pascalCaseName":"ArcgisRampColorBreak","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color-break/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"layout","type":{"text":"ArcgisRampColor[\"layout\"]","references":[{"name":"ArcgisRampColor","module":"components/arcgis-ramp-color","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color/#ArcgisRampColor","start":0,"end":15}],"values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","attribute":"layout"},{"kind":"field","name":"max","type":{"text":"number","values":[{"type":"number"}]},"default":"1","attribute":"max"},{"kind":"field","name":"min","type":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"min"},{"kind":"field","name":"stops","type":{"text":"ColorBreak[]","references":[{"name":"ColorBreak","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color-break/#ColorBreak","start":0,"end":10}]}},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisRampColorBreak = document.querySelector(\"arcgis-ramp-color-break\");\ndocument.body.append(arcgisRampColorBreak);\nawait arcgisRampColorBreak.componentOnReady();\nconsole.log(\"arcgis-ramp-color-break is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"attributes":[{"name":"layout","type":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","fieldName":"layout"},{"name":"max","type":{"text":"number","values":[{"type":"number"}]},"default":"1","fieldName":"max"},{"name":"min","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"min"}],"importPath":"components/arcgis-ramp-color-break"},{"kind":"interface","name":"ColorBreak","docsTags":[{"name":"internal"}],"members":[{"kind":"field","name":"color","type":{"text":"Color \| string","references":[{"name":"default","module":"Color.js","package":"@arcgis/core","viewUrl":"https://developers.arcgis.com/javascript/latest/references/core/Color/","start":0,"end":5}]}},{"kind":"field","name":"max","type":{"text":"number"}},{"kind":"field","name":"min","type":{"text":"number"}}]}],"exports":[{"kind":"custom-element-definition","name":"arcgis-ramp-color-break","declaration":{"name":"ArcgisRampColorBreak"}}]},{"kind":"javascript-module","path":"components/arcgis-ramp-opacity","sourcePath":"src/components/ramp-opacity/ramp-opacity.tsx","declarations":[{"kind":"class","name":"ArcgisRampOpacity","customElement":true,"tagName":"arcgis-ramp-opacity","pascalCaseName":"ArcgisRampOpacity","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-opacity/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"fillColor","type":{"text":"Color \| string","references":[{"name":"default","module":"Color.js","package":"@arcgis/core","viewUrl":"https://developers.arcgis.com/javascript/latest/references/core/Color/","start":0,"end":5}],"values":[{"type":"string"},{"type":"object"}]},"attribute":"fill-color"},{"kind":"field","name":"layout","type":{"text":"ArcgisRampColor[\"layout\"]","references":[{"name":"ArcgisRampColor","module":"components/arcgis-ramp-color","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color/#ArcgisRampColor","start":0,"end":15}],"values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","attribute":"layout"},{"kind":"field","name":"max","type":{"text":"number","values":[{"type":"number"}]},"default":"1","attribute":"max"},{"kind":"field","name":"min","type":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"min"},{"kind":"field","name":"stops","type":{"text":"{\n value: number;\n opacity: number;\n}[]"}},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisRampOpacity = document.querySelector(\"arcgis-ramp-opacity\");\ndocument.body.append(arcgisRampOpacity);\nawait arcgisRampOpacity.componentOnReady();\nconsole.log(\"arcgis-ramp-opacity is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"attributes":[{"name":"fill-color","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"fillColor"},{"name":"layout","type":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","fieldName":"layout"},{"name":"max","type":{"text":"number","values":[{"type":"number"}]},"default":"1","fieldName":"max"},{"name":"min","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"min"}],"importPath":"components/arcgis-ramp-opacity"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-ramp-opacity","declaration":{"name":"ArcgisRampOpacity"}}]},{"kind":"javascript-module","path":"components/arcgis-slider","sourcePath":"src/components/slider/slider.tsx","declarations":[{"kind":"class","name":"ArcgisSlider","customElement":true,"tagName":"arcgis-slider","pascalCaseName":"ArcgisSlider","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> It is recommended to use [`calcite-slider`](https://developers.arcgis.com/calcite-design-system/components/slider/) for most use cases, as the component\n> offers a consistent UI/UX and accommodates the majority of implementations.\n>\n> Use `arcgis-slider` for advanced use cases, where solutions seek the following:\n>\n> * [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout): configurations, where `arcgis-slider` offers a `layout` of `\"vertical\"`.\n> * Display more than two values in the component.\n> * A custom range display, where `arcgis-slider` supports [fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin) and\n> [fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax) for displaying a wider range than the interactive range.\n> * Additional slot configurations for adding elements within or over the component, where `arcgis-slider` can slot\n> content using the `content-start`, `content-end`, and `popover` slots.","docsTags":[{"name":"since","text":"5.0"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/"},{"description":"Horizontal Layout","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--horizontal-layout&singleStory=true"},{"description":"Vertical Layout","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--vertical-layout&singleStory=true"},{"description":"Editable","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--editable&singleStory=true"},{"description":"Custom label formatter","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--label-formatter&singleStory=true"},{"description":"Slots","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--slots&singleStory=true"},{"description":"Histogram Range","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--histogram-range&singleStory=true"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","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.","docsTags":[{"name":"see","text":"[@arcgisActiveValueChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisActiveValueChange)"}],"type":{"text":"number \| \"all\" \| undefined","values":[{"type":"string","value":"all"},{"type":"number"}]},"readonly":true},{"kind":"field","name":"allowValuesOverlap","description":"When `true`, allows multiple thumbs to overlap by sharing the same value.\nWhen `false`, thumbs are prevented from overlapping.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"allow-values-overlap"},{"kind":"field","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":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"auto-destroy-disabled"},{"kind":"field","name":"disabled","description":"Indicates whether the slider is disabled.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"disabled","reflects":true},{"kind":"field","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":{"text":"\"end\" \| \"none\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"none"},{"type":"string","value":"start"}]},"default":"\"start\"","attribute":"fill-placement"},{"kind":"field","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.","docsTags":[{"name":"see","text":"[fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin)"},{"name":"example","text":"```html\n<!-- Slider with a full range from 0 to 100, while only allowing thumb values between 25 and 75. -->\n<arcgis-slider full-range-min=\"0\" full-range-max=\"100\" min=\"25\" max=\"75\" values=\"50\"></arcgis-slider>\n```"}],"type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"full-range-max","reflects":true},{"kind":"field","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.","docsTags":[{"name":"see","text":"[fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax)"},{"name":"example","text":"```html\n<!-- Slider with a full range from 0 to 100, while only allowing thumb values between 25 and 75. -->\n<arcgis-slider full-range-min=\"0\" full-range-max=\"100\" min=\"25\" max=\"75\" values=\"50\"></arcgis-slider>\n```"}],"type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"full-range-min","reflects":true},{"kind":"field","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","docsTags":[{"name":"internal"}],"type":{"text":"number","values":[{"type":"number"}]},"default":"10","attribute":"keyboard-large-step"},{"kind":"field","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.","docsTags":[{"name":"example","text":"```js\n// Format labels to use \"K\" for thousands and \"M\" for millions\n// and use \"start\" and \"end\" for min and max labels respectively.\nslider.labelFormatter = (value, type, defaultFormatter) => {\n if (type === \"min\") return \"start\";\n if (type === \"max\") return \"end\";\n if (type !== \"value\") return defaultFormatter(value);\n\n const abs = Math.abs(value);\n if (abs >= 1_000_000) {\n const num = (value / 1_000_000).toLocaleString(undefined, { maximumSignificantDigits: 3 });\n return `${num} M`;\n }\n\n if (abs >= 1_000) {\n const num = (value / 1_000).toLocaleString(undefined, { maximumSignificantDigits: 3 });\n return `${num} K`;\n }\n return defaultFormatter(value);\n};\n```"}],"type":{"text":"(value: number, type: \"max\" \| \"min\" \| \"value\", defaultFormatter: (value: number) => string) => string \| null \| undefined"}},{"kind":"field","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.","docsTags":[{"name":"see","text":"[mirrored](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#mirrored)"}],"type":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","attribute":"layout","reflects":true},{"kind":"field","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`.","docsTags":[{"name":"see","text":"[rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled)"},{"name":"see","text":"[showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels)"},{"name":"see","text":"[fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax)"}],"type":{"text":"number","values":[{"type":"number"}]},"attribute":"max","reflects":true},{"kind":"field","name":"messageOverrides","description":"Replace localized message strings with your own strings.\n\n_Note: Individual message keys may change between releases._","type":{"text":"Record<string, unknown> \| undefined","references":[{"name":"Record","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type","start":0,"end":6}]}},{"kind":"field","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`.","docsTags":[{"name":"see","text":"[rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled)"},{"name":"see","text":"[showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels)"}],"type":{"text":"number","values":[{"type":"number"}]},"attribute":"min","reflects":true},{"kind":"field","name":"mirrored","description":"When `true`, the slider will display values from high to low. This inverts the direction of the slider.","docsTags":[{"name":"see","text":"[layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout)"}],"type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"mirrored","reflects":true},{"kind":"field","name":"popoverLabel","description":"The accessible label for the popover. This label is used by assistive technologies and does not affect the visible UI.","docsTags":[{"name":"see","text":"[Calcite popover](https://developers.arcgis.com/calcite-design-system/components/popover/#api-reference-properties-label)"}],"type":{"text":"Popover[\"label\"]","references":[{"name":"Popover","module":"components/calcite-popover","package":"@esri/calcite-components","start":0,"end":7}],"values":[{"type":"string"}]},"default":"\"\"","attribute":"popover-label"},{"kind":"field","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.","docsTags":[{"name":"example","text":"```js\nconst slider = document.querySelector(\"arcgis-slider\");\nslider.popoverPlacement = \"end\";\n\n// Example: Dynamic popover content based on slider value\nconst popover = document.getElementById(\"popover\");\nconst unitCost = 12.5;\nconst numberFormatter = new Intl.NumberFormat();\nconst usd = new Intl.NumberFormat(undefined, { style: \"currency\", currency: \"USD\" });\n\nconst renderPopover = () => {\n const value = Number(slider.values?.[0] ?? 0); // 0-100\n const annualCost = (value / 100) * 800 * 365 * unitCost;\n popover.textContent = `Est. annual cost: ${usd.format(annualCost)} (at ${numberFormatter.format(value)}%)`;\n slider.popoverLabel = `Cost estimate ${usd.format(annualCost)} at ${numberFormatter.format(value)} percent`;\n};\n\nslider.addEventListener(\"arcgisInput\", renderPopover);\nslider.addEventListener(\"arcgisChange\", renderPopover);\nrenderPopover();\n```"}],"type":{"text":"\"end\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"start"}]},"default":"\"start\"","attribute":"popover-placement","reflects":true},{"kind":"field","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.","docsTags":[{"name":"example","text":"```html\n<!-- thumb label will display 50.43 -->\n<!-- thumb value will maintain precision, so value will remain at 50.4331 -->\n<arcgis-slider min=\"0\" max=\"100\" values=\"50.4331\" precision=\"4\"></arcgis-slider>\n```"}],"type":{"text":"number","values":[{"type":"number"}]},"default":"4","attribute":"precision","reflects":true},{"kind":"field","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":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"range-labels-editing-enabled"},{"kind":"field","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":{"text":"\"center\" \| \"end\"","values":[{"type":"string","value":"center"},{"type":"string","value":"end"}]},"default":"\"center\"","attribute":"range-labels-placement","reflects":true},{"kind":"field","name":"segmentsDraggingDisabled","description":"Indicates if the user can drag the segment between thumbs to update thumb positions.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"segments-dragging-disabled"},{"kind":"field","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":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-range-labels","reflects":true},{"kind":"field","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.","docsTags":[{"name":"example","text":"```html\n<!-- set steps at an interval of 0.5. So the -->\n<!-- slider thumb snaps at values of 0.5, 1.0, 1.5, etc. -->\n<arcgis-slider min=\"0\" max=\"10\" steps=\"0.5\" values=\"5\"></arcgis-slider>\n```"},{"name":"example","text":"```html\n<!-- Set steps at specific slider positions -->\n<arcgis-slider min=\"0\" max=\"100\" steps=\"5, 10, 15, 20, 25, 30, 35, 40\" values=\"15, 30\"></arcgis-slider>\n```"}],"type":{"text":"number[] \| number \| undefined","values":[{"type":"number"},{"type":"object"}]},"attribute":"steps"},{"kind":"field","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":{"text":"\"always\" \| \"auto\" \| \"hidden\"","values":[{"type":"string","value":"always"},{"type":"string","value":"auto"},{"type":"string","value":"hidden"}]},"default":"\"hidden\"","attribute":"value-labels-display","reflects":true},{"kind":"field","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":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"value-labels-editing-enabled"},{"kind":"field","name":"valueLabelsPlacement","description":"Determines whether the thumb value labels are placed before or after the track.","type":{"text":"\"end\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"start"}]},"default":"\"start\"","attribute":"value-labels-placement","reflects":true},{"kind":"field","name":"values","description":"An array of numbers representing absolute thumb positions on the slider.","type":{"text":"number[]"},"attribute":"values"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisSlider = document.querySelector(\"arcgis-slider\");\ndocument.body.append(arcgisSlider);\nawait arcgisSlider.componentOnReady();\nconsole.log(\"arcgis-slider is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"destroy","description":"Permanently destroys the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"allowValuesOverlap"},{"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"autoDestroyDisabled"},{"name":"disabled","description":"Indicates whether the slider is disabled.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"disabled"},{"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.","type":{"text":"\"end\" \| \"none\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"none"},{"type":"string","value":"start"}]},"default":"\"start\"","fieldName":"fillPlacement"},{"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.","type":{"text":"number","values":[{"type":"number"}]},"fieldName":"fullRangeMax"},{"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.","type":{"text":"number","values":[{"type":"number"}]},"fieldName":"fullRangeMin"},{"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","type":{"text":"number","values":[{"type":"number"}]},"default":"10","fieldName":"keyboardLargeStep"},{"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":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","fieldName":"layout"},{"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":{"text":"number","values":[{"type":"number"}]},"fieldName":"max"},{"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":{"text":"number","values":[{"type":"number"}]},"fieldName":"min"},{"name":"mirrored","description":"When `true`, the slider will display values from high to low. This inverts the direction of the slider.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"mirrored"},{"name":"popover-label","description":"The accessible label for the popover. This label is used by assistive technologies and does not affect the visible UI.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","fieldName":"popoverLabel"},{"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.","type":{"text":"\"end\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"start"}]},"default":"\"start\"","fieldName":"popoverPlacement"},{"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":{"text":"number","values":[{"type":"number"}]},"default":"4","fieldName":"precision"},{"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"rangeLabelsEditingEnabled"},{"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.","type":{"text":"\"center\" \| \"end\"","values":[{"type":"string","value":"center"},{"type":"string","value":"end"}]},"default":"\"center\"","fieldName":"rangeLabelsPlacement"},{"name":"segments-dragging-disabled","description":"Indicates if the user can drag the segment between thumbs to update thumb positions.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"segmentsDraggingDisabled"},{"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showRangeLabels"},{"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":{"text":"number","values":[{"type":"number"}]},"fieldName":"steps"},{"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.","type":{"text":"\"always\" \| \"auto\" \| \"hidden\"","values":[{"type":"string","value":"always"},{"type":"string","value":"auto"},{"type":"string","value":"hidden"}]},"default":"\"hidden\"","fieldName":"valueLabelsDisplay"},{"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)","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"valueLabelsEditingEnabled"},{"name":"value-labels-placement","description":"Determines whether the thumb value labels are placed before or after the track.","type":{"text":"\"end\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"start"}]},"default":"\"start\"","fieldName":"valueLabelsPlacement"},{"name":"values","description":"An array of numbers representing absolute thumb positions on the slider.","type":{"text":"number[]"},"fieldName":"values"}],"events":[{"name":"arcgisActiveValueChange","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.","docsTags":[{"name":"example","text":"```js\n// Display the active value status of the slider in a div element\nconst slider = document.querySelector(\"arcgis-slider\");\nconst status = document.getElementById(\"slider-status\");\n\nconst renderActive = () => {\n const active = slider.activeValue;\n // active is: undefined (none), number (thumb value), or \"all\" (range segment)\n status.textContent =\n active === \"all\"\n ? \"Editing range\"\n : active == null\n ? \"No active thumb\"\n : `Editing value: ${active}`;\n};\n\nslider.addEventListener(\"arcgisActiveValueChange\", renderActive);\n// Pair with these when you need value updates:\nslider.addEventListener(\"arcgisInput\", () => console.log(\"values\", slider.values));\nslider.addEventListener(\"arcgisChange\", () => console.log(\"committed\", slider.values));\n\nrenderActive();\n```"},{"name":"see","text":"[activeValue](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#activeValue)"}],"type":{"text":"void"},"cancelable":false},{"name":"arcgisChange","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.","docsTags":[{"name":"example","text":"```js\nconst slider = document.querySelector(\"arcgis-slider\");\nslider.popoverPlacement = \"end\";\n\n// Example: Dynamic popover content based on slider value\nconst popover = document.getElementById(\"popover\");\nconst unitCost = 12.5;\nconst numberFormatter = new Intl.NumberFormat();\nconst usd = new Intl.NumberFormat(undefined, { style: \"currency\", currency: \"USD\" });\n\nconst renderPopover = () => {\n const value = Number(slider.values?.[0] ?? 0); // 0-100\n const annualCost = (value / 100) * 800 * 365 * unitCost;\n popover.textContent = `Est. annual cost: ${usd.format(annualCost)} (at ${numberFormatter.format(value)}%)`;\n slider.popoverLabel = `Cost estimate ${usd.format(annualCost)} at ${numberFormatter.format(value)} percent`;\n};\n\nslider.addEventListener(\"arcgisChange\", renderPopover);\nrenderPopover();\n```"}],"type":{"text":"void"},"cancelable":false},{"name":"arcgisInput","description":"Fires continuously while the thumb or range is being dragged.\nThis event can fire frequently; consider debouncing or throttling expensive work.","docsTags":[{"name":"example","text":"```js\nimport FeatureEffect from \"@arcgis/core/layers/support/FeatureEffect\";\nimport FeatureFilter from \"@arcgis/core/layers/support/FeatureFilter\";\n\nslider.addEventListener(\"arcgisInput\", () => {\n const value = slider.values[0] ?? 0;\n layer.featureEffect = new FeatureEffect({\n filter: new FeatureFilter({\n where: `FIELD <= ${value}`,\n }),\n includedEffect: \"bloom(1.4, 0.2px, 0.1)\",\n excludedEffect: \"opacity(20%) grayscale(100%)\",\n });\n});\n```"}],"type":{"text":"void"},"cancelable":false},{"name":"arcgisRangeChange","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).","docsTags":[{"name":"example","text":"```js\n// Example: Keep a \"budget\" value inside the editable min/max range\nconst slider = document.querySelector(\"arcgis-slider\");\n\nconst clamp = (val, min, max) => Math.min(max, Math.max(min, val));\n\nconst render = () => {\n rangeText.textContent = `Allowed: ${slider.min}–${slider.max}`;\n\n // If your UI stores a single value, keep it inside the new range.\n const current = Number(slider.values?.[0] ?? slider.min);\n const next = clamp(current, slider.min, slider.max);\n\n if (next !== current) {\n slider.values = [next];\n }\n\n valueText.textContent = `Selected: ${next}`;\n};\n\nslider.addEventListener(\"arcgisRangeChange\", render);\nrender();\n```"}],"type":{"text":"void"},"cancelable":false}],"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."}],"importPath":"components/arcgis-slider"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-slider","declaration":{"name":"ArcgisSlider"}}]},{"kind":"javascript-module","path":"components/arcgis-slider-input","sourcePath":"src/components/slider-input/slider-input.tsx","declarations":[{"kind":"class","name":"ArcgisSliderInput","customElement":true,"tagName":"arcgis-slider-input","pascalCaseName":"ArcgisSliderInput","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider-input/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"disabled","description":"If true, prevents interaction with the component.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"disabled"},{"kind":"field","name":"flipLabels","description":"Handle LTR and RTL label placement.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"flip-labels"},{"kind":"field","name":"label","description":"Label for the component.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"label"},{"kind":"field","name":"max","description":"Max value for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"100","attribute":"max"},{"kind":"field","name":"min","description":"Min value for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"min"},{"kind":"field","name":"step","description":"Increment interval for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"1","attribute":"step"},{"kind":"field","name":"unitsLabel","description":"If provided, specifies units for the input.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"units-label"},{"kind":"field","name":"value","description":"Initial value for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"50","attribute":"value"},{"kind":"field","name":"withSteppers","description":"If true, adds up/down arrows to the input.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"with-steppers"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisSliderInput = document.querySelector(\"arcgis-slider-input\");\ndocument.body.append(arcgisSliderInput);\nawait arcgisSliderInput.componentOnReady();\nconsole.log(\"arcgis-slider-input is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"attributes":[{"name":"disabled","description":"If true, prevents interaction with the component.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"disabled"},{"name":"flip-labels","description":"Handle LTR and RTL label placement.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"flipLabels"},{"name":"label","description":"Label for the component.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"label"},{"name":"max","description":"Max value for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"100","fieldName":"max"},{"name":"min","description":"Min value for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"min"},{"name":"step","description":"Increment interval for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"1","fieldName":"step"},{"name":"units-label","description":"If provided, specifies units for the input.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"unitsLabel"},{"name":"value","description":"Initial value for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"50","fieldName":"value"},{"name":"with-steppers","description":"If true, adds up/down arrows to the input.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"withSteppers"}],"events":[{"name":"arcgisSliderInputValueChange","deprecated":"use arcgisValueChange instead.","type":{"text":"number"}},{"name":"arcgisValueChange","description":"Emitted when the value has changed.","type":{"text":"number"}}],"importPath":"components/arcgis-slider-input"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-slider-input","declaration":{"name":"ArcgisSliderInput"}}]},{"kind":"javascript-module","path":"components/arcgis-ticks","sourcePath":"src/components/ticks/ticks.tsx","declarations":[{"kind":"class","name":"ArcgisTicks","customElement":true,"tagName":"arcgis-ticks","pascalCaseName":"ArcgisTicks","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.","docsTags":[{"name":"since","text":"5.0"},{"name":"example","text":"The following example creates a vertical slider with vertical ticks displayed at every 10 units from 0 to 100.\nThe ticks are labeled and positioned on the end side of the slider.\n```html\n<arcgis-slider id=\"sliderComponent\" min=\"0\" max=\"100\" show-range-labels values=\"50\" layout=\"vertical\">\n <arcgis-ticks slot=\"content-end\" style=\"flex:1;\"\n min=\"0\" max=\"100\"\n mode=\"value\"\n show-labels\n label-placement=\"end\"\n values=\"0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100\"\n layout=\"vertical\">\n </arcgis-ticks>\n</arcgis-slider>\n```"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/"},{"description":"Ticks with value mode","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--ticks-with-values&singleStory=true"},{"description":"Ticks with count mode","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--ticks-with-count&singleStory=true"},{"description":"Ticks with percent mode","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--ticks-with-percent&singleStory=true"},{"description":"Custom label formatter","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--label-formatter&singleStory=true"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","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.","docsTags":[{"name":"see","text":"[@arcgisTickClick](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#event-arcgisTickClick)"}],"type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"interactive","reflects":true},{"kind":"field","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":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"interpolation-exponent"},{"kind":"field","name":"labelFormatter","description":"Allows customizing how tick labels are formatted based on their numeric value.","docsTags":[{"name":"example","text":"The following example formats tick labels as percentages.\n```js\nconst ticks = document.querySelector(\"arcgis-ticks\");\nticks.labelFormatter = (value, defaultFormatter) => {\n return value + \"%\";\n};\n```"}],"type":{"text":"((value: number, defaultFormatter: (value: number) => string) => nullish \| string) \| undefined","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":64,"end":71}]}},{"kind":"field","name":"labelPlacement","description":"Determines whether the labels are placed before or after the ticks.","type":{"text":"\"end\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"start"}]},"default":"\"end\"","attribute":"label-placement","reflects":true},{"kind":"field","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":{"text":"Layout","references":[{"name":"Layout","module":"components/arcgis-ticks/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/types#Layout","start":0,"end":6}],"values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","attribute":"layout","reflects":true},{"kind":"field","name":"max","description":"The component's maximum rendered value.","type":{"text":"number","values":[{"type":"number"}]},"default":"100","attribute":"max"},{"kind":"field","name":"min","description":"The component's minimum rendered value.","type":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"min"},{"kind":"field","name":"mirrored","description":"When `true`, the values are displayed from high to low.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"mirrored","reflects":true},{"kind":"field","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.","docsTags":[{"name":"example","text":"```html\n<!-- Place ticks at each value listed in `values` -->\n<arcgis-slider min=\"0\" max=\"100\" show-range-labels values=\"20, 50\">\n <arcgis-ticks\n slot=\"content-end\" style=\"flex:1;\"\n min=\"0\" max=\"100\"\n show-labels label-placement=\"end\"\n mode=\"value\"\n values=\"0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100\">\n </arcgis-ticks>\n</arcgis-slider>\n```"},{"name":"example","text":"In count mode, values is the number of ticks to render (not a list of tick values).\nFor example, use `11` ticks to show 0–100 in steps of 10 (0, 10, 20, ..., 100).\n```html\n<!-- 11 ticks from 0 to 100 -->\n<arcgis-slider min=\"0\" max=\"100\" show-range-labels values=\"20, 50\">\n <arcgis-ticks\n slot=\"content-end\" style=\"flex:1;\"\n min=\"0\" max=\"100\"\n show-labels label-placement=\"end\"\n mode=\"count\"\n values=\"11\">\n </arcgis-ticks>\n</arcgis-slider>\n```"},{"name":"example","text":"In percent mode, values are percentages along the track.\nUse an array to place ticks at specific percentages, or a single number as a repeating interval.\n```html\n<!-- Ticks at 0%, 25%, 50%, 75%, and 100% -->\n<arcgis-slider min=\"0\" max=\"200\" show-range-labels values=\"50, 150\">\n <arcgis-ticks\n slot=\"content-end\" style=\"flex:1;\"\n min=\"0\" max=\"200\"\n show-labels label-placement=\"end\"\n mode=\"percent\"\n values=\"0, 25, 50, 75, 100\">\n </arcgis-ticks>\n</arcgis-slider>\n```"},{"name":"see","text":"[values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values)"}],"type":{"text":"TickMode","references":[{"name":"TickMode","module":"components/arcgis-ticks/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/types#TickMode","start":0,"end":8}],"values":[{"type":"string","value":"value"},{"type":"string","value":"count"},{"type":"string","value":"percent"}]},"default":"\"count\"","attribute":"mode"},{"kind":"field","name":"showBaseline","description":"Indicates whether to render a line connecting the ticks.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-baseline"},{"kind":"field","name":"showLabels","description":"Indicates whether to render labels for the ticks.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-labels"},{"kind":"field","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.","docsTags":[{"name":"see","text":"[mode](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#mode)"}],"type":{"text":"TickValues","references":[{"name":"TickValues","module":"components/arcgis-ticks/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/types#TickValues","start":0,"end":10}],"values":[{"type":"number"},{"type":"object"}]},"attribute":"values"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisTicks = document.querySelector(\"arcgis-ticks\");\ndocument.body.append(arcgisTicks);\nawait arcgisTicks.componentOnReady();\nconsole.log(\"arcgis-ticks is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"interactive"},{"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```","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"interpolationExponent"},{"name":"label-placement","description":"Determines whether the labels are placed before or after the ticks.","type":{"text":"\"end\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"start"}]},"default":"\"end\"","fieldName":"labelPlacement"},{"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":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","fieldName":"layout"},{"name":"max","description":"The component's maximum rendered value.","type":{"text":"number","values":[{"type":"number"}]},"default":"100","fieldName":"max"},{"name":"min","description":"The component's minimum rendered value.","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"min"},{"name":"mirrored","description":"When `true`, the values are displayed from high to low.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"mirrored"},{"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":{"text":"\"value\" \| \"count\" \| \"percent\"","values":[{"type":"string","value":"value"},{"type":"string","value":"count"},{"type":"string","value":"percent"}]},"default":"\"count\"","fieldName":"mode"},{"name":"show-baseline","description":"Indicates whether to render a line connecting the ticks.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showBaseline"},{"name":"show-labels","description":"Indicates whether to render labels for the ticks.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showLabels"},{"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":{"text":"number","values":[{"type":"number"}]},"fieldName":"values"}],"events":[{"name":"arcgisTickClick","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`.","docsTags":[{"name":"see","text":"[interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive)"},{"name":"example","text":"The following example listens for the `arcgisTickClick` event and logs the clicked tick's value.\n```js\nconst ticks = document.querySelector(\"arcgis-ticks\");\nticks.addEventListener(\"arcgisTickClick\", (event) => {\n console.log(\"Clicked tick value:\", event.detail.value);\n});\n```"}],"type":{"text":"{ value: number; }"},"cancelable":false}],"cssProperties":[{"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."}],"importPath":"components/arcgis-ticks"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-ticks","declaration":{"name":"ArcgisTicks"}}]},{"kind":"javascript-module","path":"components/arcgis-ticks/types","sourcePath":"src/components/ticks/types.ts","declarations":[{"kind":"interface","name":"Layout","description":"The layout of the [arcgis-ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) component, which determines the orientation of the ticks.","docsTags":[{"name":"since","text":"5.0"}],"type":{"text":"\"horizontal\" \| \"vertical\""}},{"kind":"interface","name":"TickMode","description":"The mode of positioning ticks along the [arcgis-ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) component. It drives how [arcgis-ticks.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 [arcgis-ticks.values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) property) at equal distances from each other.\n- `percent`: [arcgis-ticks.values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted as percentage. If [arcgis-ticks.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.","docsTags":[{"name":"since","text":"5.0"}],"type":{"text":"\"count\" \| \"percent\" \| \"value\""}},{"kind":"interface","name":"TickValues","description":"Indicates where ticks will be rendered along the [arcgis-ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) component.","docsTags":[{"name":"since","text":"5.0"}],"type":{"text":"number[] \| number"}}]},{"kind":"javascript-module","path":"components/arcgis-unique-values-list","sourcePath":"src/components/unique-values-list/unique-values-list.tsx","declarations":[{"kind":"class","name":"ArcgisUniqueValuesList","customElement":true,"tagName":"arcgis-unique-values-list","pascalCaseName":"ArcgisUniqueValuesList","description":"Displays a list of unique values taking into account field type formatting and field domains.","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-unique-values-list/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","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":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"field-name"},{"kind":"field","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":{"text":"SupportedLayer \| undefined","references":[{"name":"SupportedLayer","module":"components/arcgis-unique-values-list/utils/basic","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-unique-values-list/utils/basic#SupportedLayer","start":0,"end":14}]}},{"kind":"field","name":"maxHeight","description":"Optional, max height of list in pixel.","type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"max-height"},{"kind":"field","name":"multiple","description":"Multiple selections allowed?","type":{"text":"boolean \| undefined","values":[{"type":"boolean"}]},"default":"false","attribute":"multiple"},{"kind":"field","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":{"text":"Intl.NumberFormatOptions \| undefined","references":[{"name":"Intl","package":"global:","start":0,"end":4},{"name":"NumberFormatOptions","package":"global:","viewUrl":"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat","start":5,"end":24}]}},{"kind":"field","name":"partialUniqueValues","description":"Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.","type":{"text":"boolean \| undefined","values":[{"type":"boolean"}]},"default":"false","attribute":"partial-unique-values"},{"kind":"field","name":"selectedValues","description":"Lists of selected values","type":{"text":"(number \| string)[] \| undefined"}},{"kind":"field","name":"showFilterLength","description":"If true, displays the filter option based on the number of fields.","type":{"text":"number","values":[{"type":"number"}]},"default":"10","attribute":"show-filter-length"},{"kind":"field","name":"sortBy","description":"Sort by default setting","type":{"text":"\"count\" \| \"name\" \| \"selected\" \| undefined","values":[{"type":"string","value":"count"},{"type":"string","value":"name"},{"type":"string","value":"selected"}]},"attribute":"sort-by"},{"kind":"field","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":{"text":"__esri.UniqueValuesResultUniqueValueInfos[] \| undefined","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7}]}},{"kind":"field","name":"view","description":"MapView instance, required if uniqueValues is not provided and/or to display dates in the correct timezone","type":{"text":"__esri.MapView \| __esri.SceneView \| undefined","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":17,"end":24}]}},{"kind":"field","name":"visualizationSource","description":"Optional, specify visualization source other than the layer itself.","type":{"text":"VisualizationSource \| undefined","references":[{"name":"VisualizationSource","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#VisualizationSource","start":0,"end":19}],"values":[{"type":"string","value":"feature-reduction"}]},"attribute":"visualization-source"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisUniqueValuesList = document.querySelector(\"arcgis-unique-values-list\");\ndocument.body.append(arcgisUniqueValuesList);\nawait arcgisUniqueValuesList.componentOnReady();\nconsole.log(\"arcgis-unique-values-list is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"getUniqueValues","description":"Get all unique values.\nE.g. to be used to limit how often these unique values need to be requested from the layer.","return":{"type":{"text":"Promise<{\n uniqueValues: __esri.UniqueValuesResultUniqueValueInfos[];\n partialUniqueValues: boolean;\n} \| undefined>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":28,"end":35}]}},"signature":"(): Promise<{\n uniqueValues: __esri.UniqueValuesResultUniqueValueInfos[];\n partialUniqueValues: boolean;\n} \| undefined>"},{"kind":"method","name":"setFocus","description":"Sets focus on component","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"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.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"fieldName"},{"name":"max-height","description":"Optional, max height of list in pixel.","type":{"text":"number","values":[{"type":"number"}]},"fieldName":"maxHeight"},{"name":"multiple","description":"Multiple selections allowed?","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"multiple"},{"name":"partial-unique-values","description":"Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"partialUniqueValues"},{"name":"show-filter-length","description":"If true, displays the filter option based on the number of fields.","type":{"text":"number","values":[{"type":"number"}]},"default":"10","fieldName":"showFilterLength"},{"name":"sort-by","description":"Sort by default setting","type":{"text":"\"count\" \| \"name\" \| \"selected\"","values":[{"type":"string","value":"count"},{"type":"string","value":"name"},{"type":"string","value":"selected"}]},"fieldName":"sortBy"},{"name":"visualization-source","description":"Optional, specify visualization source other than the layer itself.","type":{"text":"\"feature-reduction\"","values":[{"type":"string","value":"feature-reduction"}]},"fieldName":"visualizationSource"}],"events":[{"name":"arcgisChange","description":"Emitted if selection has changed","type":{"text":"(number \| string)[]"}},{"name":"arcgisLoad","description":"Emitted once the component is loaded. Useful when no uniqueValues were passed in.","type":{"text":"void"}},{"name":"arcgisSortByChange","description":"Emitted if the sort order has changed","type":{"text":"string \| undefined"}}],"importPath":"components/arcgis-unique-values-list"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-unique-values-list","declaration":{"name":"ArcgisUniqueValuesList"}}]},{"kind":"javascript-module","path":"components/arcgis-unique-values-list/utils/basic","sourcePath":"src/components/unique-values-list/utils/basic.ts","declarations":[{"kind":"interface","name":"SupportedLayer","docsTags":[{"name":"internal"}],"type":{"text":"__esri.CatalogFootprintLayer \| __esri.CatalogLayer \| __esri.CSVLayer \| __esri.FeatureLayer \| __esri.GeoJSONLayer \| __esri.ImageryLayer \| __esri.KnowledgeGraphSublayer \| __esri.OrientedImageryLayer \| __esri.StreamLayer \| __esri.SubtypeGroupLayer \| __esri.SubtypeSublayer \| __esri.WFSLayer","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":31,"end":38},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":53,"end":60},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":71,"end":78},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":93,"end":100},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":115,"end":122},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":137,"end":144},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":169,"end":176},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":199,"end":206},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":220,"end":227},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":247,"end":254},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":272,"end":279}]}}]},{"kind":"javascript-module","path":"utils/types","sourcePath":"src/utils/types.ts","declarations":[{"kind":"interface","name":"OverlayPositioning","docsTags":[{"name":"internal"}],"type":{"text":"Popover[\"overlayPositioning\"]","references":[{"name":"Popover","module":"dist/components/calcite-popover","package":"@esri/calcite-components","start":0,"end":7}]}},{"kind":"interface","name":"LogicalPlacement","docsTags":[{"name":"internal"}],"type":{"text":"Popover[\"placement\"]","references":[{"name":"Popover","module":"dist/components/calcite-popover","package":"@esri/calcite-components","start":0,"end":7}]}},{"kind":"interface","name":"IPopoverProps","description":"Properties used for calcite-popover.","docsTags":[{"name":"internal"}],"members":[{"kind":"field","name":"refElement","type":{"text":"HTMLElement","references":[{"name":"HTMLElement","package":"global:","viewUrl":"https://developer.mozilla.org/docs/Web/API/HTMLElement","start":0,"end":11}]}},{"kind":"field","name":"placement","type":{"text":"LogicalPlacement \| undefined","references":[{"name":"LogicalPlacement","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#LogicalPlacement","start":0,"end":16}]}},{"kind":"field","name":"offsetDistance","type":{"text":"number \| undefined"}},{"kind":"field","name":"offsetSkidding","type":{"text":"number \| undefined"}},{"kind":"field","name":"popoverWidth","type":{"text":"number \| undefined"}},{"kind":"field","name":"overlayPositioning","type":{"text":"OverlayPositioning \| undefined","references":[{"name":"OverlayPositioning","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#OverlayPositioning","start":0,"end":18}]}},{"kind":"field","name":"flipDisabled","type":{"text":"boolean \| undefined"}},{"kind":"field","name":"triggerDisabled","type":{"text":"boolean \| undefined"}},{"kind":"field","name":"autoClose","type":{"text":"boolean \| undefined"}},{"kind":"field","name":"maxHeight","type":{"text":"string \| undefined"}},{"kind":"field","name":"zIndex","type":{"text":"number \| undefined"}}]},{"kind":"interface","name":"IPickListFieldInfo","description":"Object to be passed to arcgis-field-pick-list containing info about a field.\nUse type:\"none\" to add non-sortable items, without info options, to the bottom of the list.","docsTags":[{"name":"internal"}],"members":[{"kind":"field","name":"name","type":{"text":"string"}},{"kind":"field","name":"alias","type":{"text":"string \| null \| undefined"}},{"kind":"field","name":"type","type":{"text":"string"}},{"kind":"field","name":"description","type":{"text":"string \| null \| undefined"}},{"kind":"field","name":"hideFieldName","type":{"text":"boolean \| undefined"}},{"kind":"field","name":"hideDescription","type":{"text":"boolean \| undefined"}},{"kind":"field","name":"showEditAction","type":{"text":"boolean \| undefined"}},{"kind":"field","name":"showDeleteAction","type":{"text":"boolean \| undefined"}}]},{"kind":"interface","name":"IPickListGroupInfo","description":"Object to be passed to arcgis-field-pick-list containing a group of fields.","docsTags":[{"name":"internal"}],"members":[{"kind":"field","name":"title","type":{"text":"string \| undefined"}},{"kind":"field","name":"fields","type":{"text":"IPickListFieldInfo[]","references":[{"name":"IPickListFieldInfo","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPickListFieldInfo","start":0,"end":18}]}}]},{"kind":"interface","name":"LastSortBy","docsTags":[{"name":"internal"}],"type":{"text":"\"default\" \| \"display\" \| \"field\" \| \"type\""}},{"kind":"interface","name":"VisualizationSource","docsTags":[{"name":"internal"}],"type":{"text":"\"feature-reduction\" \| undefined"}},{"kind":"variable","name":"FieldInfoPrefix","docsTags":[{"name":"internal"}],"type":{"text":"{\n expression: string;\n relationship: string;\n raster: string;\n}"}}]}]}
1	+ {"timestamp":"2026-03-06T04:39:22","compiler":{"name":"@arcgis/lumina-compiler","version":"5.1.0-next.34","typescriptVersion":"5.9.3"},"schemaVersion":"2.1.0","modules":[{"kind":"javascript-module","path":"index","sourcePath":"src/index.ts","declarations":[{"kind":"function","name":"getAssetPath","description":"Get a resolved path from where an asset can be loaded.","parameters":[{"name":"suffix","description":"The relative path for the asset.","type":{"text":"string"}}],"return":{"type":{"text":"string"}}},{"kind":"function","name":"setAssetPath","description":"Used to manually set the base path where package assets (like localization\nand icons) can be found.\n\nBy default, the package assets are loaded from\n`https://js.arcgis.com/<version>/<simplified-package-name>/`. We are hosting\nour assets on a CDN (Content Delivery Network) to ensure fast and reliable\naccess. It is CORS-enabled, so you can load the assets from any domain. This\nis the recommended way to load the assets and avoid bundling them with your\napplication.\n\nHowever, if you need to host the assets locally, you can copy them manually\nas part of your build process and use `setAssetPath` to customize where the\nbrowser will load the assets from.","parameters":[{"name":"path","description":"Relative or absolute path to the assets folder.","type":{"text":"URL \| string","references":[{"name":"URL","package":"global:","viewUrl":"https://developer.mozilla.org/docs/Web/API/URL","start":0,"end":3}]}}],"return":{"type":{"text":"void"}}}]},{"kind":"javascript-module","path":"components/arcgis-ckeditor5","sourcePath":"src/components/ckeditor5/ckeditor5.tsx","declarations":[{"kind":"class","name":"ArcgisCkeditor5","customElement":true,"tagName":"arcgis-ckeditor5","pascalCaseName":"ArcgisCkeditor5","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"encapsulation":"none","members":[{"kind":"field","name":"canResizeVertically","description":"The editor's text area will have a vertical resize handle if set to true","type":{"text":"boolean \| undefined","values":[{"type":"boolean"}]},"default":"false","attribute":"can-resize-vertically"},{"kind":"field","name":"currentLanguage","description":"language for ckeditor","type":{"text":"string","values":[{"type":"string"}]},"default":"\"en\"","attribute":"current-language"},{"kind":"field","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":{"text":"any \| undefined","values":[{"type":"any"}]},"attribute":"custom-config"},{"kind":"field","name":"customExpressionCheck","description":"The function that will be used to distinguish expressions from fields in the default mention configuration","type":{"text":"((field: {\n id: string;\n name: string;\n}) => boolean) \| undefined"}},{"kind":"field","name":"editorType","description":"Base configuration for editor","type":{"text":"EditorType \| undefined","references":[{"name":"EditorType","module":"components/arcgis-ckeditor5/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/types#EditorType","start":0,"end":10}],"values":[{"type":"string","value":"html"},{"type":"string","value":"markdown"}]},"default":"\"html\"","attribute":"editor-type"},{"kind":"field","name":"groupFieldsAndExpressions","description":"The fields / expressions in the default mention configuration will be grouped if set to true","type":{"text":"boolean \| undefined","values":[{"type":"boolean"}]},"default":"false","attribute":"group-fields-and-expressions"},{"kind":"field","name":"intlExpressionsGroupHeading","description":"Header text for expressions mention dropdown (assuming default mention configuration)","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","attribute":"intl-expressions-group-heading"},{"kind":"field","name":"intlFieldsGroupHeading","description":"Header text for fields in mention dropdown (assuming default mention configuration)","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","attribute":"intl-fields-group-heading"},{"kind":"field","name":"intlTextPlaceHolder","description":"Placeholder text for editor","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","attribute":"intl-text-place-holder"},{"kind":"field","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":{"text":"InputMentionField[] \| undefined","references":[{"name":"InputMentionField","module":"components/arcgis-ckeditor5/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/types#InputMentionField","start":0,"end":17}]}},{"kind":"field","name":"readOnly","description":"The toolbar will be hidden and the data will only be changeable through the `textData` prop if true","type":{"text":"boolean \| undefined","values":[{"type":"boolean"}]},"default":"false","attribute":"read-only"},{"kind":"field","name":"textData","description":"Input data for editor in html / markdown text format","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"text-data"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisCkeditor5 = document.querySelector(\"arcgis-ckeditor5\");\ndocument.body.append(arcgisCkeditor5);\nawait arcgisCkeditor5.componentOnReady();\nconsole.log(\"arcgis-ckeditor5 is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"getData","description":"Get the current data in the editor.","return":{"type":{"text":"Promise<any>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<any>"},{"kind":"method","name":"setFocus","description":"Set focus on the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"can-resize-vertically","description":"The editor's text area will have a vertical resize handle if set to true","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"canResizeVertically"},{"name":"current-language","description":"language for ckeditor","type":{"text":"string","values":[{"type":"string"}]},"default":"\"en\"","fieldName":"currentLanguage"},{"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","type":{"text":"any \| undefined","values":[{"type":"any"}]},"fieldName":"customConfig"},{"name":"editor-type","description":"Base configuration for editor","type":{"text":"\"html\" \| \"markdown\"","values":[{"type":"string","value":"html"},{"type":"string","value":"markdown"}]},"default":"\"html\"","fieldName":"editorType"},{"name":"group-fields-and-expressions","description":"The fields / expressions in the default mention configuration will be grouped if set to true","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"groupFieldsAndExpressions"},{"name":"intl-expressions-group-heading","description":"Header text for expressions mention dropdown (assuming default mention configuration)","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","fieldName":"intlExpressionsGroupHeading"},{"name":"intl-fields-group-heading","description":"Header text for fields in mention dropdown (assuming default mention configuration)","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","fieldName":"intlFieldsGroupHeading"},{"name":"intl-text-place-holder","description":"Placeholder text for editor","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","fieldName":"intlTextPlaceHolder"},{"name":"read-only","description":"The toolbar will be hidden and the data will only be changeable through the `textData` prop if true","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"readOnly"},{"name":"text-data","description":"Input data for editor in html / markdown text format","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"textData"}],"events":[{"name":"arcgisCkeditor5Created","deprecated":"use arcgisCreated instead","type":{"text":"ArcgisCkeditor5","references":[{"name":"ArcgisCkeditor5","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/#ArcgisCkeditor5","start":0,"end":15}]}},{"name":"arcgisCkeditor5DataUpdated","deprecated":"use arcgisDataUpdated instead","type":{"text":"string"}},{"name":"arcgisCkeditor5SourceEditingChanged","deprecated":"use arcgisSourceEditingChanged instead","type":{"text":"boolean"}},{"name":"arcgisCreated","description":"Emitted when the editor has been created.","type":{"text":"ArcgisCkeditor5","references":[{"name":"ArcgisCkeditor5","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/#ArcgisCkeditor5","start":0,"end":15}]}},{"name":"arcgisDataUpdated","description":"Emitted when the editor's data has been updated.","type":{"text":"string"}},{"name":"arcgisSourceEditingChanged","description":"Emitted when the editor's source editing mode has changed.","type":{"text":"boolean"}}],"importPath":"components/arcgis-ckeditor5"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-ckeditor5","declaration":{"name":"ArcgisCkeditor5"}}]},{"kind":"javascript-module","path":"components/arcgis-ckeditor5/types","sourcePath":"src/components/ckeditor5/types.ts","declarations":[{"kind":"interface","name":"InputMentionField","docsTags":[{"name":"internal"}],"members":[{"kind":"field","name":"id","type":{"text":"string"}},{"kind":"field","name":"name","type":{"text":"string"}}]},{"kind":"interface","name":"DisplayMentionField","docsTags":[{"name":"internal"}],"supertypes":[{"name":"InputMentionField","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5/types#InputMentionField"}],"members":[{"kind":"field","name":"isFirstExpression","type":{"text":"boolean"}},{"kind":"field","name":"isFirstField","type":{"text":"boolean"}}]},{"kind":"interface","name":"EditorType","docsTags":[{"name":"internal"}],"type":{"text":"\"html\" \| \"markdown\""}}]},{"kind":"javascript-module","path":"components/arcgis-ckeditor5-popover","sourcePath":"src/components/ckeditor5/ckeditor5-popover/ckeditor5-popover.tsx","declarations":[{"kind":"class","name":"ArcgisCkeditor5Popover","customElement":true,"tagName":"arcgis-ckeditor5-popover","pascalCaseName":"ArcgisCkeditor5Popover","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ckeditor5-popover/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"guid","description":"Guid for ckeditor popover instance.","type":{"text":"`${string}-${string}-${string}-${string}-${string}`","values":[{"type":"string"}]},"attribute":"guid"},{"kind":"field","name":"intlCancel","description":"Cancel button text.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"Cancel\"","attribute":"intl-cancel"},{"kind":"field","name":"intlLabel","description":"Popover label text.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"intl-label"},{"kind":"field","name":"intlOk","description":"Ok button text.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"Ok\"","attribute":"intl-ok"},{"kind":"field","name":"refElement","description":"Reference element for the popover.","type":{"text":"HTMLElement \| undefined","references":[{"name":"HTMLElement","package":"global:","viewUrl":"https://developer.mozilla.org/docs/Web/API/HTMLElement","start":0,"end":11}]}},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisCkeditor5Popover = document.querySelector(\"arcgis-ckeditor5-popover\");\ndocument.body.append(arcgisCkeditor5Popover);\nawait arcgisCkeditor5Popover.componentOnReady();\nconsole.log(\"arcgis-ckeditor5-popover is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"reposition","description":"Reposition the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"guid","description":"Guid for ckeditor popover instance.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"guid"},{"name":"intl-cancel","description":"Cancel button text.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"Cancel\"","fieldName":"intlCancel"},{"name":"intl-label","description":"Popover label text.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"intlLabel"},{"name":"intl-ok","description":"Ok button text.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"Ok\"","fieldName":"intlOk"}],"events":[{"name":"arcgisCkeditor5PopoverClosed","deprecated":"use arcgisPopoverClosed instead","type":{"text":"{\n guid: string;\n data?: string;\n}"}},{"name":"arcgisPopoverClosed","description":"Emitted when the popover has been closed.","type":{"text":"{\n guid: string;\n data?: string;\n}"}}],"importPath":"components/arcgis-ckeditor5-popover"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-ckeditor5-popover","declaration":{"name":"ArcgisCkeditor5Popover"}}]},{"kind":"javascript-module","path":"components/arcgis-color-input","sourcePath":"src/components/color-input/color-input.tsx","declarations":[{"kind":"class","name":"ArcgisColorInput","customElement":true,"tagName":"arcgis-color-input","pascalCaseName":"ArcgisColorInput","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-color-input/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"clearable","description":"Display option to set no color.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"clearable"},{"kind":"field","name":"color","description":"The selected color as a HEX value. If not set it will display a 'transparent' color swatch.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"color"},{"kind":"field","name":"compact","description":"Control whether the component should be displayed in a compact style (i.e., fewer recent color options).","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"compact"},{"kind":"field","name":"disabled","description":"Control whether the component is disabled.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"disabled"},{"kind":"field","name":"hideRecentColors","description":"If true, do not display recent colors.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"hide-recent-colors"},{"kind":"field","name":"messageOverrides","description":"Replace localized message strings with your own strings.","type":{"text":"Record<string, unknown> \| undefined","references":[{"name":"Record","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type","start":0,"end":6}]}},{"kind":"field","name":"placement","description":"Determines where the popup color picker will be positioned relative to the color input.","type":{"text":"Popover[\"placement\"]","references":[{"name":"Popover","module":"components/calcite-popover","package":"@esri/calcite-components","start":0,"end":7}],"values":[{"type":"string","value":"auto"},{"type":"string","value":"auto-start"},{"type":"string","value":"auto-end"},{"type":"string","value":"top"},{"type":"string","value":"top-start"},{"type":"string","value":"top-end"},{"type":"string","value":"bottom"},{"type":"string","value":"bottom-start"},{"type":"string","value":"bottom-end"},{"type":"string","value":"right"},{"type":"string","value":"right-start"},{"type":"string","value":"right-end"},{"type":"string","value":"left"},{"type":"string","value":"left-start"},{"type":"string","value":"left-end"},{"type":"string","value":"leading-start"},{"type":"string","value":"leading"},{"type":"string","value":"leading-end"},{"type":"string","value":"trailing-end"},{"type":"string","value":"trailing"},{"type":"string","value":"trailing-start"}]},"default":"\"auto\"","attribute":"placement"},{"kind":"field","name":"popoverProps","description":"Convenience prop to specify common popover props.","type":{"text":"IPopoverProps \| undefined","references":[{"name":"IPopoverProps","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPopoverProps","start":0,"end":13}]}},{"kind":"field","name":"showTransparency","description":"If true, allow transparency to be modified within the color picker.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-transparency"},{"kind":"field","name":"storageId","description":"The id of the local storage element that will store recent colors.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"arcgis-color-input-storage-colors\"","attribute":"storage-id"},{"kind":"method","name":"close","description":"Close the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisColorInput = document.querySelector(\"arcgis-color-input\");\ndocument.body.append(arcgisColorInput);\nawait arcgisColorInput.componentOnReady();\nconsole.log(\"arcgis-color-input is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"setFocus","description":"Set focus on the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"clearable","description":"Display option to set no color.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"clearable"},{"name":"color","description":"The selected color as a HEX value. If not set it will display a 'transparent' color swatch.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"color"},{"name":"compact","description":"Control whether the component should be displayed in a compact style (i.e., fewer recent color options).","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"compact"},{"name":"disabled","description":"Control whether the component is disabled.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"disabled"},{"name":"hide-recent-colors","description":"If true, do not display recent colors.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"hideRecentColors"},{"name":"placement","description":"Determines where the popup color picker will be positioned relative to the color input.","type":{"text":"\"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\"","values":[{"type":"string","value":"auto"},{"type":"string","value":"auto-start"},{"type":"string","value":"auto-end"},{"type":"string","value":"top"},{"type":"string","value":"top-start"},{"type":"string","value":"top-end"},{"type":"string","value":"bottom"},{"type":"string","value":"bottom-start"},{"type":"string","value":"bottom-end"},{"type":"string","value":"right"},{"type":"string","value":"right-start"},{"type":"string","value":"right-end"},{"type":"string","value":"left"},{"type":"string","value":"left-start"},{"type":"string","value":"left-end"},{"type":"string","value":"leading-start"},{"type":"string","value":"leading"},{"type":"string","value":"leading-end"},{"type":"string","value":"trailing-end"},{"type":"string","value":"trailing"},{"type":"string","value":"trailing-start"}]},"default":"\"auto\"","fieldName":"placement"},{"name":"show-transparency","description":"If true, allow transparency to be modified within the color picker.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showTransparency"},{"name":"storage-id","description":"The id of the local storage element that will store recent colors.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"arcgis-color-input-storage-colors\"","fieldName":"storageId"}],"events":[{"name":"arcgisChange","description":"Emitted when the color has changed.","type":{"text":"void"}},{"name":"arcgisColorInputChange","deprecated":"use arcgisChange instead","type":{"text":"void"}},{"name":"arcgisColorInputPopoverClose","deprecated":"use arcgisPickerClose instead","type":{"text":"string"}},{"name":"arcgisColorInputPopoverOpen","deprecated":"use arcgisPickerOpen instead","type":{"text":"void"}},{"name":"arcgisColorInputSwatchUpdate","deprecated":"use arcgisSwatchUpdate instead","type":{"text":"string \| undefined"}},{"name":"arcgisPickerClose","type":{"text":"string"}},{"name":"arcgisPickerOpen","type":{"text":"void"}},{"name":"arcgisSwatchUpdate","description":"Emitted when a color swatch is updated (emits selected color hex).","type":{"text":"string \| undefined"}}],"importPath":"components/arcgis-color-input"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-color-input","declaration":{"name":"ArcgisColorInput"}}]},{"kind":"javascript-module","path":"components/arcgis-field-info","sourcePath":"src/components/field-info/field-info.tsx","declarations":[{"kind":"class","name":"ArcgisFieldInfo","customElement":true,"tagName":"arcgis-field-info","pascalCaseName":"ArcgisFieldInfo","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-field-info/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"fieldName","description":"Required field name.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"field-name"},{"kind":"field","name":"hideAlias","description":"If true, hide the field alias section.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"hide-alias"},{"kind":"field","name":"hideNumericFormat","description":"If true, hide the decimal places section.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"hide-numeric-format"},{"kind":"field","name":"hideStatistics","description":"If true, hide statistics (i.e., no top 10 values for string and no stats for number and date fields).","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"hide-statistics"},{"kind":"field","name":"layer","description":"Required layer instance.","type":{"text":"FieldInfoLayer \| undefined","references":[{"name":"FieldInfoLayer","module":"components/arcgis-field-info/utils/basic","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-field-info/utils/basic#FieldInfoLayer","start":0,"end":14}]}},{"kind":"field","name":"view","description":"View instance. If no view is provided all dates will show in 'system' timezone.","type":{"text":"__esri.View \| undefined","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7}]}},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisFieldInfo = document.querySelector(\"arcgis-field-info\");\ndocument.body.append(arcgisFieldInfo);\nawait arcgisFieldInfo.componentOnReady();\nconsole.log(\"arcgis-field-info is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"refresh","description":"Refresh the field info display after external changes are made.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"field-name","description":"Required field name.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"fieldName"},{"name":"hide-alias","description":"If true, hide the field alias section.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"hideAlias"},{"name":"hide-numeric-format","description":"If true, hide the decimal places section.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"hideNumericFormat"},{"name":"hide-statistics","description":"If true, hide statistics (i.e., no top 10 values for string and no stats for number and date fields).","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"hideStatistics"}],"events":[{"name":"arcgisComplete","description":"Emitted once all information is displayed.","type":{"text":"void"}},{"name":"arcgisFieldInfoComplete","deprecated":"use arcgisComplete instead.","type":{"text":"void"}}],"importPath":"components/arcgis-field-info"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-field-info","declaration":{"name":"ArcgisFieldInfo"}}]},{"kind":"javascript-module","path":"components/arcgis-field-info/utils/basic","sourcePath":"src/components/field-info/utils/basic.ts","declarations":[{"kind":"interface","name":"FieldInfoLayer","docsTags":[{"name":"internal"}],"type":{"text":"__esri.CatalogFootprintLayer \| __esri.CatalogLayer \| __esri.CSVLayer \| __esri.FeatureLayer \| __esri.GeoJSONLayer \| __esri.ImageryLayer \| __esri.ImageryTileLayer \| __esri.KnowledgeGraphSublayer \| __esri.OGCFeatureLayer \| __esri.OrientedImageryLayer \| __esri.ParquetLayer \| __esri.SceneLayer \| __esri.StreamLayer \| __esri.Sublayer \| __esri.SubtypeGroupLayer \| __esri.SubtypeSublayer \| __esri.VoxelLayer \| __esri.WCSLayer \| __esri.WFSLayer","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":31,"end":38},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":53,"end":60},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":71,"end":78},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":93,"end":100},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":115,"end":122},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":137,"end":144},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":163,"end":170},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":195,"end":202},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":220,"end":227},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":250,"end":257},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":272,"end":279},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":292,"end":299},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":313,"end":320},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":331,"end":338},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":358,"end":365},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":383,"end":390},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":403,"end":410},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":421,"end":428}]}}]},{"kind":"javascript-module","path":"components/arcgis-field-pick-list","sourcePath":"src/components/field-pick-list/field-pick-list.tsx","declarations":[{"kind":"class","name":"ArcgisFieldPickList","customElement":true,"tagName":"arcgis-field-pick-list","pascalCaseName":"ArcgisFieldPickList","description":"A component that displays a list of fields for selection, inside a popover (default) or just as a list.","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-field-pick-list/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"customExpressionCheck","description":"Custom function to distinguish expressions from fields.","type":{"text":"((field: IPickListFieldInfo) => boolean) \| undefined","references":[{"name":"IPickListFieldInfo","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPickListFieldInfo","start":8,"end":26}]}},{"kind":"field","name":"expressionsGroupHeading","description":"Header text for group containing expressions, if 'groupFieldsAndExpressions' is set to true.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"expressions-group-heading"},{"kind":"field","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":{"text":"IPickListFieldInfo[] \| IPickListGroupInfo[]","references":[{"name":"IPickListFieldInfo","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPickListFieldInfo","start":0,"end":18},{"name":"IPickListGroupInfo","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPickListGroupInfo","start":23,"end":41}]}},{"kind":"field","name":"fieldsGroupHeading","description":"Header text for group containing fields, if 'groupFieldsAndExpressions' is set to true.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"fields-group-heading"},{"kind":"field","name":"filterNoResultsText","description":"Filter no results text. If empty string (\"\") no text will be shown.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"filter-no-results-text"},{"kind":"field","name":"filterPlaceholderText","description":"Filter placeholder text.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"filter-placeholder-text"},{"kind":"field","name":"groupFieldsAndExpressions","deprecated":"Pass in grouped lists of fields instead.\nIf true, fields and expressions are placed in separate groups.","type":{"text":"boolean \| undefined","values":[{"type":"boolean"}]},"default":"false","attribute":"group-fields-and-expressions"},{"kind":"field","name":"heading","description":"Heading text. Valid only if listOnly is not set to true.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"heading"},{"kind":"field","name":"hideCancel","description":"If true, hides the cancel button. Valid only if listOnly is not set to true.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"hide-cancel"},{"kind":"field","name":"hideSort","description":"If true, hides the sort menu button.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"hide-sort"},{"kind":"field","name":"layer","description":"Layer instance.","type":{"text":"FieldPickListLayer \| undefined","references":[{"name":"FieldPickListLayer","module":"components/arcgis-field-pick-list/utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-field-pick-list/utils/types#FieldPickListLayer","start":0,"end":18}]}},{"kind":"field","name":"listOnly","description":"If true, renders without a popover.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"list-only"},{"kind":"field","name":"mapView","deprecated":"use view instead","type":{"text":"__esri.View \| undefined","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7}]}},{"kind":"field","name":"multiple","description":"If true, allows for multiple selection. If false, the\npopover will close once an item has been selected.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"multiple"},{"kind":"field","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":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"ok-btn-text"},{"kind":"field","name":"popoverProps","description":"Convenience prop to specify common popover props, `popoverProps.refElement` is required. Valid only if listOnly is not set to true.","type":{"text":"IPopoverProps \| undefined","references":[{"name":"IPopoverProps","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPopoverProps","start":0,"end":13}]}},{"kind":"field","name":"selectedFields","description":"The initially selected fields. Will use selectedFields[0] when multiple is set to false.","type":{"text":"string[]"}},{"kind":"field","name":"showCancel","deprecated":"use hideCancel instead","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"true","attribute":"show-cancel"},{"kind":"field","name":"showDescription","description":"If true, displays description. By default only displays field alias.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-description"},{"kind":"field","name":"showFieldInfo","description":"If true, displays the field info button. Valid only if listOnly is not set to true.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-field-info"},{"kind":"field","name":"showFieldName","description":"If true, displays field name. By default only displays field alias.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-field-name"},{"kind":"field","name":"showFieldTypeIcon","description":"If true, displays an icon corresponding to the field's type.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-field-type-icon"},{"kind":"field","name":"showFilterLength","description":"If true, displays the filter option based on the number of fields.","type":{"text":"number","values":[{"type":"number"}]},"default":"10","attribute":"show-filter-length"},{"kind":"field","name":"showSelectionAll","description":"If true, displays a 'Select All' button on top of the list. Valid only if multiple is set to true.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-selection-all"},{"kind":"field","name":"showSort","deprecated":"use hideSort instead","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"true","attribute":"show-sort"},{"kind":"field","name":"sortBy","description":"The initial sort order.","type":{"text":"LastSortBy","references":[{"name":"LastSortBy","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#LastSortBy","start":0,"end":10}],"values":[{"type":"string","value":"default"},{"type":"string","value":"display"},{"type":"string","value":"field"},{"type":"string","value":"type"}]},"default":"\"default\"","attribute":"sort-by"},{"kind":"field","name":"view","description":"View instance.","type":{"text":"__esri.View \| undefined","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7}]}},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisFieldPickList = document.querySelector(\"arcgis-field-pick-list\");\ndocument.body.append(arcgisFieldPickList);\nawait arcgisFieldPickList.componentOnReady();\nconsole.log(\"arcgis-field-pick-list is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"reposition","description":"Reposition the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"},{"kind":"method","name":"setDisabled","description":"Control whether the component is disabled.","parameters":[{"name":"disable","type":{"text":"boolean"}}],"return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(disable: boolean): Promise<void>"},{"kind":"method","name":"setFocus","description":"Set focus on the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"expressions-group-heading","description":"Header text for group containing expressions, if 'groupFieldsAndExpressions' is set to true.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"expressionsGroupHeading"},{"name":"fields-group-heading","description":"Header text for group containing fields, if 'groupFieldsAndExpressions' is set to true.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"fieldsGroupHeading"},{"name":"filter-no-results-text","description":"Filter no results text. If empty string (\"\") no text will be shown.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"filterNoResultsText"},{"name":"filter-placeholder-text","description":"Filter placeholder text.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"filterPlaceholderText"},{"name":"group-fields-and-expressions","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"groupFieldsAndExpressions","deprecated":"Pass in grouped lists of fields instead.\nIf true, fields and expressions are placed in separate groups."},{"name":"heading","description":"Heading text. Valid only if listOnly is not set to true.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"heading"},{"name":"hide-cancel","description":"If true, hides the cancel button. Valid only if listOnly is not set to true.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"hideCancel"},{"name":"hide-sort","description":"If true, hides the sort menu button.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"hideSort"},{"name":"list-only","description":"If true, renders without a popover.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"listOnly"},{"name":"multiple","description":"If true, allows for multiple selection. If false, the\npopover will close once an item has been selected.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"multiple"},{"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.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"okBtnText"},{"name":"show-cancel","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"true","fieldName":"showCancel","deprecated":"use hideCancel instead"},{"name":"show-description","description":"If true, displays description. By default only displays field alias.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showDescription"},{"name":"show-field-info","description":"If true, displays the field info button. Valid only if listOnly is not set to true.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showFieldInfo"},{"name":"show-field-name","description":"If true, displays field name. By default only displays field alias.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showFieldName"},{"name":"show-field-type-icon","description":"If true, displays an icon corresponding to the field's type.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showFieldTypeIcon"},{"name":"show-filter-length","description":"If true, displays the filter option based on the number of fields.","type":{"text":"number","values":[{"type":"number"}]},"default":"10","fieldName":"showFilterLength"},{"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showSelectionAll"},{"name":"show-sort","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"true","fieldName":"showSort","deprecated":"use hideSort instead"},{"name":"sort-by","description":"The initial sort order.","type":{"text":"\"default\" \| \"display\" \| \"field\" \| \"type\"","values":[{"type":"string","value":"default"},{"type":"string","value":"display"},{"type":"string","value":"field"},{"type":"string","value":"type"}]},"default":"\"default\"","fieldName":"sortBy"}],"events":[{"name":"arcgisChange","description":"Emitted when the selected fields have changed. selectedFields contains fields in order of the user's selection.","type":{"text":"{ selectedFields: string[]; }"}},{"name":"arcgisClose","description":"Emitted when the pick list has been closed.","type":{"text":"{ selectedFields: string[]; } \| void"}},{"name":"arcgisDeleteField","description":"Emitted when the delete icon of a field has been clicked. The field must have IPickListFieldInfo.showDeleteAction set to true.","type":{"text":"{ fieldName: string; }"}},{"name":"arcgisEditField","description":"Emitted when the edit icon of a field has been clicked. The field must have IPickListFieldInfo.showEditAction set to true.","type":{"text":"{ fieldName: string; }"}},{"name":"arcgisFieldPickListChange","deprecated":"use arcgisChange instead","type":{"text":"{ selectedFields: string[]; }"}},{"name":"arcgisFieldPickListDismissed","deprecated":"use arcgisClose instead","type":{"text":"{ selectedFields: string[]; } \| void"}},{"name":"arcgisFieldPickListSortByChange","deprecated":"use arcgisSortByChange instead","type":{"text":"LastSortBy","references":[{"name":"LastSortBy","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#LastSortBy","start":0,"end":10}]}},{"name":"arcgisSortByChange","description":"Emitted when the field pick list sort order has changed.","type":{"text":"LastSortBy","references":[{"name":"LastSortBy","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#LastSortBy","start":0,"end":10}]}}],"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."}],"importPath":"components/arcgis-field-pick-list"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-field-pick-list","declaration":{"name":"ArcgisFieldPickList"}}]},{"kind":"javascript-module","path":"components/arcgis-field-pick-list/utils/types","sourcePath":"src/components/field-pick-list/utils/types.ts","declarations":[{"kind":"interface","name":"FieldPickListLayer","description":"All supported layer types","docsTags":[{"name":"internal"}],"type":{"text":"__esri.CatalogFootprintLayer \| __esri.CatalogLayer \| __esri.CSVLayer \| __esri.FeatureLayer \| __esri.GeoJSONLayer \| __esri.ImageryLayer \| __esri.ImageryTileLayer \| __esri.KnowledgeGraphSublayer \| __esri.OGCFeatureLayer \| __esri.OrientedImageryLayer \| __esri.ParquetLayer \| __esri.SceneLayer \| __esri.StreamLayer \| __esri.Sublayer \| __esri.SubtypeGroupLayer \| __esri.SubtypeSublayer \| __esri.VoxelLayer \| __esri.WCSLayer \| __esri.WFSLayer","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":31,"end":38},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":53,"end":60},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":71,"end":78},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":93,"end":100},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":115,"end":122},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":137,"end":144},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":163,"end":170},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":195,"end":202},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":220,"end":227},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":250,"end":257},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":272,"end":279},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":292,"end":299},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":313,"end":320},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":331,"end":338},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":358,"end":365},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":383,"end":390},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":403,"end":410},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":421,"end":428}]}}]},{"kind":"javascript-module","path":"components/arcgis-histogram","sourcePath":"src/components/histogram/histogram.tsx","declarations":[{"kind":"class","name":"ArcgisHistogram","customElement":true,"tagName":"arcgis-histogram","pascalCaseName":"ArcgisHistogram","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\")","docsTags":[{"name":"see","text":"[histogram module](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)"},{"name":"see","text":"[Sample - Histogram component](https://developers.arcgis.com/javascript/latest/sample-code/histogram/)"},{"name":"since","text":"5.0"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/"},{"description":"Histogram","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--histogram&singleStory=true"},{"description":"Color Stops Continuous","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--color-stops-continuous&singleStory=true"},{"description":"Color Stops Classed","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--color-stops-classed&singleStory=true"},{"description":"Color Stops Range","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--color-stops-range&singleStory=true"},{"description":"Average And Standard Deviation","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--average-and-standard-deviation&singleStory=true"},{"description":"Custom Data Line","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--custom-data-line&singleStory=true"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","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.","docsTags":[{"name":"see","text":"[summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics)"},{"name":"example","text":"```js\n// sets result returned from a smart mapping method\n// to the histogram\nhistogram.average = response.statistics.avg;\n```"},{"name":"example","text":"```js\nhistogram.average = 34.5;\n```"}],"type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"average","reflects":true},{"kind":"field","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.","docsTags":[{"name":"example","text":"```js\n// sets the bins of the histogram from the bins in the histogram() result\nhistogram.bins = histogramResult.bins;\n```"},{"name":"example","text":"```js\n// Creates a histogram with 7 bins.\nhistogram.bins = [\n { minValue: 0, maxValue: 10, count: 4 },\n { minValue: 10.1, maxValue: 20, count: 14 },\n { minValue: 20.1, maxValue: 30, count: 9 },\n { minValue: 30.1, maxValue: 40, count: 34 },\n { minValue: 40.1, maxValue: 50, count: 351 },\n { minValue: 50.1, maxValue: 60, count: 100 },\n { minValue: 60.1, maxValue: 70, count: 1 }\n];\n```"}],"type":{"text":"HistogramBin[] \| undefined","references":[{"name":"HistogramBin","module":"smartMapping/statistics/types.js","package":"@arcgis/core","viewUrl":"https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/types/#HistogramBin","start":0,"end":12}]}},{"kind":"field","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":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"color-blending-enabled"},{"kind":"field","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`.","docsTags":[{"name":"example","text":"```js\n// Define continuous color stops on the histogram.\n// The color of the bar is determined by interpolating between the colors of the stops surrounding the value of the bin.\nhistogram.colorStops = [\n { color: \"#ff0000\", value: 0 },\n { color: \"#ffff00\", value: 50 },\n { color: \"#00ff00\", value: 100 }\n];\n```"},{"name":"example","text":"```js\n// Define classed color stops on the histogram.\n// The color of the bar is determined by the color of the stop that contains the value of the bin.\nhistogram.colorStops = [\n { color: \"#ff0000\", minValue: 0, maxValue: 50 },\n { color: \"#00ff00\", minValue: 50, maxValue: 100 },\n];\n```"}],"type":{"text":"HistogramColorStops \| undefined","references":[{"name":"HistogramColorStops","module":"components/arcgis-histogram/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#HistogramColorStops","start":0,"end":19}]}},{"kind":"field","name":"dataLines","description":"When set, renders lines on the histogram that indicate important or\nmeaningful values to the end user.","docsTags":[{"name":"example","text":"```js\n// will render lines at the 25th, 50th, 75th, and 99th percentiles\nhistogram.dataLines = [{\n value: 30,\n label: \"25 pctl\"\n}, {\n value: 45,\n label: \"50 pctl\"\n}, {\n value: 65,\n label: \"75 pctl\"\n}, {\n value: 89,\n label: \"99 pctl\"\n}];\n```"},{"name":"example","text":"```js\n// calculate standard deviations from mean using stats\n// returned from smart mapping statistic methods\nconst stddevs = smartMappingUtils.getDeviationValues(stats.stddev, stats.avg, 2);\nhistogram.dataLines = stddevs.map((stddev) => {\n return {\n value: stddev\n };\n});\n```"},{"name":"see","text":"[smartMappingUtils.getDeviationValues](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/support/utils/#getDeviationValues)"}],"type":{"text":"DataLine[] \| undefined","references":[{"name":"DataLine","module":"components/arcgis-histogram/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#DataLine","start":0,"end":8}]}},{"kind":"field","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":{"text":"string \| undefined","values":[{"type":"string"}]},"default":"\"graph-histogram\"","attribute":"icon","reflects":true},{"kind":"field","name":"label","description":"The component's default label.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"label"},{"kind":"field","name":"layout","description":"Determines the orientation of the histogram.","docsTags":[{"name":"example","text":"```js\nhistogram.layout = \"vertical\";\n```"}],"type":{"text":"HistogramLayout","references":[{"name":"HistogramLayout","module":"components/arcgis-histogram/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#HistogramLayout","start":0,"end":15}],"values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","attribute":"layout","reflects":true},{"kind":"field","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).","docsTags":[{"name":"example","text":"```js\nhistogram.max = 100;\n```"},{"name":"example","text":"```js\n// sets result returned from a smart mapping method to the histogram\nhistogram.max = response.statistics.max;\n```"}],"type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"max","reflects":true},{"kind":"field","name":"messageOverrides","description":"Replace localized message strings with your own strings.\n\n_Note: Individual message keys may change between releases._","type":{"text":"Record<string, unknown> \| undefined","references":[{"name":"Record","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type","start":0,"end":6}]}},{"kind":"field","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).","docsTags":[{"name":"example","text":"```js\nhistogram.min = 0;\n```"},{"name":"example","text":"```js\n// sets result returned from a smart mapping method to the histogram\nhistogram.min = response.statistics.min;\n```"}],"type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"min","reflects":true},{"kind":"field","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.","docsTags":[{"name":"see","text":"[summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/#summaryStatistics)"},{"name":"example","text":"```js\n// sets result returned from a smart mapping method\n// to the histogram\nhistogram.standardDeviation = response.statistics.stddev;\n```"}],"type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"standard-deviation","reflects":true},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisHistogram = document.querySelector(\"arcgis-histogram\");\ndocument.body.append(arcgisHistogram);\nawait arcgisHistogram.componentOnReady();\nconsole.log(\"arcgis-histogram is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"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.","type":{"text":"number","values":[{"type":"number"}]},"fieldName":"average"},{"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"colorBlendingEnabled"},{"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":{"text":"string","values":[{"type":"string"}]},"default":"\"graph-histogram\"","fieldName":"icon"},{"name":"label","description":"The component's default label.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"label"},{"name":"layout","description":"Determines the orientation of the histogram.","type":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","fieldName":"layout"},{"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":{"text":"number","values":[{"type":"number"}]},"fieldName":"max"},{"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":{"text":"number","values":[{"type":"number"}]},"fieldName":"min"},{"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.","type":{"text":"number","values":[{"type":"number"}]},"fieldName":"standardDeviation"}],"cssProperties":[{"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."}],"importPath":"components/arcgis-histogram"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-histogram","declaration":{"name":"ArcgisHistogram"}}]},{"kind":"javascript-module","path":"components/arcgis-histogram/types","sourcePath":"src/components/histogram/types.ts","declarations":[{"kind":"interface","name":"DataLine","members":[{"kind":"field","name":"value","type":{"text":"number"}},{"kind":"field","name":"label","type":{"text":"number \| string \| null \| undefined"}}]},{"kind":"interface","name":"HistogramColorStops","type":{"text":"HistogramClassedColorStop[] \| HistogramContinuousColorStop[]","references":[{"name":"HistogramClassedColorStop","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#HistogramClassedColorStop","start":0,"end":25},{"name":"HistogramContinuousColorStop","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#HistogramContinuousColorStop","start":30,"end":58}]}},{"kind":"interface","name":"HistogramLayout","type":{"text":"\"horizontal\" \| \"vertical\""}},{"kind":"interface","name":"HistogramContinuousColorStop","members":[{"kind":"field","name":"color","type":{"text":"HistogramColor","references":[{"name":"HistogramColor","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#HistogramColor","start":0,"end":14}]}},{"kind":"field","name":"value","type":{"text":"number"}}]},{"kind":"interface","name":"HistogramClassedColorStop","members":[{"kind":"field","name":"color","type":{"text":"HistogramColor \| undefined","references":[{"name":"HistogramColor","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/types#HistogramColor","start":0,"end":14}]}},{"kind":"field","name":"minValue","type":{"text":"number"}},{"kind":"field","name":"maxValue","type":{"text":"number"}}]},{"kind":"interface","name":"HistogramColor","type":{"text":"number[] \| string \| {\n r?: number;\n g?: number;\n b?: number;\n a?: number;\n}"}}]},{"kind":"javascript-module","path":"components/arcgis-label-input","sourcePath":"src/components/label-input/label-input.tsx","declarations":[{"kind":"class","name":"ArcgisLabelInput","customElement":true,"tagName":"arcgis-label-input","pascalCaseName":"ArcgisLabelInput","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"alignment","description":"Specifies the alignment of the component's text elements.","type":{"text":"Button[\"alignment\"] & InputNumber[\"alignment\"]","references":[{"name":"Button","module":"components/calcite-button","package":"@esri/calcite-components","start":0,"end":6},{"name":"InputNumber","module":"components/calcite-input-number","package":"@esri/calcite-components","start":22,"end":33}]},"default":"\"center\"","attribute":"alignment","reflects":true},{"kind":"field","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.","docsTags":[{"name":"see","text":"[edit()](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/#edit)"}],"type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","readonly":true,"attribute":"editing","reflects":true},{"kind":"field","name":"labelFormatter","description":"A function used to format the value.","type":{"text":"(value: number, defaultFormatter: (value: number) => string) => string \| null \| undefined"}},{"kind":"field","name":"readOnly","description":"Indicates whether the component is in read-only mode.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"read-only","reflects":true},{"kind":"field","name":"value","description":"The value the component displays.","type":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"value","reflects":true},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisLabelInput = document.querySelector(\"arcgis-label-input\");\ndocument.body.append(arcgisLabelInput);\nawait arcgisLabelInput.componentOnReady();\nconsole.log(\"arcgis-label-input is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"edit","description":"Initiates the edit mode for the component.","docsTags":[{"name":"see","text":"[editing](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/#editing)"}],"return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"alignment","description":"Specifies the alignment of the component's text elements.","type":{"text":"Button[\"alignment\"] & InputNumber[\"alignment\"]","references":[{"name":"Button","module":"components/calcite-button","package":"@esri/calcite-components","start":0,"end":6},{"name":"InputNumber","module":"components/calcite-input-number","package":"@esri/calcite-components","start":22,"end":33}]},"default":"\"center\"","fieldName":"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":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"editing"},{"name":"read-only","description":"Indicates whether the component is in read-only mode.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"readOnly"},{"name":"value","description":"The value the component displays.","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"value"}],"events":[{"name":"arcgisChange","description":"Fires each time a new value is typed and committed.","type":{"text":"void"},"cancelable":false}],"importPath":"components/arcgis-label-input"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-label-input","declaration":{"name":"ArcgisLabelInput"}}]},{"kind":"javascript-module","path":"components/arcgis-picker-input","sourcePath":"src/components/picker-input/picker-input.tsx","declarations":[{"kind":"class","name":"ArcgisPickerInput","customElement":true,"tagName":"arcgis-picker-input","pascalCaseName":"ArcgisPickerInput","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-picker-input/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"disabled","description":"If true, disables the component.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"disabled","reflects":true},{"kind":"field","name":"heading","description":"Heading for the component.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"heading"},{"kind":"field","name":"iconEnd","description":"Icon to display at the end of the component.","type":{"text":"Icon[\"icon\"]","references":[{"name":"Icon","module":"components/calcite-icon","package":"@esri/calcite-components","start":0,"end":4}],"values":[{"type":"string"}]},"default":"\"pencil\"","attribute":"icon-end"},{"kind":"field","name":"intlDone","description":"Text to display within the \"Done\" button.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"intl-done"},{"kind":"field","name":"label","description":"Label for the component","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","attribute":"label"},{"kind":"field","name":"popoverProps","description":"Convenience prop to specify common popover props.","type":{"text":"IPopoverProps \| undefined","references":[{"name":"IPopoverProps","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPopoverProps","start":0,"end":13}]}},{"kind":"method","name":"close","description":"Close the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisPickerInput = document.querySelector(\"arcgis-picker-input\");\ndocument.body.append(arcgisPickerInput);\nawait arcgisPickerInput.componentOnReady();\nconsole.log(\"arcgis-picker-input is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"setFocus","description":"Set focus on the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"attributes":[{"name":"disabled","description":"If true, disables the component.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"disabled"},{"name":"heading","description":"Heading for the component.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"heading"},{"name":"icon-end","description":"Icon to display at the end of the component.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"pencil\"","fieldName":"iconEnd"},{"name":"intl-done","description":"Text to display within the \"Done\" button.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"intlDone"},{"name":"label","description":"Label for the component","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","fieldName":"label"}],"events":[{"name":"arcgisPopoverClose","description":"Emitted when the component has been closed.","type":{"text":"void"}},{"name":"arcgisPopoverOpen","description":"Emitted when the component has been opened.","type":{"text":"void"}}],"importPath":"components/arcgis-picker-input"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-picker-input","declaration":{"name":"ArcgisPickerInput"}}]},{"kind":"javascript-module","path":"components/arcgis-ramp-color","sourcePath":"src/components/ramp-color/ramp-color.tsx","declarations":[{"kind":"class","name":"ArcgisRampColor","customElement":true,"tagName":"arcgis-ramp-color","pascalCaseName":"ArcgisRampColor","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"layout","type":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","attribute":"layout","reflects":true},{"kind":"field","name":"max","type":{"text":"number","values":[{"type":"number"}]},"default":"1","attribute":"max"},{"kind":"field","name":"min","type":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"min"},{"kind":"field","name":"stops","type":{"text":"ColorStop[]","references":[{"name":"ColorStop","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color/#ColorStop","start":0,"end":9}]}},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisRampColor = document.querySelector(\"arcgis-ramp-color\");\ndocument.body.append(arcgisRampColor);\nawait arcgisRampColor.componentOnReady();\nconsole.log(\"arcgis-ramp-color is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"attributes":[{"name":"layout","type":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","fieldName":"layout"},{"name":"max","type":{"text":"number","values":[{"type":"number"}]},"default":"1","fieldName":"max"},{"name":"min","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"min"}],"importPath":"components/arcgis-ramp-color"},{"kind":"interface","name":"ColorStop","docsTags":[{"name":"internal"}],"members":[{"kind":"field","name":"color","type":{"text":"Color \| string","references":[{"name":"default","module":"Color.js","package":"@arcgis/core","viewUrl":"https://developers.arcgis.com/javascript/latest/references/core/Color/","start":0,"end":5}]}},{"kind":"field","name":"value","type":{"text":"number"}},{"kind":"field","name":"size","type":{"text":"number \| undefined"}}]}],"exports":[{"kind":"custom-element-definition","name":"arcgis-ramp-color","declaration":{"name":"ArcgisRampColor"}}]},{"kind":"javascript-module","path":"components/arcgis-ramp-color-break","sourcePath":"src/components/ramp-color-break/ramp-color-break.tsx","declarations":[{"kind":"class","name":"ArcgisRampColorBreak","customElement":true,"tagName":"arcgis-ramp-color-break","pascalCaseName":"ArcgisRampColorBreak","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color-break/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"layout","type":{"text":"ArcgisRampColor[\"layout\"]","references":[{"name":"ArcgisRampColor","module":"components/arcgis-ramp-color","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color/#ArcgisRampColor","start":0,"end":15}],"values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","attribute":"layout"},{"kind":"field","name":"max","type":{"text":"number","values":[{"type":"number"}]},"default":"1","attribute":"max"},{"kind":"field","name":"min","type":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"min"},{"kind":"field","name":"stops","type":{"text":"ColorBreak[]","references":[{"name":"ColorBreak","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color-break/#ColorBreak","start":0,"end":10}]}},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisRampColorBreak = document.querySelector(\"arcgis-ramp-color-break\");\ndocument.body.append(arcgisRampColorBreak);\nawait arcgisRampColorBreak.componentOnReady();\nconsole.log(\"arcgis-ramp-color-break is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"attributes":[{"name":"layout","type":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","fieldName":"layout"},{"name":"max","type":{"text":"number","values":[{"type":"number"}]},"default":"1","fieldName":"max"},{"name":"min","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"min"}],"importPath":"components/arcgis-ramp-color-break"},{"kind":"interface","name":"ColorBreak","docsTags":[{"name":"internal"}],"members":[{"kind":"field","name":"color","type":{"text":"Color \| string","references":[{"name":"default","module":"Color.js","package":"@arcgis/core","viewUrl":"https://developers.arcgis.com/javascript/latest/references/core/Color/","start":0,"end":5}]}},{"kind":"field","name":"max","type":{"text":"number"}},{"kind":"field","name":"min","type":{"text":"number"}}]}],"exports":[{"kind":"custom-element-definition","name":"arcgis-ramp-color-break","declaration":{"name":"ArcgisRampColorBreak"}}]},{"kind":"javascript-module","path":"components/arcgis-ramp-opacity","sourcePath":"src/components/ramp-opacity/ramp-opacity.tsx","declarations":[{"kind":"class","name":"ArcgisRampOpacity","customElement":true,"tagName":"arcgis-ramp-opacity","pascalCaseName":"ArcgisRampOpacity","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-opacity/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"fillColor","type":{"text":"Color \| string","references":[{"name":"default","module":"Color.js","package":"@arcgis/core","viewUrl":"https://developers.arcgis.com/javascript/latest/references/core/Color/","start":0,"end":5}],"values":[{"type":"string"},{"type":"object"}]},"attribute":"fill-color"},{"kind":"field","name":"layout","type":{"text":"ArcgisRampColor[\"layout\"]","references":[{"name":"ArcgisRampColor","module":"components/arcgis-ramp-color","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ramp-color/#ArcgisRampColor","start":0,"end":15}],"values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","attribute":"layout"},{"kind":"field","name":"max","type":{"text":"number","values":[{"type":"number"}]},"default":"1","attribute":"max"},{"kind":"field","name":"min","type":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"min"},{"kind":"field","name":"stops","type":{"text":"{\n value: number;\n opacity: number;\n}[]"}},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisRampOpacity = document.querySelector(\"arcgis-ramp-opacity\");\ndocument.body.append(arcgisRampOpacity);\nawait arcgisRampOpacity.componentOnReady();\nconsole.log(\"arcgis-ramp-opacity is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"attributes":[{"name":"fill-color","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"fillColor"},{"name":"layout","type":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","fieldName":"layout"},{"name":"max","type":{"text":"number","values":[{"type":"number"}]},"default":"1","fieldName":"max"},{"name":"min","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"min"}],"importPath":"components/arcgis-ramp-opacity"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-ramp-opacity","declaration":{"name":"ArcgisRampOpacity"}}]},{"kind":"javascript-module","path":"components/arcgis-slider","sourcePath":"src/components/slider/slider.tsx","declarations":[{"kind":"class","name":"ArcgisSlider","customElement":true,"tagName":"arcgis-slider","pascalCaseName":"ArcgisSlider","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> It is recommended to use [`calcite-slider`](https://developers.arcgis.com/calcite-design-system/components/slider/) for most use cases, as the component\n> offers a consistent UI/UX and accommodates the majority of implementations.\n>\n> Use `arcgis-slider` for advanced use cases, where solutions seek the following:\n>\n> * [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout): configurations, where `arcgis-slider` offers a `layout` of `\"vertical\"`.\n> * Display more than two values in the component.\n> * A custom range display, where `arcgis-slider` supports [fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin) and\n> [fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax) for displaying a wider range than the interactive range.\n> * Additional slot configurations for adding elements within or over the component, where `arcgis-slider` can slot\n> content using the `content-start`, `content-end`, and `popover` slots.","docsTags":[{"name":"since","text":"5.0"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/"},{"description":"Horizontal Layout","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--horizontal-layout&singleStory=true"},{"description":"Vertical Layout","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--vertical-layout&singleStory=true"},{"description":"Editable","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--editable&singleStory=true"},{"description":"Custom label formatter","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--label-formatter&singleStory=true"},{"description":"Slots","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--slots&singleStory=true"},{"description":"Histogram Range","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--histogram-range&singleStory=true"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","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.","docsTags":[{"name":"see","text":"[@arcgisActiveValueChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisActiveValueChange)"}],"type":{"text":"number \| \"all\" \| undefined","values":[{"type":"string","value":"all"},{"type":"number"}]},"readonly":true},{"kind":"field","name":"allowValuesOverlap","description":"When `true`, allows multiple thumbs to overlap by sharing the same value.\nWhen `false`, thumbs are prevented from overlapping.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"allow-values-overlap"},{"kind":"field","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":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"auto-destroy-disabled"},{"kind":"field","name":"disabled","description":"Indicates whether the slider is disabled.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"disabled","reflects":true},{"kind":"field","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":{"text":"\"end\" \| \"none\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"none"},{"type":"string","value":"start"}]},"default":"\"start\"","attribute":"fill-placement"},{"kind":"field","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.","docsTags":[{"name":"see","text":"[fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin)"},{"name":"example","text":"```html\n<!-- Slider with a full range from 0 to 100, while only allowing thumb values between 25 and 75. -->\n<arcgis-slider full-range-min=\"0\" full-range-max=\"100\" min=\"25\" max=\"75\" values=\"50\"></arcgis-slider>\n```"}],"type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"full-range-max","reflects":true},{"kind":"field","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.","docsTags":[{"name":"see","text":"[fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax)"},{"name":"example","text":"```html\n<!-- Slider with a full range from 0 to 100, while only allowing thumb values between 25 and 75. -->\n<arcgis-slider full-range-min=\"0\" full-range-max=\"100\" min=\"25\" max=\"75\" values=\"50\"></arcgis-slider>\n```"}],"type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"full-range-min","reflects":true},{"kind":"field","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","docsTags":[{"name":"internal"}],"type":{"text":"number","values":[{"type":"number"}]},"default":"10","attribute":"keyboard-large-step"},{"kind":"field","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.","docsTags":[{"name":"example","text":"```js\n// Format labels to use \"K\" for thousands and \"M\" for millions\n// and use \"start\" and \"end\" for min and max labels respectively.\nslider.labelFormatter = (value, type, defaultFormatter) => {\n if (type === \"min\") return \"start\";\n if (type === \"max\") return \"end\";\n if (type !== \"value\") return defaultFormatter(value);\n\n const abs = Math.abs(value);\n if (abs >= 1_000_000) {\n const num = (value / 1_000_000).toLocaleString(undefined, { maximumSignificantDigits: 3 });\n return `${num} M`;\n }\n\n if (abs >= 1_000) {\n const num = (value / 1_000).toLocaleString(undefined, { maximumSignificantDigits: 3 });\n return `${num} K`;\n }\n return defaultFormatter(value);\n};\n```"}],"type":{"text":"(value: number, type: \"max\" \| \"min\" \| \"value\", defaultFormatter: (value: number) => string) => string \| null \| undefined"}},{"kind":"field","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.","docsTags":[{"name":"see","text":"[mirrored](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#mirrored)"}],"type":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","attribute":"layout","reflects":true},{"kind":"field","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`.","docsTags":[{"name":"see","text":"[rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled)"},{"name":"see","text":"[showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels)"},{"name":"see","text":"[fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax)"}],"type":{"text":"number","values":[{"type":"number"}]},"attribute":"max","reflects":true},{"kind":"field","name":"messageOverrides","description":"Replace localized message strings with your own strings.\n\n_Note: Individual message keys may change between releases._","type":{"text":"Record<string, unknown> \| undefined","references":[{"name":"Record","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type","start":0,"end":6}]}},{"kind":"field","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`.","docsTags":[{"name":"see","text":"[rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled)"},{"name":"see","text":"[showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels)"}],"type":{"text":"number","values":[{"type":"number"}]},"attribute":"min","reflects":true},{"kind":"field","name":"mirrored","description":"When `true`, the slider will display values from high to low. This inverts the direction of the slider.","docsTags":[{"name":"see","text":"[layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout)"}],"type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"mirrored","reflects":true},{"kind":"field","name":"popoverLabel","description":"The accessible label for the popover. This label is used by assistive technologies and does not affect the visible UI.","docsTags":[{"name":"see","text":"[Calcite popover](https://developers.arcgis.com/calcite-design-system/components/popover/#api-reference-properties-label)"}],"type":{"text":"Popover[\"label\"]","references":[{"name":"Popover","module":"components/calcite-popover","package":"@esri/calcite-components","start":0,"end":7}],"values":[{"type":"string"}]},"default":"\"\"","attribute":"popover-label"},{"kind":"field","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.","docsTags":[{"name":"example","text":"```js\nconst slider = document.querySelector(\"arcgis-slider\");\nslider.popoverPlacement = \"end\";\n\n// Example: Dynamic popover content based on slider value\nconst popover = document.getElementById(\"popover\");\nconst unitCost = 12.5;\nconst numberFormatter = new Intl.NumberFormat();\nconst usd = new Intl.NumberFormat(undefined, { style: \"currency\", currency: \"USD\" });\n\nconst renderPopover = () => {\n const value = Number(slider.values?.[0] ?? 0); // 0-100\n const annualCost = (value / 100) * 800 * 365 * unitCost;\n popover.textContent = `Est. annual cost: ${usd.format(annualCost)} (at ${numberFormatter.format(value)}%)`;\n slider.popoverLabel = `Cost estimate ${usd.format(annualCost)} at ${numberFormatter.format(value)} percent`;\n};\n\nslider.addEventListener(\"arcgisInput\", renderPopover);\nslider.addEventListener(\"arcgisChange\", renderPopover);\nrenderPopover();\n```"}],"type":{"text":"\"end\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"start"}]},"default":"\"start\"","attribute":"popover-placement","reflects":true},{"kind":"field","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.","docsTags":[{"name":"example","text":"```html\n<!-- thumb label will display 50.43 -->\n<!-- thumb value will maintain precision, so value will remain at 50.4331 -->\n<arcgis-slider min=\"0\" max=\"100\" values=\"50.4331\" precision=\"4\"></arcgis-slider>\n```"}],"type":{"text":"number","values":[{"type":"number"}]},"default":"4","attribute":"precision","reflects":true},{"kind":"field","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":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"range-labels-editing-enabled"},{"kind":"field","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":{"text":"\"center\" \| \"end\"","values":[{"type":"string","value":"center"},{"type":"string","value":"end"}]},"default":"\"center\"","attribute":"range-labels-placement","reflects":true},{"kind":"field","name":"segmentsDraggingDisabled","description":"Indicates if the user can drag the segment between thumbs to update thumb positions.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"segments-dragging-disabled"},{"kind":"field","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":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-range-labels","reflects":true},{"kind":"field","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.","docsTags":[{"name":"example","text":"```html\n<!-- set steps at an interval of 0.5. So the -->\n<!-- slider thumb snaps at values of 0.5, 1.0, 1.5, etc. -->\n<arcgis-slider min=\"0\" max=\"10\" steps=\"0.5\" values=\"5\"></arcgis-slider>\n```"},{"name":"example","text":"```html\n<!-- Set steps at specific slider positions -->\n<arcgis-slider min=\"0\" max=\"100\" steps=\"5, 10, 15, 20, 25, 30, 35, 40\" values=\"15, 30\"></arcgis-slider>\n```"}],"type":{"text":"number[] \| number \| undefined","values":[{"type":"number"},{"type":"object"}]},"attribute":"steps"},{"kind":"field","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":{"text":"\"always\" \| \"auto\" \| \"hidden\"","values":[{"type":"string","value":"always"},{"type":"string","value":"auto"},{"type":"string","value":"hidden"}]},"default":"\"hidden\"","attribute":"value-labels-display","reflects":true},{"kind":"field","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":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"value-labels-editing-enabled"},{"kind":"field","name":"valueLabelsPlacement","description":"Determines whether the thumb value labels are placed before or after the track.","type":{"text":"\"end\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"start"}]},"default":"\"start\"","attribute":"value-labels-placement","reflects":true},{"kind":"field","name":"values","description":"An array of numbers representing absolute thumb positions on the slider.","type":{"text":"number[]"},"attribute":"values"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisSlider = document.querySelector(\"arcgis-slider\");\ndocument.body.append(arcgisSlider);\nawait arcgisSlider.componentOnReady();\nconsole.log(\"arcgis-slider is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"destroy","description":"Permanently destroys the component.","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"allowValuesOverlap"},{"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"autoDestroyDisabled"},{"name":"disabled","description":"Indicates whether the slider is disabled.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"disabled"},{"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.","type":{"text":"\"end\" \| \"none\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"none"},{"type":"string","value":"start"}]},"default":"\"start\"","fieldName":"fillPlacement"},{"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.","type":{"text":"number","values":[{"type":"number"}]},"fieldName":"fullRangeMax"},{"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.","type":{"text":"number","values":[{"type":"number"}]},"fieldName":"fullRangeMin"},{"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","type":{"text":"number","values":[{"type":"number"}]},"default":"10","fieldName":"keyboardLargeStep"},{"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":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","fieldName":"layout"},{"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":{"text":"number","values":[{"type":"number"}]},"fieldName":"max"},{"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":{"text":"number","values":[{"type":"number"}]},"fieldName":"min"},{"name":"mirrored","description":"When `true`, the slider will display values from high to low. This inverts the direction of the slider.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"mirrored"},{"name":"popover-label","description":"The accessible label for the popover. This label is used by assistive technologies and does not affect the visible UI.","type":{"text":"string","values":[{"type":"string"}]},"default":"\"\"","fieldName":"popoverLabel"},{"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.","type":{"text":"\"end\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"start"}]},"default":"\"start\"","fieldName":"popoverPlacement"},{"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":{"text":"number","values":[{"type":"number"}]},"default":"4","fieldName":"precision"},{"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"rangeLabelsEditingEnabled"},{"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.","type":{"text":"\"center\" \| \"end\"","values":[{"type":"string","value":"center"},{"type":"string","value":"end"}]},"default":"\"center\"","fieldName":"rangeLabelsPlacement"},{"name":"segments-dragging-disabled","description":"Indicates if the user can drag the segment between thumbs to update thumb positions.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"segmentsDraggingDisabled"},{"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showRangeLabels"},{"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":{"text":"number","values":[{"type":"number"}]},"fieldName":"steps"},{"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.","type":{"text":"\"always\" \| \"auto\" \| \"hidden\"","values":[{"type":"string","value":"always"},{"type":"string","value":"auto"},{"type":"string","value":"hidden"}]},"default":"\"hidden\"","fieldName":"valueLabelsDisplay"},{"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)","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"valueLabelsEditingEnabled"},{"name":"value-labels-placement","description":"Determines whether the thumb value labels are placed before or after the track.","type":{"text":"\"end\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"start"}]},"default":"\"start\"","fieldName":"valueLabelsPlacement"},{"name":"values","description":"An array of numbers representing absolute thumb positions on the slider.","type":{"text":"number[]"},"fieldName":"values"}],"events":[{"name":"arcgisActiveValueChange","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.","docsTags":[{"name":"example","text":"```js\n// Display the active value status of the slider in a div element\nconst slider = document.querySelector(\"arcgis-slider\");\nconst status = document.getElementById(\"slider-status\");\n\nconst renderActive = () => {\n const active = slider.activeValue;\n // active is: undefined (none), number (thumb value), or \"all\" (range segment)\n status.textContent =\n active === \"all\"\n ? \"Editing range\"\n : active == null\n ? \"No active thumb\"\n : `Editing value: ${active}`;\n};\n\nslider.addEventListener(\"arcgisActiveValueChange\", renderActive);\n// Pair with these when you need value updates:\nslider.addEventListener(\"arcgisInput\", () => console.log(\"values\", slider.values));\nslider.addEventListener(\"arcgisChange\", () => console.log(\"committed\", slider.values));\n\nrenderActive();\n```"},{"name":"see","text":"[activeValue](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#activeValue)"}],"type":{"text":"void"},"cancelable":false},{"name":"arcgisChange","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.","docsTags":[{"name":"example","text":"```js\nconst slider = document.querySelector(\"arcgis-slider\");\nslider.popoverPlacement = \"end\";\n\n// Example: Dynamic popover content based on slider value\nconst popover = document.getElementById(\"popover\");\nconst unitCost = 12.5;\nconst numberFormatter = new Intl.NumberFormat();\nconst usd = new Intl.NumberFormat(undefined, { style: \"currency\", currency: \"USD\" });\n\nconst renderPopover = () => {\n const value = Number(slider.values?.[0] ?? 0); // 0-100\n const annualCost = (value / 100) * 800 * 365 * unitCost;\n popover.textContent = `Est. annual cost: ${usd.format(annualCost)} (at ${numberFormatter.format(value)}%)`;\n slider.popoverLabel = `Cost estimate ${usd.format(annualCost)} at ${numberFormatter.format(value)} percent`;\n};\n\nslider.addEventListener(\"arcgisChange\", renderPopover);\nrenderPopover();\n```"}],"type":{"text":"void"},"cancelable":false},{"name":"arcgisInput","description":"Fires continuously while the thumb or range is being dragged.\nThis event can fire frequently; consider debouncing or throttling expensive work.","docsTags":[{"name":"example","text":"```js\nimport FeatureEffect from \"@arcgis/core/layers/support/FeatureEffect\";\nimport FeatureFilter from \"@arcgis/core/layers/support/FeatureFilter\";\n\nslider.addEventListener(\"arcgisInput\", () => {\n const value = slider.values[0] ?? 0;\n layer.featureEffect = new FeatureEffect({\n filter: new FeatureFilter({\n where: `FIELD <= ${value}`,\n }),\n includedEffect: \"bloom(1.4, 0.2px, 0.1)\",\n excludedEffect: \"opacity(20%) grayscale(100%)\",\n });\n});\n```"}],"type":{"text":"void"},"cancelable":false},{"name":"arcgisRangeChange","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).","docsTags":[{"name":"example","text":"```js\n// Example: Keep a \"budget\" value inside the editable min/max range\nconst slider = document.querySelector(\"arcgis-slider\");\n\nconst clamp = (val, min, max) => Math.min(max, Math.max(min, val));\n\nconst render = () => {\n rangeText.textContent = `Allowed: ${slider.min}–${slider.max}`;\n\n // If your UI stores a single value, keep it inside the new range.\n const current = Number(slider.values?.[0] ?? slider.min);\n const next = clamp(current, slider.min, slider.max);\n\n if (next !== current) {\n slider.values = [next];\n }\n\n valueText.textContent = `Selected: ${next}`;\n};\n\nslider.addEventListener(\"arcgisRangeChange\", render);\nrender();\n```"}],"type":{"text":"void"},"cancelable":false}],"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."}],"importPath":"components/arcgis-slider"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-slider","declaration":{"name":"ArcgisSlider"}}]},{"kind":"javascript-module","path":"components/arcgis-slider-input","sourcePath":"src/components/slider-input/slider-input.tsx","declarations":[{"kind":"class","name":"ArcgisSliderInput","customElement":true,"tagName":"arcgis-slider-input","pascalCaseName":"ArcgisSliderInput","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider-input/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"disabled","description":"If true, prevents interaction with the component.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"disabled"},{"kind":"field","name":"flipLabels","description":"Handle LTR and RTL label placement.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"flip-labels"},{"kind":"field","name":"label","description":"Label for the component.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"label"},{"kind":"field","name":"max","description":"Max value for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"100","attribute":"max"},{"kind":"field","name":"min","description":"Min value for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"min"},{"kind":"field","name":"step","description":"Increment interval for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"1","attribute":"step"},{"kind":"field","name":"unitsLabel","description":"If provided, specifies units for the input.","type":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"units-label"},{"kind":"field","name":"value","description":"Initial value for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"50","attribute":"value"},{"kind":"field","name":"withSteppers","description":"If true, adds up/down arrows to the input.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"with-steppers"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisSliderInput = document.querySelector(\"arcgis-slider-input\");\ndocument.body.append(arcgisSliderInput);\nawait arcgisSliderInput.componentOnReady();\nconsole.log(\"arcgis-slider-input is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"attributes":[{"name":"disabled","description":"If true, prevents interaction with the component.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"disabled"},{"name":"flip-labels","description":"Handle LTR and RTL label placement.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"flipLabels"},{"name":"label","description":"Label for the component.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"label"},{"name":"max","description":"Max value for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"100","fieldName":"max"},{"name":"min","description":"Min value for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"min"},{"name":"step","description":"Increment interval for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"1","fieldName":"step"},{"name":"units-label","description":"If provided, specifies units for the input.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"unitsLabel"},{"name":"value","description":"Initial value for the component.","type":{"text":"number","values":[{"type":"number"}]},"default":"50","fieldName":"value"},{"name":"with-steppers","description":"If true, adds up/down arrows to the input.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"withSteppers"}],"events":[{"name":"arcgisSliderInputValueChange","deprecated":"use arcgisValueChange instead.","type":{"text":"number"}},{"name":"arcgisValueChange","description":"Emitted when the value has changed.","type":{"text":"number"}}],"importPath":"components/arcgis-slider-input"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-slider-input","declaration":{"name":"ArcgisSliderInput"}}]},{"kind":"javascript-module","path":"components/arcgis-ticks","sourcePath":"src/components/ticks/ticks.tsx","declarations":[{"kind":"class","name":"ArcgisTicks","customElement":true,"tagName":"arcgis-ticks","pascalCaseName":"ArcgisTicks","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.","docsTags":[{"name":"since","text":"5.0"},{"name":"example","text":"The following example creates a vertical slider with vertical ticks displayed at every 10 units from 0 to 100.\nThe ticks are labeled and positioned on the end side of the slider.\n```html\n<arcgis-slider id=\"sliderComponent\" min=\"0\" max=\"100\" show-range-labels values=\"50\" layout=\"vertical\">\n <arcgis-ticks slot=\"content-end\" style=\"flex:1;\"\n min=\"0\" max=\"100\"\n mode=\"value\"\n show-labels\n label-placement=\"end\"\n values=\"0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100\"\n layout=\"vertical\">\n </arcgis-ticks>\n</arcgis-slider>\n```"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/"},{"description":"Ticks with value mode","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--ticks-with-values&singleStory=true"},{"description":"Ticks with count mode","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--ticks-with-count&singleStory=true"},{"description":"Ticks with percent mode","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--ticks-with-percent&singleStory=true"},{"description":"Custom label formatter","url":"https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--label-formatter&singleStory=true"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","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.","docsTags":[{"name":"see","text":"[@arcgisTickClick](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#event-arcgisTickClick)"}],"type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"interactive","reflects":true},{"kind":"field","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":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"interpolation-exponent"},{"kind":"field","name":"labelFormatter","description":"Allows customizing how tick labels are formatted based on their numeric value.","docsTags":[{"name":"example","text":"The following example formats tick labels as percentages.\n```js\nconst ticks = document.querySelector(\"arcgis-ticks\");\nticks.labelFormatter = (value, defaultFormatter) => {\n return value + \"%\";\n};\n```"}],"type":{"text":"((value: number, defaultFormatter: (value: number) => string) => nullish \| string) \| undefined","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":64,"end":71}]}},{"kind":"field","name":"labelPlacement","description":"Determines whether the labels are placed before or after the ticks.","type":{"text":"\"end\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"start"}]},"default":"\"end\"","attribute":"label-placement","reflects":true},{"kind":"field","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":{"text":"Layout","references":[{"name":"Layout","module":"components/arcgis-ticks/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/types#Layout","start":0,"end":6}],"values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","attribute":"layout","reflects":true},{"kind":"field","name":"max","description":"The component's maximum rendered value.","type":{"text":"number","values":[{"type":"number"}]},"default":"100","attribute":"max"},{"kind":"field","name":"min","description":"The component's minimum rendered value.","type":{"text":"number","values":[{"type":"number"}]},"default":"0","attribute":"min"},{"kind":"field","name":"mirrored","description":"When `true`, the values are displayed from high to low.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"mirrored","reflects":true},{"kind":"field","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.","docsTags":[{"name":"example","text":"```html\n<!-- Place ticks at each value listed in `values` -->\n<arcgis-slider min=\"0\" max=\"100\" show-range-labels values=\"20, 50\">\n <arcgis-ticks\n slot=\"content-end\" style=\"flex:1;\"\n min=\"0\" max=\"100\"\n show-labels label-placement=\"end\"\n mode=\"value\"\n values=\"0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100\">\n </arcgis-ticks>\n</arcgis-slider>\n```"},{"name":"example","text":"In count mode, values is the number of ticks to render (not a list of tick values).\nFor example, use `11` ticks to show 0–100 in steps of 10 (0, 10, 20, ..., 100).\n```html\n<!-- 11 ticks from 0 to 100 -->\n<arcgis-slider min=\"0\" max=\"100\" show-range-labels values=\"20, 50\">\n <arcgis-ticks\n slot=\"content-end\" style=\"flex:1;\"\n min=\"0\" max=\"100\"\n show-labels label-placement=\"end\"\n mode=\"count\"\n values=\"11\">\n </arcgis-ticks>\n</arcgis-slider>\n```"},{"name":"example","text":"In percent mode, values are percentages along the track.\nUse an array to place ticks at specific percentages, or a single number as a repeating interval.\n```html\n<!-- Ticks at 0%, 25%, 50%, 75%, and 100% -->\n<arcgis-slider min=\"0\" max=\"200\" show-range-labels values=\"50, 150\">\n <arcgis-ticks\n slot=\"content-end\" style=\"flex:1;\"\n min=\"0\" max=\"200\"\n show-labels label-placement=\"end\"\n mode=\"percent\"\n values=\"0, 25, 50, 75, 100\">\n </arcgis-ticks>\n</arcgis-slider>\n```"},{"name":"see","text":"[values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values)"}],"type":{"text":"TickMode","references":[{"name":"TickMode","module":"components/arcgis-ticks/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/types#TickMode","start":0,"end":8}],"values":[{"type":"string","value":"value"},{"type":"string","value":"count"},{"type":"string","value":"percent"}]},"default":"\"count\"","attribute":"mode"},{"kind":"field","name":"showBaseline","description":"Indicates whether to render a line connecting the ticks.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-baseline"},{"kind":"field","name":"showLabels","description":"Indicates whether to render labels for the ticks.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"show-labels"},{"kind":"field","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.","docsTags":[{"name":"see","text":"[mode](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#mode)"}],"type":{"text":"TickValues","references":[{"name":"TickValues","module":"components/arcgis-ticks/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/types#TickValues","start":0,"end":10}],"values":[{"type":"number"},{"type":"object"}]},"attribute":"values"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisTicks = document.querySelector(\"arcgis-ticks\");\ndocument.body.append(arcgisTicks);\nawait arcgisTicks.componentOnReady();\nconsole.log(\"arcgis-ticks is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"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.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"interactive"},{"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```","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"interpolationExponent"},{"name":"label-placement","description":"Determines whether the labels are placed before or after the ticks.","type":{"text":"\"end\" \| \"start\"","values":[{"type":"string","value":"end"},{"type":"string","value":"start"}]},"default":"\"end\"","fieldName":"labelPlacement"},{"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":{"text":"\"horizontal\" \| \"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"}]},"default":"\"horizontal\"","fieldName":"layout"},{"name":"max","description":"The component's maximum rendered value.","type":{"text":"number","values":[{"type":"number"}]},"default":"100","fieldName":"max"},{"name":"min","description":"The component's minimum rendered value.","type":{"text":"number","values":[{"type":"number"}]},"default":"0","fieldName":"min"},{"name":"mirrored","description":"When `true`, the values are displayed from high to low.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"mirrored"},{"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":{"text":"\"value\" \| \"count\" \| \"percent\"","values":[{"type":"string","value":"value"},{"type":"string","value":"count"},{"type":"string","value":"percent"}]},"default":"\"count\"","fieldName":"mode"},{"name":"show-baseline","description":"Indicates whether to render a line connecting the ticks.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showBaseline"},{"name":"show-labels","description":"Indicates whether to render labels for the ticks.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"showLabels"},{"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":{"text":"number","values":[{"type":"number"}]},"fieldName":"values"}],"events":[{"name":"arcgisTickClick","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`.","docsTags":[{"name":"see","text":"[interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive)"},{"name":"example","text":"The following example listens for the `arcgisTickClick` event and logs the clicked tick's value.\n```js\nconst ticks = document.querySelector(\"arcgis-ticks\");\nticks.addEventListener(\"arcgisTickClick\", (event) => {\n console.log(\"Clicked tick value:\", event.detail.value);\n});\n```"}],"type":{"text":"{ value: number; }"},"cancelable":false}],"cssProperties":[{"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."}],"importPath":"components/arcgis-ticks"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-ticks","declaration":{"name":"ArcgisTicks"}}]},{"kind":"javascript-module","path":"components/arcgis-ticks/types","sourcePath":"src/components/ticks/types.ts","declarations":[{"kind":"interface","name":"Layout","description":"The layout of the [arcgis-ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) component, which determines the orientation of the ticks.","docsTags":[{"name":"since","text":"5.0"}],"type":{"text":"\"horizontal\" \| \"vertical\""}},{"kind":"interface","name":"TickMode","description":"The mode of positioning ticks along the [arcgis-ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) component. It drives how [arcgis-ticks.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 [arcgis-ticks.values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) property) at equal distances from each other.\n- `percent`: [arcgis-ticks.values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#values) is interpreted as percentage. If [arcgis-ticks.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.","docsTags":[{"name":"since","text":"5.0"}],"type":{"text":"\"count\" \| \"percent\" \| \"value\""}},{"kind":"interface","name":"TickValues","description":"Indicates where ticks will be rendered along the [arcgis-ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) component.","docsTags":[{"name":"since","text":"5.0"}],"type":{"text":"number[] \| number"}}]},{"kind":"javascript-module","path":"components/arcgis-unique-values-list","sourcePath":"src/components/unique-values-list/unique-values-list.tsx","declarations":[{"kind":"class","name":"ArcgisUniqueValuesList","customElement":true,"tagName":"arcgis-unique-values-list","pascalCaseName":"ArcgisUniqueValuesList","description":"Displays a list of unique values taking into account field type formatting and field domains.","docsTags":[{"name":"internal"}],"demos":[{"description":"Docs","url":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-unique-values-list/"}],"superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","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":{"text":"string \| undefined","values":[{"type":"string"}]},"attribute":"field-name"},{"kind":"field","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":{"text":"SupportedLayer \| undefined","references":[{"name":"SupportedLayer","module":"components/arcgis-unique-values-list/utils/basic","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-unique-values-list/utils/basic#SupportedLayer","start":0,"end":14}]}},{"kind":"field","name":"maxHeight","description":"Optional, max height of list in pixel.","type":{"text":"number \| undefined","values":[{"type":"number"}]},"attribute":"max-height"},{"kind":"field","name":"multiple","description":"Multiple selections allowed?","type":{"text":"boolean \| undefined","values":[{"type":"boolean"}]},"default":"false","attribute":"multiple"},{"kind":"field","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":{"text":"Intl.NumberFormatOptions \| undefined","references":[{"name":"Intl","package":"global:","start":0,"end":4},{"name":"NumberFormatOptions","package":"global:","viewUrl":"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat","start":5,"end":24}]}},{"kind":"field","name":"partialUniqueValues","description":"Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.","type":{"text":"boolean \| undefined","values":[{"type":"boolean"}]},"default":"false","attribute":"partial-unique-values"},{"kind":"field","name":"selectedValues","description":"Lists of selected values","type":{"text":"(number \| string)[] \| undefined"}},{"kind":"field","name":"showFilterLength","description":"If true, displays the filter option based on the number of fields.","type":{"text":"number","values":[{"type":"number"}]},"default":"10","attribute":"show-filter-length"},{"kind":"field","name":"sortBy","description":"Sort by default setting","type":{"text":"\"count\" \| \"name\" \| \"selected\" \| undefined","values":[{"type":"string","value":"count"},{"type":"string","value":"name"},{"type":"string","value":"selected"}]},"attribute":"sort-by"},{"kind":"field","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":{"text":"__esri.UniqueValuesResultUniqueValueInfos[] \| undefined","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7}]}},{"kind":"field","name":"view","description":"MapView instance, required if uniqueValues is not provided and/or to display dates in the correct timezone","type":{"text":"__esri.MapView \| __esri.SceneView \| undefined","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":17,"end":24}]}},{"kind":"field","name":"visualizationSource","description":"Optional, specify visualization source other than the layer itself.","type":{"text":"VisualizationSource \| undefined","references":[{"name":"VisualizationSource","module":"utils/types","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#VisualizationSource","start":0,"end":19}],"values":[{"type":"string","value":"feature-reduction"}]},"attribute":"visualization-source"},{"kind":"method","name":"componentOnReady","description":"Creates a promise that resolves once the component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisUniqueValuesList = document.querySelector(\"arcgis-unique-values-list\");\ndocument.body.append(arcgisUniqueValuesList);\nawait arcgisUniqueValuesList.componentOnReady();\nconsole.log(\"arcgis-unique-values-list is ready to go!\");\n```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"getUniqueValues","description":"Get all unique values.\nE.g. to be used to limit how often these unique values need to be requested from the layer.","return":{"type":{"text":"Promise<{\n uniqueValues: __esri.UniqueValuesResultUniqueValueInfos[];\n partialUniqueValues: boolean;\n} \| undefined>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":28,"end":35}]}},"signature":"(): Promise<{\n uniqueValues: __esri.UniqueValuesResultUniqueValueInfos[];\n partialUniqueValues: boolean;\n} \| undefined>"},{"kind":"method","name":"setFocus","description":"Sets focus on component","return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(): Promise<void>"}],"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.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"fieldName"},{"name":"max-height","description":"Optional, max height of list in pixel.","type":{"text":"number","values":[{"type":"number"}]},"fieldName":"maxHeight"},{"name":"multiple","description":"Multiple selections allowed?","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"multiple"},{"name":"partial-unique-values","description":"Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"partialUniqueValues"},{"name":"show-filter-length","description":"If true, displays the filter option based on the number of fields.","type":{"text":"number","values":[{"type":"number"}]},"default":"10","fieldName":"showFilterLength"},{"name":"sort-by","description":"Sort by default setting","type":{"text":"\"count\" \| \"name\" \| \"selected\"","values":[{"type":"string","value":"count"},{"type":"string","value":"name"},{"type":"string","value":"selected"}]},"fieldName":"sortBy"},{"name":"visualization-source","description":"Optional, specify visualization source other than the layer itself.","type":{"text":"\"feature-reduction\"","values":[{"type":"string","value":"feature-reduction"}]},"fieldName":"visualizationSource"}],"events":[{"name":"arcgisChange","description":"Emitted if selection has changed","type":{"text":"(number \| string)[]"}},{"name":"arcgisLoad","description":"Emitted once the component is loaded. Useful when no uniqueValues were passed in.","type":{"text":"void"}},{"name":"arcgisSortByChange","description":"Emitted if the sort order has changed","type":{"text":"string \| undefined"}}],"importPath":"components/arcgis-unique-values-list"}],"exports":[{"kind":"custom-element-definition","name":"arcgis-unique-values-list","declaration":{"name":"ArcgisUniqueValuesList"}}]},{"kind":"javascript-module","path":"components/arcgis-unique-values-list/utils/basic","sourcePath":"src/components/unique-values-list/utils/basic.ts","declarations":[{"kind":"interface","name":"SupportedLayer","docsTags":[{"name":"internal"}],"type":{"text":"__esri.CatalogFootprintLayer \| __esri.CatalogLayer \| __esri.CSVLayer \| __esri.FeatureLayer \| __esri.GeoJSONLayer \| __esri.ImageryLayer \| __esri.KnowledgeGraphSublayer \| __esri.OrientedImageryLayer \| __esri.StreamLayer \| __esri.SubtypeGroupLayer \| __esri.SubtypeSublayer \| __esri.WFSLayer","references":[{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":0,"end":7},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":31,"end":38},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":53,"end":60},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":71,"end":78},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":93,"end":100},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":115,"end":122},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":137,"end":144},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":169,"end":176},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":199,"end":206},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":220,"end":227},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":247,"end":254},{"name":"__esri","module":"interfaces.js","package":"@arcgis/core","start":272,"end":279}]}}]},{"kind":"javascript-module","path":"utils/types","sourcePath":"src/utils/types.ts","declarations":[{"kind":"interface","name":"OverlayPositioning","docsTags":[{"name":"internal"}],"type":{"text":"Popover[\"overlayPositioning\"]","references":[{"name":"Popover","module":"dist/components/calcite-popover","package":"@esri/calcite-components","start":0,"end":7}]}},{"kind":"interface","name":"LogicalPlacement","docsTags":[{"name":"internal"}],"type":{"text":"Popover[\"placement\"]","references":[{"name":"Popover","module":"dist/components/calcite-popover","package":"@esri/calcite-components","start":0,"end":7}]}},{"kind":"interface","name":"IPopoverProps","description":"Properties used for calcite-popover.","docsTags":[{"name":"internal"}],"members":[{"kind":"field","name":"refElement","type":{"text":"HTMLElement","references":[{"name":"HTMLElement","package":"global:","viewUrl":"https://developer.mozilla.org/docs/Web/API/HTMLElement","start":0,"end":11}]}},{"kind":"field","name":"placement","type":{"text":"LogicalPlacement \| undefined","references":[{"name":"LogicalPlacement","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#LogicalPlacement","start":0,"end":16}]}},{"kind":"field","name":"offsetDistance","type":{"text":"number \| undefined"}},{"kind":"field","name":"offsetSkidding","type":{"text":"number \| undefined"}},{"kind":"field","name":"popoverWidth","type":{"text":"number \| undefined"}},{"kind":"field","name":"overlayPositioning","type":{"text":"OverlayPositioning \| undefined","references":[{"name":"OverlayPositioning","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#OverlayPositioning","start":0,"end":18}]}},{"kind":"field","name":"flipDisabled","type":{"text":"boolean \| undefined"}},{"kind":"field","name":"triggerDisabled","type":{"text":"boolean \| undefined"}},{"kind":"field","name":"autoClose","type":{"text":"boolean \| undefined"}},{"kind":"field","name":"maxHeight","type":{"text":"string \| undefined"}},{"kind":"field","name":"zIndex","type":{"text":"number \| undefined"}}]},{"kind":"interface","name":"IPickListFieldInfo","description":"Object to be passed to arcgis-field-pick-list containing info about a field.\nUse type:\"none\" to add non-sortable items, without info options, to the bottom of the list.","docsTags":[{"name":"internal"}],"members":[{"kind":"field","name":"name","type":{"text":"string"}},{"kind":"field","name":"alias","type":{"text":"string \| null \| undefined"}},{"kind":"field","name":"type","type":{"text":"string"}},{"kind":"field","name":"description","type":{"text":"string \| null \| undefined"}},{"kind":"field","name":"hideFieldName","type":{"text":"boolean \| undefined"}},{"kind":"field","name":"hideDescription","type":{"text":"boolean \| undefined"}},{"kind":"field","name":"showEditAction","type":{"text":"boolean \| undefined"}},{"kind":"field","name":"showDeleteAction","type":{"text":"boolean \| undefined"}}]},{"kind":"interface","name":"IPickListGroupInfo","description":"Object to be passed to arcgis-field-pick-list containing a group of fields.","docsTags":[{"name":"internal"}],"members":[{"kind":"field","name":"title","type":{"text":"string \| undefined"}},{"kind":"field","name":"fields","type":{"text":"IPickListFieldInfo[]","references":[{"name":"IPickListFieldInfo","viewUrl":"https://developers.arcgis.com/javascript/latest/references/common-components/utils/types/#IPickListFieldInfo","start":0,"end":18}]}}]},{"kind":"interface","name":"LastSortBy","docsTags":[{"name":"internal"}],"type":{"text":"\"default\" \| \"display\" \| \"field\" \| \"type\""}},{"kind":"interface","name":"VisualizationSource","docsTags":[{"name":"internal"}],"type":{"text":"\"feature-reduction\" \| undefined"}},{"kind":"variable","name":"FieldInfoPrefix","docsTags":[{"name":"internal"}],"type":{"text":"{\n expression: string;\n relationship: string;\n raster: string;\n}"}}]}]}