{
  "version": 1.1,
  "tags": [
    {
      "name": "dxp-accordion",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "dependent",
          "description": "If `true`, only one dxp-collapsible within the accordion can be open at a time"
        },
        {
          "name": "expanded",
          "description": "If `true`, dxp-collapsibles within the accordion will all be open initially, unless this is dependant"
        },
        {
          "name": "heading-level",
          "description": "Heading level for dxp-collapsible descendants"
        },
        {
          "name": "transition-time",
          "description": "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...)"
        }
      ]
    },
    {
      "name": "dxp-action",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "command",
          "description": "The command to execute.",
          "values": [
            {
              "name": "set-complete"
            },
            {
              "name": "set-converted"
            },
            {
              "name": "set-data"
            },
            {
              "name": "set-entity"
            },
            {
              "name": "set-event"
            },
            {
              "name": "set-milestone"
            }
          ]
        },
        {
          "name": "topic",
          "description": "This is the topic this action-command is targeting.\nno need to change"
        },
        {
          "name": "when",
          "description": "A predicate to evaluate prior to sending the action."
        }
      ]
    },
    {
      "name": "dxp-animated-svg",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "label",
          "description": "Set the aria-label for accessibility enhancements associated with role=\"img\"."
        },
        {
          "name": "src",
          "description": "Define the local or remote source for the image asset."
        },
        {
          "name": "width",
          "description": "Set the width of the rendered image."
        }
      ]
    },
    {
      "name": "dxp-badge",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "alt-text",
          "description": "Alt text to display if icon asset not found"
        },
        {
          "name": "color",
          "description": "Changes color of video controls\n**Note** Header and content can be styled externally by adding classes to the slot."
        },
        {
          "name": "horizontal",
          "description": "Flag to determine if contents are aligned horizontally"
        },
        {
          "name": "href",
          "description": "Specifies the badges destination when clicked"
        },
        {
          "name": "icon-size",
          "description": "This sets the size of the desired badge icon",
          "values": [
            {
              "name": "large"
            },
            {
              "name": "medium"
            },
            {
              "name": "small"
            },
            {
              "name": "xsmall"
            }
          ]
        },
        {
          "name": "image-src",
          "description": "Specifies the URL for the badge image"
        },
        {
          "name": "radius",
          "description": "Sets a border radius for badge icon"
        },
        {
          "name": "target",
          "description": "Specifies where to open the link",
          "values": [
            {
              "name": "_blank"
            },
            {
              "name": "_parent"
            },
            {
              "name": "_self"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "video-src",
          "description": "Specifies the URL for the badge image"
        }
      ]
    },
    {
      "name": "dxp-calendar-link",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "all-day",
          "description": "(optional) Whether or not this is an all day event"
        },
        {
          "name": "button-icon-placement",
          "description": "(optional) Placement of button icon",
          "values": [
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "textOnly"
            }
          ]
        },
        {
          "name": "button-label",
          "description": "(optional) Default button label"
        },
        {
          "name": "description",
          "description": "(optional) The description for the event."
        },
        {
          "name": "display-item-icons",
          "description": "(optional) Toggle displaying calendar type icons"
        },
        {
          "name": "end-time",
          "description": "The datetime the event ends (Standard ISO 8601 format - `yyyy-MM-dd`T`HH:mm:ss.SSS`Z).\nCan be bound to dynamic data."
        },
        {
          "name": "event-title",
          "description": "The event name as it will be seen in the user's calendar."
        },
        {
          "name": "location",
          "description": "(optional) The location for the event."
        },
        {
          "name": "start-time",
          "description": "The datetime the event begins (Standard ISO 8601 format - `yyyy-MM-dd`T`HH:mm:ss.SSS`Z).\nCan be bound to dynamic data."
        }
      ]
    },
    {
      "name": "dxp-calendly",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "calendar-url",
          "description": "URL for Calendly Widget"
        },
        {
          "name": "email-input-key",
          "description": "Value for email prefill input"
        },
        {
          "name": "first-name-input-key",
          "description": "Value for firstname prefill input"
        },
        {
          "name": "last-name-input-key",
          "description": "Value for lastname prefill input"
        },
        {
          "name": "phone-input-key",
          "description": "Value for phone prefill input"
        }
      ]
    },
    {
      "name": "dxp-cloudinary",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "cloud-name",
          "description": "Cloud name for cloudinary account"
        },
        {
          "name": "crop",
          "description": "Changes the size of the delivered asset according to the requested width & height dimensions."
        },
        {
          "name": "extension",
          "description": "Desired extension for the displayed asset\nNOTE: This is required if using inputKey"
        },
        {
          "name": "height",
          "description": "Sets the desired height for the displayed asset"
        },
        {
          "name": "input-key",
          "description": "Provide an input key from the story to display an asset based an experience value"
        },
        {
          "name": "is-video",
          "description": "Specify if this element is rendering a video"
        },
        {
          "name": "overlay",
          "description": "Sets the desired overlay text or spliced video"
        },
        {
          "name": "overlay-bold",
          "description": "Sets the desired font to bold\nNOTE: Only for text overlay"
        },
        {
          "name": "overlay-color",
          "description": "Sets the text to the desired color\nNOTE: Only for text overlay"
        },
        {
          "name": "overlay-font",
          "description": "Sets the desired font\nNOTE: Only for text overlay"
        },
        {
          "name": "overlay-gravity",
          "description": "This setting determines where to place the overlay.\nNOTE: Only for text overlay"
        },
        {
          "name": "overlay-italic",
          "description": "Sets the desired font to italic\nNOTE: Only for text overlay"
        },
        {
          "name": "overlay-line-spacing",
          "description": "Sets the spacing between multiple lines in pixels.\nNOTE: Only for text overlay"
        },
        {
          "name": "overlay-offset-x",
          "description": "Adjusts the horizontal offset of the corresponding transformation action."
        },
        {
          "name": "overlay-offset-y",
          "description": "Adjusts the vertical offset of the corresponding transformation action."
        },
        {
          "name": "overlay-size",
          "description": "Sets the desired font size\nNOTE: Only for text overlay"
        },
        {
          "name": "overlay-start-offset",
          "description": "Specifies the first second to include in the overlay video\nNOTE: Only for video splice"
        },
        {
          "name": "overlay-underline",
          "description": "Sets the desired font to underline\nNOTE: Only for text overlay"
        },
        {
          "name": "public-id",
          "description": "Public Id of the asset"
        },
        {
          "name": "version",
          "description": "Version of specified asset"
        },
        {
          "name": "width",
          "description": "Sets the desired width for the displayed asset"
        }
      ]
    },
    {
      "name": "dxp-cms-data",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "data-key",
          "description": "(required) The key of the data to fetch"
        },
        {
          "name": "fallback-key",
          "description": "(optional) The fallback key to use if the dataKey is not found"
        },
        {
          "name": "place-holder",
          "description": "(optional) The text to display when no value is found for the given site and key. Default \"N/A\"."
        },
        {
          "name": "site-data-key",
          "description": "(optional) The key of the site data to fetch.  Default: \"Scheduled\".",
          "values": [
            {
              "name": "Scheduled"
            }
          ]
        },
        {
          "name": "site-id",
          "description": "(required) The Id of the site to fetch data from"
        }
      ]
    },
    {
      "name": "dxp-cms-html",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "cms-data-id",
          "description": "Provide a GUID from CMS to pull down associated raw html"
        }
      ]
    },
    {
      "name": "dxp-cms-markdown",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "cms-data-id",
          "description": "Provide a GUID from CMS to pull down associated markdown"
        }
      ]
    },
    {
      "name": "dxp-collapsible",
      "description": {
        "kind": "markdown",
        "value": "A child component for dxp-accordion that contains the collapsible content"
      },
      "attributes": [
        {
          "name": "expanded",
          "description": "Set to `true` to expand"
        },
        {
          "name": "heading-level",
          "description": "Default aria-level for heading"
        },
        {
          "name": "transition-time",
          "description": "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...)"
        }
      ]
    },
    {
      "name": "dxp-detect-event",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "dxp-event",
          "description": "The key for the dxp-event to check against the experience recorded events"
        }
      ]
    },
    {
      "name": "dxp-detect-progress",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "condition",
          "description": "The name of the progress state to search for\n(Optional) supports regex string for condition matching"
        },
        {
          "name": "operator",
          "description": "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",
          "values": [
            {
              "name": "eq"
            },
            {
              "name": "ge"
            },
            {
              "name": "gt"
            },
            {
              "name": "le"
            },
            {
              "name": "lt"
            },
            {
              "name": "not"
            }
          ]
        }
      ]
    },
    {
      "name": "dxp-experience",
      "description": {
        "kind": "markdown",
        "value": "This is the experience-host component that provides the\nmechanism for retrieving the experience to the page."
      },
      "attributes": [
        {
          "name": "debug",
          "description": "Enable verbose logging\n(falls back to ?debug )"
        },
        {
          "name": "story-key",
          "description": "Story Key (required!)"
        },
        {
          "name": "xapi-url",
          "description": "Experience API Url (required)"
        }
      ]
    },
    {
      "name": "dxp-experience-data",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "default",
          "description": "A default value to display if the data in get is not found."
        },
        {
          "name": "input-key",
          "description": "The input-key to display"
        },
        {
          "name": "modify",
          "description": "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"
        }
      ]
    },
    {
      "name": "dxp-filter",
      "description": {
        "kind": "markdown",
        "value": "A component to store values that will be filtered within an input component."
      },
      "attributes": [
        {
          "name": "value",
          "description": "The value of the data being filtered."
        }
      ]
    },
    {
      "name": "dxp-form",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "append-data",
          "description": "Use tp append all known data to redirect-url value.\nThis is helpful when sending users to new DXP experience."
        },
        {
          "name": "debug",
          "description": "Debug mode won't redirect"
        },
        {
          "name": "redirect-url",
          "description": "The URL to redirect to on submit, if all fields\nare valid. Leave empty to show results HTML."
        },
        {
          "name": "submit-selector",
          "description": "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."
        },
        {
          "name": "wait-time",
          "description": "Milliseconds to wait before redirecting."
        }
      ]
    },
    {
      "name": "dxp-gtm",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "account-id",
          "description": "GTM Account ID"
        },
        {
          "name": "skip-script",
          "description": "Use the already loaded dataLayer and skip adding the\ngtm reference."
        }
      ]
    },
    {
      "name": "dxp-header",
      "description": {
        "kind": "markdown",
        "value": "This component can be used to control navigation on a site."
      },
      "attributes": [
        {
          "name": "active-route-id",
          "description": "(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"
        },
        {
          "name": "main-navigation",
          "description": "(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`"
        }
      ]
    },
    {
      "name": "dxp-html",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "has-tokens",
          "description": "Set this to true if the HTML template has tokens and should be re-fetched on\nexperience data-changes."
        },
        {
          "name": "template-key",
          "description": "Story HTML Template Key"
        }
      ]
    },
    {
      "name": "dxp-input",
      "description": {
        "kind": "markdown",
        "value": "This component uses a DXP story's input definition to render HTML inputs."
      },
      "attributes": [
        {
          "name": "filter-type",
          "description": "(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."
        },
        {
          "name": "input-key",
          "description": "Provide an input key from the story to display a form-field"
        },
        {
          "name": "label",
          "description": "Hide the label for this input"
        },
        {
          "name": "no-label",
          "description": "(optional) Removes the associated label element for the input"
        },
        {
          "name": "pattern",
          "description": "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."
        },
        {
          "name": "placeholder",
          "description": "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"
        },
        {
          "name": "required",
          "description": "Override the requirement for this input"
        },
        {
          "name": "set-value",
          "description": "The value to set this input."
        },
        {
          "name": "skip-validate",
          "description": "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."
        },
        {
          "name": "styles",
          "description": "(optional) Override the default classes for the input element"
        },
        {
          "name": "validation-message",
          "description": "Customized message to show if this field is marked\ninvalid for any reason.\nTip: 'State ALL field requirements'"
        }
      ]
    },
    {
      "name": "dxp-input-buttons",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "classes",
          "description": "Classes to add to each button displayed for options."
        },
        {
          "name": "input-key",
          "description": "Provide an input key from the story to display a form-field"
        }
      ]
    },
    {
      "name": "dxp-input-link",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active-class",
          "description": "The class to add when the matching route is active in the browser"
        },
        {
          "name": "exact",
          "description": "Only active on the exact href match, and not on child routes"
        },
        {
          "name": "input-key",
          "description": "Provide an input key from the story to set the value on click"
        },
        {
          "name": "link-class",
          "description": "The class to add to the anchor tag"
        },
        {
          "name": "path",
          "description": "The destination route for this link"
        },
        {
          "name": "set-value",
          "description": "The value to set against the provided input key"
        },
        {
          "name": "strict",
          "description": "Only active on the exact href match using every aspect of the URL including parameters."
        },
        {
          "name": "validate",
          "description": "Validates any current-route inputs before navigating.\nDisables navigation if any inputs are invalid."
        }
      ]
    },
    {
      "name": "dxp-link",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "append-data",
          "description": "When present, the link will include all\nexperience data, url-encoded in the querystring"
        },
        {
          "name": "append-parameters",
          "description": "Additional parameters to include"
        },
        {
          "name": "append-pxid",
          "description": "Append the PXID parameter instead of the XID. Use this when we are linking to a new story."
        },
        {
          "name": "link-key",
          "description": "The custom-link key from the story"
        },
        {
          "name": "src-type",
          "description": "The input source types to include as parameters when using append-data",
          "values": [
            {
              "name": "constant"
            },
            {
              "name": "contact"
            },
            {
              "name": "experience"
            },
            {
              "name": "organization"
            },
            {
              "name": "read only"
            },
            {
              "name": "user"
            }
          ]
        },
        {
          "name": "target",
          "description": "Anchor target"
        }
      ]
    },
    {
      "name": "dxp-logo",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "alt",
          "description": "Provide the alternate information for an image if the user cannot view it."
        },
        {
          "name": "background-color",
          "description": "Value for background color of component, to help with visibilty of the logo\nimage."
        },
        {
          "name": "border",
          "description": "Value for border styling:\nstroke width --> stroke type --> stroke color"
        },
        {
          "name": "href",
          "description": "Setting the link to route an an external site or internal route onClick"
        },
        {
          "name": "margin",
          "description": "For setting the margin of the component"
        },
        {
          "name": "max-width",
          "description": "For setting the max-width of the component"
        },
        {
          "name": "padding",
          "description": "For setting the padding of the component"
        },
        {
          "name": "src",
          "description": "Source for the large image asset, that acts as the default image."
        },
        {
          "name": "src-breakpoint",
          "description": "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."
        },
        {
          "name": "src-small",
          "description": "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."
        },
        {
          "name": "target",
          "description": "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."
        }
      ]
    },
    {
      "name": "dxp-markdown",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "has-tokens",
          "description": "Set this to true if the HTML template has tokens and should be re-fetched on\nexperience data-changes."
        },
        {
          "name": "template-key",
          "description": "Story Text Template Key"
        }
      ]
    },
    {
      "name": "dxp-modal",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "align-actions",
          "description": "(optional) Alignment of action buttons",
          "values": [
            {
              "name": "left"
            },
            {
              "name": "right"
            }
          ]
        },
        {
          "name": "close-button-label",
          "description": "(optional) Label for close button"
        },
        {
          "name": "custom-class",
          "description": "(optional) Custom class"
        },
        {
          "name": "duration",
          "description": "(optional) Transition duration"
        },
        {
          "name": "modal-label",
          "description": "(optional) Sets the aria-label & title for the modal"
        },
        {
          "name": "opened",
          "description": "(optional) If `true`, the Modal is open."
        },
        {
          "name": "placement",
          "description": "(optional) Override modal popup placement",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "center"
            },
            {
              "name": "left"
            },
            {
              "name": "overlay"
            },
            {
              "name": "right"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "size",
          "description": "(optional) Modal size"
        }
      ]
    },
    {
      "name": "dxp-nav-icon",
      "description": {
        "kind": "markdown",
        "value": "This component is designed to be embedded in the `dxp-header` component."
      },
      "attributes": [
        {
          "name": "active",
          "description": "(optional) Toggles if this item is active"
        },
        {
          "name": "href",
          "description": "(optional) Href value for navigation"
        },
        {
          "name": "icon",
          "description": "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."
        },
        {
          "name": "mobile-menu-open",
          "description": "Controls whether or not the mobile menu is open."
        }
      ]
    },
    {
      "name": "dxp-nav-item",
      "description": {
        "kind": "markdown",
        "value": "This is a child component for the `dxp-header` to capture navigation menu items."
      },
      "attributes": [
        {
          "name": "href",
          "description": "Href value for navigation when item is clicked."
        },
        {
          "name": "icon",
          "description": "(optional) Icon to display with"
        },
        {
          "name": "label",
          "description": "Label to display for this link in the navigation bar."
        }
      ]
    },
    {
      "name": "dxp-nav-main",
      "description": {
        "kind": "markdown",
        "value": "This component is designed to be embedded in the `dxp-header` component."
      },
      "attributes": [
        {
          "name": "active",
          "description": "(optional) if this item is active"
        },
        {
          "name": "href",
          "description": "(optional) href value"
        },
        {
          "name": "label",
          "description": "(optional) label value"
        },
        {
          "name": "menu-panel-visible",
          "description": "(optional) if this item's menu-panel is visible"
        },
        {
          "name": "popup",
          "description": "(optional) if this item has an associated popup"
        }
      ]
    },
    {
      "name": "dxp-nav-mobile",
      "description": {
        "kind": "markdown",
        "value": "This component is designed to be embedded in the `dxp-header` component."
      },
      "attributes": [
        {
          "name": "active-route-id",
          "description": "(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"
        }
      ]
    },
    {
      "name": "dxp-nav-panel",
      "description": {
        "kind": "markdown",
        "value": "This component is designed to be embedded in the `dxp-header` component."
      },
      "attributes": [
        {
          "name": "active",
          "description": "Controls if this element is visible or not"
        },
        {
          "name": "active-route-id",
          "description": "(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"
        },
        {
          "name": "header",
          "description": "(optional) Controls whether the top level item is just a title or link"
        }
      ]
    },
    {
      "name": "dxp-organization-data",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "data-point",
          "description": "The input-key to display"
        },
        {
          "name": "default",
          "description": "A default value to display if the data in get is not found."
        },
        {
          "name": "input-key",
          "description": "Deprecated in favor of dataPoint\nThe input-key to display"
        },
        {
          "name": "modify",
          "description": "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"
        },
        {
          "name": "scheduled-data",
          "description": "(optional) Set to true to toggle that this is a scheduled data item for an organization"
        }
      ]
    },
    {
      "name": "dxp-popout-menu",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "close-on-select",
          "description": "(optional) Determines whether the popout should close when a menu item is selected. Default: true"
        },
        {
          "name": "logo-element-id",
          "description": "(optional) The Id of the site's logo element to include in the mobile display header"
        }
      ]
    },
    {
      "name": "dxp-progress-bar",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "slash-color",
          "description": "Changes the color of the vertical slashes"
        },
        {
          "name": "slash-count",
          "description": "Set the amount of vertical slashes to display"
        }
      ]
    },
    {
      "name": "dxp-progress-made",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "value",
          "description": "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"
        }
      ]
    },
    {
      "name": "dxp-radio-group",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "allow-empty-selection",
          "description": "If `true`, the radios can be deselected."
        },
        {
          "name": "name",
          "description": "The name of the control, which is submitted with the form data."
        },
        {
          "name": "value",
          "description": "the value of the radio group."
        }
      ]
    },
    {
      "name": "dxp-sitemap-search",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "place-holder-text",
          "description": "Text to display as placeholder"
        },
        {
          "name": "sitemap-path",
          "description": "Relative URL path to location of sitemap"
        }
      ]
    },
    {
      "name": "dxp-spacer",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "height",
          "description": "Value for setting the spacer height.\nInterprets any string value for height:\npx, rem, %, vh, etc."
        }
      ]
    },
    {
      "name": "dxp-tabs",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "selected-index",
          "description": "(optional) Starting index that displays content; defaults to first item."
        }
      ]
    },
    {
      "name": "dxp-tabs-item",
      "description": {
        "kind": "markdown",
        "value": "A child component of `dxp-tabs` meant to be used in the `panel` slot"
      },
      "attributes": [
        {
          "name": "label",
          "description": "Label displayed on the control element for this content.\nAlternatively, the `label` slot can be used to add additional HTML"
        }
      ]
    },
    {
      "name": "dxp-tooltip",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "alt-text",
          "description": "Alt text to display if image asset not found"
        },
        {
          "name": "background-color",
          "description": "Tooltip background color"
        },
        {
          "name": "error",
          "description": "Set error state"
        },
        {
          "name": "icon-label",
          "description": "Label to display along with icon"
        },
        {
          "name": "tooltip-open-mode",
          "description": "Sets whether the toast will open automatically immediately after widget's initialization.\nDefault value: false",
          "values": [
            {
              "name": "auto"
            },
            {
              "name": "click"
            },
            {
              "name": "focus"
            },
            {
              "name": "hover"
            }
          ]
        },
        {
          "name": "tooltip-position",
          "description": "Tooltip alignment prop to where the tooltip will appear",
          "values": [
            {
              "name": "absolute"
            },
            {
              "name": "bottom"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "tooltip-size",
          "description": "This sets the size of the desired image",
          "values": [
            {
              "name": "large"
            },
            {
              "name": "medium"
            },
            {
              "name": "small"
            },
            {
              "name": "xsmall"
            }
          ]
        },
        {
          "name": "tooltip-source",
          "description": "This is asset path to the desired image for the icon"
        },
        {
          "name": "tooltip-text",
          "description": "Set tooltip text"
        }
      ]
    },
    {
      "name": "dxp-truncate",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "icon-size",
          "description": "(optional) Controls the icon size",
          "values": [
            {
              "name": "large"
            },
            {
              "name": "medium"
            },
            {
              "name": "small"
            },
            {
              "name": "xsmall"
            }
          ]
        },
        {
          "name": "icon-src-close",
          "description": "(optional) Icon to display alongside close label"
        },
        {
          "name": "icon-src-expand",
          "description": "(optional) Icon to display alongside expand label"
        },
        {
          "name": "label-close",
          "description": "(optional) Text displayed for close link"
        },
        {
          "name": "label-expand",
          "description": "(optional) Text displayed for expansion link"
        },
        {
          "name": "label-position",
          "description": "(optional) Changes which side the icon will appear on",
          "values": [
            {
              "name": "left"
            },
            {
              "name": "right"
            }
          ]
        },
        {
          "name": "opened",
          "description": "(optional) Sets default state to open on render"
        }
      ]
    },
    {
      "name": "dxp-video",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "cc-url",
          "description": "(optional) URL for the closed caption text file. Can be relative or absolute."
        },
        {
          "name": "height",
          "description": "(optional) Sets the height of the video element"
        },
        {
          "name": "poster-url",
          "description": "(required) URL for the poster image asset. Can be relative or absolute."
        },
        {
          "name": "radius",
          "description": "(optional) Sets the border radius for all video display elements (i.e. video, preview, modal). Default: (5px)"
        },
        {
          "name": "timer",
          "description": "(optional) Video timer"
        },
        {
          "name": "use-modal",
          "description": "(optional) If set, video will open up in modal on desktop when play button hit"
        },
        {
          "name": "video-url",
          "description": "(required) URL for the video asset. Can be relative or absolute."
        },
        {
          "name": "width",
          "description": "(optional) Sets the width of the video element"
        }
      ]
    },
    {
      "name": "dxp-video-player",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "vimeo-id",
          "description": "Value used specifically for Vimeo video identification."
        },
        {
          "name": "youtube-id",
          "description": "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'"
        }
      ]
    },
    {
      "name": "dxp-wayfinder",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "container-id",
          "description": "Required to set relative container Id for mobile navigation pop-up"
        },
        {
          "name": "direction-popup",
          "description": "Set the direction that the mobile popup will appear",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "orientation",
          "description": "Change this to display steps horizontally (default) or vertically",
          "values": [
            {
              "name": "horizontal"
            },
            {
              "name": "vertical"
            }
          ]
        }
      ]
    },
    {
      "name": "dxp-wayfinder-step",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "dxp-event",
          "description": "(optional) Provide name of event to watch to conditionally display `node` or `node-complete` slots."
        },
        {
          "name": "exact",
          "description": "Only active on the exact href match,\nand not on child routes"
        },
        {
          "name": "no-redirect",
          "description": "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`."
        },
        {
          "name": "path",
          "description": "Set the direction that the mobile popup will appear."
        },
        {
          "name": "strict",
          "description": "Only active on the exact href match\nusing every aspect of the URL including\nparameters."
        }
      ]
    },
    {
      "name": "dxp-year",
      "description": {
        "kind": "markdown",
        "value": "A component to display a dynamic year, updating based on an effective date."
      },
      "attributes": [
        {
          "name": "effective-day",
          "description": "The day of the month when the year should increment (1-31)"
        },
        {
          "name": "effective-month",
          "description": "The month when the year should increment (1-12)"
        },
        {
          "name": "increment-year",
          "description": "The number of years to increment (default is 0)"
        }
      ]
    }
  ]
}