@infineon/infineon-design-system-stencil 30.9.3--canary.1679.8d0c83c3f0040ae0386585c5203298c7d94911f3.0 → 30.9.3--canary.1678.5b4a7e71bc0aa2e3f495f00864e3c9507193dd72.0

package/dist/infineon-design-system-stencil/p-ade79e19.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\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\">Advanced Date Picker</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\">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=\"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              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,h as i}from"./p-f619bff3.js";import{c as t}from"./p-5cdc6210.js";const n=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.link{display:inline-flex;align-items:center;font-weight:400;font-size:1rem;text-decoration:none;color:#0A8276;gap:8px;line-height:1.6;font-family:var(--ifx-font-family)}.link:focus{outline-width:2px;outline-style:solid;outline-color:#0A8276;outline-offset:4px;border-radius:3px}.link.bold{font-weight:600}.link.bold:hover{text-decoration:underline}.link.bold:active{color:#08665C;font-style:normal;font-weight:600;text-decoration:underline}.link.underlined{text-decoration:underline;text-decoration-color:#0A8276;color:#1D1D1D;text-underline-offset:8px}.link.underlined:hover{color:#0A8276}.link.underlined:active{color:#0A8276}.link.underlined:disabled,.link.underlined.disabled{text-decoration-color:#BFBBBB}.link.title{text-decoration:none;font-weight:600;color:#1D1D1D}.link.title:hover{color:#0A8276}.link.title:active{color:#08665C}.link.menu{font-weight:400;font-style:normal;line-height:26px;color:#1D1D1D}.link.menu:hover{color:#0A8276}.link.menu:active{color:#08665C}.link.small{font-size:0.875rem}.link.medium{font-size:1rem}.link.large{font-size:1.125rem}.link.extraLarge{font-size:1.25rem}.link.underline{text-decoration:underline}.link:disabled,.link.disabled{color:#BFBBBB;cursor:default;pointer-events:none}';const l=n;const o=class{constructor(i){e(this,i);this.href=undefined;this.target="_self";this.variant="bold";this.disabled=false;this.internalHref="";this.internalTarget="";this.internalVariant=""}setInternalStates(){if(this.href){this.internalHref=this.href.trim()}else{this.internalHref=undefined}this.internalTarget=this.target.trim();this.internalVariant=this.variant.trim().toLowerCase()}componentWillRender(){this.setInternalStates()}render(){return i("a",{key:"13fc06640399624a0e11f2b60ff335b0b1dff82c","aria-label":"a navigation link button",href:this.internalHref,target:this.internalTarget,class:this.linkClassNames()},i("slot",{key:"1304bfe3e670a2918fac007362217c7e5d70dd4b"}))}getSizeClass(){const e=this.size==="s"?"small":null;const i=this.size==="m"?"medium":null;const t=this.size==="l"?"large":null;const n=this.size==="xl"?"extraLarge":null;if(e){return e}else if(i){return i}else if(t){return t}else if(n&&this.internalVariant==="underlined"){return"large"}else if(n&&this.internalVariant!=="underlined"){return n}else return""}getVariantClass(){const e=this.internalVariant==="bold"?"bold":null;const i=this.internalVariant==="title"?"title":null;const t=this.internalVariant==="underlined"?"underlined":null;const n=this.internalVariant==="menu"?"menu":null;if(e){return e}else if(i){return i}else if(t){return t}else if(n){return n}else return e}linkClassNames(){return t("link","primary",this.getVariantClass(),this.getSizeClass(),this.disabled?"disabled":"")}};o.style=l;export{o as ifx_link};
+//# sourceMappingURL=p-adfb7e64.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["linkCss","IfxLinkStyle0","Link","constructor","hostRef","this","href","undefined","target","variant","disabled","internalHref","internalTarget","internalVariant","setInternalStates","trim","toLowerCase","componentWillRender","render","h","key","class","linkClassNames","getSizeClass","small","size","medium","large","extraLarge","getVariantClass","bold","title","underlined","menu","classNames"],"sources":["src/components/link/link.scss?tag=ifx-link&encapsulation=shadow","src/components/link/link.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-flex;\n}\n\n.link {\n  display: inline-flex;\n  align-items: center;\n  font-weight: 400;\n  font-size: tokens.$ifxFontSizeM;\n  text-decoration: none;\n  color: tokens.$ifxColorOcean500;\n  gap: tokens.$ifxSpace100;\n  line-height: 1.6;\n  font-family: var(--ifx-font-family);\n\n  &:focus {\n    outline-width: 2px;\n    outline-style: solid;\n    outline-color: #0A8276;\n    outline-offset: 4px;\n    border-radius: 3px;\n  }\n\n  &.bold {\n    font-weight: tokens.$ifxFontWeightSemibold;\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &:active {\n      color: #08665C;\n      font-style: normal;\n      font-weight: 600;\n      text-decoration: underline;\n    }\n\n  }\n\n  &.underlined {\n    text-decoration: underline;\n    text-decoration-color: tokens.$ifxColorOcean500;\n    color: #1D1D1D;\n    text-underline-offset: 8px;\n    \n    &:hover {\n      color: tokens.$ifxColorOcean500;;\n    }\n    \n    &:active {\n      color: #0A8276;\n    }\n\n    &:disabled,\n    &.disabled {\n      text-decoration-color: tokens.$ifxColorEngineering300;\n    }\n  }\n\n  &.title {\n    text-decoration: none;\n    font-weight: tokens.$ifxFontWeightSemibold;\n    color: #1D1D1D;\n\n    &:hover {\n      color: tokens.$ifxColorOcean500;\n    }\n\n    &:active {\n      color: #08665C;\n    }\n  }\n\n  &.menu {\n    font-weight: 400;\n    font-style: normal;\n    line-height: 26px;\n    color: #1D1D1D;\n\n    &:hover {\n      color: tokens.$ifxColorOcean500;\n    }\n\n    &:active {\n      color: #08665C;\n    }\n  }\n\n\n\n  &.small {\n    font-size: tokens.$ifxFontSizeS;\n  }\n\n  &.medium {\n    font-size: tokens.$ifxFontSizeM;\n  }\n\n  &.large {\n    font-size: tokens.$ifxFontSizeL;\n  }\n\n  &.extraLarge {\n    font-size: tokens.$ifxFontSizeXl;\n  }\n\n  // &.bold {\n  //   font-weight: tokens.$ifxFontWeightSemibold;\n  // }\n\n  // &.primary {\n  //   color: tokens.$ifxColorOcean500;\n  // }\n\n  // &.secondary {\n  //   color: tokens.$ifxColorBerry500;\n  // }\n\n  // &.warning {\n  //   color: tokens.$ifxColorOrange500;\n  // }\n\n  // &.danger {\n  //   color: tokens.$ifxColorRed500;\n  // }\n\n  // &.success {\n  //   color: tokens.$ifxColorGreen500;\n  // }\n\n  &.underline {\n    text-decoration: underline;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: tokens.$ifxColorEngineering300;\n    cursor: default;\n    pointer-events:  none;\n  }\n\n}","import { Component, Prop, h, State } from \"@stencil/core\";\nimport classNames from 'classnames';\n \n\n@Component({\n  tag: 'ifx-link',\n  styleUrl: 'link.scss',\n  shadow: true\n})\n\nexport class Link {\n  @Prop() href: string = undefined;\n  @Prop() target: string = '_self';\n  @Prop() variant: string = 'bold';\n  @Prop() size: string;\n  @Prop() disabled: boolean = false;\n  @State() internalHref: string ='';\n  @State() internalTarget: string = '';\n  @State() internalVariant: string = '';\n\n  setInternalStates() {\n    if(this.href){\n      this.internalHref = this.href.trim();\n    }else{\n      this.internalHref = undefined;\n    }\n    this.internalTarget = this.target.trim();\n    this.internalVariant = this.variant.trim().toLowerCase();\n  }\n\n  componentWillRender(){\n    this.setInternalStates();\n  }\n\n\n  render() {\n    return (\n      <a aria-label='a navigation link button' href={this.internalHref} target={this.internalTarget} class={this.linkClassNames()}>\n        <slot></slot>\n      </a>\n    )\n  }\n\n  getSizeClass() {\n    const small = this.size === 's' ? 'small' : null;\n    const medium = this.size === 'm' ? 'medium' : null;\n    const large = this.size === 'l' ? 'large' : null;\n    const extraLarge = this.size === 'xl' ? 'extraLarge' : null;\n\n    if (small) {\n      return small;\n    } else if (medium) {\n      return medium;\n    } else if (large) {\n      return large;\n    } else if (extraLarge && this.internalVariant === 'underlined') {\n      return 'large';\n    } else if (extraLarge && this.internalVariant !== 'underlined') {\n      return extraLarge;\n    } else return \"\";\n  }\n\n  getVariantClass() {\n    const bold = this.internalVariant === 'bold' ? 'bold' : null;\n    const title = this.internalVariant === 'title' ? 'title' : null;\n    const underlined = this.internalVariant === 'underlined' ? 'underlined' : null;\n    const menu = this.internalVariant === 'menu' ? 'menu' : null;\n\n    if (bold) {\n      return bold\n    } else if (title) {\n      return title;\n    } else if (underlined) {\n      return underlined;\n    } else if (menu) {\n      return menu;\n    } else return bold;\n  }\n\n  linkClassNames() {\n    return classNames(\n      'link',\n      'primary',\n      this.getVariantClass(),\n      this.getSizeClass(),\n      this.disabled ? 'disabled' : '',\n    );\n  }\n}\n\n"],"mappings":"+EAAA,MAAMA,EAAU,4zCAChB,MAAAC,EAAeD,E,MCSFE,EAAI,MANjB,WAAAC,CAAAC,G,UAOUC,KAAAC,KAAeC,UACfF,KAAAG,OAAiB,QACjBH,KAAAI,QAAkB,OAElBJ,KAAAK,SAAoB,MACnBL,KAAAM,aAAsB,GACtBN,KAAAO,eAAyB,GACzBP,KAAAQ,gBAA0B,E,CAEnC,iBAAAC,GACE,GAAGT,KAAKC,KAAK,CACXD,KAAKM,aAAeN,KAAKC,KAAKS,M,KAC3B,CACHV,KAAKM,aAAeJ,S,CAEtBF,KAAKO,eAAiBP,KAAKG,OAAOO,OAClCV,KAAKQ,gBAAkBR,KAAKI,QAAQM,OAAOC,a,CAG7C,mBAAAC,GACEZ,KAAKS,mB,CAIP,MAAAI,GACE,OACEC,EAAA,KAAAC,IAAA,wDAAc,2BAA2Bd,KAAMD,KAAKM,aAAcH,OAAQH,KAAKO,eAAgBS,MAAOhB,KAAKiB,kBACzGH,EAAA,QAAAC,IAAA,6C,CAKN,YAAAG,GACE,MAAMC,EAAQnB,KAAKoB,OAAS,IAAM,QAAU,KAC5C,MAAMC,EAASrB,KAAKoB,OAAS,IAAM,SAAW,KAC9C,MAAME,EAAQtB,KAAKoB,OAAS,IAAM,QAAU,KAC5C,MAAMG,EAAavB,KAAKoB,OAAS,KAAO,aAAe,KAEvD,GAAID,EAAO,CACT,OAAOA,C,MACF,GAAIE,EAAQ,CACjB,OAAOA,C,MACF,GAAIC,EAAO,CAChB,OAAOA,C,MACF,GAAIC,GAAcvB,KAAKQ,kBAAoB,aAAc,CAC9D,MAAO,O,MACF,GAAIe,GAAcvB,KAAKQ,kBAAoB,aAAc,CAC9D,OAAOe,C,MACF,MAAO,E,CAGhB,eAAAC,GACE,MAAMC,EAAOzB,KAAKQ,kBAAoB,OAAS,OAAS,KACxD,MAAMkB,EAAQ1B,KAAKQ,kBAAoB,QAAU,QAAU,KAC3D,MAAMmB,EAAa3B,KAAKQ,kBAAoB,aAAe,aAAe,KAC1E,MAAMoB,EAAO5B,KAAKQ,kBAAoB,OAAS,OAAS,KAExD,GAAIiB,EAAM,CACR,OAAOA,C,MACF,GAAIC,EAAO,CAChB,OAAOA,C,MACF,GAAIC,EAAY,CACrB,OAAOA,C,MACF,GAAIC,EAAM,CACf,OAAOA,C,MACF,OAAOH,C,CAGhB,cAAAR,GACE,OAAOY,EACL,OACA,UACA7B,KAAKwB,kBACLxB,KAAKkB,eACLlB,KAAKK,SAAW,WAAa,G","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-d71e765c.entry.js → p-b245e0a2.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-6b122987.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.step-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;gap:8px;font:400 1rem/1.5rem "Source Sans 3"}.step-wrapper.vertical{flex-direction:row;gap:12px;width:unset;height:100%}.step-wrapper.vertical .step-icon-wrapper{flex-direction:column;width:unset;height:100%}.step-wrapper.compact{gap:0;max-width:100%}.step-wrapper.compact .step-label{max-width:100%;cursor:auto;align-self:flex-start}.step-wrapper.compact.indicator-left{align-items:flex-end;text-align:right}.step-wrapper.compact.indicator-right{align-items:flex-start}.step-wrapper .step-label{max-width:90%;color:#8D8786;word-wrap:break-word}.step-wrapper .step-label.curr-label{font:600 1.25rem/1.75rem "Source Sans 3"}.step-wrapper .step-label.next-label{font:400 0.75rem/1rem "Source Sans 3"}.step-wrapper .step-label :hover{color:#8D8786}.step-wrapper.first-step .step-connector-l{height:0px}.step-wrapper.last-step .step-connector-r{height:0px}.step-wrapper.vertical.first-step .step-connector-l,.step-wrapper.vertical.last-step .step-connector-r{width:0px}.step-wrapper.complete .step-connector-l,.step-wrapper.complete .step-connector-r,.step-wrapper.complete .step-icon{background:#0A8276}.step-wrapper.complete .step-connector-l.active,.step-wrapper.complete .step-connector-l.error,.step-wrapper.complete .step-connector-r.active,.step-wrapper.complete .step-connector-r.error,.step-wrapper.complete .step-icon.active,.step-wrapper.complete .step-icon.error{background:#8D8786}.step-wrapper.complete:not(.disabled) .step-label{cursor:pointer;color:#1D1D1D}.step-wrapper.complete:not(.disabled) .step-label :hover{color:#08665C}.step-wrapper.disabled .step-connector-l,.step-wrapper.disabled .step-connector-r,.step-wrapper.disabled .step-icon{background-color:#8D8786}.step-wrapper.disabled .step-label,.step-wrapper.disabled .step-label :hover{color:#8D8786}.step-wrapper.active .step-connector-l,.step-wrapper.active .step-connector-r,.step-wrapper.active .step-icon{background:#0A8276}.step-wrapper.active .step-connector-l.active,.step-wrapper.active .step-connector-l.error,.step-wrapper.active .step-connector-r.active,.step-wrapper.active .step-connector-r.error,.step-wrapper.active .step-icon.active,.step-wrapper.active .step-icon.error{background:#8D8786}.step-wrapper.active .step-label,.step-wrapper.active .step-label :hover{color:#1D1D1D}.step-wrapper.active.complete .step-label{cursor:auto}.step-wrapper.clickable:not(.active) .step-label{cursor:pointer}.step-wrapper.error:not(.active){color:#CD002F}.step-wrapper.error:not(.active) .step-label{color:#CD002F}.step-wrapper.error:not(.active) .step-label :hover{color:#0A8276}.step-wrapper.disabled .step-label{cursor:auto}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon{background:#08665C}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.error{background:#8D8786}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-label{color:#08665C}.active-indic{width:16px;height:16px;border-radius:9999px;background:white}.step-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.step-icon{width:24px;height:24px;background-color:#8D8786;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:white}.step-connector-r,.step-connector-l{height:2px;min-width:40px;flex-grow:1;background-color:#8D8786}.vertical .step-connector-r,.vertical .step-connector-l{height:unset;min-width:unset;width:2px;min-height:40px}';const p=r;const s=class{constructor(t){e(this,t);this.complete=false;this.disabled=false;this.error=false;this.lastStep=false;this.stepId=1;this.stepperState={activeStep:1,showStepNumber:false,variant:"default",indicatorPosition:"left"};this.active=undefined;this.clickable=false}onStepChange(e){const t=e.detail.previousActiveStep;if(t===this.stepId&&this.error){this.clickable=true}}updateCurrentStep(e){this.active=e.activeStep===this.stepId}updateErrorState(){if(this.active){this.error=false}}handleStepClick(){if(!this.disabled&&this.stepperState.variant!=="compact"&&(this.clickable||this.complete)){this.stepperState.setActiveStep(this.stepId,true)}}handleStepKeyDown(e){if(!this.disabled&&this.stepperState.variant!=="compact"&&(this.clickable||this.complete)&&e.key==="Enter"){this.stepperState.setActiveStep(this.stepId,true)}}stopOnClickPropogation(e){if(this.disabled){e.stopPropagation()}}render(){return t("div",{key:"7cdac0ba78ab462dc0f341f9f7fea5714ce81e57","aria-current":this.active?"step":false,"aria-disabled":this.active||this.complete?false:true,onClick:e=>this.stopOnClickPropogation(e),class:`step-wrapper ${this.stepId===1?"first-step":""} \n                        ${this.error?"error":""}\n                        ${this.stepperState.variant}\n                        ${this.complete?"complete":""}\n                        ${this.lastStep?"last-step":""}\n                        indicator-${this.stepperState.indicatorPosition}\n                        ${this.active?"active":""}\n                        ${this.clickable?"clickable":""}\n                        ${this.disabled?"disabled":""}`},t("div",{key:"a6bee8557dfef1f5e6e170a8b78455316776544a",class:"step-icon-wrapper"},this.stepperState.variant!=="compact"&&t("span",{key:"793b87a257fd933c58c41ab5257cb8b30cbba302",class:"step-connector-l"}),this.stepperState.variant!=="compact"&&(!this.error||this.error&&this.active)&&t("div",{key:"ad96dbb8a4814e7dfbd37f6e519df65366f510cc",class:"step-icon"},this.stepperState.showStepNumber&&!this.complete&&!this.active?this.stepId:"",this.complete&&!this.active&&t("ifx-icon",{key:"cd6e338685cf91590799155e6129e7176f02d7bb",icon:"check16"}),this.active&&t("span",{key:"bf43224af7fc04dbb72e96572fa2564912de12fa",class:"active-indic"})),this.stepperState.variant!=="compact"&&this.error&&!this.active&&t("ifx-icon",{key:"ebbd45d8bfad46ee520a5054ed8f387a3c678c05",icon:"warningf24"}),this.stepperState.variant!=="compact"&&t("span",{key:"fdd0a2b2bc434b428379a2aa81fa2d413a8aae74",class:`step-connector-r ${this.active?"active":""}`})),(this.stepperState.variant!=="compact"||this.stepperState.variant==="compact"&&(this.active||this.stepId===this.stepperState.activeStep+1))&&t("div",{key:"23a924683757b80f877cd42a1a1cedac11525d12",tabIndex:!this.disabled&&this.complete&&!this.active?0:-1,class:`step-label ${this.stepperState.variant==="compact"?this.active?"curr-label":"next-label":""}`,onClick:()=>{this.handleStepClick()},onKeyDown:e=>{this.handleStepKeyDown(e)}},this.stepperState.variant!=="compact"&&t("slot",{key:"50cb22884954b7ebe674b7084db69791ef69e70b"}),this.stepperState.variant==="compact"&&!this.active?"Next: ":"",this.stepperState.variant==="compact"&&t("slot",{key:"71d32772d0afe56e0078ad60eea63e7de6c87bf2"})))}static get watchers(){return{stepperState:["updateCurrentStep"],active:["updateErrorState"]}}};s.style=p;export{s as ifx_step};
-//# sourceMappingURL=p-d71e765c.entry.js.map
+import{r as e,h as t}from"./p-f619bff3.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.step-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;gap:8px;font:400 1rem/1.5rem "Source Sans 3"}.step-wrapper.vertical{flex-direction:row;gap:12px;width:unset;height:100%}.step-wrapper.vertical .step-icon-wrapper{flex-direction:column;width:unset;height:100%}.step-wrapper.compact{gap:0;max-width:100%}.step-wrapper.compact .step-label{max-width:100%;cursor:auto;align-self:flex-start}.step-wrapper.compact.indicator-left{align-items:flex-end;text-align:right}.step-wrapper.compact.indicator-right{align-items:flex-start}.step-wrapper .step-label{max-width:90%;color:#8D8786;word-wrap:break-word}.step-wrapper .step-label.curr-label{font:600 1.25rem/1.75rem "Source Sans 3"}.step-wrapper .step-label.next-label{font:400 0.75rem/1rem "Source Sans 3"}.step-wrapper .step-label :hover{color:#8D8786}.step-wrapper.first-step .step-connector-l{height:0px}.step-wrapper.last-step .step-connector-r{height:0px}.step-wrapper.vertical.first-step .step-connector-l,.step-wrapper.vertical.last-step .step-connector-r{width:0px}.step-wrapper.complete .step-connector-l,.step-wrapper.complete .step-connector-r,.step-wrapper.complete .step-icon{background:#0A8276}.step-wrapper.complete .step-connector-l.active,.step-wrapper.complete .step-connector-l.error,.step-wrapper.complete .step-connector-r.active,.step-wrapper.complete .step-connector-r.error,.step-wrapper.complete .step-icon.active,.step-wrapper.complete .step-icon.error{background:#8D8786}.step-wrapper.complete:not(.disabled) .step-label{cursor:pointer;color:#1D1D1D}.step-wrapper.complete:not(.disabled) .step-label :hover{color:#08665C}.step-wrapper.disabled .step-connector-l,.step-wrapper.disabled .step-connector-r,.step-wrapper.disabled .step-icon{background-color:#8D8786}.step-wrapper.disabled .step-label,.step-wrapper.disabled .step-label :hover{color:#8D8786}.step-wrapper.active .step-connector-l,.step-wrapper.active .step-connector-r,.step-wrapper.active .step-icon{background:#0A8276}.step-wrapper.active .step-connector-l.active,.step-wrapper.active .step-connector-l.error,.step-wrapper.active .step-connector-r.active,.step-wrapper.active .step-connector-r.error,.step-wrapper.active .step-icon.active,.step-wrapper.active .step-icon.error{background:#8D8786}.step-wrapper.active .step-label,.step-wrapper.active .step-label :hover{color:#1D1D1D}.step-wrapper.active.complete .step-label{cursor:auto}.step-wrapper.clickable:not(.active) .step-label{cursor:pointer}.step-wrapper.error:not(.active){color:#CD002F}.step-wrapper.error:not(.active) .step-label{color:#CD002F}.step-wrapper.error:not(.active) .step-label :hover{color:#0A8276}.step-wrapper.disabled .step-label{cursor:auto}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon{background:#08665C}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.error{background:#8D8786}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-label{color:#08665C}.active-indic{width:16px;height:16px;border-radius:9999px;background:white}.step-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.step-icon{width:24px;height:24px;background-color:#8D8786;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:white}.step-connector-r,.step-connector-l{height:2px;min-width:40px;flex-grow:1;background-color:#8D8786}.vertical .step-connector-r,.vertical .step-connector-l{height:unset;min-width:unset;width:2px;min-height:40px}';const p=r;const s=class{constructor(t){e(this,t);this.complete=false;this.disabled=false;this.error=false;this.lastStep=false;this.stepId=1;this.stepperState={activeStep:1,showStepNumber:false,variant:"default",indicatorPosition:"left"};this.clickable=false}onStepChange(e){const t=e.detail.previousActiveStep;if(t===this.stepId&&this.error){this.clickable=true}}updateCurrentStep(e){this.active=e.activeStep===this.stepId}updateErrorState(){if(this.active){this.error=false}}handleStepClick(){if(!this.disabled&&this.stepperState.variant!=="compact"&&(this.clickable||this.complete)){this.stepperState.setActiveStep(this.stepId,true)}}handleStepKeyDown(e){if(!this.disabled&&this.stepperState.variant!=="compact"&&(this.clickable||this.complete)&&e.key==="Enter"){this.stepperState.setActiveStep(this.stepId,true)}}stopOnClickPropogation(e){if(this.disabled){e.stopPropagation()}}render(){return t("div",{key:"f811f73051339e459e5b3e8b2c808874b1b10ea9","aria-current":this.active?"step":false,"aria-disabled":this.active||this.complete?false:true,onClick:e=>this.stopOnClickPropogation(e),class:`step-wrapper ${this.stepId===1?"first-step":""} \n                        ${this.error?"error":""}\n                        ${this.stepperState.variant}\n                        ${this.complete?"complete":""}\n                        ${this.lastStep?"last-step":""}\n                        indicator-${this.stepperState.indicatorPosition}\n                        ${this.active?"active":""}\n                        ${this.clickable?"clickable":""}\n                        ${this.disabled?"disabled":""}`},t("div",{key:"2f237e3543d9a65ccaa722d43934560f8c0c6a29",class:"step-icon-wrapper"},this.stepperState.variant!=="compact"&&t("span",{key:"d5be70693ae61126845412a1ae919d81cc16dd0a",class:"step-connector-l"}),this.stepperState.variant!=="compact"&&(!this.error||this.error&&this.active)&&t("div",{key:"6fee4e214c21761f24ba9b2a113368b4b086e5d0",class:"step-icon"},this.stepperState.showStepNumber&&!this.complete&&!this.active?this.stepId:"",this.complete&&!this.active&&t("ifx-icon",{key:"e6e8aa2938c443da65655418b4718ab5f1534116",icon:"check16"}),this.active&&t("span",{key:"36c5708b9872ef0742c062c3475421819b5a6942",class:"active-indic"})),this.stepperState.variant!=="compact"&&this.error&&!this.active&&t("ifx-icon",{key:"083e478b3acf9da5f74291be63d5ceec8f63fcf9",icon:"warningf24"}),this.stepperState.variant!=="compact"&&t("span",{key:"a4b4dd719be8a309d5adf6c229428115ed4a189e",class:`step-connector-r ${this.active?"active":""}`})),(this.stepperState.variant!=="compact"||this.stepperState.variant==="compact"&&(this.active||this.stepId===this.stepperState.activeStep+1))&&t("div",{key:"38ab0d35f35090fc408ecb8fc26221d1c6fc5d26",tabIndex:!this.disabled&&this.complete&&!this.active?0:-1,class:`step-label ${this.stepperState.variant==="compact"?this.active?"curr-label":"next-label":""}`,onClick:()=>{this.handleStepClick()},onKeyDown:e=>{this.handleStepKeyDown(e)}},this.stepperState.variant!=="compact"&&t("slot",{key:"af0c3cde7247fc38da13cc38b6f0287f62c87688"}),this.stepperState.variant==="compact"&&!this.active?"Next: ":"",this.stepperState.variant==="compact"&&t("slot",{key:"b6807a0ca71455d51eb73e1ec0c065e2e0a9d233"})))}static get watchers(){return{stepperState:["updateCurrentStep"],active:["updateErrorState"]}}};s.style=p;export{s as ifx_step};
+//# sourceMappingURL=p-b245e0a2.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stepCss","IfxStepStyle0","Step","constructor","hostRef","this","complete","disabled","error","lastStep","stepId","stepperState","activeStep","showStepNumber","variant","indicatorPosition","clickable","onStepChange","event","previousActiveStep","detail","updateCurrentStep","newStepperState","active","updateErrorState","handleStepClick","setActiveStep","handleStepKeyDown","key","stopOnClickPropogation","stopPropagation","render","h","onClick","e","class","icon","tabIndex","onKeyDown"],"sources":["src/components/stepper/step/step.scss?tag=ifx-step&encapsulation=shadow","src/components/stepper/step/step.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n.step-wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    width: 100%;\n    gap: tokens.$ifxSize100;\n    font: tokens.$ifxBodyBody03;\n\n    &.vertical {\n        flex-direction: row;\n        gap: tokens.$ifxSize150;\n        width: unset;\n        height: 100%;\n        \n        .step-icon-wrapper {\n            flex-direction: column;\n            width: unset;\n            height: 100%;\n        }\n    }\n    \n    &.compact {\n        gap: 0;\n        max-width: 100%;\n        .step-label{\n            max-width: 100%;\n            cursor: auto;\n            align-self: flex-start;\n        }\n        \n        &.indicator-left {\n            align-items: flex-end;\n            text-align: right;\n        }\n        \n        &.indicator-right {\n            align-items: flex-start;\n        }\n    }\n\n    .step-label {\n        max-width: 90%;\n        color: tokens.$ifxColorEngineering400; \n        word-wrap: break-word;\n        &.curr-label{\n            font: tokens.$ifxHeadingHeadingCompact04; \n        }\n        &.next-label{\n            font: tokens.$ifxBodyBody05;\n        }\n        :hover{\n            color: tokens.$ifxColorEngineering400;\n        }\n    }\n\n    \n    &.first-step {\n        .step-connector-l{\n            height: 0px;\n        }\n    }\n    \n    &.last-step{\n        .step-connector-r{\n            height: 0px;\n        }\n    }\n\n    &.vertical {\n        &.first-step .step-connector-l,\n        &.last-step .step-connector-r {\n            width: 0px;\n        }\n    }\n\n    &.complete{\n        .step-connector-l, .step-connector-r, .step-icon {\n            background: tokens.$ifxColorOcean500;\n            &.active, &.error {\n                background: tokens.$ifxColorEngineering400;\n            }\n        }\n        &:not(.disabled) {\n            .step-label{\n                cursor: pointer;\n                color: tokens.$ifxColorBaseBlack;\n                :hover {\n                    color: tokens.$ifxColorOcean600;\n                }\n            }\n        }\n    } \n    \n    &.disabled{\n        .step-connector-l, \n        .step-connector-r, \n        .step-icon {\n            background-color: tokens.$ifxColorEngineering400;\n        }\n        .step-label, \n        .step-label :hover{\n            color: tokens.$ifxColorEngineering400;\n        }\n    }\n    \n    &.active{\n        .step-connector-l, \n        .step-connector-r, \n        .step-icon {\n            background: tokens.$ifxColorOcean500;\n            &.active, \n            &.error {\n                background: tokens.$ifxColorEngineering400;\n            }\n        }\n        .step-label, \n        .step-label :hover{\n            color: tokens.$ifxColorBaseBlack;\n        }\n        &.complete .step-label { \n            cursor: auto;\n        }\n    } \n\n    &.clickable:not(.active) .step-label{\n        cursor: pointer;\n    }\n\n    &.error:not(.active){\n        color: tokens.$ifxColorRed500;\n        .step-label{\n            color: tokens.$ifxColorRed500;\n            :hover{\n                color: tokens.$ifxColorOcean500;\n            }\n        }\n    }\n\n    &.disabled{\n        .step-label{\n            cursor: auto;\n        }\n    }\n\n    &:hover{\n        &.complete:not(.disabled):not(.active){\n            .step-connector-l, \n            .step-connector-r, \n            .step-icon {\n                background: tokens.$ifxColorOcean600;\n                &.active, \n                &.error {\n                    background: tokens.$ifxColorEngineering400;\n                }\n            } \n            .step-label {\n                color: tokens.$ifxColorOcean600;\n            }\n        }\n    }\n    \n}\n\n.active-indic {\n    width: tokens.$ifxSize200;\n    height: tokens.$ifxSize200;\n    border-radius: tokens.$ifxBorderRadiusRound;\n    background: white;\n}\n\n.step-icon-wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n}\n\n.step-icon {\n    width: tokens.$ifxSize300;\n    height: tokens.$ifxSize300;\n    background-color: tokens.$ifxColorEngineering400;\n    border-radius: tokens.$ifxBorderRadiusRound;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n}\n\n.step-connector-r, \n.step-connector-l {\n    height: 2px;\n    min-width: tokens.$ifxSize500;\n    flex-grow: 1;\n    background-color: tokens.$ifxColorEngineering400;\n}\n\n.vertical {\n    .step-connector-r, \n    .step-connector-l {\n        height: unset;\n        min-width: unset;\n        width: 2px;\n        min-height: tokens.$ifxSize500;\n    }\n}","import { h, \n         Component, \n         Listen, \n         Prop, \n         State, \n         Watch } from \"@stencil/core\";\nimport { StepperState } from \"../interfaces\";\n\n@Component({\n    tag: 'ifx-step',\n    styleUrl: 'step.scss',\n    shadow: true\n})\n\nexport class Step {\n    @Prop() complete?: boolean = false;\n    @Prop() disabled?: boolean = false;\n    @Prop({ mutable: true }) error?: boolean = false;\n    @Prop({ reflect: false }) lastStep: boolean = false;\n    @Prop() stepId: number = 1;\n    @Prop({ reflect: false }) stepperState: StepperState = { activeStep: 1, \n                                                             showStepNumber: false, \n                                                             variant: 'default', \n                                                             indicatorPosition: 'left' };\n\n    @State() active: boolean;\n    @State() clickable: boolean = false;\n\n    @Listen('ifxChange', { target: 'document' })\n    onStepChange(event: CustomEvent) {\n        const previousActiveStep = event.detail.previousActiveStep;\n        if (previousActiveStep === this.stepId && this.error) {\n            this.clickable = true;\n        }\n    } \n\n    @Watch('stepperState')\n    updateCurrentStep(newStepperState) {\n        this.active = (newStepperState.activeStep === this.stepId)\n    }\n\n    @Watch('active')\n    updateErrorState(){\n        if (this.active) {\n            this.error = false;\n        }\n    }\n\n\n    handleStepClick() {\n        if (!this.disabled && this.stepperState.variant !== 'compact' && (this.clickable || this.complete)) {\n            this.stepperState.setActiveStep(this.stepId, true)\n        } \n    }\n    \n    handleStepKeyDown(event: KeyboardEvent) {\n        if (!this.disabled && this.stepperState.variant !== 'compact' && (this.clickable || this.complete) && event.key === 'Enter') {\n            this.stepperState.setActiveStep(this.stepId, true)\n        } \n    }\n    \n    stopOnClickPropogation(event: Event) {\n        if (this.disabled) {\n            event.stopPropagation();\n        }\n    }\n\n    render() {\n        return (\n            <div aria-current = {this.active ? 'step': false}\n                aria-disabled = {this.active || this.complete ? false : true}\n                onClick={ (e) => this.stopOnClickPropogation(e) }\n                class = {`step-wrapper ${this.stepId === 1 ? 'first-step': ''} \n                        ${this.error ? 'error': ''}\n                        ${this.stepperState.variant}\n                        ${this.complete ? 'complete': ''}\n                        ${this.lastStep ? 'last-step': ''}\n                        indicator-${this.stepperState.indicatorPosition}\n                        ${this.active ? 'active' : ''}\n                        ${this.clickable ? 'clickable' : ''}\n                        ${this.disabled ? 'disabled': ''}`}>\n\n                <div class = 'step-icon-wrapper'>\n                    {/* Left connector */}\n                    {this.stepperState.variant !== 'compact' && <span class = 'step-connector-l'/>}\n\n                    {\n                        (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) && \n                        <div class = 'step-icon'>\n                            {(this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : ''}\n                            {(this.complete && !this.active) && <ifx-icon icon='check16'></ifx-icon>}\n                            {this.active && <span class = 'active-indic'></span>}\n                        </div>\n                    }\n\n                    {(this.stepperState.variant !=='compact' && this.error && !this.active) && <ifx-icon icon='warningf24'></ifx-icon>}\n                    \n                    {/* Right connector */}\n                    {this.stepperState.variant !== 'compact' && <span class = {`step-connector-r ${this.active ? 'active' : ''}`}/>}\n                </div>\n\n                {\n                    /* Step labels */\n                    (this.stepperState.variant !== 'compact' || (this.stepperState.variant === 'compact' && (this.active || this.stepId === this.stepperState.activeStep+1))) && \n                    <div tabIndex={!this.disabled && this.complete && !this.active ? 0 : -1} \n                        class = {`step-label ${this.stepperState.variant === 'compact' ? (this.active ? 'curr-label' : 'next-label') : ''}`} \n                        onClick={() => { this.handleStepClick() }} \n                        onKeyDown={(e) => { this.handleStepKeyDown(e) }}>\n\n                        {(this.stepperState.variant !== 'compact') && <slot/>}\n\n                        {this.stepperState.variant === 'compact' &&  !this.active  ? 'Next: ' : ''}\n                        {this.stepperState.variant === 'compact' && <slot/>}\n                    </div>\n                }\n\n            </div>\n        );\n    };\n}\n"],"mappings":"2CAAA,MAAMA,EAAU,qjIAChB,MAAAC,EAAeD,E,MCaFE,EAAI,MANjB,WAAAC,CAAAC,G,UAOYC,KAAAC,SAAqB,MACrBD,KAAAE,SAAqB,MACJF,KAAAG,MAAkB,MACjBH,KAAAI,SAAoB,MACtCJ,KAAAK,OAAiB,EACCL,KAAAM,aAA6B,CAAEC,WAAY,EACZC,eAAgB,MAChBC,QAAS,UACTC,kBAAmB,QAGnEV,KAAAW,UAAqB,K,CAG9B,YAAAC,CAAaC,GACT,MAAMC,EAAqBD,EAAME,OAAOD,mBACxC,GAAIA,IAAuBd,KAAKK,QAAUL,KAAKG,MAAO,CAClDH,KAAKW,UAAY,I,EAKzB,iBAAAK,CAAkBC,GACdjB,KAAKkB,OAAUD,EAAgBV,aAAeP,KAAKK,M,CAIvD,gBAAAc,GACI,GAAInB,KAAKkB,OAAQ,CACblB,KAAKG,MAAQ,K,EAKrB,eAAAiB,GACI,IAAKpB,KAAKE,UAAYF,KAAKM,aAAaG,UAAY,YAAcT,KAAKW,WAAaX,KAAKC,UAAW,CAChGD,KAAKM,aAAae,cAAcrB,KAAKK,OAAQ,K,EAIrD,iBAAAiB,CAAkBT,GACd,IAAKb,KAAKE,UAAYF,KAAKM,aAAaG,UAAY,YAAcT,KAAKW,WAAaX,KAAKC,WAAaY,EAAMU,MAAQ,QAAS,CACzHvB,KAAKM,aAAae,cAAcrB,KAAKK,OAAQ,K,EAIrD,sBAAAmB,CAAuBX,GACnB,GAAIb,KAAKE,SAAU,CACfW,EAAMY,iB,EAId,MAAAC,GACI,OACIC,EAAA,OAAAJ,IAAA,0DAAqBvB,KAAKkB,OAAS,OAAQ,MAAK,gBAC3BlB,KAAKkB,QAAUlB,KAAKC,SAAW,MAAQ,KACxD2B,QAAWC,GAAM7B,KAAKwB,uBAAuBK,GAC7CC,MAAS,gBAAgB9B,KAAKK,SAAW,EAAI,aAAc,gCACjDL,KAAKG,MAAQ,QAAS,+BACtBH,KAAKM,aAAaG,oCAClBT,KAAKC,SAAW,WAAY,+BAC5BD,KAAKI,SAAW,YAAa,yCACnBJ,KAAKM,aAAaI,8CAC5BV,KAAKkB,OAAS,SAAW,+BACzBlB,KAAKW,UAAY,YAAc,+BAC/BX,KAAKE,SAAW,WAAY,MAEtCyB,EAAA,OAAAJ,IAAA,2CAAKO,MAAQ,qBAER9B,KAAKM,aAAaG,UAAY,WAAakB,EAAA,QAAAJ,IAAA,2CAAMO,MAAQ,qBAGrD9B,KAAKM,aAAaG,UAAY,aAAeT,KAAKG,OAAUH,KAAKG,OAASH,KAAKkB,SAChFS,EAAA,OAAAJ,IAAA,2CAAKO,MAAQ,aACP9B,KAAKM,aAAaE,iBAAmBR,KAAKC,WAAaD,KAAKkB,OAAUlB,KAAKK,OAAS,GACpFL,KAAKC,WAAaD,KAAKkB,QAAWS,EAAA,YAAAJ,IAAA,2CAAUQ,KAAK,YAClD/B,KAAKkB,QAAUS,EAAA,QAAAJ,IAAA,2CAAMO,MAAQ,kBAIpC9B,KAAKM,aAAaG,UAAW,WAAaT,KAAKG,QAAUH,KAAKkB,QAAWS,EAAA,YAAAJ,IAAA,2CAAUQ,KAAK,eAGzF/B,KAAKM,aAAaG,UAAY,WAAakB,EAAA,QAAAJ,IAAA,2CAAMO,MAAS,oBAAoB9B,KAAKkB,OAAS,SAAW,SAKvGlB,KAAKM,aAAaG,UAAY,WAAcT,KAAKM,aAAaG,UAAY,YAAcT,KAAKkB,QAAUlB,KAAKK,SAAWL,KAAKM,aAAaC,WAAW,KACrJoB,EAAA,OAAAJ,IAAA,2CAAKS,UAAWhC,KAAKE,UAAYF,KAAKC,WAAaD,KAAKkB,OAAS,GAAK,EAClEY,MAAS,cAAc9B,KAAKM,aAAaG,UAAY,UAAaT,KAAKkB,OAAS,aAAe,aAAgB,KAC/GU,QAAS,KAAQ5B,KAAKoB,iBAAiB,EACvCa,UAAYJ,IAAQ7B,KAAKsB,kBAAkBO,EAAE,GAE3C7B,KAAKM,aAAaG,UAAY,WAAckB,EAAA,QAAAJ,IAAA,6CAE7CvB,KAAKM,aAAaG,UAAY,YAAeT,KAAKkB,OAAU,SAAW,GACvElB,KAAKM,aAAaG,UAAY,WAAakB,EAAA,QAAAJ,IAAA,8C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,g as a}from"./p-f619bff3.js";const i=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card__text-wrapper{padding-bottom:0px}.card__text-wrapper.hasBtn{padding-bottom:16px}.card-text{line-height:1.5rem;font-size:1rem;font-weight:400;white-space:wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}';const r=i;const o=class{constructor(e){t(this,e)}componentWillLoad(){const t=this.el.closest("ifx-card").querySelector("ifx-link");const e=this.el.closest("ifx-card").querySelector("ifx-button");if(t||e){this.hasBtn=true}}render(){return e("div",{key:"fea1823e8000b8699142eefb127eb1716a606bcd",class:`card__text-wrapper ${this.hasBtn?"hasBtn":""}`},e("div",{key:"ee9baf1f210a6bf109669d3dbb075f56cf52ee22",class:`card-text`},e("slot",{key:"d4e94f54325b349d0a908f1812412e4a6ff1adad"})))}get el(){return a(this)}};o.style=r;export{o as ifx_card_text};
+//# sourceMappingURL=p-b28aa111.entry.js.map

