@infineon/infineon-design-system-stencil 31.0.0--canary.1640.26c4c0764d79109b3335389182db63edca37148d.0 → 31.0.0--canary.1697.223df0ff1431a5398fd1261ed013c9dd2a89e7a0.0

package/dist/infineon-design-system-stencil/p-8df0dd12.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["overviewTableCss","IfxOverviewTableStyle0","OverviewTable","constructor","hostRef","this","getPlannedComponents","plannedComponents","el","shadowRoot","querySelectorAll","length","setPlannedComponentsNumber","numberIndicator","getElementById","innerHTML","getCompletedComponents","completedComponents","setCompletedComponentsNumber","setTotalComponentsNumber","totalNumberOfComponents","componentWillLoad","parent","parentElement","style","padding","componentDidLoad","headerEl","querySelector","headerHeight","offsetHeight","wrapperEl","setProperty","render","h","key","class","id","target","href","size","variant","icon"],"sources":["src/components/overview-table/overview-table.scss?tag=ifx-overview-table&encapsulation=shadow","src/components/overview-table/overview-table.tsx"],"sourcesContent":["* { \n  font-family: \"Source Sans 3\";\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  overflow-x: hidden;\n}\n\nheader { \n  margin-bottom: 15px;\n  display: flex;\n  justify-content: center;\n}\n\n.header__info-wrapper { \n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.infoboard__wrapper { \n  display: flex;\n  gap: 15px;\n  background-color: #f1f1f1;\n  padding: 5px 10px;\n  border-radius: 10px;\n}\n\n.title { \n  font-size: 30px;\n  font-weight: bold;\n}\n\n.view {\n  margin: auto;\n  // width: 100vw;\n}\n\n.wrapper {\n  position: relative;\n  width: 100%;\n  height: calc(100vh - var(--header-height) - 15px);\n  overflow: auto;\n}\n\ntable { \n  width: 100%;\n  table-layout: fixed;\n  border-spacing: 0;\n}\n\nthead tr th {\n  border-top: 1px solid #dddddd;\n}\n\ntd, th { \n  padding: 10px;\n  background-color: white;\n  border: none;\n  box-shadow: 0 0 0 1px #dddddd;\n  box-sizing: border-box;\n}\n\ntable th:nth-child(1) { \n  width: 150px;\n}\n\ntable th:not(:nth-child(1)) {\n  width: 240px; //300\n}\n\nth {\n  position: sticky;\n  top: 0;\n  background-color: white;\n}\n\n.sticky-col {\n  position: sticky;\n  z-index: 1;\n}\n\nth.sticky-col {\n  z-index: 2;\n}\n\n\n.second-col {\n  left: 0;\n  border-left: 1px solid #ddd;\n}\n\n.wrapped-content {\n  width: 250px;\n  white-space: normal;\n}\n\na { \n  text-decoration: none;\n  color: black;\n}\n\n.basic__info { \n  display: flex;\n  gap: 5px;\n}\n\nul { \n  padding: 0 5px;\n  margin: 0 15px;\n  list-style-type: none;\n}\n\ntr:nth-child(even) td {\n  background-color: #f1f1f1;\n}\n\nul li {\n  font-size: 12px;\n  display: flex;\n  gap: 5px;\n  line-height: 13px;\n}\n\nli.planned__component-wrapper { \n  align-items: center;\n  line-height: 16px;\n}\n\n.version__wrapper { \n  display: flex;\n  flex-direction: column;\n}\n\nifx-icon { \n  color: rgb(10, 130, 118);\n}\n\n.check__icon { \n  width: 10px;\n  height: 10px;\n}\n\n.planned__icon { \n  width: 12px;\n  height: 12px;\n  vertical-align: sub;\n}","import { Component, h, Element } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-overview-table',\n  styleUrl: './overview-table.scss',\n  shadow: true\n})\n\nexport class OverviewTable {\n  @Element() el;\n\n  componentWillLoad() { \n    let parent = this.el.parentElement;\n    if(parent) { \n      parent = parent.parentElement;\n      parent.style.padding = '0px'\n    }\n  }\n\n  componentDidLoad() { \n    const headerEl = this.el.shadowRoot.querySelector('header');\n    const headerHeight = headerEl.offsetHeight;\n    const wrapperEl = this.el.shadowRoot.querySelector(\".wrapper\");\n    wrapperEl.style.setProperty('--header-height', `${headerHeight}px`);\n    this.setPlannedComponentsNumber()\n    this.setCompletedComponentsNumber()\n    this.setTotalComponentsNumber()\n  }\n\n  getPlannedComponents = () => { \n    const plannedComponents = this.el.shadowRoot.querySelectorAll('.planned__component')\n    return plannedComponents.length;\n  }\n  \n  setPlannedComponentsNumber = () => { \n    const plannedComponents = this.getPlannedComponents()\n    const numberIndicator = this.el.shadowRoot.getElementById('number__indicator-planned')\n    numberIndicator.innerHTML = plannedComponents;\n  }\n  \n  getCompletedComponents = () => { \n    const completedComponents = this.el.shadowRoot.querySelectorAll('.completed__component')\n    return completedComponents.length;\n  }\n  \n  setCompletedComponentsNumber = () => { \n    const completedComponents = this.getCompletedComponents()\n    const numberIndicator = this.el.shadowRoot.getElementById('number__indicator-completed')\n    numberIndicator.innerHTML = completedComponents;\n  }\n  \n  setTotalComponentsNumber = () => { \n    const plannedComponents = this.getPlannedComponents()\n    const completedComponents = this.getCompletedComponents()\n    const numberIndicator = this.el.shadowRoot.getElementById('number__indicator-total')\n    const totalNumberOfComponents = plannedComponents + completedComponents;\n    numberIndicator.innerHTML = totalNumberOfComponents;\n  }\n\n  render() {\n    return (\n      <div class='container'>\n        <header class='header'>\n          <div class=\"header__info-wrapper\">\n            <div class=\"title\">DDS Components Overview</div>\n            <div class=\"infoboard__wrapper\">\n              <div class=\"basic__info\">\n                <div>Total Number:</div>\n                <div>\n                  <ifx-number-indicator id=\"number__indicator-total\"></ifx-number-indicator>\n                </div>\n              </div>\n              <div class=\"basic__info\">\n                <div>Completed:</div>\n                <div>\n                  <ifx-number-indicator id=\"number__indicator-completed\"></ifx-number-indicator>\n                </div>\n              </div>\n              <div class=\"basic__info\">\n                <div>In Progress:</div>\n                <div>\n                  <ifx-number-indicator id=\"number__indicator-planned\"></ifx-number-indicator>\n                </div>\n              </div>\n            </div>\n          </div>\n        </header>\n\n        <div class=\"view\">\n          <div class=\"wrapper\">\n            <table>\n              <thead>\n                <tr>\n                  <th class=\"sticky-col second-col\">Component</th>\n                  <th>\n                    <div class=\"version__wrapper\">\n                      <span>Version 1</span>\n                    </div>\n                  </th>\n                  <th>\n                    <div class=\"version__wrapper\">\n                    <span>Version 2</span>\n                    </div>\n                  </th>\n                  <th>Version 3</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-accordion--development\" size=\"s\" variant=\"bold\">Accordion</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Includes essential functionality such as expand/collapse behavior and minimal customization options</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a simple and lightweight way to organize and display collapsible content</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Auto collapse feature</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Initial collapse feature</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-alert--development\" size=\"s\" variant=\"bold\">Alert</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a lightweight and customizable interface for presenting alerts, including options for different alert types (e.g., primary, success, danger, warning) and basic styling configurations</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Configurable close button</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Additional Info variant</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-badge--development\" size=\"s\" variant=\"bold\">Badge</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers simple customization options for displaying badges, allowing developers to indicate specific actions, statuses, or categories with visual cues</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Designed to seamlessly integrate with existing UI elements and adhere to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-breadcrumb--development\" size=\"s\" variant=\"bold\">Breadcrumb</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a simple and customizable way to display a sequential trail of links or indicators,  representing the user's current location within a hierarchy of content</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Possibility to add an icon</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Incorporated dropdown-menu for individual items</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-button--development\" size=\"s\" variant=\"bold\">Button</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Includes basic styling options such as colors, sizes, and states, providing essential functionality for initiating actions</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>fullWidth feature</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Icon integration</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Link integration</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Form integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-card--development\" size=\"s\" variant=\"bold\">Card</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a structured and customizable layout, featuring elements such as headings, images, text, and buttons</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Horizontal and Vertical layout</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Possibility to embed multiple buttons</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>A switch between a Link and a Button</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Enhanced stylying behavior</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox--development\" size=\"s\" variant=\"bold\">Checkbox</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a simple and customizable checkbox input, allowing users to toggle between checked and unchecked states</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Indeterminate state variant</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development\" size=\"s\" variant=\"bold\">Chip</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a simple and customizable interface, representing discrete units of information or user interactions, such as labels, categories, or removable entities</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Incorporated dropdown-menu for individual item selection</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development\" size=\"s\" variant=\"bold\">Date Picker</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a customized wrapper and theming for the standard date picker element, enhancing its appearance and user interaction</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Cross browser compatibility</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Form integration</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Range</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Default value</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-dropdown--development\" size=\"s\" variant=\"bold\">Dropdown</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a versatile and interactive user interface element for presenting a list of options or actions</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Ensures consistent behavior and compatibility with web standards for a reliable user experience, while intentionally limiting customization options to emphasize a standardized appearance and behavior</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Search filter</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Header section</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Menu Item Divider</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Icon incorporated</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization and configurations</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Separate label trigger</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-footer--development\" size=\"s\" variant=\"bold\">Footer</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a standardized and customizable way to display essential information, navigation links, and branding at the bottom of web pages or application interfaces</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a flexible and configurable layout for organizing copyright notices, contact details, sitemap links, and other pertinent information</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Small, Medium and Large variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Customizable and removable links</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon-button--development\" size=\"s\" variant=\"bold\">Icon Button</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a compact and interactive icon-based button element</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a limited scope of customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Additional Round and Square shape variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Small, Medium and Large size</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon--development\" size=\"s\" variant=\"bold\">Icon</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a wide range of iconography options, allowing developers to easily incorporate symbols, glyphs, or visual indicators to enhance the user interface and convey information or actions effectively</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-link--development\" size=\"s\" variant=\"bold\">Link</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a flexible and customizable element for creating hyperlinks within a web application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers essential functionality for defining clickable text or elements</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Small, Medium, Large, Extra Large size variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Icon incorporated</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Bold, Underlined, Title, Menu state variants</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-modal--development\" size=\"s\" variant=\"bold\">Modal</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a customizable modal window, typically used for displaying contextual information, user interactions, or additional content without navigating away from the current context</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to webstandards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Alert-brand and Alert-danger theme variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Removable close button</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-navbar--development\" size=\"s\" variant=\"bold\">Navbar</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a standardized and customizable navigation bar for organizing and presenting essential links, menus, branding, and interactive elements within a web application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web stadards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Navbar-profile component</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Mobile Responsiveness</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Mobile Sidebar</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-number-indicator--development\" size=\"s\" variant=\"bold\">Number Indicator</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a compact and configurable display for showcasing numeric data</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Inverted option</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-pagination--development\" size=\"s\" variant=\"bold\">Pagination</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a configurable set of controls for navigating through sequential pages of content, typically used for displaying large datasets or segmented information</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Configurable Results Per Page option</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-progress-bar--development\" size=\"s\" variant=\"bold\">Progress Bar</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable and dynamic bar that visually represents the advancement of a process, typically used to convey loading status, or task completion</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Show percentage option</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Small and With Label variants included</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-radio-button--development\" size=\"s\" variant=\"bold\">Radio Button</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable radio input, allowing users to make a single selection from a predefined list of options, typically used for multiple-choice selection or exclusive input</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-bar--development\" size=\"s\" variant=\"bold\">Search Bar</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a dynamic and customizable input area that allows users to input search terms and trigger search actions, typically used for querying and filtering content within the application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Collapsable option</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-field--development\" size=\"s\" variant=\"bold\">Search Field</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers an interactive and adaptable input area that allows users to enter search terms and trigger search actions, facilitating efficient querying and filtering of content within the application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Show Delete Icon option</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-single-select--development\" size=\"s\" variant=\"bold\">Single Select</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a user-friendly and interactive dropdown list for selecting a single option from a set of choices within a web application</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Option to enable and disable the search</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-multi-select--development\" size=\"s\" variant=\"bold\">Multi Select</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a dynamic and customizable dropdown list that allows users to make multiple selections from a list of options</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Nestable options</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Option to enable and disable the search</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-sidebar--development\" size=\"s\" variant=\"bold\">Sidebar</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a configurable and collapsible panel that typically occupies the side of the screen, allowing users to access additional sections, or menus while maintaining the main content area</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Multi-layer nestable items and menu</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Initial collapse option</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Active and action item feature</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Number indicator integration</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Removable Footer, Header and Logo</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Removable and customizable Links</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-slider--development\" size=\"s\" variant=\"bold\">Slider</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides an interactive and customizable input control for selecting a value within a defined range, often used for settings such as volume control, data selection, or numerical input</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                    <li>\n                      <span>\n                        <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                      </span>\n                      <span>Icon incorporated</span>\n                    </li>\n                    <li>\n                      <span>\n                        <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                      </span>\n                      <span>Percentage variant</span>\n                    </li>\n                    <li>\n                      <span>\n                        <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                      </span>\n                      <span>Text variant</span>\n                    </li>\n                    <li>\n                      <span>\n                        <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                      </span>\n                      <span>React, Vue and Angular wrapper integration</span>\n                    </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-spinner--development\" size=\"s\" variant=\"bold\">Spinner</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable and animated symbol that conveys to users that a task is in progress, typically used to signify loading content, data retrieval, or pending operations</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Brand variant</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-status--development\" size=\"s\" variant=\"bold\">Status</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a visual indicator for conveying the state, status, or condition of an item, process, or entity within a web application</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Ocean, Orange, Grey, Light-grey, Red, Green and Berry color variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Removable border</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-stepper--development\" size=\"s\" variant=\"bold\">Stepper</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable and intuitive control that allows users to navigate through sequential steps</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Default and Compact variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                  <ul>\n                    <li>\n                      <span>\n                        <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                      </span>\n                      <span>Vertical variant</span>\n                    </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-switch--development\" size=\"s\" variant=\"bold\">Switch</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides an interactive and customizable interface for toggling between two states, typically representing an on/off or active/inactive status within a web application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Incorporated label feature</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-basic--development\" size=\"s\" variant=\"bold\">Basic Table</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers essential functionality for organizing data into rows and columns, allowing users to view, sort, and interact with structured information efficiently</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Includes basic features such as column sorting</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Compact and Default variant</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-advanced--development\" size=\"s\" variant=\"bold\">Advanced Table</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Pagination</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Sidebar filter</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Topbar filter</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Nestable buttons</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tabs--development\" size=\"s\" variant=\"bold\">Tabs</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable and interactive layout that allows users to switch between different content panels, typically used for organizing related information or functional sections</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Horizontal and Vertical orientation</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tag--development\" size=\"s\" variant=\"bold\">Tag</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable and stylized marker that allows users to quickly identify and associate specific items or content with descriptive labels or categories</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Icon incorporated</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-text-field--development\" size=\"s\" variant=\"bold\">Text Field</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable and accessible interface that allows users to input and modify text, facilitating various data entry and form submission tasks</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Possibility for icon configuration</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Form integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tooltip--development\" size=\"s\" variant=\"bold\">Tooltip</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a simple and informative interface for displaying supplementary text or contextual information when users interact with specific elements within a web application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Compact, dismissible and Extended variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Auto-adjusting position</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Icon incorporated</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-notification--development\" size=\"s\" variant=\"bold\">Notification</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a flexible and visually distinct container for presenting informative, warning, or error messages to users, enhancing the overall user experience with timely and relevant feedback</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-content-switcher--development\" size=\"s\" variant=\"bold\">Content Switcher</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a flexible and intuitive interface for dynamically switching between different content sections or views within a web application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable mechanism for users to toggle and display diverse content panels, facilitating seamless navigation and interaction with varying information or functional contexts</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-control--development\" size=\"s\" variant=\"bold\">Segmented Control</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a clear and interactive interface for users to make mutually exclusive selections among multiple options within a web application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable set of segmented buttons or tabs, allowing users to toggle between different choices or views, typically used for filtering, categorization, or navigation purposes</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-controls--development\" size=\"s\" variant=\"bold\">Textarea</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a customizable multi-line text input interface, enabling users to input, edit, and view large amounts of text, while adhering to web standards for accessibility and usability.</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Form integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n            \n                <tr>\n                  <td class=\"planned__component sticky-col second-col\">\n                    <ifx-link href=\"\" size=\"s\" variant=\"bold\">Card Group</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li class=\"planned__component-wrapper\">\n                        <span>\n                          <ifx-icon class=\"planned__icon\" icon=\"clock24\"></ifx-icon>\n                        </span>\n                        <span>On Hold</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n            \n                <tr>\n                  <td class=\"planned__component sticky-col second-col\">\n                    <ifx-link href=\"\" size=\"s\" variant=\"bold\">Upload</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li class=\"planned__component-wrapper\">\n                        <span>\n                          <ifx-icon class=\"planned__icon\" icon=\"roboticarm24\"></ifx-icon>\n                        </span>\n                        <span>In Progress</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n\n                <tr>\n                  <td class=\"planned__component sticky-col second-col\">\n                    <ifx-link href=\"\" size=\"s\" variant=\"bold\">Checkbox Group</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li class=\"planned__component-wrapper\">\n                        <span>\n                          <ifx-icon class=\"planned__icon\" icon=\"roboticarm24\"></ifx-icon>\n                        </span>\n                        <span>In Progress</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n\n                <tr>\n                  <td class=\"planned__component sticky-col second-col\">\n                    <ifx-link href=\"\" size=\"s\" variant=\"bold\">Radio Group</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li class=\"planned__component-wrapper\">\n                        <span>\n                          <ifx-icon class=\"planned__icon\" icon=\"roboticarm24\"></ifx-icon>\n                        </span>\n                        <span>In Progress</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n\n                <tr>\n                  <td class=\"planned__component sticky-col second-col\">\n                    <ifx-link href=\"\" size=\"s\" variant=\"bold\">Tree View</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li class=\"planned__component-wrapper\">\n                        <span>\n                          <ifx-icon class=\"planned__icon\" icon=\"roboticarm24\"></ifx-icon>\n                        </span>\n                        <span>In Progress</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n            \n                <tr>\n                  <td class=\"planned__component sticky-col second-col\">\n                    <ifx-link href=\"\" size=\"s\" variant=\"bold\">Popover</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li class=\"planned__component-wrapper\">\n                        <span>\n                          <ifx-icon class=\"planned__icon\" icon=\"roboticarm24\"></ifx-icon>\n                        </span>\n                        <span>In Progress</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}"],"mappings":"kDAAA,MAAMA,EAAmB,q8CACzB,MAAAC,EAAeD,E,MCOFE,EAAa,MAN1B,WAAAC,CAAAC,G,UA2BEC,KAAAC,qBAAuB,KACrB,MAAMC,EAAoBF,KAAKG,GAAGC,WAAWC,iBAAiB,uBAC9D,OAAOH,EAAkBI,MAAM,EAGjCN,KAAAO,2BAA6B,KAC3B,MAAML,EAAoBF,KAAKC,uBAC/B,MAAMO,EAAkBR,KAAKG,GAAGC,WAAWK,eAAe,6BAC1DD,EAAgBE,UAAYR,CAAiB,EAG/CF,KAAAW,uBAAyB,KACvB,MAAMC,EAAsBZ,KAAKG,GAAGC,WAAWC,iBAAiB,yBAChE,OAAOO,EAAoBN,MAAM,EAGnCN,KAAAa,6BAA+B,KAC7B,MAAMD,EAAsBZ,KAAKW,yBACjC,MAAMH,EAAkBR,KAAKG,GAAGC,WAAWK,eAAe,+BAC1DD,EAAgBE,UAAYE,CAAmB,EAGjDZ,KAAAc,yBAA2B,KACzB,MAAMZ,EAAoBF,KAAKC,uBAC/B,MAAMW,EAAsBZ,KAAKW,yBACjC,MAAMH,EAAkBR,KAAKG,GAAGC,WAAWK,eAAe,2BAC1D,MAAMM,EAA0Bb,EAAoBU,EACpDJ,EAAgBE,UAAYK,CAAuB,C,CA7CrD,iBAAAC,GACE,IAAIC,EAASjB,KAAKG,GAAGe,cACrB,GAAGD,EAAQ,CACTA,EAASA,EAAOC,cAChBD,EAAOE,MAAMC,QAAU,K,EAI3B,gBAAAC,GACE,MAAMC,EAAWtB,KAAKG,GAAGC,WAAWmB,cAAc,UAClD,MAAMC,EAAeF,EAASG,aAC9B,MAAMC,EAAY1B,KAAKG,GAAGC,WAAWmB,cAAc,YACnDG,EAAUP,MAAMQ,YAAY,kBAAmB,GAAGH,OAClDxB,KAAKO,6BACLP,KAAKa,+BACLb,KAAKc,0B,CAiCP,MAAAc,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aACTF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,UACZF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,wBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,SAAO,2BAClBF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,OAAAC,IAAA,6DACAD,EAAA,OAAAC,IAAA,4CACED,EAAA,wBAAAC,IAAA,2CAAsBE,GAAG,8BAG7BH,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,OAAAC,IAAA,0DACAD,EAAA,OAAAC,IAAA,4CACED,EAAA,wBAAAC,IAAA,2CAAsBE,GAAG,kCAG7BH,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,OAAAC,IAAA,4DACAD,EAAA,OAAAC,IAAA,4CACED,EAAA,wBAAAC,IAAA,2CAAsBE,GAAG,mCAOnCH,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WACTF,EAAA,SAAAC,IAAA,4CACED,EAAA,SAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,yBAAuB,aACjCF,EAAA,MAAAC,IAAA,4CACED,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACTF,EAAA,QAAAC,IAAA,2DAGJD,EAAA,MAAAC,IAAA,4CACED,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACXF,EAAA,QAAAC,IAAA,2DAGFD,EAAA,MAAAC,IAAA,2DAGJD,EAAA,SAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,0GAA0GC,KAAK,IAAIC,QAAQ,QAAM,cAElKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,oJAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,yEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,oIAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,sEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,yEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,sGAAsGC,KAAK,IAAIC,QAAQ,QAAM,UAE9JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,gPAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,0EAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,wEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,sGAAsGC,KAAK,IAAIC,QAAQ,QAAM,UAE9JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,sMAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,yIAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,2GAA2GC,KAAK,IAAIC,QAAQ,QAAM,eAEnKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,qNAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,gGAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,uGAAuGC,KAAK,IAAIC,QAAQ,QAAM,WAE/JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2KAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,kEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,iEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,iEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,oEAKRD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,qGAAqGC,KAAK,IAAIC,QAAQ,QAAM,SAE7JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,8JAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,yEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,iFAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,sFAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,qFAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,yGAAyGC,KAAK,IAAIC,QAAQ,QAAM,aAEjKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,+JAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,4EAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,qGAAqGC,KAAK,IAAIC,QAAQ,QAAM,SAE7JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,iNAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,yGAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,qGAAqGC,KAAK,IAAIC,QAAQ,QAAM,gBAE7JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,8KAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,4EAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,iEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,sDAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,gEAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,yGAAyGC,KAAK,IAAIC,QAAQ,QAAM,aAEjKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,sJAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,0PAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,8DAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,+DAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,kEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,kEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,0FAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,uGAAuGC,KAAK,IAAIC,QAAQ,QAAM,WAE/JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,mNAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,4LAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,iFAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,oFAKRD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,4GAA4GC,KAAK,IAAIC,QAAQ,QAAM,gBAEpKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2GAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,0FAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2FAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6EAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,qGAAqGC,KAAK,IAAIC,QAAQ,QAAM,SAE7JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,0PAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,qGAAqGC,KAAK,IAAIC,QAAQ,QAAM,SAE7JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,8IAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uHAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,gGAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,kEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,gGAKRD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,sGAAsGC,KAAK,IAAIC,QAAQ,QAAM,UAE9JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,sOAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,0EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,4FAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,0EAKRD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,kHAAkHC,KAAK,IAAIC,QAAQ,QAAM,WAE1KP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,0NAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,0EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,yEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,sEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,+DAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,iHAAiHC,KAAK,IAAIC,QAAQ,QAAM,qBAEzKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,wHAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,gEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,2GAA2GC,KAAK,IAAIC,QAAQ,QAAM,eAEnKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,gNAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,qFAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,6GAA6GC,KAAK,IAAIC,QAAQ,QAAM,iBAErKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,yMAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uFAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,6GAA6GC,KAAK,IAAIC,QAAQ,QAAM,iBAErKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,gOAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,2GAA2GC,KAAK,IAAIC,QAAQ,QAAM,eAEnKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,0OAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,mEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,6GAA6GC,KAAK,IAAIC,QAAQ,QAAM,iBAErKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,mPAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,wEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,qHAAqHC,KAAK,IAAIC,QAAQ,QAAM,kBAE7KP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,sLAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,wFAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,oHAAoHC,KAAK,IAAIC,QAAQ,QAAM,iBAE5KP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uKAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,iEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2FAKRD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,mHAAmHC,KAAK,IAAIC,QAAQ,QAAM,YAE3KP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2OAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,oFAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,wEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,+EAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6EAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,kFAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,oFAKRD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,uGAAuGC,KAAK,IAAIC,QAAQ,QAAM,WAE/JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,wOAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACAD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,kEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,mEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6DAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIJD,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,wGAAwGC,KAAK,IAAIC,QAAQ,QAAM,YAEhKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6NAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,8DAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,uGAAuGC,KAAK,IAAIC,QAAQ,QAAM,WAE/JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,oLAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,qHAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,iEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,wGAAwGC,KAAK,IAAIC,QAAQ,QAAM,YAEhKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,mJAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6EAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,4CACAD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,mEAIJD,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,uGAAuGC,KAAK,IAAIC,QAAQ,QAAM,WAE/JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,wNAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,4GAA4GC,KAAK,IAAIC,QAAQ,QAAM,gBAEpKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6MAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,iGAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,4EAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,+GAA+GC,KAAK,IAAIC,QAAQ,QAAM,mBAEvKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2DAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,+DAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,8DAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,mEAIND,EAAA,MAAAC,IAAA,6CACAD,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,qGAAqGC,KAAK,IAAIC,QAAQ,QAAM,SAE7JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,oOAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,oFAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,oGAAoGC,KAAK,IAAIC,QAAQ,QAAM,QAE5JP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,gNAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,kEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,2GAA2GC,KAAK,IAAIC,QAAQ,QAAM,eAEnKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,qMAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,uEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,mFAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,oEAKRD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,wGAAwGC,KAAK,IAAIC,QAAQ,QAAM,YAEhKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,4NAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2FAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,wEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,kEAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,6FAIND,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,6GAA6GC,KAAK,IAAIC,QAAQ,QAAM,iBAErKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2OAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,6CACAD,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,iHAAiHC,KAAK,IAAIC,QAAQ,QAAM,qBAEzKP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2LAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,yOAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,6CACAD,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,kHAAkHC,KAAK,IAAIC,QAAQ,QAAM,sBAE1KP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2LAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,0OAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,2EAIND,EAAA,MAAAC,IAAA,6CACAD,EAAA,MAAAC,IAAA,8CAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8CACRF,EAAA,YAAAC,IAAA,2CAAUG,OAAO,SAASC,KAAK,mHAAmHC,KAAK,IAAIC,QAAQ,QAAM,aAE3KP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,yOAEFD,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,cAAcM,KAAK,aAErCR,EAAA,QAAAC,IAAA,mEAIND,EAAA,MAAAC,IAAA,6CACAD,EAAA,MAAAC,IAAA,8CAGFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,4CACRF,EAAA,YAAAC,IAAA,2CAAUI,KAAK,GAAGC,KAAK,IAAIC,QAAQ,QAAM,eAE3CP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8BACRF,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,gBAAgBM,KAAK,aAEvCR,EAAA,QAAAC,IAAA,0DAIND,EAAA,MAAAC,IAAA,6CACAD,EAAA,MAAAC,IAAA,8CAGFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,4CACRF,EAAA,YAAAC,IAAA,2CAAUI,KAAK,GAAGC,KAAK,IAAIC,QAAQ,QAAM,WAE3CP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8BACRF,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,gBAAgBM,KAAK,kBAEvCR,EAAA,QAAAC,IAAA,8DAIND,EAAA,MAAAC,IAAA,6CACAD,EAAA,MAAAC,IAAA,8CAGFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,4CACRF,EAAA,YAAAC,IAAA,2CAAUI,KAAK,GAAGC,KAAK,IAAIC,QAAQ,QAAM,mBAE3CP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8BACRF,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,gBAAgBM,KAAK,kBAEvCR,EAAA,QAAAC,IAAA,8DAIND,EAAA,MAAAC,IAAA,6CACAD,EAAA,MAAAC,IAAA,8CAGFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,4CACRF,EAAA,YAAAC,IAAA,2CAAUI,KAAK,GAAGC,KAAK,IAAIC,QAAQ,QAAM,gBAE3CP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8BACRF,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,gBAAgBM,KAAK,kBAEvCR,EAAA,QAAAC,IAAA,8DAIND,EAAA,MAAAC,IAAA,6CACAD,EAAA,MAAAC,IAAA,8CAGFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,4CACRF,EAAA,YAAAC,IAAA,2CAAUI,KAAK,GAAGC,KAAK,IAAIC,QAAQ,QAAM,cAE3CP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8BACRF,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,gBAAgBM,KAAK,kBAEvCR,EAAA,QAAAC,IAAA,8DAIND,EAAA,MAAAC,IAAA,6CACAD,EAAA,MAAAC,IAAA,8CAGFD,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,4CACRF,EAAA,YAAAC,IAAA,2CAAUI,KAAK,GAAGC,KAAK,IAAIC,QAAQ,QAAM,YAE3CP,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,4CACED,EAAA,MAAAC,IAAA,2CAAIC,MAAM,8BACRF,EAAA,QAAAC,IAAA,4CACED,EAAA,YAAAC,IAAA,2CAAUC,MAAM,gBAAgBM,KAAK,kBAEvCR,EAAA,QAAAC,IAAA,8DAIND,EAAA,MAAAC,IAAA,6CACAD,EAAA,MAAAC,IAAA,kD","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-94071380.entry.js → p-96e3c31e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as r,g as i}from"./p-e244bae4.js";const e=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex;--_ifx-fallback-display:none !important}._ifx-radiobutton-fallback{display:var(--_ifx-fallback-display);position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important}.radioButton__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;cursor:pointer;font-family:var(--ifx-font-family)}.radioButton__container.m .radioButton__wrapper{width:24px;height:24px}.radioButton__container .radioButton__wrapper{width:20px;height:20px;position:relative;display:block;border-radius:50%;background-color:#FFFFFF;border:1px solid #575352}.radioButton__container .radioButton__wrapper:focus{outline:none}.radioButton__container .radioButton__wrapper:focus::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper .radioButton__wrapper-mark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#0A8276;border-radius:50%;display:flex;justify-content:center;align-items:center;border-color:transparent}.radioButton__container .radioButton__wrapper:hover{background-color:#EEEDED}.radioButton__container .radioButton__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.disabled.error:hover,.radioButton__container .radioButton__wrapper.disabled.error:focus-visible{border-color:#CD002F}.radioButton__container .radioButton__wrapper.checked{border-color:#0A8276}.radioButton__container .radioButton__wrapper.checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;background-color:#0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper.checked.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked:hover{border-color:#08665C}.radioButton__container .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#08665C}.radioButton__container .radioButton__wrapper.checked.disabled{background-color:#FFFFFF;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled .radioButton__wrapper-mark{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.error:not(.disabled){border-color:#CD002F}.radioButton__container .radioButton__wrapper.error:not(.disabled):hover,.radioButton__container .radioButton__wrapper.error:not(.disabled):focus-visible{border-color:#CD002F}.radioButton__container .label{display:flex;align-items:center;height:20px;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;flex:none;order:1;flex-grow:0}.radioButton__container .label.label-m{height:24px;font-size:1rem;line-height:1.5rem}.radioButton__container .label.disabled{color:#BFBBBB}.radioButton__container .label:hover{cursor:pointer}';const a=e;const n=class{constructor(r){t(this,r);this.ifxChange=o(this,"ifxChange",7);this.disabled=false;this.error=false;this.size="s";this.internalChecked=false;this.hasSlot=false}componentWillLoad(){this.fallbackInput=document.createElement("input");this.fallbackInput.type="radio";this.fallbackInput.hidden=true;this.fallbackInput.className="_ifx-radiobutton-fallback";this.fallbackInput.style.cssText=`\n      display: none !important;\n      position: absolute !important;\n      opacity: 0 !important;\n      pointer-events: none !important;\n      width: 0 !important;\n      height: 0 !important;\n    `;this.fallbackInput.setAttribute("aria-hidden","true");this.fallbackInput.tabIndex=-1;this.el.appendChild(this.fallbackInput);if("attachInternals"in HTMLElement.prototype){try{this.internals=this.el.attachInternals()}catch(t){console.warn("ElementInternals not supported")}}this.internalChecked=this.checked||false;this.hasSlot=!!this.el.querySelector("[slot]")||this.el.innerHTML.trim()!==""}handleCheckedChange(t){this.internalChecked=t}updateFormValue(){var t;if((t=this.internals)===null||t===void 0?void 0:t.setFormValue){this.internals.setFormValue(this.internalChecked?this.value:null)}this.fallbackInput.checked=this.internalChecked;this.fallbackInput.name=this.name;this.fallbackInput.value=this.value;this.fallbackInput.disabled=this.disabled}handleRadioButtonClick(t){if(this.disabled){t.stopPropagation();return}this.inputElement.click();this.internalChecked=this.inputElement.checked;this.checked=this.internalChecked;this.ifxChange.emit(this.internalChecked);const o=new CustomEvent("change",{bubbles:true,composed:true,detail:{checked:this.internalChecked}});this.el.dispatchEvent(o)}handleKeyDown(t){if([" ","Enter"].includes(t.key)){t.preventDefault();this.handleRadioButtonClick(new PointerEvent("click"))}}handleExternalChange(t){const o=t.target;if(o===this.el||o.tagName.toLowerCase()!=="ifx-radio-button")return;if(o.getAttribute("name")===this.name){this.internalChecked=false}}render(){return r("div",{key:"78fb99e348f1f87ff7a51ffba6cdc41e7c0954ed",role:"radio","aria-checked":String(this.internalChecked),"aria-disabled":String(this.disabled),class:`radioButton__container ${this.size} ${this.disabled?"disabled":""}`,onClick:t=>this.handleRadioButtonClick(t),tabindex:this.disabled?-1:0},r("div",{key:"064187ce7ca62db30e4f190f8566b06028599981",class:`radioButton__wrapper \n            ${this.internalChecked?"checked":""} \n            ${this.disabled?"disabled":""} \n            ${this.error?"error":""}`},this.internalChecked&&r("div",{key:"a6993ca1888fc1c5ee41bc481c6ccac9538dbae8",class:"radioButton__wrapper-mark"})),this.hasSlot&&r("div",{key:"530f4ab560e608aabe3f0d91fbf36518c131578a",class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""}`},r("slot",{key:"cb4ac01adcb5377cd4c675b90f7ad95a8c318ad2"})),r("input",{key:"f4f2118841914a8285728d42b55108c3adbfdaea",type:"radio",hidden:true,ref:t=>this.inputElement=t,name:this.name,value:this.value,checked:this.internalChecked,disabled:this.disabled,onClick:t=>t.stopPropagation()}))}static get formAssociated(){return true}get el(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"],internalChecked:["updateFormValue"]}}};n.style=a;export{n as ifx_radio_button};
-//# sourceMappingURL=p-94071380.entry.js.map
+import{r as t,c as o,h as r,g as i}from"./p-e244bae4.js";const e=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex;--_ifx-fallback-display:none !important}._ifx-radiobutton-fallback{display:var(--_ifx-fallback-display);position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important}.radioButton__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;cursor:pointer;font-family:var(--ifx-font-family)}.radioButton__container.m .radioButton__wrapper{width:24px;height:24px}.radioButton__container .radioButton__wrapper{width:20px;height:20px;position:relative;display:block;border-radius:50%;background-color:#FFFFFF;border:1px solid #575352}.radioButton__container .radioButton__wrapper:focus{outline:none}.radioButton__container .radioButton__wrapper:focus::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper .radioButton__wrapper-mark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#0A8276;border-radius:50%;display:flex;justify-content:center;align-items:center;border-color:transparent}.radioButton__container .radioButton__wrapper:hover{background-color:#EEEDED}.radioButton__container .radioButton__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.disabled.error:hover,.radioButton__container .radioButton__wrapper.disabled.error:focus-visible{border-color:#CD002F}.radioButton__container .radioButton__wrapper.checked{border-color:#0A8276}.radioButton__container .radioButton__wrapper.checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;background-color:#0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper.checked.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked:hover{border-color:#08665C}.radioButton__container .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#08665C}.radioButton__container .radioButton__wrapper.checked.disabled{background-color:#FFFFFF;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled .radioButton__wrapper-mark{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.error:not(.disabled){border-color:#CD002F}.radioButton__container .radioButton__wrapper.error:not(.disabled):hover,.radioButton__container .radioButton__wrapper.error:not(.disabled):focus-visible{border-color:#CD002F}.radioButton__container .label{display:flex;align-items:center;height:20px;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;flex:none;order:1;flex-grow:0}.radioButton__container .label.label-m{height:24px;font-size:1rem;line-height:1.5rem}.radioButton__container .label.disabled{color:#BFBBBB}.radioButton__container .label:hover{cursor:pointer}';const a=e;const n=class{constructor(r){t(this,r);this.ifxChange=o(this,"ifxChange",7);this.disabled=false;this.error=false;this.size="s";this.internalChecked=false;this.hasSlot=false}componentWillLoad(){this.fallbackInput=document.createElement("input");this.fallbackInput.type="radio";this.fallbackInput.hidden=true;this.fallbackInput.className="_ifx-radiobutton-fallback";this.fallbackInput.style.cssText=`\n      display: none !important;\n      position: absolute !important;\n      opacity: 0 !important;\n      pointer-events: none !important;\n      width: 0 !important;\n      height: 0 !important;\n    `;this.fallbackInput.setAttribute("aria-hidden","true");this.fallbackInput.tabIndex=-1;this.el.appendChild(this.fallbackInput);if("attachInternals"in HTMLElement.prototype){try{this.internals=this.el.attachInternals()}catch(t){console.warn("ElementInternals not supported")}}this.internalChecked=this.checked||false;this.hasSlot=!!this.el.querySelector("[slot]")||this.el.innerHTML.trim()!==""}handleCheckedChange(t){this.internalChecked=t}updateFormValue(){var t;if((t=this.internals)===null||t===void 0?void 0:t.setFormValue){this.internals.setFormValue(this.internalChecked?this.value:null)}this.fallbackInput.checked=this.internalChecked;this.fallbackInput.name=this.name;this.fallbackInput.value=this.value;this.fallbackInput.disabled=this.disabled}handleRadioButtonClick(t){if(this.disabled){t.stopPropagation();return}this.inputElement.click();this.internalChecked=this.inputElement.checked;this.checked=this.internalChecked;this.ifxChange.emit(this.internalChecked);const o=new CustomEvent("change",{bubbles:true,composed:true,detail:{checked:this.internalChecked}});this.el.dispatchEvent(o)}handleKeyDown(t){if([" ","Enter"].includes(t.key)){t.preventDefault();this.handleRadioButtonClick(new PointerEvent("click"))}}handleExternalChange(t){const o=t.target;if(o===this.el||o.tagName.toLowerCase()!=="ifx-radio-button")return;if(o.getAttribute("name")===this.name){this.internalChecked=false}}render(){return r("div",{key:"fae53d7eafb00b6e7a1f58145af14c6eb2ab05df",role:"radio","aria-checked":String(this.internalChecked),"aria-disabled":String(this.disabled),class:`radioButton__container ${this.size} ${this.disabled?"disabled":""}`,onClick:t=>this.handleRadioButtonClick(t),tabindex:this.disabled?-1:0},r("div",{key:"74ca30fb71544197ca732c626a9afd04ba6de059",class:`radioButton__wrapper \n            ${this.internalChecked?"checked":""} \n            ${this.disabled?"disabled":""} \n            ${this.error?"error":""}`},this.internalChecked&&r("div",{key:"cd925eb77b85631c617b809b5d232e54c10009f2",class:"radioButton__wrapper-mark"})),this.hasSlot&&r("div",{key:"2343f841254057810313be262f74076a40398913",class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""}`},r("slot",{key:"501a334c5b09cc21cc5c528cd1bdf1ff465011d9"})),r("input",{key:"e1c0bc279da1c379d552ab5bc25f274654514f62",type:"radio",hidden:true,ref:t=>this.inputElement=t,name:this.name,value:this.value,checked:this.internalChecked,disabled:this.disabled,onClick:t=>t.stopPropagation()}))}static get formAssociated(){return true}get el(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"],internalChecked:["updateFormValue"]}}};n.style=a;export{n as ifx_radio_button};
+//# sourceMappingURL=p-96e3c31e.entry.js.map

package/dist/infineon-design-system-stencil/p-98c50956.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,g as e}from"./p-e244bae4.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs.vertical{flex-direction:row}.tabs-list{display:flex;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list:focus-within .active-border{display:none}.active-border{content:"";position:absolute;transition:left 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0A8276}.tabs.vertical .tabs-list{flex-direction:column;border-bottom:none}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tab-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;cursor:pointer;position:relative}.tab-item.icon__right{flex-direction:row-reverse;justify-content:flex-end}.tab-item:hover{color:#0A8276}.tab-item:active,.tab-item.active{color:#0A8276}.tab-item:focus,.tab-item.focus{outline:none;border-radius:1px;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item.disabled{color:#BFBBBB;pointer-events:none}.tabs.vertical .tab-item{border-right:2px solid transparent;min-width:7em}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0A8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}';const o=a;const n=class{constructor(s){t(this,s);this.ifxTabChange=i(this,"ifxTabChange",7);this.orientation="horizontal";this.activeTabIndex=0;this.fullWidth=false;this.internalActiveTabIndex=0;this.internalFocusedTabIndex=0;this.tabRefs=[];this.tabHeaderRefs=[];this.disabledTabs=[];this.tabObjects=[]}updateBorderOnWindowResize(){this.updateBorderAndFocus()}setActiveAndFocusedTab(t){var i;if(t>=this.tabObjects.length){t=this.tabObjects.length-1}if(t<0){t=0}if(!((i=this.tabObjects[t])===null||i===void 0?void 0:i.disabled)){this.internalActiveTabIndex=t;this.internalFocusedTabIndex=t}}handleTabHeaderChange(t){const i=t.target.getAttribute("slot").replace("tab-","");this.tabObjects[i].header=t.detail;this.tabObjects=[...this.tabObjects]}activeTabIndexChanged(t,i){if(t!==i){this.setActiveAndFocusedTab(t)}}componentWillLoad(){this.internalOrientation=this.orientation.toLowerCase()==="vertical"?"vertical":"horizontal";if(this.internalActiveTabIndex!==this.activeTabIndex){this.ifxTabChange.emit({previousTab:this.internalActiveTabIndex,currentTab:this.activeTabIndex})}this.onSlotChange();this.setActiveAndFocusedTab(this.activeTabIndex);this.updateTabStyles()}updateTabStyles(){this.tabHeaderRefs.forEach(((t,i)=>{t.classList.toggle("active",i===this.internalActiveTabIndex);t.setAttribute("aria-selected",i===this.internalActiveTabIndex?"true":"false")}))}reRenderBorder(){const t=this.el.shadowRoot.querySelector(".active-border");if(t&&this.tabHeaderRefs[this.internalActiveTabIndex]){if(this.orientation==="horizontal"){t.style.left=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetLeft}px`;t.style.width=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetWidth}px`;t.style.top="";t.style.height=""}else{t.style.top=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetTop}px`;t.style.height=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetHeight}px`;t.style.left="";t.style.width=""}}}onSlotChange(){const t=this.el.querySelectorAll("ifx-tab");this.tabObjects=Array.from(t).map((t=>({header:t===null||t===void 0?void 0:t.header,disabled:(t===null||t===void 0?void 0:t.disabled)===true,icon:t===null||t===void 0?void 0:t.icon,iconPosition:t===null||t===void 0?void 0:t.iconPosition})));this.tabRefs=Array.from(t);this.tabRefs.forEach(((t,i)=>{t.setAttribute("slot",`tab-${i}`)}))}setDefaultOrientation(){const t=["horizontal","vertical"];const i=this.orientation.toLowerCase();if(!t.includes(i)){this.internalOrientation="horizontal"}else this.internalOrientation=this.orientation}componentDidLoad(){this.updateBorderAndFocus();this.tabHeaderRefs.forEach(((t,i)=>{t.addEventListener("focus",this.onTabFocus(i))}))}onTabFocus(t){return()=>{this.internalFocusedTabIndex=t}}disconnectedCallback(){this.tabHeaderRefs.forEach(((t,i)=>{t.removeEventListener("focus",this.onTabFocus(i))}))}componentDidUpdate(){this.updateBorderAndFocus()}updateBorderAndFocus(){this.reRenderBorder();this.updateTabFocusability()}updateTabFocusability(){this.tabHeaderRefs.forEach(((t,i)=>{t.tabIndex=i===this.internalActiveTabIndex?0:-1}))}focusNextTab(){let t=this.internalFocusedTabIndex+1;while(t<this.tabHeaderRefs.length&&this.tabObjects[t].disabled){t++}if(t>=0&&t<this.tabHeaderRefs.length){this.internalFocusedTabIndex=t;this.tabHeaderRefs[t].focus()}}focusPreviousTab(){let t=this.internalFocusedTabIndex-1;while(t>=0&&this.tabObjects[t].disabled){t--}if(t>=0&&t<this.tabHeaderRefs.length){this.internalFocusedTabIndex=t;this.tabHeaderRefs[t].focus()}}getTabItemClass(t){const i=t===this.internalActiveTabIndex&&!this.tabObjects[t].disabled;const s=this.tabObjects[t].disabled;const e=this.tabObjects[t].iconPosition;return`tab-item ${this.fullWidth?"full-width":""} ${i?"active":""} ${s?"disabled":""} ${"icon__"+e}`}handleClick(t,i){this.ifxTabChange.emit({previousTab:this.internalActiveTabIndex,currentTab:i});if(!t.disabled)this.internalActiveTabIndex=i}handleKeyDown(t){if(t.key==="Tab"){if(t.shiftKey){if(this.internalFocusedTabIndex===0){return}else{t.preventDefault();this.focusPreviousTab()}}else{if(this.internalFocusedTabIndex===this.tabHeaderRefs.length-1){return}else{t.preventDefault();this.focusNextTab()}}}else if(t.key==="Enter"){if(this.internalFocusedTabIndex!==-1&&!this.tabObjects[this.internalFocusedTabIndex].disabled){const t=this.internalActiveTabIndex;this.internalActiveTabIndex=this.internalFocusedTabIndex;this.ifxTabChange.emit({previousTab:t,currentTab:this.internalFocusedTabIndex})}}}render(){var t;return s("div",{key:"fb55a78348519cc242a76b0058ec8b8705d95549","aria-label":"navigation tabs",class:`tabs ${this.internalOrientation}`},s("ul",{key:"8bf44e2d8146ae3418ce5ff35a96db2e33f57efa",role:"tablist",class:"tabs-list"},(t=this.tabObjects)===null||t===void 0?void 0:t.map(((t,i)=>s("li",{class:this.getTabItemClass(i),ref:t=>this.tabHeaderRefs[i]=t,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},(t===null||t===void 0?void 0:t.icon)?s("ifx-icon",{icon:t.icon}):"",t===null||t===void 0?void 0:t.header))),s("div",{key:"8d02c3486f216c989205adb0f35a63a6b2d426b2",class:"active-border"})),s("div",{key:"2333b2ba0decc2b15eaf66e55cd1a2a345c76864",class:"tab-content"},Array.from(this.tabObjects).map(((t,i)=>s("div",{style:{display:i===this.internalActiveTabIndex?"block":"none"}},s("slot",{name:`tab-${i}`}))))))}get el(){return e(this)}static get watchers(){return{activeTabIndex:["activeTabIndexChanged"]}}};n.style=o;export{n as ifx_tabs};
+//# sourceMappingURL=p-98c50956.entry.js.map

