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

package/dist/docs/vscode.html-custom-data.json

@@ -0,0 +1,1185 @@
+{
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
+  "version": 1.1,
+  "tags": [
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "can-resize-vertically",
+          "description": "The editor's text area will have a vertical resize handle if set to true",
+          "values": []
+        },
+        {
+          "name": "current-language",
+          "description": "language for ckeditor",
+          "values": []
+        },
+        {
+          "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",
+          "values": []
+        },
+        {
+          "name": "editor-type",
+          "description": "Base configuration for editor",
+          "values": [
+            {
+              "name": "html"
+            },
+            {
+              "name": "markdown"
+            }
+          ]
+        },
+        {
+          "name": "group-fields-and-expressions",
+          "description": "The fields / expressions in the default mention configuration will be grouped if set to true",
+          "values": []
+        },
+        {
+          "name": "intl-expressions-group-heading",
+          "description": "Header text for expressions mention dropdown (assuming default mention configuration)",
+          "values": []
+        },
+        {
+          "name": "intl-fields-group-heading",
+          "description": "Header text for fields in mention dropdown (assuming default mention configuration)",
+          "values": []
+        },
+        {
+          "name": "intl-text-place-holder",
+          "description": "Placeholder text for editor",
+          "values": []
+        },
+        {
+          "name": "read-only",
+          "description": "The toolbar will be hidden and the data will only be changeable through the `textData` prop if true",
+          "values": []
+        },
+        {
+          "name": "text-data",
+          "description": "Input data for editor in html / markdown text format",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ckeditor5/"
+        }
+      ]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "intl-cancel",
+          "description": "Cancel button text.",
+          "values": []
+        },
+        {
+          "name": "intl-label",
+          "description": "Popover label text.",
+          "values": []
+        },
+        {
+          "name": "intl-ok",
+          "description": "Ok button text.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ckeditor5-popover/"
+        }
+      ]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "clearable",
+          "description": "Display option to set no color.",
+          "values": []
+        },
+        {
+          "name": "color",
+          "description": "The selected color as a HEX value. If not set it will display a 'transparent' color swatch.",
+          "values": []
+        },
+        {
+          "name": "compact",
+          "description": "Control whether the component should be displayed in a compact style (i.e., fewer recent color options).",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Control whether the component is disabled.",
+          "values": []
+        },
+        {
+          "name": "hide-recent-colors",
+          "description": "If true, do not display recent colors.",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "Determines where the popup color picker will be positioned relative to the color input.",
+          "values": [
+            {
+              "name": "auto"
+            },
+            {
+              "name": "auto-end"
+            },
+            {
+              "name": "auto-start"
+            },
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "leading"
+            },
+            {
+              "name": "leading-end"
+            },
+            {
+              "name": "leading-start"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "left-end"
+            },
+            {
+              "name": "left-start"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "right-end"
+            },
+            {
+              "name": "right-start"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "top-start"
+            },
+            {
+              "name": "trailing"
+            },
+            {
+              "name": "trailing-end"
+            },
+            {
+              "name": "trailing-start"
+            }
+          ]
+        },
+        {
+          "name": "show-transparency",
+          "description": "If true, allow transparency to be modified within the color picker.",
+          "values": []
+        },
+        {
+          "name": "storage-id",
+          "description": "The id of the local storage element that will store recent colors.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-color-input/"
+        }
+      ]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "field-name",
+          "description": "Required field name.",
+          "values": []
+        },
+        {
+          "name": "hide-alias",
+          "description": "If true, hide the field alias section.",
+          "values": []
+        },
+        {
+          "name": "hide-numeric-format",
+          "description": "If true, hide the decimal places section.",
+          "values": []
+        },
+        {
+          "name": "hide-statistics",
+          "description": "If true, hide statistics (i.e., no top 10 values for string and no stats for number and date fields).",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-field-info/"
+        }
+      ]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "expressions-group-heading",
+          "description": "Header text for group containing expressions, if 'groupFieldsAndExpressions' is set to true.",
+          "values": []
+        },
+        {
+          "name": "fields-group-heading",
+          "description": "Header text for group containing fields, if 'groupFieldsAndExpressions' is set to true.",
+          "values": []
+        },
+        {
+          "name": "filter-no-results-text",
+          "description": "Filter no results text. If empty string (\"\") no text will be shown.",
+          "values": []
+        },
+        {
+          "name": "filter-placeholder-text",
+          "description": "Filter placeholder text.",
+          "values": []
+        },
+        {
+          "name": "group-fields-and-expressions",
+          "description": "**Deprecated**: Pass in grouped lists of fields instead.\nIf true, fields and expressions are placed in separate groups.. ",
+          "values": []
+        },
+        {
+          "name": "heading",
+          "description": "Heading text. Valid only if listOnly is not set to true.",
+          "values": []
+        },
+        {
+          "name": "hide-cancel",
+          "description": "If true, hides the cancel button. Valid only if listOnly is not set to true.",
+          "values": []
+        },
+        {
+          "name": "hide-sort",
+          "description": "If true, hides the sort menu button.",
+          "values": []
+        },
+        {
+          "name": "list-only",
+          "description": "If true, renders without a popover.",
+          "values": []
+        },
+        {
+          "name": "multiple",
+          "description": "If true, allows for multiple selection. If false, the\npopover will close once an item has been selected.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "show-cancel",
+          "description": "**Deprecated**: use hideCancel instead. ",
+          "values": []
+        },
+        {
+          "name": "show-description",
+          "description": "If true, displays description. By default only displays field alias.",
+          "values": []
+        },
+        {
+          "name": "show-field-info",
+          "description": "If true, displays the field info button. Valid only if listOnly is not set to true.",
+          "values": []
+        },
+        {
+          "name": "show-field-name",
+          "description": "If true, displays field name. By default only displays field alias.",
+          "values": []
+        },
+        {
+          "name": "show-field-type-icon",
+          "description": "If true, displays an icon corresponding to the field's type.",
+          "values": []
+        },
+        {
+          "name": "show-filter-length",
+          "description": "If true, displays the filter option based on the number of fields.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "show-sort",
+          "description": "**Deprecated**: use hideSort instead. ",
+          "values": []
+        },
+        {
+          "name": "sort-by",
+          "description": "The initial sort order.",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "display"
+            },
+            {
+              "name": "field"
+            },
+            {
+              "name": "type"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-field-pick-list/"
+        }
+      ]
+    },
+    {
+      "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. ",
+      "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.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The component's default label.",
+          "values": []
+        },
+        {
+          "name": "layout",
+          "description": "Determines the orientation of the histogram.",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "max",
+          "description": "The maximum value or bound of the entire histogram. This\nshould match the maximum bound of the last [bin](#bins).",
+          "values": []
+        },
+        {
+          "name": "min",
+          "description": "The minimum value or bound of the entire histogram. This\nshould match the minimum bound of the first [bin](#bins).",
+          "values": []
+        },
+        {
+          "name": "standard-deviation",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-histogram/"
+        },
+        {
+          "name": "Basic",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--basic&singleStory=true"
+        },
+        {
+          "name": "Continuous Color Stops",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--continuous-color-stops&singleStory=true"
+        },
+        {
+          "name": "Classed Color Stops",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--classed-color-stops&singleStory=true"
+        },
+        {
+          "name": "Histogram Range",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--histogram-range&singleStory=true"
+        },
+        {
+          "name": "Average",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--average&singleStory=true"
+        },
+        {
+          "name": "Average And Standard Deviation",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--average-and-standard-deviation&singleStory=true"
+        },
+        {
+          "name": "Label Format Function",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--label-format-function&singleStory=true"
+        },
+        {
+          "name": "Custom Data Line",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--custom-data-line&singleStory=true"
+        },
+        {
+          "name": "Ticks",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-histogram--ticks&singleStory=true"
+        }
+      ]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "alignment",
+          "description": "Specifies the alignment of the component's text elements.",
+          "values": [
+            {
+              "name": "center"
+            },
+            {
+              "name": "end"
+            },
+            {
+              "name": "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.",
+          "values": []
+        },
+        {
+          "name": "read-only",
+          "description": "Indicates whether the component is in read-only mode.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value the component displays.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-label-input/"
+        },
+        {
+          "name": "Basic",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-label-input--basic&singleStory=true"
+        },
+        {
+          "name": "Read Only",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-label-input--read-only&singleStory=true"
+        }
+      ]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If true, disables the component.",
+          "values": []
+        },
+        {
+          "name": "heading",
+          "description": "Heading for the component.",
+          "values": []
+        },
+        {
+          "name": "intl-done",
+          "description": "Text to display within the \"Done\" button.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Label for the component",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-picker-input/"
+        }
+      ]
+    },
+    {
+      "name": "arcgis-ramp-color",
+      "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+      "attributes": [
+        {
+          "name": "layout",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "max",
+          "values": []
+        },
+        {
+          "name": "min",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ramp-color/"
+        },
+        {
+          "name": "Basic",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ramp-color--basic&singleStory=true"
+        },
+        {
+          "name": "Color And Size",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ramp-color--color-and-size&singleStory=true"
+        },
+        {
+          "name": "Styling",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ramp-color--styling&singleStory=true"
+        }
+      ]
+    },
+    {
+      "name": "arcgis-ramp-color-break",
+      "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+      "attributes": [
+        {
+          "name": "layout",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "max",
+          "values": []
+        },
+        {
+          "name": "min",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ramp-color-break/"
+        },
+        {
+          "name": "Basic",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ramp-color-break--basic&singleStory=true"
+        },
+        {
+          "name": "Styling",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ramp-color-break--styling&singleStory=true"
+        }
+      ]
+    },
+    {
+      "name": "arcgis-ramp-opacity",
+      "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+      "attributes": [
+        {
+          "name": "fill-color",
+          "values": []
+        },
+        {
+          "name": "layout",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "max",
+          "values": []
+        },
+        {
+          "name": "min",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ramp-opacity/"
+        },
+        {
+          "name": "Basic",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ramp-opacity--basic&singleStory=true"
+        },
+        {
+          "name": "Styling",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ramp-opacity--styling&singleStory=true"
+        }
+      ]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "allow-values-overlap",
+          "description": "When `true`, allows the slider's values to overlap.",
+          "values": []
+        },
+        {
+          "name": "auto-destroy-disabled",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Indicates whether the slider is disabled.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": [
+            {
+              "name": "end"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "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.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "layout",
+          "description": "Determines the layout/orientation of the Slider widget.",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "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`.",
+          "values": []
+        },
+        {
+          "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`.",
+          "values": []
+        },
+        {
+          "name": "mirrored",
+          "description": "When `true`, the slider will display values from high to low.",
+          "values": []
+        },
+        {
+          "name": "popover-label",
+          "description": "The accessible label of the popover.",
+          "values": []
+        },
+        {
+          "name": "popover-placement",
+          "description": "Determines the placement of the popover relative to the track.",
+          "values": [
+            {
+              "name": "leading"
+            },
+            {
+              "name": "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.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "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\"`.",
+          "values": [
+            {
+              "name": "center"
+            },
+            {
+              "name": "trailing"
+            }
+          ]
+        },
+        {
+          "name": "segments-dragging-disabled",
+          "description": "Indicates if the user can drag the segment between thumbs to update thumb positions.",
+          "values": []
+        },
+        {
+          "name": "show-range-labels",
+          "description": "Indicates whether to min and max range labels are visible on the slider.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": [
+            {
+              "name": "always"
+            },
+            {
+              "name": "auto"
+            },
+            {
+              "name": "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)",
+          "values": []
+        },
+        {
+          "name": "value-labels-placement",
+          "description": "Determines whether the labels are placed before or after the track.",
+          "values": [
+            {
+              "name": "leading"
+            },
+            {
+              "name": "trailing"
+            }
+          ]
+        },
+        {
+          "name": "values",
+          "description": "An array of numbers representing absolute thumb positions on the slider.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-slider/"
+        },
+        {
+          "name": "Horizontal Layout",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--horizontal-layout&singleStory=true"
+        },
+        {
+          "name": "Basic",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--basic&singleStory=true"
+        },
+        {
+          "name": "Labels",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--labels&singleStory=true"
+        },
+        {
+          "name": "Two Values",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--two-values&singleStory=true"
+        },
+        {
+          "name": "Three Values",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--three-values&singleStory=true"
+        },
+        {
+          "name": "editing: 1 value",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--one-value-editable&singleStory=true"
+        },
+        {
+          "name": "editing: 3 values",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--three-values-editable&singleStory=true"
+        },
+        {
+          "name": "Full Range",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--full-range&singleStory=true"
+        },
+        {
+          "name": "Regular Steps Two Values",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--regular-steps-two-values&singleStory=true"
+        },
+        {
+          "name": "Discrete Steps Two Values",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--discrete-steps-two-values&singleStory=true"
+        },
+        {
+          "name": "Discrete Steps Three Values",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--discrete-steps-three-values&singleStory=true"
+        },
+        {
+          "name": "Discrete Steps Three Negative Values",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--discrete-steps-three-negative-values&singleStory=true"
+        },
+        {
+          "name": "Disabled No Values",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--disabled-no-values&singleStory=true"
+        },
+        {
+          "name": "Disabled Min Above Max",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--disabled-min-above-max&singleStory=true"
+        },
+        {
+          "name": "Disabled Attribute",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--disabled-attribute&singleStory=true"
+        },
+        {
+          "name": "slots: content-start & content-end",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--content-slots&singleStory=true"
+        },
+        {
+          "name": "slots: popover",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--slots-popover&singleStory=true"
+        },
+        {
+          "name": "labels: custom formatter",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--label-custom-formater&singleStory=true"
+        },
+        {
+          "name": "In Calcite Popover",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--in-calcite-popover&singleStory=true"
+        },
+        {
+          "name": "In Calcite Panel",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--in-calcite-panel&singleStory=true"
+        },
+        {
+          "name": "In Calcite Block",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--in-calcite-block&singleStory=true"
+        },
+        {
+          "name": "Slider",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--slider&singleStory=true"
+        },
+        {
+          "name": "Histogram Range",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--histogram-range&singleStory=true"
+        },
+        {
+          "name": "Scale Range Slider",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-slider--scale-range-slider&singleStory=true"
+        }
+      ]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If true, prevents interaction with the component.",
+          "values": []
+        },
+        {
+          "name": "flip-labels",
+          "description": "Handle LTR and RTL label placement.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Label for the component.",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "Max value for the component.",
+          "values": []
+        },
+        {
+          "name": "min",
+          "description": "Min value for the component.",
+          "values": []
+        },
+        {
+          "name": "step",
+          "description": "Increment interval for the component.",
+          "values": []
+        },
+        {
+          "name": "units-label",
+          "description": "If provided, specifies units for the input.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "Initial value for the component.",
+          "values": []
+        },
+        {
+          "name": "with-steppers",
+          "description": "If true, adds up/down arrows to the input.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-slider-input/"
+        }
+      ]
+    },
+    {
+      "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. ",
+      "attributes": [
+        {
+          "name": "interactive",
+          "description": "When `true`, the component will allow clicking on ticks.",
+          "values": []
+        },
+        {
+          "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```",
+          "values": []
+        },
+        {
+          "name": "label-placement",
+          "description": "Determines whether the labels are placed before or after the ticks.",
+          "values": [
+            {
+              "name": "leading"
+            },
+            {
+              "name": "trailing"
+            }
+          ]
+        },
+        {
+          "name": "layout",
+          "description": "Determines the layout/orientation of the component.",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "max",
+          "description": "The component's maximum rendered value.",
+          "values": []
+        },
+        {
+          "name": "min",
+          "description": "The component's minimum rendered value.",
+          "values": []
+        },
+        {
+          "name": "mirrored",
+          "description": "When `true`, the values are displayed from high to low.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": [
+            {
+              "name": "count"
+            },
+            {
+              "name": "percent"
+            },
+            {
+              "name": "value"
+            }
+          ]
+        },
+        {
+          "name": "show-baseline",
+          "description": "Indicates whether to render a line connecting the ticks.",
+          "values": []
+        },
+        {
+          "name": "show-labels",
+          "description": "Indicates whether to render labels for the ticks.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-ticks/"
+        },
+        {
+          "name": "mode: value",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--mode-value&singleStory=true"
+        },
+        {
+          "name": "Interactive",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--interactive&singleStory=true"
+        },
+        {
+          "name": "mode: percent",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--mode-percent&singleStory=true"
+        },
+        {
+          "name": "mode: percent - discrete values",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--mode-percent-discrete-values&singleStory=true"
+        },
+        {
+          "name": "mode: count",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--mode-count&singleStory=true"
+        },
+        {
+          "name": "interpolationExponent - mode: value",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--interpolation&singleStory=true"
+        },
+        {
+          "name": "interpolationExponent - mode: percent",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--interpolation-percent&singleStory=true"
+        },
+        {
+          "name": "Label Formatter",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--label-formatter&singleStory=true"
+        },
+        {
+          "name": "Daylight",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--daylight&singleStory=true"
+        },
+        {
+          "name": "Scale Bar",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--scale-bar&singleStory=true"
+        },
+        {
+          "name": "Ruler",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/common-components/?path=/story/arcgis-ticks--ruler&singleStory=true"
+        }
+      ]
+    },
+    {
+      "name": "arcgis-unique-values-list",
+      "description": "Displays a list of unique values taking into account field type formatting and field domains.\n--\n\n### Events\n- **arcgisChange** - Emitted if selection has changed\n- **arcgisLoad** - Emitted once the component is loaded. Useful when no uniqueValues were passed in.\n- **arcgisSortByChange** - Emitted if the sort order has changed\n\n### Methods\n- `componentOnReady(): Promise<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",
+      "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.",
+          "values": []
+        },
+        {
+          "name": "max-height",
+          "description": "Optional, max height of list in pixel.",
+          "values": []
+        },
+        {
+          "name": "multiple",
+          "description": "Multiple selections allowed?",
+          "values": []
+        },
+        {
+          "name": "partial-unique-values",
+          "description": "Too many values? If true then it displays a message below the list. Only required if uniqueValues is provided.",
+          "values": []
+        },
+        {
+          "name": "show-filter-length",
+          "description": "If true, displays the filter option based on the number of fields.",
+          "values": []
+        },
+        {
+          "name": "sort-by",
+          "description": "Sort by default setting",
+          "values": [
+            {
+              "name": "count"
+            },
+            {
+              "name": "name"
+            },
+            {
+              "name": "selected"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/common-components/arcgis-unique-values-list/"
+        }
+      ]
+    }
+  ]
+}