{
  "timestamp": "2025-04-10T21:27:14",
  "compiler": {
    "name": "@stencil/core",
    "version": "3.2.0",
    "typescriptVersion": "4.9.5"
  },
  "components": [
    {
      "filePath": "./src/components/dxp-accordion/dxp-accordion.tsx",
      "encapsulation": "none",
      "tag": "dxp-accordion",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - The slot that holds the dxp-collapsible children components."
        },
        {
          "name": "part",
          "text": "base - The container displayed for the accordion."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "dependent",
          "type": "boolean",
          "mutable": false,
          "attr": "dependent",
          "reflectToAttr": false,
          "docs": "If `true`, only one dxp-collapsible within the accordion can be open at a time",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "expanded",
          "type": "boolean",
          "mutable": false,
          "attr": "expanded",
          "reflectToAttr": false,
          "docs": "If `true`, dxp-collapsibles within the accordion will all be open initially, unless this is dependant",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "headingLevel",
          "type": "number",
          "mutable": false,
          "attr": "heading-level",
          "reflectToAttr": false,
          "docs": "Heading level for dxp-collapsible descendants",
          "docsTags": [],
          "default": "null",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "transitionTime",
          "type": "string",
          "mutable": false,
          "attr": "transition-time",
          "reflectToAttr": false,
          "docs": "Controls transition time for child dxp-collapsible components. Default: '.5s'\nNOTE: Make sure to specify the time measurement (i.e, s - seconds; m - minutes; etc...)",
          "docsTags": [],
          "default": "null",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [
        {
          "event": "dxp-expand",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [
        {
          "name": "default",
          "docs": "The slot that holds the dxp-collapsible children components."
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The container displayed for the accordion."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-action/dxp-action.tsx",
      "encapsulation": "none",
      "tag": "dxp-action",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "command",
          "type": "\"set-complete\" | \"set-converted\" | \"set-data\" | \"set-entity\" | \"set-event\" | \"set-milestone\"",
          "mutable": false,
          "attr": "command",
          "reflectToAttr": false,
          "docs": "The command to execute.",
          "docsTags": [],
          "values": [
            {
              "value": "set-complete",
              "type": "string"
            },
            {
              "value": "set-converted",
              "type": "string"
            },
            {
              "value": "set-data",
              "type": "string"
            },
            {
              "value": "set-entity",
              "type": "string"
            },
            {
              "value": "set-event",
              "type": "string"
            },
            {
              "value": "set-milestone",
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "topic",
          "type": "string",
          "mutable": false,
          "attr": "topic",
          "reflectToAttr": false,
          "docs": "This is the topic this action-command is targeting.\nno need to change",
          "docsTags": [],
          "default": "'dxp'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "when",
          "type": "string",
          "mutable": false,
          "attr": "when",
          "reflectToAttr": false,
          "docs": "A predicate to evaluate prior to sending the action.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getAction",
          "returns": {
            "type": "Promise<EventAction<any>>",
            "docs": ""
          },
          "signature": "getAction() => Promise<EventAction<any> | null>",
          "parameters": [],
          "docs": "Get the underlying actionEvent instance. Used by the n-action-activator element.",
          "docsTags": []
        },
        {
          "name": "sendAction",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "sendAction() => Promise<void>",
          "parameters": [],
          "docs": "Send this action to the the action messaging system.",
          "docsTags": []
        }
      ],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-animated-svg/dxp-animated-svg.tsx",
      "encapsulation": "none",
      "tag": "dxp-animated-svg",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Set the aria-label for accessibility enhancements associated with role=\"img\".",
          "docsTags": [],
          "default": "'Animated image'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "src",
          "type": "string",
          "mutable": false,
          "attr": "src",
          "reflectToAttr": false,
          "docs": "Define the local or remote source for the image asset.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "width",
          "type": "string",
          "mutable": false,
          "attr": "width",
          "reflectToAttr": false,
          "docs": "Set the width of the rendered image.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-badge/dxp-badge.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-badge",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "image - Represents the image element that is displayed as an icon."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "altText",
          "type": "string",
          "mutable": false,
          "attr": "alt-text",
          "reflectToAttr": false,
          "docs": "Alt text to display if icon asset not found",
          "docsTags": [],
          "default": "'icon'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "color",
          "type": "string",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": false,
          "docs": "Changes color of video controls\n**Note** Header and content can be styled externally by adding classes to the slot.",
          "docsTags": [],
          "default": "'#000'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "horizontal",
          "type": "boolean",
          "mutable": false,
          "attr": "horizontal",
          "reflectToAttr": false,
          "docs": "Flag to determine if contents are aligned horizontally",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "href",
          "type": "string",
          "mutable": false,
          "attr": "href",
          "reflectToAttr": false,
          "docs": "Specifies the badges destination when clicked",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "iconSize",
          "type": "\"large\" | \"medium\" | \"small\" | \"xsmall\"",
          "mutable": false,
          "attr": "icon-size",
          "reflectToAttr": false,
          "docs": "This sets the size of the desired badge icon",
          "docsTags": [],
          "default": "'small'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            },
            {
              "value": "xsmall",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "imageSrc",
          "type": "string",
          "mutable": false,
          "attr": "image-src",
          "reflectToAttr": false,
          "docs": "Specifies the URL for the badge image",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "radius",
          "type": "string",
          "mutable": false,
          "attr": "radius",
          "reflectToAttr": false,
          "docs": "Sets a border radius for badge icon",
          "docsTags": [],
          "default": "'0px'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "target",
          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"top\"",
          "mutable": false,
          "attr": "target",
          "reflectToAttr": false,
          "docs": "Specifies where to open the link",
          "docsTags": [],
          "default": "'_blank'",
          "values": [
            {
              "value": "_blank",
              "type": "string"
            },
            {
              "value": "_parent",
              "type": "string"
            },
            {
              "value": "_self",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "videoSrc",
          "type": "string",
          "mutable": false,
          "attr": "video-src",
          "reflectToAttr": false,
          "docs": "Specifies the URL for the badge image",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Only changes color of video controls"
        },
        {
          "name": "--icon-margin",
          "annotation": "prop",
          "docs": "Margin for badge icon"
        },
        {
          "name": "--radius",
          "annotation": "prop",
          "docs": "Border radius for badge icon"
        },
        {
          "name": "--size",
          "annotation": "prop",
          "docs": "Width & height bounds for badge icon"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "image",
          "docs": "Represents the image element that is displayed as an icon."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-calendar-link/dxp-calendar-link.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-calendar-link",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "button-wrapper - Represents the wrapper for the dropdown button"
        },
        {
          "name": "part",
          "text": "button-label - Represents the label displayed with the dropdown button"
        },
        {
          "name": "part",
          "text": "button-icon - Represents the icon displayed with the button label"
        },
        {
          "name": "part",
          "text": "button - Represents the button used to toggle the dropdown"
        },
        {
          "name": "part",
          "text": "dropdown - Represents the dropdown wrapper that contains the calendar event links"
        },
        {
          "name": "part",
          "text": "dropdown-title - Represents the title displayed with the calendar service options"
        },
        {
          "name": "part",
          "text": "dropdown-list - Represents the `ul` element that contains the calendar event links"
        },
        {
          "name": "part",
          "text": "(apple|google|outlookoffice|outlook|outlookcom|yahoo|other)-list-item - Represents the list element for the service in the dropdown"
        },
        {
          "name": "part",
          "text": "(apple|google|outlookoffice|outlook|outlookcom|yahoo|other)-list-link - Represents the `a` tag for the service displayed in the dropdown"
        },
        {
          "name": "part",
          "text": "(apple|google|outlookoffice|outlook|outlookcom|yahoo|other)-list-icon - Represents the icon for the service displayed in the dropdown"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "allDay",
          "type": "boolean",
          "mutable": false,
          "attr": "all-day",
          "reflectToAttr": false,
          "docs": "(optional) Whether or not this is an all day event",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "buttonIconPlacement",
          "type": "\"left\" | \"right\" | \"textOnly\"",
          "mutable": false,
          "attr": "button-icon-placement",
          "reflectToAttr": false,
          "docs": "(optional) Placement of button icon",
          "docsTags": [],
          "default": "'left'",
          "values": [
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "textOnly",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "buttonLabel",
          "type": "string",
          "mutable": false,
          "attr": "button-label",
          "reflectToAttr": false,
          "docs": "(optional) Default button label",
          "docsTags": [],
          "default": "'Add to Calendar'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "description",
          "type": "string",
          "mutable": false,
          "attr": "description",
          "reflectToAttr": false,
          "docs": "(optional) The description for the event.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "displayItemIcons",
          "type": "boolean",
          "mutable": false,
          "attr": "display-item-icons",
          "reflectToAttr": false,
          "docs": "(optional) Toggle displaying calendar type icons",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "endTime",
          "type": "string",
          "mutable": false,
          "attr": "end-time",
          "reflectToAttr": false,
          "docs": "The datetime the event ends (Standard ISO 8601 format - `yyyy-MM-dd`T`HH:mm:ss.SSS`Z).\nCan be bound to dynamic data.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "eventTitle",
          "type": "string",
          "mutable": false,
          "attr": "event-title",
          "reflectToAttr": false,
          "docs": "The event name as it will be seen in the user's calendar.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "location",
          "type": "string",
          "mutable": false,
          "attr": "location",
          "reflectToAttr": false,
          "docs": "(optional) The location for the event.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "startTime",
          "type": "string",
          "mutable": false,
          "attr": "start-time",
          "reflectToAttr": false,
          "docs": "The datetime the event begins (Standard ISO 8601 format - `yyyy-MM-dd`T`HH:mm:ss.SSS`Z).\nCan be bound to dynamic data.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--background-color",
          "annotation": "prop",
          "docs": "The background color used for the dropdown menu."
        },
        {
          "name": "--font-color",
          "annotation": "prop",
          "docs": "The font color used for the dropdown menu."
        },
        {
          "name": "--font-name",
          "annotation": "prop",
          "docs": "The font used for the dropdown menu."
        },
        {
          "name": "--font-size",
          "annotation": "prop",
          "docs": "The font size used for the dropdown menu."
        },
        {
          "name": "--font-weight",
          "annotation": "prop",
          "docs": "The font weight used for the dropdown menu."
        },
        {
          "name": "--highlight-color",
          "annotation": "prop",
          "docs": "The highlight color used for the user's selection in the dropdown menu."
        },
        {
          "name": "--list-item-padding",
          "annotation": "prop",
          "docs": "Controls the padding between each list element."
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "(apple|google|outlookoffice|outlook|outlookcom|yahoo|other)-list-icon",
          "docs": "Represents the icon for the service displayed in the dropdown"
        },
        {
          "name": "(apple|google|outlookoffice|outlook|outlookcom|yahoo|other)-list-item",
          "docs": "Represents the list element for the service in the dropdown"
        },
        {
          "name": "(apple|google|outlookoffice|outlook|outlookcom|yahoo|other)-list-link",
          "docs": "Represents the `a` tag for the service displayed in the dropdown"
        },
        {
          "name": "button",
          "docs": "Represents the button used to toggle the dropdown"
        },
        {
          "name": "button-icon",
          "docs": "Represents the icon displayed with the button label"
        },
        {
          "name": "button-label",
          "docs": "Represents the label displayed with the dropdown button"
        },
        {
          "name": "button-wrapper",
          "docs": "Represents the wrapper for the dropdown button"
        },
        {
          "name": "dropdown",
          "docs": "Represents the dropdown wrapper that contains the calendar event links"
        },
        {
          "name": "dropdown-list",
          "docs": "Represents the `ul` element that contains the calendar event links"
        },
        {
          "name": "dropdown-title",
          "docs": "Represents the title displayed with the calendar service options"
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-calendly/dxp-calendly.tsx",
      "encapsulation": "none",
      "tag": "dxp-calendly",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "calendarUrl",
          "type": "string",
          "mutable": false,
          "attr": "calendar-url",
          "reflectToAttr": false,
          "docs": "URL for Calendly Widget",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "emailInputKey",
          "type": "any",
          "mutable": false,
          "attr": "email-input-key",
          "reflectToAttr": false,
          "docs": "Value for email prefill input",
          "docsTags": [],
          "default": "'email'",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "firstNameInputKey",
          "type": "any",
          "mutable": false,
          "attr": "first-name-input-key",
          "reflectToAttr": false,
          "docs": "Value for firstname prefill input",
          "docsTags": [],
          "default": "'firstname'",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "lastNameInputKey",
          "type": "any",
          "mutable": false,
          "attr": "last-name-input-key",
          "reflectToAttr": false,
          "docs": "Value for lastname prefill input",
          "docsTags": [],
          "default": "'lastname'",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "phoneInputKey",
          "type": "any",
          "mutable": false,
          "attr": "phone-input-key",
          "reflectToAttr": false,
          "docs": "Value for phone prefill input",
          "docsTags": [],
          "default": "'phone'",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [
        {
          "event": "dxp:experience",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-cloudinary/dxp-cloudinary.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-cloudinary",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "cloudName",
          "type": "string",
          "mutable": false,
          "attr": "cloud-name",
          "reflectToAttr": false,
          "docs": "Cloud name for cloudinary account",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "crop",
          "type": "string",
          "mutable": false,
          "attr": "crop",
          "reflectToAttr": false,
          "docs": "Changes the size of the delivered asset according to the requested width & height dimensions.",
          "docsTags": [],
          "default": "'fill'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "extension",
          "type": "string",
          "mutable": false,
          "attr": "extension",
          "reflectToAttr": false,
          "docs": "Desired extension for the displayed asset\nNOTE: This is required if using inputKey",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "height",
          "type": "string",
          "mutable": false,
          "attr": "height",
          "reflectToAttr": false,
          "docs": "Sets the desired height for the displayed asset",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "inputKey",
          "type": "string",
          "mutable": true,
          "attr": "input-key",
          "reflectToAttr": true,
          "docs": "Provide an input key from the story to display an asset based an experience value",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "isVideo",
          "type": "boolean",
          "mutable": false,
          "attr": "is-video",
          "reflectToAttr": false,
          "docs": "Specify if this element is rendering a video",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "overlay",
          "type": "string",
          "mutable": false,
          "attr": "overlay",
          "reflectToAttr": false,
          "docs": "Sets the desired overlay text or spliced video",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "overlayBold",
          "type": "boolean",
          "mutable": false,
          "attr": "overlay-bold",
          "reflectToAttr": false,
          "docs": "Sets the desired font to bold\nNOTE: Only for text overlay",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "overlayColor",
          "type": "string",
          "mutable": false,
          "attr": "overlay-color",
          "reflectToAttr": false,
          "docs": "Sets the text to the desired color\nNOTE: Only for text overlay",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "overlayFont",
          "type": "string",
          "mutable": false,
          "attr": "overlay-font",
          "reflectToAttr": false,
          "docs": "Sets the desired font\nNOTE: Only for text overlay",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "overlayGravity",
          "type": "string",
          "mutable": false,
          "attr": "overlay-gravity",
          "reflectToAttr": false,
          "docs": "This setting determines where to place the overlay.\nNOTE: Only for text overlay",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "overlayItalic",
          "type": "boolean",
          "mutable": false,
          "attr": "overlay-italic",
          "reflectToAttr": false,
          "docs": "Sets the desired font to italic\nNOTE: Only for text overlay",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "overlayLineSpacing",
          "type": "string",
          "mutable": false,
          "attr": "overlay-line-spacing",
          "reflectToAttr": false,
          "docs": "Sets the spacing between multiple lines in pixels.\nNOTE: Only for text overlay",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "overlayOffsetX",
          "type": "string",
          "mutable": false,
          "attr": "overlay-offset-x",
          "reflectToAttr": false,
          "docs": "Adjusts the horizontal offset of the corresponding transformation action.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "overlayOffsetY",
          "type": "string",
          "mutable": false,
          "attr": "overlay-offset-y",
          "reflectToAttr": false,
          "docs": "Adjusts the vertical offset of the corresponding transformation action.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "overlaySize",
          "type": "string",
          "mutable": false,
          "attr": "overlay-size",
          "reflectToAttr": false,
          "docs": "Sets the desired font size\nNOTE: Only for text overlay",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "overlayStartOffset",
          "type": "number",
          "mutable": false,
          "attr": "overlay-start-offset",
          "reflectToAttr": false,
          "docs": "Specifies the first second to include in the overlay video\nNOTE: Only for video splice",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "overlayUnderline",
          "type": "boolean",
          "mutable": false,
          "attr": "overlay-underline",
          "reflectToAttr": false,
          "docs": "Sets the desired font to underline\nNOTE: Only for text overlay",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "publicId",
          "type": "string",
          "mutable": false,
          "attr": "public-id",
          "reflectToAttr": false,
          "docs": "Public Id of the asset",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "version",
          "type": "string",
          "mutable": false,
          "attr": "version",
          "reflectToAttr": false,
          "docs": "Version of specified asset",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "width",
          "type": "string",
          "mutable": false,
          "attr": "width",
          "reflectToAttr": false,
          "docs": "Sets the desired width for the displayed asset",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-cms-data/dxp-cms-data.tsx",
      "encapsulation": "none",
      "tag": "dxp-cms-data",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "dataKey",
          "type": "string",
          "mutable": false,
          "attr": "data-key",
          "reflectToAttr": false,
          "docs": "(required) The key of the data to fetch",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "fallbackKey",
          "type": "string",
          "mutable": false,
          "attr": "fallback-key",
          "reflectToAttr": false,
          "docs": "(optional) The fallback key to use if the dataKey is not found",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "placeHolder",
          "type": "string",
          "mutable": false,
          "attr": "place-holder",
          "reflectToAttr": false,
          "docs": "(optional) The text to display when no value is found for the given site and key. Default \"N/A\".",
          "docsTags": [],
          "default": "'N/A'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "siteDataKey",
          "type": "\"Scheduled\"",
          "mutable": false,
          "attr": "site-data-key",
          "reflectToAttr": false,
          "docs": "(optional) The key of the site data to fetch.  Default: \"Scheduled\".",
          "docsTags": [],
          "default": "'Scheduled'",
          "values": [
            {
              "value": "Scheduled",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "siteId",
          "type": "string",
          "mutable": false,
          "attr": "site-id",
          "reflectToAttr": false,
          "docs": "(required) The Id of the site to fetch data from",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-cms-html/dxp-cms-html.tsx",
      "encapsulation": "none",
      "tag": "dxp-cms-html",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "cmsDataId",
          "type": "string",
          "mutable": false,
          "attr": "cms-data-id",
          "reflectToAttr": false,
          "docs": "Provide a GUID from CMS to pull down associated raw html",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-cms-markdown/dxp-cms-markdown.tsx",
      "encapsulation": "none",
      "tag": "dxp-cms-markdown",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "cmsDataId",
          "type": "string",
          "mutable": false,
          "attr": "cms-data-id",
          "reflectToAttr": false,
          "docs": "Provide a GUID from CMS to pull down associated markdown",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-collapsible/dxp-collapsible.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-collapsible",
      "docs": "A child component for dxp-accordion that contains the collapsible content",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - The slot that holds the expandable content"
        },
        {
          "name": "slot",
          "text": "heading - The slot that contains the clickable text to expand content"
        },
        {
          "name": "slot",
          "text": "expand-icon - Use this slot to override the default expansion icon"
        },
        {
          "name": "slot",
          "text": "close-icon - Use this slot to override the default collapse icon"
        },
        {
          "name": "part",
          "text": "base - The container displayed for the component"
        },
        {
          "name": "part",
          "text": "heading - The header displayed for the collapsible content in the accordion."
        },
        {
          "name": "part",
          "text": "content - The collapsible content displayed when the header is clicked"
        },
        {
          "name": "part",
          "text": "button - The button displayed to expand the collapsible content"
        },
        {
          "name": "part",
          "text": "button-text - The text displayed inside the button"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "expanded",
          "type": "boolean",
          "mutable": true,
          "attr": "expanded",
          "reflectToAttr": true,
          "docs": "Set to `true` to expand",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "headingLevel",
          "type": "number",
          "mutable": false,
          "attr": "heading-level",
          "reflectToAttr": false,
          "docs": "Default aria-level for heading",
          "docsTags": [],
          "default": "2",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "transitionTime",
          "type": "string",
          "mutable": false,
          "attr": "transition-time",
          "reflectToAttr": false,
          "docs": "Controls transition time it takes to open the collapsed content. Default: '.5s'\nNOTE: Make sure to specify the time measurement (i.e, s - seconds; m - minutes; etc...)",
          "docsTags": [],
          "default": "'0.5s'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "dxp-expand",
          "detail": "CollapsibleEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted so parent <dxp-accordion> knows about it",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--background-button-hover",
          "annotation": "prop",
          "docs": "Heading background color on hover."
        },
        {
          "name": "--border-color-button-focus",
          "annotation": "prop",
          "docs": "Color of button border when clicked."
        },
        {
          "name": "--border-width-button",
          "annotation": "prop",
          "docs": "Button's border width (shown on highlight)"
        },
        {
          "name": "--color-button-active",
          "annotation": "prop",
          "docs": "Text color when active."
        },
        {
          "name": "--color-button-hover",
          "annotation": "prop",
          "docs": "Text color on hover."
        },
        {
          "name": "--font-size-button",
          "annotation": "prop",
          "docs": "Button's text size."
        },
        {
          "name": "--font-weight-button",
          "annotation": "prop",
          "docs": "Button's font weight."
        },
        {
          "name": "--line-height-button",
          "annotation": "prop",
          "docs": "Button's line height."
        },
        {
          "name": "--radius-button",
          "annotation": "prop",
          "docs": "Radius for heading button."
        },
        {
          "name": "--spacing-bottom-content",
          "annotation": "prop",
          "docs": "Bottom padding for collapsible content."
        },
        {
          "name": "--spacing-left-button",
          "annotation": "prop",
          "docs": "Left padding for heading button."
        },
        {
          "name": "--spacing-left-button-text",
          "annotation": "prop",
          "docs": "Left padding for button's text."
        },
        {
          "name": "--spacing-left-content",
          "annotation": "prop",
          "docs": "Left padding for collapsible content."
        },
        {
          "name": "--spacing-right-content",
          "annotation": "prop",
          "docs": "Right padding for collapsible content."
        },
        {
          "name": "--spacing-top-content",
          "annotation": "prop",
          "docs": "Top padding for collapsible content."
        },
        {
          "name": "--spacing-top-icon",
          "annotation": "prop",
          "docs": "Icon top margin."
        },
        {
          "name": "--spacing-y",
          "annotation": "prop",
          "docs": "Margin between each collapsible."
        },
        {
          "name": "--transition-time",
          "annotation": "prop",
          "docs": "Time it takes to fully open the collapsible content."
        }
      ],
      "slots": [
        {
          "name": "close-icon",
          "docs": "Use this slot to override the default collapse icon"
        },
        {
          "name": "default",
          "docs": "The slot that holds the expandable content"
        },
        {
          "name": "expand-icon",
          "docs": "Use this slot to override the default expansion icon"
        },
        {
          "name": "heading",
          "docs": "The slot that contains the clickable text to expand content"
        }
      ],
      "parts": [
        {
          "name": "base",
          "docs": "The container displayed for the component"
        },
        {
          "name": "button",
          "docs": "The button displayed to expand the collapsible content"
        },
        {
          "name": "button-text",
          "docs": "The text displayed inside the button"
        },
        {
          "name": "content",
          "docs": "The collapsible content displayed when the header is clicked"
        },
        {
          "name": "heading",
          "docs": "The header displayed for the collapsible content in the accordion."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-detect-event/dxp-detect-event.tsx",
      "encapsulation": "none",
      "tag": "dxp-detect-event",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "occurred - Slot that will display when the provided event has been recorded with the experience"
        },
        {
          "name": "slot",
          "text": "waiting - Slot that will display when the provided event has not been recorded yet"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "dxpEvent",
          "type": "string",
          "mutable": false,
          "attr": "dxp-event",
          "reflectToAttr": false,
          "docs": "The key for the dxp-event to check against the experience recorded events",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "eventChanged",
          "detail": "boolean",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Fires off when the defined event is found to have occurred",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "occurred",
          "docs": "Slot that will display when the provided event has been recorded with the experience"
        },
        {
          "name": "waiting",
          "docs": "Slot that will display when the provided event has not been recorded yet"
        }
      ],
      "parts": [],
      "dependents": [
        "dxp-wayfinder-step"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "dxp-wayfinder-step": [
          "dxp-detect-event"
        ]
      }
    },
    {
      "filePath": "./src/components/dxp-detect-progress/dxp-detect-progress.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-detect-progress",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "active - Slot that will display when the provided condition has been met"
        },
        {
          "name": "slot",
          "text": "inactive (default) - Slot that will display when the provided condition has not been met"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "condition",
          "type": "string",
          "mutable": false,
          "attr": "condition",
          "reflectToAttr": false,
          "docs": "The name of the progress state to search for\n(Optional) supports regex string for condition matching",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "operator",
          "type": "\"eq\" | \"ge\" | \"gt\" | \"le\" | \"lt\" | \"not\"",
          "mutable": false,
          "attr": "operator",
          "reflectToAttr": false,
          "docs": "Operator used to evaluate weight condition weight and current weight\n\"eq\" Equal to (default)\n\"lt\" less than\n\"le\" Less than/Equal to\n\"gt\" Greater than\n\"ge\" Greater than/Equal to\n\"not\" will negate your operator",
          "docsTags": [],
          "default": "'eq'",
          "values": [
            {
              "value": "eq",
              "type": "string"
            },
            {
              "value": "ge",
              "type": "string"
            },
            {
              "value": "gt",
              "type": "string"
            },
            {
              "value": "le",
              "type": "string"
            },
            {
              "value": "lt",
              "type": "string"
            },
            {
              "value": "not",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "active",
          "docs": "Slot that will display when the provided condition has been met"
        },
        {
          "name": "inactive (default)",
          "docs": "Slot that will display when the provided condition has not been met"
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-experience/dxp-experience.tsx",
      "encapsulation": "none",
      "tag": "dxp-experience",
      "docs": "This is the experience-host component that provides the\nmechanism for retrieving the experience to the page.",
      "docsTags": [
        {
          "name": "extension",
          "text": "actions"
        },
        {
          "name": "extension",
          "text": "provider"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "debug",
          "type": "boolean",
          "mutable": false,
          "attr": "debug",
          "reflectToAttr": false,
          "docs": "Enable verbose logging\n(falls back to ?debug )",
          "docsTags": [],
          "default": "experienceState.debug",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "storyKey",
          "type": "string",
          "mutable": false,
          "attr": "story-key",
          "reflectToAttr": false,
          "docs": "Story Key (required!)",
          "docsTags": [
            {
              "name": "required"
            }
          ],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "xapiUrl",
          "type": "string",
          "mutable": false,
          "attr": "xapi-url",
          "reflectToAttr": false,
          "docs": "Experience API Url (required)",
          "docsTags": [
            {
              "name": "required"
            }
          ],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [
        {
          "name": "reset",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "reset() => Promise<void>",
          "parameters": [],
          "docs": "This method resets the stored session-id & experience-key,\neffectively resetting the current experience. Useful for testing\nor dynamically switching experiences in-page.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "dxp:changed",
          "detail": "Experience",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "When an experience data is updated this event fires\nwith 'event.detail' being the full experience,\nw/ data methods like 'setData()' and 'setComplete()'.",
          "docsTags": []
        },
        {
          "event": "dxp:errored",
          "detail": "string",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "When an experience is unable to be retrieved, this event fires\nwith 'event.detail' = error message.",
          "docsTags": []
        },
        {
          "event": "dxp:initialized",
          "detail": "Experience",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "When an experience is retrieved, this event fires\nwith 'event.detail' being the full experience,\nw/ data methods like 'setData()' and 'setComplete()'.",
          "docsTags": []
        },
        {
          "event": "nent:actions",
          "detail": "EventAction<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Submit actions to the NENT action-bus",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-experience-data/dxp-experience-data.tsx",
      "encapsulation": "none",
      "tag": "dxp-experience-data",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "default",
          "type": "string",
          "mutable": false,
          "attr": "default",
          "reflectToAttr": false,
          "docs": "A default value to display if the data in get is not found.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "inputKey",
          "type": "string",
          "mutable": false,
          "attr": "input-key",
          "reflectToAttr": false,
          "docs": "The input-key to display",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "modify",
          "type": "string",
          "mutable": false,
          "attr": "modify",
          "reflectToAttr": false,
          "docs": "A pipe separated list of modifier expressions to modify the captured data.\nclip: length\n\n truncate: length\n date\n format: expression\n lowercase\n uppercase\n capitalize\n size\n encode\n currency\n display",
          "docsTags": [
            {
              "name": "example",
              "text": "clip:5|capitalize"
            }
          ],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-filter/dxp-filter.tsx",
      "encapsulation": "none",
      "tag": "dxp-filter",
      "docs": "A component to store values that will be filtered within an input component.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "value",
          "type": "string",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the data being filtered.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-form/dxp-form.tsx",
      "encapsulation": "none",
      "tag": "dxp-form",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - The slot that holds the inputs and submit button (usually dxp-inputs & button[type=submit])"
        },
        {
          "name": "slot",
          "text": "result - The slot that contains the resulting message once the form is submitted."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "appendData",
          "type": "boolean",
          "mutable": false,
          "attr": "append-data",
          "reflectToAttr": false,
          "docs": "Use tp append all known data to redirect-url value.\nThis is helpful when sending users to new DXP experience.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "debug",
          "type": "boolean",
          "mutable": false,
          "attr": "debug",
          "reflectToAttr": false,
          "docs": "Debug mode won't redirect",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "redirectUrl",
          "type": "string",
          "mutable": false,
          "attr": "redirect-url",
          "reflectToAttr": false,
          "docs": "The URL to redirect to on submit, if all fields\nare valid. Leave empty to show results HTML.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "submitSelector",
          "type": "string",
          "mutable": false,
          "attr": "submit-selector",
          "reflectToAttr": false,
          "docs": "By default, this component attaches to the first element with a type\nsubmit attribute: [type=submit]\nIf you are using an alternative, provide the query using this property. This allows developers\nto provide their own button. We will attach the event to this element instead.",
          "docsTags": [],
          "default": "'[type=submit]'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "waitTime",
          "type": "number",
          "mutable": false,
          "attr": "wait-time",
          "reflectToAttr": false,
          "docs": "Milliseconds to wait before redirecting.",
          "docsTags": [],
          "default": "1500",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "dxp:redirect-started",
          "detail": "{ redirectUrl: string; formContext: { state: boolean; data: Record<string, any>; }; }",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "This event fires off and bubbles up before performing a redirect after form submission.\nNote: This event is cancellable to allow preventing redirects.\n\nEvent detail includes:\n- `redirectUrl`: The URL the form is redirecting to.\n- `formContext`: An object containing the form's state and data.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "default",
          "docs": "The slot that holds the inputs and submit button (usually dxp-inputs & button[type=submit])"
        },
        {
          "name": "result",
          "docs": "The slot that contains the resulting message once the form is submitted."
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-gtm/dxp-gtm.tsx",
      "encapsulation": "none",
      "tag": "dxp-gtm",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "accountId",
          "type": "string",
          "mutable": false,
          "attr": "account-id",
          "reflectToAttr": false,
          "docs": "GTM Account ID",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "skipScript",
          "type": "boolean",
          "mutable": false,
          "attr": "skip-script",
          "reflectToAttr": false,
          "docs": "Use the already loaded dataLayer and skip adding the\ngtm reference.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-nav/dxp-header/dxp-header.tsx",
      "encapsulation": "none",
      "tag": "dxp-header",
      "docs": "This component can be used to control navigation on a site.",
      "docsTags": [
        {
          "name": "slot",
          "text": "menu-main - Use this slot to override main menu navigation section"
        },
        {
          "name": "slot",
          "text": "logo-brand - Use this slot to add a logo to the brand section"
        },
        {
          "name": "slot",
          "text": "logo-nav - Use this slot to add a logo to the nav section"
        },
        {
          "name": "slot",
          "text": "branding - Use this slot to override the entire branding section"
        },
        {
          "name": "slot",
          "text": "menu-mobile - Use this slot to override the mobile menu navigation section"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "activeRouteId",
          "type": "string",
          "mutable": true,
          "attr": "active-route-id",
          "reflectToAttr": false,
          "docs": "(optional) Set this to a MenuItem Id value to default as the active route\nIf not set, the default active route is set to the first navigation entry",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "mainNavigation",
          "type": "any",
          "mutable": false,
          "attr": "main-navigation",
          "reflectToAttr": false,
          "docs": "(optional) JSON structured array of navigation menu items.\nNote if this is set, it will override all child dxp-nav-item elements\nex:\n`\n[\n     {\n       \"label\": \"Topic One\",\n       \"id\": \"Topic One\",\n         \"children\": [{\n           \"label\": \"Second Level\",\n           \"id\": \"Second Level 3\",\n           \"children\": [{\n             \"label\": \"Third Level\",\n             \"id\": \"Third Level 4\",\n             \"href\": \"#third-level\"\n           }]\n         }]\n     }\n]\n`",
          "docsTags": [],
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [
        {
          "event": "scroll",
          "target": "window",
          "capture": false,
          "passive": true
        },
        {
          "event": "closeMenu",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [
        {
          "name": "--background-brand",
          "annotation": "prop",
          "docs": "Controls the background color for the brand section."
        },
        {
          "name": "--background-header",
          "annotation": "prop",
          "docs": "Controls the background color for the entire component."
        },
        {
          "name": "--background-nav",
          "annotation": "prop",
          "docs": "Controls the background color for the navigation section."
        },
        {
          "name": "--collapsed-bottom-border",
          "annotation": "prop",
          "docs": "Controls the border that is displayed on the bottom of the component when collapsed."
        },
        {
          "name": "--color-brand",
          "annotation": "prop",
          "docs": "Controls the text color for the brand section."
        },
        {
          "name": "--color-nav",
          "annotation": "prop",
          "docs": "Controls the text color for the navigation section."
        },
        {
          "name": "--header-border-radius",
          "annotation": "prop",
          "docs": "Controls border radius applied to the top of the navigation menu section."
        },
        {
          "name": "--header-brand-collapsed-height",
          "annotation": "prop",
          "docs": "Controls the height of the brand bar after collapsing on scroll."
        },
        {
          "name": "--header-brand-height",
          "annotation": "prop",
          "docs": "Controls height for top brand section."
        },
        {
          "name": "--header-font-weight",
          "annotation": "prop",
          "docs": "Controls default weight of text font."
        },
        {
          "name": "--header-max-width",
          "annotation": "prop",
          "docs": "Controls the max width for the entire component."
        },
        {
          "name": "--header-nav-height",
          "annotation": "prop",
          "docs": "Controls height for bottom navigation menu section."
        },
        {
          "name": "--header-transition-speed",
          "annotation": "prop",
          "docs": "Controls how fast the navigation menu section covers the brand section on scroll."
        },
        {
          "name": "--padding-nav",
          "annotation": "prop",
          "docs": "Controls the padding for the navigation section."
        }
      ],
      "slots": [
        {
          "name": "branding",
          "docs": "Use this slot to override the entire branding section"
        },
        {
          "name": "logo-brand",
          "docs": "Use this slot to add a logo to the brand section"
        },
        {
          "name": "logo-nav",
          "docs": "Use this slot to add a logo to the nav section"
        },
        {
          "name": "menu-main",
          "docs": "Use this slot to override main menu navigation section"
        },
        {
          "name": "menu-mobile",
          "docs": "Use this slot to override the mobile menu navigation section"
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "dxp-nav-main",
        "dxp-nav-panel",
        "dxp-nav-icon",
        "dxp-nav-mobile"
      ],
      "dependencyGraph": {
        "dxp-header": [
          "dxp-nav-main",
          "dxp-nav-panel",
          "dxp-nav-icon",
          "dxp-nav-mobile"
        ]
      }
    },
    {
      "filePath": "./src/components/dxp-html/dxp-html.tsx",
      "encapsulation": "none",
      "tag": "dxp-html",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "hasTokens",
          "type": "boolean",
          "mutable": false,
          "attr": "has-tokens",
          "reflectToAttr": false,
          "docs": "Set this to true if the HTML template has tokens and should be re-fetched on\nexperience data-changes.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "templateKey",
          "type": "string",
          "mutable": false,
          "attr": "template-key",
          "reflectToAttr": false,
          "docs": "Story HTML Template Key",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-input/dxp-input.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-input",
      "docs": "This component uses a DXP story's input definition to render HTML inputs.",
      "docsTags": [
        {
          "name": "docs"
        },
        {
          "name": "part",
          "text": "input - Represents the input element"
        },
        {
          "name": "part",
          "text": "input-wrapper - Represents the container around the input element"
        },
        {
          "name": "part",
          "text": "label - (valid|invalid) Represents the label element.  Valid or invalid is added depending on resolved value."
        },
        {
          "name": "part",
          "text": "textarea - Represents the textarea element"
        },
        {
          "name": "part",
          "text": "select - Represents the select element"
        },
        {
          "name": "part",
          "text": "error - Represents the container around the error message"
        },
        {
          "name": "part",
          "text": "toggle-slider - Represents the slider element with Toggle display types"
        },
        {
          "name": "part",
          "text": "radio-group - Represents the container around a group of radio inputs"
        },
        {
          "name": "part",
          "text": "radio-label - Represents the label element for individual radio inputs"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "filterType",
          "type": "FilterType.exclude | FilterType.include",
          "mutable": false,
          "attr": "filter-type",
          "reflectToAttr": false,
          "docs": "(optional) The filter type\nHas two types: Include & Exclude that will filter a set of data\nusing the value set within each child dxp-filter component.",
          "docsTags": [],
          "values": [
            {
              "type": "FilterType.exclude"
            },
            {
              "type": "FilterType.include"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "inputKey",
          "type": "string",
          "mutable": true,
          "attr": "input-key",
          "reflectToAttr": true,
          "docs": "Provide an input key from the story to display a form-field",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Hide the label for this input",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "noLabel",
          "type": "boolean",
          "mutable": false,
          "attr": "no-label",
          "reflectToAttr": false,
          "docs": "(optional) Removes the associated label element for the input",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pattern",
          "type": "string",
          "mutable": true,
          "attr": "pattern",
          "reflectToAttr": false,
          "docs": "Customized pattern validation (regular expression).\nNote: Inputs with a display type of 'email' or 'phone' have default patterns:\n- Email: Must contain an '@' and a valid top-level domain (e.g. \".com\", \".edu\").\n- Phone: Must contain 10 digits, can optionally include non-digit characters (e.g., \"-\") but cannot start or end with them.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": false,
          "docs": "The placeholder within the element. Defaults\nto the field name. Specify a value if you\nwant to override it or false to turn it off",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "required",
          "type": "boolean",
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "Override the requirement for this input",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "setValue",
          "type": "any",
          "mutable": false,
          "attr": "set-value",
          "reflectToAttr": false,
          "docs": "The value to set this input.",
          "docsTags": [],
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "skipValidate",
          "type": "boolean",
          "mutable": false,
          "attr": "skip-validate",
          "reflectToAttr": false,
          "docs": "By default this component validates itself in real-time.\nTo validate later, like when in a form set this value to true\nand make sure to use ask each input to report its validity.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "storyInput",
          "type": "StoryInput",
          "mutable": true,
          "reflectToAttr": false,
          "docs": "For binding directly to a DXP story-input object.",
          "docsTags": [],
          "values": [
            {
              "type": "StoryInput"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "styles",
          "type": "string",
          "mutable": false,
          "attr": "styles",
          "reflectToAttr": false,
          "docs": "(optional) Override the default classes for the input element",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "validationMessage",
          "type": "string",
          "mutable": true,
          "attr": "validation-message",
          "reflectToAttr": false,
          "docs": "Customized message to show if this field is marked\ninvalid for any reason.\nTip: 'State ALL field requirements'",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "checkValidity",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "checkValidity() => Promise<boolean>",
          "parameters": [],
          "docs": "Checking the validity of the input.",
          "docsTags": []
        },
        {
          "name": "reportValidity",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "reportValidity() => Promise<boolean>",
          "parameters": [],
          "docs": "Reporting the validity of the input.",
          "docsTags": []
        },
        {
          "name": "submitInputValue",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "submitInputValue() => Promise<void>",
          "parameters": [],
          "docs": "Update the input value for the associated DXP experience.\n**NOTE** Call this to ensure values are updated before a parent event (i.e., form submission, redirect)",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "dxp-input:initialized",
          "detail": "string",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "This event is bubbled when the component is done loading",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "error",
          "docs": "Represents the container around the error message"
        },
        {
          "name": "input",
          "docs": "Represents the input element"
        },
        {
          "name": "input-wrapper",
          "docs": "Represents the container around the input element"
        },
        {
          "name": "label",
          "docs": "(valid|invalid) Represents the label element.  Valid or invalid is added depending on resolved value."
        },
        {
          "name": "radio-group",
          "docs": "Represents the container around a group of radio inputs"
        },
        {
          "name": "radio-label",
          "docs": "Represents the label element for individual radio inputs"
        },
        {
          "name": "select",
          "docs": "Represents the select element"
        },
        {
          "name": "textarea",
          "docs": "Represents the textarea element"
        },
        {
          "name": "toggle-slider",
          "docs": "Represents the slider element with Toggle display types"
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-input-buttons/dxp-input-buttons.tsx",
      "encapsulation": "none",
      "tag": "dxp-input-buttons",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "classes",
          "type": "string",
          "mutable": false,
          "attr": "classes",
          "reflectToAttr": false,
          "docs": "Classes to add to each button displayed for options.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "inputKey",
          "type": "string",
          "mutable": false,
          "attr": "input-key",
          "reflectToAttr": false,
          "docs": "Provide an input key from the story to display a form-field",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "storyInput",
          "type": "StoryInput",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "For binding directly to a DXP story-input object.",
          "docsTags": [],
          "default": "null",
          "values": [
            {
              "type": "StoryInput"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-input-link/dxp-input-link.tsx",
      "encapsulation": "none",
      "tag": "dxp-input-link",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - The slot for content inside the displayed link tag."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "activeClass",
          "type": "string",
          "mutable": false,
          "attr": "active-class",
          "reflectToAttr": false,
          "docs": "The class to add when the matching route is active in the browser",
          "docsTags": [],
          "default": "'active'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "exact",
          "type": "boolean",
          "mutable": false,
          "attr": "exact",
          "reflectToAttr": false,
          "docs": "Only active on the exact href match, and not on child routes",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "inputKey",
          "type": "string",
          "mutable": false,
          "attr": "input-key",
          "reflectToAttr": false,
          "docs": "Provide an input key from the story to set the value on click",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "linkClass",
          "type": "string",
          "mutable": false,
          "attr": "link-class",
          "reflectToAttr": false,
          "docs": "The class to add to the anchor tag",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "path",
          "type": "string",
          "mutable": false,
          "attr": "path",
          "reflectToAttr": false,
          "docs": "The destination route for this link",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "setValue",
          "type": "any",
          "mutable": false,
          "attr": "set-value",
          "reflectToAttr": false,
          "docs": "The value to set against the provided input key",
          "docsTags": [],
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "strict",
          "type": "boolean",
          "mutable": false,
          "attr": "strict",
          "reflectToAttr": false,
          "docs": "Only active on the exact href match using every aspect of the URL including parameters.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "validate",
          "type": "boolean",
          "mutable": false,
          "attr": "validate",
          "reflectToAttr": false,
          "docs": "Validates any current-route inputs before navigating.\nDisables navigation if any inputs are invalid.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "default",
          "docs": "The slot for content inside the displayed link tag."
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-link/dxp-link.tsx",
      "encapsulation": "none",
      "tag": "dxp-link",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "appendData",
          "type": "boolean",
          "mutable": false,
          "attr": "append-data",
          "reflectToAttr": false,
          "docs": "When present, the link will include all\nexperience data, url-encoded in the querystring",
          "docsTags": [
            {
              "name": "example",
              "text": "output: (link-url?xid=(xid)&name=John%2Smith&email=jsmith%40gmail.com"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "appendParameters",
          "type": "string",
          "mutable": false,
          "attr": "append-parameters",
          "reflectToAttr": false,
          "docs": "Additional parameters to include",
          "docsTags": [
            {
              "name": "example",
              "text": "\"utm=324k&cid=aug-2021#/path\""
            }
          ],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "appendPxid",
          "type": "boolean",
          "mutable": false,
          "attr": "append-pxid",
          "reflectToAttr": false,
          "docs": "Append the PXID parameter instead of the XID. Use this when we are linking to a new story.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "linkKey",
          "type": "string",
          "mutable": false,
          "attr": "link-key",
          "reflectToAttr": false,
          "docs": "The custom-link key from the story",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "srcType",
          "type": "\"constant\" | \"contact\" | \"experience\" | \"organization\" | \"read only\" | \"user\"",
          "mutable": false,
          "attr": "src-type",
          "reflectToAttr": false,
          "docs": "The input source types to include as parameters when using append-data",
          "docsTags": [],
          "default": "'contact'",
          "values": [
            {
              "value": "constant",
              "type": "string"
            },
            {
              "value": "contact",
              "type": "string"
            },
            {
              "value": "experience",
              "type": "string"
            },
            {
              "value": "organization",
              "type": "string"
            },
            {
              "value": "read only",
              "type": "string"
            },
            {
              "value": "user",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "target",
          "type": "string",
          "mutable": false,
          "attr": "target",
          "reflectToAttr": false,
          "docs": "Anchor target",
          "docsTags": [],
          "default": "'_blank'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-logo/dxp-logo.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-logo",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "alt",
          "type": "string",
          "mutable": false,
          "attr": "alt",
          "reflectToAttr": false,
          "docs": "Provide the alternate information for an image if the user cannot view it.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "backgroundColor",
          "type": "any",
          "mutable": false,
          "attr": "background-color",
          "reflectToAttr": false,
          "docs": "Value for background color of component, to help with visibilty of the logo\nimage.",
          "docsTags": [],
          "default": "'#3880ff'",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "border",
          "type": "any",
          "mutable": false,
          "attr": "border",
          "reflectToAttr": false,
          "docs": "Value for border styling:\nstroke width --> stroke type --> stroke color",
          "docsTags": [],
          "default": "'4px solid #2d61bd'",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "href",
          "type": "string",
          "mutable": false,
          "attr": "href",
          "reflectToAttr": false,
          "docs": "Setting the link to route an an external site or internal route onClick",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "margin",
          "type": "any",
          "mutable": false,
          "attr": "margin",
          "reflectToAttr": false,
          "docs": "For setting the margin of the component",
          "docsTags": [],
          "default": "'1rem 0'",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "maxWidth",
          "type": "any",
          "mutable": false,
          "attr": "max-width",
          "reflectToAttr": false,
          "docs": "For setting the max-width of the component",
          "docsTags": [],
          "default": "'10rem'",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "padding",
          "type": "any",
          "mutable": false,
          "attr": "padding",
          "reflectToAttr": false,
          "docs": "For setting the padding of the component",
          "docsTags": [],
          "default": "'1rem 5%'",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "src",
          "type": "string",
          "mutable": false,
          "attr": "src",
          "reflectToAttr": false,
          "docs": "Source for the large image asset, that acts as the default image.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "srcBreakpoint",
          "type": "any",
          "mutable": false,
          "attr": "src-breakpoint",
          "reflectToAttr": false,
          "docs": "This value acts as a responsive breakpoint for when the large image asset\ntransitions to the smaller image.\nThis value is mutable because some images may be wider than others, and the\nbreak may happen prematurely.",
          "docsTags": [],
          "default": "225",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "srcSmall",
          "type": "string",
          "mutable": false,
          "attr": "src-small",
          "reflectToAttr": false,
          "docs": "Source for a smaller image, that responds to mobile or responsive design.\nExamples of this would be a vertically stacked logo, or a favicon-like\nimage asset that looks better on smaller screen sizes.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "target",
          "type": "string",
          "mutable": false,
          "attr": "target",
          "reflectToAttr": false,
          "docs": "This is to set the value to '_blank' to open in a new tab.\nLeave as an empty string if routing to a scene within the experience.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [
        {
          "event": "resize",
          "target": "window",
          "capture": false,
          "passive": true
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-markdown/dxp-markdown.tsx",
      "encapsulation": "none",
      "tag": "dxp-markdown",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "hasTokens",
          "type": "boolean",
          "mutable": false,
          "attr": "has-tokens",
          "reflectToAttr": false,
          "docs": "Set this to true if the HTML template has tokens and should be re-fetched on\nexperience data-changes.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "templateKey",
          "type": "string",
          "mutable": false,
          "attr": "template-key",
          "reflectToAttr": false,
          "docs": "Story Text Template Key",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-modal/dxp-modal.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-modal",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "close-icon - The slot for the close button content."
        },
        {
          "name": "slot",
          "text": "action - The slot for the footer content."
        },
        {
          "name": "part",
          "text": "backdrop - The area displayed behind the dialog."
        },
        {
          "name": "slot",
          "text": "heading - The heading displayed at the top of the dialog."
        },
        {
          "name": "part",
          "text": "close-button - The close button displayed in the top right corner of the dialog."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "alignActions",
          "type": "\"left\" | \"right\"",
          "mutable": false,
          "attr": "align-actions",
          "reflectToAttr": false,
          "docs": "(optional) Alignment of action buttons",
          "docsTags": [],
          "default": "'right'",
          "values": [
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "closeButtonLabel",
          "type": "string",
          "mutable": false,
          "attr": "close-button-label",
          "reflectToAttr": false,
          "docs": "(optional) Label for close button",
          "docsTags": [],
          "default": "'Close Pop-up'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "customClass",
          "type": "string",
          "mutable": false,
          "attr": "custom-class",
          "reflectToAttr": false,
          "docs": "(optional) Custom class",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "duration",
          "type": "number",
          "mutable": false,
          "attr": "duration",
          "reflectToAttr": false,
          "docs": "(optional) Transition duration",
          "docsTags": [],
          "default": "200",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "modalLabel",
          "type": "string",
          "mutable": false,
          "attr": "modal-label",
          "reflectToAttr": false,
          "docs": "(optional) Sets the aria-label & title for the modal",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "opened",
          "type": "boolean",
          "mutable": true,
          "attr": "opened",
          "reflectToAttr": true,
          "docs": "(optional) If `true`, the Modal is open.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "placement",
          "type": "\"bottom\" | \"center\" | \"left\" | \"overlay\" | \"right\" | \"top\"",
          "mutable": false,
          "attr": "placement",
          "reflectToAttr": false,
          "docs": "(optional) Override modal popup placement",
          "docsTags": [],
          "default": "'center'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "overlay",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "string",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "(optional) Modal size",
          "docsTags": [],
          "default": "'default'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "archer-before-close",
          "detail": "BeforeCloseEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Fires on every close attempt. Calling `event.preventDefault()` will prevent the modal from closing",
          "docsTags": []
        },
        {
          "event": "archer-close",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Fires when the modal has been closed",
          "docsTags": []
        },
        {
          "event": "archer-open",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Fires when the modal has been opened",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "keydown",
          "target": "window",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [
        {
          "name": "--background-actions-has-scroll",
          "annotation": "prop",
          "docs": "Background color of actions if modal is scrollable."
        },
        {
          "name": "--background-overlay",
          "annotation": "prop",
          "docs": "Background color for modal."
        },
        {
          "name": "--border-bottom-header-has-scroll",
          "annotation": "prop",
          "docs": "Sets the size and color of a bottom border if the modal is scrollable."
        },
        {
          "name": "--box-shadow-close-button-focus",
          "annotation": "prop",
          "docs": "Box shadow size and color for close button when focused."
        },
        {
          "name": "--box-shadow-window",
          "annotation": "prop",
          "docs": "Modal shadow size and color."
        },
        {
          "name": "--color-close-button-active",
          "annotation": "prop",
          "docs": "Color of button after click."
        },
        {
          "name": "--color-close-button-hover",
          "annotation": "prop",
          "docs": "Color of close button on hover."
        },
        {
          "name": "--font-family-heading",
          "annotation": "prop",
          "docs": "Sets the font used for the header."
        },
        {
          "name": "--font-size-heading",
          "annotation": "prop",
          "docs": "Sets the font size for the header."
        },
        {
          "name": "--font-weight-heading",
          "annotation": "prop",
          "docs": "Sets the font weight for the header."
        },
        {
          "name": "--max-height-window",
          "annotation": "prop",
          "docs": "Max height of modal."
        },
        {
          "name": "--radius-close-button",
          "annotation": "prop",
          "docs": "Border radius for modal close button."
        },
        {
          "name": "--radius-window",
          "annotation": "prop",
          "docs": "Border radius for modal corners."
        },
        {
          "name": "--size-window-default",
          "annotation": "prop",
          "docs": "Calculated size for a default sized modal."
        },
        {
          "name": "--size-window-large",
          "annotation": "prop",
          "docs": "Calculated size for a large modal."
        },
        {
          "name": "--size-window-small",
          "annotation": "prop",
          "docs": "Calculated size for a small modal."
        },
        {
          "name": "--size-window-xsmall",
          "annotation": "prop",
          "docs": "Calculated size for an extra small modal."
        },
        {
          "name": "--spacing-actions",
          "annotation": "prop",
          "docs": "Padding around modal footer."
        },
        {
          "name": "--spacing-close-button",
          "annotation": "prop",
          "docs": "Padding, margin-bottom, and calculated transform for modal close button."
        },
        {
          "name": "--spacing-x",
          "annotation": "prop",
          "docs": "Horizontal padding for modal."
        },
        {
          "name": "--spacing-x-actions-slotted",
          "annotation": "prop",
          "docs": "Left margin for each slotted action."
        },
        {
          "name": "--spacing-x-body-wrapper",
          "annotation": "prop",
          "docs": "Left and right padding for body wrapper."
        },
        {
          "name": "--spacing-x-header",
          "annotation": "prop",
          "docs": "Sets left and right margins for header."
        },
        {
          "name": "--spacing-y-body",
          "annotation": "prop",
          "docs": "Left and right padding of modal body."
        },
        {
          "name": "--spacing-y-header",
          "annotation": "prop",
          "docs": "Sets top and bottom margins for header."
        },
        {
          "name": "--transition-close-button",
          "annotation": "prop",
          "docs": "Shorthand property for close button's transition-property, transition-duration, transition-timing-function, and transition-delay."
        },
        {
          "name": "--window-bottom",
          "annotation": "prop",
          "docs": "Sets the bottom edge of the positioned modal from the bottom edge of the window."
        },
        {
          "name": "--window-left",
          "annotation": "prop",
          "docs": "Sets the left edge of the positioned modal from the left edge of the window."
        },
        {
          "name": "--window-position",
          "annotation": "prop",
          "docs": "Sets the type of positioning method used for the modal (static, relative, fixed, absolute or sticky)."
        },
        {
          "name": "--window-right",
          "annotation": "prop",
          "docs": "Sets the right edge of the positioned modal from the right edge of the window."
        },
        {
          "name": "--window-top",
          "annotation": "prop",
          "docs": "Sets the top edge of the positioned modal from the top edge of the window."
        }
      ],
      "slots": [
        {
          "name": "action",
          "docs": "The slot for the footer content."
        },
        {
          "name": "close-icon",
          "docs": "The slot for the close button content."
        },
        {
          "name": "heading",
          "docs": "The heading displayed at the top of the dialog."
        }
      ],
      "parts": [
        {
          "name": "backdrop",
          "docs": "The area displayed behind the dialog."
        },
        {
          "name": "close-button",
          "docs": "The close button displayed in the top right corner of the dialog."
        }
      ],
      "dependents": [
        "dxp-video"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "dxp-video": [
          "dxp-modal"
        ]
      }
    },
    {
      "filePath": "./src/components/dxp-nav/dxp-nav-icon/dxp-nav-icon.tsx",
      "encapsulation": "none",
      "tag": "dxp-nav-icon",
      "docs": "This component is designed to be embedded in the `dxp-header` component.",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - Slot for text displayed with icon."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "active",
          "type": "boolean",
          "mutable": false,
          "attr": "active",
          "reflectToAttr": false,
          "docs": "(optional) Toggles if this item is active",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "clickEventHandler",
          "type": "(event: MouseEvent | KeyboardEvent) => void",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "(optional) Function to call after icon interaction",
          "docsTags": [],
          "values": [
            {
              "type": "(event: MouseEvent"
            },
            {
              "type": "KeyboardEvent) => void"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "href",
          "type": "string",
          "mutable": false,
          "attr": "href",
          "reflectToAttr": false,
          "docs": "(optional) Href value for navigation",
          "docsTags": [],
          "default": "'javascript:void(0);'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "icon",
          "type": "string",
          "mutable": false,
          "attr": "icon",
          "reflectToAttr": false,
          "docs": "The name of the icon to display\nNote - currently only 'action-circle-close' || 'action-menu' are supported\nThis component will have access to all of the UXDS icons upon re-integration.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "mobileMenuOpen",
          "type": "boolean",
          "mutable": false,
          "attr": "mobile-menu-open",
          "reflectToAttr": false,
          "docs": "Controls whether or not the mobile menu is open.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "refMobileMenuToggle",
          "type": "(el: HTMLAnchorElement) => void",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "(optional) Reference to this element from parent element.",
          "docsTags": [],
          "values": [
            {
              "type": "(el: HTMLAnchorElement) => void"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--font-size-desktop",
          "annotation": "prop",
          "docs": "Controls size of icon text on desktop."
        },
        {
          "name": "--font-size-mobile",
          "annotation": "prop",
          "docs": "Controls size of icon text on mobile."
        },
        {
          "name": "--font-weight-mobile",
          "annotation": "prop",
          "docs": "Controls font weight for text on mobile."
        },
        {
          "name": "--line-height-desktop",
          "annotation": "prop",
          "docs": "Controls line height for icon text on mobile."
        },
        {
          "name": "--line-height-mobile",
          "annotation": "prop",
          "docs": "Controls line height for icon text on mobile."
        },
        {
          "name": "--nav-icon-color",
          "annotation": "prop",
          "docs": "Controls the default icon color."
        },
        {
          "name": "--nav-icon-color-active",
          "annotation": "prop",
          "docs": "Controls the icon color when clicked."
        },
        {
          "name": "--nav-icon-color-hover",
          "annotation": "prop",
          "docs": "Controls the icon color on hover."
        },
        {
          "name": "--padding-desktop",
          "annotation": "prop",
          "docs": "Controls padding around icon on desktop."
        },
        {
          "name": "--padding-mobile",
          "annotation": "prop",
          "docs": "Controls padding around icon on mobile."
        }
      ],
      "slots": [
        {
          "name": "default",
          "docs": "Slot for text displayed with icon."
        }
      ],
      "parts": [],
      "dependents": [
        "dxp-header"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "dxp-header": [
          "dxp-nav-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/dxp-nav/dxp-nav-item/dxp-nav-item.tsx",
      "encapsulation": "none",
      "tag": "dxp-nav-item",
      "docs": "This is a child component for the `dxp-header` to capture navigation menu items.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "clickHandler",
          "type": "(event: MouseEvent | KeyboardEvent) => void",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "(optional) Additional action to take when this item is clicked.",
          "docsTags": [],
          "default": "() => {}",
          "values": [
            {
              "type": "(event: MouseEvent"
            },
            {
              "type": "KeyboardEvent) => void"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "href",
          "type": "string",
          "mutable": false,
          "attr": "href",
          "reflectToAttr": false,
          "docs": "Href value for navigation when item is clicked.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "icon",
          "type": "string",
          "mutable": false,
          "attr": "icon",
          "reflectToAttr": false,
          "docs": "(optional) Icon to display with",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Label to display for this link in the navigation bar.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-nav/dxp-nav-main/dxp-nav-main.tsx",
      "encapsulation": "none",
      "tag": "dxp-nav-main",
      "docs": "This component is designed to be embedded in the `dxp-header` component.",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - Content to display with component."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "active",
          "type": "boolean",
          "mutable": false,
          "attr": "active",
          "reflectToAttr": false,
          "docs": "(optional) if this item is active",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "clickHandler",
          "type": "(event: any) => void",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "(optional) Additional action to take when this item is clicked.",
          "docsTags": [],
          "values": [
            {
              "type": "(event: any) => void"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "href",
          "type": "string",
          "mutable": false,
          "attr": "href",
          "reflectToAttr": false,
          "docs": "(optional) href value",
          "docsTags": [],
          "default": "'javascript:void(0);'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "(optional) label value",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "menuPanelVisible",
          "type": "boolean",
          "mutable": false,
          "attr": "menu-panel-visible",
          "reflectToAttr": false,
          "docs": "(optional) if this item's menu-panel is visible",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "popup",
          "type": "boolean",
          "mutable": false,
          "attr": "popup",
          "reflectToAttr": false,
          "docs": "(optional) if this item has an associated popup",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "----nav-font-size",
          "annotation": "prop",
          "docs": "Controls font size for each navigation item."
        },
        {
          "name": "--nav-color",
          "annotation": "prop",
          "docs": "Controls default text color for each navigation item."
        },
        {
          "name": "--nav-color-active",
          "annotation": "prop",
          "docs": "Controls text color for each navigation item when clicked."
        },
        {
          "name": "--nav-color-hover",
          "annotation": "prop",
          "docs": "Controls text color for each navigation item on hover."
        },
        {
          "name": "--nav-color-selected",
          "annotation": "prop",
          "docs": "Controls text color for the current active navigation item."
        },
        {
          "name": "--nav-font-weight",
          "annotation": "prop",
          "docs": "Controls font weight for each navigation item."
        },
        {
          "name": "--nav-line-height",
          "annotation": "prop",
          "docs": "Controls line height for each navigation item."
        },
        {
          "name": "--nav-padding-x",
          "annotation": "prop",
          "docs": "Controls padding between each navigation item."
        }
      ],
      "slots": [
        {
          "name": "default",
          "docs": "Content to display with component."
        }
      ],
      "parts": [],
      "dependents": [
        "dxp-header"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "dxp-header": [
          "dxp-nav-main"
        ]
      }
    },
    {
      "filePath": "./src/components/dxp-nav/dxp-nav-mobile/dxp-nav-mobile.tsx",
      "encapsulation": "none",
      "tag": "dxp-nav-mobile",
      "docs": "This component is designed to be embedded in the `dxp-header` component.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "activeRouteId",
          "type": "string",
          "mutable": false,
          "attr": "active-route-id",
          "reflectToAttr": false,
          "docs": "(optional) Set this to a MenuItem Id value to default as the active route\nIf not set, the default active route is set to the first navigation entry",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "hideHandler",
          "type": "() => void",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "(optional) callback when hiding this element.",
          "docsTags": [],
          "values": [
            {
              "type": "() => void"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "navigationData",
          "type": "MenuItem[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "(optional) JSON structured array of navigation menu items.\nex:\n`\n[\n     {\n       \"label\": \"Topic One\",\n       \"id\": \"Topic One\",\n         \"children\": [{\n           \"label\": \"Second Level\",\n           \"id\": \"Second Level 3\",\n           \"children\": [{\n             \"label\": \"Third Level\",\n             \"id\": \"Third Level 4\",\n             \"href\": \"#third-level\"\n           }]\n         }]\n     }\n]\n`",
          "docsTags": [],
          "values": [
            {
              "type": "MenuItem[]"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "closeMenu",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Event  of dxp nav mobile",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--border-bottom",
          "annotation": "prop",
          "docs": "Controls the border displayed at the bottom of the mobile menu."
        },
        {
          "name": "--child-menu-background",
          "annotation": "prop",
          "docs": "Controls background color for children of top-level navigation items."
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Default text color for top-level mobile menu items."
        },
        {
          "name": "--color-selected",
          "annotation": "prop",
          "docs": "Controls the color for the current active mobile menu item."
        },
        {
          "name": "--font-size",
          "annotation": "prop",
          "docs": "Controls font size for top-level mobile menu items."
        },
        {
          "name": "--font-size-child",
          "annotation": "prop",
          "docs": "Controls text size for children of top level navigation items."
        },
        {
          "name": "--font-weight",
          "annotation": "prop",
          "docs": "Controls font weight for top-level mobile menu items."
        },
        {
          "name": "--font-weight-child",
          "annotation": "prop",
          "docs": "Controls font weight for children of top level navigation items."
        },
        {
          "name": "--line-height",
          "annotation": "prop",
          "docs": "Controls line height for top-level mobile menu items."
        },
        {
          "name": "--line-height-child",
          "annotation": "prop",
          "docs": "Controls line height for children of top level navigation items."
        },
        {
          "name": "--min-height",
          "annotation": "prop",
          "docs": "Controls the minimum height for the mobile menu."
        },
        {
          "name": "--transition",
          "annotation": "prop",
          "docs": "Controls how fast the menu transitions when a link is clicked."
        },
        {
          "name": "--width",
          "annotation": "prop",
          "docs": "Controls the width of the mobile menu."
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [
        "dxp-header"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "dxp-header": [
          "dxp-nav-mobile"
        ]
      }
    },
    {
      "filePath": "./src/components/dxp-nav/dxp-nav-panel/dxp-nav-panel.tsx",
      "encapsulation": "none",
      "tag": "dxp-nav-panel",
      "docs": "This component is designed to be embedded in the `dxp-header` component.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "active",
          "type": "boolean",
          "mutable": false,
          "attr": "active",
          "reflectToAttr": false,
          "docs": "Controls if this element is visible or not",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "activeRouteId",
          "type": "string",
          "mutable": false,
          "attr": "active-route-id",
          "reflectToAttr": false,
          "docs": "(optional) Set this to a MenuItem Id value to default as the active route\nIf not set, the default active route is set to the first navigation entry",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "header",
          "type": "boolean",
          "mutable": false,
          "attr": "header",
          "reflectToAttr": false,
          "docs": "(optional) Controls whether the top level item is just a title or link",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hideHandler",
          "type": "() => void",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "(optional) callback when hiding this element.",
          "docsTags": [],
          "values": [
            {
              "type": "() => void"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "navigationData",
          "type": "MenuItem[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "(optional) JSON structured array of navigation menu items.\nex:\n`\n[\n     {\n       \"label\": \"Topic One\",\n       \"id\": \"Topic One\",\n         \"children\": [{\n           \"label\": \"Second Level\",\n           \"id\": \"Second Level 3\",\n           \"children\": [{\n             \"label\": \"Third Level\",\n             \"id\": \"Third Level 4\",\n             \"href\": \"#third-level\"\n           }]\n         }]\n     }\n]\n`",
          "docsTags": [],
          "values": [
            {
              "type": "MenuItem[]"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Controls the background color of the panel."
        },
        {
          "name": "--box-shadow",
          "annotation": "prop",
          "docs": "Controls the shadow that appears around the panel."
        },
        {
          "name": "--child-indent-padding",
          "annotation": "prop",
          "docs": "Controls the start padding for each link defined as a child item."
        },
        {
          "name": "--color-active",
          "annotation": "prop",
          "docs": "Controls the color of text on hover or if nav item is active."
        },
        {
          "name": "--color-row-item",
          "annotation": "prop",
          "docs": "Controls the text color for each link."
        },
        {
          "name": "--color-row-title",
          "annotation": "prop",
          "docs": "Controls the text color of top level items w/ the `header` property"
        },
        {
          "name": "--font-size-row-item",
          "annotation": "prop",
          "docs": "Controls the font size for each link."
        },
        {
          "name": "--font-size-row-title",
          "annotation": "prop",
          "docs": "Controls the size of top level items w/ the `header` property."
        },
        {
          "name": "--font-weight-row-item",
          "annotation": "prop",
          "docs": "Controls the font weight for each link."
        },
        {
          "name": "--font-weight-row-title",
          "annotation": "prop",
          "docs": "Controls font weight of top level items w/ the `header` property"
        },
        {
          "name": "--line-height-row-item",
          "annotation": "prop",
          "docs": "Controls the line height for each link."
        },
        {
          "name": "--padding-bottom-row-item",
          "annotation": "prop",
          "docs": "Controls the bottom padding for each link."
        },
        {
          "name": "--padding-bottom-row-title",
          "annotation": "prop",
          "docs": "Controls the bottom padding of top level items w/ the `header` property."
        },
        {
          "name": "--padding-left",
          "annotation": "prop",
          "docs": "Controls the panels left padding."
        },
        {
          "name": "--padding-right",
          "annotation": "prop",
          "docs": "Controls the panels right padding."
        },
        {
          "name": "--padding-y",
          "annotation": "prop",
          "docs": "Controls the panels vertical padding."
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [
        "dxp-header"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "dxp-header": [
          "dxp-nav-panel"
        ]
      }
    },
    {
      "filePath": "./src/components/dxp-organization-data/dxp-organization-data.tsx",
      "encapsulation": "none",
      "tag": "dxp-organization-data",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "dataPoint",
          "type": "string",
          "mutable": false,
          "attr": "data-point",
          "reflectToAttr": false,
          "docs": "The input-key to display",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "default",
          "type": "string",
          "mutable": false,
          "attr": "default",
          "reflectToAttr": false,
          "docs": "A default value to display if the data in get is not found.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "inputKey",
          "type": "string",
          "mutable": false,
          "attr": "input-key",
          "reflectToAttr": false,
          "docs": "Deprecated in favor of dataPoint\nThe input-key to display",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "modify",
          "type": "string",
          "mutable": false,
          "attr": "modify",
          "reflectToAttr": false,
          "docs": "A pipe separated list of modifier expressions to modify the captured data.\nclip: length\n\n truncate: length\n date\n format: expression\n lowercase\n uppercase\n capitalize\n size\n encode\n currency\n orgpoint",
          "docsTags": [
            {
              "name": "example",
              "text": "clip:5|capitalize"
            }
          ],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "scheduledData",
          "type": "string",
          "mutable": false,
          "attr": "scheduled-data",
          "reflectToAttr": false,
          "docs": "(optional) Set to true to toggle that this is a scheduled data item for an organization",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-popout-menu/dxp-popout-menu.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-popout-menu",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "close-icon - This slot is used to specify the close icon that appears when the popout menu is open. It can be replaced with custom content."
        },
        {
          "name": "slot",
          "text": "open-icon - This slot is used to specify the open icon that appears when the popout menu is closed. It can be replaced with custom content."
        },
        {
          "name": "slot",
          "text": "button-text - This slot is used to specify the text that appears on the menu button. It can be replaced with custom content."
        },
        {
          "name": "slot",
          "text": "content - This slot is used to specify the content of the popout menu. It can include menu items or any other desired content."
        },
        {
          "name": "slot",
          "text": "additional - This slot is used to specify additional content that appears in the header or content section of the popout menu, depending on the device type."
        },
        {
          "name": "part",
          "text": "header - This part represents the header section of the popout menu."
        },
        {
          "name": "part",
          "text": "logo - This part represents the logo element in the mobile display header."
        },
        {
          "name": "part",
          "text": "button{-mobile|-tablet} - This part represents the menu button."
        },
        {
          "name": "part",
          "text": "icon - This part represents the icon inside the menu button."
        },
        {
          "name": "part",
          "text": "text - This part represents the text inside the menu button."
        },
        {
          "name": "part",
          "text": "menu - This part represents the main menu container."
        },
        {
          "name": "part",
          "text": "popup - This part represents the popup content container when the popout menu is open."
        },
        {
          "name": "part",
          "text": "content{-mobile|-tablet} - This part represents the main content section of the popout menu."
        },
        {
          "name": "part",
          "text": "additional{-mobile|-tablet} - This part represents the additional content section of the popout menu, which can appear in the header or content section depending on the device type."
        },
        {
          "name": "part",
          "text": "mobile-break - This part represents the horizontal rule that appears in the mobile display header to separate the logo from the menu items."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "closeOnSelect",
          "type": "boolean",
          "mutable": false,
          "attr": "close-on-select",
          "reflectToAttr": false,
          "docs": "(optional) Determines whether the popout should close when a menu item is selected. Default: true",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "logoElementId",
          "type": "string",
          "mutable": false,
          "attr": "logo-element-id",
          "reflectToAttr": false,
          "docs": "(optional) The Id of the site's logo element to include in the mobile display header",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "additional",
          "docs": "This slot is used to specify additional content that appears in the header or content section of the popout menu, depending on the device type."
        },
        {
          "name": "button-text",
          "docs": "This slot is used to specify the text that appears on the menu button. It can be replaced with custom content."
        },
        {
          "name": "close-icon",
          "docs": "This slot is used to specify the close icon that appears when the popout menu is open. It can be replaced with custom content."
        },
        {
          "name": "content",
          "docs": "This slot is used to specify the content of the popout menu. It can include menu items or any other desired content."
        },
        {
          "name": "open-icon",
          "docs": "This slot is used to specify the open icon that appears when the popout menu is closed. It can be replaced with custom content."
        }
      ],
      "parts": [
        {
          "name": "additional{-mobile|-tablet}",
          "docs": "This part represents the additional content section of the popout menu, which can appear in the header or content section depending on the device type."
        },
        {
          "name": "button{-mobile|-tablet}",
          "docs": "This part represents the menu button."
        },
        {
          "name": "content{-mobile|-tablet}",
          "docs": "This part represents the main content section of the popout menu."
        },
        {
          "name": "header",
          "docs": "This part represents the header section of the popout menu."
        },
        {
          "name": "icon",
          "docs": "This part represents the icon inside the menu button."
        },
        {
          "name": "logo",
          "docs": "This part represents the logo element in the mobile display header."
        },
        {
          "name": "menu",
          "docs": "This part represents the main menu container."
        },
        {
          "name": "mobile-break",
          "docs": "This part represents the horizontal rule that appears in the mobile display header to separate the logo from the menu items."
        },
        {
          "name": "popup",
          "docs": "This part represents the popup content container when the popout menu is open."
        },
        {
          "name": "text",
          "docs": "This part represents the text inside the menu button."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-progress-bar/dxp-progress-bar.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-progress-bar",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "label - Represents the label element"
        },
        {
          "name": "part",
          "text": "bar - Represents the container for the progress bar"
        },
        {
          "name": "part",
          "text": "inner - Represents the inner element that changes width depending on the progress value"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "slashColor",
          "type": "string",
          "mutable": false,
          "attr": "slash-color",
          "reflectToAttr": false,
          "docs": "Changes the color of the vertical slashes",
          "docsTags": [],
          "default": "'#fff'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "slashCount",
          "type": "string",
          "mutable": false,
          "attr": "slash-count",
          "reflectToAttr": false,
          "docs": "Set the amount of vertical slashes to display",
          "docsTags": [],
          "default": "'4'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "bar",
          "docs": "Represents the container for the progress bar"
        },
        {
          "name": "inner",
          "docs": "Represents the inner element that changes width depending on the progress value"
        },
        {
          "name": "label",
          "docs": "Represents the label element"
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-progress-made/dxp-progress-made.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-progress-made",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "value",
          "type": "number",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "Sets the width of the progress-bar component when the view this component is defined in is loaded\nNote: This value is clamped between 0-100",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-radio-group/dxp-radio-group.tsx",
      "encapsulation": "none",
      "tag": "dxp-radio-group",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "allowEmptySelection",
          "type": "boolean",
          "mutable": false,
          "attr": "allow-empty-selection",
          "reflectToAttr": false,
          "docs": "If `true`, the radios can be deselected.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The name of the control, which is submitted with the form data.",
          "docsTags": [],
          "default": "this.inputId",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "any",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "the value of the radio group.",
          "docsTags": [],
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "radioChange",
          "detail": "RadioGroupChangeEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value has changed.",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "keydown",
          "target": "document",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-sitemap-search/dxp-sitemap-search.tsx",
      "encapsulation": "none",
      "tag": "dxp-sitemap-search",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "placeHolderText",
          "type": "string",
          "mutable": false,
          "attr": "place-holder-text",
          "reflectToAttr": false,
          "docs": "Text to display as placeholder",
          "docsTags": [],
          "default": "'🔍 Search'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "sitemapPath",
          "type": "string",
          "mutable": false,
          "attr": "sitemap-path",
          "reflectToAttr": false,
          "docs": "Relative URL path to location of sitemap",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-spacer/dxp-spacer.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-spacer",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "height",
          "type": "string",
          "mutable": false,
          "attr": "height",
          "reflectToAttr": false,
          "docs": "Value for setting the spacer height.\nInterprets any string value for height:\npx, rem, %, vh, etc.",
          "docsTags": [],
          "default": "'2rem'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-tabs/dxp-tabs.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-tabs",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - Use this slot to create tabs with `dxp-tabs-item` component"
        },
        {
          "name": "part",
          "text": "wrapper - Represents the container for the entire component"
        },
        {
          "name": "part",
          "text": "tabs - Represents the container for the tabs created from the `dxp-tab-item` components label"
        },
        {
          "name": "part",
          "text": "panel - Represents the container for the current active tab"
        },
        {
          "name": "part",
          "text": "dxp-tabs-label - Represents the tabs button element"
        },
        {
          "name": "part",
          "text": "dxp-tabs-label (selected|disabled) - Represents the tabs button element when selected or disabled"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "selectedIndex",
          "type": "number",
          "mutable": true,
          "attr": "selected-index",
          "reflectToAttr": true,
          "docs": "(optional) Starting index that displays content; defaults to first item.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--background-disabled",
          "annotation": "prop",
          "docs": "Controls the tabs background color when disabled"
        },
        {
          "name": "--background-underline-active",
          "annotation": "prop",
          "docs": "Controls the tabs color of the underline when active"
        },
        {
          "name": "--background-underline-hover",
          "annotation": "prop",
          "docs": "Controls the tabs color of underline on hover"
        },
        {
          "name": "--box-shadow-focus",
          "annotation": "prop",
          "docs": "Controls the tabs box shadow applied when element has focus"
        },
        {
          "name": "--color-active",
          "annotation": "prop",
          "docs": "Controls the tabs text color when active"
        },
        {
          "name": "--color-disabled",
          "annotation": "prop",
          "docs": "Controls the tabs text color when disabled"
        },
        {
          "name": "--color-hover",
          "annotation": "prop",
          "docs": "Controls the tabs color shown on hover"
        },
        {
          "name": "--color-selected",
          "annotation": "prop",
          "docs": "Controls the tabs color shown when selected"
        },
        {
          "name": "--font-family",
          "annotation": "prop",
          "docs": "Controls the font type used"
        },
        {
          "name": "--font-weight",
          "annotation": "prop",
          "docs": "Controls the font weight"
        },
        {
          "name": "--panel-margin",
          "annotation": "prop",
          "docs": "Controls the margin-top applied to the panel"
        },
        {
          "name": "--tab-border-radius",
          "annotation": "prop",
          "docs": "Controls the border size around each tab header"
        },
        {
          "name": "--tab-border-size-selected",
          "annotation": "prop",
          "docs": "Controls the border size when a tab header is selected"
        },
        {
          "name": "--tab-height",
          "annotation": "prop",
          "docs": "Controls the height of each tab header"
        },
        {
          "name": "--tab-margin",
          "annotation": "prop",
          "docs": "Controls the margin around each tab header"
        },
        {
          "name": "--tab-radius",
          "annotation": "prop",
          "docs": "Controls the radius around each tab header"
        }
      ],
      "slots": [
        {
          "name": "default",
          "docs": "Use this slot to create tabs with `dxp-tabs-item` component"
        }
      ],
      "parts": [
        {
          "name": "dxp-tabs-label",
          "docs": "Represents the tabs button element"
        },
        {
          "name": "dxp-tabs-label (selected|disabled)",
          "docs": "Represents the tabs button element when selected or disabled"
        },
        {
          "name": "panel",
          "docs": "Represents the container for the current active tab"
        },
        {
          "name": "tabs",
          "docs": "Represents the container for the tabs created from the `dxp-tab-item` components label"
        },
        {
          "name": "wrapper",
          "docs": "Represents the container for the entire component"
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-tabs-item/dxp-tabs-item.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-tabs-item",
      "docs": "A child component of `dxp-tabs` meant to be used in the `panel` slot",
      "docsTags": [
        {
          "name": "slot",
          "text": "label - Optional slot to render additional label content"
        },
        {
          "name": "slot",
          "text": "content - Use this slot to place the tab's content"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Label displayed on the control element for this content.\nAlternatively, the `label` slot can be used to add additional HTML",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "content",
          "docs": "Use this slot to place the tab's content"
        },
        {
          "name": "label",
          "docs": "Optional slot to render additional label content"
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-tooltip/dxp-tooltip.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-tooltip",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "altText",
          "type": "string",
          "mutable": false,
          "attr": "alt-text",
          "reflectToAttr": false,
          "docs": "Alt text to display if image asset not found",
          "docsTags": [],
          "default": "'icon'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "backgroundColor",
          "type": "string",
          "mutable": false,
          "attr": "background-color",
          "reflectToAttr": false,
          "docs": "Tooltip background color",
          "docsTags": [],
          "default": "'#000'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "error",
          "type": "boolean",
          "mutable": false,
          "attr": "error",
          "reflectToAttr": false,
          "docs": "Set error state",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "iconLabel",
          "type": "string",
          "mutable": false,
          "attr": "icon-label",
          "reflectToAttr": false,
          "docs": "Label to display along with icon",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tooltipOpenMode",
          "type": "\"auto\" | \"click\" | \"focus\" | \"hover\"",
          "mutable": false,
          "attr": "tooltip-open-mode",
          "reflectToAttr": false,
          "docs": "Sets whether the toast will open automatically immediately after widget's initialization.\nDefault value: false",
          "docsTags": [],
          "default": "'hover'",
          "values": [
            {
              "value": "auto",
              "type": "string"
            },
            {
              "value": "click",
              "type": "string"
            },
            {
              "value": "focus",
              "type": "string"
            },
            {
              "value": "hover",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tooltipPosition",
          "type": "\"absolute\" | \"bottom\" | \"left\" | \"right\" | \"top\"",
          "mutable": false,
          "attr": "tooltip-position",
          "reflectToAttr": false,
          "docs": "Tooltip alignment prop to where the tooltip will appear",
          "docsTags": [],
          "default": "'top'",
          "values": [
            {
              "value": "absolute",
              "type": "string"
            },
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tooltipSize",
          "type": "\"large\" | \"medium\" | \"small\" | \"xsmall\"",
          "mutable": false,
          "attr": "tooltip-size",
          "reflectToAttr": false,
          "docs": "This sets the size of the desired image",
          "docsTags": [],
          "default": "'small'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            },
            {
              "value": "xsmall",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tooltipSource",
          "type": "string",
          "mutable": false,
          "attr": "tooltip-source",
          "reflectToAttr": false,
          "docs": "This is asset path to the desired image for the icon",
          "docsTags": [],
          "default": "'https://img.icons8.com/material-outlined/24/000000/info.png'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "tooltipText",
          "type": "string",
          "mutable": false,
          "attr": "tooltip-text",
          "reflectToAttr": false,
          "docs": "Set tooltip text",
          "docsTags": [],
          "default": "'Component'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-truncate/dxp-truncate.tsx",
      "encapsulation": "shadow",
      "tag": "dxp-truncate",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - Use this for content that will be visible on render"
        },
        {
          "name": "slot",
          "text": "hidden - Use this for content that will be hidden on render"
        },
        {
          "name": "part",
          "text": "opened | closed - Represents the parent element when the `hidden` content is opened or closed"
        },
        {
          "name": "part",
          "text": "expansion-wrapper opened | closed - Represents the `div` wrapper for the button + hidden content. `opened` or `closed` is added depending on state."
        },
        {
          "name": "part",
          "text": "button - Represents the button rendered that displays hidden content when clicked"
        },
        {
          "name": "part",
          "text": "button-label - Represents the `span` surrounding the button's label"
        },
        {
          "name": "part",
          "text": "hidden-content - Represents the `div` surrounding the hidden content"
        },
        {
          "name": "part",
          "text": "icon-close - Represents the `img` (if source provided) or default `svg` element"
        },
        {
          "name": "part",
          "text": "icon-expand - Represents the `img` (if source provided) or default `svg` element"
        },
        {
          "name": "part",
          "text": "icon-wrapper-expand - Represents the `span` that surrounds the expand icon"
        },
        {
          "name": "part",
          "text": "icon-wrapper-close - Represents the `span` that surrounds the close icon"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "iconSize",
          "type": "\"large\" | \"medium\" | \"small\" | \"xsmall\"",
          "mutable": false,
          "attr": "icon-size",
          "reflectToAttr": false,
          "docs": "(optional) Controls the icon size",
          "docsTags": [],
          "default": "'small'",
          "values": [
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            },
            {
              "value": "xsmall",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "iconSrcClose",
          "type": "string",
          "mutable": true,
          "attr": "icon-src-close",
          "reflectToAttr": false,
          "docs": "(optional) Icon to display alongside close label",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "iconSrcExpand",
          "type": "string",
          "mutable": false,
          "attr": "icon-src-expand",
          "reflectToAttr": false,
          "docs": "(optional) Icon to display alongside expand label",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "labelClose",
          "type": "string",
          "mutable": true,
          "attr": "label-close",
          "reflectToAttr": false,
          "docs": "(optional) Text displayed for close link",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "labelExpand",
          "type": "string",
          "mutable": false,
          "attr": "label-expand",
          "reflectToAttr": false,
          "docs": "(optional) Text displayed for expansion link",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "labelPosition",
          "type": "\"left\" | \"right\"",
          "mutable": false,
          "attr": "label-position",
          "reflectToAttr": false,
          "docs": "(optional) Changes which side the icon will appear on",
          "docsTags": [],
          "default": "'left'",
          "values": [
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "opened",
          "type": "boolean",
          "mutable": false,
          "attr": "opened",
          "reflectToAttr": false,
          "docs": "(optional) Sets default state to open on render",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "default",
          "docs": "Use this for content that will be visible on render"
        },
        {
          "name": "hidden",
          "docs": "Use this for content that will be hidden on render"
        }
      ],
      "parts": [
        {
          "name": "button",
          "docs": "Represents the button rendered that displays hidden content when clicked"
        },
        {
          "name": "button-label",
          "docs": "Represents the `span` surrounding the button's label"
        },
        {
          "name": "expansion-wrapper opened | closed",
          "docs": "Represents the `div` wrapper for the button + hidden content. `opened` or `closed` is added depending on state."
        },
        {
          "name": "hidden-content",
          "docs": "Represents the `div` surrounding the hidden content"
        },
        {
          "name": "icon-close",
          "docs": "Represents the `img` (if source provided) or default `svg` element"
        },
        {
          "name": "icon-expand",
          "docs": "Represents the `img` (if source provided) or default `svg` element"
        },
        {
          "name": "icon-wrapper-close",
          "docs": "Represents the `span` that surrounds the close icon"
        },
        {
          "name": "icon-wrapper-expand",
          "docs": "Represents the `span` that surrounds the expand icon"
        },
        {
          "name": "opened | closed",
          "docs": "Represents the parent element when the `hidden` content is opened or closed"
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-video/dxp-video.tsx",
      "encapsulation": "none",
      "tag": "dxp-video",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "copy - Used to display text overladed on the video element"
        },
        {
          "name": "part",
          "text": "video_el - Represent the video element"
        },
        {
          "name": "part",
          "text": "video_modal - Represents the modal that opens up on desktop to play video"
        },
        {
          "name": "part",
          "text": "video_container - Represents the container for all component elements"
        },
        {
          "name": "part",
          "text": "preview_image - Represents the preview image shown on desktop"
        },
        {
          "name": "part",
          "text": "duration - Represents the duration text overladed on the poster image"
        },
        {
          "name": "part",
          "text": "play - Represents the SVG Play icon"
        },
        {
          "name": "part",
          "text": "overlay_copy - Represent the container for the `copy` slot"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "ccUrl",
          "type": "string",
          "mutable": false,
          "attr": "cc-url",
          "reflectToAttr": false,
          "docs": "(optional) URL for the closed caption text file. Can be relative or absolute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "height",
          "type": "string",
          "mutable": false,
          "attr": "height",
          "reflectToAttr": false,
          "docs": "(optional) Sets the height of the video element",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "posterUrl",
          "type": "string",
          "mutable": false,
          "attr": "poster-url",
          "reflectToAttr": false,
          "docs": "(required) URL for the poster image asset. Can be relative or absolute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "radius",
          "type": "string",
          "mutable": false,
          "attr": "radius",
          "reflectToAttr": false,
          "docs": "(optional) Sets the border radius for all video display elements (i.e. video, preview, modal). Default: (5px)",
          "docsTags": [],
          "default": "'5px'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "timer",
          "type": "any",
          "mutable": true,
          "attr": "timer",
          "reflectToAttr": false,
          "docs": "(optional) Video timer",
          "docsTags": [],
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "useModal",
          "type": "boolean",
          "mutable": false,
          "attr": "use-modal",
          "reflectToAttr": false,
          "docs": "(optional) If set, video will open up in modal on desktop when play button hit",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "videoUrl",
          "type": "string",
          "mutable": false,
          "attr": "video-url",
          "reflectToAttr": false,
          "docs": "(required) URL for the video asset. Can be relative or absolute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "width",
          "type": "string",
          "mutable": false,
          "attr": "width",
          "reflectToAttr": false,
          "docs": "(optional) Sets the width of the video element",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "ready",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "This is fired when the video is ready",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "copy",
          "docs": "Used to display text overladed on the video element"
        }
      ],
      "parts": [
        {
          "name": "duration",
          "docs": "Represents the duration text overladed on the poster image"
        },
        {
          "name": "overlay_copy",
          "docs": "Represent the container for the `copy` slot"
        },
        {
          "name": "play",
          "docs": "Represents the SVG Play icon"
        },
        {
          "name": "preview_image",
          "docs": "Represents the preview image shown on desktop"
        },
        {
          "name": "video_container",
          "docs": "Represents the container for all component elements"
        },
        {
          "name": "video_el",
          "docs": "Represent the video element"
        },
        {
          "name": "video_modal",
          "docs": "Represents the modal that opens up on desktop to play video"
        }
      ],
      "dependents": [],
      "dependencies": [
        "dxp-modal"
      ],
      "dependencyGraph": {
        "dxp-video": [
          "dxp-modal"
        ]
      }
    },
    {
      "filePath": "./src/components/dxp-video-player/dxp-video-player.tsx",
      "encapsulation": "none",
      "tag": "dxp-video-player",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "vimeoId",
          "type": "string",
          "mutable": false,
          "attr": "vimeo-id",
          "reflectToAttr": false,
          "docs": "Value used specifically for Vimeo video identification.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "youtubeId",
          "type": "string",
          "mutable": false,
          "attr": "youtube-id",
          "reflectToAttr": false,
          "docs": "Value used specifically for YouTube video identification.\nThis value can be found in the URL of the desired YouTube video, appended after 'v='\n\nFor example, this YouTube link's:\nhttps://www.youtube.com/watch?v=5qap5aO4i9A\n  youtubeId= '5qap5aO4i9A'",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-wayfinder/dxp-wayfinder.tsx",
      "encapsulation": "none",
      "tag": "dxp-wayfinder",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - For child dxp-wayfinder-step components."
        },
        {
          "name": "part",
          "text": "mobile-float-box - Represents the \"floating\" box that pops up when the display toggles to mobile"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "containerId",
          "type": "string",
          "mutable": false,
          "attr": "container-id",
          "reflectToAttr": false,
          "docs": "Required to set relative container Id for mobile navigation pop-up",
          "docsTags": [],
          "default": "'footer'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "directionPopup",
          "type": "\"bottom\" | \"top\"",
          "mutable": false,
          "attr": "direction-popup",
          "reflectToAttr": false,
          "docs": "Set the direction that the mobile popup will appear",
          "docsTags": [],
          "default": "'top'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "orientation",
          "type": "\"horizontal\" | \"vertical\"",
          "mutable": false,
          "attr": "orientation",
          "reflectToAttr": false,
          "docs": "Change this to display steps horizontally (default) or vertically",
          "docsTags": [],
          "default": "'horizontal'",
          "values": [
            {
              "value": "horizontal",
              "type": "string"
            },
            {
              "value": "vertical",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--float-background",
          "annotation": "prop",
          "docs": "Background color for mobile popup"
        },
        {
          "name": "--font-color",
          "annotation": "prop",
          "docs": "Text color for step-name"
        },
        {
          "name": "--node-active",
          "annotation": "prop",
          "docs": "Active (and/or completed) node color"
        },
        {
          "name": "--node-border",
          "annotation": "prop",
          "docs": "Node border color and connecting lines"
        },
        {
          "name": "--node-inactive",
          "annotation": "prop",
          "docs": "Inactive node color"
        }
      ],
      "slots": [
        {
          "name": "default",
          "docs": "For child dxp-wayfinder-step components."
        }
      ],
      "parts": [
        {
          "name": "mobile-float-box",
          "docs": "Represents the \"floating\" box that pops up when the display toggles to mobile"
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/dxp-wayfinder-step/dxp-wayfinder-step.tsx",
      "encapsulation": "none",
      "tag": "dxp-wayfinder-step",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "default - The label to display under the waypoint."
        },
        {
          "name": "slot",
          "text": "node - Slot to place content inside a step node."
        },
        {
          "name": "slot",
          "text": "node-triggered - Used in conjunction with dxp-event to show different content when event triggered"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "dxpEvent",
          "type": "string",
          "mutable": false,
          "attr": "dxp-event",
          "reflectToAttr": false,
          "docs": "(optional) Provide name of event to watch to conditionally display `node` or `node-complete` slots.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "exact",
          "type": "boolean",
          "mutable": false,
          "attr": "exact",
          "reflectToAttr": false,
          "docs": "Only active on the exact href match,\nand not on child routes",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "noRedirect",
          "type": "boolean",
          "mutable": false,
          "attr": "no-redirect",
          "reflectToAttr": false,
          "docs": "Set to true to disable navigation on this step.\nNote: `path` property is still required to determine active node.  This will be overridden if used in conjunction with `dxp-event`.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "path",
          "type": "string",
          "mutable": false,
          "attr": "path",
          "reflectToAttr": false,
          "docs": "Set the direction that the mobile popup will appear.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "strict",
          "type": "boolean",
          "mutable": false,
          "attr": "strict",
          "reflectToAttr": false,
          "docs": "Only active on the exact href match\nusing every aspect of the URL including\nparameters.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "default",
          "docs": "The label to display under the waypoint."
        },
        {
          "name": "node",
          "docs": "Slot to place content inside a step node."
        },
        {
          "name": "node-triggered",
          "docs": "Used in conjunction with dxp-event to show different content when event triggered"
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "dxp-detect-event"
      ],
      "dependencyGraph": {
        "dxp-wayfinder-step": [
          "dxp-detect-event"
        ]
      }
    },
    {
      "filePath": "./src/components/dxp-year/dxp-year.tsx",
      "encapsulation": "none",
      "tag": "dxp-year",
      "docs": "A component to display a dynamic year, updating based on an effective date.",
      "docsTags": [
        {
          "name": "part",
          "text": "base - The container displayed for the year."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "effectiveDay",
          "type": "number",
          "mutable": false,
          "attr": "effective-day",
          "reflectToAttr": false,
          "docs": "The day of the month when the year should increment (1-31)",
          "docsTags": [],
          "default": "1",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "effectiveMonth",
          "type": "number",
          "mutable": false,
          "attr": "effective-month",
          "reflectToAttr": false,
          "docs": "The month when the year should increment (1-12)",
          "docsTags": [],
          "default": "1",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "incrementYear",
          "type": "number",
          "mutable": false,
          "attr": "increment-year",
          "reflectToAttr": false,
          "docs": "The number of years to increment (default is 0)",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "base",
          "docs": "The container displayed for the year."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    }
  ],
  "version": "0.11.39"
}