package/dist/infineon-design-system-stencil/p-98c50956.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tabsCss","IfxTabsStyle0","IfxTabs","constructor","hostRef","this","orientation","activeTabIndex","fullWidth","internalActiveTabIndex","internalFocusedTabIndex","tabRefs","tabHeaderRefs","disabledTabs","tabObjects","updateBorderOnWindowResize","updateBorderAndFocus","setActiveAndFocusedTab","index","length","_a","disabled","handleTabHeaderChange","e","tabIndex","target","getAttribute","replace","header","detail","activeTabIndexChanged","newValue","oldValue","componentWillLoad","internalOrientation","toLowerCase","ifxTabChange","emit","previousTab","currentTab","onSlotChange","updateTabStyles","forEach","tab","classList","toggle","setAttribute","reRenderBorder","borderElement","el","shadowRoot","querySelector","style","left","offsetLeft","width","offsetWidth","top","height","offsetTop","offsetHeight","tabs","querySelectorAll","Array","from","map","icon","iconPosition","setDefaultOrientation","validOrientations","lowercaseOrientation","includes","componentDidLoad","addEventListener","onTabFocus","disconnectedCallback","removeEventListener","componentDidUpdate","updateTabFocusability","focusNextTab","nextIndex","focus","focusPreviousTab","prevIndex","getTabItemClass","isActive","isDisabled","handleClick","handleKeyDown","ev","key","shiftKey","preventDefault","previouslyActiveTabIndex","render","h","class","role","ref","onMouseDown","event","onClick","_","display","name"],"sources":["src/components/tabs/tabs.scss?tag=ifx-tabs&encapsulation=shadow","src/components/tabs/tabs.tsx"],"sourcesContent":["//ifxTabs.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: flex;\n}\n\n.tabs {\n  display: flex;\n  font-family: var(--ifx-font-family);\n  width: 100%;\n}\n\n.tabs.horizontal {\n  flex-direction: column;\n}\n\n.tabs.vertical {\n  flex-direction: row;\n}\n\n.tabs-list {\n  display: flex;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  position: relative;\n  font-weight: tokens.$ifxFontWeightSemibold;\n}\n\n.tabs-list:focus-within .active-border {\n  display: none;\n}\n\n.active-border {\n  content: \"\";\n  position: absolute;\n  transition: left 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out;\n}\n\n.tabs.horizontal .active-border {\n  bottom: 0;\n  left: 0;\n  height: 2px;\n  background-color: tokens.$ifxColorOcean500;\n}\n\n.tabs.vertical .tabs-list {\n  flex-direction: column;\n  border-bottom: none;\n}\n\n.tabs.vertical .tab-content {\n  padding-top: 0px;\n  padding-left: 32px;\n}\n\n.tabs:not(.vertical) {\n  & .tab-item {\n    &.full-width { \n      flex: 1;\n    }\n  }\n}\n\n.tab-item {\n  // Reduced padding values\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n  cursor: pointer;\n  position: relative;\n\n  &.icon__right {\n    flex-direction: row-reverse;\n    justify-content: flex-end;\n  }\n  \n  &:hover {\n    color: tokens.$ifxColorOcean500;\n  }\n  \n  &:active,\n  &.active {\n    color: tokens.$ifxColorOcean500;\n  }\n\n  &:focus,\n  &.focus {\n    outline: none;\n    border-radius: 1px;\n    box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\n    \n    // Assuming .active-border is a sibling of .tab-item\n    +.active-border {\n      display: none; // Hide the active border when the tab is in focus\n    }\n  }\n  \n  &.disabled {\n    color: tokens.$ifxColorEngineering300;\n    pointer-events: none;\n  }\n}\n\n.tabs.vertical .tab-item {\n  border-right: 2px solid transparent;\n  min-width: 7em;\n}\n\n.tabs.vertical .active-border {\n  left: 0;\n  top: 0;\n  width: 2px;\n  background-color: tokens.$ifxColorOcean500;\n}\n\n\n.tab-content {\n  padding-top: 24px;\n  padding-left: 0px;\n  flex-grow: 1;\n}\n\n.tabs.small .tab-item {\n  font-size: tokens.$ifxFontSizeS;\n}","//ifxTabs.tsx\nimport { Component, h, Prop, State, Element, Listen, Event, EventEmitter, Watch } from '@stencil/core';\n \n\n\n@Component({\n  tag: 'ifx-tabs',\n  styleUrl: 'tabs.scss',\n  shadow: true\n})\nexport class IfxTabs {\n  @Element() el: HTMLElement;\n\n  @Prop() orientation: string = \"horizontal\";\n  @Prop({ mutable: true }) activeTabIndex: number = 0;\n  @Prop() fullWidth: boolean = false;\n\n  @State() internalOrientation: string;\n  @State() internalActiveTabIndex: number = 0;\n  @State() internalFocusedTabIndex: number = 0;\n  @State() tabRefs: HTMLElement[] = [];\n  @State() tabHeaderRefs: HTMLElement[] = [];\n  @State() disabledTabs: string[] = [];\n  @State() tabObjects: any[] = [];\n\n  @Event() ifxTabChange: EventEmitter;\n\n  @Listen('resize', {target: 'window'})\n  updateBorderOnWindowResize() {\n    this.updateBorderAndFocus();\n  }\n\n  setActiveAndFocusedTab(index: number) {\n    if (index >= this.tabObjects.length) {\n      index = this.tabObjects.length - 1;\n    }\n    if (index < 0) {\n      index = 0;\n    }\n    if (!this.tabObjects[index]?.disabled) {\n      this.internalActiveTabIndex = index;\n      this.internalFocusedTabIndex = index;\n    }\n  }\n\n  @Listen('tabHeaderChange')\n  handleTabHeaderChange(e) { \n    const tabIndex = e.target.getAttribute('slot').replace('tab-', '');\n    this.tabObjects[tabIndex].header = e.detail;\n    this.tabObjects = [...this.tabObjects]; \n  }\n  \n\n  @Watch('activeTabIndex')\n  activeTabIndexChanged(newValue: number, oldValue: number) {\n    if (newValue !== oldValue) {\n      this.setActiveAndFocusedTab(newValue);\n    }\n  }\n\n\n\n  componentWillLoad() {\n    this.internalOrientation = this.orientation.toLowerCase() === 'vertical' ? 'vertical' : 'horizontal';\n    if (this.internalActiveTabIndex !== this.activeTabIndex) {\n      this.ifxTabChange.emit({ previousTab: this.internalActiveTabIndex, currentTab: this.activeTabIndex });\n    };\n    this.onSlotChange();\n    this.setActiveAndFocusedTab(this.activeTabIndex);\n    this.updateTabStyles();\n  }\n\n  updateTabStyles() {\n    this.tabHeaderRefs.forEach((tab, index) => {\n      tab.classList.toggle('active', index === this.internalActiveTabIndex);\n      tab.setAttribute('aria-selected', index === this.internalActiveTabIndex ? 'true' : 'false')\n    });\n  }\n\n\n  // needed for smooth border transition\n  reRenderBorder() {\n    const borderElement = this.el.shadowRoot.querySelector('.active-border') as HTMLElement;\n    if (borderElement && this.tabHeaderRefs[this.internalActiveTabIndex]) {\n      if (this.orientation === 'horizontal') {\n\n        borderElement.style.left = `${this.tabHeaderRefs[this.internalActiveTabIndex].offsetLeft}px`;\n        borderElement.style.width = `${this.tabHeaderRefs[this.internalActiveTabIndex].offsetWidth}px`;\n        borderElement.style.top = '';\n        borderElement.style.height = '';\n      } else {\n        borderElement.style.top = `${this.tabHeaderRefs[this.internalActiveTabIndex].offsetTop}px`;\n        borderElement.style.height = `${this.tabHeaderRefs[this.internalActiveTabIndex].offsetHeight}px`;\n        borderElement.style.left = '';\n        borderElement.style.width = '';\n      }\n    }\n  }\n\n\n  // when a slot is removed / added\n  @Listen('slotchange')\n  onSlotChange() {\n    const tabs = this.el.querySelectorAll('ifx-tab');\n    this.tabObjects = Array.from(tabs).map((tab) => {\n      return {\n        header: tab?.header,\n        disabled: tab?.disabled === true,\n        icon: tab?.icon,\n        iconPosition: tab?.iconPosition\n      }\n    });\n\n    this.tabRefs = Array.from(tabs);\n    this.tabRefs.forEach((tab, index) => {\n      tab.setAttribute('slot', `tab-${index}`);\n    });\n  }\n\n  setDefaultOrientation() {\n    const validOrientations = ['horizontal', 'vertical'];\n    const lowercaseOrientation = this.orientation.toLowerCase();\n\n    if (!validOrientations.includes(lowercaseOrientation)) {\n      this.internalOrientation = 'horizontal';\n    } else this.internalOrientation = this.orientation;\n  }\n\n  componentDidLoad() {\n    this.updateBorderAndFocus();\n    // Add keyboard event listeners for each tab header\n    this.tabHeaderRefs.forEach((tab, index) => {\n      tab.addEventListener('focus', this.onTabFocus(index));\n    });\n\n  }\n\n  onTabFocus(index) {\n    return () => {\n      this.internalFocusedTabIndex = index;\n    };\n  }\n\n  disconnectedCallback() {\n    // Remove keyboard event listeners when component is unmounted\n    this.tabHeaderRefs.forEach((tab, index) => {\n      tab.removeEventListener('focus', this.onTabFocus(index));\n    });\n  }\n  componentDidUpdate() {\n    this.updateBorderAndFocus();\n  }\n\n  private updateBorderAndFocus() {\n    this.reRenderBorder()\n    this.updateTabFocusability();\n  }\n\n  private updateTabFocusability() {\n    this.tabHeaderRefs.forEach((tab, index) => {\n      tab.tabIndex = index === this.internalActiveTabIndex ? 0 : -1;\n    })\n  }\n\n\n  private focusNextTab() {\n    let nextIndex = this.internalFocusedTabIndex + 1;\n    while (nextIndex < this.tabHeaderRefs.length && this.tabObjects[nextIndex].disabled) {\n      nextIndex++;\n    }\n    if (nextIndex >= 0 && nextIndex < this.tabHeaderRefs.length) {\n      this.internalFocusedTabIndex = nextIndex;\n      this.tabHeaderRefs[nextIndex].focus();\n    }\n  }\n\n  private focusPreviousTab() {\n    let prevIndex = this.internalFocusedTabIndex - 1;\n    while ((prevIndex >= 0) && (this.tabObjects[prevIndex].disabled)) {\n      prevIndex--;\n    }\n    if ((prevIndex >= 0) && (prevIndex < this.tabHeaderRefs.length)) {\n      this.internalFocusedTabIndex = prevIndex;\n      this.tabHeaderRefs[prevIndex].focus();\n    }\n  }\n\n\n  private getTabItemClass(index: number) {\n    const isActive = index === this.internalActiveTabIndex && !this.tabObjects[index].disabled;\n    const isDisabled = this.tabObjects[index].disabled;\n    const iconPosition = this.tabObjects[index].iconPosition\n    return `tab-item ${this.fullWidth ? 'full-width' : \"\"} ${isActive ? 'active' : ''} ${isDisabled ? 'disabled' : ''} ${'icon__'+iconPosition}`;\n  }\n\n  private handleClick(tab, index) {\n    this.ifxTabChange.emit({ previousTab: this.internalActiveTabIndex, currentTab: index })\n    if (!tab.disabled) this.internalActiveTabIndex = index;\n\n  }\n\n\n\n  @Listen('keydown')\n  handleKeyDown(ev: KeyboardEvent) {\n    if (ev.key === 'Tab') {\n\n      if (ev.shiftKey) {\n        // Shift + Tab\n        if (this.internalFocusedTabIndex === 0) {\n          // Allow default behavior to move focus out of component\n          return;\n        } else {\n          ev.preventDefault();\n          this.focusPreviousTab();\n        }\n      } else {\n        // Tab\n        if (this.internalFocusedTabIndex === this.tabHeaderRefs.length - 1) {\n          // Allow default behavior to move focus out of component\n          return;\n        } else {\n          ev.preventDefault();\n          this.focusNextTab();\n        }\n      }\n    } else if (ev.key === 'Enter') {\n      if (this.internalFocusedTabIndex !== -1 && !this.tabObjects[this.internalFocusedTabIndex].disabled) {\n        const previouslyActiveTabIndex = this.internalActiveTabIndex;\n        this.internalActiveTabIndex = this.internalFocusedTabIndex;\n        this.ifxTabChange.emit({ previousTab: previouslyActiveTabIndex, currentTab: this.internalFocusedTabIndex })\n      }\n    }\n  }\n\n\n  render() {\n    return (\n      <div aria-label=\"navigation tabs\" class={`tabs ${this.internalOrientation}`}>\n        <ul role=\"tablist\" class=\"tabs-list\">\n          {this.tabObjects?.map((tab, index) => (\n            <li\n              class={this.getTabItemClass(index)}\n              ref={(el) => (this.tabHeaderRefs[index] = el)}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => this.handleClick(tab, index)}\n              aria-selected={index === this.internalActiveTabIndex ? 'true' : 'false'}\n              aria-disabled={tab.disabled ? 'true' : 'false'}\n              role=\"tab\"\n            > \n              {tab?.icon ? <ifx-icon icon = {tab.icon}></ifx-icon> : ''}\n              {tab?.header}\n            </li>\n          ))}\n          <div class=\"active-border\"></div>\n        </ul>\n        <div class=\"tab-content\">\n          {Array.from(this.tabObjects).map((_, index) => (\n            <div style={{ display: index === this.internalActiveTabIndex ? 'block' : 'none' }}>\n              <slot name={`tab-${index}`} />\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n}"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-da97c1b6.entry.js → p-abba423a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,g as i}from"./p-e244bae4.js";const a=".list-entry{display:flex;align-items:center;margin-top:8px;align-self:stretch}";const r=a;const h=class{constructor(s){t(this,s);this.ifxListEntryChange=e(this,"ifxListEntryChange",7)}valueChanged(t){if(t){this.host.setAttribute("value","true")}else{this.host.removeAttribute("value")}}handleFilterEntryChange(t){this.value=t.detail;this.ifxListEntryChange.emit({label:this.label,value:this.value,type:this.type})}render(){return s("div",{key:"9ecd8abf6c384ef0e8d46201f4df768521bfc8a8",class:"wrapper"},this.type==="checkbox"?s("div",{class:"list-entry"},s("ifx-checkbox",{size:"s",checked:this.value},this.label)):s("div",{class:"list-entry"},s("ifx-radio-button",{size:"s",checked:this.value},this.label)))}get host(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};h.style=r;export{h as ifx_list_entry};
-//# sourceMappingURL=p-da97c1b6.entry.js.map
+import{r as t,c as e,h as s,g as i}from"./p-e244bae4.js";const a=".list-entry{display:flex;align-items:center;margin-top:8px;align-self:stretch}";const r=a;const h=class{constructor(s){t(this,s);this.ifxListEntryChange=e(this,"ifxListEntryChange",7)}valueChanged(t){if(t){this.host.setAttribute("value","true")}else{this.host.removeAttribute("value")}}handleFilterEntryChange(t){this.value=t.detail;this.ifxListEntryChange.emit({label:this.label,value:this.value,type:this.type})}render(){return s("div",{key:"7c3d09e5c8d18387b4b2111050522b8862275ae3",class:"wrapper"},this.type==="checkbox"?s("div",{class:"list-entry"},s("ifx-checkbox",{size:"s",checked:this.value},this.label)):s("div",{class:"list-entry"},s("ifx-radio-button",{size:"s",checked:this.value},this.label)))}get host(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};h.style=r;export{h as ifx_list_entry};
+//# sourceMappingURL=p-abba423a.entry.js.map

package/dist/infineon-design-system-stencil/p-b37f692b.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as s}from"./p-e244bae4.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex;width:100%}.progress-bar{height:16px;bottom:0;right:0;top:0;left:0;display:flex;height:20px;border-radius:1px;width:100%;overflow:hidden;background-color:#EEEDED;font-family:var(--ifx-font-family, sans-serif)}.progress-bar.s{height:4px}.progress-bar .label{font-style:normal;font-size:0.875rem;font-weight:400;line-height:1.25rem;color:#FFFFFF}.progress-bar .progress{display:flex;align-items:center;justify-content:center;min-width:fit-content;height:100%;background-color:#0A8276;transition:width 0.2s ease}';const a=t;const r=class{constructor(s){e(this,s);this.value=0;this.showLabel=false}valueChanged(e,s){if(e!==s){this.internalValue=e}}componentWillLoad(){this.internalValue=this.value}render(){return s("div",{key:"e4ba3d7984ad1444c1e07edbfb7623a5471c059e","aria-label":"a progress bar","aria-value":this.value,class:`progress-bar ${this.size}`},s("div",{key:"995d64992f539dae4deae9dfcdc04a93f9c3b255",class:"progress",style:{width:`${this.internalValue}%`}},this.showLabel&&this.size!=="s"&&this.internalValue!==0&&s("span",{key:"f7cc21c3da249ef83d26d43fac35aa6efe69a425",class:"label"},`${this.internalValue}%`)))}static get watchers(){return{value:["valueChanged"]}}};r.style=a;export{r as ifx_progress_bar};
+//# sourceMappingURL=p-b37f692b.entry.js.map

