custom-elements.json

{
  "schemaVersion": "1.0.0",
  "readme": "",
  "modules": [
    {
      "kind": "javascript-module",
      "path": "index.ts",
      "declarations": [],
      "exports": [
        {
          "kind": "js",
          "name": "*",
          "declaration": {
            "name": "*",
            "package": "./components"
          }
        },
        {
          "kind": "js",
          "name": "*",
          "declaration": {
            "name": "*",
            "package": "./shared-types"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "shared-types.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "utils/accessibility.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "isElementFocused",
          "parameters": [
            {
              "name": "element",
              "type": {
                "text": "HTMLElement"
              }
            }
          ]
        },
        {
          "kind": "variable",
          "name": "wcsFocusableElements",
          "type": {
            "text": "array"
          },
          "default": "[\r\n    'wcs-select',\r\n    'wcs-select-option',\r\n    'wcs-dropdown',\r\n    'wcs-dropdown-item',\r\n    'wcs-nav-item',\r\n    'wcs-button',\r\n    'wcs-input',\r\n    'wcs-textarea',\r\n    'wcs-checkbox',\r\n    'wcs-radio',\r\n    'wcs-switch',\r\n    'wcs-tab',\r\n    'wcs-counter',\r\n]"
        },
        {
          "kind": "function",
          "name": "isWcsFocusableElement",
          "return": {
            "type": {
              "text": "boolean"
            }
          },
          "parameters": [
            {
              "name": "element",
              "type": {
                "text": "any"
              }
            }
          ],
          "description": "Returns true if the provided element is part of the wcsFocusableElements list"
        },
        {
          "kind": "function",
          "name": "isFocusable",
          "parameters": [
            {
              "name": "element",
              "type": {
                "text": "any"
              }
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "isElementFocused",
          "declaration": {
            "name": "isElementFocused",
            "module": "utils/accessibility.ts"
          }
        },
        {
          "kind": "js",
          "name": "wcsFocusableElements",
          "declaration": {
            "name": "wcsFocusableElements",
            "module": "utils/accessibility.ts"
          }
        },
        {
          "kind": "js",
          "name": "isWcsFocusableElement",
          "declaration": {
            "name": "isWcsFocusableElement",
            "module": "utils/accessibility.ts"
          }
        },
        {
          "kind": "js",
          "name": "isFocusable",
          "declaration": {
            "name": "isFocusable",
            "module": "utils/accessibility.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "utils/control-component-interface.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "isControlComponentWithLabel",
          "return": {
            "type": {
              "text": "el is ControlComponentWithLabel"
            }
          },
          "parameters": [
            {
              "name": "el",
              "type": {
                "text": "any"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "getSlottedContentText",
          "return": {
            "type": {
              "text": ""
            }
          },
          "parameters": [
            {
              "name": "element",
              "type": {
                "text": "HTMLElement"
              },
              "description": "The Web Component HTMLElement containing a Shadow DOM with slots"
            },
            {
              "name": "slotName",
              "optional": true,
              "type": {
                "text": "string"
              },
              "description": "Optional name of the slot to target (if not provided, targets the default slot)"
            }
          ],
          "description": "\r\nExtracts the text content from nodes assigned to a slot in a Web Component's Shadow DOM."
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "isControlComponentWithLabel",
          "declaration": {
            "name": "isControlComponentWithLabel",
            "module": "utils/control-component-interface.ts"
          }
        },
        {
          "kind": "js",
          "name": "getSlottedContentText",
          "declaration": {
            "name": "getSlottedContentText",
            "module": "utils/control-component-interface.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "utils/helpers.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "isElement",
          "return": {
            "type": {
              "text": "element is Element"
            }
          },
          "parameters": [
            {
              "name": "element",
              "type": {
                "text": "any"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "hasShadowDom",
          "parameters": [
            {
              "name": "el",
              "type": {
                "text": "HTMLElement"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "debounceEvent",
          "return": {
            "type": {
              "text": "EventEmitter"
            }
          },
          "parameters": [
            {
              "name": "event",
              "type": {
                "text": "EventEmitter"
              }
            },
            {
              "name": "wait",
              "type": {
                "text": "number"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "debounce",
          "parameters": [
            {
              "name": "func",
              "type": {
                "text": "(...args: any[]) => void"
              }
            },
            {
              "name": "wait",
              "default": "0"
            }
          ]
        },
        {
          "kind": "function",
          "name": "inheritAttributes",
          "parameters": [
            {
              "name": "el",
              "type": {
                "text": "HTMLElement"
              }
            },
            {
              "name": "attributes",
              "default": "[]",
              "type": {
                "text": "string[]"
              }
            }
          ],
          "description": "Elements inside of web components sometimes need to inherit global attributes\r\nset on the host. For example, the inner input in `wcs-input` should inherit\r\nthe `title` attribute that developers set directly on `wcs-input`. This\r\nhelper function should be called in componentWillLoad and assigned to a variable\r\nthat is later used in the render function.\r\n\r\nThis does not need to be reactive as changing attributes on the host element\r\ndoes not trigger a re-render."
        },
        {
          "kind": "function",
          "name": "inheritAriaAttributes",
          "parameters": [
            {
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "description": "The element that the attributes should be copied from."
            },
            {
              "name": "ignoreList",
              "optional": true,
              "type": {
                "text": "string[]"
              },
              "description": "The list of aria-attributes to ignore reflecting and removing from the host.\r\nUse this in instances where we manually specify aria attributes on the `<Host>` element."
            }
          ],
          "description": "Returns an array of aria attributes that should be copied from\r\nthe shadow host element to a target within the light DOM."
        },
        {
          "kind": "function",
          "name": "setOrRemoveAttribute",
          "parameters": [
            {
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "description": "The HTMLElement"
            },
            {
              "name": "attr",
              "type": {
                "text": "string"
              },
              "description": "The attribute to be added or removed"
            },
            {
              "name": "value",
              "type": {
                "text": "string | null | undefined"
              },
              "description": "The value of the attribute"
            }
          ],
          "description": "Dynamically add or remove an attribute on the element.\r\nIf the value of the attribute is null or undefined, the attribute is removed."
        },
        {
          "kind": "function",
          "name": "findItemLabel",
          "return": {
            "type": {
              "text": "HTMLWcsLabelElement | null"
            }
          },
          "parameters": [
            {
              "name": "componentEl",
              "type": {
                "text": "HTMLElement"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "compareLists",
          "parameters": [
            {
              "name": "sourceList",
              "type": {
                "text": "T[]"
              },
              "description": "The source list of items"
            },
            {
              "name": "newList",
              "type": {
                "text": "T[]"
              },
              "description": "The target list of items"
            },
            {
              "name": "compareFn",
              "type": {
                "text": "(v1: T, v2: T) => boolean"
              },
              "description": "The function to compare the items"
            }
          ],
          "description": "Given two lists of items, this function will return the items that were removed, kept, and added compared to the source list."
        },
        {
          "kind": "function",
          "name": "normalizeWhitespace",
          "return": {
            "type": {
              "text": ""
            }
          },
          "parameters": [
            {
              "name": "content",
              "type": {
                "text": "string"
              },
              "description": "String potentially containing multiple whitespace characters to normalize, if the content is null or undefined, it will return an empty string."
            }
          ],
          "description": "Normalizes whitespace by replacing multiple consecutive whitespace characters \r\nwith a single space and removes leading and trailing whitespace."
        },
        {
          "kind": "function",
          "name": "raf",
          "parameters": [
            {
              "name": "h",
              "type": {
                "text": "any"
              }
            }
          ],
          "description": "Patched version of requestAnimationFrame that avoids ngzone\r\nUse only when you know ngzone should not run"
        },
        {
          "kind": "function",
          "name": "clickInsideElement",
          "return": {
            "type": {
              "text": "boolean"
            }
          },
          "parameters": [
            {
              "name": "event",
              "type": {
                "text": "MouseEvent"
              }
            },
            {
              "name": "element",
              "type": {
                "text": "HTMLElement"
              }
            }
          ],
          "description": "Return true if the mouseEvent click is inside the given HTML element"
        },
        {
          "kind": "function",
          "name": "clickTargetIsElementOrChildren",
          "parameters": [
            {
              "name": "mouseEvent",
              "type": {
                "text": "MouseEvent"
              }
            },
            {
              "name": "element",
              "type": {
                "text": "HTMLElement"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "generateUniqueId",
          "return": {
            "type": {
              "text": "string"
            }
          },
          "parameters": [
            {
              "name": "componentName",
              "type": {
                "text": "string"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isMouseEvent",
          "return": {
            "type": {
              "text": "event is MouseEvent"
            }
          },
          "parameters": [
            {
              "name": "event",
              "type": {
                "text": "MouseEvent | KeyboardEvent"
              }
            }
          ],
          "description": "`clientX` property doesn't exist on KeyboardEvent, we therefore deduce it's a MouseEvent."
        },
        {
          "kind": "function",
          "name": "isKeyup",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isKeydown",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isEscapeKey",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isSpaceKey",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isEnterKey",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isHomeKey",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isEndKey",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isUpArrowKey",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isDownArrowKey",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isLeftArrowKey",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isRightArrowKey",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isPageDownKey",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isPageUpKey",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isTabKey",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "isCtrlA",
          "parameters": [
            {
              "name": "evt",
              "type": {
                "text": "KeyboardEvent"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "getCssRootPropertyValue",
          "return": {
            "type": {
              "text": "string | null"
            }
          },
          "parameters": [
            {
              "name": "name",
              "type": {
                "text": "string"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "parseCssTimeValueToMilliseconds",
          "return": {
            "type": {
              "text": "number"
            }
          },
          "parameters": [
            {
              "name": "timeValue",
              "type": {
                "text": "string"
              },
              "description": "The CSS time value string"
            }
          ],
          "description": "Converts a CSS time value string (e.g., '150ms', '1.5s') into milliseconds"
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "isElement",
          "declaration": {
            "name": "isElement",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "hasShadowDom",
          "declaration": {
            "name": "hasShadowDom",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "debounceEvent",
          "declaration": {
            "name": "debounceEvent",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "debounce",
          "declaration": {
            "name": "debounce",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "inheritAttributes",
          "declaration": {
            "name": "inheritAttributes",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "inheritAriaAttributes",
          "declaration": {
            "name": "inheritAriaAttributes",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "setOrRemoveAttribute",
          "declaration": {
            "name": "setOrRemoveAttribute",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "findItemLabel",
          "declaration": {
            "name": "findItemLabel",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "compareLists",
          "declaration": {
            "name": "compareLists",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "normalizeWhitespace",
          "declaration": {
            "name": "normalizeWhitespace",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "raf",
          "declaration": {
            "name": "raf",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "clickInsideElement",
          "declaration": {
            "name": "clickInsideElement",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "clickTargetIsElementOrChildren",
          "declaration": {
            "name": "clickTargetIsElementOrChildren",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "generateUniqueId",
          "declaration": {
            "name": "generateUniqueId",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isMouseEvent",
          "declaration": {
            "name": "isMouseEvent",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isKeyup",
          "declaration": {
            "name": "isKeyup",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isKeydown",
          "declaration": {
            "name": "isKeydown",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isEscapeKey",
          "declaration": {
            "name": "isEscapeKey",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isSpaceKey",
          "declaration": {
            "name": "isSpaceKey",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isEnterKey",
          "declaration": {
            "name": "isEnterKey",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isHomeKey",
          "declaration": {
            "name": "isHomeKey",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isEndKey",
          "declaration": {
            "name": "isEndKey",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isUpArrowKey",
          "declaration": {
            "name": "isUpArrowKey",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isDownArrowKey",
          "declaration": {
            "name": "isDownArrowKey",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isLeftArrowKey",
          "declaration": {
            "name": "isLeftArrowKey",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isRightArrowKey",
          "declaration": {
            "name": "isRightArrowKey",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isPageDownKey",
          "declaration": {
            "name": "isPageDownKey",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isPageUpKey",
          "declaration": {
            "name": "isPageUpKey",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isTabKey",
          "declaration": {
            "name": "isTabKey",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "isCtrlA",
          "declaration": {
            "name": "isCtrlA",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "getCssRootPropertyValue",
          "declaration": {
            "name": "getCssRootPropertyValue",
            "module": "utils/helpers.ts"
          }
        },
        {
          "kind": "js",
          "name": "parseCssTimeValueToMilliseconds",
          "declaration": {
            "name": "parseCssTimeValueToMilliseconds",
            "module": "utils/helpers.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "utils/keyboard-event.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "keyboardShortcutFromKeyboardEvent",
          "return": {
            "type": {
              "text": ""
            }
          },
          "parameters": [
            {
              "name": "event",
              "type": {
                "text": "KeyboardEvent"
              },
              "description": "KeyboardEvent"
            }
          ],
          "description": "Convert a KeyboardEvent into a KeyboardShortcut"
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "keyboardShortcutFromKeyboardEvent",
          "declaration": {
            "name": "keyboardShortcutFromKeyboardEvent",
            "module": "utils/keyboard-event.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "utils/mutable-aria-attribute.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "isMutableAriaAttribute",
          "return": {
            "type": {
              "text": "el is MutableAriaAttribute"
            }
          },
          "parameters": [
            {
              "name": "el",
              "type": {
                "text": "any"
              }
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "isMutableAriaAttribute",
          "declaration": {
            "name": "isMutableAriaAttribute",
            "module": "utils/mutable-aria-attribute.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "utils/overlay.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "getOverlay"
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "getOverlay",
          "declaration": {
            "name": "getOverlay",
            "module": "utils/overlay.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "utils/tests.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "findFocusedNode",
          "return": {
            "type": {
              "text": "SerializedAXNode"
            }
          },
          "parameters": [
            {
              "name": "node",
              "type": {
                "text": "SerializedAXNode"
              }
            }
          ]
        },
        {
          "kind": "function",
          "name": "setWcsContent",
          "parameters": [
            {
              "name": "page",
              "type": {
                "text": "E2EPage"
              }
            },
            {
              "name": "content",
              "type": {
                "text": "string"
              }
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "findFocusedNode",
          "declaration": {
            "name": "findFocusedNode",
            "module": "utils/tests.ts"
          }
        },
        {
          "kind": "js",
          "name": "setWcsContent",
          "declaration": {
            "name": "setWcsContent",
            "module": "utils/tests.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/accordion/accordion.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The accordion component is a vertical stack of interactive headings used to toggle the display of further information.",
          "name": "Accordion",
          "cssProperties": [
            {
              "description": "Gap between accordion panels",
              "name": "--wcs-accordion-gap"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsAccordionElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "accordionPanels",
              "type": {
                "text": "HTMLWcsAccordionPanelElement[]"
              },
              "privacy": "private",
              "default": "[]"
            },
            {
              "kind": "field",
              "name": "hideActionText",
              "type": {
                "text": "boolean"
              },
              "default": "true",
              "description": "Specifies whether accordion-panel components should display the open/close text.\r\nif false, it won't show the open/close text in all accordion-panel."
            },
            {
              "kind": "field",
              "name": "highlight",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specifies whether accordion-panel components should highlight when open with primary color.\r\nif true, the background color of the accordion-panel will be the primary color.\r\nif false, the background color of the accordion-panel will be wcs-light."
            },
            {
              "kind": "field",
              "name": "groupContentWithHeader",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "deprecated": "**The content is now always grouped with the panel header**\r\n\r\n~~Specifies whether accordion-panel components should group the content with header in one card~~\r\n~~if true, there will be only one card with the header and the content~~\r\n~~Nothing change when the panel is close~~"
            },
            {
              "kind": "method",
              "name": "wcsOpenChangeHandler",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "CustomEvent<boolean>"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "updateHideActiontextOnPanel",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "updateHighlightOnPanel",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "updateGroupContentWithHeader",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "render"
            },
            {
              "kind": "method",
              "name": "getAllAccordionPanelsFromHostElement",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "HTMLWcsAccordionPanelElement[]"
                }
              }
            },
            {
              "kind": "method",
              "name": "closeAllAccordionsExcept",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "eventTarget",
                  "type": {
                    "text": "EventTarget"
                  }
                }
              ],
              "description": "Close all accordion panels except the one that match the eventTarget reference"
            }
          ],
          "attributes": [
            {
              "name": "hide-action-text",
              "fieldName": "hideActionText",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "highlight",
              "fieldName": "highlight",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "group-content-with-header",
              "fieldName": "groupContentWithHeader",
              "type": {
                "text": "boolean"
              }
            }
          ],
          "tagName": "wcs-accordion",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Accordion",
          "declaration": {
            "name": "Accordion",
            "module": "components/accordion/accordion.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-accordion",
          "declaration": {
            "name": "Accordion",
            "module": "components/accordion/accordion.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/accordion-content/accordion-content.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The accordion-content is a subcomponent of `wcs-accordion`. It represents the text / content below an expanded accordion.",
          "name": "AccordionContent",
          "cssProperties": [
            {
              "description": "Padding of the content",
              "name": "--wcs-accordion-content-padding"
            },
            {
              "description": "Text color of the content",
              "name": "--wcs-accordion-content-text-color"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-accordion-content",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "AccordionContent",
          "declaration": {
            "name": "AccordionContent",
            "module": "components/accordion-content/accordion-content.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-accordion-content",
          "declaration": {
            "name": "AccordionContent",
            "module": "components/accordion-content/accordion-content.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/accordion-header/accordion-header.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The accordion-header is a subcomponent of `wcs-accordion`. It represents the heading text inside the accordion panel.",
          "name": "AccordionHeader",
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-accordion-header",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "AccordionHeader",
          "declaration": {
            "name": "AccordionHeader",
            "module": "components/accordion-header/accordion-header.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-accordion-header",
          "declaration": {
            "name": "AccordionHeader",
            "module": "components/accordion-header/accordion-header.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/accordion-panel/accordion-panel.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The accordion-panel is a subcomponent of `wcs-accordion`. It represents every panel of the accordion that can be expanded.",
          "name": "AccordionPanel",
          "cssProperties": [
            {
              "description": "Default color of the accordion panel",
              "name": "--wcs-accordion-panel-color-default"
            },
            {
              "description": "Highlight color of the accordion panel",
              "name": "--wcs-accordion-panel-color-highlight"
            },
            {
              "description": "Hover color of the accordion panel",
              "name": "--wcs-accordion-panel-color-hover"
            },
            {
              "description": "Press color of the accordion panel",
              "name": "--wcs-accordion-panel-color-press"
            },
            {
              "description": "Default action color of the accordion panel",
              "name": "--wcs-accordion-panel-action-color-default"
            },
            {
              "description": "Highlight action color of the accordion panel",
              "name": "--wcs-accordion-panel-action-color-highlight"
            },
            {
              "description": "Hovered action color of the accordion panel",
              "name": "--wcs-accordion-panel-action-color-hover"
            },
            {
              "description": "Pressed action color of the accordion panel",
              "name": "--wcs-accordion-panel-action-color-press"
            },
            {
              "description": "Default background color of the accordion panel",
              "name": "--wcs-accordion-panel-background-color-default"
            },
            {
              "description": "Highlight background color of the accordion panel",
              "name": "--wcs-accordion-panel-background-color-highlight"
            },
            {
              "description": "Hover background color of the accordion panel",
              "name": "--wcs-accordion-panel-background-color-hover"
            },
            {
              "description": "Press background color of the accordion panel",
              "name": "--wcs-accordion-panel-background-color-press"
            },
            {
              "description": "Font size of the accordion panel header",
              "name": "--wcs-accordion-panel-header-font-size"
            },
            {
              "description": "Font weight of the accordion panel header",
              "name": "--wcs-accordion-panel-header-font-weight"
            },
            {
              "description": "Border radius of the accordion panel",
              "name": "--wcs-accordion-panel-border-radius"
            },
            {
              "description": "Border radius of the open accordion panel",
              "name": "--wcs-accordion-panel-border-radius-open"
            },
            {
              "description": "Vertical padding of the accordion panel",
              "name": "--wcs-accordion-panel-padding-vertical"
            },
            {
              "description": "Horizontal padding of the accordion panel",
              "name": "--wcs-accordion-panel-padding-horizontal"
            },
            {
              "description": "Border width of the accordion panel header",
              "name": "--wcs-accordion-panel-header-border-width"
            },
            {
              "description": "Border width of the accordion panel",
              "name": "--wcs-accordion-panel-border-width"
            },
            {
              "description": "Border width of the accordion panel when focused",
              "name": "--wcs-accordion-panel-border-width-focus"
            },
            {
              "description": "Border color of the accordion panel",
              "name": "--wcs-accordion-panel-border-color"
            },
            {
              "description": "Border color of the accordion panel when focused",
              "name": "--wcs-accordion-panel-border-color-focus"
            },
            {
              "description": "Border style of the accordion panel when focused",
              "name": "--wcs-accordion-panel-border-style-focus"
            },
            {
              "description": "Transition duration of the accordion panel",
              "name": "--wcs-accordion-transition-duration"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeButton",
              "type": {
                "text": "HTMLButtonElement | undefined"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "open",
              "type": {
                "text": "boolean"
              },
              "default": "false"
            },
            {
              "kind": "field",
              "name": "hideActionText",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specifies whether the component should display the open/close text.\r\nif false, it won't show the open/close text."
            },
            {
              "kind": "field",
              "name": "highlight",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specifies whether the component should highlight when open with primary color.\r\nif true, the background color will be the primary color.\r\nif false, the background color will be wcs-light."
            },
            {
              "kind": "field",
              "name": "groupContentWithHeader",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specifies wether the component should group the content with header in one card\r\nif true, there will be only one card with the header and the content\r\nNothing change when the panel is close"
            },
            {
              "kind": "method",
              "name": "openChange",
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "boolean"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "close"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "open",
              "fieldName": "open"
            },
            {
              "name": "hide-action-text",
              "fieldName": "hideActionText",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "highlight",
              "fieldName": "highlight",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "group-content-with-header",
              "fieldName": "groupContentWithHeader",
              "type": {
                "text": "boolean"
              }
            }
          ],
          "tagName": "wcs-accordion-panel",
          "events": [
            {
              "name": "wcsOpenChange",
              "type": {
                "text": "EventEmitter<boolean>"
              }
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "AccordionPanel",
          "declaration": {
            "name": "AccordionPanel",
            "module": "components/accordion-panel/accordion-panel.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-accordion-panel",
          "declaration": {
            "name": "AccordionPanel",
            "module": "components/accordion-panel/accordion-panel.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/action-bar/action-bar.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The action-bar component is a group of elements appearing across the top of all pages on a business application.",
          "name": "ActionBar",
          "cssProperties": [
            {
              "description": "Background color of the action bar",
              "name": "--wcs-action-bar-background-color"
            },
            {
              "description": "Gap between the title and the tabs",
              "name": "--wcs-action-bar-gap"
            },
            {
              "description": "Gap between the title and the actions",
              "name": "--wcs-action-bar-gap-actions"
            },
            {
              "description": "Minimum height of the action bar",
              "name": "--wcs-action-bar-min-height"
            },
            {
              "description": "Horizontal padding of the action bar",
              "name": "--wcs-action-bar-padding-horizontal"
            },
            {
              "description": "Vertical padding of the action bar",
              "name": "--wcs-action-bar-padding-vertical"
            },
            {
              "description": "Margin top of the tabs when slotted",
              "name": "--wcs-action-bar-tabs-margin-top"
            },
            {
              "description": "Font size of the title",
              "name": "--wcs-action-bar-title-font-size"
            },
            {
              "description": "Font weight of the title",
              "name": "--wcs-action-bar-title-font-weight"
            },
            {
              "description": "Color of the title",
              "name": "--wcs-action-bar-title-color"
            },
            {
              "description": "Border width of the gutter",
              "name": "--wcs-tabs-gutter-border-width"
            },
            {
              "description": "Background color of the gutter",
              "name": "--wcs-tabs-gutter-background-color"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsActionBarElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "gutter",
              "type": {
                "text": "boolean"
              },
              "description": "Determines if the action bar should have a border at the bottom.\r\nYou should not use this property if a gutter is already present on tabs"
            },
            {
              "kind": "field",
              "name": "hasTabs",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "gutter",
              "fieldName": "gutter",
              "type": {
                "text": "boolean"
              }
            }
          ],
          "tagName": "wcs-action-bar",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ActionBar",
          "declaration": {
            "name": "ActionBar",
            "module": "components/action-bar/action-bar.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-action-bar",
          "declaration": {
            "name": "ActionBar",
            "module": "components/action-bar/action-bar.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/app/app.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "",
          "name": "App",
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-app",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "App",
          "declaration": {
            "name": "App",
            "module": "components/app/app.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-app",
          "declaration": {
            "name": "App",
            "module": "components/app/app.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/badge/badge-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/badge/badge.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The badge component is a small label, generally appearing inside or in proximity to another larger interface component,\r\nrepresenting a status, property, or some other metadata.",
          "name": "Badge",
          "cssProperties": [
            {
              "description": "Define the font weight of the badge",
              "name": "--wcs-badge-font-weight"
            },
            {
              "description": "Large height of the badge",
              "name": "--wcs-badge-height-l"
            },
            {
              "description": "Large font size of the badge",
              "name": "--wcs-badge-font-size-l"
            },
            {
              "description": "Medium height of the badge",
              "name": "--wcs-badge-height-m"
            },
            {
              "description": "Font size of the badge",
              "name": "--wcs-badge-font-size-m"
            },
            {
              "description": "Small height of the badge",
              "name": "--wcs-badge-height-s"
            },
            {
              "description": "Small font size of the badge",
              "name": "--wcs-badge-font-size-s"
            },
            {
              "description": "Default border radius of the badge",
              "name": "--wcs-badge-border-radius-default"
            },
            {
              "description": "Circular border radius of the badge",
              "name": "--wcs-badge-border-radius-circular"
            },
            {
              "description": "Background color of the badge",
              "name": "--wcs-badge-background-color"
            },
            {
              "description": "Background color of the lighter badge",
              "name": "--wcs-badge-background-color-lighter"
            },
            {
              "description": "Text color of the badge",
              "name": "--wcs-badge-color"
            },
            {
              "description": "Text color of the lighter badge",
              "name": "--wcs-badge-color-lighter"
            },
            {
              "description": "Horizontal padding of the size L badge",
              "name": "--wcs-badge-padding-horizontal-l"
            },
            {
              "description": "Horizontal padding of the size M badge",
              "name": "--wcs-badge-padding-horizontal-m"
            },
            {
              "description": "Horizontal padding of the size S badge",
              "name": "--wcs-badge-padding-horizontal-s"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "shape",
              "type": {
                "text": "BadgeShape"
              },
              "default": "'normal'",
              "description": "Define the shape of the badge"
            },
            {
              "kind": "field",
              "name": "color",
              "type": {
                "text": "BadgeColor"
              },
              "default": "'initial'",
              "description": "Allows you to change the color of the badge to make it less bright (based on the color chosen by the CSS class)."
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "BadgeSize"
              },
              "default": "'m'",
              "description": "Specify the size of the badge."
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "shape",
              "fieldName": "shape",
              "type": {
                "text": "BadgeShape"
              }
            },
            {
              "name": "color",
              "fieldName": "color",
              "type": {
                "text": "BadgeColor"
              }
            },
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "BadgeSize"
              }
            }
          ],
          "tagName": "wcs-badge",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Badge",
          "declaration": {
            "name": "Badge",
            "module": "components/badge/badge.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-badge",
          "declaration": {
            "name": "Badge",
            "module": "components/badge/badge.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/breadcrumb/breadcrumb-constants.ts",
      "declarations": [
        {
          "kind": "variable",
          "name": "NAV_ARIA_LABEL_DEFAULT",
          "type": {
            "text": "string"
          },
          "default": "'Fil d\\'Ariane'"
        },
        {
          "kind": "variable",
          "name": "EXPAND_BTN_ARIA_LABEL_DEFAULT",
          "type": {
            "text": "string"
          },
          "default": "'Étendre le fil d\\'Ariane'"
        },
        {
          "kind": "variable",
          "name": "ICONS_FONT_CHEVRON_UNICODE",
          "type": {
            "text": "string"
          },
          "default": "'\\uF107'"
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "NAV_ARIA_LABEL_DEFAULT",
          "declaration": {
            "name": "NAV_ARIA_LABEL_DEFAULT",
            "module": "components/breadcrumb/breadcrumb-constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "EXPAND_BTN_ARIA_LABEL_DEFAULT",
          "declaration": {
            "name": "EXPAND_BTN_ARIA_LABEL_DEFAULT",
            "module": "components/breadcrumb/breadcrumb-constants.ts"
          }
        },
        {
          "kind": "js",
          "name": "ICONS_FONT_CHEVRON_UNICODE",
          "declaration": {
            "name": "ICONS_FONT_CHEVRON_UNICODE",
            "module": "components/breadcrumb/breadcrumb-constants.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/breadcrumb/breadcrumb.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/breadcrumb/breadcrumb.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "A breadcrumb trail consists of a list of links to the parent pages of the current page in hierarchical order.  \r\nIt helps users find their place within a website or web application. Breadcrumbs are often placed horizontally before a page's main content.\r\n\r\n## Accessibility guidelines 💡\r\n> - If the last item is a link to the current page, you must set the `aria-current` attribute to `page` on `wcs-breadcrumb-item`.\r\n> - If the element representing the current page is not a link, `aria-current` is optional.\r\n> - You can set the attribute `aria-label` on `wcs-breadcrumb`, it will be passed to the native `nav` element located inside its shadow DOM. \r\n>   You can find the `aria-label` default value in the table below. If your application is in English, you can set it to `Breadcrumb`.\r\n> - You can do the same thing for the `aria-label` of the expand button when the breadcrumb is collapsed. You can find its default value\r\n>   in the table below too.  \r\n> - If you need to **dynamically change the `aria-label` attribute of `wcs-breadcrumb` after the first render**, you can use the \r\n>   `setAriaAttribute` JS method (example below). For the expand button however, you can update the prop `ariaLabelExpandButton`.  \r\n>   Note: we're working on updating the component automatically when attributes change. \r\n\r\n> ```javascript\r\n> const wcsButton = document.querySelector('wcs-button');\r\n> await wcsButton.setAriaAttribute('aria-label', 'new label');\r\n> ```",
          "name": "Breadcrumb",
          "cssProperties": [
            {
              "description": "Icon color",
              "name": "--wcs-breadcrumb-icon-color"
            },
            {
              "description": "Icon font size",
              "name": "--wcs-breadcrumb-icon-font-size"
            },
            {
              "description": "Gap between breadcrumb items",
              "name": "--wcs-breadcrumb-gap"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "navEl",
              "type": {
                "text": "HTMLElement | undefined"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "expandBtnEl",
              "type": {
                "text": "HTMLWcsButtonElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "maxItems",
              "type": {
                "text": "number | undefined"
              },
              "description": "If the number of breadcrumb items exceeds this maximum,\r\nthe breadcrumb will collapse and show an expand button.  \r\nIf this prop is `undefined`, breadcrumb items will never collapse."
            },
            {
              "kind": "field",
              "name": "itemsBeforeCollapse",
              "type": {
                "text": "number"
              },
              "default": "1",
              "description": "The number of breadcrumb items to show before the expand button.\r\nIf `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,\r\nthe breadcrumb will not be collapsed."
            },
            {
              "kind": "field",
              "name": "itemsAfterCollapse",
              "type": {
                "text": "number"
              },
              "default": "2",
              "description": "The number of breadcrumb items to show after the expand button.\r\nIf `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,\r\nthe breadcrumb will not be collapsed."
            },
            {
              "kind": "field",
              "name": "ariaLabelExpandButton",
              "type": {
                "text": "string | undefined"
              },
              "default": "EXPAND_BTN_ARIA_LABEL_DEFAULT",
              "description": "Set `aria-label` for the expand button when the breadcrumb is collapsed."
            },
            {
              "kind": "field",
              "name": "showHiddenItems",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false",
              "description": "Show breadcrumb items that are inside the hidden-items slot."
            },
            {
              "kind": "method",
              "name": "handleCollapsePropsChange"
            },
            {
              "kind": "method",
              "name": "handleAriaLabelExpandBtnChange",
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "string"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "getBreadcrumbItems",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "HTMLWcsBreadcrumbItemElement[]"
                }
              }
            },
            {
              "kind": "method",
              "name": "shouldCollapseItems",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "boolean"
                }
              }
            },
            {
              "kind": "method",
              "name": "updateCollapsedViewMode",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "assignSlotNamesForCollapsedViewMode",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "description": "Setting slot names on breadcrumb items allows to leverage JSX in the render method."
            },
            {
              "kind": "method",
              "name": "assignSlotNamesForNonCollapsedViewMode",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "handleSlotChange",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "handleOnExpandBtnClick",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "setFocusToFirstHiddenItem",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "description": "Avoid losing focus after clicking the expand button.\r\nWe need to give focus back to the first breadcrumb item link that was hidden before."
            },
            {
              "kind": "method",
              "name": "renderExpandAllButton",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "JSX.Element"
                }
              }
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "max-items",
              "fieldName": "maxItems",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "items-before-collapse",
              "fieldName": "itemsBeforeCollapse",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "items-after-collapse",
              "fieldName": "itemsAfterCollapse",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "aria-label-expand-button",
              "fieldName": "ariaLabelExpandButton",
              "type": {
                "text": "string"
              }
            }
          ],
          "tagName": "wcs-breadcrumb",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Breadcrumb",
          "declaration": {
            "name": "Breadcrumb",
            "module": "components/breadcrumb/breadcrumb.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-breadcrumb",
          "declaration": {
            "name": "Breadcrumb",
            "module": "components/breadcrumb/breadcrumb.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/breadcrumb-item/breadcrumb-item.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The breadcrumb item represents a link inside a breadcrumb.",
          "name": "BreadcrumbItem",
          "cssProperties": [
            {
              "description": "Maximum height of the breadcrumb item",
              "name": "--wcs-breadcrumb-item-max-height"
            },
            {
              "description": "Line height of the breadcrumb item",
              "name": "--wcs-breadcrumb-item-line-height"
            },
            {
              "description": "Font size of the breadcrumb item",
              "name": "--wcs-breadcrumb-item-font-size"
            },
            {
              "description": "Color of the breadcrumb item icon",
              "name": "--wcs-breadcrumb-item-icon-color"
            },
            {
              "description": "Font size of the breadcrumb item icon",
              "name": "--wcs-breadcrumb-item-icon-font-size"
            },
            {
              "description": "Gap between text and chevron icon",
              "name": "--wcs-breadcrumb-item-gap"
            },
            {
              "description": "Color of the breadcrumb item link",
              "name": "--wcs-breadcrumb-item-link-color"
            },
            {
              "description": "Color of the breadcrumb item link when hovered",
              "name": "--wcs-breadcrumb-item-link-color-hover"
            },
            {
              "description": "Font weight of the breadcrumb item link",
              "name": "--wcs-breadcrumb-item-link-font-weight"
            },
            {
              "description": "Border width of the breadcrumb item when focused",
              "name": "--wcs-breadcrumb-item-border-width-focus"
            },
            {
              "description": "Border color of the breadcrumb item when focused",
              "name": "--wcs-breadcrumb-item-border-color-focus"
            },
            {
              "description": "Color of the breadcrumb item when the link is active",
              "name": "--wcs-breadcrumb-item-active-color"
            }
          ],
          "slots": [
            {
              "description": "Main container slot",
              "name": "<no-name>"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "last",
              "fieldName": "last"
            }
          ],
          "tagName": "wcs-breadcrumb-item",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "BreadcrumbItem",
          "declaration": {
            "name": "BreadcrumbItem",
            "module": "components/breadcrumb-item/breadcrumb-item.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-breadcrumb-item",
          "declaration": {
            "name": "BreadcrumbItem",
            "module": "components/breadcrumb-item/breadcrumb-item.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/button/button-interface.ts",
      "declarations": [
        {
          "kind": "variable",
          "name": "WcsButtonSizeValues",
          "type": {
            "text": "['s', 'm', 'l']"
          },
          "default": "['s', 'm', 'l']"
        },
        {
          "kind": "function",
          "name": "isWcsButtonSize",
          "return": {
            "type": {
              "text": "size is WcsButtonSize"
            }
          },
          "parameters": [
            {
              "name": "size",
              "type": {
                "text": "string"
              }
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "WcsButtonSizeValues",
          "declaration": {
            "name": "WcsButtonSizeValues",
            "module": "components/button/button-interface.ts"
          }
        },
        {
          "kind": "js",
          "name": "isWcsButtonSize",
          "declaration": {
            "name": "isWcsButtonSize",
            "module": "components/button/button-interface.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/button/button.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/button/button.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The button component is used to trigger an action. It can also be a link when specifying href.\r\n\r\n## Accessibility guidelines 💡\r\n> If your button doesn't contain text but only an image, you must set a relevant aria-label on the icon 👉 [see \"Square\" story below](#square)\r\n\r\n## Click event\r\n\r\nThe WCS button relies on the native click event to pass a user click to your app.\r\nFor now, it's not possible for us to prevent the click event to be fired when the button's disabled attribute is true.\r\nThis means you'll receive click events on a disabled wcs button.\r\nIf you're using the button with a library like Angular or React, they have internal mechanisms to prevent this behavior. Your callbacks will therefore not be called.\r\nTo fix this problem, we plan to provide a wcsClick event in addition to the native click for applications developed without frameworks.",
          "name": "Button",
          "cssProperties": [
            {
              "description": "Text/icon color of a plain button",
              "name": "--wcs-button-plain-color-default"
            },
            {
              "description": "text/icon color of a stroked button",
              "name": "--wcs-button-stroked-color-default"
            },
            {
              "description": "text/icon color of a clear button",
              "name": "--wcs-button-clear-color-default"
            },
            {
              "description": "text/icon color disabled for mode plain, stroked, clear",
              "name": "--wcs-button-color-disabled"
            },
            {
              "description": "background color of a plain button",
              "name": "--wcs-button-plain-background-color-default"
            },
            {
              "description": "disabled background color of a plain button",
              "name": "--wcs-button-plain-background-color-disabled"
            },
            {
              "description": "background color of a stroked button",
              "name": "--wcs-button-stroked-background-color-default"
            },
            {
              "description": "disabled background color of a stroked button",
              "name": "--wcs-button-stroked-background-color-disabled"
            },
            {
              "description": "background color of a clear button",
              "name": "--wcs-button-clear-background-color-default"
            },
            {
              "description": "disabled background color of a clear button",
              "name": "--wcs-button-clear-background-color-disabled"
            },
            {
              "description": "ripple background color of a plain button",
              "name": "--wcs-button-plain-ripple-color-default"
            },
            {
              "description": "ripple background color of a stroked button",
              "name": "--wcs-button-stroked-ripple-color-default"
            },
            {
              "description": "ripple background color of a clear button",
              "name": "--wcs-button-clear-ripple-color-default"
            },
            {
              "description": "border radius for a default button",
              "name": "--wcs-button-border-radius-default"
            },
            {
              "description": "border radius for a rounded button",
              "name": "--wcs-button-border-radius-rounded"
            },
            {
              "description": "border width of a stroked button",
              "name": "--wcs-button-stroked-border-width"
            },
            {
              "description": "default border color of a stroked button",
              "name": "--wcs-button-stroked-border-color-default"
            },
            {
              "description": "disabled border color of a stroked button",
              "name": "--wcs-button-stroked-border-color-disabled"
            },
            {
              "description": "height for a size s button",
              "name": "--wcs-button-height-s"
            },
            {
              "description": "font-size for a size s button",
              "name": "--wcs-button-font-size-s"
            },
            {
              "description": "padding for a size s button",
              "name": "--wcs-button-padding-size-s"
            },
            {
              "description": "height for a size m button",
              "name": "--wcs-button-height-m"
            },
            {
              "description": "font-size for a size m button",
              "name": "--wcs-button-font-size-m"
            },
            {
              "description": "padding for a size m button",
              "name": "--wcs-button-padding-size-m"
            },
            {
              "description": "height for a size l button",
              "name": "--wcs-button-height-l"
            },
            {
              "description": "font-size for a size l button",
              "name": "--wcs-button-font-size-l"
            },
            {
              "description": "padding for a size l button",
              "name": "--wcs-button-padding-size-l"
            },
            {
              "description": "font weight of a plain,stroked,clear button",
              "name": "--wcs-button-font-weight"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeButton",
              "type": {
                "text": "HTMLButtonElement | HTMLAnchorElement | undefined"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "type",
              "type": {
                "text": "WcsButtonType"
              },
              "default": "'button'",
              "description": "Specify the button type."
            },
            {
              "kind": "field",
              "name": "href",
              "type": {
                "text": "string | undefined"
              },
              "description": "Set a URL to point to.<br/>\r\nIf specified use a `a` tag instead of `btn`."
            },
            {
              "kind": "field",
              "name": "target",
              "type": {
                "text": "'_blank' | '_self' | undefined"
              },
              "description": "Specifies where to open the linked document when using href (see prop above)<br/>\r\nDefault '_self' will open the linked document in the same frame as it was clicked"
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specify whether the button is disabled or not."
            },
            {
              "kind": "field",
              "name": "ripple",
              "type": {
                "text": "boolean"
              },
              "default": "true",
              "description": "Specify whether the button should have a ripple effect or not."
            },
            {
              "kind": "field",
              "name": "mdcRipple",
              "type": {
                "text": "MDCRipple"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "WcsButtonSize"
              },
              "default": "'m'",
              "description": "Specify the size of the button."
            },
            {
              "kind": "field",
              "name": "shape",
              "type": {
                "text": "WcsButtonShape"
              },
              "default": "'normal'",
              "description": "Specify the shape of the button."
            },
            {
              "kind": "field",
              "name": "mode",
              "type": {
                "text": "WcsButtonMode"
              },
              "default": "'plain'",
              "description": "This attribute specify the appearance of the button."
            },
            {
              "kind": "field",
              "name": "loading",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Flag to display spinner until the end of action"
            },
            {
              "kind": "method",
              "name": "onClick",
              "parameters": [
                {
                  "name": "ev",
                  "type": {
                    "text": "Event"
                  }
                }
              ],
              "description": "Native event click is emit event if we decide to stop propagation of it"
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "enabledRippleEffect",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "disabledRippleEffect",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "getTagName",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "onRippleChange",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "type",
              "fieldName": "type",
              "type": {
                "text": "WcsButtonType"
              }
            },
            {
              "name": "href",
              "fieldName": "href",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "target",
              "fieldName": "target",
              "type": {
                "text": "'_blank' | '_self'"
              }
            },
            {
              "name": "disabled",
              "fieldName": "disabled"
            },
            {
              "name": "ripple",
              "fieldName": "ripple"
            },
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "WcsButtonSize"
              }
            },
            {
              "name": "shape",
              "fieldName": "shape",
              "type": {
                "text": "WcsButtonShape"
              }
            },
            {
              "name": "mode",
              "fieldName": "mode",
              "type": {
                "text": "WcsButtonMode"
              }
            },
            {
              "name": "loading",
              "fieldName": "loading",
              "type": {
                "text": "boolean"
              }
            }
          ],
          "tagName": "wcs-button",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Button",
          "declaration": {
            "name": "Button",
            "module": "components/button/button.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-button",
          "declaration": {
            "name": "Button",
            "module": "components/button/button.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/card/card-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/card/card.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The card component is a container that display content such as text, images, buttons, and lists.  \r\nA card can be a single component, but is often made up of a header, title, subtitle, and content.",
          "name": "Card",
          "cssProperties": [
            {
              "description": "Border color of the card",
              "name": "--wcs-card-border-color"
            },
            {
              "description": "Border radius of the card",
              "name": "--wcs-card-border-radius"
            },
            {
              "description": "Border width of the card",
              "name": "--wcs-card-border-width"
            },
            {
              "description": "Background color of the card",
              "name": "--wcs-card-background-color"
            },
            {
              "description": "Text color of the card",
              "name": "--wcs-card-text-color"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "mode",
              "type": {
                "text": "CardMode"
              },
              "default": "'flat'"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "mode",
              "fieldName": "mode",
              "type": {
                "text": "CardMode"
              }
            }
          ],
          "tagName": "wcs-card",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Card",
          "declaration": {
            "name": "Card",
            "module": "components/card/card.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-card",
          "declaration": {
            "name": "Card",
            "module": "components/card/card.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/card-body/card-body.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The card-body is a subcomponent of `wcs-card`. It represents content of the card with an extra padding around.",
          "name": "CardBody",
          "cssProperties": [
            {
              "description": "Padding of the card body",
              "name": "--wcs-card-body-padding"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-card-body",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "CardBody",
          "declaration": {
            "name": "CardBody",
            "module": "components/card-body/card-body.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-card-body",
          "declaration": {
            "name": "CardBody",
            "module": "components/card-body/card-body.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/checkbox/checkbox-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/checkbox/checkbox.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/checkbox/checkbox.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The checkbox component is an input for choosing one or more items from a set by checking / unchecking it.",
          "name": "Checkbox",
          "cssProperties": [
            {
              "description": "Default color of the border",
              "name": "--wcs-checkbox-border-color-default"
            },
            {
              "description": "Color of the border when hovered",
              "name": "--wcs-checkbox-border-color-hover"
            },
            {
              "description": "Color of the border when disabled",
              "name": "--wcs-checkbox-border-color-disabled"
            },
            {
              "description": "Color of the border when selected",
              "name": "--wcs-checkbox-border-color-selected"
            },
            {
              "description": "Color of the border when indeterminate",
              "name": "--wcs-checkbox-border-color-indeterminate"
            },
            {
              "description": "Border radius of the checkbox",
              "name": "--wcs-checkbox-border-radius"
            },
            {
              "description": "Width of the border of the checkbox",
              "name": "--wcs-checkbox-border-width"
            },
            {
              "description": "Size of the checkbox",
              "name": "--wcs-checkbox-size"
            },
            {
              "description": "Color of the text when the checkbox is not selected",
              "name": "--wcs-checkbox-text-color-default"
            },
            {
              "description": "Color of the text when the checkbox is disabled",
              "name": "--wcs-checkbox-text-color-disabled"
            },
            {
              "description": "Color of the text when the checkbox is hovered",
              "name": "--wcs-checkbox-text-color-hover"
            },
            {
              "description": "Color of the text when the checkbox is selected",
              "name": "--wcs-checkbox-text-color-selected"
            },
            {
              "description": "Font size of the text",
              "name": "--wcs-checkbox-text-font-size"
            },
            {
              "description": "Font weight of the text",
              "name": "--wcs-checkbox-text-font-weight"
            },
            {
              "description": "Default background color of the checkbox",
              "name": "--wcs-checkbox-background-color-default"
            },
            {
              "description": "Background color of the checkbox when hovered",
              "name": "--wcs-checkbox-background-color-hover"
            },
            {
              "description": "Background color of the checkbox when disabled",
              "name": "--wcs-checkbox-background-color-disabled"
            },
            {
              "description": "Background color of the checkbox when selected",
              "name": "--wcs-checkbox-background-color-selected"
            },
            {
              "description": "Background color of the checkbox when indeterminate",
              "name": "--wcs-checkbox-background-color-indeterminate"
            },
            {
              "description": "Border radius of the focus outline",
              "name": "--wcs-checkbox-outline-radius-focus"
            },
            {
              "description": "Color of the focus outline",
              "name": "--wcs-checkbox-outline-color-focus"
            },
            {
              "description": "Gap between the checkbox and the label",
              "name": "--wcs-checkbox-gap"
            },
            {
              "description": "Color of the checkmark",
              "name": "--wcs-checkmark-color"
            },
            {
              "description": "Height of the checkmark (From the bottom left to the top right of the checkmark)",
              "name": "--wcs-checkmark-height"
            },
            {
              "description": "Width of the checkmark (From the bottom right to the top left of the checkmark)",
              "name": "--wcs-checkmark-width"
            },
            {
              "description": "Width of the border of the checkmark",
              "name": "--wcs-checkmark-border-width"
            },
            {
              "description": "Width of the indeterminate bar",
              "name": "--wcs-indeterminate-bar-width"
            },
            {
              "description": "Height of the indeterminate bar",
              "name": "--wcs-indeterminate-bar-height"
            },
            {
              "description": "Border-radius of the indeterminate bar",
              "name": "--wcs-indeterminate-bar-border-radius"
            },
            {
              "description": "Color of the indeterminate bar",
              "name": "--wcs-indeterminate-bar-background-color"
            },
            {
              "description": "Duration of the transition",
              "name": "--wcs-checkbox-transition-duration"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeInput",
              "type": {
                "text": "HTMLInputElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "checkboxId",
              "privacy": "private",
              "default": "`wcs-checkbox-${checkboxIds++}`"
            },
            {
              "kind": "field",
              "name": "name"
            },
            {
              "kind": "field",
              "name": "indeterminate",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true` the checkbox is in indeterminate state."
            },
            {
              "kind": "field",
              "name": "checked",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the checkbox is selected."
            },
            {
              "kind": "field",
              "name": "labelAlignment",
              "type": {
                "text": "CheckboxLabelAlignment"
              },
              "default": "'center'",
              "description": "Specifie the alignment of the checkbox with the label content"
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specify whether the checkbox is disabled or not."
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "getLabel",
              "return": {
                "type": {
                  "text": "Promise<string>"
                }
              }
            },
            {
              "kind": "method",
              "name": "handleChange",
              "parameters": [
                {
                  "name": "e",
                  "type": {
                    "text": "Event"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleHostClick",
              "parameters": [
                {
                  "name": "e",
                  "type": {
                    "text": "Event"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleInputClick",
              "parameters": [
                {
                  "name": "ev",
                  "type": {
                    "text": "PointerEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "toggleCheckboxState"
            },
            {
              "kind": "method",
              "name": "handleFocus",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "FocusEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleBlur",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "FocusEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onSlotChange"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "name",
              "fieldName": "name"
            },
            {
              "name": "indeterminate",
              "fieldName": "indeterminate"
            },
            {
              "name": "checked",
              "fieldName": "checked"
            },
            {
              "name": "label-alignment",
              "fieldName": "labelAlignment",
              "type": {
                "text": "CheckboxLabelAlignment"
              }
            },
            {
              "name": "disabled",
              "fieldName": "disabled",
              "type": {
                "text": "boolean"
              }
            }
          ],
          "tagName": "wcs-checkbox",
          "events": [
            {
              "name": "wcsChange",
              "type": {
                "text": "EventEmitter<CheckboxChangeEventDetail>"
              },
              "description": "Emitted when the checked property has changed."
            },
            {
              "name": "wcsFocus",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the checkbox has focus."
            },
            {
              "name": "wcsBlur",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the checkbox loses focus."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Checkbox",
          "declaration": {
            "name": "Checkbox",
            "module": "components/checkbox/checkbox.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-checkbox",
          "declaration": {
            "name": "Checkbox",
            "module": "components/checkbox/checkbox.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/com-nav/com-nav-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/com-nav/com-nav-size.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/com-nav/com-nav-utils.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "registerCloseHandlerForFocusOutEventOn",
          "return": {
            "type": {
              "text": "void"
            }
          },
          "parameters": [
            {
              "name": "navigableItems",
              "type": {
                "text": "NodeListOf<Element>"
              },
              "description": "items on which focusout event listeners must be added"
            },
            {
              "name": "nodeNameToClose",
              "type": {
                "text": "string"
              },
              "description": "nodeName of the element we want to close in the event path"
            }
          ],
          "description": "This function add event handlers on the navigableItems list. The handlers call the function close() on the nodeName.\r\n\r\nT: type class of the nodeNameToClose param (must have a close function)"
        },
        {
          "kind": "function",
          "name": "comNavDidLoadWithResizeObserver",
          "return": {
            "type": {
              "text": "ResizeObserver"
            }
          },
          "parameters": [
            {
              "name": "comNavElement",
              "type": {
                "text": "ComNav | ComNavSubmenu | ComNavCategory"
              }
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "registerCloseHandlerForFocusOutEventOn",
          "declaration": {
            "name": "registerCloseHandlerForFocusOutEventOn",
            "module": "components/com-nav/com-nav-utils.ts"
          }
        },
        {
          "kind": "js",
          "name": "comNavDidLoadWithResizeObserver",
          "declaration": {
            "name": "comNavDidLoadWithResizeObserver",
            "module": "components/com-nav/com-nav-utils.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/com-nav/com-nav.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/com-nav/com-nav.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "*Part of communication design system*\r\n\r\nThe com-nav component is a container for navigation links to external or internal pages of the website.",
          "name": "ComNav",
          "cssProperties": [
            {
              "description": "Height of the menu bar",
              "name": "--wcs-com-nav-menu-bar-height"
            },
            {
              "description": "Border color of the bottom border of the com-nav",
              "name": "--wcs-com-nav-border-color"
            },
            {
              "description": "Border width of the border below com-nav",
              "name": "--wcs-com-nav-border-width"
            },
            {
              "description": "Background color of the com-nav;",
              "name": "--wcs-com-nav-background-color"
            },
            {
              "description": "App name color",
              "name": "--wcs-com-nav-app-name-color"
            },
            {
              "description": "App name font-weight",
              "name": "--wcs-com-nav-app-name-font-weight"
            },
            {
              "description": "Font size of the App name text",
              "name": "--wcs-com-nav-app-name-font-size"
            },
            {
              "description": "Line height of the App name text",
              "name": "--wcs-com-nav-app-name-line-height"
            },
            {
              "description": "Color of the wcs-nav-item inside menu-bar",
              "name": "--wcs-com-nav-item-color"
            },
            {
              "description": "Font weight of the wcs-nav-item inside menu-bar",
              "name": "--wcs-com-nav-item-font-weight"
            },
            {
              "description": "Focus outline color of the wcs-nav-item inside menu-bar",
              "name": "--wcs-com-nav-focus-outline-color"
            },
            {
              "description": "Horizontal padding of wcs-com-nav",
              "name": "--wcs-com-nav-horizontal-padding"
            },
            {
              "description": "Vertical padding of wcs-com-nav",
              "name": "--wcs-com-nav-vertical-padding"
            },
            {
              "description": "Gap between each items section in mobile overlay",
              "name": "--wcs-com-nav-mobile-overlay-gap"
            },
            {
              "description": "Padding inside mobile overlay",
              "name": "--wcs-com-nav-mobile-overlay-padding"
            },
            {
              "description": "Bar border color on the left of icon mobile menu",
              "name": "--wcs-com-nav-mobile-menu-icon-border-color"
            },
            {
              "description": "Gap between icon mobile menu and separator on the left",
              "name": "--wcs-com-nav-mobile-menu-icon-gap-"
            },
            {
              "description": "Margin left of icon mobile menu",
              "name": "--wcs-com-nav-mobile-menu-icon-margin-left"
            },
            {
              "description": "Gap between each item inside menu-bar",
              "name": "--wcs-com-nav-menu-bar-gap"
            },
            {
              "description": "Margin left between menu bar and the app-name section",
              "name": "--wcs-com-nav-menu-bar-margin-left"
            }
          ],
          "slots": [
            {
              "description": "Default slot containing all the menu declarations",
              "name": "<no-name>"
            },
            {
              "description": "(Optional) Extra slot for the application name",
              "name": "app-name"
            },
            {
              "description": "Slot for actions placed on the right part of the container",
              "name": "actions"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsComNavElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "appName",
              "type": {
                "text": "string"
              },
              "description": "Name of the application to be displayed in the menu bar"
            },
            {
              "kind": "field",
              "name": "mobileMenuOpen",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "field",
              "name": "currentActiveSizing",
              "type": {
                "text": "ComNavSize"
              },
              "privacy": "public"
            },
            {
              "kind": "field",
              "name": "resizeObserver",
              "type": {
                "text": "ResizeObserver"
              },
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "mobileMenuIconClick",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "closeMobileMenu",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "onClickOnFinalAction"
            },
            {
              "kind": "method",
              "name": "render"
            },
            {
              "kind": "method",
              "name": "exitMobileMenuOnKeyDown",
              "parameters": [
                {
                  "name": "evt",
                  "type": {
                    "text": "KeyboardEvent"
                  },
                  "description": "keydown event on window target."
                }
              ],
              "description": "Close the mobile menu if the user press escape."
            }
          ],
          "attributes": [
            {
              "name": "app-name",
              "fieldName": "appName",
              "type": {
                "text": "string"
              }
            }
          ],
          "tagName": "wcs-com-nav",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ComNav",
          "declaration": {
            "name": "ComNav",
            "module": "components/com-nav/com-nav.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-com-nav",
          "declaration": {
            "name": "ComNav",
            "module": "components/com-nav/com-nav.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/com-nav-category/com-nav-category.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The com-nav-category is a subcomponent of `wcs-com-nav`. It represents a category nested inside a `wcs-com-nav-submenu`.",
          "name": "ComNavCategory",
          "cssProperties": [
            {
              "description": "Label font-size",
              "name": "--wcs-com-nav-category-label-font-size"
            },
            {
              "description": "Label font-weight on mobile",
              "name": "--wcs-com-nav-category-label-mobile-font-weight"
            },
            {
              "description": "Label color on mobile",
              "name": "--wcs-com-nav-category-label-mobile-color"
            },
            {
              "description": "Label font-weight on desktop",
              "name": "--wcs-com-nav-category-label-desktop-font-weight"
            },
            {
              "description": "Label color on mobile",
              "name": "--wcs-com-nav-category-label-desktop-color"
            },
            {
              "description": "Color of category item (mobile)",
              "name": "--wcs-com-nav-category-item-mobile-color"
            },
            {
              "description": "Font weight of category item (mobile)",
              "name": "--wcs-com-nav-category-item-mobile-font-weight"
            },
            {
              "description": "Spacing top around items group (mobile)",
              "name": "--wcs-com-nav-category-item-mobile-spacing-top"
            },
            {
              "description": "Spacing left around items group (mobile)",
              "name": "--wcs-com-nav-category-item-mobile-spacing-left"
            },
            {
              "description": "Gap between each category item (mobile)",
              "name": "--wcs-com-nav-category-item-mobile-gap"
            },
            {
              "description": "Gap inside category label, between text and arrow",
              "name": "--wcs-com-nav-category-label-desktop-gap"
            },
            {
              "description": "Focus outline of the label (desktop)",
              "name": "--wcs-com-nav-category-label-desktop-focus-outline-color"
            },
            {
              "description": "Background color of the category menu (desktop)",
              "name": "--wcs-com-nav-category-desktop-menu-background-color"
            },
            {
              "description": "Border left width of the category menu",
              "name": "--wcs-com-nav-category-desktop-menu--border-left-width"
            },
            {
              "description": "Border left color of the category menu",
              "name": "--wcs-com-nav-category-desktop-menu--border-left-color"
            },
            {
              "description": "Indicator color on top of menu",
              "name": "--wcs-com-nav-category-desktop-menu-background-indicator-color"
            },
            {
              "description": "Padding top of menu",
              "name": "--wcs-com-nav-category-desktop-menu-padding-top"
            },
            {
              "description": "Padding bottom of menu",
              "name": "--wcs-com-nav-category-desktop-menu-padding-bottom"
            },
            {
              "description": "Padding left of menu",
              "name": "--wcs-com-nav-category-desktop-menu-padding-left"
            },
            {
              "description": "Padding right of menu",
              "name": "--wcs-com-nav-category-desktop-menu-padding-right"
            },
            {
              "description": "Gap between each item (desktop)",
              "name": "--wcs-com-nav-category-desktop-menu-gap"
            },
            {
              "description": "Color of category item (desktop)",
              "name": "--wcs-com-nav-category-item-desktop-color"
            },
            {
              "description": "Font weight of category item (desktop)",
              "name": "--wcs-com-nav-category-item-desktop-font-weight"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsComNavCategoryElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeButton",
              "type": {
                "text": "HTMLButtonElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string"
              }
            },
            {
              "kind": "field",
              "name": "categoryOpen",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "field",
              "name": "categoryItemsId",
              "privacy": "private",
              "default": "`wcs-com-nav-category-items`"
            },
            {
              "kind": "field",
              "name": "resizeObserver",
              "type": {
                "text": "ResizeObserver"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "currentActiveSizing",
              "type": {
                "text": "ComNavSize"
              },
              "privacy": "private",
              "default": "'desktop'",
              "description": "To re-trigger re-render in order to render a button in case of desktop or a heading in mobile case"
            },
            {
              "kind": "method",
              "name": "onWindowClickEvent",
              "parameters": [
                {
                  "name": "_",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onSubmenuOpened",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "CustomEvent<CategoryOpenedEventDetail>"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleCategoryItemsKeyDown",
              "privacy": "private",
              "parameters": [
                {
                  "name": "_event",
                  "type": {
                    "text": "KeyboardEvent"
                  },
                  "description": "the keyboard event"
                }
              ],
              "description": "Handle key down on category items"
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "close",
              "description": "Close the category"
            },
            {
              "kind": "method",
              "name": "open",
              "description": "Opens the category"
            },
            {
              "kind": "method",
              "name": "onClick",
              "privacy": "private",
              "parameters": [
                {
                  "name": "evt",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ],
              "description": "When the user clicks on the menu, we do not propagate the native event and we launch a custom event to manage\r\nthe closing of the menu correctly"
            },
            {
              "kind": "method",
              "name": "handleItemClick",
              "privacy": "private",
              "parameters": [
                {
                  "name": "evt",
                  "type": {
                    "text": "UIEvent"
                  }
                }
              ],
              "description": "Close the category and fire item click if we detect a mouse click on a slotted `a` element."
            },
            {
              "kind": "method",
              "name": "render",
              "return": {
                "type": {
                  "text": "any"
                }
              }
            }
          ],
          "attributes": [
            {
              "name": "label",
              "fieldName": "label",
              "type": {
                "text": "string"
              }
            }
          ],
          "tagName": "wcs-com-nav-category",
          "events": [
            {
              "name": "wcsCategoryOpened",
              "type": {
                "text": "EventEmitter<CategoryOpenedEventDetail>"
              }
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ComNavCategory",
          "declaration": {
            "name": "ComNavCategory",
            "module": "components/com-nav-category/com-nav-category.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-com-nav-category",
          "declaration": {
            "name": "ComNavCategory",
            "module": "components/com-nav-category/com-nav-category.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/com-nav-item/com-nav-item.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The com-nav-item is a subcomponent of `wcs-com-nav`. It represents a list-item wrapper around a link.",
          "name": "ComNavItem",
          "cssProperties": [
            {
              "description": "Gap between text and arrow",
              "name": "--wcs-com-nav-item-gap"
            },
            {
              "description": "Font-weight of item",
              "name": "--wcs-com-nav-item-font-weight"
            },
            {
              "description": "Arrow size",
              "name": "--wcs-com-nav-item-arrow-icon-font-size"
            },
            {
              "description": "Focus outline color",
              "name": "--wcs-com-nav-item-focus-outline-color"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "onClick"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-com-nav-item",
          "events": [
            {
              "name": "wcsClickOnFinalAction",
              "type": {
                "text": "EventEmitter<void>"
              },
              "description": "Emitted when a user click on a final navigation action.\r\n\r\nUsed by the com-nav component to close the mobile menu overlay when a user click on a final action."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ComNavItem",
          "declaration": {
            "name": "ComNavItem",
            "module": "components/com-nav-item/com-nav-item.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-com-nav-item",
          "declaration": {
            "name": "ComNavItem",
            "module": "components/com-nav-item/com-nav-item.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/com-nav-submenu/com-nav-submenu.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The com-nav-submenu is a subcomponent of `wcs-com-nav`. It represents an expandable menu containing more items or categories.",
          "name": "ComNavSubmenu",
          "cssProperties": [
            {
              "description": "Color of the menu label",
              "name": "--wcs-com-nav-submenu-button-color"
            },
            {
              "description": "Font-weight of the menu label",
              "name": "--wcs-com-nav-submenu-button-font-weight"
            },
            {
              "description": "Focus outline color of the menu label",
              "name": "--wcs-com-nav-submenu-button-focus-outline-color"
            },
            {
              "description": "Gap inside menu label between text and arrow indicator",
              "name": "--wcs-com-nav-submenu-button-gap"
            },
            {
              "description": "Background color of the menu (desktop)",
              "name": "--wcs-com-nav-submenu-desktop-menu-background-color"
            },
            {
              "description": "Text color inside menu (desktop)",
              "name": "--wcs-com-nav-submenu-desktop-menu-text-color"
            },
            {
              "description": "Link font-weight color inside menu (desktop)",
              "name": "--wcs-com-nav-submenu-desktop-menu-link-font-weight"
            },
            {
              "description": "Heading font-weight of the menu (desktop)",
              "name": "--wcs-com-nav-submenu-desktop-menu-heading-font-weight"
            },
            {
              "description": "Description font-weight of the menu (desktop)",
              "name": "--wcs-com-nav-submenu-desktop-menu-description-font-weight"
            },
            {
              "description": "Gap between heading and description in the description section of the menu (desktop)",
              "name": "--wcs-com-nav-submenu-desktop-menu-description-gap"
            },
            {
              "description": "Padding of the menu (desktop)",
              "name": "--wcs-com-nav-submenu-desktop-menu-padding"
            },
            {
              "description": "Padding left around link items group in menu (desktop)",
              "name": "--wcs-com-nav-submenu-desktop-menu-items-padding-left"
            },
            {
              "description": "Padding right around link items group in menu (desktop)",
              "name": "--wcs-com-nav-submenu-desktop-menu-items-padding-right"
            },
            {
              "description": "Text color for each text (mobile)",
              "name": "--wcs-com-nav-submenu-mobile-text-color"
            },
            {
              "description": "Link font-weight for each link (mobile)",
              "name": "--wcs-com-nav-submenu-mobile-link-font-weight"
            },
            {
              "description": "Spacing around top of the submenu (mobile)",
              "name": "--wcs-com-nav-submenu-mobile-spacing-top"
            },
            {
              "description": "Spacing around bottom of the submenu (mobile)",
              "name": "--wcs-com-nav-submenu-mobile-spacing-bottom"
            },
            {
              "description": "Spacing around left of the submenu (mobile)",
              "name": "--wcs-com-nav-submenu-mobile-spacing-left"
            },
            {
              "description": "Gap between each item in submenu (mobile)",
              "name": "--wcs-com-nav-submenu-mobile-gap"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsComNavSubmenuElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeButton",
              "type": {
                "text": "HTMLButtonElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string"
              }
            },
            {
              "kind": "field",
              "name": "panelTitle",
              "type": {
                "text": "string"
              }
            },
            {
              "kind": "field",
              "name": "panelDescription",
              "type": {
                "text": "string"
              }
            },
            {
              "kind": "field",
              "name": "menuOpen",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "field",
              "name": "menuItemsId",
              "privacy": "private",
              "default": "`wcs-com-nav-submenu-items`"
            },
            {
              "kind": "field",
              "name": "resizeObserver",
              "type": {
                "text": "ResizeObserver"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "currentActiveSizing",
              "type": {
                "text": "ComNavSize"
              },
              "privacy": "private",
              "default": "'desktop'",
              "description": "To re-trigger re-render in order to render a button in case of desktop or a heading in mobile case"
            },
            {
              "kind": "method",
              "name": "onWindowClickEvent",
              "parameters": [
                {
                  "name": "_",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ],
              "description": "If the user clicks outside the menu, we close it"
            },
            {
              "kind": "method",
              "name": "onSubmenuOpened",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "CustomEvent<MenuOpenedEventDetail>"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onEscapeKeyDown",
              "parameters": [
                {
                  "name": "_event",
                  "type": {
                    "text": "KeyboardEvent"
                  },
                  "description": "keydown event"
                }
              ],
              "description": "Close the menu when escape is pressed"
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "close",
              "description": "Close the menu"
            },
            {
              "kind": "method",
              "name": "open",
              "description": "Opens the menu"
            },
            {
              "kind": "method",
              "name": "onClick",
              "privacy": "private",
              "parameters": [
                {
                  "name": "evt",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ],
              "description": "When the user clicks on the menu, we do not propagate the native event and we launch a custom event to manage\r\nthe closing of the menu correctly"
            },
            {
              "kind": "method",
              "name": "handleMenuItemsKeyDown",
              "privacy": "private",
              "parameters": [
                {
                  "name": "_event",
                  "type": {
                    "text": "KeyboardEvent"
                  },
                  "description": "the keyboard event"
                }
              ],
              "description": "Handle key down on menu items"
            },
            {
              "kind": "method",
              "name": "handleMenuItemsClick",
              "privacy": "private",
              "parameters": [
                {
                  "name": "evt",
                  "type": {
                    "text": "UIEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "wcsCategoryItemClickedHandler",
              "privacy": "private",
              "parameters": [
                {
                  "name": "_",
                  "type": {
                    "text": "CustomEvent<UIEvent>"
                  }
                }
              ],
              "description": "handle category item click to close the submenu"
            },
            {
              "kind": "method",
              "name": "render",
              "return": {
                "type": {
                  "text": "any"
                }
              }
            }
          ],
          "attributes": [
            {
              "name": "label",
              "fieldName": "label",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "panel-title",
              "fieldName": "panelTitle",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "panel-description",
              "fieldName": "panelDescription",
              "type": {
                "text": "string"
              }
            }
          ],
          "tagName": "wcs-com-nav-submenu",
          "events": [
            {
              "name": "wcsSubmenuOpened",
              "type": {
                "text": "EventEmitter<MenuOpenedEventDetail>"
              }
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ComNavSubmenu",
          "declaration": {
            "name": "ComNavSubmenu",
            "module": "components/com-nav-submenu/com-nav-submenu.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-com-nav-submenu",
          "declaration": {
            "name": "ComNavSubmenu",
            "module": "components/com-nav-submenu/com-nav-submenu.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/counter/counter-interface.ts",
      "declarations": [
        {
          "kind": "variable",
          "name": "WcsCounterSizeValues",
          "type": {
            "text": "['m', 'l']"
          },
          "default": "['m', 'l']"
        },
        {
          "kind": "function",
          "name": "isWcsCounterSize",
          "return": {
            "type": {
              "text": "size is WcsCounterSize"
            }
          },
          "parameters": [
            {
              "name": "size",
              "type": {
                "text": "string"
              }
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "WcsCounterSizeValues",
          "declaration": {
            "name": "WcsCounterSizeValues",
            "module": "components/counter/counter-interface.ts"
          }
        },
        {
          "kind": "js",
          "name": "isWcsCounterSize",
          "declaration": {
            "name": "isWcsCounterSize",
            "module": "components/counter/counter-interface.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/counter/counter.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/counter/counter.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "Counter component, meant to be used for small range of values (e.g : 0 - 5).<br>\r\nFor larger or specific ranges, please use [wcs-input (type number)](.?path=/docs/components-input--documentation)",
          "name": "Counter",
          "cssProperties": [
            {
              "description": "Border radius of the counter",
              "name": "--wcs-counter-border-radius"
            },
            {
              "description": "Default color of the value",
              "name": "--wcs-counter-value-color-default"
            },
            {
              "description": "Color of the text when the counter is disabled",
              "name": "--wcs-counter-value-color-disabled"
            },
            {
              "description": "Font weight of the value",
              "name": "--wcs-counter-font-weight"
            },
            {
              "description": "Height medium of the counter",
              "name": "--wcs-counter-height-m"
            },
            {
              "description": "Height large of the counter",
              "name": "--wcs-counter-height-l"
            },
            {
              "description": "Font size medium of the counter",
              "name": "--wcs-counter-font-size-m"
            },
            {
              "description": "Font size large of the counter",
              "name": "--wcs-counter-font-size-l"
            },
            {
              "description": "Padding medium of the counter",
              "name": "--wcs-counter-padding-m"
            },
            {
              "description": "Padding large of the counter",
              "name": "--wcs-counter-padding-l"
            },
            {
              "description": "Background color of the counter",
              "name": "--wcs-counter-background-color"
            },
            {
              "description": "Gap between the buttons and the label",
              "name": "--wcs-counter-gap"
            },
            {
              "description": "Gap between the buttons and the label when the size is M",
              "name": "--wcs-counter-gap-size-m"
            },
            {
              "description": "Gap between the buttons and the label when the size is L",
              "name": "--wcs-counter-gap-size-l"
            },
            {
              "description": "Color of the focus outline",
              "name": "--wcs-counter-outline-color-focus"
            },
            {
              "description": "Duration of the animation",
              "name": "--wcs-counter-transition-duration"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "spinButton",
              "type": {
                "text": "HTMLSpanElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "counterContainer",
              "type": {
                "text": "HTMLDivElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "ANIMATION_DURATION",
              "type": {
                "text": "number"
              },
              "privacy": "private",
              "default": "150",
              "description": "Default animation duration, in milliseconds"
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "WcsCounterSize"
              },
              "default": "'m'",
              "description": "Specify the size (height) of the counter."
            },
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string"
              },
              "description": "The label of the counter.<br/>\r\ne.g. Number of passengers, train carriages, railroad tracks..."
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specify whether the counter is disabled or not."
            },
            {
              "kind": "field",
              "name": "min",
              "type": {
                "text": "number | undefined"
              },
              "description": "The minimum value of the counter.\r\nIf the value of the min attribute isn't set, then the element has no minimum value."
            },
            {
              "kind": "field",
              "name": "max",
              "type": {
                "text": "number | undefined"
              },
              "description": "The maximum value of the counter.\r\nIf the value of the max attribute isn't set, then the element has no maximum value."
            },
            {
              "kind": "field",
              "name": "step",
              "type": {
                "text": "number"
              },
              "default": "1",
              "description": "Defines by how much the counter will be incremented or decremented."
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "number"
              },
              "description": "The current value of the counter."
            },
            {
              "kind": "field",
              "name": "displayedValue",
              "type": {
                "text": "number"
              },
              "privacy": "private",
              "description": "Only for animation and display purpose"
            },
            {
              "kind": "field",
              "name": "animateRunning",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "valueChange",
              "parameters": [
                {
                  "name": "newVal",
                  "type": {
                    "text": "any"
                  }
                },
                {
                  "name": "oldVal",
                  "type": {
                    "text": "any"
                  }
                }
              ],
              "description": "Current value change => handle event and interval"
            },
            {
              "kind": "method",
              "name": "handleValueChange",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "updateDisplayValueIfNoAnimationRunning",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "ensureValueIsNotOutOfMinMax",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "setMinimumIfValueIsUndefinedOrNull",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "onKeyDown",
              "parameters": [
                {
                  "name": "_event",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "notifyChange",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "handleDecrement",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "handleIncrement",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "animate",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "WcsCounterSize"
              }
            },
            {
              "name": "label",
              "fieldName": "label",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "disabled",
              "fieldName": "disabled"
            },
            {
              "name": "min",
              "fieldName": "min",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "max",
              "fieldName": "max",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "step",
              "fieldName": "step",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "value",
              "fieldName": "value",
              "type": {
                "text": "number"
              }
            }
          ],
          "tagName": "wcs-counter",
          "events": [
            {
              "name": "wcsChange",
              "type": {
                "text": "EventEmitter<CounterChangeEventDetail>"
              },
              "description": "Emitted when the value of the counter has changed."
            },
            {
              "name": "wcsBlur",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the counter loses focus."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Counter",
          "declaration": {
            "name": "Counter",
            "module": "components/counter/counter.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-counter",
          "declaration": {
            "name": "Counter",
            "module": "components/counter/counter.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/divider/divider.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The divider is a separator between two elements, consisting of a horizontal line.",
          "name": "Divider",
          "cssProperties": [
            {
              "description": "Color of the divider",
              "name": "--wcs-divider-color"
            },
            {
              "description": "Height (border-width) of the divider",
              "name": "--wcs-divider-height"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-divider",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Divider",
          "declaration": {
            "name": "Divider",
            "module": "components/divider/divider.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-divider",
          "declaration": {
            "name": "Divider",
            "module": "components/divider/divider.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/dropdown/dropdown-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/dropdown/dropdown-keyboard-event.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "getActionForKeyboardEvent",
          "return": {
            "type": {
              "text": "KeyboardEventAssociatedAction[]"
            }
          },
          "parameters": [
            {
              "name": "event",
              "type": {
                "text": "KeyboardEvent"
              }
            },
            {
              "name": "currentState",
              "type": {
                "text": "'closed' | 'opened'"
              }
            },
            {
              "name": "type"
            }
          ],
          "description": "We follow this pattern https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/examples/menu-button-actions/"
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "getActionForKeyboardEvent",
          "declaration": {
            "name": "getActionForKeyboardEvent",
            "module": "components/dropdown/dropdown-keyboard-event.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/dropdown/dropdown.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/dropdown/dropdown.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The dropdown component use a wcs-button under the hood, so you can use the same css classes as the button to style the\r\ndropdown.",
          "name": "Dropdown",
          "cssProperties": [
            {
              "description": "Outline color of dropdown when focus it",
              "name": "--wcs-dropdown-outline-color-focus"
            },
            {
              "description": "Color of the arrow indicator when the dropdown is plain",
              "name": "--wcs-dropdown-plain-arrow-color"
            },
            {
              "description": "Color of the arrow indicator when the dropdown is stroked",
              "name": "--wcs-dropdown-stroked-arrow-color"
            },
            {
              "description": "Color of the arrow indicator when the dropdown is not filled",
              "name": "--wcs-dropdown-clear-arrow-color"
            },
            {
              "description": "Base color of the arrow indicator when the dropdown is disabled",
              "name": "--wcs-dropdown-arrow-color-disabled"
            },
            {
              "description": "Padding of and empty dropdown",
              "name": "--wcs-dropdown-padding-empty"
            },
            {
              "description": "Defines the vertical padding inside the dropdown overlay",
              "name": "--wcs-dropdown-overlay-padding"
            },
            {
              "description": "Specifies the maximum height of the dropdown overlay",
              "name": "--wcs-dropdown-overlay-max-height"
            },
            {
              "description": "Determines the background color of the dropdown overlay",
              "name": "--wcs-dropdown-overlay-background-color"
            },
            {
              "description": "Sets the border width of the dropdown overlay",
              "name": "--wcs-dropdown-overlay-border-width"
            },
            {
              "description": "Defines the border radius of the dropdown overlay",
              "name": "--wcs-dropdown-overlay-border-radius"
            },
            {
              "description": "Specifies the border color of the dropdown overlay",
              "name": "--wcs-dropdown-overlay-border-color"
            }
          ],
          "slots": [
            {
              "description": "The slot containing the placeholder displayed in button",
              "name": "placeholder"
            },
            {
              "description": "The slot container the list of `wcs-dropdown-item` elements",
              "name": "item"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsDropdownElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "nativeButton",
              "type": {
                "text": "HTMLButtonElement"
              },
              "privacy": "private",
              "description": "This button is visually hidden. It used to carry all aria attributes and acts as the controller of the menu.\r\nThe wcs-button could not handle the aria-controls and aria-activedescendant attributes because of the IDREF\r\nnot passing from a shadow-dom through another."
            },
            {
              "kind": "field",
              "name": "wcsButton",
              "type": {
                "text": "HTMLWcsButtonElement"
              },
              "privacy": "private",
              "description": "This button is shown on the user interface, and visually receives focus and catch click events.  \r\nIt is hidden to screen readers since the native button carries all the aria informations."
            },
            {
              "kind": "field",
              "name": "popoverDiv",
              "type": {
                "text": "HTMLDivElement"
              },
              "privacy": "private",
              "description": "This div is shown on the user interface when the dropdown is expanded."
            },
            {
              "kind": "field",
              "name": "noArrow",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Hides the arrow in the button"
            },
            {
              "kind": "field",
              "name": "mode",
              "type": {
                "text": "WcsButtonMode"
              },
              "default": "'stroked'",
              "description": "Dropdown's button mode"
            },
            {
              "kind": "field",
              "name": "shape",
              "type": {
                "text": "WcsButtonShape"
              },
              "default": "'normal'",
              "description": "Dropdown's button shape"
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "WcsButtonSize"
              },
              "default": "'m'",
              "description": "Dropdown's button size"
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specifies whether the dropdown button is clickable or not"
            },
            {
              "kind": "field",
              "name": "placement",
              "type": {
                "text": "WcsDropdownPlacement"
              },
              "default": "'bottom-end'",
              "description": "placement of the dropdown's popover"
            },
            {
              "kind": "field",
              "name": "expanded",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "field",
              "name": "popper",
              "type": {
                "text": "Instance"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "lastFocusedItemElement",
              "type": {
                "text": "HTMLWcsDropdownItemElement | null"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "items",
              "type": {
                "text": "HTMLWcsDropdownItemElement[]"
              },
              "privacy": "private",
              "readonly": true
            },
            {
              "kind": "method",
              "name": "placementChange",
              "privacy": "protected"
            },
            {
              "kind": "method",
              "name": "onBlur"
            },
            {
              "kind": "method",
              "name": "fixForFirefoxBelow63",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "onButtonClick",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "_",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onWindowClickEvent",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "dropdownItemClick",
              "parameters": [
                {
                  "name": "_",
                  "type": {
                    "text": "CustomEvent<void>"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onKeyDown",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "_event",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "doActionFromKeyboardEventAssociatedAction",
              "parameters": [
                {
                  "name": "actionFromKeyboardEvent",
                  "type": {
                    "text": "KeyboardEventAssociatedAction"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "clearLastFocusedItem",
              "privacy": "private",
              "description": "Removes the focus and tabindex 0 of the last focused item if any."
            },
            {
              "kind": "method",
              "name": "focusItem",
              "privacy": "private",
              "parameters": [
                {
                  "name": "indexToFocus",
                  "type": {
                    "text": "number"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "focusClosestItem",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "direction",
                  "type": {
                    "text": "'next' | 'previous'"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "getClosestActiveItemIndexForDirection",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "number"
                }
              },
              "parameters": [
                {
                  "name": "direction",
                  "type": {
                    "text": "'next' | 'previous'"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "no-arrow",
              "fieldName": "noArrow",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "mode",
              "fieldName": "mode",
              "type": {
                "text": "WcsButtonMode"
              }
            },
            {
              "name": "shape",
              "fieldName": "shape",
              "type": {
                "text": "WcsButtonShape"
              }
            },
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "WcsButtonSize"
              }
            },
            {
              "name": "disabled",
              "fieldName": "disabled",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "placement",
              "fieldName": "placement",
              "type": {
                "text": "WcsDropdownPlacement"
              }
            }
          ],
          "tagName": "wcs-dropdown",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Dropdown",
          "declaration": {
            "name": "Dropdown",
            "module": "components/dropdown/dropdown.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-dropdown",
          "declaration": {
            "name": "Dropdown",
            "module": "components/dropdown/dropdown.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/dropdown-divider/dropdown-divider.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "You can add a divider between groups of items",
          "name": "DropdownDivider",
          "cssProperties": [
            {
              "description": "Margin of the divider",
              "name": "--wcs-dropdown-divider-margin"
            },
            {
              "description": "Color of the divider",
              "name": "--wcs-dropdown-divider-color"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-dropdown-divider",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "DropdownDivider",
          "declaration": {
            "name": "DropdownDivider",
            "module": "components/dropdown-divider/dropdown-divider.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-dropdown-divider",
          "declaration": {
            "name": "DropdownDivider",
            "module": "components/dropdown-divider/dropdown-divider.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/dropdown-header/dropdown-header.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "You can add `wcs-dropdown-header` before a group of items to describe it",
          "name": "DropdownHeader",
          "cssProperties": [
            {
              "description": "Text color of the header",
              "name": "--wcs-dropdown-header-color"
            },
            {
              "description": "Vertical padding of the header",
              "name": "--wcs-dropdown-header-padding-vertical"
            },
            {
              "description": "Horizontal padding of the header",
              "name": "--wcs-dropdown-header-padding-horizontal"
            },
            {
              "description": "Font size of the header",
              "name": "--wcs-dropdown-header-font-size"
            },
            {
              "description": "Font weight of the header",
              "name": "--wcs-dropdown-header-font-weight"
            }
          ],
          "slots": [
            {
              "description": "the slot that contains the header's name",
              "name": "<no-name>"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-dropdown-header",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "DropdownHeader",
          "declaration": {
            "name": "DropdownHeader",
            "module": "components/dropdown-header/dropdown-header.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-dropdown-header",
          "declaration": {
            "name": "DropdownHeader",
            "module": "components/dropdown-header/dropdown-header.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/dropdown-item/dropdown-item.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "You must add `wcs-dropdown-item` to `wcs-dropdown`",
          "name": "DropdownItem",
          "cssProperties": [
            {
              "description": "Height of the dropdown item",
              "name": "--wcs-dropdown-item-height"
            },
            {
              "description": "Padding horizontal",
              "name": "--wcs-dropdown-item-padding-horizontal"
            },
            {
              "description": "Padding vertical",
              "name": "--wcs-dropdown-item-padding-vertical"
            },
            {
              "description": "Font weight of the dropdown item",
              "name": "--wcs-dropdown-item-text-font-weight"
            },
            {
              "description": "Default text color of the dropdown item",
              "name": "--wcs-dropdown-item-text-color-default"
            },
            {
              "description": "Text color of the dropdown item when hovered",
              "name": "--wcs-dropdown-item-text-color-hover"
            },
            {
              "description": "Text color of the dropdown item when pressed",
              "name": "--wcs-dropdown-item-text-color-press"
            },
            {
              "description": "Default background color of the dropdown item",
              "name": "--wcs-dropdown-item-background-color-default"
            },
            {
              "description": "Background color of the dropdown item when hovered",
              "name": "--wcs-dropdown-item-background-color-hover"
            },
            {
              "description": "Background color of the dropdown item when pressed",
              "name": "--wcs-dropdown-item-background-color-press"
            },
            {
              "description": "Border width of the dropdown item when focused",
              "name": "--wcs-dropdown-item-border-width-focus"
            },
            {
              "description": "Border color of the dropdown item when focused",
              "name": "--wcs-dropdown-item-border-color-focus"
            },
            {
              "description": "Border radius of the dropdown item",
              "name": "--wcs-dropdown-item-border-radius"
            },
            {
              "description": "Transition duration of the dropdown item",
              "name": "--wcs-dropdown-item-transition-duration"
            }
          ],
          "slots": [
            {
              "description": "the slot that contains the item's name",
              "name": "<no-name>"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "onMouseUp",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "_",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onKeyDown",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "evt",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-dropdown-item",
          "events": [
            {
              "name": "wcsDropdownItemClick",
              "type": {
                "text": "EventEmitter<void>"
              },
              "description": "Event emitted when the dropdown item is clicked"
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "DropdownItem",
          "declaration": {
            "name": "DropdownItem",
            "module": "components/dropdown-item/dropdown-item.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-dropdown-item",
          "declaration": {
            "name": "DropdownItem",
            "module": "components/dropdown-item/dropdown-item.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/editable-field/editable-field-interface.tsx",
      "declarations": [
        {
          "kind": "variable",
          "name": "WcsEditableFieldSizeValues",
          "type": {
            "text": "['m', 'l']"
          },
          "default": "['m', 'l']"
        },
        {
          "kind": "function",
          "name": "isWcsEditableFieldSize",
          "return": {
            "type": {
              "text": "size is WcsEditableFieldSize"
            }
          },
          "parameters": [
            {
              "name": "size",
              "type": {
                "text": "string"
              }
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "WcsEditableFieldSizeValues",
          "declaration": {
            "name": "WcsEditableFieldSizeValues",
            "module": "components/editable-field/editable-field-interface.tsx"
          }
        },
        {
          "kind": "js",
          "name": "isWcsEditableFieldSize",
          "declaration": {
            "name": "isWcsEditableFieldSize",
            "module": "components/editable-field/editable-field-interface.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/editable-field/editable-field.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/editable-field/editable-field.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The editable-field component can be used to simplify the user experience, avoiding the use of a redirection to a form\r\nto edit the data of an entity. You can use it with these wrapped components : `wcs-input`, `wcs-textarea`, `wcs-select`. \r\n\r\nThis component is not present in the SNCF design system specifications, so we tried to build it in the most\r\n\"discoverable\" way possible (for users who interact with), but it's a first version.\r\n\r\n**How to use ❓**  \r\nThis component is mostly used with a server that returns a response to the input sent through the `wcsChange` event.\r\nIt has 3 internal states :\r\n- DISPLAY = the default state of the editable-field\r\n- EDIT = the editable-field is editable, the user should input the data\r\n- LOADING = the data is submitted and the editable-field is waiting for a **response**\r\n\r\nA **response** is needed to get the component out of the LOADING state. You can either :\r\n- Set the `value` property to a different value to tell the component to refresh and go back into DISPLAY state\r\n- Use the `successHandler` callback through the `wcsChange` event (see interface [EditableComponentUpdateEvent](https://gitlab.com/SNCF/wcs/-/blob/develop/src/components/editable-field/editable-field-interface.tsx))\r\n- Use the `errorHandler` callback through the `wcsChange` event (see interface [EditableComponentUpdateEvent](https://gitlab.com/SNCF/wcs/-/blob/develop/src/components/editable-field/editable-field-interface.tsx))\r\n\r\n**Accessibility guidelines 💡**  \r\n\r\n> - Aria attributes are put on the native component on the first rendering with the `label` and `errorMsg` you provided \r\n> - Additional aria attributes put on `<wcs-editable-field>` won't inherit onto the native component : you must use the `setAriaAttribute` method.",
          "name": "EditableField",
          "cssProperties": [
            {
              "description": "Color of the label text",
              "name": "--wcs-editable-field-label-color"
            },
            {
              "description": "Font weight of the label text",
              "name": "--wcs-editable-field-label-font-weight"
            },
            {
              "description": "Gap between the label and the field",
              "name": "--wcs-editable-field-label-gap"
            },
            {
              "description": "Font size of the label text",
              "name": "--wcs-editable-field-label-font-size"
            },
            {
              "description": "Background color of the editable field",
              "name": "--wcs-editable-field-background-color"
            },
            {
              "description": "Font weight of the field value text",
              "name": "--wcs-editable-field-value-font-weight"
            },
            {
              "description": "Default color of the field value text",
              "name": "--wcs-editable-field-value-color-default"
            },
            {
              "description": "Color of the field value text on hover",
              "name": "--wcs-editable-field-value-color-hover"
            },
            {
              "description": "Color of the field value text when readonly",
              "name": "--wcs-editable-field-value-color-readonly"
            },
            {
              "description": "Height of the editable field in medium size",
              "name": "--wcs-editable-field-height-m"
            },
            {
              "description": "Height of the editable field in large size",
              "name": "--wcs-editable-field-height-l"
            },
            {
              "description": "Font size of the field value text in medium size",
              "name": "--wcs-editable-field-font-size-m"
            },
            {
              "description": "Font size of the field value text in large size",
              "name": "--wcs-editable-field-font-size-l"
            },
            {
              "description": "Border radius of the editable field",
              "name": "--wcs-editable-field-border-radius"
            },
            {
              "description": "Border width of the editable field",
              "name": "--wcs-editable-field-border-width"
            },
            {
              "description": "Border width of the editable field when focused",
              "name": "--wcs-editable-field-border-width-focus"
            },
            {
              "description": "Border width of the editable field on hover",
              "name": "--wcs-editable-field-border-width-hover"
            },
            {
              "description": "Default border color of the editable field",
              "name": "--wcs-editable-field-border-color-default"
            },
            {
              "description": "Border color of the editable field on hover",
              "name": "--wcs-editable-field-border-color-hover"
            },
            {
              "description": "Border color of the editable field on focus",
              "name": "--wcs-editable-field-border-color-focus"
            },
            {
              "description": "Border style of the editable field",
              "name": "--wcs-editable-field-border-style"
            },
            {
              "description": "Vertical padding of the editable field in medium size",
              "name": "--wcs-editable-field-padding-vertical-m"
            },
            {
              "description": "Vertical padding of the editable field in large size",
              "name": "--wcs-editable-field-padding-vertical-l"
            },
            {
              "description": "Horizontal padding of the editable field in medium size",
              "name": "--wcs-editable-field-padding-horizontal-m"
            },
            {
              "description": "Horizontal padding of the editable field in large size",
              "name": "--wcs-editable-field-padding-horizontal-l"
            },
            {
              "description": "Color of the icon when the field is readonly",
              "name": "--wcs-editable-field-icon-color-readonly"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsEditableFieldElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "spiedElement",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private",
              "default": "null"
            },
            {
              "kind": "field",
              "name": "editModeBtn",
              "type": {
                "text": "HTMLButtonElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "onInputKeydownCallback",
              "type": {
                "text": "(event: KeyboardEvent) => void"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "onWcsInputOrChangeCallback",
              "type": {
                "text": "(event: CustomEvent) => void"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "currentState",
              "type": {
                "text": "EditableComponentState"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "type",
              "type": {
                "text": "EditableFieldType"
              },
              "default": "'input'",
              "description": "Specifies which component is used for editing"
            },
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string"
              },
              "description": "Label of the field.  \r\nWill also be part of the edit button `aria-label`."
            },
            {
              "kind": "field",
              "name": "readonly",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specify whether the field is editable or not"
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "any"
              },
              "description": "Initial value of the field"
            },
            {
              "kind": "field",
              "name": "validateFn",
              "type": {
                "text": "ValidateFn<any>"
              },
              "description": "Function to customize the validation of the data during the update"
            },
            {
              "kind": "field",
              "name": "formatFn",
              "type": {
                "text": "FormatFn<any>"
              },
              "description": "Function used to format the value"
            },
            {
              "kind": "field",
              "name": "errorMsg",
              "type": {
                "text": "string"
              },
              "default": "null",
              "description": "Error message displayed under the field if validation failed."
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "WcsEditableFieldSize"
              },
              "default": "'m'",
              "description": "Specify the size (height) of the editable field."
            },
            {
              "kind": "field",
              "name": "isError",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "field",
              "name": "currentValue",
              "type": {
                "text": "any"
              },
              "privacy": "private",
              "default": "null"
            },
            {
              "kind": "method",
              "name": "keyboardSubmitHandler",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onWcsInputOrChange",
              "privacy": "private",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "CustomEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "cleanUpSpiedElementEventListeners",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "initWithInput",
              "privacy": "private",
              "parameters": [
                {
                  "name": "assignedElements",
                  "type": {
                    "text": "Element[]"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "initWithTextArea",
              "privacy": "private",
              "parameters": [
                {
                  "name": "assignedElements",
                  "type": {
                    "text": "Element[]"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "initWithSelect",
              "privacy": "private",
              "parameters": [
                {
                  "name": "assignedElements",
                  "type": {
                    "text": "Element[]"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "addWcsChangeEventHandler",
              "privacy": "private",
              "parameters": [
                {
                  "name": "elt",
                  "type": {
                    "text": "HTMLElement"
                  },
                  "description": "the element to subscribe to"
                }
              ],
              "description": "This method subscribes the component to the change events produced by the other WCS components\r\n(provided by the user in slot)"
            },
            {
              "kind": "method",
              "name": "addWcsInputEventHandler",
              "privacy": "private",
              "parameters": [
                {
                  "name": "elt",
                  "type": {
                    "text": "HTMLElement"
                  },
                  "description": "the element to subscribe to"
                }
              ],
              "description": "This method subscribes the component to the input events produced by the other WCS components"
            },
            {
              "kind": "method",
              "name": "addKeyDownHandler",
              "privacy": "private",
              "parameters": [
                {
                  "name": "elt",
                  "type": {
                    "text": "HTMLElement"
                  },
                  "description": "the element to subscribe to"
                }
              ],
              "description": "This method subscribes the component to the keydown events produced by the other WCS components"
            },
            {
              "kind": "method",
              "name": "focusEditModeBtn",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "sendCurrentValue",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "discardChanges",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "forceDisplayStateAndValidate"
            },
            {
              "kind": "method",
              "name": "onWindowClickEvent",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "MouseEvent | KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "errorHandler",
              "description": "discard changes and force component state to DISPLAY\r\n<br/>\r\nThis method must be call when component is in LOAD state"
            },
            {
              "kind": "method",
              "name": "onValueChange",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "onDisplayContainerClick",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "getReadonlySvgIcon",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "formatValues",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "render",
              "return": {
                "type": {
                  "text": "any"
                }
              }
            }
          ],
          "attributes": [
            {
              "name": "type",
              "fieldName": "type",
              "type": {
                "text": "EditableFieldType"
              }
            },
            {
              "name": "label",
              "fieldName": "label",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "readonly",
              "fieldName": "readonly",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "value",
              "fieldName": "value",
              "type": {
                "text": "any"
              }
            },
            {
              "name": "validate-fn",
              "fieldName": "validateFn",
              "type": {
                "text": "ValidateFn<any>"
              }
            },
            {
              "name": "format-fn",
              "fieldName": "formatFn",
              "type": {
                "text": "FormatFn<any>"
              }
            },
            {
              "name": "error-msg",
              "fieldName": "errorMsg",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "WcsEditableFieldSize"
              }
            }
          ],
          "tagName": "wcs-editable-field",
          "events": [
            {
              "name": "wcsChange",
              "type": {
                "text": "EventEmitter<EditableComponentUpdateEvent>"
              },
              "description": "Event called at each (valid) update of the field."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "EditableField",
          "declaration": {
            "name": "EditableField",
            "module": "components/editable-field/editable-field.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-editable-field",
          "declaration": {
            "name": "EditableField",
            "module": "components/editable-field/editable-field.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/error/error.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The `wcs-error` should always be wrapped in a `wcs-form-field`.\r\nIt is used to display a red message under the field indicating an incorrect user input.\r\n\r\n## Accessibility guidelines 💡\r\n- Provide a relevant error message to inform the users what they should change to make the field valid\r\n- Always add the error icon, to ensure the visual indication of the error state other than the color\r\n- `aria-description` will be automatically added to the field for screen readers\r\n- `aria-invalid=\"true\"` will be automatically added to the field for screen readers",
          "name": "Label",
          "cssProperties": [
            {
              "description": "Color of the text",
              "name": "--wcs-error-color"
            },
            {
              "description": "Font size",
              "name": "--wcs-error-font-size"
            },
            {
              "description": "Font weight",
              "name": "--wcs-error-font-weight"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-error",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Label",
          "declaration": {
            "name": "Label",
            "module": "components/error/error.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-error",
          "declaration": {
            "name": "Label",
            "module": "components/error/error.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/field/field.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "This field component can be used to display the details of an entity. It is built around the label and the content of the field.",
          "name": "Field",
          "cssProperties": [
            {
              "description": "The color of the label",
              "name": "--wcs-field-label-color"
            },
            {
              "description": "The font weight of the label",
              "name": "--wcs-field-label-font-weight"
            },
            {
              "description": "The font size of the label",
              "name": "--wcs-field-label-font-size"
            },
            {
              "description": "The line height of the label",
              "name": "--wcs-field-label-line-height"
            },
            {
              "description": "The color of the content",
              "name": "--wcs-field-content-color"
            },
            {
              "description": "The font weight of the content",
              "name": "--wcs-field-content-font-weight"
            },
            {
              "description": "The font size of the content",
              "name": "--wcs-field-content-font-size"
            },
            {
              "description": "The margin top of the field",
              "name": "--wcs-field-margin-top"
            },
            {
              "description": "The margin bottom of the field",
              "name": "--wcs-field-margin-bottom"
            },
            {
              "description": "The gap between the label and the content",
              "name": "--wcs-field-gap"
            }
          ],
          "slots": [
            {
              "description": "Label of the field",
              "name": "label"
            },
            {
              "description": "Content of the field",
              "name": "content"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-field",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Field",
          "declaration": {
            "name": "Field",
            "module": "components/field/field.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-field",
          "declaration": {
            "name": "Field",
            "module": "components/field/field.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/field-content/field-content.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The field-content is a subcomponent of `wcs-field`. It represents the text content of the field.",
          "name": "FieldContent",
          "cssProperties": [
            {
              "description": "Color of the content",
              "name": "--wcs-field-content-color"
            },
            {
              "description": "Font weight of the content",
              "name": "--wcs-field-content-font-weight"
            },
            {
              "description": "Font size of the content",
              "name": "--wcs-field-content-font-size"
            },
            {
              "description": "Line height of the content",
              "name": "--wcs-field-content-line-height"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-field-content",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "FieldContent",
          "declaration": {
            "name": "FieldContent",
            "module": "components/field-content/field-content.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-field-content",
          "declaration": {
            "name": "FieldContent",
            "module": "components/field-content/field-content.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/field-label/field-label.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The field-label is a subcomponent of `wcs-field`. It represents the label or title of the field.",
          "name": "FieldLabel",
          "cssProperties": [
            {
              "description": "Color of the label",
              "name": "--wcs-field-label-color"
            },
            {
              "description": "Font weight of the label",
              "name": "--wcs-field-label-font-weight"
            },
            {
              "description": "Font size of the label",
              "name": "--wcs-field-label-font-size"
            },
            {
              "description": "Line height of the label",
              "name": "--wcs-field-label-line-height"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-field-label",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "FieldLabel",
          "declaration": {
            "name": "FieldLabel",
            "module": "components/field-label/field-label.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-field-label",
          "declaration": {
            "name": "FieldLabel",
            "module": "components/field-label/field-label.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/footer/footer.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The footer component has been designed to leave as much customization as possible to the developer. The footers are often specific to the application developed.",
          "name": "Footer",
          "cssProperties": [
            {
              "description": "Background color of the footer",
              "name": "--wcs-footer-background-color"
            },
            {
              "description": "Text color of the footer",
              "name": "--wcs-footer-text-color"
            },
            {
              "description": "Text color of the links in the footer",
              "name": "--wcs-footer-link-text-color"
            },
            {
              "description": "Text color of the links in the footer when hovered",
              "name": "--wcs-footer-link-text-color-hover"
            },
            {
              "description": "Font size of the links in the footer",
              "name": "--wcs-footer-link-font-size"
            },
            {
              "description": "Font weight of the links in the footer",
              "name": "--wcs-footer-link-font-weight"
            },
            {
              "description": "Gap between the links in the footer",
              "name": "--wcs-footer-link-gap"
            },
            {
              "description": "Vertical gap between the content and the two end slots",
              "name": "--wcs-footer-gap"
            },
            {
              "description": "Horizontal gap between the right and left end slots",
              "name": "--wcs-footer-end-gap"
            },
            {
              "description": "Max width of the footer for responsive purposes",
              "name": "--wcs-footer-max-width"
            },
            {
              "description": "Padding all around the content of the footer",
              "name": "--wcs-footer-padding"
            }
          ],
          "slots": [
            {
              "description": "Main container slot",
              "name": "<no-name>"
            },
            {
              "description": "Bottom-left part of the footer",
              "name": "end-left"
            },
            {
              "description": "Bottom-right part of the footer",
              "name": "end-right"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render",
              "return": {
                "type": {
                  "text": "any"
                }
              }
            }
          ],
          "tagName": "wcs-footer",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Footer",
          "declaration": {
            "name": "Footer",
            "module": "components/footer/footer.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-footer",
          "declaration": {
            "name": "Footer",
            "module": "components/footer/footer.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/form-field/form-field.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/form-field/form-field.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "Form field component wraps the native input element and add some more functionality on top of it.\r\n\r\nYou can use the `wcs-form-field` to wrap any of these components :\r\n- `wcs-input`\r\n- `wcs-textarea`\r\n- `wcs-radio-group`\r\n- `wcs-switch`\r\n- `wcs-checkbox`\r\n- `wcs-native-select`\r\n- `wcs-select`\r\n- `wcs-counter`\r\n\r\nFor non-supported slotted component, you can use the `required` attribute on the wrapped component to tell the\r\nform-field that it is required. It will add a red star after the label of the form field.\r\n\r\n## Accessibility guidelines 💡\r\n- Each form control should be identified with a unique `wcs-label`\r\n- Don't forget to add form validation to make sure the data is correctly formatted\r\n- If the `wcs-label` is required, the form control must have the `required` HTML attribute and vice-versa (this is normally automatically set)\r\n- The form should not be submittable if at least one required form control is not filled\r\n- Hints are optional and should only be used to add extra information\r\n- Additional aria attributes put on `<wcs-form-field>` won't inherit onto the native component : you must use the `setAriaAttribute` method.",
          "name": "FormField",
          "cssProperties": [
            {
              "description": "Defines the spacing between the label, input control, and hint messages.",
              "name": "--wcs-form-field-gap"
            },
            {
              "description": "Sets the border radius for both prefix and suffix elements.",
              "name": "--wcs-form-field-prefix-suffix-border-radius"
            },
            {
              "description": "Background color default for prefix elements",
              "name": "--wcs-form-field-prefix-background-color-default"
            },
            {
              "description": "Background color for prefix elements when disabled",
              "name": "--wcs-form-field-prefix-background-color-disabled"
            },
            {
              "description": "Background color for prefix elements when hovered",
              "name": "--wcs-form-field-prefix-background-color-hover"
            },
            {
              "description": "Defines the default border color for prefix",
              "name": "--wcs-form-field-prefix-border-color-default"
            },
            {
              "description": "Sets the border color for prefix elements when focused.",
              "name": "--wcs-form-field-prefix-border-color-focus"
            },
            {
              "description": "Determines the border color for prefix elements when disabled.",
              "name": "--wcs-form-field-prefix-border-color-disabled"
            },
            {
              "description": "Specifies the color of icons within prefix elements.",
              "name": "--wcs-form-field-prefix-icon-color"
            },
            {
              "description": "Sets the color of values within prefix elements.",
              "name": "--wcs-form-field-prefix-value-color"
            },
            {
              "description": "Defines the placeholder text color within prefix elements.",
              "name": "--wcs-form-field-prefix-placeholder-color"
            },
            {
              "description": "Determines the text color for prefix elements when disabled.",
              "name": "--wcs-form-field-prefix-color-disabled"
            }
          ],
          "slots": [
            {
              "description": "Automatically filled when a `wcs-label` is provided",
              "name": "label"
            },
            {
              "description": "The main slot containing the wrapped component",
              "name": "<no-name>"
            },
            {
              "description": "(Optional) Display a component as prefix. See \"Prefix Suffix Group\" story for more info.",
              "name": "prefix"
            },
            {
              "description": "(Optional) Display a component as suffix. See \"Prefix Suffix Group\" story for more info.",
              "name": "suffix"
            },
            {
              "description": "Automatically filled when a `wcs-error` is provided",
              "name": "error"
            },
            {
              "description": "Automatically filled when a `wcs-hint` is provided",
              "name": "messages"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsFormFieldElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "isError",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specifies whether the form field is in an error state. Displays the field border in red and the message contained in the wcs-error component"
            },
            {
              "kind": "field",
              "name": "hasPrefix",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "field",
              "name": "hasSuffix",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "field",
              "name": "spiedElement",
              "type": {
                "text": "Element"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "observer",
              "type": {
                "text": "MutationObserver"
              },
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "isErrorChange",
              "privacy": "private",
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "boolean"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "updateErrorStateOnInput",
              "privacy": "private",
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "boolean"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "spiedElementIsOfType",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "boolean"
                }
              },
              "parameters": [
                {
                  "name": "types",
                  "type": {
                    "text": "string[]"
                  }
                }
              ],
              "description": "This function return true if the form field contains an element with tagName matches a value of the types param"
            },
            {
              "kind": "method",
              "name": "addRequiredMarkerToLabel",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "initSpiedElement",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "updateAriaAttributes",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "Promise<void>"
                }
              }
            },
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string | null"
              },
              "privacy": "private",
              "readonly": true
            },
            {
              "kind": "field",
              "name": "description",
              "type": {
                "text": "string | null"
              },
              "privacy": "private",
              "readonly": true
            },
            {
              "kind": "field",
              "name": "error",
              "type": {
                "text": "string | null"
              },
              "privacy": "private",
              "readonly": true
            },
            {
              "kind": "method",
              "name": "updateLabelRequiredFlag",
              "privacy": "private",
              "parameters": [
                {
                  "name": "isRequired",
                  "type": {
                    "text": "boolean"
                  }
                },
                {
                  "name": "label",
                  "type": {
                    "text": "Element"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render"
            },
            {
              "kind": "method",
              "name": "onFormInputSlotChange",
              "privacy": "private"
            }
          ],
          "attributes": [
            {
              "name": "is-error",
              "fieldName": "isError"
            }
          ],
          "tagName": "wcs-form-field",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "FormField",
          "declaration": {
            "name": "FormField",
            "module": "components/form-field/form-field.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-form-field",
          "declaration": {
            "name": "FormField",
            "module": "components/form-field/form-field.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/galactic/galactic.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "*Part of communication design system*\r\nThis component replaces the vertical navbar for sites and applications that use the communication design system",
          "name": "Galactic",
          "cssProperties": [
            {
              "description": "Background color of the bar",
              "name": "--wcs-galactic-background-color"
            },
            {
              "description": "Height of the bar",
              "name": "--wcs-galactic-height"
            },
            {
              "description": "Text color of the bar",
              "name": "--wcs-galactic-text-color"
            },
            {
              "description": "Font size of the text in the bar",
              "name": "--wcs-galactic-font-size"
            },
            {
              "description": "Font weight of the text in the bar",
              "name": "--wcs-galactic-font-weight"
            },
            {
              "description": "Maximum width of the bar",
              "name": "--wcs-galactic-max-width"
            },
            {
              "description": "Horizontal padding of the bar",
              "name": "--wcs-galactic-padding-horizontal"
            },
            {
              "description": "Height of the SNCF logo",
              "name": "--wcs-galactic-logo-height"
            },
            {
              "description": "Margin right of the SNCF logo",
              "name": "--wcs-galactic-logo-margin-right"
            }
          ],
          "slots": [
            {
              "description": "Main container slot",
              "name": "<no-name>"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "text",
              "type": {
                "text": "string"
              },
              "description": "Text to display in the bar"
            },
            {
              "kind": "field",
              "name": "show",
              "type": {
                "text": "boolean"
              },
              "default": "false"
            },
            {
              "kind": "method",
              "name": "render",
              "return": {
                "type": {
                  "text": "any"
                }
              }
            }
          ],
          "attributes": [
            {
              "name": "text",
              "fieldName": "text",
              "type": {
                "text": "string"
              }
            }
          ],
          "tagName": "wcs-galactic",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Galactic",
          "declaration": {
            "name": "Galactic",
            "module": "components/galactic/galactic.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-galactic",
          "declaration": {
            "name": "Galactic",
            "module": "components/galactic/galactic.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/galactic-menu/galactic-menu.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "*Part of communication design system*\r\nYou can put a wcs-galactic-menu inside a wcs-galactic component to add an extra menu",
          "name": "Galactic",
          "cssProperties": [
            {
              "description": "Background color of the menu",
              "name": "--wcs-galactic-menu-background-color"
            },
            {
              "description": "Horizontal padding of the menu",
              "name": "--wcs-galactic-menu-padding-horizontal"
            },
            {
              "description": "Gap between items in the menu",
              "name": "--wcs-galactic-menu-gap"
            },
            {
              "description": "Height of the menu",
              "name": "--wcs-galactic-menu-height"
            },
            {
              "description": "Color of the focus outline on the icon",
              "name": "--wcs-galactic-menu-icon-focus-outline-color"
            },
            {
              "description": "Background color of the overlay",
              "name": "--wcs-galactic-menu-overlay-background-color"
            },
            {
              "description": "Padding of the overlay",
              "name": "--wcs-galactic-menu-overlay-padding"
            },
            {
              "description": "Color of the overlay",
              "name": "--wcs-galactic-menu-overlay-color"
            }
          ],
          "slots": [
            {
              "description": "Main container slot",
              "name": "<no-name>"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsGalacticMenuElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "menuButton",
              "type": {
                "text": "HTMLButtonElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "showPopoverMenu",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "field",
              "name": "popper",
              "type": {
                "text": "Instance"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "text",
              "type": {
                "text": "string"
              },
              "description": "Text to be displayed in the galactic bar"
            },
            {
              "kind": "field",
              "name": "menu",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "tooltip",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onWindowClickEvent",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onKeyDown",
              "parameters": [
                {
                  "name": "_event",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "toggleMenu",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "render",
              "return": {
                "type": {
                  "text": "any"
                }
              }
            }
          ],
          "attributes": [
            {
              "name": "text",
              "fieldName": "text",
              "type": {
                "text": "string"
              }
            }
          ],
          "tagName": "wcs-galactic-menu",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Galactic",
          "declaration": {
            "name": "Galactic",
            "module": "components/galactic-menu/galactic-menu.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-galactic-menu",
          "declaration": {
            "name": "Galactic",
            "module": "components/galactic-menu/galactic-menu.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/grid/grid-interface.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "getSortOrderInteger",
          "parameters": [
            {
              "name": "sortOrder",
              "type": {
                "text": "WcsSortOrder"
              }
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "getSortOrderInteger",
          "declaration": {
            "name": "getSortOrderInteger",
            "module": "components/grid/grid-interface.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/grid/grid-keyboard-event.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "getActionForKeyboardEvent",
          "return": {
            "type": {
              "text": "KeyboardEventAssociatedAction[]"
            }
          },
          "parameters": [
            {
              "name": "event",
              "type": {
                "text": "KeyboardEvent"
              }
            },
            {
              "name": "type",
              "type": {
                "text": "'grid_no_selection' | 'grid_selection_single' | 'grid_selection_multiple'"
              }
            }
          ],
          "description": "We follow this https://www.w3.org/WAI/ARIA/apg/patterns/grid/"
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "getActionForKeyboardEvent",
          "declaration": {
            "name": "getActionForKeyboardEvent",
            "module": "components/grid/grid-keyboard-event.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/grid/grid-radio.tsx",
      "declarations": [
        {
          "kind": "function",
          "name": "GridRadio",
          "parameters": [
            {
              "name": "{\r\n        checked,\r\n        row,\r\n        rowIndex,\r\n        totalRows,\r\n        onClick\r\n    }"
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "GridRadio",
          "declaration": {
            "name": "GridRadio",
            "module": "components/grid/grid-radio.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/grid/grid.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/grid/grid.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The grid component is a complex component used as an HTML table to display collections of data.",
          "name": "Grid",
          "cssProperties": [
            {
              "description": "Gap between grid cells (horizontal, vertical using `border-spacing` property)",
              "name": "--wcs-grid-gap"
            },
            {
              "description": "Vertical alignment of grid cells",
              "name": "--wcs-grid-vertical-align"
            },
            {
              "description": "Outline color for grid cells",
              "name": "--wcs-grid-outline-color"
            },
            {
              "description": "Text color of all grid cells",
              "name": "--wcs-grid-cell-text-color"
            },
            {
              "description": "Horizontal padding of grid cells",
              "name": "--wcs-grid-cell-padding-horizontal"
            },
            {
              "description": "Vertical padding of grid cells",
              "name": "--wcs-grid-cell-padding-vertical"
            },
            {
              "description": "Bottom border of grid cells",
              "name": "--wcs-grid-cell-border-bottom"
            },
            {
              "description": "Separator border between grid cells",
              "name": "--wcs-grid-cell-separator-border"
            },
            {
              "description": "Border radius of the first cell in a row",
              "name": "--wcs-grid-first-cell-border-radius"
            },
            {
              "description": "Border radius of the last cell in a row",
              "name": "--wcs-grid-last-cell-border-radius"
            },
            {
              "description": "Background color for selected rows",
              "name": "--wcs-grid-highlight-color"
            },
            {
              "description": "Background color of all rows",
              "name": "--wcs-grid-row-background-color"
            },
            {
              "description": "Background color of odd rows",
              "name": "--wcs-grid-row-odd-background-color"
            },
            {
              "description": "Background color of even rows",
              "name": "--wcs-grid-row-even-background-color"
            },
            {
              "description": "Default background color of the header",
              "name": "--wcs-grid-header-background-color-default"
            },
            {
              "description": "Background color of the header on hover",
              "name": "--wcs-grid-header-background-color-hover"
            },
            {
              "description": "Background color of the header on press",
              "name": "--wcs-grid-header-background-color-press"
            },
            {
              "description": "Text color of the header",
              "name": "--wcs-grid-header-text-color"
            },
            {
              "description": "Font weight of the header",
              "name": "--wcs-grid-header-font-weight"
            },
            {
              "description": "Font size of the header",
              "name": "--wcs-grid-header-font-size"
            },
            {
              "description": "Line height of the header",
              "name": "--wcs-grid-header-line-height"
            },
            {
              "description": "Vertical padding of the header",
              "name": "--wcs-grid-header-padding-vertical"
            },
            {
              "description": "Horizontal padding of the header",
              "name": "--wcs-grid-header-padding-horizontal"
            },
            {
              "description": "Left border between header cells (default is none",
              "name": "--wcs-grid-header-border-left"
            },
            {
              "description": "Border radius of the header",
              "name": "--wcs-grid-header-border-radius"
            },
            {
              "description": "Bottom border of the header",
              "name": "--wcs-grid-header-border-bottom"
            },
            {
              "description": "Transition duration of the header",
              "name": "--wcs-grid-header-transition-duration"
            },
            {
              "description": "Background color of the first header cell",
              "name": "--wcs-grid-first-header-background-color"
            },
            {
              "description": "Border radius of the first header cell",
              "name": "--wcs-grid-first-header-border-radius"
            },
            {
              "description": "Border radius of the last header cell",
              "name": "--wcs-grid-last-header-border-radius"
            },
            {
              "description": "Width of the selection column (when selectionConfig is defined)",
              "name": "--wcs-grid-column-selection-width"
            },
            {
              "description": "Color of the sort arrow in the header",
              "name": "--wcs-grid-header-sort-arrow-color-default"
            },
            {
              "description": "Color of the sort arrow in the header when hovered",
              "name": "--wcs-grid-header-sort-arrow-color-hover"
            }
          ],
          "cssParts": [
            {
              "description": "CSS part for the checkbox in the selection column that selects all rows",
              "name": "all-rows-checkbox"
            },
            {
              "description": "CSS part for the checkbox of each row in the selection column",
              "name": "row-checkbox"
            }
          ],
          "slots": [
            {
              "description": "The slot containing the column of the grid in the `<thead>`",
              "name": "grid-column"
            },
            {
              "description": "The slot containing the pagination of the grid below the `<table>`",
              "name": "grid-pagination"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsGridElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeTable",
              "type": {
                "text": "HTMLTableElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "serverMode",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Manage sort and pagination with a backend server when set to `true`"
            },
            {
              "kind": "field",
              "name": "data",
              "type": {
                "text": "any[]"
              },
              "description": "Contains the data to display in the table from a js object"
            },
            {
              "kind": "field",
              "name": "loading",
              "type": {
                "text": "boolean"
              },
              "description": "Flag to display a spinner during data loading"
            },
            {
              "kind": "field",
              "name": "selectionConfig",
              "type": {
                "text": "WcsGridSelectionConfig"
              },
              "default": "'none'",
              "description": "Used to manage grid's row selection.  \r\n\"none\": no row can be selected.  \r\n\"multiple\": several rows can be selected.  \r\n\"single\": one row only can be selected."
            },
            {
              "kind": "field",
              "name": "selectedItems",
              "type": {
                "text": "any | any[]"
              },
              "default": "[]",
              "description": "Set the selected items (rows)"
            },
            {
              "kind": "field",
              "name": "wcsGridPaginationId",
              "type": {
                "text": "string"
              },
              "description": "Automatically set by the component to reference the wcs-grid-pagination HTML element by its id."
            },
            {
              "kind": "field",
              "name": "rowIdPath",
              "type": {
                "text": "string"
              },
              "description": "Name of the object's key that will be used to display the cells whose `keyValue` attribute matches to the\r\nobject's value for this key. Useful for custom cells."
            },
            {
              "kind": "field",
              "name": "rowCssPartsFn",
              "type": {
                "text": "RowCssPartsFn"
              },
              "description": "Function to add css parts to the grid rows, this allows you to customize the rows with css parts directly\r\nin you're application stylesheet."
            },
            {
              "kind": "field",
              "name": "columns",
              "type": {
                "text": "HTMLWcsGridColumnElement[]"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "paginationEl",
              "type": {
                "text": "HTMLWcsGridPaginationElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "rows",
              "type": {
                "text": "WcsGridRow[]"
              },
              "privacy": "private",
              "default": "[]",
              "description": "Rows to display, contains user data and meta data"
            },
            {
              "kind": "field",
              "name": "cursorPosition",
              "type": {
                "text": "{col: number, row: number}"
              },
              "privacy": "private",
              "default": "{col: 0, row: 1}",
              "description": "Used to track the focus position in the grid for keyboard navigation.  \r\nHeader row : index 0  \r\nFirst column :\r\n  - index 1 if selection mode multiple or single\r\n  - index 0 if no selection mode\r\nDefault position : col 0, row 1"
            },
            {
              "kind": "method",
              "name": "onCursorPositionChange",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "{col: number, row: number}"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onDataChange",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "any[]"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onSelectedItemsPropertyChange",
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "any | any[]"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onFocus",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "FocusEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onBlur",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "FocusEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "hasSelectionColumn",
              "description": "If selectionConfig is different from `none`, that means that an extra column for radio or checkbox is rendered\r\nin the table."
            },
            {
              "kind": "method",
              "name": "getElementToFocusAtCursorPosition",
              "return": {
                "type": {
                  "text": "HTMLTableCellElement | HTMLWcsCheckboxElement | HTMLInputElement"
                }
              },
              "description": "Returns the element to focus at the current cursor position : it can be a cell (td, th) to focus or a nested\r\ncheckbox / radio element if the selection mode is single or multiple"
            },
            {
              "kind": "method",
              "name": "moveCursorPosition",
              "parameters": [
                {
                  "name": "directionX",
                  "type": {
                    "text": "number | 'first' | 'last'"
                  }
                },
                {
                  "name": "directionY",
                  "type": {
                    "text": "number | 'first' | 'last'"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleCursorPositionOnEmptyTh",
              "description": "When the grid has selectionConfig single, an empty th appears at col=0, row=0.\r\nIt should not be focusable so the cursor navigates to col=1, row=0 instead."
            },
            {
              "kind": "method",
              "name": "onHiddenColumnChange",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "onKeyDown",
              "parameters": [
                {
                  "name": "_event",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "doActionFromKeyboardEventAssociatedAction",
              "parameters": [
                {
                  "name": "actionFromKeyboardEvent",
                  "type": {
                    "text": "KeyboardEventAssociatedAction"
                  }
                },
                {
                  "name": "event",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onClick",
              "parameters": [
                {
                  "name": "_event",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "updateSelectionWithValues",
              "privacy": "private",
              "parameters": [
                {
                  "name": "values",
                  "type": {
                    "text": "any | any[]"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "wcsGridRowToWcsGridRowData",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "WcsGridRowData"
                }
              },
              "parameters": [
                {
                  "name": "row",
                  "type": {
                    "text": "WcsGridRow"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "updateGridRows",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "data",
                  "type": {
                    "text": "any[]"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "refreshSort",
              "privacy": "private",
              "parameters": [
                {
                  "name": "refreshOthersColumnsSortOrderState",
                  "type": {
                    "text": "boolean"
                  }
                }
              ],
              "description": "Handle existing column's filters (defined before the grid is instantiated)"
            },
            {
              "kind": "method",
              "name": "disableSortOrderForColumns",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "columns",
                  "type": {
                    "text": "HTMLWcsGridColumnElement[] | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "getGridColumnsFromTemplate",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "HTMLWcsGridColumnElement[]"
                }
              }
            },
            {
              "kind": "method",
              "name": "getGridPaginationsFromTemplate",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "HTMLWcsGridPaginationElement[]"
                }
              }
            },
            {
              "kind": "field",
              "name": "gridElementsWithCoordinates",
              "type": {
                "text": "GridElementWithCoordinates[]"
              },
              "privacy": "private",
              "readonly": true
            },
            {
              "kind": "method",
              "name": "sortChangeEventHandler",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "CustomEvent<WcsGridColumnSortChangeEventDetails>"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "sortBy",
              "privacy": "private",
              "parameters": [
                {
                  "name": "column",
                  "type": {
                    "text": "HTMLWcsGridColumnElement"
                  },
                  "description": "Column from which to extract the sorting configuration"
                }
              ],
              "description": "Sorts the grid rows according to the given column's configuration"
            },
            {
              "kind": "method",
              "name": "updatePageIndex",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "description": "Update the page's number of all rows"
            },
            {
              "kind": "method",
              "name": "paginationChangeEventHandler",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "paginationChangeEventHandlerOutside",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "CustomEvent<WcsGridPaginationChangeEventDetails>"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onPaginationChange",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "onRowSelection",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "row",
                  "type": {
                    "text": "WcsGridRow"
                  }
                }
              ]
            },
            {
              "kind": "field",
              "name": "selectedRows",
              "type": {
                "text": "WcsGridRow[]"
              },
              "privacy": "private",
              "readonly": true
            },
            {
              "kind": "method",
              "name": "selectAllRows",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "allRowsAreSelected",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "boolean"
                }
              }
            },
            {
              "kind": "method",
              "name": "getRowsForCurrentPage",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "WcsGridRow[]"
                }
              }
            },
            {
              "kind": "method",
              "name": "renderSelectionColumn",
              "return": {
                "type": {
                  "text": "any"
                }
              },
              "parameters": [
                {
                  "name": "row",
                  "type": {
                    "text": "WcsGridRow"
                  }
                },
                {
                  "name": "rowIndex",
                  "type": {
                    "text": "number"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "getCellContent",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "HTMLElement | HTMLElement[] | string | void"
                }
              },
              "parameters": [
                {
                  "name": "row",
                  "type": {
                    "text": "WcsGridRow"
                  }
                },
                {
                  "name": "cell",
                  "type": {
                    "text": "WcsGridCell"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "totalColumnCount",
              "privacy": "private",
              "description": "Returns the total number of columns"
            },
            {
              "kind": "method",
              "name": "totalDisplayedColumnCount",
              "privacy": "private",
              "description": "Returns the total number of columns that are not hidden"
            },
            {
              "kind": "method",
              "name": "atLeastOneColumnHidden",
              "privacy": "private",
              "description": "Returns true if at least one column is hidden from the table"
            },
            {
              "kind": "method",
              "name": "render",
              "return": {
                "type": {
                  "text": "any"
                }
              }
            },
            {
              "kind": "method",
              "name": "renderRow",
              "privacy": "private",
              "parameters": [
                {
                  "name": "row",
                  "type": {
                    "text": "WcsGridRow"
                  }
                },
                {
                  "name": "rowIndex",
                  "type": {
                    "text": "number"
                  }
                }
              ],
              "description": "Returns the row with all mapped cells inside.  \r\nThe aria-rowindex here starts at 2 because the header row starts at index 1."
            },
            {
              "kind": "method",
              "name": "rowCssPartsWithoutEmptyList",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "string[] | null | undefined"
                }
              },
              "parameters": [
                {
                  "name": "row",
                  "type": {
                    "text": "WcsGridRow"
                  }
                }
              ]
            }
          ],
          "attributes": [
            {
              "name": "server-mode",
              "fieldName": "serverMode",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "data",
              "fieldName": "data",
              "type": {
                "text": "any[]"
              }
            },
            {
              "name": "loading",
              "fieldName": "loading",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "selection-config",
              "fieldName": "selectionConfig",
              "type": {
                "text": "WcsGridSelectionConfig"
              }
            },
            {
              "name": "selected-items",
              "fieldName": "selectedItems",
              "type": {
                "text": "any | any[]"
              }
            },
            {
              "name": "wcs-grid-pagination-id",
              "fieldName": "wcsGridPaginationId",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "row-id-path",
              "fieldName": "rowIdPath",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "row-css-parts-fn",
              "fieldName": "rowCssPartsFn",
              "type": {
                "text": "RowCssPartsFn"
              }
            }
          ],
          "tagName": "wcs-grid",
          "events": [
            {
              "name": "wcsGridSelectionChange",
              "type": {
                "text": "EventEmitter<WcsGridSelectionEventDetails>"
              },
              "description": "Event emitted when a row is selected or unselected"
            },
            {
              "name": "wcsGridAllSelectionChange",
              "type": {
                "text": "EventEmitter<WcsGridAllRowSelectedEventDetails>"
              },
              "description": "Event emitted when all rows are selected or unselected"
            },
            {
              "name": "wcsFocus",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Event emitted when the grid has focus."
            },
            {
              "name": "wcsBlur",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Event emitted when the grid loses focus."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Grid",
          "declaration": {
            "name": "Grid",
            "module": "components/grid/grid.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-grid",
          "declaration": {
            "name": "Grid",
            "module": "components/grid/grid.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/grid-column/grid-column.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The grid column is a subcomponent of `wcs-grid` that represents a column of the table.",
          "name": "GridColumn",
          "cssParts": [
            {
              "description": "CSS part for each column for styling. e.g: first_name-column, email-column",
              "name": "[path]-column"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsGridColumnElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeTh",
              "type": {
                "text": "HTMLTableHeaderCellElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "buttonOrDiv",
              "type": {
                "text": "HTMLButtonElement | HTMLDivElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "path",
              "type": {
                "text": "string"
              },
              "description": "Represents the name of the field from the `data` object (e.g: first_name, last_name, email, ...)"
            },
            {
              "kind": "field",
              "name": "name",
              "type": {
                "text": "string"
              },
              "description": "The name of the column displayed on the table (e.g: First Name, Last Name, Email, ...)"
            },
            {
              "kind": "field",
              "name": "sort",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Make the column sortable."
            },
            {
              "kind": "field",
              "name": "sortFn",
              "type": {
                "text": "WcsSortFn"
              },
              "description": "Customizable sort function to change the comparison of values."
            },
            {
              "kind": "field",
              "name": "formatter",
              "type": {
                "text": "WcsCellFormatter"
              },
              "description": "Customizable formatter function to render the cell differently."
            },
            {
              "kind": "field",
              "name": "sortOrder",
              "type": {
                "text": "WcsSortOrder"
              },
              "default": "'none'",
              "description": "Defines if the column sort is ascending or descending.  \r\n`none` = the column is not sorted."
            },
            {
              "kind": "field",
              "name": "width",
              "type": {
                "text": "string"
              },
              "description": "Set the column `<th>` element width."
            },
            {
              "kind": "field",
              "name": "customCells",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Set to true if using a `wcs-custom-cell` linked to it."
            },
            {
              "kind": "field",
              "name": "hidden",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Flag to hide the column."
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "parseMyObjectProp",
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "boolean"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "sortOrderChange",
              "parameters": [
                {
                  "name": "_",
                  "type": {
                    "text": "WcsSortOrder"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "emitSortConfig"
            },
            {
              "kind": "method",
              "name": "getSortOrderForAriaSort",
              "parameters": [
                {
                  "name": "sortOrder",
                  "type": {
                    "text": "WcsSortOrder"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "getTabIndex",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "getTagName",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "delegateFocusToButton",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "render",
              "return": {
                "type": {
                  "text": "any"
                }
              }
            },
            {
              "kind": "method",
              "name": "onSortClick",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "handleSortKeyDown",
              "privacy": "private",
              "parameters": [
                {
                  "name": "_event",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            }
          ],
          "attributes": [
            {
              "name": "path",
              "fieldName": "path",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "name",
              "fieldName": "name",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "sort",
              "fieldName": "sort",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "sort-fn",
              "fieldName": "sortFn",
              "type": {
                "text": "WcsSortFn"
              }
            },
            {
              "name": "formatter",
              "fieldName": "formatter",
              "type": {
                "text": "WcsCellFormatter"
              }
            },
            {
              "name": "sort-order",
              "fieldName": "sortOrder",
              "type": {
                "text": "WcsSortOrder"
              }
            },
            {
              "name": "width",
              "fieldName": "width",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "custom-cells",
              "fieldName": "customCells",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "hidden",
              "fieldName": "hidden",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "cursor-position",
              "fieldName": "cursorPosition",
              "type": {
                "text": "{col: number, row: number}"
              }
            },
            {
              "name": "column-position",
              "fieldName": "columnPosition",
              "type": {
                "text": "number"
              }
            }
          ],
          "tagName": "wcs-grid-column",
          "events": [
            {
              "name": "wcsSortChange",
              "type": {
                "text": "EventEmitter<WcsGridColumnSortChangeEventDetails>"
              },
              "description": "Event emitted when the sort of the column is changed."
            },
            {
              "name": "wcsHiddenChange",
              "type": {
                "text": "EventEmitter<boolean>"
              },
              "description": "Event emitted if the column is dynamically switching visibility."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "GridColumn",
          "declaration": {
            "name": "GridColumn",
            "module": "components/grid-column/grid-column.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-grid-column",
          "declaration": {
            "name": "GridColumn",
            "module": "components/grid-column/grid-column.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/grid-column/grid-sort-arrow.tsx",
      "declarations": [
        {
          "kind": "function",
          "name": "GridSortArrow",
          "parameters": [
            {
              "name": "{state}"
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "GridSortArrow",
          "declaration": {
            "name": "GridSortArrow",
            "module": "components/grid-column/grid-sort-arrow.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/grid-custom-cell/grid-custom-cell.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The grid custom cell is a subcomponent of `wcs-grid`.",
          "name": "GridCustomCell",
          "members": [
            {
              "kind": "field",
              "name": "columnId",
              "type": {
                "text": "string"
              },
              "description": "ID of the column for which to render the cell"
            },
            {
              "kind": "field",
              "name": "rowId",
              "type": {
                "text": "any"
              },
              "description": "Key value of the object rendered for the cell's row"
            },
            {
              "kind": "method",
              "name": "render",
              "return": {
                "type": {
                  "text": "any"
                }
              }
            }
          ],
          "attributes": [
            {
              "name": "column-id",
              "fieldName": "columnId",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "row-id",
              "fieldName": "rowId",
              "type": {
                "text": "any"
              }
            }
          ],
          "tagName": "wcs-grid-custom-cell",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "GridCustomCell",
          "declaration": {
            "name": "GridCustomCell",
            "module": "components/grid-custom-cell/grid-custom-cell.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-grid-custom-cell",
          "declaration": {
            "name": "GridCustomCell",
            "module": "components/grid-custom-cell/grid-custom-cell.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/grid-pagination/grid-pagination-arrow.tsx",
      "declarations": [
        {
          "kind": "function",
          "name": "GridPaginationArrow",
          "parameters": [
            {
              "name": "{active, order, double = false}"
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "GridPaginationArrow",
          "declaration": {
            "name": "GridPaginationArrow",
            "module": "components/grid-pagination/grid-pagination-arrow.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/grid-pagination/grid-pagination.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The grid pagination is a subcomponent of `wcs-grid`, slotted in `grid-pagination` under the `<table>` element.",
          "name": "GridPagination",
          "cssProperties": [
            {
              "description": "Text color of the grid pagination",
              "name": "--wcs-grid-pagination-color"
            },
            {
              "description": "Font-size of the grid pagination",
              "name": "--wcs-grid-pagination-font-size"
            },
            {
              "description": "Font-weight of the grid pagination",
              "name": "--wcs-grid-pagination-font-weight"
            },
            {
              "description": "Gap between the page size, number of elements and page management",
              "name": "--wcs-grid-pagination-gap"
            },
            {
              "description": "Gap between the select and the text within the page size container",
              "name": "--wcs-grid-pagination-page-size-gap"
            },
            {
              "description": "Gap within the page management counter",
              "name": "--wcs-grid-pagination-counter-gap"
            },
            {
              "description": "Margin between the grid and the pagination",
              "name": "--wcs-grid-pagination-margin-top"
            },
            {
              "description": "Color of the inactive arrow",
              "name": "--wcs-grid-pagination-arrow-color-inactive"
            },
            {
              "description": "Color of the active arrow",
              "name": "--wcs-grid-pagination-arrow-color-active"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeNav",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "INDEX_FIRST_PAGE",
              "type": {
                "text": "number"
              },
              "static": true,
              "readonly": true,
              "default": "0"
            },
            {
              "kind": "field",
              "name": "availablePageSizes",
              "type": {
                "text": "number[]"
              },
              "default": "[10, 20, 50]",
              "description": "Set the available page sizes in the pagination dropdown on the left."
            },
            {
              "kind": "field",
              "name": "currentPage",
              "type": {
                "text": "number"
              },
              "description": "The current page of the pagination. First page starts at index 0."
            },
            {
              "kind": "field",
              "name": "pageSize",
              "type": {
                "text": "number"
              },
              "default": "this.availablePageSizes[0]",
              "description": "Maximum number of elements shown per page.  \r\nDefault is the first value of `availablePageSizes`."
            },
            {
              "kind": "field",
              "name": "itemsCount",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "Total elements in the grid.  \r\n- **Grid in `Server mode`** : You have to set `itemsCount` = your total data length.  \r\n- **Grid not in Server mode** : Do not set it manually : itemsCount is set and updated every pagination refresh."
            },
            {
              "kind": "field",
              "name": "pageCount",
              "type": {
                "text": "number"
              },
              "default": "1",
              "description": "Max number of pages.  \r\n- **Grid in `Server mode`** : You have to set `pageCount` = `itemsCount` divided by `pageSize`.  \r\n- **Grid not in Server mode** : Do not set it manually : pageCount is set and updated every pagination refresh."
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "lastPage",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "nextPage",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "canGoToNextPage",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "boolean"
                }
              }
            },
            {
              "kind": "method",
              "name": "previousPage",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "canGoToPreviousPage",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "boolean"
                }
              }
            },
            {
              "kind": "method",
              "name": "firstPage",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "onChangePagesize",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "CustomEvent<SelectChangeEventDetail>"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "emitPaginationChange",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "render",
              "return": {
                "type": {
                  "text": "any"
                }
              }
            }
          ],
          "attributes": [
            {
              "name": "available-page-sizes",
              "fieldName": "availablePageSizes",
              "type": {
                "text": "number[]"
              }
            },
            {
              "name": "current-page",
              "fieldName": "currentPage",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "page-size",
              "fieldName": "pageSize",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "items-count",
              "fieldName": "itemsCount",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "page-count",
              "fieldName": "pageCount",
              "type": {
                "text": "number"
              }
            }
          ],
          "tagName": "wcs-grid-pagination",
          "events": [
            {
              "name": "wcsGridPaginationChange",
              "type": {
                "text": "EventEmitter<WcsGridPaginationChangeEventDetails>"
              },
              "description": "Event emitted when the pagination changes."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "GridPagination",
          "declaration": {
            "name": "GridPagination",
            "module": "components/grid-pagination/grid-pagination.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-grid-pagination",
          "declaration": {
            "name": "GridPagination",
            "module": "components/grid-pagination/grid-pagination.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/header/header.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The header component is an element that appears across the top of all pages on a website or application; it contains the logo, the site name and main actions.",
          "name": "Header",
          "cssProperties": [
            {
              "description": "Background color of the header",
              "name": "--wcs-header-background-color"
            },
            {
              "description": "Gap between elements in the header",
              "name": "--wcs-header-gap"
            },
            {
              "description": "Height of the header",
              "name": "--wcs-header-height"
            },
            {
              "description": "Height of the logo",
              "name": "--wcs-header-logo-height"
            },
            {
              "description": "Horizontal padding of the header",
              "name": "--wcs-header-padding-horizontal"
            },
            {
              "description": "Color of the title",
              "name": "--wcs-header-title-color"
            },
            {
              "description": "Font weight of the title",
              "name": "--wcs-header-title-font-weight"
            },
            {
              "description": "Font size of the title",
              "name": "--wcs-header-title-font-size"
            }
          ],
          "slots": [
            {
              "description": "SNCF Logo",
              "name": "logo"
            },
            {
              "description": "Title of your application",
              "name": "title"
            },
            {
              "description": "Actions such as buttons, dropdown or any useful information to always display on your application",
              "name": "actions"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeHeader",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "hostData"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-header",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Header",
          "declaration": {
            "name": "Header",
            "module": "components/header/header.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-header",
          "declaration": {
            "name": "Header",
            "module": "components/header/header.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/hint/hint.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The `wcs-hint` should always be wrapped in a `wcs-form-field`.\r\nIt is used to display an informative message under the field indicating an incorrect user input.\r\n\r\n## Accessibility guidelines 💡\r\n- Provide a relevant hint message to inform the users about the format, how the data should be filled in, or what is the purpose of the field\r\n- `aria-description` will be automatically added to the field for screen readers",
          "name": "Hint",
          "cssProperties": [
            {
              "description": "Color of the text",
              "name": "--wcs-hint-color"
            },
            {
              "description": "Font weight of the text",
              "name": "--wcs-hint-font-weight"
            },
            {
              "description": "Font size default of the text",
              "name": "--wcs-hint-font-size-default"
            },
            {
              "description": "Font size small of the text",
              "name": "--wcs-hint-font-size-small"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "small",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Whether the component should display the small version of the hint"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "small",
              "fieldName": "small",
              "type": {
                "text": "boolean"
              }
            }
          ],
          "tagName": "wcs-hint",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Hint",
          "declaration": {
            "name": "Hint",
            "module": "components/hint/hint.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-hint",
          "declaration": {
            "name": "Hint",
            "module": "components/hint/hint.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/horizontal-stepper/horizontal-step.tsx",
      "declarations": [
        {
          "kind": "function",
          "name": "HorizontalStep",
          "parameters": [
            {
              "name": "{\r\n        step,\r\n        checkOnComplete,\r\n        complete,\r\n        passed,\r\n        active,\r\n        first,\r\n        disable,\r\n        onClick\r\n    }"
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "HorizontalStep",
          "declaration": {
            "name": "HorizontalStep",
            "module": "components/horizontal-stepper/horizontal-step.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/horizontal-stepper/horizontal-stepper-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/horizontal-stepper/horizontal-stepper.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The horizontal-stepper is a representation of a user’s progress through a series of discrete steps.",
          "name": "HorizontalStepper",
          "cssProperties": [
            {
              "description": "Text color of the step by default",
              "name": "--wcs-horizontal-step-text-color-default"
            },
            {
              "description": "Text color of the step when active",
              "name": "--wcs-horizontal-step-text-color-active"
            },
            {
              "description": "Text color of step when disabled",
              "name": "--wcs-horizontal-step-text-color-disabled"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsHorizontalStepperElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "currentStep",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "index of the active step. The index corresponds to the index of the step in the 'steps' list"
            },
            {
              "kind": "field",
              "name": "steps",
              "type": {
                "text": "HorizontalStepConfig[]"
              },
              "description": "steps to display"
            },
            {
              "kind": "field",
              "name": "mode",
              "type": {
                "text": "HorizontalStepperMode"
              },
              "default": "'nonLinear'",
              "description": "Specifies if the stepper is in linear mode (the user can only click on the next step)\r\nor non-linear (the user can click on any step)"
            },
            {
              "kind": "field",
              "name": "checkOnComplete",
              "type": {
                "text": "boolean"
              },
              "description": "Specifies whether a check should be displayed when a step is passed."
            },
            {
              "kind": "field",
              "name": "internalCurrentStepIndex",
              "type": {
                "text": "number"
              },
              "privacy": "private",
              "description": "Used to know which current step index is selected (component internal calculations mainly for the animation)"
            },
            {
              "kind": "method",
              "name": "onCurrentStepChange",
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "number"
                  }
                },
                {
                  "name": "oldValue",
                  "type": {
                    "text": "number"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "previous"
            },
            {
              "kind": "method",
              "name": "next"
            },
            {
              "kind": "method",
              "name": "navigateToIndex",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "index",
                  "type": {
                    "text": "number"
                  }
                },
                {
                  "name": "direction",
                  "type": {
                    "text": "'backward' | 'forward'"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render",
              "return": {
                "type": {
                  "text": "any"
                }
              }
            },
            {
              "kind": "method",
              "name": "isComplete",
              "privacy": "private",
              "parameters": [
                {
                  "name": "step",
                  "type": {
                    "text": "HorizontalStepConfig"
                  }
                },
                {
                  "name": "index",
                  "type": {
                    "text": "number"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "renderLabels",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "isDisable",
              "privacy": "private",
              "parameters": [
                {
                  "name": "step"
                },
                {
                  "name": "index"
                }
              ]
            },
            {
              "kind": "method",
              "name": "isNextPossibleStep",
              "privacy": "private",
              "parameters": [
                {
                  "name": "index"
                }
              ]
            },
            {
              "kind": "method",
              "name": "previousStepIsCompleteAndNotActive",
              "privacy": "private",
              "parameters": [
                {
                  "name": "index"
                }
              ]
            }
          ],
          "attributes": [
            {
              "name": "current-step",
              "fieldName": "currentStep",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "steps",
              "fieldName": "steps",
              "type": {
                "text": "HorizontalStepConfig[]"
              }
            },
            {
              "name": "mode",
              "fieldName": "mode",
              "type": {
                "text": "HorizontalStepperMode"
              }
            },
            {
              "name": "check-on-complete",
              "fieldName": "checkOnComplete",
              "type": {
                "text": "boolean"
              }
            }
          ],
          "tagName": "wcs-horizontal-stepper",
          "events": [
            {
              "name": "wcsHorizontalStepClick",
              "type": {
                "text": "EventEmitter<HorizontalStepClickEvent>"
              },
              "description": "Emits when the user selects a new step."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "HorizontalStepper",
          "declaration": {
            "name": "HorizontalStepper",
            "module": "components/horizontal-stepper/horizontal-stepper.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-horizontal-stepper",
          "declaration": {
            "name": "HorizontalStepper",
            "module": "components/horizontal-stepper/horizontal-stepper.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/icon/icon.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The icon component is a graphic symbol designed to visually indicate the purpose of an interface element.",
          "name": "Icon",
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeIcon",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "icon",
              "type": {
                "text": "string"
              }
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "'x5' | 'x75' | '1x' | '1x2' | '1x5' | '1x7' | '2x' | '3x' | '30px' | '50px' | '66px' | '90px' | '96px' | '140px'"
              }
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "icon",
              "fieldName": "icon",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "'x5' | 'x75' | '1x' | '1x2' | '1x5' | '1x7' | '2x' | '3x' | '30px' | '50px' | '66px' | '90px' | '96px' | '140px'"
              }
            }
          ],
          "tagName": "wcs-icon",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Icon",
          "declaration": {
            "name": "Icon",
            "module": "components/icon/icon.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-icon",
          "declaration": {
            "name": "Icon",
            "module": "components/icon/icon.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/input/input-interface.ts",
      "declarations": [
        {
          "kind": "variable",
          "name": "WcsInputSizeValues",
          "type": {
            "text": "['s', 'm', 'l']"
          },
          "default": "['s', 'm', 'l']"
        },
        {
          "kind": "function",
          "name": "isWcsInputSize",
          "return": {
            "type": {
              "text": "size is WcsInputSize"
            }
          },
          "parameters": [
            {
              "name": "size",
              "type": {
                "text": "string"
              }
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "WcsInputSizeValues",
          "declaration": {
            "name": "WcsInputSizeValues",
            "module": "components/input/input-interface.ts"
          }
        },
        {
          "kind": "js",
          "name": "isWcsInputSize",
          "declaration": {
            "name": "isWcsInputSize",
            "module": "components/input/input-interface.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/input/input.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/input/input.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The input component is a form control that accepts a single line of text.\r\nImplementation mainly inspired from Ionic Input Component.\r\n\r\n## Accessibility guidelines 💡\r\n> - If you use wcs-input outside a wcs-form-field, you have to manage the label and the error message yourself.\r\n> You can use the `aria-label` attribute to provide a label for screen readers but adds no visual label.",
          "name": "Input",
          "cssProperties": [
            {
              "description": "default icon color when the input is not focused",
              "name": "--wcs-input-icon-color-default"
            },
            {
              "description": "icon color when the input is focused",
              "name": "--wcs-input-icon-color-focus"
            },
            {
              "description": "icon color when the input is disabled",
              "name": "--wcs-input-icon-color-disabled"
            },
            {
              "description": "background color of the input",
              "name": "--wcs-input-background-color"
            },
            {
              "description": "border radius of the left side of the input",
              "name": "--wcs-input-border-radius-left"
            },
            {
              "description": "border radius of the right side of the input",
              "name": "--wcs-input-border-radius-right"
            },
            {
              "description": "border width of the input",
              "name": "--wcs-input-border-width"
            },
            {
              "description": "border width of the input when focused",
              "name": "--wcs-input-border-width-focus"
            },
            {
              "description": "large height of the input",
              "name": "--wcs-input-height-l"
            },
            {
              "description": "medium height of the input",
              "name": "--wcs-input-height-m"
            },
            {
              "description": "small height of the input",
              "name": "--wcs-input-height-s"
            },
            {
              "description": "large font size of the input",
              "name": "--wcs-input-font-size-l"
            },
            {
              "description": "medium font size of the input",
              "name": "--wcs-input-font-size-m"
            },
            {
              "description": "small font size of the input",
              "name": "--wcs-input-font-size-s"
            },
            {
              "description": "default border style of the input",
              "name": "--wcs-input-border-style-default"
            },
            {
              "description": "border style of the input when focused",
              "name": "--wcs-input-border-style-focus"
            },
            {
              "description": "background color of the suffix/prefix",
              "name": "--wcs-input-prefix-suffix-background-color"
            },
            {
              "description": "color of the suffix/prefix",
              "name": "--wcs-input-prefix-suffix-color"
            },
            {
              "description": "color of the suffix/prefix when the input is disabled",
              "name": "--wcs-input-prefix-suffix-color-disabled"
            },
            {
              "description": "font weight of the suffix/prefix",
              "name": "--wcs-input-prefix-suffix-font-weight"
            },
            {
              "description": "default border color of the input when not focused",
              "name": "--wcs-input-border-color-default"
            },
            {
              "description": "border color of the input when disabled",
              "name": "--wcs-input-border-color-disabled"
            },
            {
              "description": "border color of the input when focused",
              "name": "--wcs-input-border-color-focus"
            },
            {
              "description": "border color of the show/hide password button when focused",
              "name": "--wcs-input-reveal-password-button-border-color-focus"
            },
            {
              "description": "border color of the input when in error state",
              "name": "--wcs-input-border-color-error"
            },
            {
              "description": "color of the input value",
              "name": "--wcs-input-value-color"
            },
            {
              "description": "font weight of the input value",
              "name": "--wcs-input-value-font-weight"
            },
            {
              "description": "color of the input placeholder",
              "name": "--wcs-input-placeholder-color"
            },
            {
              "description": "font weight of the input placeholder",
              "name": "--wcs-input-placeholder-font-weight"
            },
            {
              "description": "font style of the input placeholder",
              "name": "--wcs-input-placeholder-font-style"
            },
            {
              "description": "color of the input when disabled",
              "name": "--wcs-input-text-color-disabled"
            },
            {
              "description": "horizontal padding of the input in small size",
              "name": "--wcs-input-padding-horizontal-s"
            },
            {
              "description": "horizontal padding of the input in medium size",
              "name": "--wcs-input-padding-horizontal-m"
            },
            {
              "description": "horizontal padding of the input in large size",
              "name": "--wcs-input-padding-horizontal-l"
            },
            {
              "description": "gap between text input and icon",
              "name": "--wcs-input-gap"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeInput",
              "type": {
                "text": "HTMLInputElement | undefined"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inputId",
              "privacy": "private",
              "default": "`wcs-input-${inputIds++}`"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "iconPassword",
              "type": {
                "text": "string"
              },
              "privacy": "private",
              "default": "\"visibility\""
            },
            {
              "kind": "field",
              "name": "passwordReveal",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "field",
              "name": "accept",
              "type": {
                "text": "string | undefined"
              },
              "description": "If the value of the type attribute is `\"file\"`, then this attribute will indicate the types of files that the\r\nserver accepts, otherwise it will be ignored. The value must be a comma-separated list of unique content type specifiers."
            },
            {
              "kind": "field",
              "name": "autocapitalize",
              "type": {
                "text": "string"
              },
              "default": "'off'",
              "description": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\r\nAvailable options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`."
            },
            {
              "kind": "field",
              "name": "autocomplete",
              "type": {
                "text": "AutocompleteTypes"
              },
              "default": "'off'",
              "description": "Indicates whether the value of the control can be automatically completed by the browser."
            },
            {
              "kind": "field",
              "name": "autocorrect",
              "type": {
                "text": "WcsInputAutocorrect"
              },
              "default": "'off'",
              "description": "Whether auto correction should be enabled when the user is entering/editing the text value."
            },
            {
              "kind": "field",
              "name": "autofocus",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "This Boolean attribute lets you specify that a form control should have input focus when the page loads."
            },
            {
              "kind": "field",
              "name": "debounce",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "Set the amount of time, in milliseconds, to wait to trigger the `wcsInput` event after each keystroke.\r\nThis also impacts form bindings such as `ngModel` or `v-model`."
            },
            {
              "kind": "method",
              "name": "debounceChanged",
              "privacy": "protected"
            },
            {
              "kind": "field",
              "name": "prefixLabel",
              "type": {
                "text": "string"
              },
              "description": "Prefix displayed before the text field contents. This is not included in the value."
            },
            {
              "kind": "field",
              "name": "suffixLabel",
              "type": {
                "text": "string"
              },
              "description": "Suffix displayed after the text field contents. This is not included in the value."
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the user cannot interact with the input."
            },
            {
              "kind": "field",
              "name": "enterkeyhint",
              "type": {
                "text": "WcsInputEnterKeyHint | undefined"
              },
              "description": "A hint to the browser for which enter key to display."
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "WcsInputSize"
              },
              "default": "'m'",
              "description": "Specify the size (height) of the input."
            },
            {
              "kind": "field",
              "name": "icon",
              "type": {
                "text": "string"
              },
              "description": "Name of the material icon to add to the input"
            },
            {
              "kind": "field",
              "name": "inputmode",
              "type": {
                "text": "WcsInputInputMode | undefined"
              },
              "description": "A hint to the browser for which keyboard to display."
            },
            {
              "kind": "field",
              "name": "max",
              "type": {
                "text": "string | undefined"
              },
              "description": "The maximum value, which must not be less than its minimum (min attribute) value."
            },
            {
              "kind": "field",
              "name": "maxlength",
              "type": {
                "text": "number | undefined"
              },
              "description": "If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute\r\nspecifies the maximum number of characters that the user can enter."
            },
            {
              "kind": "field",
              "name": "min",
              "type": {
                "text": "string | undefined"
              },
              "description": "The minimum value, which must not be greater than its maximum (max attribute) value."
            },
            {
              "kind": "field",
              "name": "minlength",
              "type": {
                "text": "number | undefined"
              },
              "description": "If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute\r\nspecifies the minimum number of characters that the user can enter."
            },
            {
              "kind": "field",
              "name": "multiple",
              "type": {
                "text": "boolean | undefined"
              },
              "description": "If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to\r\n`\"email\"` or `\"file\"`, otherwise it is ignored."
            },
            {
              "kind": "field",
              "name": "name",
              "type": {
                "text": "string"
              },
              "description": "The name of the control, which is submitted with the form data."
            },
            {
              "kind": "field",
              "name": "hidePasswordButtonAriaLabel",
              "type": {
                "text": "string"
              },
              "default": "\"Cacher le mot de passe\""
            },
            {
              "kind": "field",
              "name": "showPasswordButtonAriaLabel",
              "type": {
                "text": "string"
              },
              "default": "\"Afficher le mot de passe\""
            },
            {
              "kind": "field",
              "name": "pattern",
              "type": {
                "text": "string | undefined"
              },
              "description": "A regular expression that the value is checked against. The pattern must match the entire value, not just some\r\nsubset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value\r\nof the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise\r\nit is ignored. When the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support\r\nthe `\"date\"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for\r\nmore information."
            },
            {
              "kind": "field",
              "name": "placeholder",
              "type": {
                "text": "string | null | undefined"
              },
              "description": "Instructional text that shows before the input has a value."
            },
            {
              "kind": "field",
              "name": "readonly",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the user cannot modify the value."
            },
            {
              "kind": "field",
              "name": "required",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the user must fill in a value before submitting a form."
            },
            {
              "kind": "field",
              "name": "spellcheck",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the element will have its spelling and grammar checked."
            },
            {
              "kind": "field",
              "name": "state",
              "type": {
                "text": "WcsInputState"
              },
              "default": "'initial'",
              "description": "Specifies the state of the input. By default the input is in an normal state but you can to set it to 'error'\r\nstate if the data given by the user is not valid."
            },
            {
              "kind": "field",
              "name": "step",
              "type": {
                "text": "string | undefined"
              },
              "description": "Works with the min and max attributes to limit the increments at which a value can be set.\r\nPossible values are: `\"any\"` or a positive floating point number."
            },
            {
              "kind": "field",
              "name": "type",
              "type": {
                "text": "TextFieldTypes"
              },
              "default": "'text'",
              "description": "The type of control to display. The default type is text."
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "string | number | null | undefined"
              },
              "default": "''",
              "description": "The value of the input."
            },
            {
              "kind": "method",
              "name": "getInputElement",
              "return": {
                "type": {
                  "text": "Promise<HTMLInputElement>"
                }
              },
              "description": "Returns the native `<input>` element used under the hood."
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "getValueAsString",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "string"
                }
              }
            },
            {
              "kind": "field",
              "name": "onInput",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "onChange",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "onBlur",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "onFocus",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "passwordRevealIconClick",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "onPasswordRevealChange",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "fire-focus-events",
              "fieldName": "fireFocusEvents"
            },
            {
              "name": "accept",
              "fieldName": "accept",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "autocapitalize",
              "fieldName": "autocapitalize"
            },
            {
              "name": "autocomplete",
              "fieldName": "autocomplete",
              "type": {
                "text": "AutocompleteTypes"
              }
            },
            {
              "name": "autocorrect",
              "fieldName": "autocorrect",
              "type": {
                "text": "WcsInputAutocorrect"
              }
            },
            {
              "name": "autofocus",
              "fieldName": "autofocus"
            },
            {
              "name": "debounce",
              "fieldName": "debounce"
            },
            {
              "name": "prefix-label",
              "fieldName": "prefixLabel",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "suffix-label",
              "fieldName": "suffixLabel",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "disabled",
              "fieldName": "disabled"
            },
            {
              "name": "enterkeyhint",
              "fieldName": "enterkeyhint",
              "type": {
                "text": "WcsInputEnterKeyHint"
              }
            },
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "WcsInputSize"
              }
            },
            {
              "name": "icon",
              "fieldName": "icon",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "inputmode",
              "fieldName": "inputmode",
              "type": {
                "text": "WcsInputInputMode"
              }
            },
            {
              "name": "max",
              "fieldName": "max",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "maxlength",
              "fieldName": "maxlength",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "min",
              "fieldName": "min",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "minlength",
              "fieldName": "minlength",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "multiple",
              "fieldName": "multiple",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "name",
              "fieldName": "name",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "hide-password-button-aria-label",
              "fieldName": "hidePasswordButtonAriaLabel",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "show-password-button-aria-label",
              "fieldName": "showPasswordButtonAriaLabel",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "pattern",
              "fieldName": "pattern",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "placeholder",
              "fieldName": "placeholder",
              "type": {
                "text": "string | null"
              }
            },
            {
              "name": "readonly",
              "fieldName": "readonly"
            },
            {
              "name": "required",
              "fieldName": "required"
            },
            {
              "name": "spellcheck",
              "fieldName": "spellcheck"
            },
            {
              "name": "state",
              "fieldName": "state",
              "type": {
                "text": "WcsInputState"
              }
            },
            {
              "name": "step",
              "fieldName": "step",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "type",
              "fieldName": "type",
              "type": {
                "text": "TextFieldTypes"
              }
            },
            {
              "name": "value",
              "fieldName": "value",
              "type": {
                "text": "string | number | null"
              }
            }
          ],
          "tagName": "wcs-input",
          "events": [
            {
              "name": "wcsInput",
              "type": {
                "text": "EventEmitter<KeyboardEvent>"
              },
              "description": "Emitted when a keyboard input occurred. See https://developer.mozilla.org/en-US/docs/Web/Events/input"
            },
            {
              "name": "wcsChange",
              "type": {
                "text": "EventEmitter<InputChangeEventDetail>"
              },
              "description": "Emitted when the value has changed. See https://developer.mozilla.org/en-US/docs/Web/Events/change"
            },
            {
              "name": "wcsBlur",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the input loses focus."
            },
            {
              "name": "wcsFocus",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the input has focus."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Input",
          "declaration": {
            "name": "Input",
            "module": "components/input/input.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-input",
          "declaration": {
            "name": "Input",
            "module": "components/input/input.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/label/label.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The `wcs-label` should always be wrapped in a `wcs-form-field`.\r\nIt is used to caption a form control component.\r\n\r\n## Accessibility guidelines 💡\r\n- Use concise name for the label. If you want to describe more your form control, add a `wcs-hint`\r\n- Use the required flag only as an indication to inform users that the form control is required",
          "name": "Label",
          "cssProperties": [
            {
              "description": "Color of the text",
              "name": "--wcs-label-color"
            },
            {
              "description": "Font weight of the text",
              "name": "--wcs-label-font-weight"
            },
            {
              "description": "Color of the required marker",
              "name": "--wcs-label-required-marker-color"
            },
            {
              "description": "Gap between text and required marker",
              "name": "--wcs-label-gap"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeLabel",
              "type": {
                "text": "HTMLLabelElement | undefined"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "required",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, marks the label with a red star.\r\nAutomatically added if the wrapped component inside the `wcs-form-field` already has the `required` attribute."
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "required",
              "fieldName": "required"
            }
          ],
          "tagName": "wcs-label",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Label",
          "declaration": {
            "name": "Label",
            "module": "components/label/label.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-label",
          "declaration": {
            "name": "Label",
            "module": "components/label/label.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/list-item/list-item.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "Lists are used for grouping a collection of related items.\r\n\r\nStandard lists can be used either with or without icons. Depending on the context, the list can have one or more\r\nactions (favourite, download, delete, etc.). Use standard lists with a unique action when each line has an action. \r\n\r\n## Accessibility guidelines 💡\r\n> - You should wrap your list-items inside a container with a `role` attribute set to `list`. On each `wcs-list-item`, \r\n  you should set a `role` attribute to `listitem`. See the code below.\r\nactions (favourite, download, delete, etc.). Use standard lists with a unique action when each line has an action.",
          "name": "ListItem",
          "cssProperties": [
            {
              "description": "Padding of the list item",
              "name": "--wcs-list-item-padding"
            },
            {
              "description": "Border width of the list item",
              "name": "--wcs-list-item-border-width"
            },
            {
              "description": "Border color of the list item",
              "name": "--wcs-list-item-border-color"
            },
            {
              "description": "Background color of the list item",
              "name": "--wcs-list-item-background-color-default"
            },
            {
              "description": "Background color of the list item when hovered",
              "name": "--wcs-list-item-background-color-hover"
            },
            {
              "description": "Background color of the list item when active",
              "name": "--wcs-list-item-background-color-active"
            },
            {
              "description": "Transition duration of the list item",
              "name": "--wcs-list-item-transition-duration"
            },
            {
              "description": "Color of the title of the list item",
              "name": "--wcs-list-item-title-color"
            },
            {
              "description": "Font weight of the title of the list item",
              "name": "--wcs-list-item-title-font-weight"
            },
            {
              "description": "Line height of the title of the list item",
              "name": "--wcs-list-item-title-line-height"
            },
            {
              "description": "Margin bottom of the title of the list item",
              "name": "--wcs-list-item-title-margin-bottom"
            },
            {
              "description": "Color of the icon of the list item",
              "name": "--wcs-list-item-icon-color"
            },
            {
              "description": "Margin right of the icon of the list item",
              "name": "--wcs-list-item-icon-margin-right"
            },
            {
              "description": "Margin left of the actions of the list item",
              "name": "--wcs-list-item-actions-margin-left"
            }
          ],
          "slots": [
            {
              "description": "Slot containing the title of the list item",
              "name": "title"
            },
            {
              "description": "Slot containing the `<wcs-list-item-properties>` element",
              "name": "properties"
            },
            {
              "description": "Slot containing the actions of the list item, prefer using some `<wcs-button>` inside",
              "name": "actions"
            },
            {
              "description": "Slot containing the description of the list item",
              "name": "description"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "activated",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "True if the item is active. Adds a background color that highlights it."
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "activated",
              "fieldName": "activated",
              "type": {
                "text": "boolean"
              }
            }
          ],
          "tagName": "wcs-list-item",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ListItem",
          "declaration": {
            "name": "ListItem",
            "module": "components/list-item/list-item.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-list-item",
          "declaration": {
            "name": "ListItem",
            "module": "components/list-item/list-item.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/list-item-properties/list-item-properties.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The list-item-properties is a subcomponent of `wcs-list-item`. It represents a wrapper for a list of several `wcs-property`.",
          "name": "ListItemProperties",
          "cssProperties": [
            {
              "description": "Margin bottom of the properties",
              "name": "--wcs-list-item-properties-margin-bottom"
            },
            {
              "description": "Gap between all list item properties",
              "name": "--wcs-list-item-properties-gap"
            },
            {
              "description": "Separator width between all list item properties",
              "name": "--wcs-list-item-properties-separator-width"
            },
            {
              "description": "Separator color between all list item properties",
              "name": "--wcs-list-item-properties-separator-color"
            }
          ],
          "slots": [
            {
              "description": "Slot containing the `<wcs-property>` elements",
              "name": "property"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-list-item-properties",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ListItemProperties",
          "declaration": {
            "name": "ListItemProperties",
            "module": "components/list-item-properties/list-item-properties.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-list-item-properties",
          "declaration": {
            "name": "ListItemProperties",
            "module": "components/list-item-properties/list-item-properties.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/list-item-property/list-item-property.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The list-item-property is a subcomponent of `wcs-list-item`.\r\nWrapped in a `wcs-list-item-properties`, it represents a property to describe an item.",
          "name": "ListItemProperty",
          "cssProperties": [
            {
              "description": "Font weight of the property",
              "name": "--wcs-list-item-property-font-weight"
            },
            {
              "description": "Color of the property",
              "name": "--wcs-list-item-property-color"
            }
          ],
          "slots": [
            {
              "description": "Main container slot",
              "name": "<no-name>"
            }
          ],
          "members": [
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-list-item-property",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ListItemProperty",
          "declaration": {
            "name": "ListItemProperty",
            "module": "components/list-item-property/list-item-property.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-list-item-property",
          "declaration": {
            "name": "ListItemProperty",
            "module": "components/list-item-property/list-item-property.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/mat-icon/mat-icon-interface.tsx",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/mat-icon/mat-icon.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "A component used to display a [Material Icon](https://fonts.google.com/icons). Can be useful when used in wcs-grid or in a wcs-button.",
          "name": "MatIcon",
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeIcon",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "icon",
              "type": {
                "text": "string"
              },
              "description": "Use the icon name from Material Icons"
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "MaterialIconSize"
              },
              "default": "'m'",
              "description": "Size of the icon"
            },
            {
              "kind": "field",
              "name": "family",
              "type": {
                "text": "MaterialIconFamily"
              },
              "default": "'filled'",
              "description": "Family of the icon"
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "icon",
              "fieldName": "icon",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "MaterialIconSize"
              }
            },
            {
              "name": "family",
              "fieldName": "family",
              "type": {
                "text": "MaterialIconFamily"
              }
            }
          ],
          "tagName": "wcs-mat-icon",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "MatIcon",
          "declaration": {
            "name": "MatIcon",
            "module": "components/mat-icon/mat-icon.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-mat-icon",
          "declaration": {
            "name": "MatIcon",
            "module": "components/mat-icon/mat-icon.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/modal/modal-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/modal/modal.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/modal/modal.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The modal component (also named dialog or popup) is an interface element that appears on top of the page content.\r\nUse it to show a message, a confirmation dialog, or any other content like forms.\r\n\r\n## Accessibility guidelines 💡\r\n> - Modal element has `role=\"dialog\"` and `aria-modal=\"true\"`\r\n> - Keyboard navigation is trapped inside the modal\r\n> - It is mandatory to set the `modal-trigger-controls-id` to the id of the element that opens the dialog, in order\r\n> to focus it upon dialog dismissal.\r\n> - On modal opening, the default behaviour is to focus the first focusable element. If you want to change the initial \r\n> behaviour, you have to use `modal-element-id-to-focus-on-opening` attribute to set the id of the inner modal element you \r\n> want to focus. You will see a story as example below\r\n> - The modal can be closed at any time by pressing the Escape key.\r\n>\r\n> - More info : https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/",
          "name": "Modal",
          "cssProperties": [
            {
              "description": "Max height of the main container",
              "name": "--wcs-modal-max-height"
            },
            {
              "description": "Overflow-y of the content",
              "name": "--wcs-modal-overflow-y"
            },
            {
              "description": "Backdrop color of the modal",
              "name": "--wcs-modal-backdrop-color"
            },
            {
              "description": "Max height of the main container",
              "name": "--wcs-modal-max-height"
            },
            {
              "description": "Background color of the modal",
              "name": "--wcs-modal-background-color"
            },
            {
              "description": "Border radius of the modal",
              "name": "--wcs-modal-border-radius"
            },
            {
              "description": "Padding inside the modal",
              "name": "--wcs-modal-padding"
            },
            {
              "description": "Border width of the modal",
              "name": "--wcs-modal-border-width"
            },
            {
              "description": "Border color of the modal",
              "name": "--wcs-modal-border-color"
            },
            {
              "description": "Margin bottom of the modal title",
              "name": "--wcs-modal-title-margin-bottom"
            },
            {
              "description": "Font size of the modal title",
              "name": "--wcs-modal-title-font-size"
            },
            {
              "description": "Font weight of the modal title",
              "name": "--wcs-modal-title-font-weight"
            },
            {
              "description": "Line height of the modal title",
              "name": "--wcs-modal-title-line-height"
            },
            {
              "description": "Margin top of the modal actions",
              "name": "--wcs-modal-actions-margin-top"
            },
            {
              "description": "Width of the modal for size small",
              "name": "--wcs-modal-width-s"
            },
            {
              "description": "Width of the modal for size medium",
              "name": "--wcs-modal-width-m"
            },
            {
              "description": "Width of the modal for size large",
              "name": "--wcs-modal-width-l"
            },
            {
              "description": "Width of the modal for size extra large",
              "name": "--wcs-modal-width-xl"
            }
          ],
          "slots": [
            {
              "description": "Main container slot",
              "name": "<no-name>"
            },
            {
              "description": "Header container slot (for title)",
              "name": "header"
            },
            {
              "description": "Actions container slot (for buttons)",
              "name": "actions"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeDivDialog",
              "type": {
                "text": "HTMLDivElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "withoutBackdrop",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specifies whether the component should display a backdrop on the entire page"
            },
            {
              "kind": "field",
              "name": "show",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Displays the modal"
            },
            {
              "kind": "field",
              "name": "showCloseButton",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specifies whether the component should display a close button.\r\nif false, it won't close the modal when the escape key is pressed."
            },
            {
              "kind": "field",
              "name": "closeButtonAriaLabel",
              "type": {
                "text": "string"
              },
              "default": "'Fermer'",
              "description": "Specifies the aria-label present on the close button when the modal is opened.  \r\nOnly use when `showCloseButton` is `true`."
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "ModalSize"
              },
              "default": "'m'",
              "description": "There are multiple sizes for modals. The default size is medium (m), however other sizes are available. Select the\r\nsize best suited for the content and screen size displaying the modal. Remember to test responsiveness."
            },
            {
              "kind": "field",
              "name": "hideActions",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specifies whether the component should hide the actions slot or not"
            },
            {
              "kind": "field",
              "name": "modalTriggerControlsId",
              "type": {
                "text": "string"
              },
              "description": "Specifies which element id controls the modal",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "initialFocusElementId",
              "type": {
                "text": "string | undefined"
              },
              "default": "undefined",
              "description": "The ID of the element to automatically focus when the modal opens.\r\n\r\nIf this property is not set and `disableAutoFocus` is false, the modal will\r\nautomatically focus the first focusable element within its content.\r\nThis follows accessibility best practices by ensuring keyboard navigation\r\nstarts from a logical point when the modal opens."
            },
            {
              "kind": "field",
              "name": "disableAutoFocus",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Disables automatic focus behavior when the modal opens.\r\n\r\nWhen set to true, the modal will not automatically focus any element upon opening.\r\nUse this property with caution, as managing focus is important for accessibility.\r\nConsider providing an alternative focus management strategy if disabling the default behavior."
            },
            {
              "kind": "field",
              "name": "modalId",
              "type": {
                "text": "number"
              },
              "privacy": "private",
              "default": "modalIds++",
              "description": "Give an unique id"
            },
            {
              "kind": "field",
              "name": "firstFocusableElement",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "lastFocusableElement",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "showAttributeChangedMarker",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false",
              "description": "This attribute is used to determine whether the show attribute has changed since the last rendering. \r\nThis allows us to call the focus method on the first element of the modal when the show attribute changes to true. \r\nThis call is made in the componentDidRender method"
            },
            {
              "kind": "field",
              "name": "hasBeenClosedBefore",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false",
              "description": "This attribute is used to determine if the modal has been closed for the first time since its last activation.\r\nIt is set to 'true' when the modal is first closed, and will be reset to 'false' when the modal is shown again.\r\nThis state is important for accessibility reasons in order to focus the modal trigger element (like the button \r\nwhich controls the modal)"
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onShowChange"
            },
            {
              "kind": "method",
              "name": "updateFocusableElements",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "close",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "onKeyDown",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onCloseButtonClick",
              "privacy": "private",
              "parameters": [
                {
                  "name": "_",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleSlotContentChange",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "without-backdrop",
              "fieldName": "withoutBackdrop",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "show",
              "fieldName": "show",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "show-close-button",
              "fieldName": "showCloseButton",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "close-button-aria-label",
              "fieldName": "closeButtonAriaLabel",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "ModalSize"
              }
            },
            {
              "name": "hide-actions",
              "fieldName": "hideActions",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "modal-trigger-controls-id",
              "fieldName": "modalTriggerControlsId",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "initial-focus-element-id",
              "fieldName": "initialFocusElementId",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "disable-auto-focus",
              "fieldName": "disableAutoFocus",
              "type": {
                "text": "boolean"
              }
            }
          ],
          "tagName": "wcs-modal",
          "events": [
            {
              "name": "wcsDialogClosed",
              "type": {
                "text": "EventEmitter<void>"
              },
              "description": "Triggered when the user leaves the dialog with the closing button."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Modal",
          "declaration": {
            "name": "Modal",
            "module": "components/modal/modal.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-modal",
          "declaration": {
            "name": "Modal",
            "module": "components/modal/modal.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/native-select/native-select-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/native-select/native-select.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The `wcs-native-select` component is designed to accept a native `<select>` element as a slotted child. This choice\r\nallows developers to bind the `<select>` element using the framework of their choice, without the need to re-expose all the\r\nproperties of the `<select>` and `<option>` elements in this component.\r\n\r\nThe component wraps the native `<select>` element and provides custom styles and behavior, while preserving the native\r\nfunctionality and accessibility.\r\n\r\n### ✅ Guidance\r\n\r\n- To have a placeholder, you must have an option as child which has `selected` attribute and `disabled`\r\nattribute. You can add the `hidden` attribute to don't show the placeholder option in the options overlay.\r\n\r\n### Example usage\r\n\r\n```html\r\n<wcs-native-select>\r\n  <select>\r\n    <option value=\"option1\">Option 1</option>\r\n    <option value=\"option2\">Option 2</option>\r\n    <option value=\"option3\">Option 3</option>\r\n  </select>\r\n</wcs-native-select>\r\n```\r\n\r\n### Note\r\n- We did not find a way to detect when the select is reset, if you want to apply the placeholder style when the\r\nselect is reset, you have to call the `updateStyles()` method manually.\r\n- It is strongly recommended to use native-select when you don't have to support the multi-selection feature\r\n- Use a native-select instead of a wcs-select if your application is mainly on mobile / tablet. The native behavior of the device will be used.",
          "name": "NativeSelect",
          "cssProperties": [
            {
              "description": "Line height of the select",
              "name": "--wcs-native-select-line-height"
            },
            {
              "description": "Height of the select when size is 'm'",
              "name": "--wcs-native-select-size-m"
            },
            {
              "description": "Font size of the select when size is 'm'",
              "name": "--wcs-native-select-font-size-m"
            },
            {
              "description": "Height of the select when size is 'l'",
              "name": "--wcs-native-select-size-l"
            },
            {
              "description": "Font size of the select when size is 'l'",
              "name": "--wcs-native-select-font-size-l"
            },
            {
              "description": "Border radius of the select",
              "name": "--wcs-native-select-border-radius"
            },
            {
              "description": "Background color of the select",
              "name": "--wcs-native-select-background-color"
            },
            {
              "description": "Border color of the select when not focused",
              "name": "--wcs-native-select-border-color-default"
            },
            {
              "description": "Border color of the select when disabled",
              "name": "--wcs-native-select-border-color-disabled"
            },
            {
              "description": "Border color of the select when focused",
              "name": "--wcs-native-select-border-color-focus"
            },
            {
              "description": "Border color of the select when in error state",
              "name": "--wcs-native-select-border-color-error"
            },
            {
              "description": "Border style of the select when not focused",
              "name": "--wcs-native-select-border-style-default"
            },
            {
              "description": "Border style of the select when focused",
              "name": "--wcs-native-select-border-style-focus"
            },
            {
              "description": "Border width of the select when not focused",
              "name": "--wcs-native-select-border-width"
            },
            {
              "description": "Border width of the select when focused",
              "name": "--wcs-native-select-border-width-focus"
            },
            {
              "description": "Color of the selected value",
              "name": "--wcs-native-select-value-color"
            },
            {
              "description": "Font weight of the selected value",
              "name": "--wcs-native-select-value-font-weight"
            },
            {
              "description": "Font style of the selected value",
              "name": "--wcs-native-select-value-font-style"
            },
            {
              "description": "Padding horizontal of the select when size is 'm'",
              "name": "--wcs-native-select-padding-horizontal-m"
            },
            {
              "description": "Padding horizontal of the select when size is 'l'",
              "name": "--wcs-native-select-padding-horizontal-l"
            },
            {
              "description": "Color of the select arrow",
              "name": "--wcs-native-select-arrow-color"
            },
            {
              "description": "Color of the select arrow when the select is disabled",
              "name": "--wcs-native-select-arrow-color-disabled"
            },
            {
              "description": "Color of the text when the select is disabled",
              "name": "--wcs-native-select-text-color-disabled"
            },
            {
              "description": "Color of the placeholder",
              "name": "--wcs-native-select-placeholder-color"
            },
            {
              "description": "Font weight of the placeholder",
              "name": "--wcs-native-select-placeholder-font-weight"
            },
            {
              "description": "Font style of the placeholder",
              "name": "--wcs-native-select-placeholder-font-style"
            },
            {
              "description": "Text color of the options",
              "name": "--wcs-native-select-option-color"
            },
            {
              "description": "Font style of the options",
              "name": "--wcs-native-select-option-font-style"
            },
            {
              "description": "Text color of the selected option",
              "name": "--wcs-native-select-option-selected-color"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "WcsNativeSelectSize"
              },
              "default": "'m'",
              "description": "The `size` property controls the size of the slotted `select` element by adjusting its padding.\r\nThere are two possible size options:\r\n- 'm': medium size\r\n- 'l': large size\r\n\r\nThe default value is 'm'."
            },
            {
              "kind": "field",
              "name": "required",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the user must fill in a value before submitting a form.\r\nIt is propagated to the slotted select element"
            },
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsNativeSelectElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "expanded",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "selectElement",
              "type": {
                "text": "HTMLSelectElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "observer",
              "type": {
                "text": "MutationObserver"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "SLOTTED_SELECT_TRACKED_ATTRIBUTES_LIST",
              "type": {
                "text": "array"
              },
              "privacy": "private",
              "readonly": true,
              "default": "['disabled']"
            },
            {
              "kind": "method",
              "name": "requiredChanged",
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "boolean"
                  }
                },
                {
                  "name": "oldValue",
                  "type": {
                    "text": "boolean"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onSelectedOptionChange",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "_updateStyles",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "isPlaceholderOptionSelected",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "applySelectedOptionStylesOnNativeSlottedSelectElement",
              "privacy": "private",
              "description": "This method should always unset all styles modified by the `applyPlaceholderStylesOnNativeSlottedSelectElement()`"
            },
            {
              "kind": "method",
              "name": "applyPlaceholderStylesOnNativeSlottedSelectElement",
              "privacy": "private",
              "description": "This method apply styles when the placeholder is shown.\r\n\r\nWe use javascript because we cannot achieve that behaviour in pure css when the native select is not required"
            },
            {
              "kind": "method",
              "name": "updateHostAttributeWithSlottedSelect",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "updateStyles",
              "description": "Use this method to force the component to update its styles. It can be useful when the select is reset (with a placeholder)."
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "WcsNativeSelectSize"
              }
            },
            {
              "name": "required",
              "fieldName": "required"
            }
          ],
          "tagName": "wcs-native-select",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "NativeSelect",
          "declaration": {
            "name": "NativeSelect",
            "module": "components/native-select/native-select.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-native-select",
          "declaration": {
            "name": "NativeSelect",
            "module": "components/native-select/native-select.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/nav/nav.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The nav component is a container for navigation links to other pages of the website.",
          "name": "Nav",
          "cssProperties": [
            {
              "description": "Background color of the nav",
              "name": "--wcs-nav-background-color"
            },
            {
              "description": "Width of the nav on desktop",
              "name": "--wcs-nav-width-desktop"
            },
            {
              "description": "Height of the nav on mobile",
              "name": "--wcs-nav-height-mobile"
            }
          ],
          "slots": [
            {
              "description": "Bottom part of the nav to put to nav-items at the end",
              "name": "bottom"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsProgressBarElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeNav",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-nav",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Nav",
          "declaration": {
            "name": "Nav",
            "module": "components/nav/nav.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-nav",
          "declaration": {
            "name": "Nav",
            "module": "components/nav/nav.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/nav-item/nav-item.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The nav-item component is a subcomponent of `wcs-nav` and should always be used inside it.  \r\nThey contain links to navigate to other pages of the website.",
          "name": "NavItem",
          "cssProperties": [
            {
              "description": "Font weight of the nav item",
              "name": "--wcs-nav-item-font-weight"
            },
            {
              "description": "Height of the nav item on desktop",
              "name": "--wcs-nav-item-height-desktop"
            },
            {
              "description": "Height of the nav item on mobile",
              "name": "--wcs-nav-item-height-mobile"
            },
            {
              "description": "Gap between items in nav-item on desktop (e.g. icon and label)",
              "name": "--wcs-nav-item-gap-desktop"
            },
            {
              "description": "Gap between items in nav-item on mobile (e.g. icon and label)",
              "name": "--wcs-nav-item-gap-mobile"
            },
            {
              "description": "Font size of the nav item on desktop",
              "name": "--wcs-nav-item-font-size-desktop"
            },
            {
              "description": "Font size of the nav item on mobile",
              "name": "--wcs-nav-item-font-size-mobile"
            },
            {
              "description": "Default background color of the nav item",
              "name": "--wcs-nav-item-background-color-default"
            },
            {
              "description": "Background color of the nav item when hovered",
              "name": "--wcs-nav-item-background-color-hover"
            },
            {
              "description": "Background color of the nav item when pressed",
              "name": "--wcs-nav-item-background-color-press"
            },
            {
              "description": "Background color of the nav item when active",
              "name": "--wcs-nav-item-background-color-active"
            },
            {
              "description": "Color of the nav item when default",
              "name": "--wcs-nav-item-color-default"
            },
            {
              "description": "Color of the nav item when active",
              "name": "--wcs-nav-item-color-active"
            },
            {
              "description": "Color of the nav item when hovered",
              "name": "--wcs-nav-item-color-hover"
            },
            {
              "description": "Color of the nav item when pressed",
              "name": "--wcs-nav-item-color-press"
            },
            {
              "description": "Border color of the nav item when focused",
              "name": "--wcs-nav-item-border-color-focus"
            },
            {
              "description": "Border width of the nav item when focused",
              "name": "--wcs-nav-item-border-width-focus"
            },
            {
              "description": "Background color of the nav item indicator",
              "name": "--wcs-nav-item-indicator-background-color"
            },
            {
              "description": "Width of the nav item indicator on desktop",
              "name": "--wcs-nav-item-indicator-width-desktop"
            },
            {
              "description": "Width of the nav item indicator on mobile",
              "name": "--wcs-nav-item-indicator-width-mobile"
            },
            {
              "description": "Height of the nav item indicator on desktop",
              "name": "--wcs-nav-item-indicator-height-desktop"
            },
            {
              "description": "Height of the nav item indicator on mobile",
              "name": "--wcs-nav-item-indicator-height-mobile"
            },
            {
              "description": "Border radius of the nav item indicator on desktop",
              "name": "--wcs-nav-item-indicator-border-radius-desktop"
            },
            {
              "description": "Border radius of the nav item indicator on mobile",
              "name": "--wcs-nav-item-indicator-border-radius-mobile"
            },
            {
              "description": "Transition duration of the nav item",
              "name": "--wcs-nav-item-transition-duration"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "onKeyDown",
              "parameters": [
                {
                  "name": "_event",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "tagName": "wcs-nav-item",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "NavItem",
          "declaration": {
            "name": "NavItem",
            "module": "components/nav-item/nav-item.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-nav-item",
          "declaration": {
            "name": "NavItem",
            "module": "components/nav-item/nav-item.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/progress-bar/progress-bar.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The progress-bar component is a horizontal bar that indicates the current completion of a task.\r\n\r\n## Accessibility guidelines 💡\r\n> Aria attributes and how to display the progress-bar depend on the use case in your application :\r\n>\r\n> - **Case 1 : decorative**\r\n> If the progress-bar is used as a decoration _(if removed, the user doesn't lose any relevant information)_ or in the\r\n> context of another component _(such as progress-bar in a card, stepper, ...)_ => **you don't need to show the label nor add an aria-label**.\r\n>\r\n> - **Case 2 : informative**\r\n> If the progress-bar is used to convey important information _(e.g., form completion status, dashboard KPI)_, you need to :\r\n>   - **Provide a visible label** that describes the purpose of the progress-bar.\r\n>   - **Set the `showLabel` property to `true`** to show the percentage above the progress-bar.\r\n>   - Optionally, use aria-label to provide an accessible name if a visible label is not present.",
          "name": "ProgressBar",
          "cssProperties": [
            {
              "description": "Border radius",
              "name": "--wcs-progress-bar-border-radius"
            },
            {
              "description": "Border radius for size small",
              "name": "--wcs-progress-bar-border-radius-small"
            },
            {
              "description": "Animation duration",
              "name": "--wcs-progress-bar-animation-duration"
            },
            {
              "description": "Height for size medium",
              "name": "--wcs-progress-bar-height-m"
            },
            {
              "description": "Height for size small",
              "name": "--wcs-progress-bar-height-s"
            },
            {
              "description": "Background color of the progress bar",
              "name": "--wcs-progress-bar-background-color"
            },
            {
              "description": "Rail color (dashed line)",
              "name": "--wcs-progress-bar-rail-color"
            },
            {
              "description": "Space between the rail dashes",
              "name": "--wcs-progress-bar-rail-spacing"
            },
            {
              "description": "Gap between the progress bar and the label for size small",
              "name": "--wcs-progress-bar-gap-s"
            },
            {
              "description": "Gap between the progress bar and the label for size medium",
              "name": "--wcs-progress-bar-gap-m"
            },
            {
              "description": "Color of the progress bar indicator (bar on top of the rail)",
              "name": "--wcs-progress-bar-indicator-color"
            },
            {
              "description": "Color of the label",
              "name": "--wcs-progress-bar-label-color"
            },
            {
              "description": "Font size of the label for size small",
              "name": "--wcs-progress-bar-label-font-size-s"
            },
            {
              "description": "Font size of the label for size medium",
              "name": "--wcs-progress-bar-label-font-size-m"
            },
            {
              "description": "Font weight of the label",
              "name": "--wcs-progress-bar-label-font-weight"
            },
            {
              "description": "Font size of the percentage for size small",
              "name": "--wcs-progress-bar-label-percentage-font-size-s"
            },
            {
              "description": "Font size of the percentage for size medium",
              "name": "--wcs-progress-bar-label-percentage-font-size-m"
            },
            {
              "description": "Space on top of the progress bar when label is displayed",
              "name": "--wcs-progress-bar-label-top-space"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsProgressBarElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeProgress",
              "type": {
                "text": "HTMLDivElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "Extract<WcsSize, 'm' | 's'>"
              },
              "default": "'m'",
              "description": "Specify the size of the progress bar.\r\nm = default, s = smaller"
            },
            {
              "kind": "field",
              "name": "showLabel",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Whether it displays a label indicating the percentage of progress above the bar."
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "The actual value of the progress.\r\nRanging from 0 to 100."
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render"
            },
            {
              "kind": "method",
              "name": "rootClasses",
              "return": {
                "type": {
                  "text": "string"
                }
              }
            }
          ],
          "attributes": [
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "Extract<WcsSize, 'm' | 's'>"
              }
            },
            {
              "name": "show-label",
              "fieldName": "showLabel",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "value",
              "fieldName": "value",
              "type": {
                "text": "number"
              }
            }
          ],
          "tagName": "wcs-progress-bar",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ProgressBar",
          "declaration": {
            "name": "ProgressBar",
            "module": "components/progress-bar/progress-bar.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-progress-bar",
          "declaration": {
            "name": "ProgressBar",
            "module": "components/progress-bar/progress-bar.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/progress-radial/progress-radial.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The progress-radial component is a circular progress bar that indicates the current completion of a task. \r\n\r\n## Accessibility guidelines 💡\r\n> Aria attributes and how to display the progress-radial depend on the use case in your application :\r\n>\r\n> - **Case 1 : decorative**\r\n> If the progress-radial is used as a decoration _(if removed, the user doesn't lose any relevant information)_ or in the\r\n> context of another component _(such as progress-radial in a card)_ => **you don't need to show the label nor add an aria-label**.\r\n>\r\n> - **Case 2 : informative**\r\n> If the progress-radial is used to convey important information _(e.g., form completion status, dashboard KPI)_, you need to :\r\n>   - **Provide a visible label** that describes the purpose of the progress-radial.\r\n>   - **Set the `showLabel` property to `true`** to show the percentage inside the progress-radial.\r\n>   - Optionally, use aria-label to provide an accessible name if a visible label is not present.",
          "name": "ProgressRadial",
          "cssProperties": [
            {
              "description": "The width of the line that represents the rail of the progress radial",
              "name": "--wcs-progress-radial-rail-width"
            },
            {
              "description": "The space between each rail of the progress radial",
              "name": "--wcs-progress-radial-rail-spacing"
            },
            {
              "description": "The color of the rail of the progress radial",
              "name": "--wcs-progress-radial-rail-color"
            },
            {
              "description": "The background color of the bar on top of the rail",
              "name": "--wcs-progress-radial-value-background-color"
            },
            {
              "description": "The color of the label inside the progress radial",
              "name": "--wcs-progress-radial-label-color"
            },
            {
              "description": "The font size of the label inside the progress radial",
              "name": "--wcs-progress-radial-label-font-size"
            },
            {
              "description": "The font weight of the label inside the progress radial",
              "name": "--wcs-progress-radial-label-font-weight"
            },
            {
              "description": "The font size of the percentage inside the progress radial",
              "name": "--wcs-progress-radial-label-percentage-font-size"
            },
            {
              "description": "The duration of the animation of the progress radial",
              "name": "--wcs-progress-radial-animation-duration"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsProgressRadialElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeProgress",
              "type": {
                "text": "HTMLDivElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "backgroundImageSize",
              "type": {
                "text": "number"
              },
              "privacy": "private",
              "default": "120",
              "description": "The initial background image size (120x120) as specified in the background-image css property of .progress-circle"
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "number"
              },
              "default": "120",
              "description": "The size of the progress radial (in px)"
            },
            {
              "kind": "field",
              "name": "showLabel",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Whether the component should display the % label inside"
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "The value of the progress radial. Prefer values between 0 and 100."
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render"
            },
            {
              "kind": "method",
              "name": "getSvgStyle"
            },
            {
              "kind": "method",
              "name": "getSize"
            }
          ],
          "attributes": [
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "show-label",
              "fieldName": "showLabel",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "value",
              "fieldName": "value",
              "type": {
                "text": "number"
              }
            }
          ],
          "tagName": "wcs-progress-radial",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ProgressRadial",
          "declaration": {
            "name": "ProgressRadial",
            "module": "components/progress-radial/progress-radial.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-progress-radial",
          "declaration": {
            "name": "ProgressRadial",
            "module": "components/progress-radial/progress-radial.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/radio/radio-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/radio/radio.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The radio component should always be wrapped in a `wcs-radio-group`.",
          "name": "Radio",
          "cssProperties": [
            {
              "description": "Duration of the transition",
              "name": "--wcs-radio-transition-duration"
            },
            {
              "description": "Color of the text when the radio is not selected",
              "name": "--wcs-radio-text-color-default"
            },
            {
              "description": "Default font weight of the text",
              "name": "--wcs-radio-text-font-weight-default"
            },
            {
              "description": "Color of the text when the radio is selected",
              "name": "--wcs-radio-text-color-selected"
            },
            {
              "description": "Font weight of the text when the radio is selected",
              "name": "--wcs-radio-text-font-weight-selected"
            },
            {
              "description": "Color of the text when the radio is disabled",
              "name": "--wcs-radio-text-color-disabled"
            },
            {
              "description": "Color of the text when the radio is hovered",
              "name": "--wcs-radio-text-color-hover"
            },
            {
              "description": "Color of the outline when the radio is focused",
              "name": "--wcs-radio-outline-color-focus"
            },
            {
              "description": "Size of the checkmark circle",
              "name": "--wcs-radio-checkmark-size"
            },
            {
              "description": "Width of the border of the checkmark circle",
              "name": "--wcs-radio-checkmark-border-width"
            },
            {
              "description": "Color of the border of the checkmark circle when the radio's is not selected",
              "name": "--wcs-radio-checkmark-border-color-default"
            },
            {
              "description": "Color of the border of the checkmark circle when the radio is selected",
              "name": "--wcs-radio-checkmark-border-color-selected"
            },
            {
              "description": "Color of the border of the checkmark circle when the radio is hovered",
              "name": "--wcs-radio-checkmark-border-color-hover"
            },
            {
              "description": "Color of the border of the checkmark circle when the radio is disabled",
              "name": "--wcs-radio-checkmark-border-color-disabled"
            },
            {
              "description": "Background color of the checkmark circle when the radio's is not selected",
              "name": "--wcs-radio-checkmark-background-color-default"
            },
            {
              "description": "Background color of the checkmark circle when the radio's is selected",
              "name": "--wcs-radio-checkmark-background-color-selected"
            },
            {
              "description": "Background color of the checkmark circle when the radio is selected and disabled",
              "name": "--wcs-radio-checkmark-background-color-selected-disabled"
            },
            {
              "description": "Background color of the checkmark circle when the radio is selected and hovered",
              "name": "--wcs-radio-checkmark-background-color-selected-hover"
            },
            {
              "description": "Distance between the checkmark circle and the outline (inside the background)",
              "name": "--wcs-radio-checkmark-outline-distance-with-checkmark-circle"
            },
            {
              "description": "Width of the outline of the checkmark circle (inside the background)",
              "name": "--wcs-radio-checkmark-outline-width"
            },
            {
              "description": "Color of the outline of the checkmark circle (inside the background)",
              "name": "--wcs-radio-checkmark-outline-color"
            },
            {
              "description": "Border radius of the checkmark circle",
              "name": "--wcs-radio-checkmark-border-radius"
            },
            {
              "description": "Gap between the radio checkmark circle and the label",
              "name": "--wcs-radio-gap"
            },
            {
              "description": "Border radius of the radio (default mode)",
              "name": "--wcs-radio-border-radius"
            },
            {
              "description": "Background color of the radio option when not selected",
              "name": "--wcs-radio-option-background-color-default"
            },
            {
              "description": "Background color of the radio option not selected when hovered",
              "name": "--wcs-radio-option-background-color-hover"
            },
            {
              "description": "Background color of the radio option when pressed",
              "name": "--wcs-radio-option-background-color-press"
            },
            {
              "description": "Background color of the radio option when disabled",
              "name": "--wcs-radio-option-background-color-disabled"
            },
            {
              "description": "Background color of the radio option when selected",
              "name": "--wcs-radio-option-background-color-selected-default"
            },
            {
              "description": "Background color of the radio option when selected and hovered",
              "name": "--wcs-radio-option-background-color-selected-hover"
            },
            {
              "description": "Background color of the radio option when selected and pressed",
              "name": "--wcs-radio-option-background-color-selected-press"
            },
            {
              "description": "Background color of the radio option when selected and disabled",
              "name": "--wcs-radio-option-background-color-selected-disabled"
            },
            {
              "description": "Color of the text when the radio option is not selected",
              "name": "--wcs-radio-option-text-color-default"
            },
            {
              "description": "Color of the text when the radio option not selected is hovered",
              "name": "--wcs-radio-option-text-color-hover"
            },
            {
              "description": "Color of the text when the radio option is pressed",
              "name": "--wcs-radio-option-text-color-press"
            },
            {
              "description": "Color of the text when the radio option is selected",
              "name": "--wcs-radio-option-text-color-selected-default"
            },
            {
              "description": "Color of the text when the radio option is selected and hovered",
              "name": "--wcs-radio-option-text-color-selected-hover"
            },
            {
              "description": "Color of the text when the radio option is selected and pressed",
              "name": "--wcs-radio-option-text-color-selected-press"
            },
            {
              "description": "Color of the text when the radio option's is disabled",
              "name": "--wcs-radio-option-text-color-disabled"
            },
            {
              "description": "Default font weight of the text",
              "name": "--wcs-radio-option-text-font-weight-default"
            },
            {
              "description": "Font weight of the text when the radio option is selected",
              "name": "--wcs-radio-option-text-font-weight-selected"
            },
            {
              "description": "Border radius of the radio option",
              "name": "--wcs-radio-option-border-radius"
            },
            {
              "description": "Width of the border of the radio option",
              "name": "--wcs-radio-option-border-width"
            },
            {
              "description": "Color of the border of the radio option when not selected and hovered",
              "name": "--wcs-radio-option-border-color-hover"
            },
            {
              "description": "Color of the border of the radio option when not selected and pressed",
              "name": "--wcs-radio-option-border-color-press"
            },
            {
              "description": "Padding top of the radio option",
              "name": "--wcs-radio-option-padding-top"
            },
            {
              "description": "Padding right of the radio option",
              "name": "--wcs-radio-option-padding-right"
            },
            {
              "description": "Padding bottom of the radio option",
              "name": "--wcs-radio-option-padding-bottom"
            },
            {
              "description": "Padding left of the radio option",
              "name": "--wcs-radio-option-padding-left"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "inputId",
              "privacy": "private",
              "default": "`wcs-rb-${radioButtonIds++}`"
            },
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsRadioElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeRadio",
              "type": {
                "text": "HTMLInputElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "checked",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false",
              "description": "If `true`, the radio is selected."
            },
            {
              "kind": "field",
              "name": "radioTabIndex",
              "type": {
                "text": "number"
              },
              "privacy": "private",
              "default": "-1",
              "description": "The tabindex of the radio button"
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "any | any[] | undefined | null"
              },
              "description": "Sets a unique value for each radio, used to identify which radio button in a group is selected"
            },
            {
              "kind": "field",
              "name": "label",
              "type": {
                "text": "string"
              },
              "description": "The label text displayed for the user"
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the user cannot interact with the radio."
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onFocus",
              "parameters": [
                {
                  "name": "ev",
                  "type": {
                    "text": "FocusEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onBlur",
              "parameters": [
                {
                  "name": "ev",
                  "type": {
                    "text": "FocusEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "getClosestRadioGroup",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "HTMLWcsRadioGroupElement | null"
                }
              }
            },
            {
              "kind": "method",
              "name": "onChange",
              "privacy": "private",
              "parameters": [
                {
                  "name": "_",
                  "type": {
                    "text": "Event"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "emitRadioChangeEvent"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "value",
              "fieldName": "value",
              "type": {
                "text": "any | any[] | undefined | null"
              }
            },
            {
              "name": "label",
              "fieldName": "label",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "disabled",
              "fieldName": "disabled"
            },
            {
              "name": "name",
              "fieldName": "name",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "mode",
              "fieldName": "mode",
              "type": {
                "text": "RadioGroupMode"
              }
            }
          ],
          "tagName": "wcs-radio",
          "events": [
            {
              "name": "wcsRadioClick",
              "type": {
                "text": "EventEmitter<RadioChosedEvent>"
              },
              "description": "Emitted when the radio is clicked or Space/Enter is pressed above an unchecked radio"
            },
            {
              "name": "wcsBlur",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the radio loses focus."
            },
            {
              "name": "wcsFocus",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the radio has focus."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Radio",
          "declaration": {
            "name": "Radio",
            "module": "components/radio/radio.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-radio",
          "declaration": {
            "name": "Radio",
            "module": "components/radio/radio.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/radio-group/radio-group-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/radio-group/radio-group.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/radio-group/radio-group.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "",
          "name": "RadioGroup",
          "cssProperties": [
            {
              "description": "Gap between each radio (checkmark + label) in horizontal mode",
              "name": "--wcs-radio-group-gap"
            },
            {
              "description": "Background color of the radio group option",
              "name": "--wcs-radio-group-option-background-color"
            },
            {
              "description": "Height of the radio group option",
              "name": "--wcs-radio-group-option-height"
            },
            {
              "description": "Padding of the radio group option",
              "name": "--wcs-radio-group-option-padding"
            },
            {
              "description": "Border radius of the radio group option",
              "name": "--wcs-radio-group-option-border-radius"
            },
            {
              "description": "Gap between each radio option",
              "name": "--wcs-radio-group-option-gap"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsRadioGroupElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "any | any[] | undefined | null"
              },
              "description": "The value of the radio-group. Automatically reflects which radio button is selected."
            },
            {
              "kind": "field",
              "name": "name",
              "description": "The name of the control to be set on all radio button children"
            },
            {
              "kind": "field",
              "name": "mode",
              "type": {
                "text": "RadioGroupMode"
              },
              "default": "'radio'",
              "description": "The display mode of the control to be set on all radio button children"
            },
            {
              "kind": "method",
              "name": "onValueChangeHandler",
              "parameters": [
                {
                  "name": "value",
                  "type": {
                    "text": "any | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onSlotChange"
            },
            {
              "kind": "method",
              "name": "updateAllRadioState"
            },
            {
              "kind": "method",
              "name": "updateAllRadioModeAndName"
            },
            {
              "kind": "method",
              "name": "updateRadioTabIndex",
              "parameters": [
                {
                  "name": "value",
                  "type": {
                    "text": "any | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "getSlottedRadios",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "HTMLWcsRadioElement[]"
                }
              }
            },
            {
              "kind": "method",
              "name": "getSlottedRadiosNotDisabled",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "HTMLWcsRadioElement[]"
                }
              }
            },
            {
              "kind": "method",
              "name": "handleRadioClick",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "CustomEvent<RadioChosedEvent>"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleKeyDown",
              "parameters": [
                {
                  "name": "ev",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "value",
              "fieldName": "value",
              "type": {
                "text": "any | any[] | undefined | null"
              }
            },
            {
              "name": "name",
              "fieldName": "name"
            },
            {
              "name": "mode",
              "fieldName": "mode",
              "type": {
                "text": "RadioGroupMode"
              }
            }
          ],
          "tagName": "wcs-radio-group",
          "events": [
            {
              "name": "wcsChange",
              "type": {
                "text": "EventEmitter<RadioGroupChangeEventDetail>"
              },
              "description": "Emitted when the value has changed."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "RadioGroup",
          "declaration": {
            "name": "RadioGroup",
            "module": "components/radio-group/radio-group.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-radio-group",
          "declaration": {
            "name": "RadioGroup",
            "module": "components/radio-group/radio-group.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/select/select-arrow.tsx",
      "declarations": [
        {
          "kind": "function",
          "name": "SelectArrow",
          "parameters": [
            {
              "name": "{ up, ariaLabel}"
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "SelectArrow",
          "declaration": {
            "name": "SelectArrow",
            "module": "components/select/select-arrow.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/select/select-chips.tsx",
      "declarations": [
        {
          "kind": "function",
          "name": "SelectChips",
          "parameters": [
            {
              "name": "{disabled, option, onRemove}"
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "SelectChips",
          "declaration": {
            "name": "SelectChips",
            "module": "components/select/select-chips.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/select/select-interface.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "WcsDefaultSelectFilterFn",
          "return": {
            "type": {
              "text": "boolean"
            }
          },
          "parameters": [
            {
              "name": "optionEl",
              "description": "wcs-select-option element"
            },
            {
              "name": "filter",
              "description": "input filter field value"
            }
          ],
          "description": "Default filtering function. Compares the string start of wcs-select-option element's text content\r\nwith your filter input."
        },
        {
          "kind": "variable",
          "name": "WcsSelectSizeValue",
          "type": {
            "text": "['m', 'l']"
          },
          "default": "['m', 'l']"
        },
        {
          "kind": "function",
          "name": "isWcsSelectSize",
          "return": {
            "type": {
              "text": "size is WcsSelectSize"
            }
          },
          "parameters": [
            {
              "name": "size",
              "type": {
                "text": "string"
              }
            }
          ]
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "WcsDefaultSelectFilterFn",
          "declaration": {
            "name": "WcsDefaultSelectFilterFn",
            "module": "components/select/select-interface.ts"
          }
        },
        {
          "kind": "js",
          "name": "WcsSelectSizeValue",
          "declaration": {
            "name": "WcsSelectSizeValue",
            "module": "components/select/select-interface.ts"
          }
        },
        {
          "kind": "js",
          "name": "isWcsSelectSize",
          "declaration": {
            "name": "isWcsSelectSize",
            "module": "components/select/select-interface.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/select/select-keyboard-event.ts",
      "declarations": [
        {
          "kind": "function",
          "name": "getActionForKeyboardEvent",
          "return": {
            "type": {
              "text": "KeyboardEventAssociatedAction[]"
            }
          },
          "parameters": [
            {
              "name": "event",
              "type": {
                "text": "KeyboardEvent"
              }
            },
            {
              "name": "currentState",
              "type": {
                "text": "'closed' | 'opened'"
              }
            },
            {
              "name": "type",
              "type": {
                "text": "'autocomplete_unique' | 'autocomplete_multiple' | 'unique' | 'multiple'"
              }
            }
          ],
          "description": "We follow this https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/"
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "getActionForKeyboardEvent",
          "declaration": {
            "name": "getActionForKeyboardEvent",
            "module": "components/select/select-keyboard-event.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/select/select.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/select/select.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The select component (also named combobox) is a form component that allows users to select one or more options\r\nfrom a list.\r\nUse it with several slotted `wcs-select-option` inside.",
          "name": "Select",
          "cssProperties": [
            {
              "description": "Color of the select arrow",
              "name": "--wcs-select-control-arrow-color"
            },
            {
              "description": "Color of the select arrow when disabled",
              "name": "--wcs-select-control-arrow-color-disabled"
            },
            {
              "description": "Background color of the select control",
              "name": "--wcs-select-control-background-color"
            },
            {
              "description": "Line height of the select control",
              "name": "--wcs-select-control-line-height"
            },
            {
              "description": "Padding of the select options container",
              "name": "--wcs-select-options-padding"
            },
            {
              "description": "Border radius of the select control",
              "name": "--wcs-select-control-border-radius"
            },
            {
              "description": "Border width of the select control when not focused",
              "name": "--wcs-select-control-border-width-default"
            },
            {
              "description": "Border width of the select control when focused",
              "name": "--wcs-select-control-border-width-focus"
            },
            {
              "description": "Border color of the select control when not focused",
              "name": "--wcs-select-control-border-color-default"
            },
            {
              "description": "Border color of the select control when disabled",
              "name": "--wcs-select-control-border-color-disabled"
            },
            {
              "description": "Border color of the select control when error",
              "name": "--wcs-select-control-border-color-error"
            },
            {
              "description": "Border color of the select control when focused (not opened, but the control is focused)",
              "name": "--wcs-select-control-border-color-focus"
            },
            {
              "description": "Text color of the select value when not focused",
              "name": "--wcs-select-value-color"
            },
            {
              "description": "Font weight of the select value",
              "name": "--wcs-select-value-font-weight"
            },
            {
              "description": "Text color of the select placeholder",
              "name": "--wcs-select-placeholder-color"
            },
            {
              "description": "Font weight of the select placeholder",
              "name": "--wcs-select-placeholder-font-weight"
            },
            {
              "description": "Font style of the select placeholder",
              "name": "--wcs-select-placeholder-font-style"
            },
            {
              "description": "Text color of the select when disabled",
              "name": "--wcs-select-text-color-disabled"
            },
            {
              "description": "Border style of the select control when not focused",
              "name": "--wcs-select-control-border-style-default"
            },
            {
              "description": "Border style of the select control when focused",
              "name": "--wcs-select-control-border-style-focus"
            },
            {
              "description": "Border style of the select control when error",
              "name": "--wcs-select-control-border-style-error"
            },
            {
              "description": "Gap between chips (only in multiple mode)",
              "name": "--wcs-select-control-chips-gap"
            },
            {
              "description": "Height of the select control in medium size",
              "name": "--wcs-select-control-height-m"
            },
            {
              "description": "Height of the select control in large size",
              "name": "--wcs-select-control-height-l"
            },
            {
              "description": "Padding vertical (top - bottom) of the select control in size m",
              "name": "--wcs-select-control-autocomplete-padding-vertical-m"
            },
            {
              "description": "Padding vertical (top - bottom) of the select control in size l",
              "name": "--wcs-select-control-autocomplete-padding-vertical-l"
            },
            {
              "description": "Padding horizontal (left - right) in medium size",
              "name": "--wcs-select-control-padding-horizontal-m"
            },
            {
              "description": "Padding horizontal (left - right) in large size",
              "name": "--wcs-select-control-padding-horizontal-l"
            },
            {
              "description": "Font size of the select in size m",
              "name": "--wcs-select-control-font-size-m"
            },
            {
              "description": "Font size of the select in size m",
              "name": "--wcs-select-control-font-size-l"
            },
            {
              "description": "Color default of the select chip",
              "name": "--wcs-select-control-chip-color-default"
            },
            {
              "description": "Color disabled of the select chip",
              "name": "--wcs-select-control-chip-color-disabled"
            },
            {
              "description": "Background color default of the select chip",
              "name": "--wcs-select-control-chip-background-color-default"
            },
            {
              "description": "Disabled background color of the select chip",
              "name": "--wcs-select-control-chip-background-color-disabled"
            },
            {
              "description": "Padding vertical (top - bottom) of the select chip",
              "name": "--wcs-select-control-chip-padding-vertical"
            },
            {
              "description": "Padding horizontal (left - right) of the select chip",
              "name": "--wcs-select-control-chip-padding-horizontal"
            },
            {
              "description": "Line height of the select chip",
              "name": "--wcs-select-control-chip-line-height"
            },
            {
              "description": "Border radius of the select chip",
              "name": "--wcs-select-control-chip-border-radius"
            },
            {
              "description": "Max height of the select overlay",
              "name": "--wcs-select-overlay-max-height"
            },
            {
              "description": "Background color of the select overlay",
              "name": "--wcs-select-overlay-background-color"
            },
            {
              "description": "Border width of the select overlay",
              "name": "--wcs-select-overlay-border-width"
            },
            {
              "description": "Border color of the select overlay",
              "name": "--wcs-select-overlay-border-color"
            },
            {
              "description": "Border radius of the overlay",
              "name": "--wcs-select-overlay-border-radius"
            }
          ],
          "slots": [
            {
              "description": "Contains the customizable \"No result found\" div (autocomplete mode only).",
              "name": "filter-no-result"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsSelectElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "stateService",
              "type": {
                "text": "Interpreter<any, SelectStateSchema, SelectEvent>"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "selectId",
              "privacy": "private",
              "default": "`wcs-select-${selectIds++}`"
            },
            {
              "kind": "field",
              "name": "labelElement",
              "type": {
                "text": "HTMLWcsLabelElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "optionsEl",
              "type": {
                "text": "HTMLDivElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "optionsId",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "controlEl",
              "type": {
                "text": "HTMLDivElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "values",
              "type": {
                "text": "SelectOptionValue[]"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "lastModifiedOptionElement",
              "type": {
                "text": "HTMLWcsSelectOptionElement | null"
              },
              "privacy": "private",
              "description": "This attribute mutate when a new option is selected OR unselected"
            },
            {
              "kind": "field",
              "name": "lastFocusedOptionElement",
              "type": {
                "text": "HTMLWcsSelectOptionElement | null"
              },
              "privacy": "private",
              "description": "It serves for accessibility feature: keyboard navigation. It serves to focus the option if defined when the select\r\nis opened based on which key pressed.\r\n\r\nWhen the select is <b>opened</b> user can navigate through options with keyboard:\r\n\r\n- Arrow right | down: `lastFocusedOptionElement` equals to the next option of `lastFocusedOptionElement` or\r\nthe first if `lastFocusedOptionElement` is not defined\r\n- Arrow left | top: `lastFocusedOptionElement` equals to the previous enabled option of `lastFocusedOptionElement`\r\nor the first if `lastFocusedOptionElement` is not defined\r\n- Page up: `lastFocusedOptionElement` equals to the first enabled option\r\n- Page down: `lastFocusedOptionElement` equals to the last enabled option"
            },
            {
              "kind": "field",
              "name": "lastHighlightedOptionElement",
              "type": {
                "text": "HTMLWcsSelectOptionElement | null"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "autocompleteInput",
              "type": {
                "text": "HTMLInputElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "expanded",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false",
              "description": "Whether the select is expanded"
            },
            {
              "kind": "field",
              "name": "size",
              "type": {
                "text": "WcsSelectSize"
              },
              "default": "'m'",
              "description": "Specify the size (height) of the select."
            },
            {
              "kind": "field",
              "name": "displayText",
              "type": {
                "text": "string"
              },
              "privacy": "private",
              "description": "Text to display for the selected option, when no option is selected, the value is undefined."
            },
            {
              "kind": "field",
              "name": "focused",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "description": "When the host is focused."
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "any | null | undefined"
              },
              "description": "The currently selected value."
            },
            {
              "kind": "field",
              "name": "placeholder",
              "type": {
                "text": "string | null | undefined"
              },
              "description": "The text to display when the select is empty."
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the user cannot interact with the select."
            },
            {
              "kind": "field",
              "name": "required",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the user must fill in a value before submitting a form."
            },
            {
              "kind": "field",
              "name": "multiple",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the user can select multiple values at once."
            },
            {
              "kind": "field",
              "name": "autocomplete",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the select acts as an autocomplete field to filter your results."
            },
            {
              "kind": "field",
              "name": "serverMode",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "**Only works with `autocomplete` mode.**  \r\nIf `true`, the server mode disables the client-side filtering on your select and allows you to handle\r\nwhich options should be present in your DOM."
            },
            {
              "kind": "field",
              "name": "filterFn",
              "type": {
                "text": "WcsSelectFilterFn"
              },
              "description": "**Only works with `autocomplete` mode.**  \r\nCustomizable sort function to change the comparison of values. If not provided, uses the default behavior :\r\n`option.textContent.toLowerCase().startsWith(filter.toLowerCase())`"
            },
            {
              "kind": "field",
              "name": "chips",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, selected items are shown in chips mode."
            },
            {
              "kind": "field",
              "name": "name",
              "type": {
                "text": "string | undefined"
              },
              "description": "The name of the control, which is submitted with the form data."
            },
            {
              "kind": "field",
              "name": "compareWith",
              "type": {
                "text": "(optionValue: any, selectedValue: any) => boolean | undefined"
              },
              "description": "Function used to compare options, default : deep comparison."
            },
            {
              "kind": "field",
              "name": "popper",
              "type": {
                "text": "Instance"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "showNoResultFoundLabel",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false",
              "description": "Boolean to toggle the text \"No result found\" (only for autocomplete with filter)"
            },
            {
              "kind": "field",
              "name": "autocompleteValue",
              "privacy": "private",
              "default": "undefined",
              "description": "Value of the autocomplete input field"
            },
            {
              "kind": "field",
              "name": "overlayDirection",
              "type": {
                "text": "'bottom' | 'top'"
              },
              "privacy": "private",
              "default": "'bottom'"
            },
            {
              "kind": "method",
              "name": "open",
              "description": "Open the component."
            },
            {
              "kind": "method",
              "name": "close",
              "description": "Close the component."
            },
            {
              "kind": "method",
              "name": "onValueChangeHandler",
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "any"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "updateSelectedValue",
              "privacy": "private",
              "parameters": [
                {
                  "name": "value",
                  "type": {
                    "text": "any"
                  },
                  "description": "The value(s) to be selected in the component\r\n  For single selection mode: any value that matches an option's value\r\n  For multiple selection mode: a single value or an array of values"
                },
                {
                  "name": "resetIfNoValue",
                  "default": "true",
                  "description": "When true and no value is provided, the select component will be reset\r\n Defaults to true"
                }
              ],
              "description": "Updates the selected value(s) of the component and manages the internal state accordingly"
            },
            {
              "kind": "method",
              "name": "reset",
              "privacy": "private",
              "description": "Reset the select: unselects all options for multiple mode and displays the placeholder"
            },
            {
              "kind": "method",
              "name": "createPopperInstance",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "emitChange",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "any"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "replaceOptions_firefoxBefore63",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "listenDomUpdate_firefoxBefore63",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "field",
              "name": "options",
              "type": {
                "text": "HTMLWcsSelectOptionElement[]"
              },
              "privacy": "private",
              "readonly": true
            },
            {
              "kind": "field",
              "name": "notDisabledOptions",
              "type": {
                "text": "HTMLWcsSelectOptionElement[]"
              },
              "privacy": "private",
              "readonly": true
            },
            {
              "kind": "method",
              "name": "initMachineOptions",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "Partial<MachineOptions<any, SelectEvent>>"
                }
              }
            },
            {
              "kind": "method",
              "name": "handleOptionSelectedOnMultiple",
              "privacy": "private",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "SelectOptionChosedEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleOptionSelectedOnSingle",
              "privacy": "private",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "SelectOptionChosedEvent"
                  }
                }
              ]
            },
            {
              "kind": "field",
              "name": "hasValue",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "readonly": true
            },
            {
              "kind": "method",
              "name": "onMouseUp",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onWindowClickEvent",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onKeyDown",
              "parameters": [
                {
                  "name": "_event",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "doActionFromKeyboardEventAssociatedAction",
              "parameters": [
                {
                  "name": "actionFromKeyboardEvent",
                  "type": {
                    "text": "KeyboardEventAssociatedAction"
                  }
                },
                {
                  "name": "event",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "getClosestActiveOptionIndexForState",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "number | 'nothing'"
                }
              },
              "parameters": [
                {
                  "name": "direction",
                  "type": {
                    "text": "'next' | 'previous'"
                  }
                },
                {
                  "name": "state",
                  "type": {
                    "text": "'highlighted' | 'focused' | 'modified'"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "selectOption",
              "privacy": "private",
              "parameters": [
                {
                  "name": "indexToSelect",
                  "type": {
                    "text": "number"
                  },
                  "description": "Option index within non-deactivated options list"
                },
                {
                  "name": "fromKeyboard",
                  "default": "false"
                }
              ],
              "description": "Selects the non-disabled option with the index passed as a parameter.\r\nThe method sends an event to the state machine (the same as when clicking on an option with the mouse)"
            },
            {
              "kind": "method",
              "name": "selectClosestOption",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "direction",
                  "type": {
                    "text": "'next' | 'previous'"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "selectFirstOption",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "selectLastOption",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "focusOption",
              "privacy": "private",
              "parameters": [
                {
                  "name": "indexToFocus",
                  "type": {
                    "text": "number"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "focusClosestOption",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "direction",
                  "type": {
                    "text": "'next' | 'previous'"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "focusFirstOption",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "focusLastOption",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "selectedOptionChanged",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "CustomEvent<SelectOptionChosedEvent>"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "sendOptionSelectedToStateMachine",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "SelectOptionChosedEvent"
                  }
                },
                {
                  "name": "fromKeyboard",
                  "default": "false"
                }
              ]
            },
            {
              "kind": "method",
              "name": "onSlotchange"
            },
            {
              "kind": "method",
              "name": "removeChip",
              "parameters": [
                {
                  "name": "v",
                  "type": {
                    "text": "SelectOptionValue"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "highlightOption",
              "privacy": "private",
              "parameters": [
                {
                  "name": "indexToHighlight",
                  "type": {
                    "text": "number"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "highlightFirstOption",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "highlightLastOption",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "highlightClosestOption",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "direction",
                  "type": {
                    "text": "'next' | 'previous'"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "clearHighlightOnLastHighlightedOption",
              "privacy": "private",
              "description": "This method removes the highlight that applies to the last highlighted option if any.\r\nThis is used only for accessibility of autocomplete mode."
            },
            {
              "kind": "method",
              "name": "onAutocompleteInputEvent",
              "privacy": "private",
              "parameters": [
                {
                  "name": "e",
                  "type": {
                    "text": "InputEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleAutocompleteValueChange",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              },
              "parameters": [
                {
                  "name": "filter",
                  "type": {
                    "text": "string"
                  }
                },
                {
                  "name": "isReset",
                  "default": "false"
                }
              ]
            },
            {
              "kind": "method",
              "name": "onFocus",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "FocusEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "focusAutocompleteInput",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "void"
                }
              }
            },
            {
              "kind": "method",
              "name": "onBlur",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "FocusEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "focusedAttributes",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "onAutocompleteFieldBlur",
              "privacy": "private",
              "parameters": [
                {
                  "name": "_e",
                  "type": {
                    "text": "FocusEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "size",
              "fieldName": "size",
              "type": {
                "text": "WcsSelectSize"
              }
            },
            {
              "name": "value",
              "fieldName": "value",
              "type": {
                "text": "any | null"
              }
            },
            {
              "name": "placeholder",
              "fieldName": "placeholder",
              "type": {
                "text": "string | null"
              }
            },
            {
              "name": "disabled",
              "fieldName": "disabled"
            },
            {
              "name": "required",
              "fieldName": "required"
            },
            {
              "name": "multiple",
              "fieldName": "multiple"
            },
            {
              "name": "autocomplete",
              "fieldName": "autocomplete"
            },
            {
              "name": "server-mode",
              "fieldName": "serverMode"
            },
            {
              "name": "filter-fn",
              "fieldName": "filterFn",
              "type": {
                "text": "WcsSelectFilterFn"
              }
            },
            {
              "name": "chips",
              "fieldName": "chips"
            },
            {
              "name": "name",
              "fieldName": "name",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "compare-with",
              "fieldName": "compareWith",
              "type": {
                "text": "(optionValue: any, selectedValue: any) => boolean"
              }
            }
          ],
          "tagName": "wcs-select",
          "events": [
            {
              "name": "wcsChange",
              "type": {
                "text": "EventEmitter<SelectChangeEventDetail>"
              },
              "description": "Emitted when the value has changed."
            },
            {
              "name": "wcsFocus",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the select has focus."
            },
            {
              "name": "wcsBlur",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the select loses focus."
            },
            {
              "name": "wcsFilterChange",
              "type": {
                "text": "EventEmitter<SelectFilterChangeEventDetail>"
              },
              "description": "Emitted when the autocomplete filter has changed."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Select",
          "declaration": {
            "name": "Select",
            "module": "components/select/select.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-select",
          "declaration": {
            "name": "Select",
            "module": "components/select/select.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/select-option/select-option-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/select-option/select-option.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The select option is a subcomponent of `wcs-select` that represents a single option in a select list.",
          "name": "SelectOption",
          "cssProperties": [
            {
              "description": "Default background color of the option",
              "name": "--wcs-select-option-background-color-default"
            },
            {
              "description": "Background color of the option when hovered",
              "name": "--wcs-select-option-background-color-hover"
            },
            {
              "description": "Background color of the option when pressed",
              "name": "--wcs-select-option-background-color-press"
            },
            {
              "description": "Background color of the option when selected",
              "name": "--wcs-select-option-background-color-selected"
            },
            {
              "description": "Background color of the option when selected and hovered",
              "name": "--wcs-select-option-background-color-selected-hover"
            },
            {
              "description": "Background color of the option when selected and pressed",
              "name": "--wcs-select-option-background-color-selected-press"
            },
            {
              "description": "Background color of the option when selected and disabled",
              "name": "--wcs-select-option-background-color-selected-disabled"
            },
            {
              "description": "Background color of the option when focused",
              "name": "--wcs-select-option-background-color-focus"
            },
            {
              "description": "Border color for autocomplete mode",
              "name": "--wcs-select-option-border-color-focus"
            },
            {
              "description": "Border width for autocomplete mode",
              "name": "--wcs-select-option-border-width-focus"
            },
            {
              "description": "Border style of the option when focused",
              "name": "--wcs-select-option-border-style-focus"
            },
            {
              "description": "Height of the option",
              "name": "--wcs-select-option-height"
            },
            {
              "description": "Horizontal padding of the option",
              "name": "--wcs-select-option-padding-horizontal"
            },
            {
              "description": "Vertical padding of the option",
              "name": "--wcs-select-option-padding-vertical"
            },
            {
              "description": "Font size of the option text",
              "name": "--wcs-select-option-text-font-size"
            },
            {
              "description": "Font weight of the option text",
              "name": "--wcs-select-option-text-font-weight"
            },
            {
              "description": "Default color of the option text",
              "name": "--wcs-select-option-text-color-default"
            },
            {
              "description": "Color of the option text when focused",
              "name": "--wcs-select-option-text-color-focus"
            },
            {
              "description": "Color of the option text when hovered",
              "name": "--wcs-select-option-text-color-hover"
            },
            {
              "description": "Color of the option text when selected",
              "name": "--wcs-select-option-text-color-selected"
            },
            {
              "description": "Color of the option text when disabled",
              "name": "--wcs-select-option-text-color-disabled"
            },
            {
              "description": "Color of the checkbox",
              "name": "--wcs-select-option-checkbox-color"
            },
            {
              "description": "Gap between the checkbox and the text",
              "name": "--wcs-select-option-gap"
            },
            {
              "description": "Duration of the transition",
              "name": "--wcs-select-option-transition-duration"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsSelectOptionElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "selectOptionId",
              "type": {
                "text": "string"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Whether this option can be selected."
            },
            {
              "kind": "field",
              "name": "selected",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Whether this option is selected."
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "any | undefined"
              },
              "description": "The option value, not what's displayed, use inner text instead."
            },
            {
              "kind": "field",
              "name": "chipColor",
              "type": {
                "text": "string | undefined"
              },
              "description": "Chip's displayed text color."
            },
            {
              "kind": "field",
              "name": "chipBackgroundColor",
              "type": {
                "text": "string | undefined"
              },
              "description": "Chip's background color."
            },
            {
              "kind": "method",
              "name": "chooseOption",
              "privacy": "private",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "UIEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onMouseUp",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "MouseEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleKeydown",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "KeyboardEvent"
                  },
                  "description": "keyboard event"
                }
              ],
              "description": "Handles the keydown event to update the selection."
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "disabled",
              "fieldName": "disabled"
            },
            {
              "name": "selected",
              "fieldName": "selected"
            },
            {
              "name": "highlighted",
              "fieldName": "highlighted"
            },
            {
              "name": "value",
              "fieldName": "value",
              "type": {
                "text": "any"
              }
            },
            {
              "name": "chip-color",
              "fieldName": "chipColor",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "chip-background-color",
              "fieldName": "chipBackgroundColor",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "multiple",
              "fieldName": "multiple"
            }
          ],
          "tagName": "wcs-select-option",
          "events": [
            {
              "name": "wcsSelectOptionClick",
              "type": {
                "text": "EventEmitter<SelectOptionChosedEvent>"
              }
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "SelectOption",
          "declaration": {
            "name": "SelectOption",
            "module": "components/select-option/select-option.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-select-option",
          "declaration": {
            "name": "SelectOption",
            "module": "components/select-option/select-option.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/skeleton/skeleton-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/skeleton-circle/skeleton-circle.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "Use a skeleton circle as a placeholder round images, illustrations or components",
          "name": "SkeletonCircle",
          "cssProperties": [
            {
              "description": "Border radius of the circle",
              "name": "--wcs-skeleton-circle-border-radius"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/>Height of the skeleton",
              "name": "--wcs-skeleton-height"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/> Minimum height of the skeleton",
              "name": "--wcs-skeleton-min-height"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/> Width of the skeleton",
              "name": "--wcs-skeleton-width"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/> Background color of the skeleton (default is a gradient)",
              "name": "--wcs-skeleton-background-color"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/> Duration of the skeleton animation, if applicable",
              "name": "--wcs-skeleton-animation-duration"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "animation",
              "type": {
                "text": "WcsSkeletonAnimation"
              },
              "default": "'glide'",
              "description": "Specifies the animation of the skeleton"
            },
            {
              "kind": "field",
              "name": "radius",
              "type": {
                "text": "number"
              },
              "default": "50",
              "description": "Specifies the radius of the circle in px"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "animation",
              "fieldName": "animation",
              "type": {
                "text": "WcsSkeletonAnimation"
              }
            },
            {
              "name": "radius",
              "fieldName": "radius",
              "type": {
                "text": "number"
              }
            }
          ],
          "tagName": "wcs-skeleton-circle",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "SkeletonCircle",
          "declaration": {
            "name": "SkeletonCircle",
            "module": "components/skeleton-circle/skeleton-circle.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-skeleton-circle",
          "declaration": {
            "name": "SkeletonCircle",
            "module": "components/skeleton-circle/skeleton-circle.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/skeleton-rectangle/skeleton-rectangle.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "Use a skeleton rectangle as a placeholder for large images or square-shaped components",
          "name": "SkeletonRectangle",
          "cssProperties": [
            {
              "description": "Border-radius of the skeleton. If not overridden, depends on the `rounded` attribute.",
              "name": "--wcs-skeleton-border-radius"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/>Height of the skeleton",
              "name": "--wcs-skeleton-height"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/> Minimum height of the skeleton",
              "name": "--wcs-skeleton-min-height"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/> Width of the skeleton",
              "name": "--wcs-skeleton-width"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/> Background color of the skeleton (default is a gradient)",
              "name": "--wcs-skeleton-background-color"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/> Duration of the skeleton animation, if applicable",
              "name": "--wcs-skeleton-animation-duration"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "animation",
              "type": {
                "text": "WcsSkeletonAnimation"
              },
              "default": "'glide'",
              "description": "Specifies the animation of the skeleton"
            },
            {
              "kind": "field",
              "name": "rounded",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Adds a border radius on the skeleton if true"
            },
            {
              "kind": "field",
              "name": "height",
              "type": {
                "text": "CssTypes.Height"
              },
              "default": "'auto'",
              "description": "Specifies the height of the skeleton (can be any valid CSS value)"
            },
            {
              "kind": "field",
              "name": "width",
              "type": {
                "text": "CssTypes.Width"
              },
              "default": "'auto'",
              "description": "Specifies the width of the skeleton (can be any valid CSS value)"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "animation",
              "fieldName": "animation",
              "type": {
                "text": "WcsSkeletonAnimation"
              }
            },
            {
              "name": "rounded",
              "fieldName": "rounded",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "height",
              "fieldName": "height",
              "type": {
                "text": "CssTypes.Height"
              }
            },
            {
              "name": "width",
              "fieldName": "width",
              "type": {
                "text": "CssTypes.Width"
              }
            }
          ],
          "tagName": "wcs-skeleton-rectangle",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "SkeletonRectangle",
          "declaration": {
            "name": "SkeletonRectangle",
            "module": "components/skeleton-rectangle/skeleton-rectangle.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-skeleton-rectangle",
          "declaration": {
            "name": "SkeletonRectangle",
            "module": "components/skeleton-rectangle/skeleton-rectangle.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/skeleton-text/skeleton-text.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "Use a skeleton text as a placeholder for titles or paragraphs.",
          "name": "SkeletonText",
          "cssProperties": [
            {
              "description": "Height of the skeleton text",
              "name": "--wcs-skeleton-text-height"
            },
            {
              "description": "Height of the skeleton text for heading 1",
              "name": "--wcs-skeleton-text-height-h1"
            },
            {
              "description": "Height of the skeleton text for heading 2",
              "name": "--wcs-skeleton-text-height-h2"
            },
            {
              "description": "Height of the skeleton text for heading 3",
              "name": "--wcs-skeleton-text-height-h3"
            },
            {
              "description": "Height of the skeleton text for body",
              "name": "--wcs-skeleton-text-height-body"
            },
            {
              "description": "Height of the skeleton text for caption",
              "name": "--wcs-skeleton-text-height-caption"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/>Height of the skeleton",
              "name": "--wcs-skeleton-height"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/> Minimum height of the skeleton",
              "name": "--wcs-skeleton-min-height"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/> Width of the skeleton",
              "name": "--wcs-skeleton-width"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/> Background color of the skeleton (default is a gradient)",
              "name": "--wcs-skeleton-background-color"
            },
            {
              "description": "_(Shared among all skeleton types)_<br/> Duration of the skeleton animation, if applicable",
              "name": "--wcs-skeleton-animation-duration"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "animation",
              "type": {
                "text": "WcsSkeletonAnimation"
              },
              "default": "'glide'",
              "description": "Specifies the animation of the skeleton"
            },
            {
              "kind": "field",
              "name": "height",
              "type": {
                "text": "'h1' | 'h2' | 'h3' | 'caption' | 'body'"
              },
              "default": "'body'",
              "description": "Specifies the line height of the text skeleton"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "animation",
              "fieldName": "animation",
              "type": {
                "text": "WcsSkeletonAnimation"
              }
            },
            {
              "name": "height",
              "fieldName": "height",
              "type": {
                "text": "'h1' | 'h2' | 'h3' | 'caption' | 'body'"
              }
            }
          ],
          "tagName": "wcs-skeleton-text",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "SkeletonText",
          "declaration": {
            "name": "SkeletonText",
            "module": "components/skeleton-text/skeleton-text.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-skeleton-text",
          "declaration": {
            "name": "SkeletonText",
            "module": "components/skeleton-text/skeleton-text.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/spinner/spinner-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/spinner/spinner.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The spinner component is visual indicator that showing a process is happening in the background but the interface is\r\nnot yet ready for interaction.  \r\nIf your page structure is simple or the loading time is long (> 300ms), use [wcs-skeleton](.?path=/docs/components-skeleton--documentation) instead.",
          "name": "Spinner",
          "cssProperties": [
            {
              "description": "The color of the dashed circle in the background",
              "name": "--wcs-spinner-dashed-background-circle"
            },
            {
              "description": "The color of the rotating circle",
              "name": "--wcs-spinner-rotating-circle-color"
            },
            {
              "description": "The duration of the rotation animation",
              "name": "--wcs-spinner-rotate-animation-duration"
            },
            {
              "description": "The duration of the dash animation",
              "name": "--wcs-spinner-dashed-animation-duration"
            },
            {
              "description": "The duration of the growing animation",
              "name": "--wcs-spinner-growing-animation-duration"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "mode",
              "type": {
                "text": "WcsSpinnerMode"
              },
              "default": "'border'",
              "description": "Indicates the spinner display mode.\r\nAccepted values: `border` or `growing`"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "mode",
              "fieldName": "mode",
              "type": {
                "text": "WcsSpinnerMode"
              }
            }
          ],
          "tagName": "wcs-spinner",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Spinner",
          "declaration": {
            "name": "Spinner",
            "module": "components/spinner/spinner.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-spinner",
          "declaration": {
            "name": "Spinner",
            "module": "components/spinner/spinner.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/switch/switch-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/switch/switch.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/switch/switch.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "The switch component is a control used to switch between on and off state.",
          "name": "Switch",
          "cssProperties": [
            {
              "description": "Color of the focus outline",
              "name": "--wcs-switch-outline-color-focus"
            },
            {
              "description": "Color of the text when the switch is not selected",
              "name": "--wcs-switch-text-color-default"
            },
            {
              "description": "Color of the text when the switch is selected",
              "name": "--wcs-switch-text-color-selected"
            },
            {
              "description": "Color of the text when the switch is disabled",
              "name": "--wcs-switch-text-color-disabled"
            },
            {
              "description": "Background color of the switch when not selected",
              "name": "--wcs-switch-background-color-initial"
            },
            {
              "description": "Background color of the switch when selected",
              "name": "--wcs-switch-background-color-final"
            },
            {
              "description": "Background color of the switch when disabled",
              "name": "--wcs-switch-background-color-disabled"
            },
            {
              "description": "Background color of the switch when disabled and selected",
              "name": "--wcs-switch-background-color-disabled-selected"
            },
            {
              "description": "Background color of the switch when hovered and selected",
              "name": "--wcs-switch-background-color-hover-selected"
            },
            {
              "description": "Height of the switch",
              "name": "--wcs-switch-height"
            },
            {
              "description": "Width of the switch",
              "name": "--wcs-switch-width"
            },
            {
              "description": "Border radius of the switch",
              "name": "--wcs-switch-border-radius"
            },
            {
              "description": "Horizontal padding of the switch",
              "name": "--wcs-switch-padding-horizontal"
            },
            {
              "description": "Vertical padding of the switch",
              "name": "--wcs-switch-padding-vertical"
            },
            {
              "description": "Color of the dot when not selected",
              "name": "--wcs-switch-dot-color-default"
            },
            {
              "description": "Color of the dot when selected",
              "name": "--wcs-switch-dot-color-selected"
            },
            {
              "description": "Color of the dot when disabled",
              "name": "--wcs-switch-dot-color-disabled"
            },
            {
              "description": "Horizontal translation of the dot (from left to right = right to left)",
              "name": "--wcs-switch-dot-translate-x"
            },
            {
              "description": "Size of the dot",
              "name": "--wcs-switch-dot-size"
            },
            {
              "description": "Gap between the switch and the text",
              "name": "--wcs-switch-gap"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "switchId",
              "privacy": "private",
              "default": "`wcs-switch-${switchIds++}`"
            },
            {
              "kind": "field",
              "name": "nativeInput",
              "type": {
                "text": "HTMLInputElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "name"
            },
            {
              "kind": "field",
              "name": "checked",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the switch is selected."
            },
            {
              "kind": "field",
              "name": "labelAlignment",
              "type": {
                "text": "SwitchLabelAlignment"
              },
              "default": "'center'",
              "description": "Specifie the alignment of the switch with the label content"
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Specify whether the switch is disabled or not."
            },
            {
              "kind": "method",
              "name": "handleChange",
              "parameters": [
                {
                  "name": "ev",
                  "type": {
                    "text": "Event"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleHostClick",
              "parameters": [
                {
                  "name": "e",
                  "type": {
                    "text": "Event"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleInputClick",
              "parameters": [
                {
                  "name": "ev",
                  "type": {
                    "text": "PointerEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "toggleSwitchState"
            },
            {
              "kind": "method",
              "name": "handleFocus",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "FocusEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "handleBlur",
              "parameters": [
                {
                  "name": "event",
                  "type": {
                    "text": "FocusEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "getLabel",
              "return": {
                "type": {
                  "text": "Promise<string>"
                }
              }
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "name",
              "fieldName": "name"
            },
            {
              "name": "checked",
              "fieldName": "checked"
            },
            {
              "name": "label-alignment",
              "fieldName": "labelAlignment",
              "type": {
                "text": "SwitchLabelAlignment"
              }
            },
            {
              "name": "disabled",
              "fieldName": "disabled",
              "type": {
                "text": "boolean"
              }
            }
          ],
          "tagName": "wcs-switch",
          "events": [
            {
              "name": "wcsChange",
              "type": {
                "text": "EventEmitter<SwitchChangeEventDetail>"
              },
              "description": "Emitted when the checked property has changed."
            },
            {
              "name": "wcsFocus",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the switch has focus."
            },
            {
              "name": "wcsBlur",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the switch loses focus."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Switch",
          "declaration": {
            "name": "Switch",
            "module": "components/switch/switch.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-switch",
          "declaration": {
            "name": "Switch",
            "module": "components/switch/switch.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/tab/tab.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "Tab content component.\r\nUse this component to specify the content of a component.",
          "name": "Tab",
          "members": [
            {
              "kind": "field",
              "name": "header",
              "type": {
                "text": "string"
              },
              "description": "The header you want to be displayed for this tab."
            },
            {
              "kind": "field",
              "name": "itemKey",
              "type": {
                "text": "any"
              },
              "description": "The id of the tab. It should be unique."
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "header",
              "fieldName": "header",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "item-key",
              "fieldName": "itemKey",
              "type": {
                "text": "any"
              }
            }
          ],
          "tagName": "wcs-tab",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Tab",
          "declaration": {
            "name": "Tab",
            "module": "components/tab/tab.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-tab",
          "declaration": {
            "name": "Tab",
            "module": "components/tab/tab.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/tabs/tabs-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/tabs/tabs.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/tabs/tabs.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "Tabs component to switch between tab content. Use in conjunction with `wcs-tab`.",
          "name": "Tabs",
          "cssProperties": [
            {
              "description": "Height of the tabs indicator",
              "name": "--wcs-tabs-indicator-height"
            },
            {
              "description": "Background color of the tabs indicator",
              "name": "--wcs-tabs-indicator-background-color"
            },
            {
              "description": "Border radius of the tabs indicator",
              "name": "--wcs-tabs-indicator-border-radius"
            },
            {
              "description": "Text color of the tabs",
              "name": "--wcs-tabs-color-default"
            },
            {
              "description": "Text color of the tabs when hovered",
              "name": "--wcs-tabs-color-hover"
            },
            {
              "description": "Text color of the tabs when pressed",
              "name": "--wcs-tabs-color-press"
            },
            {
              "description": "Text color of the tabs when focused",
              "name": "--wcs-tabs-color-focus"
            },
            {
              "description": "Text color of the tabs when selected",
              "name": "--wcs-tabs-color-selected"
            },
            {
              "description": "Background color of the tabs when focused",
              "name": "--wcs-tabs-background-color-focus"
            },
            {
              "description": "Background color of the tabs when hovered",
              "name": "--wcs-tabs-background-color-hover"
            },
            {
              "description": "Background color of the tabs when pressed",
              "name": "--wcs-tabs-background-color-press"
            },
            {
              "description": "Border radius of the tabs",
              "name": "--wcs-tabs-border-radius"
            },
            {
              "description": "Outline color on a focused tab",
              "name": "--wcs-tabs-border-color-focus"
            },
            {
              "description": "Font weight of the tabs",
              "name": "--wcs-tabs-font-weight-default"
            },
            {
              "description": "Font weight of the tabs when selected",
              "name": "--wcs-tabs-font-weight-selected"
            },
            {
              "description": "Padding top of the tabs",
              "name": "--wcs-tabs-padding-top"
            },
            {
              "description": "Padding right of the tabs",
              "name": "--wcs-tabs-padding-right"
            },
            {
              "description": "Padding bottom of the tabs",
              "name": "--wcs-tabs-padding-bottom"
            },
            {
              "description": "Padding left of the tabs",
              "name": "--wcs-tabs-padding-left"
            },
            {
              "description": "Border bottom (gutter) below the tabs",
              "name": "--wcs-tabs-headers-border-bottom"
            },
            {
              "description": "Transition duration of the tabs",
              "name": "--wcs-tabs-transition-duration"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsTabsElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeTablist",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "align",
              "type": {
                "text": "WcsTabsAlignment"
              },
              "default": "'start'",
              "description": "Tab headers alignment."
            },
            {
              "kind": "field",
              "name": "selectedIndex",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "Current selected tab index.\r\nStarts at 0."
            },
            {
              "kind": "field",
              "name": "selectedKey",
              "type": {
                "text": "any"
              }
            },
            {
              "kind": "field",
              "name": "headersOnly",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Whether to skip rendering the tabpanel with the content of the selected tab. Use this prop if you plan to\r\nseparately render the tab content."
            },
            {
              "kind": "field",
              "name": "gutter",
              "type": {
                "text": "boolean"
              },
              "description": "Determines if tabs header should have a border at the bottom"
            },
            {
              "kind": "field",
              "name": "description",
              "type": {
                "text": "string"
              },
              "description": "Description is used to provide aria-label for the tabs container which has `role=\"tablist\"`."
            },
            {
              "kind": "field",
              "name": "headers",
              "type": {
                "text": "string[]"
              },
              "privacy": "private",
              "default": "[]"
            },
            {
              "kind": "field",
              "name": "currentActiveTabIndex",
              "type": {
                "text": "number"
              },
              "privacy": "private",
              "default": "0"
            },
            {
              "kind": "field",
              "name": "tabsId",
              "type": {
                "text": "number"
              },
              "privacy": "private",
              "default": "tabsId++"
            },
            {
              "kind": "method",
              "name": "selectedIndexChanged",
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "number"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "selectedTabkeyChanged",
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "any"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "emitActiveTabChange",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "updateCurrentActiveIndexByTabKey",
              "privacy": "private",
              "parameters": [
                {
                  "name": "newValue",
                  "type": {
                    "text": "any"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "onTabLoaded"
            },
            {
              "kind": "method",
              "name": "putTabsInCorrectDivIfTheyAreNot",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "handleKeyDown",
              "parameters": [
                {
                  "name": "ev",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                },
                {
                  "name": "tabIndex",
                  "type": {
                    "text": "number"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "refreshHeaders",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "tabs",
              "privacy": "private",
              "readonly": true
            },
            {
              "kind": "method",
              "name": "selectTabAndEmitChangeEvent",
              "privacy": "private",
              "parameters": [
                {
                  "name": "index",
                  "type": {
                    "text": "number"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "updateTabVisibility",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "hideAllTabsContent",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "render"
            },
            {
              "kind": "method",
              "name": "onTabsSlotChange",
              "privacy": "private",
              "description": "Observe when a new tab panel is added to the slot to let's handle accessibility properties for tabs panel:\r\n- id: to let header tab refers it proper panel\r\n- aria-label: take the same name as it's referenced header name"
            }
          ],
          "attributes": [
            {
              "name": "align",
              "fieldName": "align",
              "type": {
                "text": "WcsTabsAlignment"
              }
            },
            {
              "name": "selected-index",
              "fieldName": "selectedIndex",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "selected-key",
              "fieldName": "selectedKey",
              "type": {
                "text": "any"
              }
            },
            {
              "name": "headers-only",
              "fieldName": "headersOnly",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "gutter",
              "fieldName": "gutter",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "description",
              "fieldName": "description",
              "type": {
                "text": "string"
              }
            }
          ],
          "tagName": "wcs-tabs",
          "events": [
            {
              "name": "tabChange",
              "type": {
                "text": "EventEmitter<WcsTabChangeEvent>"
              },
              "description": "\r\nEmitted when the selected tab change."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Tabs",
          "declaration": {
            "name": "Tabs",
            "module": "components/tabs/tabs.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-tabs",
          "declaration": {
            "name": "Tabs",
            "module": "components/tabs/tabs.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/textarea/textarea-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/textarea/textarea.e2e.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/textarea/textarea.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "Mainly inspired from Ionic Textarea Component.\r\n\r\n## Accessibility guidelines 💡\r\n> - If you use wcs-textarea outside a wcs-form-field, you have to manage the label and the error message yourself.\r\n> You can use the `aria-label` attribute to provide a label for screen readers but adds no visual label.",
          "name": "Textarea",
          "cssProperties": [
            {
              "description": "Default icon color whe the textarea is not focused",
              "name": "--wcs-textarea-icon-color-default"
            },
            {
              "description": "Icon color when the textarea is focused",
              "name": "--wcs-textarea-icon-color-focus"
            },
            {
              "description": "Icon color when the textarea is disabled",
              "name": "--wcs-textarea-icon-color-disabled"
            },
            {
              "description": "Background color of the textarea",
              "name": "--wcs-textarea-background-color"
            },
            {
              "description": "Border radius of the left side of the textarea",
              "name": "--wcs-textarea-border-radius-left"
            },
            {
              "description": "Border radius of the right side of the textarea",
              "name": "--wcs-textarea-border-radius-right"
            },
            {
              "description": "Border width of the textarea when not focused",
              "name": "--wcs-textarea-border-width"
            },
            {
              "description": "Border width of the textarea when focused",
              "name": "--wcs-textarea-border-width-focus"
            },
            {
              "description": "Default border color of the textarea when not focused",
              "name": "--wcs-textarea-border-color-default"
            },
            {
              "description": "Border color of the textarea when disabled",
              "name": "--wcs-textarea-border-color-disabled"
            },
            {
              "description": "Border color of the textarea when in error state",
              "name": "--wcs-textarea-border-color-error"
            },
            {
              "description": " Border color of the textarea when focused",
              "name": "--wcs-textarea-border-color-focus"
            },
            {
              "description": "Color of the value when the textarea is not focused",
              "name": "--wcs-textarea-value-color"
            },
            {
              "description": "Font weight of the textarea value",
              "name": "--wcs-textarea-value-font-weight"
            },
            {
              "description": "Color of the textarea placeholder",
              "name": "--wcs-textarea-placeholder-color"
            },
            {
              "description": "Font weight of the textarea placeholder",
              "name": "--wcs-textarea-placeholder-font-weight"
            },
            {
              "description": "Font style of the textarea placeholder",
              "name": "--wcs-textarea-placeholder-font-style"
            },
            {
              "description": "Color of the value when the textarea is disabled",
              "name": "--wcs-textarea-text-color-disabled"
            },
            {
              "description": "Border style default of the textarea when not focused",
              "name": "--wcs-textarea-border-style-default"
            },
            {
              "description": "Border style default of the textarea in error state",
              "name": "--wcs-textarea-border-style-error"
            },
            {
              "description": "Border style default of the textarea when focused",
              "name": "--wcs-textarea-border-style-focus"
            },
            {
              "description": "Min height of the textarea component",
              "name": "--wcs-textarea-min-height"
            },
            {
              "description": "Max height of the textarea component",
              "name": "--wcs-textarea-max-height"
            },
            {
              "description": "Padding top of the textarea",
              "name": "--wcs-textarea-padding-top"
            },
            {
              "description": "Padding bottom of the textarea",
              "name": "--wcs-textarea-padding-bottom"
            },
            {
              "description": "Padding left of the textarea",
              "name": "--wcs-textarea-padding-left"
            },
            {
              "description": "Padding right of the textarea",
              "name": "--wcs-textarea-padding-right"
            },
            {
              "description": "Gap between textarea and icon (prefix/suffix)",
              "name": "--wcs-textarea-gap"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "nativeInput",
              "type": {
                "text": "HTMLTextAreaElement | undefined"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "inputId",
              "privacy": "private",
              "default": "`wcs-textarea-${textareaIds++}`"
            },
            {
              "kind": "field",
              "name": "inheritedAttributes",
              "type": {
                "text": "{ [k: string]: any }"
              },
              "privacy": "private",
              "default": "{}"
            },
            {
              "kind": "field",
              "name": "autocapitalize",
              "type": {
                "text": "string"
              },
              "default": "'none'",
              "description": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user."
            },
            {
              "kind": "field",
              "name": "autofocus",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "This Boolean attribute lets you specify that a form control should have input focus when the page loads."
            },
            {
              "kind": "field",
              "name": "debounce",
              "type": {
                "text": "number"
              },
              "default": "0",
              "description": "Set the amount of time, in milliseconds, to wait to trigger the `wcsInput` event after each keystroke.\r\nThis also impacts form bindings such as `ngModel` or `v-model`."
            },
            {
              "kind": "method",
              "name": "debounceChanged",
              "privacy": "protected"
            },
            {
              "kind": "field",
              "name": "disabled",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the user cannot interact with the textarea."
            },
            {
              "kind": "field",
              "name": "icon",
              "type": {
                "text": "string"
              },
              "description": "Name of the material icon to add to the input"
            },
            {
              "kind": "field",
              "name": "inputmode",
              "type": {
                "text": "WcsTextareaInputMode | undefined"
              },
              "description": "A hint to the browser for which keyboard to display."
            },
            {
              "kind": "field",
              "name": "enterkeyhint",
              "type": {
                "text": "WcsTextareaEnterKeyHint | undefined"
              },
              "description": "A hint to the browser for which enter key to display."
            },
            {
              "kind": "field",
              "name": "maxlength",
              "type": {
                "text": "number | undefined"
              },
              "description": "If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter."
            },
            {
              "kind": "field",
              "name": "minlength",
              "type": {
                "text": "number | undefined"
              },
              "description": "If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter."
            },
            {
              "kind": "field",
              "name": "name",
              "type": {
                "text": "string"
              },
              "description": "The name of the control, which is submitted with the form data."
            },
            {
              "kind": "field",
              "name": "placeholder",
              "type": {
                "text": "string | null | undefined"
              },
              "description": "Instructional text that shows before the input has a value."
            },
            {
              "kind": "field",
              "name": "readonly",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the user cannot modify the value."
            },
            {
              "kind": "field",
              "name": "required",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the user must fill in a value before submitting a form."
            },
            {
              "kind": "field",
              "name": "spellcheck",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the element will have its spelling and grammar checked."
            },
            {
              "kind": "field",
              "name": "state",
              "type": {
                "text": "WcsTextareaInputState"
              },
              "default": "'initial'",
              "description": "Specifies the state of the input. By default the input is in an initial state but you can set it to 'error' state if the data given by the user is not valid."
            },
            {
              "kind": "field",
              "name": "cols",
              "type": {
                "text": "number | undefined"
              },
              "description": "The visible width of the text control, in average character widths. If it is specified, it must be a positive integer.  \r\nNote : at the moment, modifying the width is only possible if you add some custom CSS to the component,\r\nfor example by overriding the `width` CSS property. See the Resize section for an example on how to do it."
            },
            {
              "kind": "field",
              "name": "rows",
              "type": {
                "text": "number | undefined"
              },
              "description": "The number of visible text lines for the control."
            },
            {
              "kind": "field",
              "name": "wrap",
              "type": {
                "text": "WcsTextareaWrap | undefined"
              },
              "description": "Indicates how the control wraps text."
            },
            {
              "kind": "field",
              "name": "autoGrow",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "If `true`, the element height will increase based on the value."
            },
            {
              "kind": "field",
              "name": "value",
              "type": {
                "text": "string | null | undefined"
              },
              "default": "''",
              "description": "The value of the textarea."
            },
            {
              "kind": "field",
              "name": "resize",
              "type": {
                "text": "WcsTextareaResize | undefined"
              },
              "description": "Indicates how the textarea should be resizable.  \r\nNote : at the moment horizontal resizing is only possible if you add custom CSS to the component,\r\nsee the Resize section for an example."
            },
            {
              "kind": "method",
              "name": "valueChanged",
              "privacy": "protected",
              "description": "Update the native input element when the value changes"
            },
            {
              "kind": "method",
              "name": "runAutoGrow",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "setAriaAttribute",
              "parameters": [
                {
                  "name": "attr",
                  "type": {
                    "text": "AriaAttributeName"
                  }
                },
                {
                  "name": "value",
                  "type": {
                    "text": "string | null | undefined"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "fitContent",
              "description": "This method make the textarea automatically adopt the size of the content without a scroll bar"
            },
            {
              "kind": "method",
              "name": "getInputElement",
              "return": {
                "type": {
                  "text": "Promise<HTMLTextAreaElement>"
                }
              },
              "description": "Returns the native `<textarea>` element used under the hood."
            },
            {
              "kind": "method",
              "name": "getValue",
              "privacy": "private",
              "return": {
                "type": {
                  "text": "string"
                }
              }
            },
            {
              "kind": "field",
              "name": "onInput",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "onChange",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "onFocus",
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "onBlur",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "fire-focus-events",
              "fieldName": "fireFocusEvents"
            },
            {
              "name": "autocapitalize",
              "fieldName": "autocapitalize"
            },
            {
              "name": "autofocus",
              "fieldName": "autofocus"
            },
            {
              "name": "debounce",
              "fieldName": "debounce"
            },
            {
              "name": "disabled",
              "fieldName": "disabled"
            },
            {
              "name": "icon",
              "fieldName": "icon",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "inputmode",
              "fieldName": "inputmode",
              "type": {
                "text": "WcsTextareaInputMode"
              }
            },
            {
              "name": "enterkeyhint",
              "fieldName": "enterkeyhint",
              "type": {
                "text": "WcsTextareaEnterKeyHint"
              }
            },
            {
              "name": "maxlength",
              "fieldName": "maxlength",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "minlength",
              "fieldName": "minlength",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "name",
              "fieldName": "name",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "placeholder",
              "fieldName": "placeholder",
              "type": {
                "text": "string | null"
              }
            },
            {
              "name": "readonly",
              "fieldName": "readonly"
            },
            {
              "name": "required",
              "fieldName": "required"
            },
            {
              "name": "spellcheck",
              "fieldName": "spellcheck"
            },
            {
              "name": "state",
              "fieldName": "state",
              "type": {
                "text": "WcsTextareaInputState"
              }
            },
            {
              "name": "cols",
              "fieldName": "cols",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "rows",
              "fieldName": "rows",
              "type": {
                "text": "number"
              }
            },
            {
              "name": "wrap",
              "fieldName": "wrap",
              "type": {
                "text": "WcsTextareaWrap"
              }
            },
            {
              "name": "auto-grow",
              "fieldName": "autoGrow"
            },
            {
              "name": "value",
              "fieldName": "value",
              "type": {
                "text": "string | null"
              }
            },
            {
              "name": "resize",
              "fieldName": "resize",
              "type": {
                "text": "WcsTextareaResize"
              }
            }
          ],
          "tagName": "wcs-textarea",
          "events": [
            {
              "name": "wcsChange",
              "type": {
                "text": "EventEmitter<TextareaChangeEventDetail>"
              },
              "description": "Emitted when the input value has changed.- See https://developer.mozilla.org/en-US/docs/Web/Events/change"
            },
            {
              "name": "wcsInput",
              "type": {
                "text": "EventEmitter<KeyboardEvent>"
              },
              "description": "Emitted when a keyboard input occurred. See https://developer.mozilla.org/en-US/docs/Web/Events/input"
            },
            {
              "name": "wcsBlur",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the input loses focus."
            },
            {
              "name": "wcsFocus",
              "type": {
                "text": "EventEmitter<FocusEvent>"
              },
              "description": "Emitted when the input has focus."
            }
          ],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Textarea",
          "declaration": {
            "name": "Textarea",
            "module": "components/textarea/textarea.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-textarea",
          "declaration": {
            "name": "Textarea",
            "module": "components/textarea/textarea.tsx"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "components/tooltip/tooltip-interface.ts",
      "declarations": [],
      "exports": []
    },
    {
      "kind": "javascript-module",
      "path": "components/tooltip/tooltip.tsx",
      "declarations": [
        {
          "kind": "class",
          "description": "Tooltips are used to provide additional information for features available on the website. These can improve the user\r\nexperience or simply show additional information. Tooltips appear when the user rolls over or clicks on them\r\n(for longer content).\r\n\r\nNote that this component is based on the Tippy.js library : https://atomiks.github.io/tippyjs/\r\n\r\n## Accessibility guidelines 💡\r\n\r\nThe problem is that impaired users may not be able to see what is the information provided by the tooltip. To solve\r\nthis problem, the tooltip should be served with some aria attributes to make it accessible.\r\n\r\nAria-features `wcs-tooltip` respect:\r\n- dismiss when the user presses the `Escape` key\r\n- has a `role=tooltip`\r\n- when set to `interactive` mode\r\n - `aria-expanded` on the targeted element: set to true when popover is open, false when it is closed\r\n\r\nAria-features `wcs-tooltip` **does not respect with `wcs-button`**:\r\n- aria-controls => we cannot do it yet, we need to wait for Cross root ARIA - export ID (https://github.com/WICG/aom/blob/gh-pages/exportid-explainer.md)\r\n\r\nBut you have to provide the \"link\" between the element you want to describe and the tooltip. To do this, you have to\r\nprovide the \"visual description\" you add on the `wcs-tooltip` to the `aria-label` attribute or the `aria-description` as soon as the attribute will be available \r\nof the element you want to describe .\r\n\r\nExample:\r\n\r\n```html\r\n<wcs-tooltip for=\"my-button\">Trashed items</wcs-tooltip>\r\n<wcs-button id=\"my-button\" aria-label=\"Trashed items\">Trash</wcs-button>\r\n```",
          "name": "Tooltip",
          "cssProperties": [
            {
              "description": "Background color of the tooltip",
              "name": "--wcs-tooltip-background-color"
            },
            {
              "description": "Text color of the tooltip",
              "name": "--wcs-tooltip-text-color"
            },
            {
              "description": "Padding of the tooltip",
              "name": "--wcs-tooltip-padding"
            }
          ],
          "members": [
            {
              "kind": "field",
              "name": "for",
              "type": {
                "text": "string"
              },
              "description": "The **id** of the element the tooltip's going to describe.\r\n\r\nThis property cannot be modified after initialization."
            },
            {
              "kind": "field",
              "name": "position",
              "type": {
                "text": "WcsTooltipPosition"
              },
              "default": "'bottom'",
              "description": "Where the tooltip is going to show relative to the element it's describing."
            },
            {
              "kind": "field",
              "name": "interactive",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "description": "Determines if the tooltip has interactive content inside of it, so that it can be hovered over and clicked inside\r\nwithout hiding."
            },
            {
              "kind": "field",
              "name": "maxWidth",
              "type": {
                "text": "string | number"
              },
              "default": "350",
              "description": "Specifies the maximum width of the tooltip. Useful to prevent it from being too horizontally wide to read.\r\n\r\nIf the viewport's width is smaller than maxWidth, core CSS ensures the tippy remains smaller than the screen.\r\n\r\nTo test it on WCS documentation page, add 'px' to the control value (string type in this case)."
            },
            {
              "kind": "field",
              "name": "delay",
              "type": {
                "text": "number | [number, number]"
              },
              "default": "0",
              "description": "Delay in ms once a trigger event is fired before the tooltip shows or hides.\r\n\r\nYou can provide an array with two values to define a different duration for show and hide.\r\n\r\n`[showDelay, hideDelay]`\r\n\r\nUse null to use default value."
            },
            {
              "kind": "field",
              "name": "duration",
              "type": {
                "text": "number | [number, number]"
              },
              "default": "[300, 250]",
              "description": "Duration in ms of the transition animation."
            },
            {
              "kind": "field",
              "name": "trigger",
              "type": {
                "text": "string"
              },
              "default": "'mouseenter focus'",
              "description": "Determines the events that cause the tooltip to show. Multiple event names are separated by spaces.\r\n\r\nSee: https://atomiks.github.io/tippyjs/v6/all-props/#trigger"
            },
            {
              "kind": "field",
              "name": "theme",
              "type": {
                "text": "'dark' | 'light'"
              },
              "default": "'dark'",
              "description": "Allows you to change the theme used by tippy.\r\n\r\nThe WCS theme 'dark' is used by default and uses the WCS CSS variables.\r\n\r\nYou can create a theme by following this documentation and choosing a custom name :\r\nhttps://atomiks.github.io/tippyjs/v6/themes/"
            },
            {
              "kind": "field",
              "name": "content",
              "type": {
                "text": "string"
              },
              "description": "You can use this property instead of the slot API to affect content in the tooltip.\r\n\r\nThis makes it easier to manage the update if the tooltip contains elements that are not mutated when their\r\ncontent changes. Indeed, if the slot is used, the tooltip is updated only if the structure of the slotted DOM\r\nchanges (the DOM must be mutated).\r\n\r\nThe two APIs are not mutually exclusive, if both are filled in (the prop + the slot) the rendering will first\r\ndisplay the content of this property and then the slotted elements."
            },
            {
              "kind": "field",
              "name": "appendTo",
              "type": {
                "text": "WcsTooltipAppendTo"
              },
              "description": "The element to append the tooltip to. Default behaviour is `() => document.body`. If interactive: true,\r\nthe default behavior is appendTo: \"parent\"\r\n\r\nSee: https://atomiks.github.io/tippyjs/v6/all-props/#appendto"
            },
            {
              "kind": "field",
              "name": "el",
              "type": {
                "text": "HTMLWcsTooltipElement"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "tippyInstance",
              "type": {
                "text": "Instance<Props>"
              },
              "privacy": "private"
            },
            {
              "kind": "field",
              "name": "forElement",
              "type": {
                "text": "HTMLElement | undefined"
              },
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "onShow",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "onHide",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "handleKeyDown",
              "parameters": [
                {
                  "name": "ev",
                  "type": {
                    "text": "KeyboardEvent"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "getTooltipContentFromPropAndSlot",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "updateProps",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "updateTippyContent",
              "privacy": "private"
            },
            {
              "kind": "method",
              "name": "hide",
              "description": "Programmatically hide the tooltip"
            },
            {
              "kind": "method",
              "name": "show",
              "description": "Programmatically show the tooltip"
            },
            {
              "kind": "method",
              "name": "disable",
              "description": "Temporarily prevent the tooltip from showing or hiding"
            },
            {
              "kind": "method",
              "name": "enable",
              "description": "Re-enable a disabled tooltip"
            },
            {
              "kind": "method",
              "name": "render"
            }
          ],
          "attributes": [
            {
              "name": "for",
              "fieldName": "for",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "position",
              "fieldName": "position",
              "type": {
                "text": "WcsTooltipPosition"
              }
            },
            {
              "name": "interactive",
              "fieldName": "interactive",
              "type": {
                "text": "boolean"
              }
            },
            {
              "name": "max-width",
              "fieldName": "maxWidth",
              "type": {
                "text": "string | number"
              }
            },
            {
              "name": "delay",
              "fieldName": "delay",
              "type": {
                "text": "number | [number, number]"
              }
            },
            {
              "name": "duration",
              "fieldName": "duration",
              "type": {
                "text": "number | [number, number]"
              }
            },
            {
              "name": "trigger",
              "fieldName": "trigger",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "theme",
              "fieldName": "theme",
              "type": {
                "text": "'dark' | 'light'"
              }
            },
            {
              "name": "content",
              "fieldName": "content",
              "type": {
                "text": "string"
              }
            },
            {
              "name": "append-to",
              "fieldName": "appendTo",
              "type": {
                "text": "WcsTooltipAppendTo"
              }
            }
          ],
          "tagName": "wcs-tooltip",
          "events": [],
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "Tooltip",
          "declaration": {
            "name": "Tooltip",
            "module": "components/tooltip/tooltip.tsx"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "wcs-tooltip",
          "declaration": {
            "name": "Tooltip",
            "module": "components/tooltip/tooltip.tsx"
          }
        }
      ]
    }
  ]
}