@arcgis/map-components 4.34.0-next.120 → 4.34.0-next.121

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-09-03T04:42:53",
+  "timestamp": "2025-09-04T04:45:23",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.120",
+    "version": "4.34.0-next.121",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",
@@ -28156,7 +28156,7 @@
               "name": "labelFormatFunction",
               "description": "A function used to format labels.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#labelFormatFunction)",
               "type": {
-                "text": "(value: number, type?: \"min\" | \"max\" | \"value\" | \"average\" | \"tick\" | undefined, index?: number | undefined) => string"
+                "text": "(value: number, type?: \"max\" | \"min\" | \"value\" | \"average\" | \"tick\" | undefined, index?: number | undefined) => string"
               }
             },
             {
@@ -30502,7 +30502,6 @@
           "customElement": true,
           "name": "ArcgisLegend",
           "tagName": "arcgis-legend",
-          "description": "The Legend component describes the symbols used to represent layers in a map.",
           "demos": [
             {
               "description": "Docs",
@@ -30523,7 +30522,7 @@
             {
               "kind": "field",
               "name": "activeLayerInfos",
-              "description": "Collection of [ActiveLayerInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html) objects used by the legend view to\ndisplay data in the legend.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#activeLayerInfos)",
+              "description": "Collection of [ActiveLayerInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html) objects used by the legend view to\ndisplay data in the legend. The legend widget watches this property to hide or display the layer's legend when\nan [ActiveLayerInfo](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html) is removed from or added to this collection.",
               "type": {
                 "text": "Collection<ActiveLayerInfo>",
                 "references": [
@@ -30544,7 +30543,13 @@
                     "end": 26
                   }
                 ]
-              }
+              },
+              "docsTags": [
+                {
+                  "name": "autocast",
+                  "text": "{ \"value\": \"Object[]\", \"typedCollection\": true }"
+                }
+              ]
             },
             {
               "kind": "field",
@@ -30564,7 +30569,7 @@
             {
               "kind": "field",
               "name": "basemapLegendVisible",
-              "description": "Indicates whether to show the [Basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html) layers in the Legend.",
+              "description": "Indicates whether to show the [Basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html) layers in the Legend. If you set this property to\n`true` and specify [layerInfos](#layerInfos), the basemap layers you want included in the legend must also be\nspecified in `layerInfos`.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -30574,7 +30579,36 @@
                 ]
               },
               "default": "false",
-              "attribute": "basemap-legend-visible"
+              "attribute": "basemap-legend-visible",
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "legend.basemapLegendVisible = true;"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "cardStyleLayout",
+              "type": {
+                "text": "\"auto\" | \"side-by-side\" | \"stack\"",
+                "values": [
+                  {
+                    "value": "auto",
+                    "type": "string"
+                  },
+                  {
+                    "value": "side-by-side",
+                    "type": "string"
+                  },
+                  {
+                    "value": "stack",
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "card-style-layout",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -30631,22 +30665,57 @@
             {
               "kind": "field",
               "name": "headingLevel",
-              "description": "Indicates the heading level to use for the legend title.",
+              "description": "Indicates the heading level to use for the legend title. By default, legend titles\nare rendered as level 3 headings (e.g. `<h3>Legend title</h3>`). Depending on the legend placement\nin your app, you may need to adjust this heading for proper semantics. This is\nimportant for meeting accessibility standards.",
               "type": {
-                "text": "number",
+                "text": "1 | 2 | 3 | 4 | 5 | 6",
                 "values": [
                   {
+                    "value": "1",
+                    "type": "number"
+                  },
+                  {
+                    "value": "2",
+                    "type": "number"
+                  },
+                  {
+                    "value": "3",
+                    "type": "number"
+                  },
+                  {
+                    "value": "4",
+                    "type": "number"
+                  },
+                  {
+                    "value": "5",
+                    "type": "number"
+                  },
+                  {
+                    "value": "6",
                     "type": "number"
                   }
                 ]
               },
               "default": "3",
-              "attribute": "heading-level"
+              "attribute": "heading-level",
+              "docsTags": [
+                {
+                  "name": "since",
+                  "text": "4.20"
+                },
+                {
+                  "name": "see",
+                  "text": "[Heading Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements)"
+                },
+                {
+                  "name": "example",
+                  "text": "// legend title will render as an <h2>\nlegend.headingLevel = 2;"
+                }
+              ]
             },
             {
               "kind": "field",
               "name": "hideLayersNotInCurrentView",
-              "description": "When `true`, layers will only be shown in the legend if\nthey are visible in the view's extent.",
+              "description": "When `true`, layers will only be shown in the legend if\nthey are visible in the view's extent. When data from a layer\nis not visible in the view, the layer's legend information\nwill be hidden. Only layers that implement the `createQuery()`\nand `queryFeatureCount()` methods are supported by `hideLayersNotInCurrentView`.\n\nTo hide layers completely\nfrom the legend, you should set the `legendEnabled` property of\nthe layer to `false`.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -30656,12 +30725,26 @@
                 ]
               },
               "default": "false",
-              "attribute": "hide-layers-not-in-current-view"
+              "attribute": "hide-layers-not-in-current-view",
+              "docsTags": [
+                {
+                  "name": "since",
+                  "text": "4.21"
+                },
+                {
+                  "name": "see",
+                  "text": "[respectLayerVisibility](#respectLayerVisibility)"
+                },
+                {
+                  "name": "example",
+                  "text": "// layers not displayed in the view\n// will not be shown in the legend\nlegend.hideLayersNotInCurrentView = true;"
+                }
+              ]
             },
             {
               "kind": "field",
               "name": "icon",
-              "description": "Icon which represents the widget.",
+              "description": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
               "type": {
                 "text": "string",
                 "values": [
@@ -30670,7 +30753,7 @@
                   }
                 ]
               },
-              "default": "\"legend\"",
+              "default": "\"icon\"",
               "attribute": "icon",
               "docsTags": [
                 {
@@ -30679,10 +30762,39 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "ignoreLayerVisibility",
+              "description": "Determines whether to respect the properties of the layers in the map that\ncontrol the legend's visibility (`minScale`, `maxScale`, `legendEnabled`).\nBy default, a layer's legend elements **will\nnot render** in the legend given the following conditions:\n\n- The layer's [legendEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#legendEnabled) property\nis set to `false`.\n- If the view's scale is outside the visibility range\ndefined by the layer's [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#minScale) and\n[maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#maxScale) properties.\n\nWhen the `respectLayerVisibility` property of the legend is set to `false`, the legend elements for each\nlayer in the map will always display, thus disregarding the `minScale`, `maxScale`,\nand `legendEnabled` properties for each layer in the map.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "true",
+              "attribute": "ignore-layer-visibility",
+              "docsTags": [
+                {
+                  "name": "since",
+                  "text": "4.13"
+                },
+                {
+                  "name": "see",
+                  "text": "[hideLayersNotInCurrentView](#hideLayersNotInCurrentView)"
+                },
+                {
+                  "name": "example",
+                  "text": "// Always displays legend elements for the map's layers\n// regardless of their minScale, maxScale, and legendEnabled properties\nlegend.respectLayerVisibility = false;"
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "label",
-              "description": "The widget's default label.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#label)",
+              "description": "The component's default label.",
               "type": {
                 "text": "string",
                 "values": [
@@ -30696,9 +30808,9 @@
             {
               "kind": "field",
               "name": "layerInfos",
-              "description": "Specifies a subset of the layers to display in the legend.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#layerInfos)",
+              "description": "Specifies a subset of the layers to display in the legend. This includes any [basemap layers](#basemapLegendVisible)\nyou want to be visible in the legend.\nIf this property is not set, all layers in the map will display in the legend, including\nbasemap layers if [basemapLegendVisible](#basemapLegendVisible) is `true`.\nObjects in this array are defined with the properties listed below.",
               "type": {
-                "text": "Array<LegendLayerInfos>",
+                "text": "Array<LegendViewModelLayerInfos>",
                 "references": [
                   {
                     "name": "Array",
@@ -30708,41 +30820,69 @@
                     "end": 5
                   },
                   {
-                    "name": "LegendLayerInfos",
+                    "name": "LegendViewModelLayerInfos",
                     "package": "@arcgis/core",
                     "module": "interfaces.d.ts",
                     "start": 6,
-                    "end": 22
+                    "end": 31
                   }
                 ]
-              }
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "const subtypeGroupLayer = webmap.layers.getItemAt(0);\nconst subtypeSubLayer = subtypeGroupLayer.sublayers.getItemAt(1);\nconst subtypeSublayerId = parseInt(subtypeSubLayer.subtypeCode);\nconst legend = new Legend({\n  view: view,\n  layerInfos: [\n    {\n      layer: subtypeGroupLayer,\n      sublayerIds: [subtypeSublayerId]\n    }\n  ]\n});"
+                }
+              ]
             },
             {
               "kind": "field",
               "name": "legendStyle",
-              "description": "Indicates the style of the legend.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#style)",
+              "description": "Indicates the style of the legend. The style determines the legend's layout and behavior.\nYou can either specify a string or an object to indicate the style. The known string values are the same values listed in\nthe table within the `type` property.",
               "type": {
-                "text": "LegendStyle | string",
-                "references": [
-                  {
-                    "name": "LegendStyle",
-                    "package": "@arcgis/core",
-                    "module": "interfaces.d.ts",
-                    "start": 0,
-                    "end": 11
-                  }
-                ],
+                "text": "\"card\" | \"classic\" | {\n    type: \"card\" | \"classic\";\n    layout?: \"auto\" | \"side-by-side\" | \"stack\" | undefined;\n}",
                 "values": [
                   {
-                    "type": "LegendStyle"
+                    "value": "card",
+                    "type": "string"
                   },
                   {
+                    "value": "classic",
                     "type": "string"
+                  },
+                  {
+                    "type": "{\n    type: \"card\" | \"classic\";\n    layout?: \"auto\" | \"side-by-side\" | \"stack\" | undefined;\n}"
                   }
                 ]
               },
               "default": "\"classic\"",
-              "attribute": "legend-style"
+              "attribute": "legend-style",
+              "docsTags": [
+                {
+                  "name": "since",
+                  "text": "4.7"
+                },
+                {
+                  "name": "example",
+                  "text": "// renders the legend in the card style with a \"stack\" layout\nlegend.legendStyle = \"card\";"
+                },
+                {
+                  "name": "example",
+                  "text": "// renders the legend in the card style with a responsive\n// layout that toggles between \"stack\" and \"side-by-side\"\nlegend.legendStyle = {\n  type: \"card\",\n  layout: \"auto\"\n};"
+                },
+                {
+                  "name": "example",
+                  "text": "// renders the legend in the classic layout\nlegend.legendStyle = \"classic\";"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "messageOverrides",
+              "description": "Overwrite localized strings for this component",
+              "type": {
+                "text": "Record<string, unknown>"
+              }
             },
             {
               "kind": "field",
@@ -30846,22 +30986,7 @@
             {
               "kind": "field",
               "name": "respectLayerDefinitionExpression",
-              "description": "If a layer uses a unique value render, only features that satisfy the layer's\n[definition expression](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#definitionExpression)\nwill be displayed in the legend when set to true.",
-              "type": {
-                "text": "boolean",
-                "values": [
-                  {
-                    "type": "boolean"
-                  }
-                ]
-              },
-              "default": "false",
-              "attribute": "respect-layer-definition-expression"
-            },
-            {
-              "kind": "field",
-              "name": "respectLayerVisibilityDisabled",
-              "description": "Determines whether to respect the properties of the layers in the map that\ncontrol the legend's visibility (`minScale`, `maxScale`, `legendEnabled`).\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#respectLayerVisibility)",
+              "description": "If a layer uses a unique value render, only features that satisfy the layer's\n[definition](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#definitionExpression)\nwill be displayed in the legend when set to true.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -30871,7 +30996,17 @@
                 ]
               },
               "default": "false",
-              "attribute": "respect-layer-visibility-disabled"
+              "attribute": "respect-layer-definition-expression",
+              "docsTags": [
+                {
+                  "name": "since",
+                  "text": "4.30"
+                },
+                {
+                  "name": "see",
+                  "text": "[definitionExpression](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#definitionExpression)"
+                }
+              ]
             },
             {
               "kind": "field",
@@ -30914,7 +31049,7 @@
             },
             {
               "name": "basemap-legend-visible",
-              "description": "Indicates whether to show the [Basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html) layers in the Legend.",
+              "description": "Indicates whether to show the [Basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html) layers in the Legend. If you set this property to\n`true` and specify [layerInfos](#layerInfos), the basemap layers you want included in the legend must also be\nspecified in `layerInfos`.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -30926,13 +31061,55 @@
               "default": "false",
               "fieldName": "basemapLegendVisible"
             },
+            {
+              "name": "card-style-layout",
+              "type": {
+                "text": "\"auto\" | \"side-by-side\" | \"stack\"",
+                "values": [
+                  {
+                    "value": "auto",
+                    "type": "string"
+                  },
+                  {
+                    "value": "side-by-side",
+                    "type": "string"
+                  },
+                  {
+                    "value": "stack",
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "cardStyleLayout"
+            },
             {
               "name": "heading-level",
-              "description": "Indicates the heading level to use for the legend title.",
+              "description": "Indicates the heading level to use for the legend title. By default, legend titles\nare rendered as level 3 headings (e.g. `<h3>Legend title</h3>`). Depending on the legend placement\nin your app, you may need to adjust this heading for proper semantics. This is\nimportant for meeting accessibility standards.",
               "type": {
-                "text": "number",
+                "text": "1 | 2 | 3 | 4 | 5 | 6",
                 "values": [
                   {
+                    "value": "1",
+                    "type": "number"
+                  },
+                  {
+                    "value": "2",
+                    "type": "number"
+                  },
+                  {
+                    "value": "3",
+                    "type": "number"
+                  },
+                  {
+                    "value": "4",
+                    "type": "number"
+                  },
+                  {
+                    "value": "5",
+                    "type": "number"
+                  },
+                  {
+                    "value": "6",
                     "type": "number"
                   }
                 ]
@@ -30942,7 +31119,7 @@
             },
             {
               "name": "hide-layers-not-in-current-view",
-              "description": "When `true`, layers will only be shown in the legend if\nthey are visible in the view's extent.",
+              "description": "When `true`, layers will only be shown in the legend if\nthey are visible in the view's extent. When data from a layer\nis not visible in the view, the layer's legend information\nwill be hidden. Only layers that implement the `createQuery()`\nand `queryFeatureCount()` methods are supported by `hideLayersNotInCurrentView`.\n\nTo hide layers completely\nfrom the legend, you should set the `legendEnabled` property of\nthe layer to `false`.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -30956,7 +31133,7 @@
             },
             {
               "name": "icon",
-              "description": "Icon which represents the widget.",
+              "description": "Icon which represents the component.\nTypically used when the component is controlled by another component (e.g. by the Expand component).",
               "type": {
                 "text": "string",
                 "values": [
@@ -30965,12 +31142,26 @@
                   }
                 ]
               },
-              "default": "\"legend\"",
+              "default": "\"icon\"",
               "fieldName": "icon"
             },
+            {
+              "name": "ignore-layer-visibility",
+              "description": "Determines whether to respect the properties of the layers in the map that\ncontrol the legend's visibility (`minScale`, `maxScale`, `legendEnabled`).\nBy default, a layer's legend elements **will\nnot render** in the legend given the following conditions:\n\n- The layer's [legendEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#legendEnabled) property\nis set to `false`.\n- If the view's scale is outside the visibility range\ndefined by the layer's [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#minScale) and\n[maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#maxScale) properties.\n\nWhen the `respectLayerVisibility` property of the legend is set to `false`, the legend elements for each\nlayer in the map will always display, thus disregarding the `minScale`, `maxScale`,\nand `legendEnabled` properties for each layer in the map.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "true",
+              "fieldName": "ignoreLayerVisibility"
+            },
             {
               "name": "label",
-              "description": "The widget's default label.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#label)",
+              "description": "The component's default label.",
               "type": {
                 "text": "string",
                 "values": [
@@ -30983,11 +31174,16 @@
             },
             {
               "name": "legend-style",
-              "description": "Indicates the style of the legend.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#style)",
+              "description": "Indicates the style of the legend. The style determines the legend's layout and behavior.\nYou can either specify a string or an object to indicate the style. The known string values are the same values listed in\nthe table within the `type` property.",
               "type": {
-                "text": "string",
+                "text": "\"card\" | \"classic\"",
                 "values": [
                   {
+                    "value": "card",
+                    "type": "string"
+                  },
+                  {
+                    "value": "classic",
                     "type": "string"
                   }
                 ]
@@ -31056,7 +31252,7 @@
             },
             {
               "name": "respect-layer-definition-expression",
-              "description": "If a layer uses a unique value render, only features that satisfy the layer's\n[definition expression](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#definitionExpression)\nwill be displayed in the legend when set to true.",
+              "description": "If a layer uses a unique value render, only features that satisfy the layer's\n[definition](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#definitionExpression)\nwill be displayed in the legend when set to true.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -31068,20 +31264,6 @@
               "default": "false",
               "fieldName": "respectLayerDefinitionExpression"
             },
-            {
-              "name": "respect-layer-visibility-disabled",
-              "description": "Determines whether to respect the properties of the layers in the map that\ncontrol the legend's visibility (`minScale`, `maxScale`, `legendEnabled`).\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html#respectLayerVisibility)",
-              "type": {
-                "text": "boolean",
-                "values": [
-                  {
-                    "type": "boolean"
-                  }
-                ]
-              },
-              "default": "false",
-              "fieldName": "respectLayerVisibilityDisabled"
-            },
             {
               "name": "state",
               "description": "The view model's state.\n\n[Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-LegendViewModel.html#state)",
@@ -31131,6 +31313,2419 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-card-color-ramp/legend-card-color-ramp.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "ArcgisLegendCardColorRamp",
+          "tagName": "arcgis-legend-card-color-ramp",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-card-color-ramp/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendCardColorRamp",
+          "importPath": "components/arcgis-legend-card-color-ramp",
+          "members": [
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst arcgisLegendCardColorRamp = document.querySelector(\"arcgis-legend-card-color-ramp\");\ndocument.body.append(arcgisLegendCardColorRamp);\nawait arcgisLegendCardColorRamp.componentOnReady();\nconsole.log(\"arcgis-legend-card-color-ramp is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "cssEffectFilter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "css-effect-filter"
+            },
+            {
+              "kind": "field",
+              "name": "legendElement",
+              "type": {
+                "text": "ColorRampElement | HeatmapRampElement | OpacityRampElement | StretchRampElement",
+                "references": [
+                  {
+                    "name": "ColorRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#ColorRampElement",
+                    "start": 0,
+                    "end": 16
+                  },
+                  {
+                    "name": "HeatmapRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#HeatmapRampElement",
+                    "start": 19,
+                    "end": 37
+                  },
+                  {
+                    "name": "OpacityRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#OpacityRampElement",
+                    "start": 40,
+                    "end": 58
+                  },
+                  {
+                    "name": "StretchRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#StretchRampElement",
+                    "start": 61,
+                    "end": 79
+                  }
+                ],
+                "values": [
+                  {
+                    "type": "ColorRampElement"
+                  },
+                  {
+                    "type": "HeatmapRampElement"
+                  },
+                  {
+                    "type": "OpacityRampElement"
+                  },
+                  {
+                    "type": "StretchRampElement"
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "attribute": "opacity"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "css-effect-filter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "cssEffectFilter"
+            },
+            {
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "fieldName": "opacity"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-card-color-ramp",
+          "declaration": {
+            "name": "ArcgisLegendCardColorRamp",
+            "module": "src/components/legend/legend-card-color-ramp/legend-card-color-ramp.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-card-element/legend-card-element.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "ArcgisLegendCardElement",
+          "tagName": "arcgis-legend-card-element",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-card-element/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendCardElement",
+          "importPath": "components/arcgis-legend-card-element",
+          "members": [
+            {
+              "kind": "field",
+              "name": "activeLayerInfo",
+              "type": {
+                "text": "ActiveLayerInfo",
+                "references": [
+                  {
+                    "name": "ActiveLayerInfo",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html",
+                    "start": 0,
+                    "end": 15
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst arcgisLegendCardElement = document.querySelector(\"arcgis-legend-card-element\");\ndocument.body.append(arcgisLegendCardElement);\nawait arcgisLegendCardElement.componentOnReady();\nconsole.log(\"arcgis-legend-card-element is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "cssEffectFilter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "css-effect-filter"
+            },
+            {
+              "kind": "field",
+              "name": "headingLevel",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6",
+                "values": [
+                  {
+                    "value": "1",
+                    "type": "number"
+                  },
+                  {
+                    "value": "2",
+                    "type": "number"
+                  },
+                  {
+                    "value": "3",
+                    "type": "number"
+                  },
+                  {
+                    "value": "4",
+                    "type": "number"
+                  },
+                  {
+                    "value": "5",
+                    "type": "number"
+                  },
+                  {
+                    "value": "6",
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "3",
+              "attribute": "heading-level"
+            },
+            {
+              "kind": "field",
+              "name": "layer",
+              "type": {
+                "text": "Layer",
+                "references": [
+                  {
+                    "name": "Layer",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html",
+                    "start": 0,
+                    "end": 5
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "legendElement",
+              "type": {
+                "text": "ColorRampElement | HeatmapRampElement | OpacityRampElement | PieChartRampElement | RelationshipRampElement | SizeRampElement | StretchRampElement | SymbolTableElement | UnivariateColorSizeRampElement",
+                "references": [
+                  {
+                    "name": "ColorRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#ColorRampElement",
+                    "start": 0,
+                    "end": 16
+                  },
+                  {
+                    "name": "HeatmapRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#HeatmapRampElement",
+                    "start": 19,
+                    "end": 37
+                  },
+                  {
+                    "name": "OpacityRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#OpacityRampElement",
+                    "start": 40,
+                    "end": 58
+                  },
+                  {
+                    "name": "PieChartRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#PieChartRampElement",
+                    "start": 61,
+                    "end": 80
+                  },
+                  {
+                    "name": "RelationshipRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#RelationshipRampElement",
+                    "start": 83,
+                    "end": 106
+                  },
+                  {
+                    "name": "SizeRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#SizeRampElement",
+                    "start": 109,
+                    "end": 124
+                  },
+                  {
+                    "name": "StretchRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#StretchRampElement",
+                    "start": 127,
+                    "end": 145
+                  },
+                  {
+                    "name": "SymbolTableElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#SymbolTableElement",
+                    "start": 148,
+                    "end": 166
+                  },
+                  {
+                    "name": "UnivariateColorSizeRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#UnivariateColorSizeRampElement",
+                    "start": 169,
+                    "end": 199
+                  }
+                ],
+                "values": [
+                  {
+                    "type": "ColorRampElement"
+                  },
+                  {
+                    "type": "HeatmapRampElement"
+                  },
+                  {
+                    "type": "OpacityRampElement"
+                  },
+                  {
+                    "type": "PieChartRampElement"
+                  },
+                  {
+                    "type": "RelationshipRampElement"
+                  },
+                  {
+                    "type": "SizeRampElement"
+                  },
+                  {
+                    "type": "StretchRampElement"
+                  },
+                  {
+                    "type": "SymbolTableElement"
+                  },
+                  {
+                    "type": "UnivariateColorSizeRampElement"
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "stacked",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "stacked",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "css-effect-filter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "cssEffectFilter"
+            },
+            {
+              "name": "heading-level",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6",
+                "values": [
+                  {
+                    "value": "1",
+                    "type": "number"
+                  },
+                  {
+                    "value": "2",
+                    "type": "number"
+                  },
+                  {
+                    "value": "3",
+                    "type": "number"
+                  },
+                  {
+                    "value": "4",
+                    "type": "number"
+                  },
+                  {
+                    "value": "5",
+                    "type": "number"
+                  },
+                  {
+                    "value": "6",
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "3",
+              "fieldName": "headingLevel"
+            },
+            {
+              "name": "stacked",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "stacked"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-card-element",
+          "declaration": {
+            "name": "ArcgisLegendCardElement",
+            "module": "src/components/legend/legend-card-element/legend-card-element.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-card-size-ramp/legend-card-size-ramp.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "LegendCardSizeRamp",
+          "tagName": "arcgis-legend-card-size-ramp",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-card-size-ramp/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendCardSizeRamp",
+          "importPath": "components/arcgis-legend-card-size-ramp",
+          "members": [
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst legendCardSizeRamp = document.querySelector(\"arcgis-legend-card-size-ramp\");\ndocument.body.append(legendCardSizeRamp);\nawait legendCardSizeRamp.componentOnReady();\nconsole.log(\"arcgis-legend-card-size-ramp is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "hasIndicators",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "has-indicators"
+            },
+            {
+              "kind": "field",
+              "name": "legendElement",
+              "type": {
+                "text": "SizeRampElement",
+                "references": [
+                  {
+                    "name": "SizeRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#SizeRampElement",
+                    "start": 0,
+                    "end": 15
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "attribute": "opacity"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "has-indicators",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "hasIndicators"
+            },
+            {
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "fieldName": "opacity"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-card-size-ramp",
+          "declaration": {
+            "name": "LegendCardSizeRamp",
+            "module": "src/components/legend/legend-card-size-ramp/legend-card-size-ramp.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-card-univariate-above-and-below-ramp/legend-card-univariate-above-and-below-ramp.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "LegendCardUnivariateAboveAndBelowRamp",
+          "tagName": "arcgis-legend-card-univariate-above-and-below-ramp",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-card-univariate-above-and-below-ramp/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendCardUnivariateAboveAndBelowRamp",
+          "importPath": "components/arcgis-legend-card-univariate-above-and-below-ramp",
+          "members": [
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst legendCardUnivariateAboveAndBelowRamp = document.querySelector(\"arcgis-legend-card-univariate-above-and-below-ramp\");\ndocument.body.append(legendCardUnivariateAboveAndBelowRamp);\nawait legendCardUnivariateAboveAndBelowRamp.componentOnReady();\nconsole.log(\"arcgis-legend-card-univariate-above-and-below-ramp is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "cssEffectFilter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "css-effect-filter"
+            },
+            {
+              "kind": "field",
+              "name": "legendElement",
+              "type": {
+                "text": "UnivariateColorSizeRampElement",
+                "references": [
+                  {
+                    "name": "UnivariateColorSizeRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#UnivariateColorSizeRampElement",
+                    "start": 0,
+                    "end": 30
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "attribute": "opacity"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "css-effect-filter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "cssEffectFilter"
+            },
+            {
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "fieldName": "opacity"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-card-univariate-above-and-below-ramp",
+          "declaration": {
+            "name": "LegendCardUnivariateAboveAndBelowRamp",
+            "module": "src/components/legend/legend-card-univariate-above-and-below-ramp/legend-card-univariate-above-and-below-ramp.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-card-univariate-color-size-ramp/legend-card-univariate-color-size-ramp.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "LegendCardUnivariateColorSizeRamp",
+          "tagName": "arcgis-legend-card-univariate-color-size-ramp",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-card-univariate-color-size-ramp/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendCardUnivariateColorSizeRamp",
+          "importPath": "components/arcgis-legend-card-univariate-color-size-ramp",
+          "members": [
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst legendCardUnivariateColorSizeRamp = document.querySelector(\"arcgis-legend-card-univariate-color-size-ramp\");\ndocument.body.append(legendCardUnivariateColorSizeRamp);\nawait legendCardUnivariateColorSizeRamp.componentOnReady();\nconsole.log(\"arcgis-legend-card-univariate-color-size-ramp is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "cssEffectFilter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "css-effect-filter"
+            },
+            {
+              "kind": "field",
+              "name": "legendElement",
+              "type": {
+                "text": "UnivariateColorSizeRampElement",
+                "references": [
+                  {
+                    "name": "UnivariateColorSizeRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#UnivariateColorSizeRampElement",
+                    "start": 0,
+                    "end": 30
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "attribute": "opacity"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "css-effect-filter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "cssEffectFilter"
+            },
+            {
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "fieldName": "opacity"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-card-univariate-color-size-ramp",
+          "declaration": {
+            "name": "LegendCardUnivariateColorSizeRamp",
+            "module": "src/components/legend/legend-card-univariate-color-size-ramp/legend-card-univariate-color-size-ramp.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-card-view/legend-card-view.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "LegendCardView",
+          "tagName": "arcgis-legend-card-view",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-card-view/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendCardView",
+          "importPath": "components/arcgis-legend-card-view",
+          "members": [
+            {
+              "kind": "field",
+              "name": "activeLayerInfos",
+              "type": {
+                "text": "Collection<ActiveLayerInfo>",
+                "references": [
+                  {
+                    "name": "Collection",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html",
+                    "start": 0,
+                    "end": 10
+                  },
+                  {
+                    "name": "ActiveLayerInfo",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html",
+                    "start": 11,
+                    "end": 26
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst legendCardView = document.querySelector(\"arcgis-legend-card-view\");\ndocument.body.append(legendCardView);\nawait legendCardView.componentOnReady();\nconsole.log(\"arcgis-legend-card-view is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "headingLevel",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6",
+                "values": [
+                  {
+                    "value": "1",
+                    "type": "number"
+                  },
+                  {
+                    "value": "2",
+                    "type": "number"
+                  },
+                  {
+                    "value": "3",
+                    "type": "number"
+                  },
+                  {
+                    "value": "4",
+                    "type": "number"
+                  },
+                  {
+                    "value": "5",
+                    "type": "number"
+                  },
+                  {
+                    "value": "6",
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "3",
+              "attribute": "heading-level"
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "description": "The rendering layout.",
+              "type": {
+                "text": "\"auto\" | \"side-by-side\" | \"stack\"",
+                "values": [
+                  {
+                    "value": "auto",
+                    "type": "string"
+                  },
+                  {
+                    "value": "side-by-side",
+                    "type": "string"
+                  },
+                  {
+                    "value": "stack",
+                    "type": "string"
+                  }
+                ]
+              },
+              "default": "\"auto\"",
+              "attribute": "layout"
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "description": "The type of style. For Card this value is always `card`.",
+              "type": {
+                "text": "\"card\"",
+                "values": [
+                  {
+                    "value": "card",
+                    "type": "string"
+                  }
+                ]
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "view",
+              "type": {
+                "text": "MapView | SceneView",
+                "references": [
+                  {
+                    "name": "MapView",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html",
+                    "start": 0,
+                    "end": 7
+                  },
+                  {
+                    "name": "SceneView",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html",
+                    "start": 10,
+                    "end": 19
+                  }
+                ],
+                "values": [
+                  {
+                    "type": "MapView"
+                  },
+                  {
+                    "type": "SceneView"
+                  }
+                ]
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "heading-level",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6",
+                "values": [
+                  {
+                    "value": "1",
+                    "type": "number"
+                  },
+                  {
+                    "value": "2",
+                    "type": "number"
+                  },
+                  {
+                    "value": "3",
+                    "type": "number"
+                  },
+                  {
+                    "value": "4",
+                    "type": "number"
+                  },
+                  {
+                    "value": "5",
+                    "type": "number"
+                  },
+                  {
+                    "value": "6",
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "3",
+              "fieldName": "headingLevel"
+            },
+            {
+              "name": "layout",
+              "description": "The rendering layout.",
+              "type": {
+                "text": "\"auto\" | \"side-by-side\" | \"stack\"",
+                "values": [
+                  {
+                    "value": "auto",
+                    "type": "string"
+                  },
+                  {
+                    "value": "side-by-side",
+                    "type": "string"
+                  },
+                  {
+                    "value": "stack",
+                    "type": "string"
+                  }
+                ]
+              },
+              "default": "\"auto\"",
+              "fieldName": "layout"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-card-view",
+          "declaration": {
+            "name": "LegendCardView",
+            "module": "src/components/legend/legend-card-view/legend-card-view.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-classic-color-ramp/legend-classic-color-ramp.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "ArcgisLegendClassicColorRamp",
+          "tagName": "arcgis-legend-classic-color-ramp",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-classic-color-ramp/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendClassicColorRamp",
+          "importPath": "components/arcgis-legend-classic-color-ramp",
+          "members": [
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst arcgisLegendClassicColorRamp = document.querySelector(\"arcgis-legend-classic-color-ramp\");\ndocument.body.append(arcgisLegendClassicColorRamp);\nawait arcgisLegendClassicColorRamp.componentOnReady();\nconsole.log(\"arcgis-legend-classic-color-ramp is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "legendElement",
+              "type": {
+                "text": "ColorRampElement | HeatmapRampElement | OpacityRampElement | StretchRampElement",
+                "references": [
+                  {
+                    "name": "ColorRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#ColorRampElement",
+                    "start": 0,
+                    "end": 16
+                  },
+                  {
+                    "name": "HeatmapRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#HeatmapRampElement",
+                    "start": 19,
+                    "end": 37
+                  },
+                  {
+                    "name": "OpacityRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#OpacityRampElement",
+                    "start": 40,
+                    "end": 58
+                  },
+                  {
+                    "name": "StretchRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#StretchRampElement",
+                    "start": 61,
+                    "end": 79
+                  }
+                ],
+                "values": [
+                  {
+                    "type": "ColorRampElement"
+                  },
+                  {
+                    "type": "HeatmapRampElement"
+                  },
+                  {
+                    "type": "OpacityRampElement"
+                  },
+                  {
+                    "type": "StretchRampElement"
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "attribute": "opacity"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "fieldName": "opacity"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-classic-color-ramp",
+          "declaration": {
+            "name": "ArcgisLegendClassicColorRamp",
+            "module": "src/components/legend/legend-classic-color-ramp/legend-classic-color-ramp.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-classic-element/legend-classic-element.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "ArcgisLegendClassicElement",
+          "tagName": "arcgis-legend-classic-element",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-classic-element/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendClassicElement",
+          "importPath": "components/arcgis-legend-classic-element",
+          "members": [
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst arcgisLegendClassicElement = document.querySelector(\"arcgis-legend-classic-element\");\ndocument.body.append(arcgisLegendClassicElement);\nawait arcgisLegendClassicElement.componentOnReady();\nconsole.log(\"arcgis-legend-classic-element is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "cssEffectFilter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "css-effect-filter"
+            },
+            {
+              "kind": "field",
+              "name": "layer",
+              "type": {
+                "text": "Layer",
+                "references": [
+                  {
+                    "name": "Layer",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html",
+                    "start": 0,
+                    "end": 5
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "legendElement",
+              "type": {
+                "text": "ColorRampElement | HeatmapRampElement | OpacityRampElement | PieChartRampElement | RelationshipRampElement | SizeRampElement | StretchRampElement | SymbolTableElement | UnivariateColorSizeRampElement",
+                "references": [
+                  {
+                    "name": "ColorRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#ColorRampElement",
+                    "start": 0,
+                    "end": 16
+                  },
+                  {
+                    "name": "HeatmapRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#HeatmapRampElement",
+                    "start": 19,
+                    "end": 37
+                  },
+                  {
+                    "name": "OpacityRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#OpacityRampElement",
+                    "start": 40,
+                    "end": 58
+                  },
+                  {
+                    "name": "PieChartRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#PieChartRampElement",
+                    "start": 61,
+                    "end": 80
+                  },
+                  {
+                    "name": "RelationshipRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#RelationshipRampElement",
+                    "start": 83,
+                    "end": 106
+                  },
+                  {
+                    "name": "SizeRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#SizeRampElement",
+                    "start": 109,
+                    "end": 124
+                  },
+                  {
+                    "name": "StretchRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#StretchRampElement",
+                    "start": 127,
+                    "end": 145
+                  },
+                  {
+                    "name": "SymbolTableElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#SymbolTableElement",
+                    "start": 148,
+                    "end": 166
+                  },
+                  {
+                    "name": "UnivariateColorSizeRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#UnivariateColorSizeRampElement",
+                    "start": 169,
+                    "end": 199
+                  }
+                ],
+                "values": [
+                  {
+                    "type": "ColorRampElement"
+                  },
+                  {
+                    "type": "HeatmapRampElement"
+                  },
+                  {
+                    "type": "OpacityRampElement"
+                  },
+                  {
+                    "type": "PieChartRampElement"
+                  },
+                  {
+                    "type": "RelationshipRampElement"
+                  },
+                  {
+                    "type": "SizeRampElement"
+                  },
+                  {
+                    "type": "StretchRampElement"
+                  },
+                  {
+                    "type": "SymbolTableElement"
+                  },
+                  {
+                    "type": "UnivariateColorSizeRampElement"
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "css-effect-filter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "cssEffectFilter"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-classic-element",
+          "declaration": {
+            "name": "ArcgisLegendClassicElement",
+            "module": "src/components/legend/legend-classic-element/legend-classic-element.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-classic-size-ramp/legend-classic-size-ramp.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "ArcgisLegendClassicSizeRamp",
+          "tagName": "arcgis-legend-classic-size-ramp",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-classic-size-ramp/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendClassicSizeRamp",
+          "importPath": "components/arcgis-legend-classic-size-ramp",
+          "members": [
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst arcgisLegendClassicSizeRamp = document.querySelector(\"arcgis-legend-classic-size-ramp\");\ndocument.body.append(arcgisLegendClassicSizeRamp);\nawait arcgisLegendClassicSizeRamp.componentOnReady();\nconsole.log(\"arcgis-legend-classic-size-ramp is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "legendElement",
+              "type": {
+                "text": "SizeRampElement",
+                "references": [
+                  {
+                    "name": "SizeRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#SizeRampElement",
+                    "start": 0,
+                    "end": 15
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-classic-size-ramp",
+          "declaration": {
+            "name": "ArcgisLegendClassicSizeRamp",
+            "module": "src/components/legend/legend-classic-size-ramp/legend-classic-size-ramp.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-classic-univariate-above-and-below-ramp/legend-classic-univariate-above-and-below-ramp.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "ArcgisLegendClassicUnivariateAboveAndBelowRamp",
+          "tagName": "arcgis-legend-classic-univariate-above-and-below-ramp",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-classic-univariate-above-and-below-ramp/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendClassicUnivariateAboveAndBelowRamp",
+          "importPath": "components/arcgis-legend-classic-univariate-above-and-below-ramp",
+          "members": [
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst arcgisLegendClassicUnivariateAboveAndBelowRamp = document.querySelector(\"arcgis-legend-classic-univariate-above-and-below-ramp\");\ndocument.body.append(arcgisLegendClassicUnivariateAboveAndBelowRamp);\nawait arcgisLegendClassicUnivariateAboveAndBelowRamp.componentOnReady();\nconsole.log(\"arcgis-legend-classic-univariate-above-and-below-ramp is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "cssEffectFilter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "css-effect-filter"
+            },
+            {
+              "kind": "field",
+              "name": "legendElement",
+              "type": {
+                "text": "UnivariateColorSizeRampElement",
+                "references": [
+                  {
+                    "name": "UnivariateColorSizeRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#UnivariateColorSizeRampElement",
+                    "start": 0,
+                    "end": 30
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "attribute": "opacity"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "css-effect-filter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "cssEffectFilter"
+            },
+            {
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "fieldName": "opacity"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-classic-univariate-above-and-below-ramp",
+          "declaration": {
+            "name": "ArcgisLegendClassicUnivariateAboveAndBelowRamp",
+            "module": "src/components/legend/legend-classic-univariate-above-and-below-ramp/legend-classic-univariate-above-and-below-ramp.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-classic-univariate-color-size-ramp/legend-classic-univariate-color-size-ramp.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "ArcgisLegendClassicUnivariateColorSizeRamp",
+          "tagName": "arcgis-legend-classic-univariate-color-size-ramp",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-classic-univariate-color-size-ramp/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendClassicUnivariateColorSizeRamp",
+          "importPath": "components/arcgis-legend-classic-univariate-color-size-ramp",
+          "members": [
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst arcgisLegendClassicUnivariateColorSizeRamp = document.querySelector(\"arcgis-legend-classic-univariate-color-size-ramp\");\ndocument.body.append(arcgisLegendClassicUnivariateColorSizeRamp);\nawait arcgisLegendClassicUnivariateColorSizeRamp.componentOnReady();\nconsole.log(\"arcgis-legend-classic-univariate-color-size-ramp is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "cssEffectFilter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "css-effect-filter"
+            },
+            {
+              "kind": "field",
+              "name": "legendElement",
+              "type": {
+                "text": "UnivariateColorSizeRampElement",
+                "references": [
+                  {
+                    "name": "UnivariateColorSizeRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#UnivariateColorSizeRampElement",
+                    "start": 0,
+                    "end": 30
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "attribute": "opacity"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "css-effect-filter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "cssEffectFilter"
+            },
+            {
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "1",
+              "fieldName": "opacity"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-classic-univariate-color-size-ramp",
+          "declaration": {
+            "name": "ArcgisLegendClassicUnivariateColorSizeRamp",
+            "module": "src/components/legend/legend-classic-univariate-color-size-ramp/legend-classic-univariate-color-size-ramp.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-classic-view/legend-classic-view.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "LegendClassicView",
+          "tagName": "arcgis-legend-classic-view",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-classic-view/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendClassicView",
+          "importPath": "components/arcgis-legend-classic-view",
+          "members": [
+            {
+              "kind": "field",
+              "name": "activeLayerInfos",
+              "type": {
+                "text": "Collection<ActiveLayerInfo>",
+                "references": [
+                  {
+                    "name": "Collection",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html",
+                    "start": 0,
+                    "end": 10
+                  },
+                  {
+                    "name": "ActiveLayerInfo",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html",
+                    "start": 11,
+                    "end": 26
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst legendClassicView = document.querySelector(\"arcgis-legend-classic-view\");\ndocument.body.append(legendClassicView);\nawait legendClassicView.componentOnReady();\nconsole.log(\"arcgis-legend-classic-view is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "headingLevel",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6",
+                "values": [
+                  {
+                    "value": "1",
+                    "type": "number"
+                  },
+                  {
+                    "value": "2",
+                    "type": "number"
+                  },
+                  {
+                    "value": "3",
+                    "type": "number"
+                  },
+                  {
+                    "value": "4",
+                    "type": "number"
+                  },
+                  {
+                    "value": "5",
+                    "type": "number"
+                  },
+                  {
+                    "value": "6",
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "3",
+              "attribute": "heading-level"
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "description": "The type of style. For Classic this value is always `classic`.",
+              "type": {
+                "text": "\"classic\"",
+                "values": [
+                  {
+                    "value": "classic",
+                    "type": "string"
+                  }
+                ]
+              },
+              "readonly": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "heading-level",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6",
+                "values": [
+                  {
+                    "value": "1",
+                    "type": "number"
+                  },
+                  {
+                    "value": "2",
+                    "type": "number"
+                  },
+                  {
+                    "value": "3",
+                    "type": "number"
+                  },
+                  {
+                    "value": "4",
+                    "type": "number"
+                  },
+                  {
+                    "value": "5",
+                    "type": "number"
+                  },
+                  {
+                    "value": "6",
+                    "type": "number"
+                  }
+                ]
+              },
+              "default": "3",
+              "fieldName": "headingLevel"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-classic-view",
+          "declaration": {
+            "name": "LegendClassicView",
+            "module": "src/components/legend/legend-classic-view/legend-classic-view.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-relationship-ramp/legend-relationship-ramp.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "ArcgisLegendRelationshipRamp",
+          "tagName": "arcgis-legend-relationship-ramp",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-relationship-ramp/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendRelationshipRamp",
+          "importPath": "components/arcgis-legend-relationship-ramp",
+          "members": [
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst arcgisLegendRelationshipRamp = document.querySelector(\"arcgis-legend-relationship-ramp\");\ndocument.body.append(arcgisLegendRelationshipRamp);\nawait arcgisLegendRelationshipRamp.componentOnReady();\nconsole.log(\"arcgis-legend-relationship-ramp is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "cssEffectFilter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "css-effect-filter"
+            },
+            {
+              "kind": "field",
+              "name": "legendElement",
+              "type": {
+                "text": "RelationshipRampElement",
+                "references": [
+                  {
+                    "name": "RelationshipRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#RelationshipRampElement",
+                    "start": 0,
+                    "end": 23
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "attribute": "opacity"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "css-effect-filter",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "cssEffectFilter"
+            },
+            {
+              "name": "opacity",
+              "type": {
+                "text": "number",
+                "values": [
+                  {
+                    "type": "number"
+                  }
+                ]
+              },
+              "fieldName": "opacity"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-relationship-ramp",
+          "declaration": {
+            "name": "ArcgisLegendRelationshipRamp",
+            "module": "src/components/legend/legend-relationship-ramp/legend-relationship-ramp.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/legend/legend-spike-ramp/legend-spike-ramp.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "ArcgisLegendSpikeRamp",
+          "tagName": "arcgis-legend-spike-ramp",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-legend-spike-ramp/"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisLegendSpikeRamp",
+          "importPath": "components/arcgis-legend-spike-ramp",
+          "members": [
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst arcgisLegendSpikeRamp = document.querySelector(\"arcgis-legend-spike-ramp\");\ndocument.body.append(arcgisLegendSpikeRamp);\nawait arcgisLegendSpikeRamp.componentOnReady();\nconsole.log(\"arcgis-legend-spike-ramp is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "legendElement",
+              "type": {
+                "text": "SizeRampElement",
+                "references": [
+                  {
+                    "name": "SizeRampElement",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend-support-ActiveLayerInfo.html#SizeRampElement",
+                    "start": 0,
+                    "end": 15
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "{\n    componentLabel?: string | undefined;\n    points?: string | undefined;\n    lines?: string | undefined;\n    polygons?: string | undefined;\n    creatingLegend?: string | undefined;\n    noLegend?: string | undefined;\n    dotValue?: string | undefined;\n    currentObservations?: string | undefined;\n    previousObservations?: string | undefined;\n    high?: string | undefined;\n    low?: string | undefined;\n    esriMetersPerSecond?: string | undefined;\n    esriKilometersPerHour?: string | undefined;\n    esriKnots?: string | undefined;\n    esriFeetPerSecond?: string | undefined;\n    esriMilesPerHour?: string | undefined;\n    showNormField?: string | undefined;\n    showNormPct?: string | undefined;\n    showRatio?: string | undefined;\n    showRatioPercent?: string | undefined;\n    showRatioPercentTotal?: string | undefined;\n    band0?: string | undefined;\n    band1?: string | undefined;\n    band2?: string | undefined;\n    band3?: string | undefined;\n    red?: string | undefined;\n    green?: string | undefined;\n    blue?: string | undefined;\n    clusterCountTitle?: string | undefined;\n    previewAriaLabel?: string | undefined;\n    previewTemplateAriaLabel?: string | undefined;\n    previewColorRampAriaLabel?: string | undefined;\n    previewPieChartAriaLabel?: string | undefined;\n    previewRelationshipRampAriaLabel?: string | undefined;\n    carousel?: string | undefined;\n    pagination?: {\n        pageText: string;\n    } | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        points?: string | undefined;\n        lines?: string | undefined;\n        polygons?: string | undefined;\n        creatingLegend?: string | undefined;\n        noLegend?: string | undefined;\n        dotValue?: string | undefined;\n        currentObservations?: string | undefined;\n        previousObservations?: string | undefined;\n        high?: string | undefined;\n        low?: string | undefined;\n        esriMetersPerSecond?: string | undefined;\n        esriKilometersPerHour?: string | undefined;\n        esriKnots?: string | undefined;\n        esriFeetPerSecond?: string | undefined;\n        esriMilesPerHour?: string | undefined;\n        showNormField?: string | undefined;\n        showNormPct?: string | undefined;\n        showRatio?: string | undefined;\n        showRatioPercent?: string | undefined;\n        showRatioPercentTotal?: string | undefined;\n        band0?: string | undefined;\n        band1?: string | undefined;\n        band2?: string | undefined;\n        band3?: string | undefined;\n        red?: string | undefined;\n        green?: string | undefined;\n        blue?: string | undefined;\n        clusterCountTitle?: string | undefined;\n        previewAriaLabel?: string | undefined;\n        previewTemplateAriaLabel?: string | undefined;\n        previewColorRampAriaLabel?: string | undefined;\n        previewPieChartAriaLabel?: string | undefined;\n        previewRelationshipRampAriaLabel?: string | undefined;\n        carousel?: string | undefined;\n        pagination?: {\n            pageText?: string | undefined;\n        } | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        points: string;\n        lines: string;\n        polygons: string;\n        creatingLegend: string;\n        noLegend: string;\n        dotValue: string;\n        currentObservations: string;\n        previousObservations: string;\n        high: string;\n        low: string;\n        esriMetersPerSecond: string;\n        esriKilometersPerHour: string;\n        esriKnots: string;\n        esriFeetPerSecond: string;\n        esriMilesPerHour: string;\n        showNormField: string;\n        showNormPct: string;\n        showRatio: string;\n        showRatioPercent: string;\n        showRatioPercentTotal: string;\n        band0: string;\n        band1: string;\n        band2: string;\n        band3: string;\n        red: string;\n        green: string;\n        blue: string;\n        clusterCountTitle: string;\n        previewAriaLabel: string;\n        previewTemplateAriaLabel: string;\n        previewColorRampAriaLabel: string;\n        previewPieChartAriaLabel: string;\n        previewRelationshipRampAriaLabel: string;\n        carousel: string;\n        pagination: {\n            pageText: string;\n        };\n    } | undefined;\n}"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-legend-spike-ramp",
+          "declaration": {
+            "name": "ArcgisLegendSpikeRamp",
+            "module": "src/components/legend/legend-spike-ramp/legend-spike-ramp.tsx"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/line-of-sight/line-of-sight.tsx",
@@ -45907,7 +48502,7 @@
               "kind": "field",
               "name": "messages",
               "type": {
-                "text": "({\n    componentLabel?: string | undefined;\n    searchButtonTitle?: string | undefined;\n    placeholder?: string | undefined;\n    searchIn?: string | undefined;\n    all?: string | undefined;\n    allPlaceholder?: string | undefined;\n    locateError?: string | undefined;\n    untitledResult?: string | undefined;\n    untitledSource?: string | undefined;\n    noResults?: string | undefined;\n    noResultsFound?: string | undefined;\n    noResultsFoundForValue?: string | undefined;\n    showMoreResults?: string | undefined;\n    hideMoreResults?: string | undefined;\n    searchResult?: string | undefined;\n    moreResultsHeader?: string | undefined;\n    useCurrentLocation?: string | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"ar\" | \"bs\" | \"vi\" | \"sk\" | \"es\" | \"tr\" | \"th\" | \"et\" | \"en\" | \"ru\" | \"ro\" | \"pl\" | \"no\" | \"lt\" | \"cs\" | \"he\" | \"fr\" | \"sv\" | \"da\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        searchButtonTitle?: string | undefined;\n        placeholder?: string | undefined;\n        searchIn?: string | undefined;\n        all?: string | undefined;\n        allPlaceholder?: string | undefined;\n        locateError?: string | undefined;\n        untitledResult?: string | undefined;\n        untitledSource?: string | undefined;\n        noResults?: string | undefined;\n        noResultsFound?: string | undefined;\n        noResultsFoundForValue?: string | undefined;\n        showMoreResults?: string | undefined;\n        hideMoreResults?: string | undefined;\n        searchResult?: string | undefined;\n        moreResultsHeader?: string | undefined;\n        useCurrentLocation?: string | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        searchButtonTitle: string;\n        placeholder: string;\n        searchIn: string;\n        all: string;\n        allPlaceholder: string;\n        locateError: string;\n        untitledResult: string;\n        untitledSource: string;\n        noResults: string;\n        noResultsFound: string;\n        noResultsFoundForValue: string;\n        showMoreResults: string;\n        hideMoreResults: string;\n        searchResult: string;\n        moreResultsHeader: string;\n        useCurrentLocation: string;\n    } | undefined;\n})"
+                "text": "({\n    componentLabel?: string | undefined;\n    searchButtonTitle?: string | undefined;\n    placeholder?: string | undefined;\n    searchIn?: string | undefined;\n    all?: string | undefined;\n    allPlaceholder?: string | undefined;\n    locateError?: string | undefined;\n    untitledResult?: string | undefined;\n    untitledSource?: string | undefined;\n    noResults?: string | undefined;\n    noResultsFound?: string | undefined;\n    noResultsFoundForValue?: string | undefined;\n    showMoreResults?: string | undefined;\n    hideMoreResults?: string | undefined;\n    searchResult?: string | undefined;\n    moreResultsHeader?: string | undefined;\n    useCurrentLocation?: string | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"sl\" | \"it\" | \"de\" | \"ca\" | \"fi\" | \"es\" | \"ar\" | \"th\" | \"et\" | \"da\" | \"sk\" | \"en\" | \"sv\" | \"fr\" | \"he\" | \"cs\" | \"lt\" | \"no\" | \"pl\" | \"ro\" | \"ru\" | \"tr\" | \"vi\" | \"bs\" | \"hr\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        searchButtonTitle?: string | undefined;\n        placeholder?: string | undefined;\n        searchIn?: string | undefined;\n        all?: string | undefined;\n        allPlaceholder?: string | undefined;\n        locateError?: string | undefined;\n        untitledResult?: string | undefined;\n        untitledSource?: string | undefined;\n        noResults?: string | undefined;\n        noResultsFound?: string | undefined;\n        noResultsFoundForValue?: string | undefined;\n        showMoreResults?: string | undefined;\n        hideMoreResults?: string | undefined;\n        searchResult?: string | undefined;\n        moreResultsHeader?: string | undefined;\n        useCurrentLocation?: string | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        searchButtonTitle: string;\n        placeholder: string;\n        searchIn: string;\n        all: string;\n        allPlaceholder: string;\n        locateError: string;\n        untitledResult: string;\n        untitledSource: string;\n        noResults: string;\n        noResultsFound: string;\n        noResultsFoundForValue: string;\n        showMoreResults: string;\n        hideMoreResults: string;\n        searchResult: string;\n        moreResultsHeader: string;\n        useCurrentLocation: string;\n    } | undefined;\n})"
               }
             },
             {
@@ -47101,7 +49696,7 @@
               "name": "availableCreateTools",
               "description": "Property controlling the visibility and order of create tool buttons.",
               "type": {
-                "text": "Array<\"text\" | \"rectangle\" | \"polygon\" | \"point\" | \"circle\" | \"multipoint\" | \"polyline\" | \"mesh\" | \"freehandPolyline\" | \"freehandPolygon\">",
+                "text": "Array<\"circle\" | \"point\" | \"polygon\" | \"rectangle\" | \"text\" | \"multipoint\" | \"polyline\" | \"mesh\" | \"freehandPolyline\" | \"freehandPolygon\">",
                 "references": [
                   {
                     "name": "Array",