package/dist/infineon-design-system-stencil/{p-58966086.entry.js.map → p-b28aa111.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["cardTextCss","IfxCardTextStyle0","CardText","componentWillLoad","link","this","el","closest","querySelector","button","hasBtn","render","h","key","class"],"sources":["src/components/card/card-text/card-text.scss?tag=ifx-card-text&encapsulation=shadow","src/components/card/card-text/card-text.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n:host {\n  pointer-events: none;\n}\n\n.card__text-wrapper {\n  padding-bottom: 0px;\n\n  &.hasBtn {\n    padding-bottom: 16px;\n  }\n}\n\n.card-text {\n  line-height: tokens.$ifxLineHeightM;\n  font-size: tokens.$ifxFontSizeM;\n  font-weight: 400;\n  white-space: wrap;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}","import { Component, h, Element, State} from '@stencil/core';\n\n@Component({\n  tag: 'ifx-card-text',\n  styleUrl: './card-text.scss',\n  shadow: true,\n})\n\nexport class CardText {\n  @Element() el;\n  @State() hasBtn: boolean;\n\n  componentWillLoad() { \n    const link = this.el.closest('ifx-card').querySelector('ifx-link');\n    const button = this.el.closest('ifx-card').querySelector('ifx-button');\n    if(link || button) { \n      this.hasBtn = true;\n    }\n  }\n\n  render() {\n    return (\n      <div class={`card__text-wrapper ${this.hasBtn ? 'hasBtn' : \"\"}`}>\n        <div class={`card-text`}>\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,oYACpB,MAAAC,EAAeD,E,MCOFE,EAAQ,M,+CAInB,iBAAAC,GACE,MAAMC,EAAOC,KAAKC,GAAGC,QAAQ,YAAYC,cAAc,YACvD,MAAMC,EAASJ,KAAKC,GAAGC,QAAQ,YAAYC,cAAc,cACzD,GAAGJ,GAAQK,EAAQ,CACjBJ,KAAKK,OAAS,I,EAIlB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,sBAAsBT,KAAKK,OAAS,SAAW,MACzDE,EAAA,OAAAC,IAAA,2CAAKC,MAAO,aACVF,EAAA,QAAAC,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["cardTextCss","IfxCardTextStyle0","CardText","componentWillLoad","link","this","el","closest","querySelector","button","hasBtn","render","h","key","class"],"sources":["src/components/card/card-text/card-text.scss?tag=ifx-card-text&encapsulation=shadow","src/components/card/card-text/card-text.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n:host {\n  pointer-events: none;\n}\n\n.card__text-wrapper {\n  padding-bottom: 0px;\n\n  &.hasBtn {\n    padding-bottom: 16px;\n  }\n}\n\n.card-text {\n  line-height: tokens.$ifxLineHeightM;\n  font-size: tokens.$ifxFontSizeM;\n  font-weight: 400;\n  white-space: wrap;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}","import { Component, h, Element, State} from '@stencil/core';\n\n@Component({\n  tag: 'ifx-card-text',\n  styleUrl: './card-text.scss',\n  shadow: true,\n})\n\nexport class CardText {\n  @Element() el;\n  @State() hasBtn: boolean;\n\n  componentWillLoad() { \n    const link = this.el.closest('ifx-card').querySelector('ifx-link');\n    const button = this.el.closest('ifx-card').querySelector('ifx-button');\n    if(link || button) { \n      this.hasBtn = true;\n    }\n  }\n\n  render() {\n    return (\n      <div class={`card__text-wrapper ${this.hasBtn ? 'hasBtn' : \"\"}`}>\n        <div class={`card-text`}>\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,oYACpB,MAAAC,EAAeD,E,MCOFE,EAAQ,M,yBAInB,iBAAAC,GACE,MAAMC,EAAOC,KAAKC,GAAGC,QAAQ,YAAYC,cAAc,YACvD,MAAMC,EAASJ,KAAKC,GAAGC,QAAQ,YAAYC,cAAc,cACzD,GAAGJ,GAAQK,EAAQ,CACjBJ,KAAKK,OAAS,I,EAIlB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,sBAAsBT,KAAKK,OAAS,SAAW,MACzDE,EAAA,OAAAC,IAAA,2CAAKC,MAAO,aACVF,EAAA,QAAAC,IAAA,8C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,h as r}from"./p-f619bff3.js";import{c as i}from"./p-5cdc6210.js";const t=":host{display:inline-block}.spinner{position:relative;width:40px;height:40px}.spinner.s{width:24px;height:24px}.border{box-sizing:border-box;position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#0A8276;border-left-color:#0A8276;border-right-color:#0A8276;border-top-left-radius:1px;border-top-right-radius:1px;border-radius:50%;animation:spin 2s linear infinite}.border.inverted{border-top-color:#FFFFFF;border-left-color:#FFFFFF;border-right-color:#FFFFFF}.semiconductor{width:100%;height:100%;animation:spin 2s linear infinite}.semiconductor svg{fill:#0A8276}.semiconductor.inverted svg{fill:#FFFFFF}.semiconductor.s svg{width:24px;height:24px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";const s=t;const o=class{constructor(r){e(this,r);this.inverted=false}render(){return r("div",{key:"d305e244c68c5b9f74f9a67d17c3132c4f7d1e21","aria-label":"spinner indicating a loading process",class:this.getClassNames()},r("div",{key:"cc9610476f50516e906d314d4c13162be10045c8",class:`${this.variant!=="brand"?"border":""} ${this.inverted?"inverted":""}`}),this.variant==="brand"&&r("div",{key:"526c5014652d47cb6db5cab0d512e2251bf10f39",class:`semiconductor ${this.inverted?"inverted":""} ${this.getSizeClass()}`},r("svg",{key:"1b3505e30327ce55daeca879282c7332632bbd33",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("g",{key:"a6f15ce30a574de0d4c2dfbc5fb976351e49935e",id:"spinner/conductor"},r("path",{key:"9df9cdf10db9ea2e87f4a81e270e18c1b1d7f9d1",id:"Vector",d:"M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z"})))))}getSizeClass(){return`${this.size}`==="s"?"s":""}getClassNames(){return i("spinner",this.size&&`spinner ${this.getSizeClass()}`)}};o.style=s;export{o as ifx_spinner};
+//# sourceMappingURL=p-b4cd7a6f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spinnerCss","IfxSpinnerStyle0","Spinner","constructor","hostRef","this","inverted","render","h","key","class","getClassNames","variant","getSizeClass","width","height","viewBox","fill","xmlns","id","d","size","classNames"],"sources":["src/components/spinner/spinner.scss?tag=ifx-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  display: inline-block;\n\n}\n\n.spinner {\n  position: relative;\n  width: tokens.$ifxSize500;\n  height: tokens.$ifxSize500;\n\n}\n\n.spinner.s {\n  width: tokens.$ifxSize300;\n  height: tokens.$ifxSize300;\n}\n\n.border {\n  box-sizing: border-box;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: 4px solid transparent;\n  border-top-color: tokens.$ifxColorOcean500;\n  border-left-color: tokens.$ifxColorOcean500;\n  border-right-color: tokens.$ifxColorOcean500;\n  border-top-left-radius: 1px;\n  border-top-right-radius: 1px;\n  border-radius: 50%;\n  animation: spin 2s linear infinite;\n\n  &.inverted {\n    border-top-color: tokens.$ifxColorBaseWhite;\n    border-left-color: tokens.$ifxColorBaseWhite;\n    border-right-color: tokens.$ifxColorBaseWhite;\n  }\n}\n\n.semiconductor {\n  width: 100%;\n  height: 100%;\n  animation: spin 2s linear infinite;\n\n  & svg {\n    fill: tokens.$ifxColorOcean500;\n  }\n\n  &.inverted {\n    & svg {\n      fill: tokens.$ifxColorBaseWhite;\n    }\n  }\n\n  &.s {\n    & svg {\n      width: tokens.$ifxSize300;\n      height: tokens.$ifxSize300;\n    }\n  }\n}\n\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}","import { Component, h, Prop } from '@stencil/core';\nimport classNames from 'classnames';\n \n\n@Component({\n  tag: 'ifx-spinner',\n  styleUrl: 'spinner.scss',\n  shadow: true,\n})\nexport class Spinner {\n  @Prop() size: string;\n  @Prop() variant: string;\n  @Prop() inverted: boolean = false;\n\n\n  render() {\n    return (\n      <div aria-label=\"spinner indicating a loading process\" class={this.getClassNames()}>\n        <div class={`${this.variant !== 'brand' ? 'border' : \"\"} ${this.inverted ? 'inverted' : \"\"}`}></div>\n        {this.variant === 'brand'\n          && <div class={`semiconductor ${this.inverted ? 'inverted' : \"\"} ${this.getSizeClass()}`}>\n            <svg width='40' height='40' viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g id=\"spinner/conductor\">\n                <path id=\"Vector\" d=\"M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z\" />\n              </g>\n            </svg>\n          </div>}\n      </div>\n    );\n  }\n\n  getSizeClass() {\n    return `${this.size}` === \"s\"\n      ? \"s\"\n      : \"\";\n  }\n\n  getClassNames() {\n    return classNames(\n      'spinner',\n      this.size && `spinner ${this.getSizeClass()}`\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAa,ovBACnB,MAAAC,EAAeD,E,MCQFE,EAAO,MALpB,WAAAC,CAAAC,G,UAQUC,KAAAC,SAAoB,K,CAG5B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,wDAAgB,uCAAuCC,MAAOL,KAAKM,iBACjEH,EAAA,OAAAC,IAAA,2CAAKC,MAAO,GAAGL,KAAKO,UAAY,QAAU,SAAW,MAAMP,KAAKC,SAAW,WAAa,OACvFD,KAAKO,UAAY,SACbJ,EAAA,OAAAC,IAAA,2CAAKC,MAAO,iBAAiBL,KAAKC,SAAW,WAAa,MAAMD,KAAKQ,kBACtEL,EAAA,OAAAC,IAAA,2CAAKK,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEV,EAAA,KAAAC,IAAA,2CAAGU,GAAG,qBACJX,EAAA,QAAAC,IAAA,2CAAMU,GAAG,SAASC,EAAE,4vC,CAQlC,YAAAP,GACE,MAAO,GAAGR,KAAKgB,SAAW,IACtB,IACA,E,CAGN,aAAAV,GACE,OAAOW,EACL,UACAjB,KAAKgB,MAAQ,WAAWhB,KAAKQ,iB","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-5c6d5571.entry.js → p-ba299e63.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as e}from"./p-6b122987.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.numberIndicator__container{display:inline-flex;padding:0px 4px;max-height:16px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276;font-family:var(--ifx-font-family)}.numberIndicator__container span{color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:16px}.numberIndicator__container.inverted{background-color:#FFFFFF}.numberIndicator__container.inverted span{color:#0A8276}';const a=r;const i=class{constructor(e){n(this,e);this.inverted=false}render(){return e("div",{key:"b2f7ec0f7dc9abcfa9cb12b74042f91e998c7705","aria-label":"a number indicator",class:`numberIndicator__container ${this.inverted?"inverted":""}`},e("span",{key:"460a2e68d9264f85085d1f465c0491c841773132"},e("slot",{key:"4f6b53b3eefc34c60f8663d1c42761c735aaaa23"})))}};i.style=a;export{i as ifx_number_indicator};
-//# sourceMappingURL=p-5c6d5571.entry.js.map
+import{r as n,h as e}from"./p-f619bff3.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.numberIndicator__container{display:inline-flex;padding:0px 4px;max-height:16px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276;font-family:var(--ifx-font-family)}.numberIndicator__container span{color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:16px}.numberIndicator__container.inverted{background-color:#FFFFFF}.numberIndicator__container.inverted span{color:#0A8276}';const a=r;const i=class{constructor(e){n(this,e);this.inverted=false}render(){return e("div",{key:"b2f7ec0f7dc9abcfa9cb12b74042f91e998c7705","aria-label":"a number indicator",class:`numberIndicator__container ${this.inverted?"inverted":""}`},e("span",{key:"460a2e68d9264f85085d1f465c0491c841773132"},e("slot",{key:"4f6b53b3eefc34c60f8663d1c42761c735aaaa23"})))}};i.style=a;export{i as ifx_number_indicator};
+//# sourceMappingURL=p-ba299e63.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["numberIndicatorCss","IfxNumberIndicatorStyle0","NumberIndicator","constructor","hostRef","this","inverted","render","h","key","class"],"sources":["src/components/number-indicator/number-indicator.scss?tag=ifx-number-indicator&encapsulation=shadow","src/components/number-indicator/number-indicator.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-flex;\n}\n\n.numberIndicator__container {\n  display: inline-flex;\n  padding: 0px 4px;\n  max-height: 16px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 100px;\n  background-color: tokens.$ifxColorOcean500;\n  font-family: var(--ifx-font-family);\n\n  & span {\n    color: tokens.$ifxColorBaseWhite;\n    text-align: center;\n    font-size: tokens.$ifxFontSizeS;\n    font-style: normal;\n    font-weight: tokens.$ifxFontWeightSemibold;\n    line-height: 16px;\n  }\n\n  &.inverted {\n    background-color: tokens.$ifxColorBaseWhite;\n\n    & span {\n      color: tokens.$ifxColorOcean500;\n    }\n  }\n}","import { Component, h, Prop } from '@stencil/core';\n \n\n@Component({\n  tag: 'ifx-number-indicator',\n  styleUrl: 'number-indicator.scss',\n  shadow: true\n})\nexport class NumberIndicator {\n  @Prop() inverted: boolean = false;\n\n  render() {\n    return (\n      <div aria-label='a number indicator' class={`numberIndicator__container ${this.inverted ? 'inverted' : \"\"}`}>\n        <span>\n          <slot />\n        </span>\n      </div>\n    );\n  }\n}"],"mappings":"2CAAA,MAAMA,EAAqB,2jBAC3B,MAAAC,EAAeD,E,MCOFE,EAAe,MAL5B,WAAAC,CAAAC,G,UAMUC,KAAAC,SAAoB,K,CAE5B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,wDAAgB,qBAAqBC,MAAO,8BAA8BL,KAAKC,SAAW,WAAa,MACrGE,EAAA,QAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,8C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,g as s}from"./p-f619bff3.js";function a(e){return Array.from(e.querySelectorAll("ifx-list-entry")).filter((e=>e.getAttribute("value")==="true")).map((e=>({label:e.getAttribute("label"),value:e.getAttribute("value"),type:e.getAttribute("type")})))}const d=".header{display:flex;align-items:flex-start;align-self:stretch;cursor:pointer;border-left:3px solid transparent}.text-and-icon{display:flex;padding:12px 16px 12px 20px;align-items:center;gap:16px;flex:1 0 0}.header.expanded{border-left:3px solid #0A8276}.text{display:flex;align-items:center;gap:8px;flex:1 0 0;color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.hidden{display:none}.accordion{border-bottom:1px solid #EEEDED}.filter-accordion-container{display:flex;padding:8px 16px 16px 20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-left:3px solid #0A8276}::slotted(ifx-filter-entry:nth-child(n+7)){display:none}.link{display:flex;align-items:center;gap:8px}.show-more ::slotted(ifx-filter-entry:nth-child(n+7)){display:block}.show-more .show-more-link{display:none}";const n=d;const c=class{constructor(t){e(this,t);this.ifxFilterAccordionChange=i(this,"ifxFilterAccordionChange",7);this.initialized=false;this.expanded=false;this.count=0;this.totalItems=0;this.filterGroupName="";this.handleCheckedChange=e=>{const i=e.detail.selectedItems;this.count=i.length;this.ifxFilterAccordionChange.emit({filterGroupName:this.filterGroupName,selectedItems:i})};this.toggleAccordion=e=>{e.stopPropagation();this.expanded=!this.expanded}}componentWillLoad(){this.el.addEventListener("ifxListUpdate",this.handleCheckedChange)}componentDidLoad(){if(!this.initialized){const e=a(this.el);this.count=e.length;this.initialized=true}}componentWillUnload(){this.el.removeEventListener("ifxListUpdate",this.handleCheckedChange)}render(){return t("div",{key:"4aeae13a1f2811af139413ae351ab70cfbb8ecaf",class:`accordion ${this.expanded?"expanded":""}`},t("div",{key:"e17ac3e8bc1dce7555e3824b2cb66228c333e6ae",class:`header ${this.expanded?"expanded":""}`,onClick:this.toggleAccordion},t("div",{key:"2ac732ab1951cc921078be5757d01325d1794fd6",class:`text-and-icon ${this.expanded?"expanded":""}`},t("div",{key:"3d5d4ae28ad2cba68d3d8a2096bda53242ac69f1",class:"text"},t("span",{key:"669dc7417d9303199c3cb68ff7a4a0ef4dd8fdab"},this.filterGroupName),t("ifx-number-indicator",{key:"b154ed9d7824f62bd1fc18fcb524739de66c3260"},this.count)),t("ifx-icon",{key:"1c02692efa10b0c4f3af56ce921599a4dc4c5ba0",class:this.expanded?"":"hidden",icon:"minus-16",onClick:this.toggleAccordion}),t("ifx-icon",{key:"be1893204c1771593d25e4ed24cfe7e5876012c8",class:this.expanded?"hidden":"",icon:"plus-16",onClick:this.toggleAccordion}))),this.expanded&&t("div",{key:"7c6e4e04a0e0050b3934184002348432dfe92245",class:"filter-accordion-container"},t("slot",{key:"1ff8e788b37c48a82a65667d24ddecbb8675bcda",name:"list"})))}get el(){return s(this)}};c.style=n;export{c as ifx_filter_accordion};
+//# sourceMappingURL=p-c1f57ae4.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getInitiallySelectedItems","el","Array","from","querySelectorAll","filter","entry","getAttribute","map","label","value","type","filterAccordionCss","IfxFilterAccordionStyle0","FilterAccordion","constructor","hostRef","this","initialized","expanded","count","totalItems","filterGroupName","handleCheckedChange","event","selectedItems","detail","length","ifxFilterAccordionChange","emit","toggleAccordion","stopPropagation","componentWillLoad","addEventListener","componentDidLoad","componentWillUnload","removeEventListener","render","h","key","class","onClick","icon","name"],"sources":["src/components/table-advanced-version/filter-type-group/utils.ts","src/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.scss?tag=ifx-filter-accordion&encapsulation=shadow","src/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.tsx"],"sourcesContent":["// utils.ts\nexport function getInitiallySelectedItems(el: HTMLElement) {\n   return Array.from(el.querySelectorAll('ifx-list-entry'))\n\n    .filter(entry => entry.getAttribute('value') === 'true')\n    .map(entry => {\n      return {\n        label: entry.getAttribute('label'),\n        value: entry.getAttribute('value'),\n        type: entry.getAttribute('type')\n      };\n    });\n}","@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n\n.header {\n  display: flex;\n  align-items: flex-start;\n  align-self: stretch;\n  cursor: pointer;\n  border-left: 3px solid transparent;\n}\n\n.text-and-icon {\n  display: flex;\n  padding: tokens.$ifxSpace150 tokens.$ifxSpace200 tokens.$ifxSpace150 tokens.$ifxSpace250;\n  align-items: center;\n  gap: tokens.$ifxSpace200;\n  flex: 1 0 0;\n}\n\n.header.expanded {\n  border-left: 3px solid tokens.$ifxColorOcean500;\n}\n\n.text {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1 0 0;\n  color: tokens.$ifxColorBaseBlack;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.hidden {\n  display: none;\n}\n\n.accordion {\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\n}\n\n\n.filter-accordion-container {\n  display: flex;\n  padding: 8px 16px 16px 20px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  align-self: stretch;\n  border-left: 3px solid tokens.$ifxColorOcean500;\n}\n\n::slotted(ifx-filter-entry:nth-child(n+7)) {\n  display: none;\n}\n\n.link {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.show-more ::slotted(ifx-filter-entry:nth-child(n+7)) {\n  display: block;\n}\n\n.show-more .show-more-link {\n  display: none;\n}","import { Component, h, Prop, State, Event, EventEmitter, Element } from '@stencil/core';\nimport { getInitiallySelectedItems } from '../utils';\n\n@Component({\n  tag: 'ifx-filter-accordion',\n  styleUrl: 'filter-accordion.scss',\n  shadow: true,\n})\nexport class FilterAccordion {\n  private initialized = false;\n  @Element() private el: HTMLElement;\n  @State() expanded: boolean = false;\n  @Prop() maxVisibleItems: number;\n  @State() count: number = 0;\n  @State() totalItems = 0;\n\n  @Prop() filterGroupName = \"\";\n\n  @Event() ifxFilterAccordionChange: EventEmitter;\n\n  componentWillLoad() {\n    this.el.addEventListener('ifxListUpdate', this.handleCheckedChange);\n\n  }\n\ncomponentDidLoad() {\n  if (!this.initialized) {\n    const selectedItems = getInitiallySelectedItems(this.el);\n    this.count = selectedItems.length;\n    this.initialized = true; // Prevent further execution in future calls\n  }\n}\n\n\nhandleCheckedChange = (event: CustomEvent) => {\n    const selectedItems = event.detail.selectedItems;\n    this.count = selectedItems.length;\n    this.ifxFilterAccordionChange.emit({ filterGroupName: this.filterGroupName, selectedItems });\n  }\n\n  componentWillUnload() {\n    this.el.removeEventListener('ifxListUpdate', this.handleCheckedChange);\n  }\n\n  toggleAccordion = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.expanded = !this.expanded;\n  }\n\n  render() {\n    return (\n      <div class={`accordion ${this.expanded ? 'expanded' : ''}`}>\n        <div class={`header ${this.expanded ? 'expanded' : ''}`} onClick={this.toggleAccordion} >\n          <div class={`text-and-icon ${this.expanded ? 'expanded' : ''}`}>\n            <div class=\"text\">\n              <span>{this.filterGroupName}</span>\n              <ifx-number-indicator>{this.count}</ifx-number-indicator>\n            </div>\n            <ifx-icon\n              class={this.expanded ? '' : 'hidden'}\n              icon=\"minus-16\"\n              onClick={this.toggleAccordion}\n            ></ifx-icon>\n            <ifx-icon\n              class={this.expanded ? 'hidden' : ''}\n              icon=\"plus-16\"\n              onClick={this.toggleAccordion}\n            ></ifx-icon>\n          </div>\n        </div>\n        {this.expanded &&\n          <div class=\"filter-accordion-container\">\n            <slot name=\"list\"></slot>\n          </div>\n        }\n      </div>\n    );\n  }\n}"],"mappings":"kEACgBA,EAA0BC,GACvC,OAAOC,MAAMC,KAAKF,EAAGG,iBAAiB,mBAEpCC,QAAOC,GAASA,EAAMC,aAAa,WAAa,SAChDC,KAAIF,IACI,CACLG,MAAOH,EAAMC,aAAa,SAC1BG,MAAOJ,EAAMC,aAAa,SAC1BI,KAAML,EAAMC,aAAa,WAGjC,CCZA,MAAMK,EAAqB,u0BAC3B,MAAAC,EAAeD,E,MCOFE,EAAe,MAL5B,WAAAC,CAAAC,G,6EAMUC,KAAAC,YAAc,MAEbD,KAAAE,SAAoB,MAEpBF,KAAAG,MAAgB,EAChBH,KAAAI,WAAa,EAEdJ,KAAAK,gBAAkB,GAkB5BL,KAAAM,oBAAuBC,IACnB,MAAMC,EAAgBD,EAAME,OAAOD,cACnCR,KAAKG,MAAQK,EAAcE,OAC3BV,KAAKW,yBAAyBC,KAAK,CAAEP,gBAAiBL,KAAKK,gBAAiBG,iBAAgB,EAO9FR,KAAAa,gBAAmBN,IACjBA,EAAMO,kBACNd,KAAKE,UAAYF,KAAKE,QAAQ,C,CA1BhC,iBAAAa,GACEf,KAAKhB,GAAGgC,iBAAiB,gBAAiBhB,KAAKM,oB,CAInD,gBAAAW,GACE,IAAKjB,KAAKC,YAAa,CACrB,MAAMO,EAAgBzB,EAA0BiB,KAAKhB,IACrDgB,KAAKG,MAAQK,EAAcE,OAC3BV,KAAKC,YAAc,I,EAWrB,mBAAAiB,GACElB,KAAKhB,GAAGmC,oBAAoB,gBAAiBnB,KAAKM,oB,CAQpD,MAAAc,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,aAAavB,KAAKE,SAAW,WAAa,MACpDmB,EAAA,OAAAC,IAAA,2CAAKC,MAAO,UAAUvB,KAAKE,SAAW,WAAa,KAAMsB,QAASxB,KAAKa,iBACrEQ,EAAA,OAAAC,IAAA,2CAAKC,MAAO,iBAAiBvB,KAAKE,SAAW,WAAa,MACxDmB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QACTF,EAAA,QAAAC,IAAA,4CAAOtB,KAAKK,iBACZgB,EAAA,wBAAAC,IAAA,4CAAuBtB,KAAKG,QAE9BkB,EAAA,YAAAC,IAAA,2CACEC,MAAOvB,KAAKE,SAAW,GAAK,SAC5BuB,KAAK,WACLD,QAASxB,KAAKa,kBAEhBQ,EAAA,YAAAC,IAAA,2CACEC,MAAOvB,KAAKE,SAAW,SAAW,GAClCuB,KAAK,UACLD,QAASxB,KAAKa,oBAInBb,KAAKE,UACJmB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,8BACTF,EAAA,QAAAC,IAAA,2CAAMI,KAAK,U","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as o}from"./p-f619bff3.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.segment{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;border:1px solid #BFBBBB;border-radius:1px;padding:0 8px 0 8px;height:34px;background-color:#FFFFFF;transition:all 100ms ease;transition-property:color, background;font:600 0.875rem/1.25rem "Source Sans 3"}.segment:focus-visible{color:#FFFFFF;background-color:#0A8276}.segment:hover{color:#FFFFFF;background-color:#08665C;cursor:pointer}.segment:active{background-color:#06534B}.segment.segment--selected{color:#FFFFFF;background-color:#0A8276}.segment.segment--small{height:30px}.segment::after{position:absolute;top:0;left:0;width:100%;height:100%;outline:1px solid #BFBBBB;border-radius:1px;content:""}';const n=s;const i=class{constructor(o){e(this,o);this.segmentSelect=t(this,"segmentSelect",5);this.selected=false}handleSegmentClick(){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}handleSegmentKeyDown(e){if(e.code==="Enter"||e.code==="Space"){if(this.selected)return;this.selected=true;this.segmentSelect.emit(this.segmentIndex)}}render(){return o("div",{key:"49c56df2adf407d13685ae7c99b512afa532c6de",class:`segment ${this.selected?"segment--selected":""}`,tabIndex:0,onClick:()=>{this.handleSegmentClick()},onKeyDown:e=>{this.handleSegmentKeyDown(e)}},o("ifx-icon",{key:"c576b2bb7b09ae6ed1946759df7303df36b430dc",icon:this.icon})," ",o("slot",{key:"61d467f2cda3552d5c90e9995ceccdca76c6825c"}))}};i.style=n;export{i as ifx_segment};
+//# sourceMappingURL=p-cc36307e.entry.js.map