{
  "schemaVersion": "1.0.0",
  "readme": "",
  "modules": [
    {
      "kind": "javascript-module",
      "path": "src/color-legend-element.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "",
          "name": "ColorLegendElement",
          "cssProperties": [
            {
              "description": "Font used for tick and legend item text",
              "name": "--cle-font-family",
              "default": "sans-serif"
            },
            {
              "description": "Font used for the legend's title text",
              "name": "--cle-font-family-title",
              "default": "var(--cle-font-family)"
            },
            {
              "description": "Font size for the tick and legend item text",
              "name": "--cle-font-size",
              "default": "0.75rem"
            },
            {
              "description": "Font size for the legend title text",
              "name": "--cle-font-size-title",
              "default": "0.875rem"
            },
            {
              "description": "Letter spacing for tick and legend item text",
              "name": "--cle-letter-spacing",
              "default": "0.3px"
            },
            {
              "description": "Letter spacing for the legend title text",
              "name": "--cle-letter-spacing-title",
              "default": "0.25px"
            },
            {
              "description": "Font weight for the tick and legend item text",
              "name": "--cle-font-weight",
              "default": "400"
            },
            {
              "description": "Font weight for the title text",
              "name": "--cle-font-weight-title",
              "default": "500"
            },
            {
              "description": "Font color for all text and tick lines",
              "name": "--cle-color",
              "default": "currentColor"
            },
            {
              "description": "Background color for the legend",
              "name": "--cle-background",
              "default": "#fff"
            },
            {
              "description": "Padding in the legend's container div",
              "name": "--cle-padding",
              "default": "0.375rem"
            },
            {
              "description": "Border style of the legend's container div",
              "name": "--cle-border",
              "default": "none"
            },
            {
              "description": "Border radius of the legend's container div",
              "name": "--cle-border-radius",
              "default": "0"
            },
            {
              "description": "Box-sizing property of the legend's container div",
              "name": "--cle-box-sizing",
              "default": "content-box"
            },
            {
              "description": "Number of columns for categorical legends",
              "name": "--cle-columns",
              "default": "2"
            },
            {
              "description": "Column width for categorical legends",
              "name": "--cle-column-width",
              "default": "auto"
            },
            {
              "description": "Margin property for categorical legend items",
              "name": "--cle-item-margin",
              "default": "0.375rem 0.75rem 0 0"
            },
            {
              "description": "Width of the \"line\" markType for categorical legends",
              "name": "--cle-line-width",
              "default": "24px"
            },
            {
              "description": "Height of the \"line\" markType for categorical legends",
              "name": "--cle-line-height",
              "default": "2px"
            },
            {
              "description": "Height & Width of \"rect\" and \"circle\" markTypes for categorical legends",
              "name": "--cle-swatch-size",
              "default": "10px"
            },
            {
              "description": "Width of the \"rect\" and \"circle\" markTypes for categorical legends",
              "name": "--cle-swatch-width",
              "default": "var(--cle-swatch-size)"
            },
            {
              "description": "Height of the \"rect\" and \"circle\" markTypes for categorical legends",
              "name": "--cle-swatch-height",
              "default": "var(--cle-swatch-size)"
            },
            {
              "description": "Margin of the mark (line, square, circle) for categorical legends",
              "name": "--cle-swatch-margin",
              "default": "0 0.5rem 0 0"
            }
          ],
          "slots": [
            {
              "description": "content to display below the main title",
              "name": "subtitle"
            },
            {
              "description": "content to display under the legend color bar or items",
              "name": "footer"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "titleText",
              "default": "DEFAULT_TITLE_TEXT",
              "description": "The title text that displays at the top of the legend",
              "attribute": "titleText"
            },
            {
              "kind": "field",
              "name": "width",
              "default": "DEFAULT_WIDTH",
              "description": "The width of the SVG or categorical legend div element",
              "attribute": "width"
            },
            {
              "kind": "field",
              "name": "height",
              "default": "DEFAULT_HEIGHT",
              "description": "The height of the SVG element",
              "attribute": "height"
            },
            {
              "kind": "field",
              "name": "marginTop",
              "default": "DEFAULT_MARGIN_TOP",
              "description": "The spacing between the legend bar and top most extent of the SVG",
              "attribute": "marginTop"
            },
            {
              "kind": "field",
              "name": "marginRight",
              "default": "DEFAULT_MARGIN_RIGHT",
              "description": "The spacing between the legend bar and right most extent of the SVG",
              "attribute": "marginRight"
            },
            {
              "kind": "field",
              "name": "marginBottom",
              "default": "DEFAULT_MARGIN_BOTTOM",
              "description": "The spacing between the legend bar and bottom most extent of the SVG",
              "attribute": "marginBottom"
            },
            {
              "kind": "field",
              "name": "marginLeft",
              "default": "DEFAULT_MARGIN_LEFT",
              "description": "The spacing between the legend bar and left most extent of the SVG",
              "attribute": "marginLeft"
            },
            {
              "kind": "field",
              "name": "scaleType",
              "type": {
                "text": "ScaleType"
              },
              "default": "DEFAULT_SCALE_TYPE",
              "description": "The type of legend to render based on d3-scale",
              "attribute": "scaleType"
            },
            {
              "kind": "field",
              "name": "domain",
              "type": {
                "text": "number[] | string[]"
              },
              "default": "DEFAULT_DOMAIN",
              "description": "The color scale's domain values",
              "attribute": "domain"
            },
            {
              "kind": "field",
              "name": "range",
              "default": "DEFAULT_RANGE",
              "description": "The color scale's range values",
              "attribute": "range"
            },
            {
              "kind": "field",
              "name": "markType",
              "default": "DEFAULT_MARK_TYPE",
              "description": "The symbology used for categorical legends",
              "attribute": "markType"
            },
            {
              "kind": "field",
              "name": "ticks",
              "default": "DEFAULT_TICKS",
              "description": "The desired number of axis ticks",
              "attribute": "ticks"
            },
            {
              "kind": "field",
              "name": "tickFormat",
              "default": "DEFAULT_TICK_FORMAT",
              "description": "The d3-format specifier to format axis tick values",
              "attribute": "tickFormat"
            },
            {
              "kind": "field",
              "name": "tickSize",
              "default": "DEFAULT_TICK_SIZE",
              "description": "The size or length of the axis ticks",
              "attribute": "tickSize"
            },
            {
              "kind": "field",
              "name": "tickValues",
              "type": {
                "text": "number[]"
              },
              "description": "The explicit values to be used for axis ticks",
              "attribute": "tickValues"
            },
            {
              "kind": "field",
              "name": "interpolator",
              "description": "a color interpolator function such as one from d3-scale-chromatic"
            },
            {
              "kind": "field",
              "name": "tickFormatter",
              "description": "Function that formats the xAxis tick values, set internally but may also be set externally"
            }
          ],
          "attributes": [
            {
              "name": "titleText",
              "default": "DEFAULT_TITLE_TEXT",
              "description": "The title text that displays at the top of the legend",
              "fieldName": "titleText"
            },
            {
              "name": "width",
              "default": "DEFAULT_WIDTH",
              "description": "The width of the SVG or categorical legend div element",
              "fieldName": "width"
            },
            {
              "name": "height",
              "default": "DEFAULT_HEIGHT",
              "description": "The height of the SVG element",
              "fieldName": "height"
            },
            {
              "name": "marginTop",
              "default": "DEFAULT_MARGIN_TOP",
              "description": "The spacing between the legend bar and top most extent of the SVG",
              "fieldName": "marginTop"
            },
            {
              "name": "marginRight",
              "default": "DEFAULT_MARGIN_RIGHT",
              "description": "The spacing between the legend bar and right most extent of the SVG",
              "fieldName": "marginRight"
            },
            {
              "name": "marginBottom",
              "default": "DEFAULT_MARGIN_BOTTOM",
              "description": "The spacing between the legend bar and bottom most extent of the SVG",
              "fieldName": "marginBottom"
            },
            {
              "name": "marginLeft",
              "default": "DEFAULT_MARGIN_LEFT",
              "description": "The spacing between the legend bar and left most extent of the SVG",
              "fieldName": "marginLeft"
            },
            {
              "name": "scaleType",
              "type": {
                "text": "ScaleType"
              },
              "default": "DEFAULT_SCALE_TYPE",
              "description": "The type of legend to render based on d3-scale",
              "fieldName": "scaleType"
            },
            {
              "name": "domain",
              "type": {
                "text": "number[] | string[]"
              },
              "default": "DEFAULT_DOMAIN",
              "description": "The color scale's domain values",
              "fieldName": "domain"
            },
            {
              "name": "range",
              "default": "DEFAULT_RANGE",
              "description": "The color scale's range values",
              "fieldName": "range"
            },
            {
              "name": "markType",
              "default": "DEFAULT_MARK_TYPE",
              "description": "The symbology used for categorical legends",
              "fieldName": "markType"
            },
            {
              "name": "ticks",
              "default": "DEFAULT_TICKS",
              "description": "The desired number of axis ticks",
              "fieldName": "ticks"
            },
            {
              "name": "tickFormat",
              "default": "DEFAULT_TICK_FORMAT",
              "description": "The d3-format specifier to format axis tick values",
              "fieldName": "tickFormat"
            },
            {
              "name": "tickSize",
              "default": "DEFAULT_TICK_SIZE",
              "description": "The size or length of the axis ticks",
              "fieldName": "tickSize"
            },
            {
              "name": "tickValues",
              "type": {
                "text": "number[]"
              },
              "description": "The explicit values to be used for axis ticks",
              "fieldName": "tickValues"
            }
          ],
          "superclass": {
            "name": "LitElement",
            "package": "lit"
          },
          "tagName": "color-legend",
          "summary": "A custom element that renders a legend suitable for use with data visualizations.",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ColorLegendElement",
          "declaration": {
            "name": "ColorLegendElement",
            "module": "src/color-legend-element.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "color-legend",
          "declaration": {
            "name": "ColorLegendElement",
            "module": "src/color-legend-element.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/constants.ts",
      "declarations": [
        {
          "kind": "variable",
          "name": "DEFAULT_WIDTH",
          "type": {
            "text": "number"
          },
          "default": "325"
        },
        {
          "kind": "variable",
          "name": "DEFAULT_HEIGHT",
          "type": {
            "text": "number"
          },
          "default": "32"
        },
        {
          "kind": "variable",
          "name": "DEFAULT_MARGIN_TOP",
          "type": {
            "text": "number"
          },
          "default": "6"
        },
        {
          "kind": "variable",
          "name": "DEFAULT_MARGIN_RIGHT",
          "type": {
            "text": "number"
          },
          "default": "12"
        },
        {
          "kind": "variable",
          "name": "DEFAULT_MARGIN_BOTTOM",
          "type": {
            "text": "number"
          },
          "default": "16"
        },
        {
          "kind": "variable",
          "name": "DEFAULT_MARGIN_LEFT",
          "type": {
            "text": "number"
          },
          "default": "12"
        },
        {
          "kind": "variable",
          "name": "DEFAULT_TICKS",
          "type": {
            "text": "number"
          },
          "default": "5"
        },
        {
          "kind": "variable",
          "name": "DEFAULT_TICK_SIZE",
          "type": {
            "text": "number"
          },
          "default": "6"
        },
        {
          "kind": "variable",
          "name": "DEFAULT_TICK_FORMAT",
          "type": {
            "text": "string"
          },
          "default": "\".1f\""
        },
        {
          "kind": "variable",
          "name": "DEFAULT_DOMAIN",
          "type": {
            "text": "array"
          },
          "default": "[0, 1]"
        },
        {
          "kind": "variable",
          "name": "DEFAULT_RANGE",
          "type": {
            "text": "array"
          },
          "default": "[\n  \"#ffffcc\",\n  \"#a1dab4\",\n  \"#41b6c4\",\n  \"#2c7fb8\",\n  \"#253494\",\n]"
        },
        {
          "kind": "variable",
          "name": "DEFAULT_TITLE_TEXT",
          "type": {
            "text": "string"
          },
          "default": "\"Color Legend Element\""
        },
        {
          "kind": "variable",
          "name": "DEFAULT_MARK_TYPE",
          "type": {
            "text": "MarkType"
          },
          "default": "\"circle\""
        },
        {
          "kind": "variable",
          "name": "DEFAULT_SCALE_TYPE",
          "type": {
            "text": "ScaleType"
          },
          "default": "\"continuous\""
        },
        {
          "kind": "variable",
          "name": "COLOR_SCALE_PROPS",
          "type": {
            "text": "array"
          },
          "default": "[\n  \"domain\",\n  \"range\",\n  \"interpolator\",\n  \"scaleType\",\n]"
        },
        {
          "kind": "variable",
          "name": "AXIS_AND_X_SCALE_PROPS",
          "type": {
            "text": "array"
          },
          "default": "[\n  \"scaleType\",\n  \"ticks\",\n  \"tickSize\",\n  \"tickValues\",\n  \"tickFormat\",\n  \"tickFormatter\",\n  \"domain\",\n  \"range\",\n  \"marginLeft\",\n  \"marginRight\",\n  \"marginBottom\",\n  \"marginTop\",\n  \"width\",\n  \"height\",\n]"
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "DEFAULT_WIDTH",
          "declaration": {
            "name": "DEFAULT_WIDTH",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_HEIGHT",
          "declaration": {
            "name": "DEFAULT_HEIGHT",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_MARGIN_TOP",
          "declaration": {
            "name": "DEFAULT_MARGIN_TOP",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_MARGIN_RIGHT",
          "declaration": {
            "name": "DEFAULT_MARGIN_RIGHT",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_MARGIN_BOTTOM",
          "declaration": {
            "name": "DEFAULT_MARGIN_BOTTOM",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_MARGIN_LEFT",
          "declaration": {
            "name": "DEFAULT_MARGIN_LEFT",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_TICKS",
          "declaration": {
            "name": "DEFAULT_TICKS",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_TICK_SIZE",
          "declaration": {
            "name": "DEFAULT_TICK_SIZE",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_TICK_FORMAT",
          "declaration": {
            "name": "DEFAULT_TICK_FORMAT",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_DOMAIN",
          "declaration": {
            "name": "DEFAULT_DOMAIN",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_RANGE",
          "declaration": {
            "name": "DEFAULT_RANGE",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_TITLE_TEXT",
          "declaration": {
            "name": "DEFAULT_TITLE_TEXT",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_MARK_TYPE",
          "declaration": {
            "name": "DEFAULT_MARK_TYPE",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "DEFAULT_SCALE_TYPE",
          "declaration": {
            "name": "DEFAULT_SCALE_TYPE",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "COLOR_SCALE_PROPS",
          "declaration": {
            "name": "COLOR_SCALE_PROPS",
            "module": "src/constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "AXIS_AND_X_SCALE_PROPS",
          "declaration": {
            "name": "AXIS_AND_X_SCALE_PROPS",
            "module": "src/constants.ts"
          }
        }
      ]
    }
  ]
}