{
  "$schema": "http://json.schemastore.org/web-types",
  "name": "em9webcomponents",
  "version": "1.0.1",
  "description-markup": "markdown",
  "framework-config": {
    "enable-when": {
      "node-packages": [
        "em9webcomponents"
      ]
    }
  },
  "contributions": {
    "html": {
      "elements": [
        {
          "name": "em9-alert",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/alert",
          "js": {
            "properties": [
              {
                "name": "autoHideTimeout",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "base",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "closable",
                "description": "Makes the alert closable.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "iconCenter",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "variant",
                "description": "The alert's variant.",
                "value": {
                  "type": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default'"
                }
              },
              {
                "name": "layout",
                "description": "The alert's Layout.",
                "value": {
                  "type": "'vertical' | 'linear'"
                }
              },
              {
                "name": "duration",
                "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`.",
                "value": {}
              },
              {
                "name": "leftImg",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "badge",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "alertTitle",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "link1text",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "link2text",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "link1url",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "link2url",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "target",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "type",
                "value": {
                  "type": "'notification' | 'alert' | 'plain' | undefined"
                }
              },
              {
                "name": "show",
                "description": "Shows the alert.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the alert",
                "value": {}
              },
              {
                "name": "toast",
                "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.",
                "value": {}
              },
              {
                "name": "restartAutoHide",
                "value": {}
              },
              {
                "name": "handleCloseClick",
                "value": {}
              },
              {
                "name": "handleMouseMove",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "handleDurationChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-show",
                "description": "Emitted when the alert opens."
              },
              {
                "name": "em9-after-show",
                "description": "Emitted after the alert opens and all animations are complete."
              },
              {
                "name": "em9-hide",
                "description": "Emitted when the alert closes."
              },
              {
                "name": "em9-after-hide",
                "description": "Emitted after the alert closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "closable",
              "description": "Makes the alert closable.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "iconCenter",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "variant",
              "description": "The alert's variant.",
              "value": {
                "type": "'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default'"
              }
            },
            {
              "name": "layout",
              "description": "The alert's Layout.",
              "value": {
                "type": "'vertical' | 'linear'"
              }
            },
            {
              "name": "duration",
              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`.",
              "value": {}
            },
            {
              "name": "leftImg",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "badge",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "alertTitle",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "link1text",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "link2text",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "link1url",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "link2url",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "target",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "type",
              "value": {
                "type": "'notification' | 'alert' | 'plain' | undefined"
              }
            }
          ]
        },
        {
          "name": "em9-animated-image",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/animated-image",
          "js": {
            "properties": [
              {
                "name": "frozenFrame",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "isLoaded",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "animatedImage",
                "value": {
                  "type": "HTMLImageElement"
                }
              },
              {
                "name": "src",
                "description": "The image's src attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "alt",
                "description": "The image's alt attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "play",
                "description": "When set, the image will animate. Otherwise, it will be paused.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleLoad",
                "value": {}
              },
              {
                "name": "handleError",
                "value": {}
              },
              {
                "name": "handlePlayChange",
                "value": {}
              },
              {
                "name": "handleSrcChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-load",
                "description": "Emitted when the image loads successfully."
              },
              {
                "name": "em9-error",
                "description": "Emitted when the image fails to load."
              }
            ]
          },
          "attributes": [
            {
              "name": "src",
              "description": "The image's src attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "alt",
              "description": "The image's alt attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "play",
              "description": "When set, the image will animate. Otherwise, it will be paused.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-animation",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/animation",
          "js": {
            "properties": [
              {
                "name": "animation",
                "value": {
                  "type": "Animation | undefined"
                }
              },
              {
                "name": "hasStarted",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "Promise<HTMLSlotElement>"
                }
              },
              {
                "name": "name",
                "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "play",
                "description": "Plays the animation. When omitted, the animation will be paused. This prop will be automatically removed when the\nanimation finishes or gets canceled.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "delay",
                "description": "The number of milliseconds to delay the start of the animation.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "direction",
                "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.",
                "value": {
                  "type": "PlaybackDirection"
                }
              },
              {
                "name": "duration",
                "description": "The number of milliseconds each iteration of the animation takes to complete.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "easing",
                "description": "The easing function to use for the animation. This can be a em9-Library easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "endDelay",
                "description": "The number of milliseconds to delay after the active period of an animation sequence.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "fill",
                "description": "Sets how the animation applies styles to its target before and after its execution.",
                "value": {
                  "type": "FillMode"
                }
              },
              {
                "name": "iterations",
                "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
                "value": {}
              },
              {
                "name": "iterationStart",
                "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "keyframes",
                "description": "The keyframes to use for the animation. If this is set, `name` will be ignored.",
                "value": {
                  "type": "Keyframe[] | undefined"
                }
              },
              {
                "name": "playbackRate",
                "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "currentTime",
                "description": "Gets and sets the current animation time.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "handleAnimationChange",
                "value": {}
              },
              {
                "name": "handleAnimationFinish",
                "value": {}
              },
              {
                "name": "handleAnimationCancel",
                "value": {}
              },
              {
                "name": "handlePlayChange",
                "value": {}
              },
              {
                "name": "handlePlaybackRateChange",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              },
              {
                "name": "createAnimation",
                "value": {}
              },
              {
                "name": "destroyAnimation",
                "value": {}
              },
              {
                "name": "cancel",
                "description": "Clears all KeyframeEffects caused by this animation and aborts its playback.",
                "value": {}
              },
              {
                "name": "finish",
                "description": "Sets the playback time to the end of the animation corresponding to the current playback direction.",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-cancel",
                "description": "Emitted when the animation is canceled."
              },
              {
                "name": "em9-finish",
                "description": "Emitted when the animation finishes."
              },
              {
                "name": "em9-start",
                "description": "Emitted when the animation starts or restarts."
              }
            ]
          },
          "attributes": [
            {
              "name": "name",
              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "play",
              "description": "Plays the animation. When omitted, the animation will be paused. This prop will be automatically removed when the\nanimation finishes or gets canceled.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "delay",
              "description": "The number of milliseconds to delay the start of the animation.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "direction",
              "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.",
              "value": {
                "type": "PlaybackDirection"
              }
            },
            {
              "name": "duration",
              "description": "The number of milliseconds each iteration of the animation takes to complete.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "easing",
              "description": "The easing function to use for the animation. This can be a em9-Library easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "end-delay",
              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "fill",
              "description": "Sets how the animation applies styles to its target before and after its execution.",
              "value": {
                "type": "FillMode"
              }
            },
            {
              "name": "iterations",
              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
              "value": {}
            },
            {
              "name": "iteration-start",
              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "playback-rate",
              "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
              "value": {
                "type": "number"
              }
            }
          ]
        },
        {
          "description": "Gets a list of all supported animation names.",
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "description": "Gets a list of all supported easing function names.",
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "em9-avatar",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/avatar",
          "js": {
            "properties": [
              {
                "name": "hasError",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "info",
                "description": "The info to use for the avatar.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "name",
                "description": "The  name to use for the avatar.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "image",
                "description": "The image source to use for the avatar.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "label",
                "description": "A label to use to describe the avatar to assistive devices.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "initials",
                "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "shape",
                "description": "The shape of the avatar.",
                "value": {
                  "type": "'circle' | 'square' | 'rounded'"
                }
              },
              {
                "name": "handleImageChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "info",
              "description": "The info to use for the avatar.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "name",
              "description": "The  name to use for the avatar.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "image",
              "description": "The image source to use for the avatar.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "label",
              "description": "A label to use to describe the avatar to assistive devices.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "initials",
              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "shape",
              "description": "The shape of the avatar.",
              "value": {
                "type": "'circle' | 'square' | 'rounded'"
              }
            }
          ]
        },
        {
          "name": "em9-badge",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/badge",
          "js": {
            "properties": [
              {
                "name": "IsAvatar",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "isMainIcon",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "isPrefixIcon",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "isSuffixIcon",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "_avatar",
                "value": {
                  "type": "HTMLElement[]"
                }
              },
              {
                "name": "_iconOnly",
                "value": {
                  "type": "HTMLElement[]"
                }
              },
              {
                "name": "_prefixIcon",
                "value": {
                  "type": "HTMLElement[]"
                }
              },
              {
                "name": "_suffixIcon",
                "value": {
                  "type": "HTMLElement[]"
                }
              },
              {
                "name": "variant",
                "description": "The badge's variant.",
                "value": {
                  "type": "| 'gray'\n    | 'danger'\n    | 'warning'\n    | 'success'\n    | 'gray-blue'\n    | 'blue'\n    | 'primary'\n    | 'indigo'\n    | 'purple'\n    | 'pink'\n    | 'rose'\n    | 'light-gray'\n    | 'light-primary'\n    | 'light-danger'\n    | 'light-warning'\n    | 'light-success'\n    | 'light-gray-blue'\n    | 'lighter-blue'\n    | 'light-blue'\n    | 'light-indigo'\n    | 'light-purple'\n    | 'light-pink'\n    | 'light-rose'\n    | 'light-orange'\n    | 'lighter-gray'\n    | 'lighter-primary'\n    | 'lighter-success'\n    | 'lighter-warning'\n    | 'lighter-success'"
                }
              },
              {
                "name": "size",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "pill",
                "description": "Draws a pill-style badge with rounded edges.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "circle",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "outline",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "pulse",
                "description": "Makes the badge pulsate to draw attention.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "avatarExists",
                "value": {}
              },
              {
                "name": "iconExists",
                "value": {}
              },
              {
                "name": "prefixIconExists",
                "value": {}
              },
              {
                "name": "suffixIconExists",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "variant",
              "description": "The badge's variant.",
              "value": {
                "type": "| 'gray'\n    | 'danger'\n    | 'warning'\n    | 'success'\n    | 'gray-blue'\n    | 'blue'\n    | 'primary'\n    | 'indigo'\n    | 'purple'\n    | 'pink'\n    | 'rose'\n    | 'light-gray'\n    | 'light-primary'\n    | 'light-danger'\n    | 'light-warning'\n    | 'light-success'\n    | 'light-gray-blue'\n    | 'lighter-blue'\n    | 'light-blue'\n    | 'light-indigo'\n    | 'light-purple'\n    | 'light-pink'\n    | 'light-rose'\n    | 'light-orange'\n    | 'lighter-gray'\n    | 'lighter-primary'\n    | 'lighter-success'\n    | 'lighter-warning'\n    | 'lighter-success'"
              }
            },
            {
              "name": "size",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "pill",
              "description": "Draws a pill-style badge with rounded edges.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "circle",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "outline",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "pulse",
              "description": "Makes the badge pulsate to draw attention.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-badge-group",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/badge-group",
          "js": {
            "properties": [
              {
                "name": "variant",
                "description": "An example property.",
                "value": {
                  "type": "| 'primary-lighter'\n    | 'primary-light'\n    | 'primary'\n    | 'success-lighter'\n    | 'success-light'\n    | 'success'\n    | 'gray-lighter'\n    | 'gray-light'\n    | 'gray'\n    | 'warning-lighter'\n    | 'warning-light'\n    | 'warning'\n    | 'danger-lighter'\n    | 'danger-light'\n    | 'danger'"
                }
              },
              {
                "name": "badgeRight",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "Size",
                "value": {
                  "type": "'medium'|'large'"
                }
              },
              {
                "name": "iconname",
                "value": {
                  "type": "string"
                }
              }
            ],
            "events": [
              {
                "name": "em9-event-name",
                "description": "Emitted as an example."
              }
            ]
          },
          "attributes": [
            {
              "name": "variant",
              "description": "An example property.",
              "value": {
                "type": "| 'primary-lighter'\n    | 'primary-light'\n    | 'primary'\n    | 'success-lighter'\n    | 'success-light'\n    | 'success'\n    | 'gray-lighter'\n    | 'gray-light'\n    | 'gray'\n    | 'warning-lighter'\n    | 'warning-light'\n    | 'warning'\n    | 'danger-lighter'\n    | 'danger-light'\n    | 'danger'"
              }
            },
            {
              "name": "badgeRight",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "Size",
              "value": {
                "type": "'medium'|'large'"
              }
            },
            {
              "name": "iconname",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "em9-breadcrumb",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/breadcrumb",
          "js": {
            "properties": [
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "separatorSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "separatorDir",
                "value": {}
              },
              {
                "name": "label",
                "description": "The label to use for the breadcrumb control. This will not be shown, but it will be announced by screen readers and\nother assistive devices.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "getSeparator",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "label",
              "description": "The label to use for the breadcrumb control. This will not be shown, but it will be announced by screen readers and\nother assistive devices.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "em9-breadcrumb-item",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/breadcrumb-item",
          "js": {
            "properties": [
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "href",
                "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "target",
                "description": "Tells the browser where to open the link. Only used when `href` is set.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
                }
              },
              {
                "name": "rel",
                "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
                "value": {
                  "type": "string"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "href",
              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "target",
              "description": "Tells the browser where to open the link. Only used when `href` is set.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
              }
            },
            {
              "name": "rel",
              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "em9-button",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/button",
          "js": {
            "properties": [
              {
                "name": "button",
                "value": {
                  "type": "HTMLButtonElement | HTMLLinkElement"
                }
              },
              {
                "name": "formSubmitController",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "variant",
                "description": "The button's variant.",
                "value": {
                  "type": "| 'primary'\n    | 'secondary gray'\n    | 'secondary color'\n    | 'tertiary gray'\n    | 'tertiary color'\n    | 'link gray'\n    | 'link color'\n    | 'primary light'\n    | 'primary dark'\n    | 'gray light'\n    | 'gray dark'"
                }
              },
              {
                "name": "destructive",
                "description": "Draws the button for destructive state",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "leadingdot",
                "description": "Draws the leading dot with in button",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "onlyicon",
                "description": "Draws the button with icon only",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "size",
                "description": "The button's size.",
                "value": {
                  "type": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large'"
                }
              },
              {
                "name": "caret",
                "description": "Draws the button with a caret for use with dropdowns, popovers, etc.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the button.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "loading",
                "description": "Draws the button in a loading state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "pill",
                "description": "Draws a pill-style button with rounded edges.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "circle",
                "description": "Draws a circle button.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "noPadding",
                "description": "Draws a circle button.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "type",
                "description": "The type of button. When the type is `submit`, the button will submit the surrounding form. Note that the default\nvalue is `button` instead of `submit`, which is opposite of how native `<button>` elements behave.",
                "value": {
                  "type": "'button' | 'submit'"
                }
              },
              {
                "name": "name",
                "description": "An optional name for the button. Ignored when `href` is set.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "value",
                "description": "An optional value for the button. Ignored when `href` is set.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "href",
                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "target",
                "description": "Tells the browser where to open the link. Only used when `href` is set.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
                }
              },
              {
                "name": "download",
                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "form",
                "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "formAction",
                "description": "Used to override the form owner's `action` attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "formMethod",
                "description": "Used to override the form owner's `method` attribute.",
                "value": {
                  "type": "'post' | 'get'"
                }
              },
              {
                "name": "formNoValidate",
                "description": "Used to override the form owner's `novalidate` attribute.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "formTarget",
                "description": "Used to override the form owner's `target` attribute.",
                "value": {
                  "type": "'_self' | '_blank' | '_parent' | '_top' | string"
                }
              },
              {
                "name": "click",
                "description": "Simulates a click on the button.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the button.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the button.",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-blur",
                "description": "Emitted when the button loses focus."
              },
              {
                "name": "em9-focus",
                "description": "Emitted when the button gains focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "variant",
              "description": "The button's variant.",
              "value": {
                "type": "| 'primary'\n    | 'secondary gray'\n    | 'secondary color'\n    | 'tertiary gray'\n    | 'tertiary color'\n    | 'link gray'\n    | 'link color'\n    | 'primary light'\n    | 'primary dark'\n    | 'gray light'\n    | 'gray dark'"
              }
            },
            {
              "name": "destructive",
              "description": "Draws the button for destructive state",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "leadingdot",
              "description": "Draws the leading dot with in button",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "onlyicon",
              "description": "Draws the button with icon only",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "size",
              "description": "The button's size.",
              "value": {
                "type": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large'"
              }
            },
            {
              "name": "caret",
              "description": "Draws the button with a caret for use with dropdowns, popovers, etc.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the button.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "loading",
              "description": "Draws the button in a loading state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "pill",
              "description": "Draws a pill-style button with rounded edges.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "circle",
              "description": "Draws a circle button.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "noPadding",
              "description": "Draws a circle button.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "type",
              "description": "The type of button. When the type is `submit`, the button will submit the surrounding form. Note that the default\nvalue is `button` instead of `submit`, which is opposite of how native `<button>` elements behave.",
              "value": {
                "type": "'button' | 'submit'"
              }
            },
            {
              "name": "name",
              "description": "An optional name for the button. Ignored when `href` is set.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "value",
              "description": "An optional value for the button. Ignored when `href` is set.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "href",
              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "target",
              "description": "Tells the browser where to open the link. Only used when `href` is set.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
              }
            },
            {
              "name": "download",
              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "form",
              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "formaction",
              "description": "Used to override the form owner's `action` attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "formmethod",
              "description": "Used to override the form owner's `method` attribute.",
              "value": {
                "type": "'post' | 'get'"
              }
            },
            {
              "name": "formnovalidate",
              "description": "Used to override the form owner's `novalidate` attribute.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "formtarget",
              "description": "Used to override the form owner's `target` attribute.",
              "value": {
                "type": "'_self' | '_blank' | '_parent' | '_top' | string"
              }
            }
          ]
        },
        {
          "name": "em9-button-group",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/button-group",
          "js": {
            "properties": [
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "label",
                "description": "A label to use for the button group's `aria-label` attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "tab",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleMouseOver",
                "value": {}
              },
              {
                "name": "handleMouseOut",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "label",
              "description": "A label to use for the button group's `aria-label` attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "tab",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-card",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/card",
          "js": {
            "properties": [
              {
                "name": "hasSlotController",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "em9-checkbox",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/checkbox",
          "js": {
            "properties": [
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "isLabelSlot",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "isSubLabelSlot",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "_label",
                "value": {
                  "type": "Node[]"
                }
              },
              {
                "name": "_subLabel",
                "value": {
                  "type": "Node[]"
                }
              },
              {
                "name": "formSubmitController",
                "value": {}
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "ids",
                "value": {}
              },
              {
                "name": "getid",
                "value": {}
              },
              {
                "name": "name",
                "description": "The checkbox's name attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "The checkbox's value attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the checkbox.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "required",
                "description": "Makes the checkbox a required field.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "checked",
                "description": "Draws the checkbox in a checked state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "indeterminate",
                "description": "Draws the checkbox in an indeterminate state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "filled",
                "description": "Draws the checkbox in an filled type state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "invalid",
                "description": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "size",
                "description": "The checkbox's size.",
                "value": {
                  "type": "'xsmall' | 'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "round",
                "description": "The checkbox's shape round or square.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "label",
                "description": "The checkbox's label text attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "subLabel",
                "description": "The checkbox's subLabel attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "subLabelExists",
                "value": {}
              },
              {
                "name": "labelExists",
                "value": {}
              },
              {
                "name": "click",
                "description": "Simulates a click on the checkbox.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the checkbox.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the checkbox.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleStateChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "em9-change",
                "description": "Emitted when the control's checked state changes."
              },
              {
                "name": "em9-focus",
                "description": "Emitted when the control gains focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "name",
              "description": "The checkbox's name attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "The checkbox's value attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the checkbox.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "required",
              "description": "Makes the checkbox a required field.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "checked",
              "description": "Draws the checkbox in a checked state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "indeterminate",
              "description": "Draws the checkbox in an indeterminate state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "filled",
              "description": "Draws the checkbox in an filled type state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "invalid",
              "description": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "size",
              "description": "The checkbox's size.",
              "value": {
                "type": "'xsmall' | 'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "round",
              "description": "The checkbox's shape round or square.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "label",
              "description": "The checkbox's label text attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "subLabel",
              "description": "The checkbox's subLabel attribute.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "em9-color-picker",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/color-picker",
          "js": {
            "properties": [
              {
                "name": "input",
                "value": {
                  "type": "em9Input"
                }
              },
              {
                "name": "previewButton",
                "value": {
                  "type": "HTMLButtonElement"
                }
              },
              {
                "name": "dropdown",
                "value": {
                  "type": "em9Dropdown"
                }
              },
              {
                "name": "formSubmitController",
                "value": {}
              },
              {
                "name": "isSafeValue",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "lastValueEmitted",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "isDraggingGridHandle",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "inputValue",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hue",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "saturation",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "lightness",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "brightness",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "alpha",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "value",
                "description": "The current color.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "label",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "format",
                "description": "The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, and HSLA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.",
                "value": {
                  "type": "'hex' | 'rgb' | 'hsl'"
                }
              },
              {
                "name": "inline",
                "description": "Renders the color picker inline rather than inside a dropdown.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "size",
                "description": "Determines the size of the color picker's trigger. This has no effect on inline color pickers.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "noFormatToggle",
                "description": "Removes the format toggle.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "name",
                "description": "The input's name attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the color picker.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "invalid",
                "description": "This will be true when the control is in an invalid state. Validity is determined by the `setCustomValidity()`\nmethod using the browser's constraint validation API.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "hoist",
                "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "opacity",
                "description": "Whether to show the opacity slider.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "uppercase",
                "description": "By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "swatches",
                "description": "An array of predefined color swatches to display. Can include any format the color picker can parse, including\nHEX(A), RGB(A), HSL(A), and CSS color names.",
                "value": {
                  "type": "string[]"
                }
              },
              {
                "name": "lang",
                "description": "The locale to render the component in.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "getFormattedValue",
                "description": "Returns the current value as a string in the specified format.",
                "value": {}
              },
              {
                "name": "getBrightness",
                "value": {}
              },
              {
                "name": "getLightness",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
                "value": {}
              },
              {
                "name": "handleCopy",
                "value": {}
              },
              {
                "name": "handleFormatToggle",
                "value": {}
              },
              {
                "name": "handleAlphaDrag",
                "value": {}
              },
              {
                "name": "handleHueDrag",
                "value": {}
              },
              {
                "name": "handleGridDrag",
                "value": {}
              },
              {
                "name": "handleAlphaKeyDown",
                "value": {}
              },
              {
                "name": "handleHueKeyDown",
                "value": {}
              },
              {
                "name": "handleGridKeyDown",
                "value": {}
              },
              {
                "name": "handleInputChange",
                "value": {}
              },
              {
                "name": "handleInputKeyDown",
                "value": {}
              },
              {
                "name": "normalizeColorString",
                "value": {}
              },
              {
                "name": "parseColor",
                "value": {}
              },
              {
                "name": "setColor",
                "value": {}
              },
              {
                "name": "setLetterCase",
                "value": {}
              },
              {
                "name": "syncValues",
                "value": {}
              },
              {
                "name": "handleAfterHide",
                "value": {}
              },
              {
                "name": "handleEyeDropper",
                "value": {}
              },
              {
                "name": "handleFormatChange",
                "value": {}
              },
              {
                "name": "handleOpacityChange",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-change",
                "description": "Emitted when the color picker's value changes."
              }
            ]
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current color.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "label",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "format",
              "description": "The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, and HSLA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.",
              "value": {
                "type": "'hex' | 'rgb' | 'hsl'"
              }
            },
            {
              "name": "inline",
              "description": "Renders the color picker inline rather than inside a dropdown.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "size",
              "description": "Determines the size of the color picker's trigger. This has no effect on inline color pickers.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "no-format-toggle",
              "description": "Removes the format toggle.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "name",
              "description": "The input's name attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the color picker.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "invalid",
              "description": "This will be true when the control is in an invalid state. Validity is determined by the `setCustomValidity()`\nmethod using the browser's constraint validation API.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "hoist",
              "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "opacity",
              "description": "Whether to show the opacity slider.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "uppercase",
              "description": "By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "lang",
              "description": "The locale to render the component in.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "em9-combobox",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/combobox",
          "js": {
            "properties": [
              {
                "name": "dropdown",
                "value": {
                  "type": "em9Dropdown"
                }
              },
              {
                "name": "control",
                "value": {
                  "type": "em9Dropdown"
                }
              },
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "menu",
                "value": {
                  "type": "em9Menu"
                }
              },
              {
                "name": "_button",
                "value": {
                  "type": "HTMLButtonElement"
                }
              },
              {
                "name": "_input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "elementDefinitions",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "label",
                "description": "The input's label. Alternatively, you can use the label slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "size",
                "description": "The select's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "value",
                "description": "Indicates the value for the input.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "placeholder",
                "description": "Display text when input is empty",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "open",
                "description": "Indicates if the dropdown is open.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "searchMode",
                "description": "search text for filtering options",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disabled",
                "value": {
                  "type": "any"
                }
              },
              {
                "name": "name",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "messageId",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "invalidated",
                "value": {
                  "type": "any"
                }
              },
              {
                "name": "required",
                "value": {
                  "type": "any"
                }
              },
              {
                "name": "options",
                "description": "The list of options available in the combobox dropdown list",
                "value": {
                  "type": "HTMLOptionElement[]"
                }
              },
              {
                "name": "selectedIndex",
                "description": "The index of the selected option, if any",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "_displayValue",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "_noResults",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "_query",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "_defaultValue",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "_childrenObserver",
                "value": {
                  "type": "MutationObserver"
                }
              },
              {
                "name": "onChange",
                "value": {}
              },
              {
                "name": "onInput",
                "value": {}
              },
              {
                "name": "_renderList",
                "value": {}
              },
              {
                "name": "_renderClearButton",
                "value": {}
              },
              {
                "name": "_renderIconButton",
                "value": {}
              },
              {
                "name": "_handleOptionClick",
                "value": {}
              },
              {
                "name": "_closeDropdown",
                "value": {}
              },
              {
                "name": "_handleButtonClick",
                "value": {}
              },
              {
                "name": "_handleButtonBlur",
                "value": {}
              },
              {
                "name": "_handleClearClick",
                "value": {}
              },
              {
                "name": "_handleInputBlur",
                "value": {}
              },
              {
                "name": "_handleInputKeydown",
                "value": {}
              },
              {
                "name": "_handleNavigation",
                "value": {}
              },
              {
                "name": "_selectHighlightedOption",
                "value": {}
              },
              {
                "name": "_handleInputClear",
                "value": {}
              },
              {
                "name": "_handleFormdata",
                "value": {}
              },
              {
                "name": "_handleFormReset",
                "value": {}
              },
              {
                "name": "_setDisplayValue",
                "value": {}
              },
              {
                "name": "_handleInputClick",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "change"
              }
            ]
          },
          "attributes": [
            {
              "name": "value",
              "description": "Indicates the value for the input.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "placeholder",
              "description": "Display text when input is empty",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "open",
              "description": "Indicates if the dropdown is open.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "searchMode",
              "description": "search text for filtering options",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "label",
              "description": "The input's label. Alternatively, you can use the label slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "size",
              "description": "The select's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "search-mode",
              "description": "search text for filtering options",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "options",
              "description": "The list of options available in the combobox dropdown list",
              "value": {
                "type": "HTMLOptionElement[]"
              }
            }
          ]
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "em9-credit-card-input",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/credit-card-input",
          "js": {
            "properties": [
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "required",
                "description": "Makes the input a required field.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "size",
                "description": "The input's size.",
                "value": {
                  "type": "\"small\" | \"medium\" | \"large\""
                }
              },
              {
                "name": "name",
                "description": "The input's name attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "lineStyled",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "borderLess",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "value",
                "description": "The input's value attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "filled",
                "description": "Draws a filled input.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "pill",
                "description": "Draws a pill-style input with rounded edges.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "label",
                "description": "The input's label. Alternatively, you can use the label slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "helpText",
                "description": "The input's help text. Alternatively, you can use the help-text slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "clearable",
                "description": "Adds a clear button when the input is populated.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "togglePassword",
                "description": "Adds a password toggle button to password inputs.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placeholder",
                "description": "The input's placeholder text.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the input.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "readonly",
                "description": "Makes the input readonly.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "inputIcon",
                "description": "custom icon .",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "toolTipText",
                "description": "Write the text for the cc field tooltip content.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "suggestionText",
                "description": "Write the text for the cc field.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "cardType",
                "description": "Render the static ard-type'.",
                "value": {}
              },
              {
                "name": "invalid",
                "description": "This will be true when the control is in an invalid state. Validity is determined by props such as `type`,\n`required`, `minlength`, `maxlength`, and `pattern` using the browser's constraint validation API.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "predictCard",
                "value": {}
              },
              {
                "name": "setCardLogo",
                "value": {}
              },
              {
                "name": "validateCard",
                "value": {}
              },
              {
                "name": "addClasses",
                "value": {}
              },
              {
                "name": "validateLuhnAlgorithm",
                "value": {}
              },
              {
                "name": "handleFocus",
                "description": "Sets focus on the input.",
                "value": {}
              },
              {
                "name": "handleBlur",
                "description": "Removes focus from the input.",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "em9-input",
                "description": "Emitted when the control receives input and its value changes."
              },
              {
                "name": "em9-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "em9-blur",
                "description": "Emitted when the control loses focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "required",
              "description": "Makes the input a required field.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "size",
              "description": "The input's size.",
              "value": {
                "type": "\"small\" | \"medium\" | \"large\""
              }
            },
            {
              "name": "name",
              "description": "The input's name attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "lineStyled",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "borderLess",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "value",
              "description": "The input's value attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "filled",
              "description": "Draws a filled input.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "pill",
              "description": "Draws a pill-style input with rounded edges.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "label",
              "description": "The input's label. Alternatively, you can use the label slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "help-text",
              "description": "The input's help text. Alternatively, you can use the help-text slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "clearable",
              "description": "Adds a clear button when the input is populated.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "toggle-password",
              "description": "Adds a password toggle button to password inputs.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "placeholder",
              "description": "The input's placeholder text.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the input.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "readonly",
              "description": "Makes the input readonly.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "inputIcon",
              "description": "custom icon .",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "toolTipText",
              "description": "Write the text for the cc field tooltip content.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "suggestionText",
              "description": "Write the text for the cc field.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "card-type",
              "description": "Render the static ard-type'.",
              "value": {}
            },
            {
              "name": "invalid",
              "description": "This will be true when the control is in an invalid state. Validity is determined by props such as `type`,\n`required`, `minlength`, `maxlength`, and `pattern` using the browser's constraint validation API.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [
              {
                "name": "eGui",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "init",
                "value": {}
              },
              {
                "name": "getGui",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": []
        },
        {
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [
              {
                "name": "eGui",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "init",
                "value": {}
              },
              {
                "name": "getGui",
                "value": {}
              },
              {
                "name": "refresh",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": []
        },
        {
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [
              {
                "name": "eGui",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "init",
                "value": {}
              },
              {
                "name": "getGui",
                "value": {}
              },
              {
                "name": "refresh",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "em9-data-table",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/data-table",
          "js": {
            "properties": [
              {
                "name": "idRegex",
                "value": {
                  "type": "RegExp"
                }
              },
              {
                "name": "id",
                "description": "Sets the unique id of table",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "loaded",
                "description": "Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "idRegex",
                "value": {}
              },
              {
                "name": "rowDataInput",
                "description": "Set rowDataInput to Array of Objects, one Object per Row",
                "value": {
                  "type": "[]"
                }
              },
              {
                "name": "colDataInput",
                "description": "Set colDataInput to Array of Objects. Each Column Definition results in one Column.",
                "value": {
                  "type": "ColDef[]"
                }
              },
              {
                "name": "paginationEnable",
                "description": "Set paginationEnable true to enable the pagination",
                "value": {}
              },
              {
                "name": "paginationAutoPageSize",
                "description": "If you set paginationAutoPageSize=true the grid will automatically show as many rows in each page as it can fit",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "suppressPaginationPanel",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "suppressScrollOnNewData",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "suppressDragLeaveHidesColumns",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "rowSelection",
                "description": "Type of row selection, set to either 'single' or 'multiple' to enable selection.\n'single' will use single row selection, such that when you select a row, any previously selected row gets unselected. 'multiple' allows multiple rows to be selected.",
                "value": {
                  "type": "'single' | 'multiple'"
                }
              },
              {
                "name": "headerHeight",
                "description": "The height in pixels for the row containing the column label header. If not specified, it uses the theme value of `header-height`.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "rowHeight",
                "description": "Default row height in pixels.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "sizeColumnsToFit",
                "description": "To make the currently visible columns fit the screen.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "totalCount",
                "description": "represents the total count of data available from the source.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "currentPage",
                "description": "represents the current active page. We'll use a 1-based",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "pageSize",
                "description": "represents the maximum data that is visible in a single page.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "siblingCount",
                "description": "represents the min number of page buttons to be shown on each side of the current page button. Defaults to 1.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "headerBlock",
                "description": "To show table header block",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "customHeader",
                "description": "Data table User wants to use own structure in header",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "customLeftHeader",
                "description": "Default structure for left side of Header",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "gridHeading",
                "description": "header value in default structure",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "gridDescription",
                "description": "Description value in default left header structure",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "filterBlock",
                "description": "To show table filter block",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "customFilter",
                "description": "Data table User wants to use own structure in Filter block",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "customRightFilter",
                "description": "Gives Default structure for Right side of Filter",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "notFound",
                "description": "represents the Messages in case of no Data exists or filter data is not found .\nUse $filterText in description as a placeholder to show searched text in description",
                "value": {
                  "type": "noDataType[]"
                }
              },
              {
                "name": "paginationItems",
                "value": {
                  "type": "NodeListOf<HTMLDivElement>"
                }
              },
              {
                "name": "em9Table",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "searchFilter",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "paginationResizer",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "gridBodyViewPort",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "gridBodyHorizontalViewPort",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "clearButton",
                "value": {
                  "type": "NodeListOf<HTMLDivElement>"
                }
              },
              {
                "name": "_isData",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "_defaultData",
                "value": {
                  "type": "array"
                }
              },
              {
                "name": "_isSearchFound",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "searchFilterValue",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "gridApi",
                "value": {
                  "type": "GridApi"
                }
              },
              {
                "name": "gridOptions",
                "value": {
                  "type": "GridOptions"
                }
              },
              {
                "name": "hidePageRange",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "headerCollapsed",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "filterCollapsed",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "range",
                "value": {}
              },
              {
                "name": "DOTS",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "scrollBarVertical",
                "value": {
                  "type": "perfectScrollbar"
                }
              },
              {
                "name": "scrollBarHorizontal",
                "value": {
                  "type": "perfectScrollbar"
                }
              },
              {
                "name": "onFilterTextBoxChanged",
                "value": {}
              },
              {
                "name": "clearSearch",
                "value": {}
              },
              {
                "name": "getRowData",
                "value": {}
              },
              {
                "name": "dataIsNotFoundTemplate",
                "value": {}
              },
              {
                "name": "noDataTemplate",
                "value": {}
              },
              {
                "name": "rowClick",
                "value": {}
              },
              {
                "name": "gridReady",
                "value": {}
              },
              {
                "name": "columnResized",
                "value": {}
              },
              {
                "name": "gridRowSelected",
                "value": {}
              },
              {
                "name": "setLoading",
                "value": {}
              },
              {
                "name": "sizeToFit",
                "value": {}
              },
              {
                "name": "paginationTemplate",
                "value": {}
              },
              {
                "name": "paginationRange",
                "value": {}
              },
              {
                "name": "onBtnPrev",
                "value": {}
              },
              {
                "name": "onBtnNext",
                "value": {}
              },
              {
                "name": "onBtLast",
                "value": {}
              },
              {
                "name": "onBtnGoToPage",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "loading"
              },
              {
                "name": "em9-grid-row-click",
                "description": "Emitted after the row clicked and all animations are complete."
              },
              {
                "name": "em9-grid-ready",
                "description": "Emitted when grid is ready and initialized."
              },
              {
                "name": "em9-column-resize",
                "description": "Emitted when column is resized."
              },
              {
                "name": "em9-clear",
                "description": "Emitted when the clear button is activated."
              },
              {
                "name": "em9-grid-table",
                "description": "Emitted grid is initialized for grid table ref."
              }
            ]
          },
          "attributes": [
            {
              "name": "id",
              "description": "Sets the unique id of table",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "loaded",
              "description": "Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "idRegex",
              "value": {
                "type": "RegExp"
              }
            },
            {
              "name": "rowDataInput",
              "description": "Set rowDataInput to Array of Objects, one Object per Row",
              "value": {
                "type": "[]"
              }
            },
            {
              "name": "colDataInput",
              "description": "Set colDataInput to Array of Objects. Each Column Definition results in one Column.",
              "value": {
                "type": "ColDef[]"
              }
            },
            {
              "name": "paginationEnable",
              "description": "Set paginationEnable true to enable the pagination",
              "value": {}
            },
            {
              "name": "paginationAutoPageSize",
              "description": "If you set paginationAutoPageSize=true the grid will automatically show as many rows in each page as it can fit",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "suppressPaginationPanel",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "suppressScrollOnNewData",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "suppressDragLeaveHidesColumns",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "rowSelection",
              "description": "Type of row selection, set to either 'single' or 'multiple' to enable selection.\n'single' will use single row selection, such that when you select a row, any previously selected row gets unselected. 'multiple' allows multiple rows to be selected.",
              "value": {
                "type": "'single' | 'multiple'"
              }
            },
            {
              "name": "headerHeight",
              "description": "The height in pixels for the row containing the column label header. If not specified, it uses the theme value of `header-height`.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "rowHeight",
              "description": "Default row height in pixels.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "sizeColumnsToFit",
              "description": "To make the currently visible columns fit the screen.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "totalCount",
              "description": "represents the total count of data available from the source.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "currentPage",
              "description": "represents the current active page. We'll use a 1-based",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "pageSize",
              "description": "represents the maximum data that is visible in a single page.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "siblingCount",
              "description": "represents the min number of page buttons to be shown on each side of the current page button. Defaults to 1.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "headerBlock",
              "description": "To show table header block",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "customHeader",
              "description": "Data table User wants to use own structure in header",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "customLeftHeader",
              "description": "Default structure for left side of Header",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "gridHeading",
              "description": "header value in default structure",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "gridDescription",
              "description": "Description value in default left header structure",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "filterBlock",
              "description": "To show table filter block",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "customFilter",
              "description": "Data table User wants to use own structure in Filter block",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "customRightFilter",
              "description": "Gives Default structure for Right side of Filter",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "notFound",
              "description": "represents the Messages in case of no Data exists or filter data is not found .\nUse $filterText in description as a placeholder to show searched text in description",
              "value": {
                "type": "noDataType[]"
              }
            }
          ]
        },
        {
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [
              {
                "name": "eGui",
                "value": {
                  "type": "HTMLDivElement"
                }
              },
              {
                "name": "eButton",
                "value": {
                  "type": "any"
                }
              },
              {
                "name": "eValue",
                "value": {
                  "type": "any"
                }
              },
              {
                "name": "cellValue",
                "value": {
                  "type": "any"
                }
              },
              {
                "name": "eventListener",
                "value": {
                  "type": "() => void"
                }
              },
              {
                "name": "init",
                "value": {}
              },
              {
                "name": "getGui",
                "value": {}
              },
              {
                "name": "refresh",
                "value": {}
              },
              {
                "name": "destroy",
                "value": {}
              },
              {
                "name": "getValueToDisplay",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "em9-details",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/details",
          "js": {
            "properties": [
              {
                "name": "details",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "header",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "body",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "open",
                "description": "Indicates whether or not the details is open. You can use this in lieu of the show/hide methods.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "summary",
                "description": "The summary to show in the details header. If you need to display HTML, use the `summary` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the details so it can't be toggled.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "show",
                "description": "Shows the details.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the details",
                "value": {}
              },
              {
                "name": "handleSummaryClick",
                "value": {}
              },
              {
                "name": "handleSummaryKeyDown",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-show",
                "description": "Emitted when the details opens."
              },
              {
                "name": "em9-after-show",
                "description": "Emitted after the details opens and all animations are complete."
              },
              {
                "name": "em9-hide",
                "description": "Emitted when the details closes."
              },
              {
                "name": "em9-after-hide",
                "description": "Emitted after the details closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the details is open. You can use this in lieu of the show/hide methods.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "summary",
              "description": "The summary to show in the details header. If you need to display HTML, use the `summary` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the details so it can't be toggled.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-dialog",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/dialog",
          "js": {
            "properties": [
              {
                "name": "dialog",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "panel",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "overlay",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "scrollBodyViewPort",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "modal",
                "value": {
                  "type": "Modal"
                }
              },
              {
                "name": "originalTrigger",
                "value": {
                  "type": "HTMLElement | null"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "label",
                "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, you can use the `label` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "headerArt",
                "description": "The dialog's headerArt as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "noHeader",
                "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "layout",
                "description": "Dialog content alignments",
                "value": {
                  "type": "'layoutLeft' | 'layoutCenter' | 'layoutAsideLeft'"
                }
              },
              {
                "name": "scrollBarVertical",
                "value": {
                  "type": "perfectScrollbar"
                }
              },
              {
                "name": "show",
                "description": "Shows the dialog.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the dialog",
                "value": {}
              },
              {
                "name": "requestClose",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-show",
                "description": "Emitted when the dialog opens."
              },
              {
                "name": "em9-after-show",
                "description": "Emitted after the dialog opens and all animations are complete."
              },
              {
                "name": "em9-hide",
                "description": "Emitted when the dialog closes."
              },
              {
                "name": "em9-after-hide",
                "description": "Emitted after the dialog closes and all animations are complete."
              },
              {
                "name": "em9-initial-focus",
                "description": "Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input."
              },
              {
                "name": "em9-request-close",
                "description": "Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "label",
              "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, you can use the `label` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "headerArt",
              "description": "The dialog's headerArt as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "no-header",
              "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "layout",
              "description": "Dialog content alignments",
              "value": {
                "type": "'layoutLeft' | 'layoutCenter' | 'layoutAsideLeft'"
              }
            }
          ]
        },
        {
          "name": "em9-divider",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/divider",
          "js": {
            "properties": [
              {
                "name": "vertical",
                "description": "Draws the divider in a vertical orientation.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleVerticalChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "vertical",
              "description": "Draws the divider in a vertical orientation.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-drawer",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/drawer",
          "js": {
            "properties": [
              {
                "name": "drawer",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "panel",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "overlay",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "modal",
                "value": {
                  "type": "Modal"
                }
              },
              {
                "name": "originalTrigger",
                "value": {
                  "type": "HTMLElement | null"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the drawer is open. You can use this in lieu of the show/hide methods.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "label",
                "description": "The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "placement",
                "description": "The direction from which the drawer will open.",
                "value": {
                  "type": "'top' | 'end' | 'bottom' | 'start'"
                }
              },
              {
                "name": "contained",
                "description": "By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this prop and add `position: relative` to the parent.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "noHeader",
                "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "show",
                "description": "Shows the drawer.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the drawer",
                "value": {}
              },
              {
                "name": "requestClose",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-show",
                "description": "Emitted when the drawer opens."
              },
              {
                "name": "em9-after-show",
                "description": "Emitted after the drawer opens and all animations are complete."
              },
              {
                "name": "em9-hide",
                "description": "Emitted when the drawer closes."
              },
              {
                "name": "em9-after-hide",
                "description": "Emitted after the drawer closes and all animations are complete."
              },
              {
                "name": "em9-initial-focus",
                "description": "Emitted when the drawer opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input."
              },
              {
                "name": "em9-request-close",
                "description": "Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in destructive behavior such as data loss."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the drawer is open. You can use this in lieu of the show/hide methods.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "label",
              "description": "The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "placement",
              "description": "The direction from which the drawer will open.",
              "value": {
                "type": "'top' | 'end' | 'bottom' | 'start'"
              }
            },
            {
              "name": "contained",
              "description": "By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this prop and add `position: relative` to the parent.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "no-header",
              "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-dropdown",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/dropdown",
          "js": {
            "properties": [
              {
                "name": "popup",
                "value": {
                  "type": "em9Popup"
                }
              },
              {
                "name": "trigger",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "panel",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "open",
                "description": "Indicates whether or not the dropdown is open. You can use this in lieu of the show/hide methods.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placement",
                "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
                "value": {
                  "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the dropdown so the panel will not open.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "stayOpenOnSelect",
                "description": "By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ncontrols that allow multiple selections.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "containingElement",
                "description": "The dropdown will close when the user interacts outside of this element (e.g. clicking).",
                "value": {
                  "type": "HTMLElement | undefined"
                }
              },
              {
                "name": "distance",
                "description": "The distance in pixels from which to offset the panel away from its trigger.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "skidding",
                "description": "The distance in pixels from which to offset the panel along its trigger.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "hoist",
                "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "focusOnTrigger",
                "value": {}
              },
              {
                "name": "getMenu",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleDocumentKeyDown",
                "value": {}
              },
              {
                "name": "handleDocumentMouseDown",
                "value": {}
              },
              {
                "name": "handleMenuItemActivate",
                "value": {}
              },
              {
                "name": "handlePanelSelect",
                "value": {}
              },
              {
                "name": "handleTriggerClick",
                "value": {}
              },
              {
                "name": "handleTriggerKeyDown",
                "value": {}
              },
              {
                "name": "handleTriggerKeyUp",
                "value": {}
              },
              {
                "name": "handleTriggerSlotChange",
                "value": {}
              },
              {
                "name": "updateAccessibleTrigger",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the dropdown panel.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the dropdown panel",
                "value": {}
              },
              {
                "name": "reposition",
                "description": "Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\nis activated.",
                "value": {}
              },
              {
                "name": "addOpenListeners",
                "value": {}
              },
              {
                "name": "removeOpenListeners",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-show",
                "description": "Emitted when the dropdown opens."
              },
              {
                "name": "em9-after-show",
                "description": "Emitted after the dropdown opens and all animations are complete."
              },
              {
                "name": "em9-hide",
                "description": "Emitted when the dropdown closes."
              },
              {
                "name": "em9-after-hide",
                "description": "Emitted after the dropdown closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the dropdown is open. You can use this in lieu of the show/hide methods.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "placement",
              "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
              "value": {
                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the dropdown so the panel will not open.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "stay-open-on-select",
              "description": "By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ncontrols that allow multiple selections.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "distance",
              "description": "The distance in pixels from which to offset the panel away from its trigger.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "skidding",
              "description": "The distance in pixels from which to offset the panel along its trigger.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "hoist",
              "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-empty-states",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/empty-states",
          "js": {
            "properties": [
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "hasSlotControllerBody",
                "value": {}
              },
              {
                "name": "label",
                "description": "The empty-state's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, you can use the `label` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "description",
                "description": "The empty-state's description as displayed in the body.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "headerArt",
                "description": "The empty-state's headerArt as displayed in the header.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "noHeader",
                "description": "The error state will be contained in a card.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "containedInCard",
                "description": "Disables the header.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "layout",
                "description": "empty-state content alignments",
                "value": {
                  "type": "'layoutLeft' | 'layoutCenter' | 'layoutAsideLeft'"
                }
              },
              {
                "name": "size",
                "description": "Defines the size variation of empty state",
                "value": {
                  "type": "'small' | 'medium'"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "label",
              "description": "The empty-state's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, you can use the `label` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "description",
              "description": "The empty-state's description as displayed in the body.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "headerArt",
              "description": "The empty-state's headerArt as displayed in the header.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "noHeader",
              "description": "The error state will be contained in a card.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "containedInCard",
              "description": "Disables the header.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "layout",
              "description": "empty-state content alignments",
              "value": {
                "type": "'layoutLeft' | 'layoutCenter' | 'layoutAsideLeft'"
              }
            },
            {
              "name": "size",
              "description": "Defines the size variation of empty state",
              "value": {
                "type": "'small' | 'medium'"
              }
            }
          ]
        },
        {
          "name": "em9-format-bytes",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/format-bytes",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "value",
                "description": "The number to format in bytes.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "unit",
                "description": "The unit to display.",
                "value": {
                  "type": "'byte' | 'bit'"
                }
              },
              {
                "name": "display",
                "description": "Determines how to display the result, e.g. \"100 bytes\", \"100 b\", or \"100b\".",
                "value": {
                  "type": "'long' | 'short' | 'narrow'"
                }
              },
              {
                "name": "lang",
                "description": "The locale to use when formatting the number.",
                "value": {
                  "type": "string"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "value",
              "description": "The number to format in bytes.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "unit",
              "description": "The unit to display.",
              "value": {
                "type": "'byte' | 'bit'"
              }
            },
            {
              "name": "display",
              "description": "Determines how to display the result, e.g. \"100 bytes\", \"100 b\", or \"100b\".",
              "value": {
                "type": "'long' | 'short' | 'narrow'"
              }
            },
            {
              "name": "lang",
              "description": "The locale to use when formatting the number.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "em9-format-date",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/format-date",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "date",
                "description": "The date/time to format. If not set, the current date and time will be used.",
                "value": {
                  "type": "Date | string"
                }
              },
              {
                "name": "lang",
                "description": "The locale to use when formatting the date/time.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "weekday",
                "description": "The format for displaying the weekday.",
                "value": {
                  "type": "'narrow' | 'short' | 'long'"
                }
              },
              {
                "name": "era",
                "description": "The format for displaying the era.",
                "value": {
                  "type": "'narrow' | 'short' | 'long'"
                }
              },
              {
                "name": "year",
                "description": "The format for displaying the year.",
                "value": {
                  "type": "'numeric' | '2-digit'"
                }
              },
              {
                "name": "month",
                "description": "The format for displaying the month.",
                "value": {
                  "type": "'numeric' | '2-digit' | 'narrow' | 'short' | 'long'"
                }
              },
              {
                "name": "day",
                "description": "The format for displaying the day.",
                "value": {
                  "type": "'numeric' | '2-digit'"
                }
              },
              {
                "name": "hour",
                "description": "The format for displaying the hour.",
                "value": {
                  "type": "'numeric' | '2-digit'"
                }
              },
              {
                "name": "minute",
                "description": "The format for displaying the minute.",
                "value": {
                  "type": "'numeric' | '2-digit'"
                }
              },
              {
                "name": "second",
                "description": "The format for displaying the second.",
                "value": {
                  "type": "'numeric' | '2-digit'"
                }
              },
              {
                "name": "timeZoneName",
                "description": "The format for displaying the time.",
                "value": {
                  "type": "'short' | 'long'"
                }
              },
              {
                "name": "timeZone",
                "description": "The time zone to express the time in.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hourFormat",
                "description": "When set, 24 hour time will always be used.",
                "value": {
                  "type": "'auto' | '12' | '24'"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "date",
              "description": "The date/time to format. If not set, the current date and time will be used.",
              "value": {
                "type": "Date | string"
              }
            },
            {
              "name": "lang",
              "description": "The locale to use when formatting the date/time.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "weekday",
              "description": "The format for displaying the weekday.",
              "value": {
                "type": "'narrow' | 'short' | 'long'"
              }
            },
            {
              "name": "era",
              "description": "The format for displaying the era.",
              "value": {
                "type": "'narrow' | 'short' | 'long'"
              }
            },
            {
              "name": "year",
              "description": "The format for displaying the year.",
              "value": {
                "type": "'numeric' | '2-digit'"
              }
            },
            {
              "name": "month",
              "description": "The format for displaying the month.",
              "value": {
                "type": "'numeric' | '2-digit' | 'narrow' | 'short' | 'long'"
              }
            },
            {
              "name": "day",
              "description": "The format for displaying the day.",
              "value": {
                "type": "'numeric' | '2-digit'"
              }
            },
            {
              "name": "hour",
              "description": "The format for displaying the hour.",
              "value": {
                "type": "'numeric' | '2-digit'"
              }
            },
            {
              "name": "minute",
              "description": "The format for displaying the minute.",
              "value": {
                "type": "'numeric' | '2-digit'"
              }
            },
            {
              "name": "second",
              "description": "The format for displaying the second.",
              "value": {
                "type": "'numeric' | '2-digit'"
              }
            },
            {
              "name": "time-zone-name",
              "description": "The format for displaying the time.",
              "value": {
                "type": "'short' | 'long'"
              }
            },
            {
              "name": "time-zone",
              "description": "The time zone to express the time in.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "hour-format",
              "description": "When set, 24 hour time will always be used.",
              "value": {
                "type": "'auto' | '12' | '24'"
              }
            }
          ]
        },
        {
          "name": "em9-format-number",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/format-number",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "value",
                "description": "The number to format.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "lang",
                "description": "The locale to use when formatting the number.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "type",
                "description": "The formatting style to use.",
                "value": {
                  "type": "'currency' | 'decimal' | 'percent'"
                }
              },
              {
                "name": "noGrouping",
                "description": "Turns off grouping separators.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "currency",
                "description": "The currency to use when formatting. Must be an ISO 4217 currency code such as `USD` or `EUR`.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "currencyDisplay",
                "description": "How to display the currency.",
                "value": {
                  "type": "'symbol' | 'narrowSymbol' | 'code' | 'name'"
                }
              },
              {
                "name": "minimumIntegerDigits",
                "description": "The minimum number of integer digits to use. Possible values are 1 - 21.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "minimumFractionDigits",
                "description": "The minimum number of fraction digits to use. Possible values are 0 - 20.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "maximumFractionDigits",
                "description": "The maximum number of fraction digits to use. Possible values are 0 - 20.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "minimumSignificantDigits",
                "description": "The minimum number of significant digits to use. Possible values are 1 - 21.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "maximumSignificantDigits",
                "description": "The maximum number of significant digits to use,. Possible values are 1 - 21.",
                "value": {
                  "type": "number"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "value",
              "description": "The number to format.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "lang",
              "description": "The locale to use when formatting the number.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "type",
              "description": "The formatting style to use.",
              "value": {
                "type": "'currency' | 'decimal' | 'percent'"
              }
            },
            {
              "name": "no-grouping",
              "description": "Turns off grouping separators.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "currency",
              "description": "The currency to use when formatting. Must be an ISO 4217 currency code such as `USD` or `EUR`.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "currency-display",
              "description": "How to display the currency.",
              "value": {
                "type": "'symbol' | 'narrowSymbol' | 'code' | 'name'"
              }
            },
            {
              "name": "minimum-integer-digits",
              "description": "The minimum number of integer digits to use. Possible values are 1 - 21.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "minimum-fraction-digits",
              "description": "The minimum number of fraction digits to use. Possible values are 0 - 20.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "maximum-fraction-digits",
              "description": "The maximum number of fraction digits to use. Possible values are 0 - 20.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "minimum-significant-digits",
              "description": "The minimum number of significant digits to use. Possible values are 1 - 21.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "maximum-significant-digits",
              "description": "The maximum number of significant digits to use,. Possible values are 1 - 21.",
              "value": {
                "type": "number"
              }
            }
          ]
        },
        {
          "name": "em9-icon",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/icon",
          "js": {
            "properties": [
              {
                "name": "svg",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "name",
                "description": "The name of the icon to draw.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "src",
                "description": "An external URL of an SVG file.\n\nWARNING: Be sure you trust the content you are including as it will be executed as code and can result in XSS attacks.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "label",
                "description": "An alternate description to use for accessibility. If omitted, the icon will be ignored by assistive devices.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "library",
                "description": "The name of a registered custom icon library.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "getUrl",
                "value": {}
              },
              {
                "name": "setIcon",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-load",
                "description": "Emitted when the icon has loaded."
              },
              {
                "name": "em9-error",
                "description": "Emitted when the icon fails to load due to an error."
              }
            ]
          },
          "attributes": [
            {
              "name": "name",
              "description": "The name of the icon to draw.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "src",
              "description": "An external URL of an SVG file.\n\nWARNING: Be sure you trust the content you are including as it will be executed as code and can result in XSS attacks.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "label",
              "description": "An alternate description to use for accessibility. If omitted, the icon will be ignored by assistive devices.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "library",
              "description": "The name of a registered custom icon library.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "em9-icon-button",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/icon-button",
          "js": {
            "properties": [
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "button",
                "value": {
                  "type": "HTMLButtonElement | HTMLLinkElement"
                }
              },
              {
                "name": "name",
                "description": "The name of the icon to draw.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "library",
                "description": "The name of a registered custom icon library.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "src",
                "description": "An external URL of an SVG file.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "href",
                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "target",
                "description": "Tells the browser where to open the link. Only used when `href` is set.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
                }
              },
              {
                "name": "download",
                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "label",
                "description": "A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should\nalways include a label that describes what the icon button does.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the button.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "click",
                "description": "Simulates a click on the icon button.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the icon button.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the icon button.",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-blur",
                "description": "Emitted when the icon button loses focus."
              },
              {
                "name": "em9-focus",
                "description": "Emitted when the icon button gains focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "name",
              "description": "The name of the icon to draw.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "library",
              "description": "The name of a registered custom icon library.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "src",
              "description": "An external URL of an SVG file.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "href",
              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "target",
              "description": "Tells the browser where to open the link. Only used when `href` is set.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
              }
            },
            {
              "name": "download",
              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "label",
              "description": "A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should\nalways include a label that describes what the icon button does.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the button.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-image-comparer",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/image-comparer",
          "js": {
            "properties": [
              {
                "name": "base",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "handle",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "position",
                "description": "The position of the divider as a percentage.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "handleDrag",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handlePositionChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-change",
                "description": "Emitted when the position changes."
              }
            ]
          },
          "attributes": [
            {
              "name": "position",
              "description": "The position of the divider as a percentage.",
              "value": {
                "type": "number"
              }
            }
          ]
        },
        {
          "name": "em9-include",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/include",
          "js": {
            "properties": [
              {
                "name": "src",
                "description": "The location of the HTML file to include.\n\nWARNING: Be sure you trust the content you are including as it will be executed as code and can result in XSS attacks.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "mode",
                "description": "The fetch mode to use.",
                "value": {
                  "type": "'cors' | 'no-cors' | 'same-origin'"
                }
              },
              {
                "name": "allowScripts",
                "description": "Allows included scripts to be executed. You must ensure the content you're including is trusted, otherwise this\noption can lead to XSS vulnerabilities in your app!",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "executeScript",
                "value": {}
              },
              {
                "name": "handleSrcChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-load",
                "description": "Emitted when the included file is loaded."
              },
              {
                "name": "em9-error",
                "description": "Emitted when the included file fails to load due to an error."
              }
            ]
          },
          "attributes": [
            {
              "name": "src",
              "description": "The location of the HTML file to include.\n\nWARNING: Be sure you trust the content you are including as it will be executed as code and can result in XSS attacks.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "mode",
              "description": "The fetch mode to use.",
              "value": {
                "type": "'cors' | 'no-cors' | 'same-origin'"
              }
            },
            {
              "name": "allow-scripts",
              "description": "Allows included scripts to be executed. You must ensure the content you're including is trusted, otherwise this\noption can lead to XSS vulnerabilities in your app!",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "em9-input",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/input",
          "js": {
            "properties": [
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "formSubmitController",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "isPasswordVisible",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "type",
                "description": "The input's type.",
                "value": {
                  "type": "| \"date\"\n    | \"datetime-local\"\n    | \"email\"\n    | \"number\"\n    | \"password\"\n    | \"search\"\n    | \"tel\"\n    | \"text\"\n    | \"time\"\n    | \"url\""
                }
              },
              {
                "name": "theme",
                "value": {
                  "type": "\"default\" | \"primary\" | \"danger\" | \"success\" | \"warning\""
                }
              },
              {
                "name": "size",
                "description": "The input's size.",
                "value": {
                  "type": "\"small\" | \"medium\" | \"large\""
                }
              },
              {
                "name": "name",
                "description": "The input's name attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "lineStyled",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "borderLess",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "value",
                "description": "The input's value attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "filled",
                "description": "Draws a filled input.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "pill",
                "description": "Draws a pill-style input with rounded edges.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "label",
                "description": "The input's label. Alternatively, you can use the label slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "helpText",
                "description": "The input's help text. Alternatively, you can use the help-text slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "clearable",
                "description": "Adds a clear button when the input is populated.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "togglePassword",
                "description": "Adds a password toggle button to password inputs.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placeholder",
                "description": "The input's placeholder text.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the input.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "readonly",
                "description": "Makes the input readonly.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "minlength",
                "description": "The minimum length of input that will be considered valid.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "maxlength",
                "description": "The maximum length of input that will be considered valid.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "min",
                "description": "The input's minimum value.",
                "value": {
                  "type": "number | string"
                }
              },
              {
                "name": "max",
                "description": "The input's maximum value.",
                "value": {
                  "type": "number | string"
                }
              },
              {
                "name": "step",
                "description": "The input's step attribute.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "pattern",
                "description": "A pattern to validate input against.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "required",
                "description": "Makes the input a required field.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "invalid",
                "description": "This will be true when the control is in an invalid state. Validity is determined by props such as `type`,\n`required`, `minlength`, `maxlength`, and `pattern` using the browser's constraint validation API.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "autocapitalize",
                "description": "The input's autocapitalize attribute.",
                "value": {
                  "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\""
                }
              },
              {
                "name": "autocorrect",
                "description": "The input's autocorrect attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "autocomplete",
                "description": "The input's autocomplete attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "autofocus",
                "description": "The input's autofocus attribute.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "copy",
                "description": "Copy To Clipboard to the input's value.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "prefix_label",
                "description": "prefix_label To render static value.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "suffix_label",
                "description": "prefix_label To render static value.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "enterkeyhint",
                "description": "The input's enterkeyhint attribute. This can be used to customize the label or icon of the Enter key on virtual\nkeyboards.",
                "value": {
                  "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\""
                }
              },
              {
                "name": "spellcheck",
                "description": "Enables spell checking on the input.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "inputmode",
                "description": "The input's inputmode attribute.",
                "value": {
                  "type": "\"none\" | \"text\" | \"decimal\" | \"numeric\" | \"tel\" | \"search\" | \"email\" | \"url\""
                }
              },
              {
                "name": "valueAsDate",
                "description": "Gets or sets the current value as a `Date` object. Only valid when `type` is `date`.",
                "value": {}
              },
              {
                "name": "valueAsNumber",
                "description": "Gets or sets the current value as a number.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the input.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the input.",
                "value": {}
              },
              {
                "name": "select",
                "description": "Selects all the text in the input.",
                "value": {}
              },
              {
                "name": "setSelectionRange",
                "description": "Sets the start and end positions of the text selection (0-based).",
                "value": {}
              },
              {
                "name": "setRangeText",
                "description": "Replaces a range of text with a new string.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleClearClick",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleInvalid",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handlePasswordToggle",
                "value": {}
              },
              {
                "name": "handelCopyToClipboard",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "em9-clear",
                "description": "Emitted when the clear button is activated."
              },
              {
                "name": "em9-input",
                "description": "Emitted when the control receives input and its value changes."
              },
              {
                "name": "em9-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "em9-blur",
                "description": "Emitted when the control loses focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "type",
              "description": "The input's type.",
              "value": {
                "type": "| \"date\"\n    | \"datetime-local\"\n    | \"email\"\n    | \"number\"\n    | \"password\"\n    | \"search\"\n    | \"tel\"\n    | \"text\"\n    | \"time\"\n    | \"url\""
              }
            },
            {
              "name": "theme",
              "value": {
                "type": "\"default\" | \"primary\" | \"danger\" | \"success\" | \"warning\""
              }
            },
            {
              "name": "size",
              "description": "The input's size.",
              "value": {
                "type": "\"small\" | \"medium\" | \"large\""
              }
            },
            {
              "name": "name",
              "description": "The input's name attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "lineStyled",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "borderLess",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "value",
              "description": "The input's value attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "filled",
              "description": "Draws a filled input.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "pill",
              "description": "Draws a pill-style input with rounded edges.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "label",
              "description": "The input's label. Alternatively, you can use the label slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "help-text",
              "description": "The input's help text. Alternatively, you can use the help-text slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "clearable",
              "description": "Adds a clear button when the input is populated.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "toggle-password",
              "description": "Adds a password toggle button to password inputs.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "placeholder",
              "description": "The input's placeholder text.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the input.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "readonly",
              "description": "Makes the input readonly.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "minlength",
              "description": "The minimum length of input that will be considered valid.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "maxlength",
              "description": "The maximum length of input that will be considered valid.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "min",
              "description": "The input's minimum value.",
              "value": {
                "type": "number | string"
              }
            },
            {
              "name": "max",
              "description": "The input's maximum value.",
              "value": {
                "type": "number | string"
              }
            },
            {
              "name": "step",
              "description": "The input's step attribute.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "pattern",
              "description": "A pattern to validate input against.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "required",
              "description": "Makes the input a required field.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "invalid",
              "description": "This will be true when the control is in an invalid state. Validity is determined by props such as `type`,\n`required`, `minlength`, `maxlength`, and `pattern` using the browser's constraint validation API.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "autocapitalize",
              "description": "The input's autocapitalize attribute.",
              "value": {
                "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\""
              }
            },
            {
              "name": "autocorrect",
              "description": "The input's autocorrect attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "autocomplete",
              "description": "The input's autocomplete attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "autofocus",
              "description": "The input's autofocus attribute.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "copy",
              "description": "Copy To Clipboard to the input's value.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "prefix_label",
              "description": "prefix_label To render static value.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "suffix_label",
              "description": "prefix_label To render static value.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "enterkeyhint",
              "description": "The input's enterkeyhint attribute. This can be used to customize the label or icon of the Enter key on virtual\nkeyboards.",
              "value": {
                "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\""
              }
            },
            {
              "name": "spellcheck",
              "description": "Enables spell checking on the input.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "inputmode",
              "description": "The input's inputmode attribute.",
              "value": {
                "type": "\"none\" | \"text\" | \"decimal\" | \"numeric\" | \"tel\" | \"search\" | \"email\" | \"url\""
              }
            }
          ]
        },
        {
          "name": "em9-menu",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/menu",
          "js": {
            "properties": [
              {
                "name": "menu",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "typeToSelectString",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "typeToSelectTimeout",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "getAllItems",
                "value": {}
              },
              {
                "name": "typeToSelect",
                "description": "Initiates type-to-select logic, which automatically selects an option based on what the user is currently typing.\nThe event passed will be used to append the appropriate characters to the internal query and the selection will be\nupdated. After a brief period, the internal query is cleared automatically. This is useful for enabling\ntype-to-select behavior when the menu doesn't have focus.",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleKeyUp",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleMouseDown",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-select",
                "description": "Emitted when a menu item is selected."
              }
            ]
          },
          "attributes": []
        },
        {
          "name": "em9-menu-item",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/menu-item",
          "js": {
            "properties": [
              {
                "name": "cachedTextLabel",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "menuItem",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "checked",
                "description": "Draws the item in a checked state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "value",
                "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Draws the menu item in a disabled state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "getTextLabel",
                "description": "Returns a text label based on the contents of the menu item's default slot.",
                "value": {}
              },
              {
                "name": "handleCheckedChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-label-change",
                "description": "Emitted when the menu item's text label changes. For performance reasons, this event is only emitted if the default slot's `slotchange` event is triggered. It will not fire when the label is first set."
              }
            ]
          },
          "attributes": [
            {
              "name": "checked",
              "description": "Draws the item in a checked state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "value",
              "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Draws the menu item in a disabled state.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-menu-label",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/menu-label",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "em9-mutation-observer",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/mutation-observer",
          "js": {
            "properties": [
              {
                "name": "mutationObserver",
                "value": {
                  "type": "MutationObserver"
                }
              },
              {
                "name": "attr",
                "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`class id title`. To watch all attributes, use `*`.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "attrOldValue",
                "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "charData",
                "description": "Watches for changes to the character data contained within the node.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "charDataOldValue",
                "description": "Indicates whether or not the previous value of the node's text should be recorded.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "childList",
                "description": "Watches for the addition or removal of new child nodes.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the observer.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleMutation",
                "value": {}
              },
              {
                "name": "startObserver",
                "value": {}
              },
              {
                "name": "stopObserver",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-mutation",
                "description": "Emitted when a mutation occurs."
              }
            ]
          },
          "attributes": [
            {
              "name": "attr",
              "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`class id title`. To watch all attributes, use `*`.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "attr-old-value",
              "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "char-data",
              "description": "Watches for changes to the character data contained within the node.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "char-data-old-value",
              "description": "Indicates whether or not the previous value of the node's text should be recorded.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "child-list",
              "description": "Watches for the addition or removal of new child nodes.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the observer.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "doc-url": "https://webcomponents-qa.mycardplace.com/",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "em9-phone-field",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/phone-field",
          "js": {
            "properties": [
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "selectCountry",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "size",
                "description": "The input's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "label",
                "description": "The input's label. Alternatively, you can use the label slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "path",
                "description": "The input's label. Alternatively, you can use the label slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "name",
                "description": "name for input",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the input.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "filled",
                "description": "Draws a filled input.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "lineStyled",
                "description": "Draws a lineStyled input.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "country",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "template",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "number",
                "description": "Phone number as value.",
                "value": {
                  "type": "PhoneNumber"
                }
              },
              {
                "name": "showFlags",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "countryCallingCode",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "numberType",
                "value": {
                  "type": "| 'PREMIUM_RATE'\n    | 'TOLL_FREE'\n    | 'SHARED_COST'\n    | 'VOIP'\n    | 'PERSONAL_NUMBER'\n    | 'PAGER'\n    | 'UAN'\n    | 'VOICEMAIL'\n    | 'FIXED_LINE_OR_MOBILE'\n    | 'FIXED_LINE'\n    | 'MOBILE'\n    | PhoneNumber"
                }
              },
              {
                "name": "suggestionText",
                "description": "Draw suggestion text",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "helpText",
                "description": "The input's help text. Alternatively, you can use the help-text slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "help",
                "description": "Draw Help text",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "helpIcon",
                "description": "Draw help Icon",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "guide",
                "description": "Draw Help text as guide in the tooltip",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "guideIcon",
                "description": "Draw guide Icon",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "selectedCountry",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "countryBox",
                "description": "Draw as countries menus.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "nationalNumber",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "numberExt",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "numberURI",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "Input Value",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "defaultCountry",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "placeholder",
                "description": "Draw Examples number in the placeholder",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "valid",
                "description": "Reactive valid state *",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "possible",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "countrySpecific",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "debugger",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "invalid",
                "description": "This will be true when the control is in an invalid state. Validity is determined by props such as `type`,\n`required`, `minlength`, `maxlength`, and `pattern` using the browser's constraint validation API.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleKeyUp",
                "value": {}
              },
              {
                "name": "handleValidation",
                "value": {}
              },
              {
                "name": "handleCountryChange",
                "value": {}
              },
              {
                "name": "handlePlaceholder",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleNumberType",
                "value": {}
              },
              {
                "name": "updateSelectedCountry",
                "value": {}
              },
              {
                "name": "chooseCountry",
                "value": {}
              },
              {
                "name": "setSpecificCountry",
                "value": {}
              },
              {
                "name": "getSelectedCountry",
                "value": {}
              },
              {
                "name": "getCountries",
                "value": {}
              },
              {
                "name": "getCountryCallingCode",
                "value": {}
              },
              {
                "name": "getFlags",
                "value": {}
              },
              {
                "name": "isValidNumber",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "em9-input",
                "description": "Emitted when the control receives input and its value changes."
              },
              {
                "name": "em9-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "em9-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "getValidationError",
                "description": "Get validation error."
              },
              {
                "name": "getExtension",
                "description": "Get extension number from phone number."
              },
              {
                "name": "getExampleNumber",
                "description": "Get example number for each country."
              },
              {
                "name": "getNumberType",
                "description": "Get number type of number."
              }
            ]
          },
          "attributes": [
            {
              "name": "size",
              "description": "The input's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "label",
              "description": "The input's label. Alternatively, you can use the label slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "path",
              "description": "The input's label. Alternatively, you can use the label slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "name",
              "description": "name for input",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the input.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "filled",
              "description": "Draws a filled input.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "line",
              "description": "Draws a lineStyled input.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "country",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "template",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "number",
              "description": "Phone number as value.",
              "value": {
                "type": "PhoneNumber"
              }
            },
            {
              "name": "show-flags",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "country-calling-code",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "numberType",
              "value": {
                "type": "| 'PREMIUM_RATE'\n    | 'TOLL_FREE'\n    | 'SHARED_COST'\n    | 'VOIP'\n    | 'PERSONAL_NUMBER'\n    | 'PAGER'\n    | 'UAN'\n    | 'VOICEMAIL'\n    | 'FIXED_LINE_OR_MOBILE'\n    | 'FIXED_LINE'\n    | 'MOBILE'\n    | PhoneNumber"
              }
            },
            {
              "name": "suggestionText",
              "description": "Draw suggestion text",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "help-text",
              "description": "The input's help text. Alternatively, you can use the help-text slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "tooltip-help",
              "description": "Draw Help text",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "helpIcon",
              "description": "Draw help Icon",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "guide",
              "description": "Draw Help text as guide in the tooltip",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "guideIcon",
              "description": "Draw guide Icon",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "selectedCountry",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "country-box",
              "description": "Draw as countries menus.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "nationalNumber",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "numberExt",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "numberURI",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "Input Value",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "defaultCountry",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "placeholder",
              "description": "Draw Examples number in the placeholder",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "valid",
              "description": "Reactive valid state *",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "possible",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "countrySpecific",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "debugger",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "invalid",
              "description": "This will be true when the control is in an invalid state. Validity is determined by props such as `type`,\n`required`, `minlength`, `maxlength`, and `pattern` using the browser's constraint validation API.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-popup",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/popup",
          "js": {
            "properties": [
              {
                "name": "popup",
                "description": "A reference to the internal popup container. Useful for animating and styling the popup with JavaScript.",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "arrowEl",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "anchorEl",
                "value": {
                  "type": "HTMLElement | null"
                }
              },
              {
                "name": "cleanup",
                "value": {
                  "type": "ReturnType<typeof autoUpdate> | undefined"
                }
              },
              {
                "name": "anchor",
                "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.",
                "value": {
                  "type": "Element | string"
                }
              },
              {
                "name": "active",
                "description": "Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placement",
                "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
                "value": {
                  "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
                }
              },
              {
                "name": "strategy",
                "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if\noverflow is clipped, using a `fixed` position strategy can often workaround it.",
                "value": {
                  "type": "'absolute' | 'fixed'"
                }
              },
              {
                "name": "distance",
                "description": "The distance in pixels from which to offset the panel away from its anchor.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "skidding",
                "description": "The distance in pixels from which to offset the panel along its anchor.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "arrow",
                "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "arrowPlacement",
                "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
                "value": {
                  "type": "'start' | 'end' | 'center' | 'anchor'"
                }
              },
              {
                "name": "arrowPadding",
                "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "flip",
                "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "flipFallbackPlacements",
                "description": "If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "flipFallbackStrategy",
                "description": "When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned as it was initially preferred or using the best available fit based on available\nspace.",
                "value": {
                  "type": "'best-fit' | 'initial'"
                }
              },
              {
                "name": "flipBoundary",
                "description": "The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
                "value": {
                  "type": "Element | Element[]"
                }
              },
              {
                "name": "flipPadding",
                "description": "The amount of padding, in pixels, to exceed before the flip behavior will occur.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "shift",
                "description": "Moves the popup along the axis to keep it in view when clipped.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "shiftBoundary",
                "description": "The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
                "value": {
                  "type": "Element | Element[]"
                }
              },
              {
                "name": "shiftPadding",
                "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "autoSize",
                "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
                "value": {
                  "type": "'horizontal' | 'vertical' | 'both'"
                }
              },
              {
                "name": "sync",
                "description": "Syncs the popup's width or height to that of the anchor element.",
                "value": {
                  "type": "'width' | 'height' | 'both'"
                }
              },
              {
                "name": "autoSizeBoundary",
                "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
                "value": {
                  "type": "Element | Element[]"
                }
              },
              {
                "name": "autoSizePadding",
                "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "handleAnchorChange",
                "value": {}
              },
              {
                "name": "start",
                "value": {}
              },
              {
                "name": "stop",
                "value": {}
              },
              {
                "name": "reposition",
                "description": "Recalculate and repositions the popup.",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-reposition",
                "description": "Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it."
              }
            ]
          },
          "attributes": [
            {
              "name": "anchor",
              "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.",
              "value": {
                "type": "Element | string"
              }
            },
            {
              "name": "active",
              "description": "Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "placement",
              "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
              "value": {
                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
              }
            },
            {
              "name": "strategy",
              "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if\noverflow is clipped, using a `fixed` position strategy can often workaround it.",
              "value": {
                "type": "'absolute' | 'fixed'"
              }
            },
            {
              "name": "distance",
              "description": "The distance in pixels from which to offset the panel away from its anchor.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "skidding",
              "description": "The distance in pixels from which to offset the panel along its anchor.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "arrow",
              "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "arrow-placement",
              "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
              "value": {
                "type": "'start' | 'end' | 'center' | 'anchor'"
              }
            },
            {
              "name": "arrow-padding",
              "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "flip",
              "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "flip-fallback-placements",
              "description": "If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "flip-fallback-strategy",
              "description": "When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned as it was initially preferred or using the best available fit based on available\nspace.",
              "value": {
                "type": "'best-fit' | 'initial'"
              }
            },
            {
              "name": "flipBoundary",
              "description": "The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
              "value": {
                "type": "Element | Element[]"
              }
            },
            {
              "name": "flip-padding",
              "description": "The amount of padding, in pixels, to exceed before the flip behavior will occur.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "shift",
              "description": "Moves the popup along the axis to keep it in view when clipped.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "shiftBoundary",
              "description": "The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
              "value": {
                "type": "Element | Element[]"
              }
            },
            {
              "name": "shift-padding",
              "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "auto-size",
              "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
              "value": {
                "type": "'horizontal' | 'vertical' | 'both'"
              }
            },
            {
              "name": "sync",
              "description": "Syncs the popup's width or height to that of the anchor element.",
              "value": {
                "type": "'width' | 'height' | 'both'"
              }
            },
            {
              "name": "autoSizeBoundary",
              "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
              "value": {
                "type": "Element | Element[]"
              }
            },
            {
              "name": "auto-size-padding",
              "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
              "value": {
                "type": "number"
              }
            }
          ]
        },
        {
          "name": "em9-progress-bar",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/progress-bar",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "isSlot",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "progresstooltip",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "progresstooltipbottom",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "progressbar",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "_slot",
                "value": {
                  "type": "HTMLElement[]"
                }
              },
              {
                "name": "value",
                "description": "The current progress, 0 to 100.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "indeterminate",
                "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "textcontent",
                "description": "for Custom value label other than percentage",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "label",
                "description": "A custom label for the progress bar's aria label.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "variant",
                "description": "A custom variants for the progress bar's.",
                "value": {
                  "type": "'primary' | 'success' | 'danger' | 'warning' | 'gray'"
                }
              },
              {
                "name": "valPosition",
                "description": "A placement value for the progress bar's label.",
                "value": {
                  "type": "'bottom' | 'top' | 'front' | 'tooltipTop' | 'tooltipBottom' | undefined"
                }
              },
              {
                "name": "updatePositioner",
                "value": {}
              },
              {
                "name": "isSlotExist",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current progress, 0 to 100.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "indeterminate",
              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "textcontent",
              "description": "for Custom value label other than percentage",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "label",
              "description": "A custom label for the progress bar's aria label.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "variant",
              "description": "A custom variants for the progress bar's.",
              "value": {
                "type": "'primary' | 'success' | 'danger' | 'warning' | 'gray'"
              }
            },
            {
              "name": "valPosition",
              "description": "A placement value for the progress bar's label.",
              "value": {
                "type": "'bottom' | 'top' | 'front' | 'tooltipTop' | 'tooltipBottom' | undefined"
              }
            }
          ]
        },
        {
          "name": "em9-progress-ring",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/progress-ring",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "indicator",
                "value": {
                  "type": "SVGCircleElement"
                }
              },
              {
                "name": "indicatorOffset",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "The current progress, 0 to 100.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "size",
                "description": "Progress ring's sizes",
                "value": {
                  "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
                }
              },
              {
                "name": "label",
                "description": "A custom value label for the progress ring's",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "labelText",
                "description": "A custom Text label for the progress ring's",
                "value": {
                  "type": "string"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current progress, 0 to 100.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "size",
              "description": "Progress ring's sizes",
              "value": {
                "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
              }
            },
            {
              "name": "label",
              "description": "A custom value label for the progress ring's",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "labelText",
              "description": "A custom Text label for the progress ring's",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "em9-qr-code",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/qr-code",
          "js": {
            "properties": [
              {
                "name": "canvas",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "value",
                "description": "The QR code's value.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "label",
                "description": "The label used when screen readers announce the code. If unspecified, the value will be used.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "size",
                "description": "The size of the code's overall square in pixels.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "fill",
                "description": "The fill color. This can be any valid CSS color, but not a CSS custom property.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "background",
                "description": "The background color. This can be any valid CSS color or `transparent`, but not a CSS custom property.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "radius",
                "description": "The edge radius of each module. Must be between 0 and 0.5.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "errorCorrection",
                "description": "The level of error correction to use.",
                "value": {
                  "type": "'L' | 'M' | 'Q' | 'H'"
                }
              },
              {
                "name": "generate",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "value",
              "description": "The QR code's value.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "label",
              "description": "The label used when screen readers announce the code. If unspecified, the value will be used.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "size",
              "description": "The size of the code's overall square in pixels.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "fill",
              "description": "The fill color. This can be any valid CSS color, but not a CSS custom property.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "background",
              "description": "The background color. This can be any valid CSS color or `transparent`, but not a CSS custom property.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "radius",
              "description": "The edge radius of each module. Must be between 0 and 0.5.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "error-correction",
              "description": "The level of error correction to use.",
              "value": {
                "type": "'L' | 'M' | 'Q' | 'H'"
              }
            }
          ]
        },
        {
          "name": "em9-radio",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/radio",
          "js": {
            "properties": [
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "formSubmitController",
                "value": {}
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "name",
                "description": "The radio's name attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "The radio's value attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the radio.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "checked",
                "description": "Draws the radio in a checked state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "filled",
                "description": "Draws the radio in an filled type state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "tick",
                "description": "Draws the radio in tick icon",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "size",
                "description": "The radio's size.",
                "value": {
                  "type": "'xsmall' | 'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "label",
                "description": "The radio's label text attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "subLabel",
                "description": "The radio's subLablel attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "invalid",
                "description": "This will be true when the control is in an invalid state. Validity in radios is determined by the message provided\nby the `setCustomValidity` method.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "click",
                "description": "Simulates a click on the radio.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the radio.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the radio.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleCheckedChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "em9-change",
                "description": "Emitted when the control's checked state changes."
              },
              {
                "name": "em9-focus",
                "description": "Emitted when the control gains focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "name",
              "description": "The radio's name attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "The radio's value attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the radio.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "checked",
              "description": "Draws the radio in a checked state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "filled",
              "description": "Draws the radio in an filled type state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "tick",
              "description": "Draws the radio in tick icon",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "size",
              "description": "The radio's size.",
              "value": {
                "type": "'xsmall' | 'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "label",
              "description": "The radio's label text attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "subLabel",
              "description": "The radio's subLablel attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "invalid",
              "description": "This will be true when the control is in an invalid state. Validity in radios is determined by the message provided\nby the `setCustomValidity` method.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-radio-button",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/radio-button",
          "js": {
            "properties": [
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "hiddenInput",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "formSubmitController",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "name",
                "description": "The radio's name attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "The radio's value attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the radio.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "checked",
                "description": "Draws the radio in a checked state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "invalid",
                "description": "This will be true when the control is in an invalid state. Validity in radios is determined by the message provided\nby the `setCustomValidity` method.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "click",
                "description": "Simulates a click on the radio.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the radio.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the radio.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleCheckedChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "size",
                "description": "The button's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "pill",
                "description": "Draws a pill-style button with rounded edges.",
                "value": {
                  "type": "boolean"
                }
              }
            ],
            "events": [
              {
                "name": "em9-blur",
                "description": "Emitted when the button loses focus."
              },
              {
                "name": "em9-change",
                "description": "Emitted when the button's checked state changes."
              },
              {
                "name": "em9-focus",
                "description": "Emitted when the button gains focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "name",
              "description": "The radio's name attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "The radio's value attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the radio.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "checked",
              "description": "Draws the radio in a checked state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "invalid",
              "description": "This will be true when the control is in an invalid state. Validity in radios is determined by the message provided\nby the `setCustomValidity` method.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "size",
              "description": "The button's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "pill",
              "description": "Draws a pill-style button with rounded edges.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-radio-group",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/radio-group",
          "js": {
            "properties": [
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "hasButtonGroup",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "label",
                "description": "The radio group label. Required for proper accessibility. Alternatively, you can use the label slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "fieldset",
                "description": "Shows the fieldset and legend that surrounds the radio group.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "getAllRadios",
                "value": {}
              },
              {
                "name": "handleRadioClick",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "label",
              "description": "The radio group label. Required for proper accessibility. Alternatively, you can use the label slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "fieldset",
              "description": "Shows the fieldset and legend that surrounds the radio group.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-range",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/range",
          "js": {
            "properties": [
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "output",
                "value": {
                  "type": "HTMLOutputElement | null"
                }
              },
              {
                "name": "formSubmitController",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "resizeObserver",
                "value": {
                  "type": "ResizeObserver"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "hasTooltip",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "name",
                "description": "The input's name attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "The input's value attribute.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "label",
                "description": "The range's label. Alternatively, you can use the label slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "helpText",
                "description": "The range's help text. Alternatively, you can use the help-text slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the input.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "invalid",
                "description": "This will be true when the control is in an invalid state. Validity in range inputs is determined by the message\nprovided by the `setCustomValidity` method.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "min",
                "description": "The input's min attribute.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "max",
                "description": "The input's max attribute.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "step",
                "description": "The input's step attribute.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "tooltip",
                "description": "The preferred placement of the tooltip.",
                "value": {
                  "type": "'top' | 'bottom' | 'none'"
                }
              },
              {
                "name": "tooltipFormatter",
                "description": "A function used to format the tooltip's value.",
                "value": {
                  "type": "(value: number) => string"
                }
              },
              {
                "name": "focus",
                "description": "Sets focus on the input.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the input.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
                "value": {}
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleThumbDragStart",
                "value": {}
              },
              {
                "name": "handleThumbDragEnd",
                "value": {}
              },
              {
                "name": "syncRange",
                "value": {}
              },
              {
                "name": "syncProgress",
                "value": {}
              },
              {
                "name": "syncTooltip",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-change",
                "description": "Emitted when the control's value changes."
              },
              {
                "name": "em9-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "em9-focus",
                "description": "Emitted when the control gains focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "name",
              "description": "The input's name attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "The input's value attribute.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "label",
              "description": "The range's label. Alternatively, you can use the label slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "help-text",
              "description": "The range's help text. Alternatively, you can use the help-text slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the input.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "invalid",
              "description": "This will be true when the control is in an invalid state. Validity in range inputs is determined by the message\nprovided by the `setCustomValidity` method.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "min",
              "description": "The input's min attribute.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "max",
              "description": "The input's max attribute.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "step",
              "description": "The input's step attribute.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "tooltip",
              "description": "The preferred placement of the tooltip.",
              "value": {
                "type": "'top' | 'bottom' | 'none'"
              }
            }
          ]
        },
        {
          "name": "em9-rating",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/rating",
          "js": {
            "properties": [
              {
                "name": "rating",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "hoverValue",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "isHovering",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "value",
                "description": "The current rating.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "max",
                "description": "The highest rating to show.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "precision",
                "description": "The minimum increment value allowed by the control.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "readonly",
                "description": "Makes the rating readonly.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the rating.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "getSymbol",
                "description": "The name of the icon to display as the symbol.",
                "value": {
                  "type": "(value: number) => string"
                }
              },
              {
                "name": "focus",
                "description": "Sets focus on the rating.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the rating.",
                "value": {}
              },
              {
                "name": "getValueFromMousePosition",
                "value": {}
              },
              {
                "name": "getValueFromTouchPosition",
                "value": {}
              },
              {
                "name": "getValueFromXCoordinate",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "setValue",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleMouseEnter",
                "value": {}
              },
              {
                "name": "handleMouseMove",
                "value": {}
              },
              {
                "name": "handleMouseLeave",
                "value": {}
              },
              {
                "name": "handleTouchStart",
                "value": {}
              },
              {
                "name": "handleTouchMove",
                "value": {}
              },
              {
                "name": "handleTouchEnd",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "roundToPrecision",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-change",
                "description": "Emitted when the rating's value changes."
              }
            ]
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current rating.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "max",
              "description": "The highest rating to show.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "precision",
              "description": "The minimum increment value allowed by the control.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "readonly",
              "description": "Makes the rating readonly.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the rating.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "getSymbol",
              "description": "The name of the icon to display as the symbol.",
              "value": {
                "type": "(value: number) => string"
              }
            }
          ]
        },
        {
          "name": "em9-relative-time",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/relative-time",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "updateTimeout",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "isoTime",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "relativeTime",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "titleTime",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "date",
                "description": "The date from which to calculate time from.",
                "value": {
                  "type": "Date | string"
                }
              },
              {
                "name": "lang",
                "description": "The locale to use when formatting the number.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "format",
                "description": "The formatting style to use.",
                "value": {
                  "type": "'long' | 'short' | 'narrow'"
                }
              },
              {
                "name": "numeric",
                "description": "When `auto`, values such as \"yesterday\" and \"tomorrow\" will be shown when possible. When `always`, values such as\n\"1 day ago\" and \"in 1 day\" will be shown.",
                "value": {
                  "type": "'always' | 'auto'"
                }
              },
              {
                "name": "sync",
                "description": "Keep the displayed value up to date as time passes.",
                "value": {
                  "type": "boolean"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "date",
              "description": "The date from which to calculate time from.",
              "value": {
                "type": "Date | string"
              }
            },
            {
              "name": "lang",
              "description": "The locale to use when formatting the number.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "format",
              "description": "The formatting style to use.",
              "value": {
                "type": "'long' | 'short' | 'narrow'"
              }
            },
            {
              "name": "numeric",
              "description": "When `auto`, values such as \"yesterday\" and \"tomorrow\" will be shown when possible. When `always`, values such as\n\"1 day ago\" and \"in 1 day\" will be shown.",
              "value": {
                "type": "'always' | 'auto'"
              }
            },
            {
              "name": "sync",
              "description": "Keep the displayed value up to date as time passes.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-resize-observer",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/resize-observer",
          "js": {
            "properties": [
              {
                "name": "resizeObserver",
                "value": {
                  "type": "ResizeObserver"
                }
              },
              {
                "name": "observedElements",
                "value": {
                  "type": "HTMLElement[]"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the observer.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleSlotChange",
                "value": {}
              },
              {
                "name": "startObserver",
                "value": {}
              },
              {
                "name": "stopObserver",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-resize",
                "description": "Emitted when the element is resized."
              }
            ]
          },
          "attributes": [
            {
              "name": "disabled",
              "description": "Disables the observer.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-responsive-media",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/responsive-media",
          "js": {
            "properties": [
              {
                "name": "aspectRatio",
                "description": "The aspect ratio of the embedded media in the format of `width:height`, e.g. `16:9`, `4:3`, or `1:1`. Ratios not in\nthis format will be ignored.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "fit",
                "description": "Determines how content will be resized to fit its container.",
                "value": {
                  "type": "'cover' | 'contain'"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "aspect-ratio",
              "description": "The aspect ratio of the embedded media in the format of `width:height`, e.g. `16:9`, `4:3`, or `1:1`. Ratios not in\nthis format will be ignored.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "fit",
              "description": "Determines how content will be resized to fit its container.",
              "value": {
                "type": "'cover' | 'contain'"
              }
            }
          ]
        },
        {
          "name": "em9-select",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/select",
          "js": {
            "properties": [
              {
                "name": "dropdown",
                "value": {
                  "type": "em9Dropdown"
                }
              },
              {
                "name": "control",
                "value": {
                  "type": "em9Dropdown"
                }
              },
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "menu",
                "value": {
                  "type": "em9Menu"
                }
              },
              {
                "name": "formSubmitController",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "menuItems",
                "value": {
                  "type": "em9MenuItem[]"
                }
              },
              {
                "name": "resizeObserver",
                "value": {
                  "type": "ResizeObserver"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "isOpen",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "displayLabel",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "displayTags",
                "value": {
                  "type": "TemplateResult[]"
                }
              },
              {
                "name": "searchFilter",
                "description": "Enables search field. With this enabled, display label will be hide.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "searchFilterClass",
                "description": "Enables multi select. With this enabled, value will be an array.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "multiple",
                "description": "Enables multi select. With this enabled, value will be an array.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "maxTagsVisible",
                "description": "The maximum number of tags to show when `multiple` is true. After the maximum, \"+n\" will be shown to indicate the\nnumber of additional items that are selected. Set to -1 to remove the limit.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the select control.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "name",
                "description": "The selects name.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "connector",
                "description": "Connect select with Input.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placeholder",
                "description": "The selects placeholder text.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "size",
                "description": "The selects size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "hoist",
                "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "value",
                "description": "The value of the control. This will be a string or an array depending on `multiple`.",
                "value": {
                  "type": "string | string[]"
                }
              },
              {
                "name": "filled",
                "description": "Draws a filled select.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "pill",
                "description": "Draws a pill-style select with rounded edges.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "label",
                "description": "The select's label. Alternatively, you can use the label slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "displayLabelWithContent",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "lineStyled",
                "description": "ThelineStyled. *",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placement",
                "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
                "value": {
                  "type": "'top' | 'bottom'"
                }
              },
              {
                "name": "helpText",
                "description": "The select's help text. Alternatively, you can use the help-text slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "required",
                "description": "The select's required attribute.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "clearable",
                "description": "Adds a clear button when the select is populated.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "invalid",
                "description": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
                "value": {}
              },
              {
                "name": "getValueAsArray",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the control.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the control.",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleClearClick",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleLabelClick",
                "value": {}
              },
              {
                "name": "handleMenuSelect",
                "value": {}
              },
              {
                "name": "handleMenuShow",
                "value": {}
              },
              {
                "name": "handleMenuHide",
                "value": {}
              },
              {
                "name": "handleMenuItemLabelChange",
                "value": {}
              },
              {
                "name": "handleMultipleChange",
                "value": {}
              },
              {
                "name": "handleMenuSlotChange",
                "value": {}
              },
              {
                "name": "handleTagInteraction",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "resizeMenu",
                "value": {}
              },
              {
                "name": "syncItemsFromValue",
                "value": {}
              },
              {
                "name": "syncValueFromItems",
                "value": {}
              },
              {
                "name": "handleInputClick",
                "value": {}
              },
              {
                "name": "onInput",
                "value": {}
              },
              {
                "name": "onChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "change"
              },
              {
                "name": "em9-clear",
                "description": "Emitted when the clear button is activated."
              },
              {
                "name": "em9-change",
                "description": "Emitted when the control's value changes."
              },
              {
                "name": "em9-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "em9-blur",
                "description": "Emitted when the control loses focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "searchFilter",
              "description": "Enables search field. With this enabled, display label will be hide.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "searchFilterClass",
              "description": "Enables multi select. With this enabled, value will be an array.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "multiple",
              "description": "Enables multi select. With this enabled, value will be an array.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "max-tags-visible",
              "description": "The maximum number of tags to show when `multiple` is true. After the maximum, \"+n\" will be shown to indicate the\nnumber of additional items that are selected. Set to -1 to remove the limit.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the select control.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "name",
              "description": "The selects name.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "connector",
              "description": "Connect select with Input.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "placeholder",
              "description": "The selects placeholder text.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "size",
              "description": "The selects size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "hoist",
              "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "value",
              "description": "The value of the control. This will be a string or an array depending on `multiple`.",
              "value": {
                "type": "string | string[]"
              }
            },
            {
              "name": "filled",
              "description": "Draws a filled select.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "pill",
              "description": "Draws a pill-style select with rounded edges.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "label",
              "description": "The select's label. Alternatively, you can use the label slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "label-content",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "line",
              "description": "ThelineStyled. *",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "placement",
              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
              "value": {
                "type": "'top' | 'bottom'"
              }
            },
            {
              "name": "help-text",
              "description": "The select's help text. Alternatively, you can use the help-text slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "required",
              "description": "The select's required attribute.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "clearable",
              "description": "Adds a clear button when the select is populated.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "invalid",
              "description": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-semi-circle-progress-bar",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/semi-circle-progress-bar",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "label",
                "description": "The semi circle content subText.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "labelTextValue",
                "description": "The semi circle Percentage label",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "value of progress",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "size",
                "description": "Semi circle sizes",
                "value": {
                  "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "label",
              "description": "The semi circle content subText.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "labelTextValue",
              "description": "The semi circle Percentage label",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "value of progress",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "size",
              "description": "Semi circle sizes",
              "value": {
                "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
              }
            }
          ]
        },
        {
          "name": "em9-skeleton",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/skeleton",
          "js": {
            "properties": [
              {
                "name": "effect",
                "description": "Determines which effect the skeleton will use.",
                "value": {
                  "type": "'pulse' | 'sheen' | 'none'"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "effect",
              "description": "Determines which effect the skeleton will use.",
              "value": {
                "type": "'pulse' | 'sheen' | 'none'"
              }
            }
          ]
        },
        {
          "name": "em9-spinner",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/spinner",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "em9-split-panel",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/split-panel",
          "js": {
            "properties": [
              {
                "name": "cachedPositionInPixels",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "resizeObserver",
                "value": {
                  "type": "ResizeObserver"
                }
              },
              {
                "name": "size",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "divider",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "position",
                "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "positionInPixels",
                "description": "The current position of the divider from the primary panel's edge in pixels.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "vertical",
                "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disabled",
                "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "primary",
                "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
                "value": {
                  "type": "'start' | 'end' | undefined"
                }
              },
              {
                "name": "snap",
                "description": "One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.\n`\"100px 50%\"`.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "snapThreshold",
                "description": "How close the divider must be to a snap point until snapping occurs.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "detectSize",
                "value": {}
              },
              {
                "name": "percentageToPixels",
                "value": {}
              },
              {
                "name": "pixelsToPercentage",
                "value": {}
              },
              {
                "name": "handleDrag",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handlePositionChange",
                "value": {}
              },
              {
                "name": "handlePositionInPixelsChange",
                "value": {}
              },
              {
                "name": "handleVerticalChange",
                "value": {}
              },
              {
                "name": "handleResize",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-reposition",
                "description": "Emitted when the divider's position changes."
              }
            ]
          },
          "attributes": [
            {
              "name": "position",
              "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "position-in-pixels",
              "description": "The current position of the divider from the primary panel's edge in pixels.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "vertical",
              "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "disabled",
              "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "primary",
              "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
              "value": {
                "type": "'start' | 'end' | undefined"
              }
            },
            {
              "name": "snap",
              "description": "One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.\n`\"100px 50%\"`.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "snap-threshold",
              "description": "How close the divider must be to a snap point until snapping occurs.",
              "value": {
                "type": "number"
              }
            }
          ]
        },
        {
          "name": "em9-switch",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/switch",
          "js": {
            "properties": [
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "switchElement",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "formSubmitController",
                "value": {}
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "name",
                "description": "The switch's name attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "The switch's value attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the switch.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "required",
                "description": "Makes the switch a required field.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "checked",
                "description": "Draws the switch in a checked state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "invalid",
                "description": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "subLabel",
                "description": "The switch subLabel attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "labelInside",
                "description": "The switch's inside label attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "size",
                "description": "The switch's size.",
                "value": {
                  "type": "'small' | 'medium'"
                }
              },
              {
                "name": "ids",
                "value": {}
              },
              {
                "name": "setId",
                "description": "Set a unique id",
                "value": {}
              },
              {
                "name": "click",
                "description": "Simulates a click on the switch.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the switch.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the switch.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleCheckedChange",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "em9-change",
                "description": "Emitted when the control's checked state changes."
              },
              {
                "name": "em9-focus",
                "description": "Emitted when the control gains focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "name",
              "description": "The switch's name attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "The switch's value attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the switch.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "required",
              "description": "Makes the switch a required field.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "checked",
              "description": "Draws the switch in a checked state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "invalid",
              "description": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "subLabel",
              "description": "The switch subLabel attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "labelInside",
              "description": "The switch's inside label attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "size",
              "description": "The switch's size.",
              "value": {
                "type": "'small' | 'medium'"
              }
            }
          ]
        },
        {
          "name": "em9-tab",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/tab",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "tab",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "attrId",
                "value": {}
              },
              {
                "name": "componentId",
                "value": {}
              },
              {
                "name": "panel",
                "description": "The name of the tab panel the tab will control. The panel must be located in the same tab group.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "active",
                "description": "Draws the tab in an active state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "closable",
                "description": "Makes the tab closable and shows a close icon.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disabled",
                "description": "Draws the tab in a disabled state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "lang",
                "description": "The locale to render the component in.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "focus",
                "description": "Sets focus to the tab.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the tab.",
                "value": {}
              },
              {
                "name": "handleCloseClick",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-close",
                "description": "Emitted when the tab is closable and the close button is activated."
              }
            ]
          },
          "attributes": [
            {
              "name": "panel",
              "description": "The name of the tab panel the tab will control. The panel must be located in the same tab group.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "active",
              "description": "Draws the tab in an active state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "closable",
              "description": "Makes the tab closable and shows a close icon.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "disabled",
              "description": "Draws the tab in a disabled state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "lang",
              "description": "The locale to render the component in.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "em9-tab-group",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/tab-group",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "tabGroup",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "body",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "nav",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "indicator",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "activeTab",
                "value": {
                  "type": "em9Tab | undefined"
                }
              },
              {
                "name": "mutationObserver",
                "value": {
                  "type": "MutationObserver"
                }
              },
              {
                "name": "resizeObserver",
                "value": {
                  "type": "ResizeObserver"
                }
              },
              {
                "name": "tabs",
                "value": {
                  "type": "em9Tab[]"
                }
              },
              {
                "name": "panels",
                "value": {
                  "type": "em9TabPanel[]"
                }
              },
              {
                "name": "hasScrollControls",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placement",
                "description": "The placement of the tabs.",
                "value": {
                  "type": "'top' | 'bottom' | 'start' | 'end'"
                }
              },
              {
                "name": "activation",
                "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
                "value": {
                  "type": "'auto' | 'manual'"
                }
              },
              {
                "name": "noScrollControls",
                "description": "Disables the scroll arrows that appear when tabs overflow.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "lang",
                "description": "The locale to render the component in.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "show",
                "description": "Shows the specified tab panel.",
                "value": {}
              },
              {
                "name": "getAllTabs",
                "value": {}
              },
              {
                "name": "getAllPanels",
                "value": {}
              },
              {
                "name": "getActiveTab",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleScrollToStart",
                "value": {}
              },
              {
                "name": "handleScrollToEnd",
                "value": {}
              },
              {
                "name": "updateScrollControls",
                "value": {}
              },
              {
                "name": "setActiveTab",
                "value": {}
              },
              {
                "name": "setAriaLabels",
                "value": {}
              },
              {
                "name": "syncIndicator",
                "value": {}
              },
              {
                "name": "repositionIndicator",
                "value": {}
              },
              {
                "name": "preventIndicatorTransition",
                "value": {}
              },
              {
                "name": "syncTabsAndPanels",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-tab-show",
                "description": "Emitted when a tab is shown."
              },
              {
                "name": "em9-tab-hide",
                "description": "Emitted when a tab is hidden."
              }
            ]
          },
          "attributes": [
            {
              "name": "placement",
              "description": "The placement of the tabs.",
              "value": {
                "type": "'top' | 'bottom' | 'start' | 'end'"
              }
            },
            {
              "name": "activation",
              "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
              "value": {
                "type": "'auto' | 'manual'"
              }
            },
            {
              "name": "no-scroll-controls",
              "description": "Disables the scroll arrows that appear when tabs overflow.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "lang",
              "description": "The locale to render the component in.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "em9-tab-panel",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/tab-panel",
          "js": {
            "properties": [
              {
                "name": "attrId",
                "value": {}
              },
              {
                "name": "componentId",
                "value": {}
              },
              {
                "name": "name",
                "description": "The tab panel's name.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "active",
                "description": "When true, the tab panel will be shown.",
                "value": {
                  "type": "boolean"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "name",
              "description": "The tab panel's name.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "active",
              "description": "When true, the tab panel will be shown.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-table",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/table",
          "js": {
            "properties": [
              {
                "name": "headCells",
                "description": "An example property.",
                "value": {
                  "type": "array"
                }
              },
              {
                "name": "tableData",
                "value": {
                  "type": "array"
                }
              },
              {
                "name": "doSomething",
                "value": {}
              },
              {
                "name": "arrangeHeader",
                "value": {}
              },
              {
                "name": "arrangedata",
                "value": {}
              },
              {
                "name": "handleSearch",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-event-name",
                "description": "Emitted as an example."
              }
            ]
          },
          "attributes": [
            {
              "name": "headCells",
              "description": "An example property.",
              "value": {
                "type": "array"
              }
            },
            {
              "name": "tableData",
              "value": {
                "type": "array"
              }
            }
          ]
        },
        {
          "name": "em9-tag",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/tag",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "IsPrefix",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "IsSuffix",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "prefixSlot",
                "value": {
                  "type": "HTMLElement[]"
                }
              },
              {
                "name": "suffixSlot",
                "value": {
                  "type": "HTMLElement[]"
                }
              },
              {
                "name": "size",
                "description": "The tag's variant.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "pill",
                "description": "Draws a pill-style tag with rounded edges.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "prefixExist",
                "value": {}
              },
              {
                "name": "suffixExist",
                "value": {}
              },
              {
                "name": "removable",
                "description": "Makes the tag removable.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "removableIconName",
                "description": "updates close default  icon with given name.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleRemoveClick",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-remove",
                "description": "Emitted when the remove button is activated."
              }
            ]
          },
          "attributes": [
            {
              "name": "size",
              "description": "The tag's variant.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "pill",
              "description": "Draws a pill-style tag with rounded edges.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "removable",
              "description": "Makes the tag removable.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "removableIconName",
              "description": "updates close default  icon with given name.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "em9-tag-credit-card-input",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/tag-credit-card-input",
          "js": {
            "properties": [
              {
                "name": "prop",
                "description": "An example property.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "doSomething",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-event-name",
                "description": "Emitted as an example."
              }
            ]
          },
          "attributes": [
            {
              "name": "prop",
              "description": "An example property.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "em9-textarea",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/textarea",
          "js": {
            "properties": [
              {
                "name": "input",
                "value": {
                  "type": "HTMLTextAreaElement"
                }
              },
              {
                "name": "formSubmitController",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "resizeObserver",
                "value": {
                  "type": "ResizeObserver"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "size",
                "description": "The textarea's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "name",
                "description": "The textarea's name attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "The textarea's value attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "filled",
                "description": "Draws a filled textarea.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "lineStyled",
                "description": "Draws a lineStyled textarea.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "label",
                "description": "The textarea's label. Alternatively, you can use the label slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "helpText",
                "description": "The textarea's help text. Alternatively, you can use the help-text slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "placeholder",
                "description": "The textarea's placeholder text.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "rows",
                "description": "The number of rows to display by default.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "resize",
                "description": "Controls how the textarea can be resized.",
                "value": {
                  "type": "'none' | 'vertical' | 'auto'"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the textarea.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "readonly",
                "description": "Makes the textarea readonly.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "minlength",
                "description": "The minimum length of input that will be considered valid.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "maxlength",
                "description": "The maximum length of input that will be considered valid.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "required",
                "description": "Makes the textarea a required field.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "invalid",
                "description": "This will be true when the control is in an invalid state. Validity is determined by props such as `type`,\n`required`, `minlength`, and `maxlength` using the browser's constraint validation API.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "autocapitalize",
                "description": "The textarea's autocapitalize attribute.",
                "value": {
                  "type": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
                }
              },
              {
                "name": "autocorrect",
                "description": "The textarea's autocorrect attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "autocomplete",
                "description": "The textarea's autocomplete attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "autofocus",
                "description": "The textarea's autofocus attribute.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "enterkeyhint",
                "description": "The input's enterkeyhint attribute. This can be used to customize the label or icon of the Enter key on virtual\nkeyboards.",
                "value": {
                  "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
                }
              },
              {
                "name": "spellcheck",
                "description": "Enables spell checking on the textarea.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "inputmode",
                "description": "The textarea's inputmode attribute.",
                "value": {
                  "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
                }
              },
              {
                "name": "focus",
                "description": "Sets focus on the textarea.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the textarea.",
                "value": {}
              },
              {
                "name": "select",
                "description": "Selects all the text in the textarea.",
                "value": {}
              },
              {
                "name": "scrollPosition",
                "description": "Gets or sets the textarea's scroll position.",
                "value": {}
              },
              {
                "name": "setSelectionRange",
                "description": "Sets the start and end positions of the text selection (0-based).",
                "value": {}
              },
              {
                "name": "setRangeText",
                "description": "Replaces a range of text with a new string.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleRowsChange",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "setTextareaHeight",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "em9-input",
                "description": "Emitted when the control receives input and its value changes."
              },
              {
                "name": "em9-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "em9-blur",
                "description": "Emitted when the control loses focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "size",
              "description": "The textarea's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "name",
              "description": "The textarea's name attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "The textarea's value attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "filled",
              "description": "Draws a filled textarea.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "lineStyled",
              "description": "Draws a lineStyled textarea.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "label",
              "description": "The textarea's label. Alternatively, you can use the label slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "help-text",
              "description": "The textarea's help text. Alternatively, you can use the help-text slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "placeholder",
              "description": "The textarea's placeholder text.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "rows",
              "description": "The number of rows to display by default.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "resize",
              "description": "Controls how the textarea can be resized.",
              "value": {
                "type": "'none' | 'vertical' | 'auto'"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the textarea.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "readonly",
              "description": "Makes the textarea readonly.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "minlength",
              "description": "The minimum length of input that will be considered valid.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "maxlength",
              "description": "The maximum length of input that will be considered valid.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "required",
              "description": "Makes the textarea a required field.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "invalid",
              "description": "This will be true when the control is in an invalid state. Validity is determined by props such as `type`,\n`required`, `minlength`, and `maxlength` using the browser's constraint validation API.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "autocapitalize",
              "description": "The textarea's autocapitalize attribute.",
              "value": {
                "type": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
              }
            },
            {
              "name": "autocorrect",
              "description": "The textarea's autocorrect attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "autocomplete",
              "description": "The textarea's autocomplete attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "autofocus",
              "description": "The textarea's autofocus attribute.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "enterkeyhint",
              "description": "The input's enterkeyhint attribute. This can be used to customize the label or icon of the Enter key on virtual\nkeyboards.",
              "value": {
                "type": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
              }
            },
            {
              "name": "spellcheck",
              "description": "Enables spell checking on the textarea.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "inputmode",
              "description": "The textarea's inputmode attribute.",
              "value": {
                "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
              }
            }
          ]
        },
        {
          "name": "em9-tooltip",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/tooltip",
          "js": {
            "properties": [
              {
                "name": "positioner",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "tooltip",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "arrow",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "target",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "hoverTimeout",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "positionerCleanup",
                "value": {
                  "type": "ReturnType<typeof autoUpdate> | undefined"
                }
              },
              {
                "name": "content",
                "description": "The tooltip's content. Alternatively, you can use the content slot.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "subText",
                "description": "The tooltip's content subText.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "placement",
                "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
                "value": {
                  "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
                }
              },
              {
                "name": "variant",
                "description": "change the theme of the tooltip",
                "value": {
                  "type": "'light' | 'dark'"
                }
              },
              {
                "name": "icon",
                "description": "Add icons inside the tooltip",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the tooltip so it won't show when triggered.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "distance",
                "description": "The distance in pixels from which to offset the tooltip away from its target.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "skidding",
                "description": "The distance in pixels from which to offset the tooltip along its target.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "trigger",
                "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hoist",
                "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "show",
                "description": "Shows the tooltip.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the tooltip",
                "value": {}
              },
              {
                "name": "getTarget",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleMouseOver",
                "value": {}
              },
              {
                "name": "handleMouseOut",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "handleOptionsChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "hasTrigger",
                "value": {}
              },
              {
                "name": "startPositioner",
                "value": {}
              },
              {
                "name": "updatePositioner",
                "value": {}
              },
              {
                "name": "stopPositioner",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "em9-show",
                "description": "Emitted when the tooltip begins to show."
              },
              {
                "name": "em9-after-show",
                "description": "Emitted after the tooltip has shown and all animations are complete."
              },
              {
                "name": "em9-hide",
                "description": "Emitted when the tooltip begins to hide."
              },
              {
                "name": "em9-after-hide",
                "description": "Emitted after the tooltip has hidden and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "content",
              "description": "The tooltip's content. Alternatively, you can use the content slot.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "subText",
              "description": "The tooltip's content subText.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "placement",
              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
              "value": {
                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
              }
            },
            {
              "name": "variant",
              "description": "change the theme of the tooltip",
              "value": {
                "type": "'light' | 'dark'"
              }
            },
            {
              "name": "icon",
              "description": "Add icons inside the tooltip",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the tooltip so it won't show when triggered.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "distance",
              "description": "The distance in pixels from which to offset the tooltip away from its target.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "open",
              "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "skidding",
              "description": "The distance in pixels from which to offset the tooltip along its target.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "trigger",
              "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "hoist",
              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "em9-visually-hidden",
          "description": "",
          "doc-url": "https://webcomponents-qa.mycardplace.com/visually-hidden",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        }
      ]
    }
  }
}