@arcgis/common-components 4.29.0-test.0 → 5.0.0-next.113

package/dist/docs/web-types.json

@@ -0,0 +1,2387 @@
+{
+  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
+  "name": "@arcgis/common-components",
+  "version": "5.0.0-next.113",
+  "description-markup": "markdown",
+  "contributions": {
+    "html": {
+      "elements": [
+        {
+          "name": "arcgis-ckeditor5",
+          "description": "### Events\n- **arcgisCkeditor5Created**\n- **arcgisCkeditor5DataUpdated**\n- **arcgisCkeditor5SourceEditingChanged**\n- **arcgisCreated** - Emitted when the editor has been created.\n- **arcgisDataUpdated** - Emitted when the editor's data has been updated.\n- **arcgisSourceEditingChanged** - Emitted when the editor's source editing mode has changed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getData(): Promise<any>` - Get the current data in the editor.\n- `setFocus(): Promise<void>` - Set focus on the component.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ckeditor5/",
+          "attributes": [
+            {
+              "name": "can-resize-vertically",
+              "description": "The editor's text area will have a vertical resize handle if set to true",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "current-language",
+              "description": "language for ckeditor",
+              "default": "\"en\"",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "custom-config",
+              "description": "Config to customize editor (will be merged with default config)\nDefault config will match html or markdown editor here:https://devtopia.esri.com/WebGIS/ckeditor5-build-classic.\nAlso includes default language and field expression mentions settings",
+              "value": {
+                "type": "any"
+              }
+            },
+            {
+              "name": "editor-type",
+              "description": "Base configuration for editor",
+              "default": "\"html\"",
+              "value": {
+                "type": [
+                  "\"html\"",
+                  "\"markdown\""
+                ]
+              }
+            },
+            {
+              "name": "group-fields-and-expressions",
+              "description": "The fields / expressions in the default mention configuration will be grouped if set to true",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "intl-expressions-group-heading",
+              "description": "Header text for expressions mention dropdown (assuming default mention configuration)",
+              "default": "\"\"",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "intl-fields-group-heading",
+              "description": "Header text for fields in mention dropdown (assuming default mention configuration)",
+              "default": "\"\"",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "intl-text-place-holder",
+              "description": "Placeholder text for editor",
+              "default": "\"\"",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "read-only",
+              "description": "The toolbar will be hidden and the data will only be changeable through the `textData` prop if true",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "text-data",
+              "description": "Input data for editor in html / markdown text format",
+              "value": {
+                "type": "string"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisCkeditor5Created",
+              "type": "HTMLArcgisCkeditor5Element"
+            },
+            {
+              "name": "arcgisCkeditor5DataUpdated",
+              "type": "string"
+            },
+            {
+              "name": "arcgisCkeditor5SourceEditingChanged",
+              "type": "boolean"
+            },
+            {
+              "name": "arcgisCreated",
+              "type": "HTMLArcgisCkeditor5Element",
+              "description": "Emitted when the editor has been created."
+            },
+            {
+              "name": "arcgisDataUpdated",
+              "type": "string",
+              "description": "Emitted when the editor's data has been updated."
+            },
+            {
+              "name": "arcgisSourceEditingChanged",
+              "type": "boolean",
+              "description": "Emitted when the editor's source editing mode has changed."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "canResizeVertically",
+                "description": "The editor's text area will have a vertical resize handle if set to true",
+                "type": "boolean"
+              },
+              {
+                "name": "currentLanguage",
+                "description": "language for ckeditor",
+                "type": "string"
+              },
+              {
+                "name": "customConfig",
+                "description": "Config to customize editor (will be merged with default config)\nDefault config will match html or markdown editor here:https://devtopia.esri.com/WebGIS/ckeditor5-build-classic.\nAlso includes default language and field expression mentions settings",
+                "type": "any"
+              },
+              {
+                "name": "customExpressionCheck",
+                "description": "The function that will be used to distinguish expressions from fields in the default mention configuration",
+                "type": "(((field: {\n    id: string;\n    name: string;\n}) => boolean))"
+              },
+              {
+                "name": "editorType",
+                "description": "Base configuration for editor",
+                "type": "\"html\" | \"markdown\""
+              },
+              {
+                "name": "groupFieldsAndExpressions",
+                "description": "The fields / expressions in the default mention configuration will be grouped if set to true",
+                "type": "boolean"
+              },
+              {
+                "name": "intlExpressionsGroupHeading",
+                "description": "Header text for expressions mention dropdown (assuming default mention configuration)",
+                "type": "string"
+              },
+              {
+                "name": "intlFieldsGroupHeading",
+                "description": "Header text for fields in mention dropdown (assuming default mention configuration)",
+                "type": "string"
+              },
+              {
+                "name": "intlTextPlaceHolder",
+                "description": "Placeholder text for editor",
+                "type": "string"
+              },
+              {
+                "name": "mentionFields",
+                "description": "List of fields/expressions for the default mentions implementation\nIf you don't want mentions or are customizing the mention feed in customConfig, you do not need to supply this",
+                "type": "Array<{\n    id: string;\n    name: string;\n}>"
+              },
+              {
+                "name": "readOnly",
+                "description": "The toolbar will be hidden and the data will only be changeable through the `textData` prop if true",
+                "type": "boolean"
+              },
+              {
+                "name": "textData",
+                "description": "Input data for editor in html / markdown text format",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisCkeditor5Created",
+                "type": "HTMLArcgisCkeditor5Element"
+              },
+              {
+                "name": "arcgisCkeditor5DataUpdated",
+                "type": "string"
+              },
+              {
+                "name": "arcgisCkeditor5SourceEditingChanged",
+                "type": "boolean"
+              },
+              {
+                "name": "arcgisCreated",
+                "type": "HTMLArcgisCkeditor5Element",
+                "description": "Emitted when the editor has been created."
+              },
+              {
+                "name": "arcgisDataUpdated",
+                "type": "string",
+                "description": "Emitted when the editor's data has been updated."
+              },
+              {
+                "name": "arcgisSourceEditingChanged",
+                "type": "boolean",
+                "description": "Emitted when the editor's source editing mode has changed."
+              }
+            ]
+          }
+        },
+        {
+          "name": "arcgis-ckeditor5-popover",
+          "description": "### Events\n- **arcgisCkeditor5PopoverClosed**\n- **arcgisPopoverClosed** - Emitted when the popover has been closed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(): Promise<void>` - Reposition the component.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ckeditor5-popover/",
+          "attributes": [
+            {
+              "name": "intl-cancel",
+              "description": "Cancel button text.",
+              "default": "\"Cancel\"",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "intl-label",
+              "description": "Popover label text.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "intl-ok",
+              "description": "Ok button text.",
+              "default": "\"Ok\"",
+              "value": {
+                "type": "string"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisCkeditor5PopoverClosed",
+              "type": "{\n    guid: string;\n    data?: string | undefined;\n}"
+            },
+            {
+              "name": "arcgisPopoverClosed",
+              "type": "{\n    guid: string;\n    data?: string | undefined;\n}",
+              "description": "Emitted when the popover has been closed."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "guid",
+                "description": "Guid for ckeditor popover instance.",
+                "type": "`${string}-${string}-${string}-${string}-${string}`"
+              },
+              {
+                "name": "intlCancel",
+                "description": "Cancel button text.",
+                "type": "string"
+              },
+              {
+                "name": "intlLabel",
+                "description": "Popover label text.",
+                "type": "string"
+              },
+              {
+                "name": "intlOk",
+                "description": "Ok button text.",
+                "type": "string"
+              },
+              {
+                "name": "refElement",
+                "description": "Reference element for the popover.",
+                "type": "HTMLElement"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisCkeditor5PopoverClosed",
+                "type": "{\n    guid: string;\n    data?: string | undefined;\n}"
+              },
+              {
+                "name": "arcgisPopoverClosed",
+                "type": "{\n    guid: string;\n    data?: string | undefined;\n}",
+                "description": "Emitted when the popover has been closed."
+              }
+            ]
+          }
+        },
+        {
+          "name": "arcgis-color-input",
+          "description": "### Events\n- **arcgisChange** - Emitted when the color has changed.\n- **arcgisColorInputChange**\n- **arcgisColorInputPopoverClose**\n- **arcgisColorInputPopoverOpen**\n- **arcgisColorInputSwatchUpdate**\n- **arcgisPickerClose**\n- **arcgisPickerOpen**\n- **arcgisSwatchUpdate** - Emitted when a color swatch is updated (emits selected color hex).\n\n### Methods\n- `close(): Promise<void>` - Close the component.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Set focus on the component.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-color-input/",
+          "attributes": [
+            {
+              "name": "clearable",
+              "description": "Display option to set no color.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "color",
+              "description": "The selected color as a HEX value. If not set it will display a 'transparent' color swatch.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "compact",
+              "description": "Control whether the component should be displayed in a compact style (i.e., fewer recent color options).",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Control whether the component is disabled.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "hide-recent-colors",
+              "description": "If true, do not display recent colors.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "placement",
+              "description": "Determines where the popup color picker will be positioned relative to the color input.",
+              "default": "\"auto\"",
+              "value": {
+                "type": [
+                  "\"auto\"",
+                  "\"auto-end\"",
+                  "\"auto-start\"",
+                  "\"bottom\"",
+                  "\"bottom-end\"",
+                  "\"bottom-start\"",
+                  "\"leading\"",
+                  "\"leading-end\"",
+                  "\"leading-start\"",
+                  "\"left\"",
+                  "\"left-end\"",
+                  "\"left-start\"",
+                  "\"right\"",
+                  "\"right-end\"",
+                  "\"right-start\"",
+                  "\"top\"",
+                  "\"top-end\"",
+                  "\"top-start\"",
+                  "\"trailing\"",
+                  "\"trailing-end\"",
+                  "\"trailing-start\""
+                ]
+              }
+            },
+            {
+              "name": "show-transparency",
+              "description": "If true, allow transparency to be modified within the color picker.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "storage-id",
+              "description": "The id of the local storage element that will store recent colors.",
+              "default": "\"arcgis-color-input-storage-colors\"",
+              "value": {
+                "type": "string"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisChange",
+              "type": "void",
+              "description": "Emitted when the color has changed."
+            },
+            {
+              "name": "arcgisColorInputChange",
+              "type": "void"
+            },
+            {
+              "name": "arcgisColorInputPopoverClose",
+              "type": "string"
+            },
+            {
+              "name": "arcgisColorInputPopoverOpen",
+              "type": "void"
+            },
+            {
+              "name": "arcgisColorInputSwatchUpdate",
+              "type": "string | undefined"
+            },
+            {
+              "name": "arcgisPickerClose",
+              "type": "string"
+            },
+            {
+              "name": "arcgisPickerOpen",
+              "type": "void"
+            },
+            {
+              "name": "arcgisSwatchUpdate",
+              "type": "string | undefined",
+              "description": "Emitted when a color swatch is updated (emits selected color hex)."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "clearable",
+                "description": "Display option to set no color.",
+                "type": "boolean"
+              },
+              {
+                "name": "color",
+                "description": "The selected color as a HEX value. If not set it will display a 'transparent' color swatch.",
+                "type": "string"
+              },
+              {
+                "name": "compact",
+                "description": "Control whether the component should be displayed in a compact style (i.e., fewer recent color options).",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "Control whether the component is disabled.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideRecentColors",
+                "description": "If true, do not display recent colors.",
+                "type": "boolean"
+              },
+              {
+                "name": "messageOverrides",
+                "description": "Replace localized message strings with your own strings.",
+                "type": "Record<string, unknown>"
+              },
+              {
+                "name": "placement",
+                "description": "Determines where the popup color picker will be positioned relative to the color input.",
+                "type": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"leading\" | \"leading-end\" | \"leading-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\" | \"trailing\" | \"trailing-end\" | \"trailing-start\""
+              },
+              {
+                "name": "popoverProps",
+                "description": "Convenience prop to specify common popover props.",
+                "type": "IPopoverProps"
+              },
+              {
+                "name": "showTransparency",
+                "description": "If true, allow transparency to be modified within the color picker.",
+                "type": "boolean"
+              },
+              {
+                "name": "storageId",
+                "description": "The id of the local storage element that will store recent colors.",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisChange",
+                "type": "void",
+                "description": "Emitted when the color has changed."
+              },
+              {
+                "name": "arcgisColorInputChange",
+                "type": "void"
+              },
+              {
+                "name": "arcgisColorInputPopoverClose",
+                "type": "string"
+              },
+              {
+                "name": "arcgisColorInputPopoverOpen",
+                "type": "void"
+              },
+              {
+                "name": "arcgisColorInputSwatchUpdate",
+                "type": "string | undefined"
+              },
+              {
+                "name": "arcgisPickerClose",
+                "type": "string"
+              },
+              {
+                "name": "arcgisPickerOpen",
+                "type": "void"
+              },
+              {
+                "name": "arcgisSwatchUpdate",
+                "type": "string | undefined",
+                "description": "Emitted when a color swatch is updated (emits selected color hex)."
+              }
+            ]
+          }
+        },
+        {
+          "name": "arcgis-field-info",
+          "description": "### Events\n- **arcgisComplete** - Emitted once all information is displayed.\n- **arcgisFieldInfoComplete**\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `refresh(): Promise<void>` - Refresh the field info display after external changes are made.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-field-info/",
+          "attributes": [
+            {
+              "name": "field-name",
+              "description": "Required field name.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "hide-alias",
+              "description": "If true, hide the field alias section.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "hide-numeric-format",
+              "description": "If true, hide the decimal places section.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "hide-statistics",
+              "description": "If true, hide statistics (i.e., no top 10 values for string and no stats for number and date fields).",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisComplete",
+              "type": "void",
+              "description": "Emitted once all information is displayed."
+            },
+            {
+              "name": "arcgisFieldInfoComplete",
+              "type": "void"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "fieldName",
+                "description": "Required field name.",
+                "type": "string"
+              },
+              {
+                "name": "hideAlias",
+                "description": "If true, hide the field alias section.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideNumericFormat",
+                "description": "If true, hide the decimal places section.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideStatistics",
+                "description": "If true, hide statistics (i.e., no top 10 values for string and no stats for number and date fields).",
+                "type": "boolean"
+              },
+              {
+                "name": "layer",
+                "description": "Required layer instance.",
+                "type": "CSVLayer | CatalogFootprintLayer | CatalogLayer | FeatureLayer | GeoJSONLayer | ImageryLayer | ImageryTileLayer | KnowledgeGraphSublayer | OGCFeatureLayer | OrientedImageryLayer | ParquetLayer | SceneLayer | StreamLayer | Sublayer | SubtypeGroupLayer | SubtypeSublayer | VoxelLayer | WCSLayer | WFSLayer"
+              },
+              {
+                "name": "view",
+                "description": "View instance. If no view is provided all dates will show in 'system' timezone.",
+                "type": "View<LayerView>"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisComplete",
+                "type": "void",
+                "description": "Emitted once all information is displayed."
+              },
+              {
+                "name": "arcgisFieldInfoComplete",
+                "type": "void"
+              }
+            ]
+          }
+        },
+        {
+          "name": "arcgis-field-pick-list",
+          "description": "A component that displays a list of fields for selection, inside a popover (default) or just as a list.\n--\n\n### Events\n- **arcgisChange** - Emitted when the selected fields have changed. selectedFields contains fields in order of the user's selection.\n- **arcgisClose** - Emitted when the pick list has been closed.\n- **arcgisDeleteField** - Emitted when the delete icon of a field has been clicked. The field must have IPickListFieldInfo.showDeleteAction set to true.\n- **arcgisEditField** - Emitted when the edit icon of a field has been clicked. The field must have IPickListFieldInfo.showEditAction set to true.\n- **arcgisFieldPickListChange**\n- **arcgisFieldPickListDismissed**\n- **arcgisFieldPickListSortByChange**\n- **arcgisSortByChange** - Emitted when the field pick list sort order has changed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(): Promise<void>` - Reposition the component.\n- `setDisabled(disable: boolean): Promise<void>` - Control whether the component is disabled.\n- `setFocus(): Promise<void>` - Set focus on the component.\n\n### Slots\n- **content-top** - A slot for content on top of the search filter and list, non-scrollable. Valid only if listOnly is not set to true.\n- **content-center** - A slot for content below the search filter and above the list items, will scroll with the list.\n- **content-bottom** - A slot for content below the list, non-scrollable. Valid only if listOnly is not set to true.\n- **content-footer** - A slot for content below the list inside the panel's footer, non-scrollable. Valid only if listOnly is not set to true.\n- **no-fields** - A slot for content, e.g. a message, that displays if the list of fields is empty.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-field-pick-list/",
+          "attributes": [
+            {
+              "name": "expressions-group-heading",
+              "description": "Header text for group containing expressions, if 'groupFieldsAndExpressions' is set to true.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "fields-group-heading",
+              "description": "Header text for group containing fields, if 'groupFieldsAndExpressions' is set to true.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "filter-no-results-text",
+              "description": "Filter no results text. If empty string (\"\") no text will be shown.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "filter-placeholder-text",
+              "description": "Filter placeholder text.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "group-fields-and-expressions",
+              "description": "**Deprecated**: Pass in grouped lists of fields instead.\nIf true, fields and expressions are placed in separate groups.. ",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "heading",
+              "description": "Heading text. Valid only if listOnly is not set to true.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "hide-cancel",
+              "description": "If true, hides the cancel button. Valid only if listOnly is not set to true.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "hide-sort",
+              "description": "If true, hides the sort menu button.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "list-only",
+              "description": "If true, renders without a popover.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "multiple",
+              "description": "If true, allows for multiple selection. If false, the\npopover will close once an item has been selected.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "ok-btn-text",
+              "description": "Ok button text. Ok button only shows when multiple set to true. Valid only if listOnly is not set to true.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "show-cancel",
+              "description": "**Deprecated**: use hideCancel instead. ",
+              "default": "true",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-description",
+              "description": "If true, displays description. By default only displays field alias.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-field-info",
+              "description": "If true, displays the field info button. Valid only if listOnly is not set to true.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-field-name",
+              "description": "If true, displays field name. By default only displays field alias.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-field-type-icon",
+              "description": "If true, displays an icon corresponding to the field's type.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-filter-length",
+              "description": "If true, displays the filter option based on the number of fields.",
+              "default": "10",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "show-selection-all",
+              "description": "If true, displays a 'Select All' button on top of the list. Valid only if multiple is set to true.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-sort",
+              "description": "**Deprecated**: use hideSort instead. ",
+              "default": "true",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "sort-by",
+              "description": "The initial sort order.",
+              "default": "\"default\"",
+              "value": {
+                "type": [
+                  "\"default\"",
+                  "\"display\"",
+                  "\"field\"",
+                  "\"type\""
+                ]
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "content-top",
+              "description": "A slot for content on top of the search filter and list, non-scrollable. Valid only if listOnly is not set to true."
+            },
+            {
+              "name": "content-center",
+              "description": "A slot for content below the search filter and above the list items, will scroll with the list."
+            },
+            {
+              "name": "content-bottom",
+              "description": "A slot for content below the list, non-scrollable. Valid only if listOnly is not set to true."
+            },
+            {
+              "name": "content-footer",
+              "description": "A slot for content below the list inside the panel's footer, non-scrollable. Valid only if listOnly is not set to true."
+            },
+            {
+              "name": "no-fields",
+              "description": "A slot for content, e.g. a message, that displays if the list of fields is empty."
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisChange",
+              "type": "{ selectedFields: Array<string>; }",
+              "description": "Emitted when the selected fields have changed. selectedFields contains fields in order of the user's selection."
+            },
+            {
+              "name": "arcgisClose",
+              "type": "void | { selectedFields: Array<string>; }",
+              "description": "Emitted when the pick list has been closed."
+            },
+            {
+              "name": "arcgisDeleteField",
+              "type": "{ fieldName: string; }",
+              "description": "Emitted when the delete icon of a field has been clicked. The field must have IPickListFieldInfo.showDeleteAction set to true."
+            },
+            {
+              "name": "arcgisEditField",
+              "type": "{ fieldName: string; }",
+              "description": "Emitted when the edit icon of a field has been clicked. The field must have IPickListFieldInfo.showEditAction set to true."
+            },
+            {
+              "name": "arcgisFieldPickListChange",
+              "type": "{ selectedFields: Array<string>; }"
+            },
+            {
+              "name": "arcgisFieldPickListDismissed",
+              "type": "void | { selectedFields: Array<string>; }"
+            },
+            {
+              "name": "arcgisFieldPickListSortByChange",
+              "type": "\"default\" | \"display\" | \"field\" | \"type\""
+            },
+            {
+              "name": "arcgisSortByChange",
+              "type": "\"default\" | \"display\" | \"field\" | \"type\"",
+              "description": "Emitted when the field pick list sort order has changed."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "customExpressionCheck",
+                "description": "Custom function to distinguish expressions from fields.",
+                "type": "(((field: IPickListFieldInfo) => boolean))"
+              },
+              {
+                "name": "expressionsGroupHeading",
+                "description": "Header text for group containing expressions, if 'groupFieldsAndExpressions' is set to true.",
+                "type": "string"
+              },
+              {
+                "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": "Array<IPickListFieldInfo> | Array<IPickListGroupInfo>"
+              },
+              {
+                "name": "fieldsGroupHeading",
+                "description": "Header text for group containing fields, if 'groupFieldsAndExpressions' is set to true.",
+                "type": "string"
+              },
+              {
+                "name": "filterNoResultsText",
+                "description": "Filter no results text. If empty string (\"\") no text will be shown.",
+                "type": "string"
+              },
+              {
+                "name": "filterPlaceholderText",
+                "description": "Filter placeholder text.",
+                "type": "string"
+              },
+              {
+                "name": "groupFieldsAndExpressions",
+                "type": "boolean"
+              },
+              {
+                "name": "heading",
+                "description": "Heading text. Valid only if listOnly is not set to true.",
+                "type": "string"
+              },
+              {
+                "name": "hideCancel",
+                "description": "If true, hides the cancel button. Valid only if listOnly is not set to true.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideSort",
+                "description": "If true, hides the sort menu button.",
+                "type": "boolean"
+              },
+              {
+                "name": "layer",
+                "description": "Layer instance.",
+                "type": "CSVLayer | CatalogFootprintLayer | CatalogLayer | FeatureLayer | GeoJSONLayer | ImageryLayer | ImageryTileLayer | KnowledgeGraphSublayer | OGCFeatureLayer | OrientedImageryLayer | ParquetLayer | SceneLayer | StreamLayer | Sublayer | SubtypeGroupLayer | SubtypeSublayer | VoxelLayer | WCSLayer | WFSLayer"
+              },
+              {
+                "name": "listOnly",
+                "description": "If true, renders without a popover.",
+                "type": "boolean"
+              },
+              {
+                "name": "mapView",
+                "type": "View<LayerView>"
+              },
+              {
+                "name": "multiple",
+                "description": "If true, allows for multiple selection. If false, the\npopover will close once an item has been selected.",
+                "type": "boolean"
+              },
+              {
+                "name": "okBtnText",
+                "description": "Ok button text. Ok button only shows when multiple set to true. Valid only if listOnly is not set to true.",
+                "type": "string"
+              },
+              {
+                "name": "popoverProps",
+                "description": "Convenience prop to specify common popover props, `popoverProps.refElement` is required. Valid only if listOnly is not set to true.",
+                "type": "IPopoverProps"
+              },
+              {
+                "name": "selectedFields",
+                "description": "The initially selected fields. Will use selectedFields[0] when multiple is set to false.",
+                "type": "Array<string>"
+              },
+              {
+                "name": "showCancel",
+                "type": "boolean"
+              },
+              {
+                "name": "showDescription",
+                "description": "If true, displays description. By default only displays field alias.",
+                "type": "boolean"
+              },
+              {
+                "name": "showFieldInfo",
+                "description": "If true, displays the field info button. Valid only if listOnly is not set to true.",
+                "type": "boolean"
+              },
+              {
+                "name": "showFieldName",
+                "description": "If true, displays field name. By default only displays field alias.",
+                "type": "boolean"
+              },
+              {
+                "name": "showFieldTypeIcon",
+                "description": "If true, displays an icon corresponding to the field's type.",
+                "type": "boolean"
+              },
+              {
+                "name": "showFilterLength",
+                "description": "If true, displays the filter option based on the number of fields.",
+                "type": "number"
+              },
+              {
+                "name": "showSelectionAll",
+                "description": "If true, displays a 'Select All' button on top of the list. Valid only if multiple is set to true.",
+                "type": "boolean"
+              },
+              {
+                "name": "showSort",
+                "type": "boolean"
+              },
+              {
+                "name": "sortBy",
+                "description": "The initial sort order.",
+                "type": "\"default\" | \"display\" | \"field\" | \"type\""
+              },
+              {
+                "name": "view",
+                "description": "View instance.",
+                "type": "View<LayerView>"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisChange",
+                "type": "{ selectedFields: Array<string>; }",
+                "description": "Emitted when the selected fields have changed. selectedFields contains fields in order of the user's selection."
+              },
+              {
+                "name": "arcgisClose",
+                "type": "void | { selectedFields: Array<string>; }",
+                "description": "Emitted when the pick list has been closed."
+              },
+              {
+                "name": "arcgisDeleteField",
+                "type": "{ fieldName: string; }",
+                "description": "Emitted when the delete icon of a field has been clicked. The field must have IPickListFieldInfo.showDeleteAction set to true."
+              },
+              {
+                "name": "arcgisEditField",
+                "type": "{ fieldName: string; }",
+                "description": "Emitted when the edit icon of a field has been clicked. The field must have IPickListFieldInfo.showEditAction set to true."
+              },
+              {
+                "name": "arcgisFieldPickListChange",
+                "type": "{ selectedFields: Array<string>; }"
+              },
+              {
+                "name": "arcgisFieldPickListDismissed",
+                "type": "void | { selectedFields: Array<string>; }"
+              },
+              {
+                "name": "arcgisFieldPickListSortByChange",
+                "type": "\"default\" | \"display\" | \"field\" | \"type\""
+              },
+              {
+                "name": "arcgisSortByChange",
+                "type": "\"default\" | \"display\" | \"field\" | \"type\"",
+                "description": "Emitted when the field pick list sort order has changed."
+              }
+            ]
+          }
+        },
+        {
+          "name": "arcgis-histogram",
+          "description": "Renders a histogram to visualize the spread of a dataset based on [bins](#bins) representing buckets, or sub-ranges, of\ndata. Each [bin](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-types.html#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/api-reference/esri-smartMapping-statistics-histogram.html)\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](#average),\n[one standard deviation](#standardDeviation), and the [dataLines](#dataLines) properties.\n\nThe [layout](#layout) property allows you to set the orientation of the histogram, and the [colorStops](#colorStops)\nproperty allows you to set a gradient or color scheme for the histogram bars.\n\n<a name=\"image-annotations\"></a>\nSee the image below for a summary of the configurable options available on this slider.\n\n![Histogram with annotations](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/histogram-basic-labels.png \"Histogram with annotations\")\n\nThe [colorStops](#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/img/apiref/widgets/histogram-colors.png \"Histogram with color\")\n\n**See also:**\n- [histogram module](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-histogram.html)\n--\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### CSS Properties\n- **--arcgis-histogram-bar-color** - Specifies the color of the histogram bars when the bin doesn't have a corresponding color stop. \n- **--arcgis-histogram-stop-color** - Specifies the default color for color stops. ",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-histogram/",
+          "attributes": [
+            {
+              "name": "average",
+              "description": "The statistical average of the data in the histogram. You would typically\nget this value from the `avg` property of\n[SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-summaryStatistics.html#SummaryStatisticsResult),\nwhich is the result of the\n[summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-summaryStatistics.html#summaryStatistics) function.\n\nWhen set, this value will render on the histogram with a symbol indicating it is the average.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "color-blending-enabled",
+              "description": "When set to `true`, overlapping classed color stops will be blended together to create the color of the bar.\nThis allows to show a if a bar representing a bin overlaps with multiple classed color stops.\n\nThis property is only applicable when the [colorStops](#colorStops) property is set to classed color stops.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "icon",
+              "description": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).\nSearch [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.",
+              "default": "\"graph-histogram\"",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "label",
+              "description": "The component's default label.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "layout",
+              "description": "Determines the orientation of the histogram.",
+              "default": "\"horizontal\"",
+              "value": {
+                "type": [
+                  "\"horizontal\"",
+                  "\"vertical\""
+                ]
+              }
+            },
+            {
+              "name": "max",
+              "description": "The maximum value or bound of the entire histogram. This\nshould match the maximum bound of the last [bin](#bins).",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "min",
+              "description": "The minimum value or bound of the entire histogram. This\nshould match the minimum bound of the first [bin](#bins).",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "standard-deviation",
+              "value": {
+                "type": "number"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "average",
+                "description": "The statistical average of the data in the histogram. You would typically\nget this value from the `avg` property of\n[SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-summaryStatistics.html#SummaryStatisticsResult),\nwhich is the result of the\n[summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-summaryStatistics.html#summaryStatistics) function.\n\nWhen set, this value will render on the histogram with a symbol indicating it is the average.",
+                "type": "number"
+              },
+              {
+                "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/api-reference/esri-smartMapping-statistics-histogram.html#histogram) function.",
+                "type": "Array<HistogramBin>"
+              },
+              {
+                "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](#colorStops) property is set to classed color stops.",
+                "type": "boolean"
+              },
+              {
+                "name": "colorStops",
+                "description": "An array of color stops used to define the color scheme for the histogram bars.\nThere are two types of color stops:\n- **Continuous color stops**: Each stop is defined by a color and a value. The color of the bar is determined by interpolating between the\n  colors of the stops surrounding the value of the bin.\n- **Classed color stops**: Each stop is defined by a color and a minValue and maxValue. The color of the bar is determined by the color of the stop\n that contains the value of the bin.",
+                "type": "Array<{\n    color: HistogramColor;\n    value: number;\n}> | Array<{\n    color?: HistogramColor | undefined;\n    minValue: number;\n    maxValue: number;\n}>"
+              },
+              {
+                "name": "dataLines",
+                "description": "When set, renders lines on the histogram that indicate important or\nmeaningful values to the end user.",
+                "type": "Array<{\n    value: number;\n    label?: string | number | nullish;\n}>"
+              },
+              {
+                "name": "icon",
+                "description": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).\nSearch [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.",
+                "type": "string"
+              },
+              {
+                "name": "label",
+                "description": "The component's default label.",
+                "type": "string"
+              },
+              {
+                "name": "labelFormatFunction",
+                "description": "A function used to format labels on the histogram. Overrides the default label formatter.",
+                "type": "(((value: number) => string))"
+              },
+              {
+                "name": "layout",
+                "description": "Determines the orientation of the histogram.",
+                "type": "\"horizontal\" | \"vertical\""
+              },
+              {
+                "name": "max",
+                "description": "The maximum value or bound of the entire histogram. This\nshould match the maximum bound of the last [bin](#bins).",
+                "type": "number"
+              },
+              {
+                "name": "messageOverrides",
+                "description": "Replace localized message strings with your own strings.",
+                "type": "Record<string, unknown>"
+              },
+              {
+                "name": "min",
+                "description": "The minimum value or bound of the entire histogram. This\nshould match the minimum bound of the first [bin](#bins).",
+                "type": "number"
+              },
+              {
+                "name": "standardDeviation",
+                "type": "number"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "arcgis-label-input",
+          "description": "### Events\n- **arcgisChange** - Fires each time a new value is typed and committed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `edit(): Promise<void>` - Initiates the edit mode for the component.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-label-input/",
+          "attributes": [
+            {
+              "name": "alignment",
+              "description": "Specifies the alignment of the component's text elements.",
+              "default": "\"center\"",
+              "value": {
+                "type": [
+                  "\"center\"",
+                  "\"end\"",
+                  "\"start\""
+                ]
+              }
+            },
+            {
+              "name": "editing",
+              "description": "Indicates whether the component is in edit mode.\nThis value changes when user interacts with the component or when [edit()](#edit) is called.\nThe value is always `false` when the component is in [read-only](#readOnly) mode.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "read-only",
+              "description": "Indicates whether the component is in read-only mode.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "value",
+              "description": "The value the component displays.",
+              "default": "0",
+              "value": {
+                "type": "number"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisChange",
+              "type": "void",
+              "description": "Fires each time a new value is typed and committed."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "alignment",
+                "description": "Specifies the alignment of the component's text elements.",
+                "type": "\"center\" | \"end\" | \"start\""
+              },
+              {
+                "name": "editing",
+                "description": "Indicates whether the component is in edit mode.\nThis value changes when user interacts with the component or when [edit()](#edit) is called.\nThe value is always `false` when the component is in [read-only](#readOnly) mode.",
+                "type": "boolean"
+              },
+              {
+                "name": "labelFormatter",
+                "description": "A function used to format the value.",
+                "type": "(((value: number, defaultFormatter: (value: number) => string) => string | nullish))"
+              },
+              {
+                "name": "readOnly",
+                "description": "Indicates whether the component is in read-only mode.",
+                "type": "boolean"
+              },
+              {
+                "name": "value",
+                "description": "The value the component displays.",
+                "type": "number"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisChange",
+                "type": "void",
+                "description": "Fires each time a new value is typed and committed."
+              }
+            ]
+          }
+        },
+        {
+          "name": "arcgis-picker-input",
+          "description": "### Events\n- **arcgisPopoverClose** - Emitted when the component has been closed.\n- **arcgisPopoverOpen** - Emitted when the component has been opened.\n\n### Methods\n- `close(): Promise<void>` - Close the component.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Set focus on the component.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-picker-input/",
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "If true, disables the component.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "heading",
+              "description": "Heading for the component.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "intl-done",
+              "description": "Text to display within the \"Done\" button.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "label",
+              "description": "Label for the component",
+              "default": "\"\"",
+              "value": {
+                "type": "string"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisPopoverClose",
+              "type": "void",
+              "description": "Emitted when the component has been closed."
+            },
+            {
+              "name": "arcgisPopoverOpen",
+              "type": "void",
+              "description": "Emitted when the component has been opened."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "disabled",
+                "description": "If true, disables the component.",
+                "type": "boolean"
+              },
+              {
+                "name": "heading",
+                "description": "Heading for the component.",
+                "type": "string"
+              },
+              {
+                "name": "iconEnd",
+                "description": "Icon to display at the end of the component.",
+                "type": "IconName"
+              },
+              {
+                "name": "intlDone",
+                "description": "Text to display within the \"Done\" button.",
+                "type": "string"
+              },
+              {
+                "name": "label",
+                "description": "Label for the component",
+                "type": "string"
+              },
+              {
+                "name": "popoverProps",
+                "description": "Convenience prop to specify common popover props.",
+                "type": "IPopoverProps"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisPopoverClose",
+                "type": "void",
+                "description": "Emitted when the component has been closed."
+              },
+              {
+                "name": "arcgisPopoverOpen",
+                "type": "void",
+                "description": "Emitted when the component has been opened."
+              }
+            ]
+          }
+        },
+        {
+          "name": "arcgis-ramp-color",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ramp-color/",
+          "attributes": [
+            {
+              "name": "layout",
+              "default": "\"horizontal\"",
+              "value": {
+                "type": [
+                  "\"horizontal\"",
+                  "\"vertical\""
+                ]
+              }
+            },
+            {
+              "name": "max",
+              "default": "1",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "min",
+              "default": "0",
+              "value": {
+                "type": "number"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "layout",
+                "type": "\"horizontal\" | \"vertical\""
+              },
+              {
+                "name": "max",
+                "type": "number"
+              },
+              {
+                "name": "min",
+                "type": "number"
+              },
+              {
+                "name": "stops",
+                "type": "Array<ColorStop>"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "arcgis-ramp-color-break",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ramp-color-break/",
+          "attributes": [
+            {
+              "name": "layout",
+              "default": "\"horizontal\"",
+              "value": {
+                "type": [
+                  "\"horizontal\"",
+                  "\"vertical\""
+                ]
+              }
+            },
+            {
+              "name": "max",
+              "default": "1",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "min",
+              "default": "0",
+              "value": {
+                "type": "number"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "layout",
+                "type": "\"horizontal\" | \"vertical\""
+              },
+              {
+                "name": "max",
+                "type": "number"
+              },
+              {
+                "name": "min",
+                "type": "number"
+              },
+              {
+                "name": "stops",
+                "type": "Array<ColorBreak>"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "arcgis-ramp-opacity",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ramp-opacity/",
+          "attributes": [
+            {
+              "name": "fill-color",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "layout",
+              "default": "\"horizontal\"",
+              "value": {
+                "type": [
+                  "\"horizontal\"",
+                  "\"vertical\""
+                ]
+              }
+            },
+            {
+              "name": "max",
+              "default": "1",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "min",
+              "default": "0",
+              "value": {
+                "type": "number"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "fillColor",
+                "type": "Color | string"
+              },
+              {
+                "name": "layout",
+                "type": "\"horizontal\" | \"vertical\""
+              },
+              {
+                "name": "max",
+                "type": "number"
+              },
+              {
+                "name": "min",
+                "type": "number"
+              },
+              {
+                "name": "stops",
+                "type": "Array<{\n    value: number;\n    opacity: number;\n}>"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "arcgis-slider",
+          "description": "### Events\n- **arcgisActiveValueChange** - Fires when the `activeValue` changes because a\nthumb or range is focused and blurred.\n\nThis event does not fire when `values` changes.\nUse `arcgisInput` or `arcgisChange` instead.\n- **arcgisChange** - Fires when the thumb or range is released on the component.\n\nNote: To constantly listen to the drag event,\nuse `arcgisInput` instead.\n- **arcgisInput** - Fires when the thumb or range is being dragged and released on the component.\n\nNote: Fires frequently during drag. To perform\nexpensive operations consider using a debounce or throttle to avoid\nlocking up the main thread.\n- **arcgisRangeChange** - Fires when the min or max values are changed by the user.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>`\n\n### Slots\n- **content-start** - A slot for elements before the track.\n- **content-end** - A slot for elements after the track.\n- **popover** - A slot for custom content to be rendered in the popover.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-slider/",
+          "attributes": [
+            {
+              "name": "allow-values-overlap",
+              "description": "When `true`, allows the slider's values to overlap.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "auto-destroy-disabled",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Indicates whether the slider is disabled.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "fill-placement",
+              "description": "Used to configure where the fill is placed along the slider track in relation to the value handle.\n\nRange mode will always display the fill between the min and max handles.",
+              "default": "\"start\"",
+              "value": {
+                "type": [
+                  "\"end\"",
+                  "\"none\"",
+                  "\"start\""
+                ]
+              }
+            },
+            {
+              "name": "full-range-max",
+              "description": "Used to define the full range displayed by the slider.\n\nThe full range is visualized by the track while the [min](#min) and [max](#max) defines the subset of allowed values for the thumbs.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "full-range-min",
+              "description": "Used to define the full range displayed by the slider.\n\nThe full range is visualized by the track while the [min](#min) and [max](#max) defines the subset of allowed values for the thumbs.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "layout",
+              "description": "Determines the layout/orientation of the Slider widget.",
+              "default": "\"horizontal\"",
+              "value": {
+                "type": [
+                  "\"horizontal\"",
+                  "\"vertical\""
+                ]
+              }
+            },
+            {
+              "name": "max",
+              "description": "The maximum possible data/thumb value of the slider.\n\nTo display the `max` value's label on the slider, set [showRangeLabels](#showRangeLabels) to `true`.\nTo allow the end user to modify the max value, set [rangeLabelsEditingEnabled](#rangeLabelsEditingEnabled) to `true`.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "min",
+              "description": "The minimum possible data/thumb value of the slider.\n\nTo display the `min` value's label on the slider, set [showRangeLabels](#showRangeLabels) to `true`.\nTo allow the end user to modify the min value, set [rangeLabelsEditingEnabled](#rangeLabelsEditingEnabled) to `true`.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "mirrored",
+              "description": "When `true`, the slider will display values from high to low.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "popover-label",
+              "description": "The accessible label of the popover.",
+              "default": "\"\"",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "popover-placement",
+              "description": "Determines the placement of the popover relative to the track.",
+              "default": "\"leading\"",
+              "value": {
+                "type": [
+                  "\"leading\"",
+                  "\"trailing\""
+                ]
+              }
+            },
+            {
+              "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](#values) and shouldn't be used exclusively\nfor formatting purposes. To format thumb `labels`, use the [labelFormatter](#labelFormatter)\nproperty.",
+              "default": "4",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "range-labels-editing-enabled",
+              "description": "Indicates whether to enable editing range values via keyboard input\nwhen the user clicks a [min](#min) or [max](#max) label.\nThis allows the user to increase or decrease the data range of the slider.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "range-labels-placement",
+              "description": "Determines whether the range labels are placed centered with the slider track\nor placed below it when the [layout](#layout) is `\"horizontal\"`.",
+              "default": "\"center\"",
+              "value": {
+                "type": [
+                  "\"center\"",
+                  "\"trailing\""
+                ]
+              }
+            },
+            {
+              "name": "segments-dragging-disabled",
+              "description": "Indicates if the user can drag the segment between thumbs to update thumb positions.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-range-labels",
+              "description": "Indicates whether to min and max range labels are visible on the slider.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "steps",
+              "description": "Sets steps, or intervals, on the slider that restrict user\ninput to specific values. If an array of numbers is passed to this\nproperty, the slider thumbs may only be moved to the positions\nspecified in the array.\n\nIf a single number is set, then steps are set along the entire\nslider range at an interval of the provided value. In this scenario,\nthe user may only slide the thumbs to values at the provided interval.\nFor example, if a value of `0.5` is set here, and the slider\n[min](#min) is `0` and the slider [max](#max) is `10`, then the user will\nonly be able to update the thumbs to values of 0, 0.5, 1.0, 1.5, 2.0, etc.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "value-labels-display",
+              "description": "Indicates whether to show the value labels on the slider.\n\nThis property can be set to one of the following values:\n- `\"always\"`: Always show the labels.\n- `\"auto\"`: Show the labels only when the thumb representing a value is dragged.\n- `\"hidden\"`: Never show the labels.",
+              "default": "\"hidden\"",
+              "value": {
+                "type": [
+                  "\"always\"",
+                  "\"auto\"",
+                  "\"hidden\""
+                ]
+              }
+            },
+            {
+              "name": "value-labels-editing-enabled",
+              "description": "Indicates whether to enable editing input values via keyboard input\nwhen the user clicks a 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/img/apiref/widgets/sliders/slider-edit-label.png)",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "value-labels-placement",
+              "description": "Determines whether the labels are placed before or after the track.",
+              "default": "\"leading\"",
+              "value": {
+                "type": [
+                  "\"leading\"",
+                  "\"trailing\""
+                ]
+              }
+            },
+            {
+              "name": "values",
+              "description": "An array of numbers representing absolute thumb positions on the slider.",
+              "value": {}
+            }
+          ],
+          "slots": [
+            {
+              "name": "content-start",
+              "description": "A slot for elements before the track."
+            },
+            {
+              "name": "content-end",
+              "description": "A slot for elements after the track."
+            },
+            {
+              "name": "popover",
+              "description": "A slot for custom content to be rendered in the popover."
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisActiveValueChange",
+              "type": "void",
+              "description": "Fires when the `activeValue` changes because a\nthumb or range is focused and blurred.\n\nThis event does not fire when `values` changes.\nUse `arcgisInput` or `arcgisChange` instead."
+            },
+            {
+              "name": "arcgisChange",
+              "type": "void",
+              "description": "Fires when the thumb or range is released on the component.\n\nNote: To constantly listen to the drag event,\nuse `arcgisInput` instead."
+            },
+            {
+              "name": "arcgisInput",
+              "type": "void",
+              "description": "Fires when the thumb or range is being dragged and released on the component.\n\nNote: Fires frequently during drag. To perform\nexpensive operations consider using a debounce or throttle to avoid\nlocking up the main thread."
+            },
+            {
+              "name": "arcgisRangeChange",
+              "type": "void",
+              "description": "Fires when the min or max values are changed by the user."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "activeValue",
+                "description": "The currently active value of the slider.\n\nIt can be:\n- `undefined` when no value is active\n- a `number` when a single value is active\n- `\"all\"` when the range is active\n\nListen to `arcgisActiveValueChange` to be notified when a value becomes active or inactive.",
+                "type": "\"all\" | number"
+              },
+              {
+                "name": "allowValuesOverlap",
+                "description": "When `true`, allows the slider's values to overlap.",
+                "type": "boolean"
+              },
+              {
+                "name": "autoDestroyDisabled",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "Indicates whether the slider is disabled.",
+                "type": "boolean"
+              },
+              {
+                "name": "fillPlacement",
+                "description": "Used to configure where the fill is placed along the slider track in relation to the value handle.\n\nRange mode will always display the fill between the min and max handles.",
+                "type": "\"end\" | \"none\" | \"start\""
+              },
+              {
+                "name": "fullRangeMax",
+                "description": "Used to define the full range displayed by the slider.\n\nThe full range is visualized by the track while the [min](#min) and [max](#max) defines the subset of allowed values for the thumbs.",
+                "type": "number"
+              },
+              {
+                "name": "fullRangeMin",
+                "description": "Used to define the full range displayed by the slider.\n\nThe full range is visualized by the track while the [min](#min) and [max](#max) defines the subset of allowed values for the thumbs.",
+                "type": "number"
+              },
+              {
+                "name": "labelFormatter",
+                "description": "When specified, allows users to customize labels.",
+                "type": "(((value: number, type: \"max\" | \"min\" | \"value\", defaultFormatter: (value: number) => string) => string | nullish))"
+              },
+              {
+                "name": "layout",
+                "description": "Determines the layout/orientation of the Slider widget.",
+                "type": "\"horizontal\" | \"vertical\""
+              },
+              {
+                "name": "max",
+                "description": "The maximum possible data/thumb value of the slider.\n\nTo display the `max` value's label on the slider, set [showRangeLabels](#showRangeLabels) to `true`.\nTo allow the end user to modify the max value, set [rangeLabelsEditingEnabled](#rangeLabelsEditingEnabled) to `true`.",
+                "type": "number"
+              },
+              {
+                "name": "messageOverrides",
+                "type": "Record<string, unknown>"
+              },
+              {
+                "name": "min",
+                "description": "The minimum possible data/thumb value of the slider.\n\nTo display the `min` value's label on the slider, set [showRangeLabels](#showRangeLabels) to `true`.\nTo allow the end user to modify the min value, set [rangeLabelsEditingEnabled](#rangeLabelsEditingEnabled) to `true`.",
+                "type": "number"
+              },
+              {
+                "name": "mirrored",
+                "description": "When `true`, the slider will display values from high to low.",
+                "type": "boolean"
+              },
+              {
+                "name": "popoverLabel",
+                "description": "The accessible label of the popover.",
+                "type": "string"
+              },
+              {
+                "name": "popoverPlacement",
+                "description": "Determines the placement of the popover relative to the track.",
+                "type": "\"leading\" | \"trailing\""
+              },
+              {
+                "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](#values) and shouldn't be used exclusively\nfor formatting purposes. To format thumb `labels`, use the [labelFormatter](#labelFormatter)\nproperty.",
+                "type": "number"
+              },
+              {
+                "name": "rangeLabelsEditingEnabled",
+                "description": "Indicates whether to enable editing range values via keyboard input\nwhen the user clicks a [min](#min) or [max](#max) label.\nThis allows the user to increase or decrease the data range of the slider.",
+                "type": "boolean"
+              },
+              {
+                "name": "rangeLabelsPlacement",
+                "description": "Determines whether the range labels are placed centered with the slider track\nor placed below it when the [layout](#layout) is `\"horizontal\"`.",
+                "type": "\"center\" | \"trailing\""
+              },
+              {
+                "name": "segmentsDraggingDisabled",
+                "description": "Indicates if the user can drag the segment between thumbs to update thumb positions.",
+                "type": "boolean"
+              },
+              {
+                "name": "showRangeLabels",
+                "description": "Indicates whether to min and max range labels are visible on the slider.",
+                "type": "boolean"
+              },
+              {
+                "name": "steps",
+                "description": "Sets steps, or intervals, on the slider that restrict user\ninput to specific values. If an array of numbers is passed to this\nproperty, the slider thumbs may only be moved to the positions\nspecified in the array.\n\nIf a single number is set, then steps are set along the entire\nslider range at an interval of the provided value. In this scenario,\nthe user may only slide the thumbs to values at the provided interval.\nFor example, if a value of `0.5` is set here, and the slider\n[min](#min) is `0` and the slider [max](#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": "Array<number> | number"
+              },
+              {
+                "name": "valueLabelsDisplay",
+                "description": "Indicates whether to show the value labels on the slider.\n\nThis property can be set to one of the following values:\n- `\"always\"`: Always show the labels.\n- `\"auto\"`: Show the labels only when the thumb representing a value is dragged.\n- `\"hidden\"`: Never show the labels.",
+                "type": "\"always\" | \"auto\" | \"hidden\""
+              },
+              {
+                "name": "valueLabelsEditingEnabled",
+                "description": "Indicates whether to enable editing input values via keyboard input\nwhen the user clicks a 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/img/apiref/widgets/sliders/slider-edit-label.png)",
+                "type": "boolean"
+              },
+              {
+                "name": "valueLabelsPlacement",
+                "description": "Determines whether the labels are placed before or after the track.",
+                "type": "\"leading\" | \"trailing\""
+              },
+              {
+                "name": "values",
+                "description": "An array of numbers representing absolute thumb positions on the slider.",
+                "type": "Array<number>"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisActiveValueChange",
+                "type": "void",
+                "description": "Fires when the `activeValue` changes because a\nthumb or range is focused and blurred.\n\nThis event does not fire when `values` changes.\nUse `arcgisInput` or `arcgisChange` instead."
+              },
+              {
+                "name": "arcgisChange",
+                "type": "void",
+                "description": "Fires when the thumb or range is released on the component.\n\nNote: To constantly listen to the drag event,\nuse `arcgisInput` instead."
+              },
+              {
+                "name": "arcgisInput",
+                "type": "void",
+                "description": "Fires when the thumb or range is being dragged and released on the component.\n\nNote: Fires frequently during drag. To perform\nexpensive operations consider using a debounce or throttle to avoid\nlocking up the main thread."
+              },
+              {
+                "name": "arcgisRangeChange",
+                "type": "void",
+                "description": "Fires when the min or max values are changed by the user."
+              }
+            ]
+          }
+        },
+        {
+          "name": "arcgis-slider-input",
+          "description": "### Events\n- **arcgisSliderInputValueChange**\n- **arcgisValueChange** - Emitted when the value has changed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-slider-input/",
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "If true, prevents interaction with the component.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "flip-labels",
+              "description": "Handle LTR and RTL label placement.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "label",
+              "description": "Label for the component.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "max",
+              "description": "Max value for the component.",
+              "default": "100",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "min",
+              "description": "Min value for the component.",
+              "default": "0",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "step",
+              "description": "Increment interval for the component.",
+              "default": "1",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "units-label",
+              "description": "If provided, specifies units for the input.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "value",
+              "description": "Initial value for the component.",
+              "default": "50",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "with-steppers",
+              "description": "If true, adds up/down arrows to the input.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisSliderInputValueChange",
+              "type": "number"
+            },
+            {
+              "name": "arcgisValueChange",
+              "type": "number",
+              "description": "Emitted when the value has changed."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "disabled",
+                "description": "If true, prevents interaction with the component.",
+                "type": "boolean"
+              },
+              {
+                "name": "flipLabels",
+                "description": "Handle LTR and RTL label placement.",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "Label for the component.",
+                "type": "string"
+              },
+              {
+                "name": "max",
+                "description": "Max value for the component.",
+                "type": "number"
+              },
+              {
+                "name": "min",
+                "description": "Min value for the component.",
+                "type": "number"
+              },
+              {
+                "name": "step",
+                "description": "Increment interval for the component.",
+                "type": "number"
+              },
+              {
+                "name": "unitsLabel",
+                "description": "If provided, specifies units for the input.",
+                "type": "string"
+              },
+              {
+                "name": "value",
+                "description": "Initial value for the component.",
+                "type": "number"
+              },
+              {
+                "name": "withSteppers",
+                "description": "If true, adds up/down arrows to the input.",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisSliderInputValueChange",
+                "type": "number"
+              },
+              {
+                "name": "arcgisValueChange",
+                "type": "number",
+                "description": "Emitted when the value has changed."
+              }
+            ]
+          }
+        },
+        {
+          "name": "arcgis-ticks",
+          "description": "### Events\n- **arcgisTickClick** - Fires when the user clicks on one of the ticks.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### CSS Properties\n- **--arcgis-ticks-tick-length** - Specifies the length of the ticks. \n- **--arcgis-ticks-tick-color** - Specifies the color of the ticks. \n- **--arcgis-ticks-gap** - Specifies the gap between the ticks and labels. ",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/",
+          "attributes": [
+            {
+              "name": "interactive",
+              "description": "When `true`, the component will allow clicking on ticks.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "interpolation-exponent",
+              "description": "The exponent used to interpolate the position of ticks along the component.\nA value of `0` indicates linear interpolation. Positive values indicate exponential interpolation, and negative values indicate logarithmic interpolation.\n\nSet this property when the range of values is large and users need precision in the lower range of values (for an exponential interpolation), or in the higher range (for a logarithmic interpolation).\n\n```tsx\n<arcgis-ticks interpolation-exponent={14} min={1} max={5518000} mode=\"value\" values={[1, 11500, 5518000]} />\n```",
+              "default": "0",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "label-placement",
+              "description": "Determines whether the labels are placed before or after the ticks.",
+              "default": "\"trailing\"",
+              "value": {
+                "type": [
+                  "\"leading\"",
+                  "\"trailing\""
+                ]
+              }
+            },
+            {
+              "name": "layout",
+              "description": "Determines the layout/orientation of the component.",
+              "default": "\"horizontal\"",
+              "value": {
+                "type": [
+                  "\"horizontal\"",
+                  "\"vertical\""
+                ]
+              }
+            },
+            {
+              "name": "max",
+              "description": "The component's maximum rendered value.",
+              "default": "100",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "min",
+              "description": "The component's minimum rendered value.",
+              "default": "0",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "mirrored",
+              "description": "When `true`, the values are displayed from high to low.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "mode",
+              "description": "The mode or method of positioning ticks along the component. It drives how [values](https://developers.arcgis.com/javascript/latest/references/common-components/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/arcgis-ticks/#values) property) at equal distances from each other.\n- `percent`: [values](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#values) is interpreted as percentage. If [values](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#values) is a number, it indicates the interval between ticks. If it is an array, it indicates the percentage values at which to place the ticks.\n- `value`: Indicates that ticks will only be placed at the values specified in the property.",
+              "default": "\"count\"",
+              "value": {
+                "type": [
+                  "\"count\"",
+                  "\"percent\"",
+                  "\"value\""
+                ]
+              }
+            },
+            {
+              "name": "show-baseline",
+              "description": "Indicates whether to render a line connecting the ticks.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-labels",
+              "description": "Indicates whether to render labels for the ticks.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "values",
+              "description": "Indicates where ticks will be rendered along the component.\nSee the description for [mode](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#mode) for more information about how this property is interpreted by each mode.",
+              "value": {
+                "type": "number"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisTickClick",
+              "type": "{ value: number; }",
+              "description": "Fires when the user clicks on one of the ticks."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "interactive",
+                "description": "When `true`, the component will allow clicking on ticks.",
+                "type": "boolean"
+              },
+              {
+                "name": "interpolationExponent",
+                "description": "The exponent used to interpolate the position of ticks along the component.\nA value of `0` indicates linear interpolation. Positive values indicate exponential interpolation, and negative values indicate logarithmic interpolation.\n\nSet this property when the range of values is large and users need precision in the lower range of values (for an exponential interpolation), or in the higher range (for a logarithmic interpolation).\n\n```tsx\n<arcgis-ticks interpolation-exponent={14} min={1} max={5518000} mode=\"value\" values={[1, 11500, 5518000]} />\n```",
+                "type": "number"
+              },
+              {
+                "name": "labelFormatter",
+                "description": "A function used to format each tick's label.",
+                "type": "(((value: number, defaultFormatter: (value: number) => string) => string | nullish))"
+              },
+              {
+                "name": "labelPlacement",
+                "description": "Determines whether the labels are placed before or after the ticks.",
+                "type": "\"leading\" | \"trailing\""
+              },
+              {
+                "name": "layout",
+                "description": "Determines the layout/orientation of the component.",
+                "type": "\"horizontal\" | \"vertical\""
+              },
+              {
+                "name": "max",
+                "description": "The component's maximum rendered value.",
+                "type": "number"
+              },
+              {
+                "name": "min",
+                "description": "The component's minimum rendered value.",
+                "type": "number"
+              },
+              {
+                "name": "mirrored",
+                "description": "When `true`, the values are displayed from high to low.",
+                "type": "boolean"
+              },
+              {
+                "name": "mode",
+                "description": "The mode or method of positioning ticks along the component. It drives how [values](https://developers.arcgis.com/javascript/latest/references/common-components/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/arcgis-ticks/#values) property) at equal distances from each other.\n- `percent`: [values](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#values) is interpreted as percentage. If [values](https://developers.arcgis.com/javascript/latest/references/common-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": "\"count\" | \"percent\" | \"value\""
+              },
+              {
+                "name": "showBaseline",
+                "description": "Indicates whether to render a line connecting the ticks.",
+                "type": "boolean"
+              },
+              {
+                "name": "showLabels",
+                "description": "Indicates whether to render labels for the ticks.",
+                "type": "boolean"
+              },
+              {
+                "name": "values",
+                "description": "Indicates where ticks will be rendered along the component.\nSee the description for [mode](https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/#mode) for more information about how this property is interpreted by each mode.",
+                "type": "Array<number> | number"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisTickClick",
+                "type": "{ value: number; }",
+                "description": "Fires when the user clicks on one of the ticks."
+              }
+            ]
+          }
+        },
+        {
+          "name": "arcgis-unique-values-list",
+          "description": "Displays a list of unique values taking into account field type formatting and field domains.\n--\n\n### Events\n- **arcgisChange** - Emitted if selection has changed\n- **arcgisLoad** - Emitted once the component is loaded. Useful when no uniqueValues were passed in.\n- **arcgisSortByChange** - Emitted if the sort order has changed\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `getUniqueValues(): Promise<{ uniqueValues: __esri.UniqueValuesResultUniqueValueInfos[]; partialUniqueValues: boolean; } | undefined>` - Get all unique values.\nE.g. to be used to limit how often these unique values need to be requested from the layer.\n- `setFocus(): Promise<void>` - Sets focus on component",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-unique-values-list/",
+          "attributes": [
+            {
+              "name": "field-name",
+              "description": "Field name, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "max-height",
+              "description": "Optional, max height of list in pixel.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "multiple",
+              "description": "Multiple selections allowed?",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "partial-unique-values",
+              "description": "Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-filter-length",
+              "description": "If true, displays the filter option based on the number of fields.",
+              "default": "10",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "sort-by",
+              "description": "Sort by default setting",
+              "value": {
+                "type": [
+                  "\"count\"",
+                  "\"name\"",
+                  "\"selected\""
+                ]
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisChange",
+              "type": "Array<string | number>",
+              "description": "Emitted if selection has changed"
+            },
+            {
+              "name": "arcgisLoad",
+              "type": "void",
+              "description": "Emitted once the component is loaded. Useful when no uniqueValues were passed in."
+            },
+            {
+              "name": "arcgisSortByChange",
+              "type": "string | undefined",
+              "description": "Emitted if the sort order has changed"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "fieldName",
+                "description": "Field name, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains.",
+                "type": "string"
+              },
+              {
+                "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": "CSVLayer | CatalogFootprintLayer | CatalogLayer | FeatureLayer | GeoJSONLayer | ImageryLayer | KnowledgeGraphSublayer | OrientedImageryLayer | StreamLayer | SubtypeGroupLayer | SubtypeSublayer | WFSLayer"
+              },
+              {
+                "name": "maxHeight",
+                "description": "Optional, max height of list in pixel.",
+                "type": "number"
+              },
+              {
+                "name": "multiple",
+                "description": "Multiple selections allowed?",
+                "type": "boolean"
+              },
+              {
+                "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": "NumberFormatOptions"
+              },
+              {
+                "name": "partialUniqueValues",
+                "description": "Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.",
+                "type": "boolean"
+              },
+              {
+                "name": "selectedValues",
+                "description": "Lists of selected values",
+                "type": "Array<string | number>"
+              },
+              {
+                "name": "showFilterLength",
+                "description": "If true, displays the filter option based on the number of fields.",
+                "type": "number"
+              },
+              {
+                "name": "sortBy",
+                "description": "Sort by default setting",
+                "type": "\"count\" | \"name\" | \"selected\""
+              },
+              {
+                "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": "Array<UniqueValueCountInfo>"
+              },
+              {
+                "name": "view",
+                "description": "MapView instance, required if uniqueValues is not provided",
+                "type": "MapView | SceneView"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisChange",
+                "type": "Array<string | number>",
+                "description": "Emitted if selection has changed"
+              },
+              {
+                "name": "arcgisLoad",
+                "type": "void",
+                "description": "Emitted once the component is loaded. Useful when no uniqueValues were passed in."
+              },
+              {
+                "name": "arcgisSortByChange",
+                "type": "string | undefined",
+                "description": "Emitted if the sort order has changed"
+              }
+            ]
+          }
+        }
+      ]
+    },
+    "css": {
+      "properties": [
+        {
+          "name": "--arcgis-histogram-bar-color",
+          "description": "Specifies the color of the histogram bars when the bin doesn't have a corresponding color stop."
+        },
+        {
+          "name": "--arcgis-histogram-stop-color",
+          "description": "Specifies the default color for color stops."
+        },
+        {
+          "name": "--arcgis-ticks-tick-length",
+          "description": "Specifies the length of the ticks."
+        },
+        {
+          "name": "--arcgis-ticks-tick-color",
+          "description": "Specifies the color of the ticks."
+        },
+        {
+          "name": "--arcgis-ticks-gap",
+          "description": "Specifies the gap between the ticks and labels."
+        }
+      ],
+      "pseudo-elements": []
+    }
+  }
+}