package/dist/infineon-design-system-stencil/{p-cfa7a442.entry.js → p-b3882dc0.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s,g as a}from"./p-e244bae4.js";const i=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.group{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.group__label{font:400 0.75rem/1rem "Source Sans 3"}.group__label:empty{display:none}.group__controls{display:flex;flex-wrap:wrap}.group__controls ::slotted(*){margin-left:-1px;margin-top:-1px}.group__caption{display:flex;align-items:center;gap:8px;font:400 0.75rem/1rem "Source Sans 3"}';const o=i;const n=class{constructor(s){e(this,s);this.ifxChange=t(this,"ifxChange",7);this.caption="";this.label="";this.size="regular";this.selectedValue=""}onSegmentSelect(e){const{previousValue:t,selectedValue:s}=this.unselectPreviousSegment(e.detail);this.selectedValue=s;this.ifxChange.emit({previousValue:t,selectedValue:s})}unselectPreviousSegment(e){let t;let s;const a=this.getSegments();a.forEach((a=>{if(a.selected){if(a.segmentIndex!==e){a.selected=false;t=a.value}else{s=a.value}}}));return{previousValue:t,selectedValue:s}}getSegments(){return this.SegmentedControl.querySelectorAll("ifx-segment")}setActiveSegment(){const e=this.getSegments();let t=false;e.forEach(((e,s)=>{e.segmentIndex=s;if(t){if(e.selected)e.selected=false}else{if(e.selected){t=true;this.selectedValue=e.value}}}));if(!t&&e.length){e[0].selected=true;this.selectedValue=e[0].value}}setSegmentSize(){const e=this.getSegments();e.forEach((e=>{e.shadowRoot.querySelector(".segment").classList.add(`segment--${this.size}`)}))}componentDidLoad(){this.setActiveSegment()}render(){return s("div",{key:"2a980fa0fd18e469c2d92c57c80c62b7dfee30e9","aria-value":this.selectedValue,"aria-label":"segmented control",class:"group"},s("div",{key:"bf202bd9f2a4967c5a5c0cd24013242ad4752a80",class:"group__label"},this.label.trim()),s("div",{key:"89e974d972a4ad903193459e9a65b47c89114ab8",class:"group__controls"},s("slot",{key:"10a57ab800389b4a7ae482c152817486a28ae96f"})),this.caption.trim()&&s("div",{key:"f63a61eabf58e03cc0c4b5bae031965b82cb4f2c",class:"group__caption"},s("ifx-icon",{key:"b758bb66d96d48e795565dbd662f1a2fc3648bfe",icon:"cinfo16"})," ",this.caption.trim()))}componentDidRender(){this.setSegmentSize()}get SegmentedControl(){return a(this)}};n.style=o;export{n as ifx_segmented_control};
-//# sourceMappingURL=p-cfa7a442.entry.js.map
+import{r as e,c as t,h as s,g as i}from"./p-e244bae4.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.group{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.group__label{font:400 0.75rem/1rem "Source Sans 3"}.group__label:empty{display:none}.group__controls{display:flex;flex-wrap:wrap}.group__controls ::slotted(*){margin-left:-1px;margin-top:-1px}.group__caption{display:flex;align-items:center;gap:8px;font:400 0.75rem/1rem "Source Sans 3"}';const o=a;const n=class{constructor(s){e(this,s);this.ifxChange=t(this,"ifxChange",7);this.caption="";this.label="";this.size="regular";this.selectedValue=""}onSegmentSelect(e){const{previousValue:t,selectedValue:s}=this.unselectPreviousSegment(e.detail);this.selectedValue=s;this.ifxChange.emit({previousValue:t,selectedValue:s})}unselectPreviousSegment(e){let t;let s;const i=this.getSegments();i.forEach((i=>{if(i.selected){if(i.segmentIndex!==e){i.selected=false;t=i.value}else{s=i.value}}}));return{previousValue:t,selectedValue:s}}getSegments(){return this.SegmentedControl.querySelectorAll("ifx-segment")}setActiveSegment(){const e=this.getSegments();let t=false;e.forEach(((e,s)=>{e.segmentIndex=s;if(t){if(e.selected)e.selected=false}else{if(e.selected){t=true;this.selectedValue=e.value}}}));if(!t&&e.length){e[0].selected=true;this.selectedValue=e[0].value}}setSegmentSize(){const e=this.getSegments();e.forEach((e=>{e.shadowRoot.querySelector(".segment").classList.add(`segment--${this.size}`)}))}componentDidLoad(){this.setActiveSegment()}render(){return s("div",{key:"107dc81c1511f43afe458598f531dba52c291e32","aria-value":this.selectedValue,"aria-label":"segmented control",class:"group"},s("div",{key:"879f0a9e7969f6dee38992352af1c5abb0ff1844",class:"group__label"},this.label.trim()),s("div",{key:"114496531e8455b9b109d62d882b943920b8f925",class:"group__controls"},s("slot",{key:"2199416c1ffee2e0ca7b6f158da9cc697f1ae290"})),this.caption.trim()&&s("div",{key:"78c776417c479c9ac008d0a5e249f11300d0f9e8",class:"group__caption"},s("ifx-icon",{key:"4e275a5017e078c8eda524151fec0e1a7129e807",icon:"cinfo16"})," ",this.caption.trim()))}componentDidRender(){this.setSegmentSize()}get SegmentedControl(){return i(this)}};n.style=o;export{n as ifx_segmented_control};
+//# sourceMappingURL=p-b3882dc0.entry.js.map

package/dist/infineon-design-system-stencil/{p-d63b8c2f.entry.js → p-c646ffcc.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,g as a}from"./p-e244bae4.js";const r=".sidebar-filter-search-wrapper{display:flex;padding:12px 16px 16px 16px;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family);background:#EEEDED}.topbar-filter-search-wrapper{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family)}.topbar-filter-search-wrapper ifx-search-field{width:100%;}.filter-name{font-size:1rem;line-height:1.5rem;font-weight:600}";const s=r;const l=class{constructor(i){e(this,i);this.ifxFilterSearchChange=t(this,"ifxFilterSearchChange",7);this.disabled=false;this.showDeleteIcon=false;this.filterOrientation="sidebar"}valueChanged(e){this.host.setAttribute("value",e.toString())}handleFilterSearchChange(e){const t=this.host.parentElement.querySelector(`ifx-filter-search[filter-name="${this.filterName}"]`);if(t&&t!==this.host){throw new Error(`A search filter with the name '${this.filterName}' already exists.`)}this.filterValue=e.detail;this.showDeleteIcon=this.filterValue!=="";this.ifxFilterSearchChange.emit({filterName:this.filterName,filterValue:this.filterValue,filterKey:this.filterKey})}render(){return i("div",{key:"40579877c23e2f855a7c1f439b6a8a0a14cd7e83",class:`${this.filterOrientation==="sidebar"?"sidebar-filter-search-wrapper":"topbar-filter-search-wrapper"}`},i("div",{key:"aab33d490e5329cc5504f606e4fe90631600a180",class:"filter-name"},this.filterName),i("ifx-search-field",{key:"a56866107ccab40040930c1569586d48ac8dbc07",placeholder:this.placeholder,"show-delete-icon":this.showDeleteIcon,disabled:this.disabled,value:this.filterValue}))}get host(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};l.style=s;export{l as ifx_filter_search};
-//# sourceMappingURL=p-d63b8c2f.entry.js.map
+import{r as e,c as t,h as i,g as a}from"./p-e244bae4.js";const r=".sidebar-filter-search-wrapper{display:flex;padding:12px 16px 16px 16px;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family);background:#EEEDED}.topbar-filter-search-wrapper{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family)}.topbar-filter-search-wrapper ifx-search-field{width:100%;}.filter-name{font-size:1rem;line-height:1.5rem;font-weight:600}";const s=r;const f=class{constructor(i){e(this,i);this.ifxFilterSearchChange=t(this,"ifxFilterSearchChange",7);this.disabled=false;this.showDeleteIcon=false;this.filterOrientation="sidebar"}valueChanged(e){this.host.setAttribute("value",e.toString())}handleFilterSearchChange(e){const t=this.host.parentElement.querySelector(`ifx-filter-search[filter-name="${this.filterName}"]`);if(t&&t!==this.host){throw new Error(`A search filter with the name '${this.filterName}' already exists.`)}this.filterValue=e.detail;this.showDeleteIcon=this.filterValue!=="";this.ifxFilterSearchChange.emit({filterName:this.filterName,filterValue:this.filterValue,filterKey:this.filterKey})}render(){return i("div",{key:"6a51c11ebb7ef44a420b4c9775877960530752f9",class:`${this.filterOrientation==="sidebar"?"sidebar-filter-search-wrapper":"topbar-filter-search-wrapper"}`},i("div",{key:"ac67262dfe2ba3f4b51a892377013bea52ec66e8",class:"filter-name"},this.filterName),i("ifx-search-field",{key:"b43473fa4afbfc2fd62c27a4ef2f94d4fcd955ec",placeholder:this.placeholder,"show-delete-icon":this.showDeleteIcon,disabled:this.disabled,value:this.filterValue}))}get host(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};f.style=s;export{f as ifx_filter_search};
+//# sourceMappingURL=p-c646ffcc.entry.js.map

package/dist/infineon-design-system-stencil/p-c6ff49d7.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as i,g as t,c as e}from"./p-e244bae4.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.accordion-wrapper{display:flex;flex-direction:column;gap:8px;font-family:var(--ifx-font-family)}';const a=n;const s=class{constructor(i){o(this,i);this.autoCollapse=false}async onItemOpen(o){if(this.autoCollapse){const i=Array.from(this.el.querySelectorAll("ifx-accordion-item"));for(const t of i){const i=t;if(i!==o.target&&await i.open){i.open=false}}}}render(){return i("div",{key:"a69a6bea9d5347c0e1808d4635d458ce16614000",class:"accordion-wrapper"},i("slot",{key:"389e9039f9272a88d95aca8b83efbb754736a5dd"}))}static get delegatesFocus(){return true}get el(){return t(this)}};s.style=a;const c=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.accordion-item{border-radius:3px;overflow:hidden;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:focus{outline:none}.accordion-title:focus::after{content:"";display:block;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:5px;border:2px solid #0A8276;box-sizing:border-box}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;position:relative;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer;margin:4px}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:24px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;}.accordion-icon{font-weight:bold;display:inline-block;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}';const r=c;const d=class{constructor(i){o(this,i);this.ifxItemOpen=e(this,"ifxItemOpen",7);this.ifxItemClose=e(this,"ifxItemClose",7);this.open=false;this.AriaLive=3;this.internalOpen=false}componentWillLoad(){this.internalOpen=this.open}componentDidLoad(){this.openAccordionItem()}componentDidUpdate(){this.openAccordionItem()}openChanged(o){this.internalOpen=o}toggleOpen(){this.internalOpen=!this.internalOpen;this.open=this.internalOpen;if(this.internalOpen){this.ifxItemOpen.emit({isOpen:this.internalOpen})}else{this.ifxItemClose.emit({isClosed:!this.internalOpen})}}openAccordionItem(){if(this.internalOpen){this.contentEl.style.maxHeight=`${this.contentEl.scrollHeight}px`}else{this.contentEl.style.maxHeight="0"}}handleSlotChange(o){const i=o.target;const t=i.assignedNodes();if(t.length>0){t.forEach((o=>{const i=new MutationObserver(((o,i)=>{for(let i of o){if(i.type==="childList"){if(this.internalOpen){this.openAccordionItem()}}}}));i.observe(o,{attributes:true,childList:true,subtree:true})}))}if(this.internalOpen){this.openAccordionItem()}}handleKeydown(o){switch(o.key){case"Enter":case" ":o.preventDefault();this.toggleOpen();break}}render(){return i("div",{key:"1215772109c33556d626f4a7d40d6655684806a2",class:`accordion-item ${this.internalOpen?"open":""}`},i("div",{key:"30e7771bae93c213d9f95126886d7552ebe03b94",role:"button","aria-expanded":this.internalOpen,"aria-controls":"accordion-content",class:"accordion-title",onClick:()=>this.toggleOpen(),tabindex:"0"},i("span",{key:"7da5f484c41f9f01dd7eec5092ec8ad82947d481","aria-hidden":"true",role:"heading","aria-level":String(this.AriaLive),class:"accordion-icon"},i("ifx-icon",{key:"e64e478a66fd0dd2c3d3608294a6160aa4232952",icon:"chevron-down-12"})),i("span",{key:"7e1ff777da8ce68d6d5f1266512fbd05731169f5",id:"accordion-caption",class:"accordion-caption"},this.caption)),i("div",{key:"144fa8393da592e1d928b51d7b4ad48d6b06a100",id:"accordion-content",class:"accordion-content",ref:o=>this.contentEl=o,role:"region","aria-labelledby":"accordion-caption"},i("div",{key:"28702f514d9bd400499a49a3b1cd675f56d7fcad",class:"inner-content"},i("slot",{key:"e40109a457e4b1cc09c8234d5003361bb6c1c6fb",onSlotchange:o=>this.handleSlotChange(o)}))))}static get watchers(){return{open:["openChanged"]}}};d.style=r;export{s as ifx_accordion,d as ifx_accordion_item};
+//# sourceMappingURL=p-c6ff49d7.entry.js.map

package/dist/infineon-design-system-stencil/p-c6ff49d7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["accordionCss","IfxAccordionStyle0","Accordion","constructor","hostRef","this","autoCollapse","onItemOpen","event","items","Array","from","el","querySelectorAll","item","itemElement","target","open","render","h","key","class","accordionItemCss","IfxAccordionItemStyle0","IfxAccordionItem","AriaLive","internalOpen","componentWillLoad","componentDidLoad","openAccordionItem","componentDidUpdate","openChanged","newValue","toggleOpen","ifxItemOpen","emit","isOpen","ifxItemClose","isClosed","contentEl","style","maxHeight","scrollHeight","handleSlotChange","e","slotElement","nodes","assignedNodes","length","forEach","node","observer","MutationObserver","mutationsList","_","mutation","type","observe","attributes","childList","subtree","handleKeydown","ev","preventDefault","role","onClick","tabindex","String","icon","id","caption","ref","onSlotchange"],"sources":["src/components/accordion/accordion.scss?tag=ifx-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx","src/components/accordion/accordionItem.scss?tag=ifx-accordion-item&encapsulation=shadow","src/components/accordion/accordionItem.tsx"],"sourcesContent":["// ifxAccordion.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: block;\n}\n\n.accordion-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: tokens.$ifxSpace100;\n  font-family: var(--ifx-font-family);\n\n}","//ifxAccordion.tsx\nimport { Component, h, Listen, Element, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-accordion',\n  styleUrl: 'accordion.scss',\n  shadow: { delegatesFocus: true },\n})\nexport class Accordion {\n  @Element() el: HTMLElement;\n  @Prop() autoCollapse: boolean = false;\n\n\n  @Listen('ifxItemOpen')\n  async onItemOpen(event: CustomEvent) {\n    if (this.autoCollapse) {\n      const items = Array.from(this.el.querySelectorAll('ifx-accordion-item'));\n      for (const item of items) {\n        const itemElement = item as HTMLIfxAccordionItemElement;\n        if (itemElement !== event.target && (await itemElement.open)) {\n          itemElement.open = false;\n        }\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"accordion-wrapper\">\n        <slot />\n      </div>\n    );\n  }\n}\n","// ifxAccordionItem.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n\n.accordion-item {\n  border-radius: 3px;\n  overflow: hidden;\n  transition: all 0.3s;\n  font-family: var(--ifx-font-family);\n\n}\n\n.accordion-title:focus {\n  outline: none;\n}\n\n// workaround to add corner radius to outline\n.accordion-title:focus::after {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -4px;\n  bottom: -4px;\n  left: -4px;\n  right: -4px;\n  border-radius: 5px;\n  border: 2px solid tokens.$ifxColorOcean500;\n  box-sizing: border-box;\n}\n\n.accordion-title:hover {\n  border: 1px solid tokens.$ifxColorEngineering200;\n  color: tokens.$ifxColorOcean600;\n}\n\n.accordion-title {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\n  gap: tokens.$ifxSpace150;\n  color: tokens.$ifxColorOcean500;\n  background-color: tokens.$ifxColorBaseWhite;\n  border: 1px solid tokens.$ifxColorEngineering200;\n  cursor: pointer;\n  margin: 4px;\n}\n\n.accordion-caption {\n  font-weight: tokens.$ifxFontWeightSemibold;\n  font-size: tokens.$ifxFontSizeL;\n}\n\n.accordion-content {\n  gap: tokens.$ifxSpace100;\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease-in-out;\n  line-height: 24px;\n  font-size: tokens.$ifxFontSizeM;\n  font-weight: 400;\n}\n\n.inner-content {\n  background-color: tokens.$ifxColorBaseWhite;\n  padding: tokens.$ifxSpace300;\n  // white-space: pre-wrap;\n  /* wraps text at spaces and within words */\n  word-wrap: break-word;\n  /* breaks text within a word if necessary */\n  overflow-wrap: anywhere;\n  align-self: stretch;\n\n  /* breaks text at arbitrary points when needed */\n}\n\n.accordion-icon {\n  font-weight: bold;\n  display: inline-block;\n  transition: transform 0.3s;\n\n  &:hover {\n    color: tokens.$ifxColorOcean600;\n\n  }\n}\n\n\n\n.accordion-item.open .accordion-icon {\n  transform: rotate(-180deg);\n}","//ifxAccordionItem\nimport { Component, Prop, h, State, Event, EventEmitter, Watch, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-accordion-item',\n  styleUrl: 'accordionItem.scss',\n  shadow: true,\n})\nexport class IfxAccordionItem {\n  @Prop() caption: string;\n  @Prop({\n    mutable: true,\n  }) open: boolean = false;\n  @Prop() AriaLive = 3;\n  @State() internalOpen: boolean = false;\n  @Event() ifxItemOpen: EventEmitter;\n  @Event() ifxItemClose: EventEmitter;\n  private contentEl!: HTMLElement;\n\n\n  componentWillLoad() {\n    this.internalOpen = this.open;\n  }\n\n  componentDidLoad() {\n    this.openAccordionItem()\n  }\n\n  componentDidUpdate() {\n    this.openAccordionItem()\n  }\n\n\n\n  @Watch('open')\n  openChanged(newValue: boolean) {\n    this.internalOpen = newValue;\n  }\n\n  toggleOpen() {\n    this.internalOpen = !this.internalOpen;\n    this.open = this.internalOpen;\n\n    if (this.internalOpen) {\n      this.ifxItemOpen.emit({ isOpen: this.internalOpen });\n    } else {\n      this.ifxItemClose.emit({ isClosed: !this.internalOpen });\n    }\n  }\n\n  openAccordionItem() {\n    if (this.internalOpen) {\n      this.contentEl.style.maxHeight = `${this.contentEl.scrollHeight}px`;\n    } else {\n      this.contentEl.style.maxHeight = '0';\n    }\n  }\n\n  handleSlotChange(e) {\n    const slotElement = e.target;\n    const nodes = slotElement.assignedNodes();\n    \n    if(nodes.length > 0) {\n      nodes.forEach(node => {\n        const observer = new MutationObserver((mutationsList, _) => {\n          for(let mutation of mutationsList) {\n            if (mutation.type === 'childList') {\n              if (this.internalOpen) {\n                this.openAccordionItem();\n              }\n            }\n          }\n        });\n        observer.observe(node, { attributes: true, childList: true, subtree: true });\n      });\n    }\n\n    if (this.internalOpen) {\n      this.openAccordionItem();\n    }\n  }\n\n  \n\n  @Listen('keydown')\n  handleKeydown(ev: KeyboardEvent) {\n    switch (ev.key) {\n      case 'Enter': // fallthrough\n      case ' ': // space\n        ev.preventDefault();\n        this.toggleOpen();\n        break;\n    }\n  }\n\n\n  render() {\n    return (\n      <div class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>\n        <div role=\"button\" aria-expanded={this.internalOpen} aria-controls=\"accordion-content\" class=\"accordion-title\" onClick={() => this.toggleOpen()} tabindex='0'>\n          <span aria-hidden=\"true\" role=\"heading\" aria-level={String(this.AriaLive) as string} class=\"accordion-icon\">\n            <ifx-icon icon=\"chevron-down-12\"/>\n          </span>\n          <span id=\"accordion-caption\" class=\"accordion-caption\">{this.caption}</span>\n        </div>\n        <div id=\"accordion-content\" class=\"accordion-content\" ref={(el) => (this.contentEl = el as HTMLElement)} role=\"region\" aria-labelledby=\"accordion-caption\">\n          <div class=\"inner-content\">\n            <slot onSlotchange={(e) => this.handleSlotChange(e)} />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}