@infineon/infineon-design-system-stencil 31.0.0--canary.1697.d182a3c648fcdb68889698ab9252e421f923fb47.0 → 31.0.0--canary.1697.223df0ff1431a5398fd1261ed013c9dd2a89e7a0.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["overviewTableCss","IfxOverviewTableStyle0","OverviewTable","constructor","hostRef","this","getPlannedComponents","plannedComponents","el","shadowRoot","querySelectorAll","length","setPlannedComponentsNumber","numberIndicator","getElementById","innerHTML","getCompletedComponents","completedComponents","setCompletedComponentsNumber","setTotalComponentsNumber","totalNumberOfComponents","componentWillLoad","parent","parentElement","style","padding","componentDidLoad","headerEl","querySelector","headerHeight","offsetHeight","wrapperEl","setProperty","render","h","key","class","id","target","href","size","variant","icon"],"sources":["src/components/overview-table/overview-table.scss?tag=ifx-overview-table&encapsulation=shadow","src/components/overview-table/overview-table.tsx"],"sourcesContent":["* { \n  font-family: \"Source Sans 3\";\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  overflow-x: hidden;\n}\n\nheader { \n  margin-bottom: 15px;\n  display: flex;\n  justify-content: center;\n}\n\n.header__info-wrapper { \n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.infoboard__wrapper { \n  display: flex;\n  gap: 15px;\n  background-color: #f1f1f1;\n  padding: 5px 10px;\n  border-radius: 10px;\n}\n\n.title { \n  font-size: 30px;\n  font-weight: bold;\n}\n\n.view {\n  margin: auto;\n  // width: 100vw;\n}\n\n.wrapper {\n  position: relative;\n  width: 100%;\n  height: calc(100vh - var(--header-height) - 15px);\n  overflow: auto;\n}\n\ntable { \n  width: 100%;\n  table-layout: fixed;\n  border-spacing: 0;\n}\n\nthead tr th {\n  border-top: 1px solid #dddddd;\n}\n\ntd, th { \n  padding: 10px;\n  background-color: white;\n  border: none;\n  box-shadow: 0 0 0 1px #dddddd;\n  box-sizing: border-box;\n}\n\ntable th:nth-child(1) { \n  width: 150px;\n}\n\ntable th:not(:nth-child(1)) {\n  width: 240px; //300\n}\n\nth {\n  position: sticky;\n  top: 0;\n  background-color: white;\n}\n\n.sticky-col {\n  position: sticky;\n  z-index: 1;\n}\n\nth.sticky-col {\n  z-index: 2;\n}\n\n\n.second-col {\n  left: 0;\n  border-left: 1px solid #ddd;\n}\n\n.wrapped-content {\n  width: 250px;\n  white-space: normal;\n}\n\na { \n  text-decoration: none;\n  color: black;\n}\n\n.basic__info { \n  display: flex;\n  gap: 5px;\n}\n\nul { \n  padding: 0 5px;\n  margin: 0 15px;\n  list-style-type: none;\n}\n\ntr:nth-child(even) td {\n  background-color: #f1f1f1;\n}\n\nul li {\n  font-size: 12px;\n  display: flex;\n  gap: 5px;\n  line-height: 13px;\n}\n\nli.planned__component-wrapper { \n  align-items: center;\n  line-height: 16px;\n}\n\n.version__wrapper { \n  display: flex;\n  flex-direction: column;\n}\n\nifx-icon { \n  color: rgb(10, 130, 118);\n}\n\n.check__icon { \n  width: 10px;\n  height: 10px;\n}\n\n.planned__icon { \n  width: 12px;\n  height: 12px;\n  vertical-align: sub;\n}","import { Component, h, Element } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-overview-table',\n  styleUrl: './overview-table.scss',\n  shadow: true\n})\n\nexport class OverviewTable {\n  @Element() el;\n\n  componentWillLoad() { \n    let parent = this.el.parentElement;\n    if(parent) { \n      parent = parent.parentElement;\n      parent.style.padding = '0px'\n    }\n  }\n\n  componentDidLoad() { \n    const headerEl = this.el.shadowRoot.querySelector('header');\n    const headerHeight = headerEl.offsetHeight;\n    const wrapperEl = this.el.shadowRoot.querySelector(\".wrapper\");\n    wrapperEl.style.setProperty('--header-height', `${headerHeight}px`);\n    this.setPlannedComponentsNumber()\n    this.setCompletedComponentsNumber()\n    this.setTotalComponentsNumber()\n  }\n\n  getPlannedComponents = () => { \n    const plannedComponents = this.el.shadowRoot.querySelectorAll('.planned__component')\n    return plannedComponents.length;\n  }\n  \n  setPlannedComponentsNumber = () => { \n    const plannedComponents = this.getPlannedComponents()\n    const numberIndicator = this.el.shadowRoot.getElementById('number__indicator-planned')\n    numberIndicator.innerHTML = plannedComponents;\n  }\n  \n  getCompletedComponents = () => { \n    const completedComponents = this.el.shadowRoot.querySelectorAll('.completed__component')\n    return completedComponents.length;\n  }\n  \n  setCompletedComponentsNumber = () => { \n    const completedComponents = this.getCompletedComponents()\n    const numberIndicator = this.el.shadowRoot.getElementById('number__indicator-completed')\n    numberIndicator.innerHTML = completedComponents;\n  }\n  \n  setTotalComponentsNumber = () => { \n    const plannedComponents = this.getPlannedComponents()\n    const completedComponents = this.getCompletedComponents()\n    const numberIndicator = this.el.shadowRoot.getElementById('number__indicator-total')\n    const totalNumberOfComponents = plannedComponents + completedComponents;\n    numberIndicator.innerHTML = totalNumberOfComponents;\n  }\n\n  render() {\n    return (\n      <div class='container'>\n        <header class='header'>\n          <div class=\"header__info-wrapper\">\n            <div class=\"title\">DDS Components Overview</div>\n            <div class=\"infoboard__wrapper\">\n              <div class=\"basic__info\">\n                <div>Total Number:</div>\n                <div>\n                  <ifx-number-indicator id=\"number__indicator-total\"></ifx-number-indicator>\n                </div>\n              </div>\n              <div class=\"basic__info\">\n                <div>Completed:</div>\n                <div>\n                  <ifx-number-indicator id=\"number__indicator-completed\"></ifx-number-indicator>\n                </div>\n              </div>\n              <div class=\"basic__info\">\n                <div>In Progress:</div>\n                <div>\n                  <ifx-number-indicator id=\"number__indicator-planned\"></ifx-number-indicator>\n                </div>\n              </div>\n            </div>\n          </div>\n        </header>\n\n        <div class=\"view\">\n          <div class=\"wrapper\">\n            <table>\n              <thead>\n                <tr>\n                  <th class=\"sticky-col second-col\">Component</th>\n                  <th>\n                    <div class=\"version__wrapper\">\n                      <span>Version 1</span>\n                    </div>\n                  </th>\n                  <th>\n                    <div class=\"version__wrapper\">\n                    <span>Version 2</span>\n                    </div>\n                  </th>\n                  <th>Version 3</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-accordion--development\" size=\"s\" variant=\"bold\">Accordion</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Includes essential functionality such as expand/collapse behavior and minimal customization options</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a simple and lightweight way to organize and display collapsible content</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Auto collapse feature</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Initial collapse feature</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-alert--development\" size=\"s\" variant=\"bold\">Alert</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a lightweight and customizable interface for presenting alerts, including options for different alert types (e.g., primary, success, danger, warning) and basic styling configurations</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Configurable close button</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Additional Info variant</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-badge--development\" size=\"s\" variant=\"bold\">Badge</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers simple customization options for displaying badges, allowing developers to indicate specific actions, statuses, or categories with visual cues</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Designed to seamlessly integrate with existing UI elements and adhere to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-breadcrumb--development\" size=\"s\" variant=\"bold\">Breadcrumb</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a simple and customizable way to display a sequential trail of links or indicators,  representing the user's current location within a hierarchy of content</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Possibility to add an icon</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Incorporated dropdown-menu for individual items</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-button--development\" size=\"s\" variant=\"bold\">Button</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Includes basic styling options such as colors, sizes, and states, providing essential functionality for initiating actions</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>fullWidth feature</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Icon integration</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Link integration</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Form integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-card--development\" size=\"s\" variant=\"bold\">Card</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a structured and customizable layout, featuring elements such as headings, images, text, and buttons</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Horizontal and Vertical layout</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Possibility to embed multiple buttons</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>A switch between a Link and a Button</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Enhanced stylying behavior</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox--development\" size=\"s\" variant=\"bold\">Checkbox</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a simple and customizable checkbox input, allowing users to toggle between checked and unchecked states</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Indeterminate state variant</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development\" size=\"s\" variant=\"bold\">Chip</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a simple and customizable interface, representing discrete units of information or user interactions, such as labels, categories, or removable entities</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Incorporated dropdown-menu for individual item selection</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development\" size=\"s\" variant=\"bold\">Date Picker</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a customized wrapper and theming for the standard date picker element, enhancing its appearance and user interaction</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Cross browser compatibility</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Form integration</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Range</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Default value</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-dropdown--development\" size=\"s\" variant=\"bold\">Dropdown</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a versatile and interactive user interface element for presenting a list of options or actions</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Ensures consistent behavior and compatibility with web standards for a reliable user experience, while intentionally limiting customization options to emphasize a standardized appearance and behavior</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Search filter</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Header section</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Menu Item Divider</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Icon incorporated</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization and configurations</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Separate label trigger</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-footer--development\" size=\"s\" variant=\"bold\">Footer</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a standardized and customizable way to display essential information, navigation links, and branding at the bottom of web pages or application interfaces</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a flexible and configurable layout for organizing copyright notices, contact details, sitemap links, and other pertinent information</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Small, Medium and Large variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Customizable and removable links</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon-button--development\" size=\"s\" variant=\"bold\">Icon Button</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a compact and interactive icon-based button element</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a limited scope of customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Additional Round and Square shape variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Small, Medium and Large size</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon--development\" size=\"s\" variant=\"bold\">Icon</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a wide range of iconography options, allowing developers to easily incorporate symbols, glyphs, or visual indicators to enhance the user interface and convey information or actions effectively</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-link--development\" size=\"s\" variant=\"bold\">Link</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a flexible and customizable element for creating hyperlinks within a web application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers essential functionality for defining clickable text or elements</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Small, Medium, Large, Extra Large size variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Icon incorporated</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Bold, Underlined, Title, Menu state variants</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-modal--development\" size=\"s\" variant=\"bold\">Modal</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a customizable modal window, typically used for displaying contextual information, user interactions, or additional content without navigating away from the current context</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to webstandards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Alert-brand and Alert-danger theme variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Removable close button</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-navbar--development\" size=\"s\" variant=\"bold\">Navbar</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a standardized and customizable navigation bar for organizing and presenting essential links, menus, branding, and interactive elements within a web application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web stadards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Navbar-profile component</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Mobile Responsiveness</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Mobile Sidebar</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-number-indicator--development\" size=\"s\" variant=\"bold\">Number Indicator</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a compact and configurable display for showcasing numeric data</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Inverted option</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-pagination--development\" size=\"s\" variant=\"bold\">Pagination</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a configurable set of controls for navigating through sequential pages of content, typically used for displaying large datasets or segmented information</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Configurable Results Per Page option</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-progress-bar--development\" size=\"s\" variant=\"bold\">Progress Bar</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable and dynamic bar that visually represents the advancement of a process, typically used to convey loading status, or task completion</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Show percentage option</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Small and With Label variants included</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-radio-button--development\" size=\"s\" variant=\"bold\">Radio Button</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable radio input, allowing users to make a single selection from a predefined list of options, typically used for multiple-choice selection or exclusive input</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-bar--development\" size=\"s\" variant=\"bold\">Search Bar</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a dynamic and customizable input area that allows users to input search terms and trigger search actions, typically used for querying and filtering content within the application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Collapsable option</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-field--development\" size=\"s\" variant=\"bold\">Search Field</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers an interactive and adaptable input area that allows users to enter search terms and trigger search actions, facilitating efficient querying and filtering of content within the application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Show Delete Icon option</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-single-select--development\" size=\"s\" variant=\"bold\">Single Select</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a user-friendly and interactive dropdown list for selecting a single option from a set of choices within a web application</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Option to enable and disable the search</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-multi-select--development\" size=\"s\" variant=\"bold\">Multi Select</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a dynamic and customizable dropdown list that allows users to make multiple selections from a list of options</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Nestable options</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Option to enable and disable the search</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-sidebar--development\" size=\"s\" variant=\"bold\">Sidebar</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a configurable and collapsible panel that typically occupies the side of the screen, allowing users to access additional sections, or menus while maintaining the main content area</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Multi-layer nestable items and menu</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Initial collapse option</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Active and action item feature</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Number indicator integration</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Removable Footer, Header and Logo</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Removable and customizable Links</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-slider--development\" size=\"s\" variant=\"bold\">Slider</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides an interactive and customizable input control for selecting a value within a defined range, often used for settings such as volume control, data selection, or numerical input</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                    <li>\n                      <span>\n                        <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                      </span>\n                      <span>Icon incorporated</span>\n                    </li>\n                    <li>\n                      <span>\n                        <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                      </span>\n                      <span>Percentage variant</span>\n                    </li>\n                    <li>\n                      <span>\n                        <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                      </span>\n                      <span>Text variant</span>\n                    </li>\n                    <li>\n                      <span>\n                        <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                      </span>\n                      <span>React, Vue and Angular wrapper integration</span>\n                    </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-spinner--development\" size=\"s\" variant=\"bold\">Spinner</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable and animated symbol that conveys to users that a task is in progress, typically used to signify loading content, data retrieval, or pending operations</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Brand variant</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-status--development\" size=\"s\" variant=\"bold\">Status</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a visual indicator for conveying the state, status, or condition of an item, process, or entity within a web application</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Ocean, Orange, Grey, Light-grey, Red, Green and Berry color variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Removable border</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-stepper--development\" size=\"s\" variant=\"bold\">Stepper</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable and intuitive control that allows users to navigate through sequential steps</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Default and Compact variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                  <ul>\n                    <li>\n                      <span>\n                        <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                      </span>\n                      <span>Vertical variant</span>\n                    </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-switch--development\" size=\"s\" variant=\"bold\">Switch</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides an interactive and customizable interface for toggling between two states, typically representing an on/off or active/inactive status within a web application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Incorporated label feature</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-basic--development\" size=\"s\" variant=\"bold\">Basic Table</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers essential functionality for organizing data into rows and columns, allowing users to view, sort, and interact with structured information efficiently</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Includes basic features such as column sorting</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Compact and Default variant</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-advanced--development\" size=\"s\" variant=\"bold\">Advanced Table</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Pagination</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Sidebar filter</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Topbar filter</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Nestable buttons</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tabs--development\" size=\"s\" variant=\"bold\">Tabs</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable and interactive layout that allows users to switch between different content panels, typically used for organizing related information or functional sections</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Horizontal and Vertical orientation</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tag--development\" size=\"s\" variant=\"bold\">Tag</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable and stylized marker that allows users to quickly identify and associate specific items or content with descriptive labels or categories</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Icon incorporated</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-text-field--development\" size=\"s\" variant=\"bold\">Text Field</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable and accessible interface that allows users to input and modify text, facilitating various data entry and form submission tasks</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Extended customization</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Possibility for icon configuration</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Form integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tooltip--development\" size=\"s\" variant=\"bold\">Tooltip</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a simple and informative interface for displaying supplementary text or contextual information when users interact with specific elements within a web application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Compact, dismissible and Extended variants</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Auto-adjusting position</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Icon incorporated</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>React, Vue and Angular wrapper integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-notification--development\" size=\"s\" variant=\"bold\">Notification</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a flexible and visually distinct container for presenting informative, warning, or error messages to users, enhancing the overall user experience with timely and relevant feedback</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-content-switcher--development\" size=\"s\" variant=\"bold\">Content Switcher</ifx-link>\n                  </td>\n                  <td >\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a flexible and intuitive interface for dynamically switching between different content sections or views within a web application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable mechanism for users to toggle and display diverse content panels, facilitating seamless navigation and interaction with varying information or functional contexts</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-control--development\" size=\"s\" variant=\"bold\">Segmented Control</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a clear and interactive interface for users to make mutually exclusive selections among multiple options within a web application</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Offers a customizable set of segmented buttons or tabs, allowing users to toggle between different choices or views, typically used for filtering, categorization, or navigation purposes</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Adheres to web standards</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n                <tr>\n                  <td class=\"completed__component sticky-col second-col\">\n                    <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-controls--development\" size=\"s\" variant=\"bold\">Textarea</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Provides a customizable multi-line text input interface, enabling users to input, edit, and view large amounts of text, while adhering to web standards for accessibility and usability.</span>\n                      </li>\n                      <li>\n                        <span>\n                          <ifx-icon class='check__icon' icon=\"check12\"></ifx-icon>\n                        </span>\n                        <span>Form integration</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n            \n                <tr>\n                  <td class=\"planned__component sticky-col second-col\">\n                    <ifx-link href=\"\" size=\"s\" variant=\"bold\">Card Group</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li class=\"planned__component-wrapper\">\n                        <span>\n                          <ifx-icon class=\"planned__icon\" icon=\"clock24\"></ifx-icon>\n                        </span>\n                        <span>On Hold</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n            \n                <tr>\n                  <td class=\"planned__component sticky-col second-col\">\n                    <ifx-link href=\"\" size=\"s\" variant=\"bold\">Upload</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li class=\"planned__component-wrapper\">\n                        <span>\n                          <ifx-icon class=\"planned__icon\" icon=\"roboticarm24\"></ifx-icon>\n                        </span>\n                        <span>In Progress</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n\n                <tr>\n                  <td class=\"planned__component sticky-col second-col\">\n                    <ifx-link href=\"\" size=\"s\" variant=\"bold\">Checkbox Group</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li class=\"planned__component-wrapper\">\n                        <span>\n                          <ifx-icon class=\"planned__icon\" icon=\"roboticarm24\"></ifx-icon>\n                        </span>\n                        <span>In Progress</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n\n                <tr>\n                  <td class=\"planned__component sticky-col second-col\">\n                    <ifx-link href=\"\" size=\"s\" variant=\"bold\">Radio Group</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li class=\"planned__component-wrapper\">\n                        <span>\n                          <ifx-icon class=\"planned__icon\" icon=\"roboticarm24\"></ifx-icon>\n                        </span>\n                        <span>In Progress</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n\n                <tr>\n                  <td class=\"planned__component sticky-col second-col\">\n                    <ifx-link href=\"\" size=\"s\" variant=\"bold\">Tree View</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li class=\"planned__component-wrapper\">\n                        <span>\n                          <ifx-icon class=\"planned__icon\" icon=\"roboticarm24\"></ifx-icon>\n                        </span>\n                        <span>In Progress</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n            \n                <tr>\n                  <td class=\"planned__component sticky-col second-col\">\n                    <ifx-link href=\"\" size=\"s\" variant=\"bold\">Popover</ifx-link>\n                  </td>\n                  <td>\n                    <ul>\n                      <li class=\"planned__component-wrapper\">\n                        <span>\n                          <ifx-icon class=\"planned__icon\" icon=\"roboticarm24\"></ifx-icon>\n                        </span>\n                        <span>In Progress</span>\n                      </li>\n                    </ul>\n                  </td>\n                  <td></td>\n                  <td></td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-aa9d4504.entry.js → p-934704d9.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,g as a}from"./p-8f2b1db0.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-aa9d4504.entry.js.map
+import{r as t,h as e,g as a}from"./p-e244bae4.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-934704d9.entry.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["radioButtonCss","IfxRadioButtonStyle0","RadioButton","constructor","hostRef","this","disabled","error","size","internalChecked","hasSlot","componentWillLoad","fallbackInput","document","createElement","type","hidden","className","style","cssText","setAttribute","tabIndex","el","appendChild","HTMLElement","prototype","internals","attachInternals","e","console","warn","checked","querySelector","innerHTML","trim","handleCheckedChange","newValue","updateFormValue","_a","setFormValue","value","name","handleRadioButtonClick","event","stopPropagation","inputElement","click","ifxChange","emit","changeEvent","CustomEvent","bubbles","composed","detail","dispatchEvent","handleKeyDown","ev","includes","key","preventDefault","PointerEvent","handleExternalChange","target","tagName","toLowerCase","getAttribute","render","h","role","String","class","onClick","tabindex","ref"],"sources":["src/components/radio-button/radio-button.scss?tag=ifx-radio-button&encapsulation=shadow","src/components/radio-button/radio-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n    display: inline-flex;\n    --_ifx-fallback-display: none !important;\n}\n\n._ifx-radiobutton-fallback {\n    display: var(--_ifx-fallback-display);\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0,0,0,0) !important;\n    border: 0 !important;\n  }\n\n.radioButton__container {\n    box-sizing: border-box;\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0px;\n    gap: tokens.$ifxSpace100;\n    cursor: pointer;\n    font-family: var(--ifx-font-family);\n\n    &.m .radioButton__wrapper {\n        width: tokens.$ifxSize300;\n        height: tokens.$ifxSize300;\n    }\n\n    .radioButton__wrapper {\n        width: tokens.$ifxSize250;\n        height: tokens.$ifxSize250;\n        position: relative;\n        display: block;\n        border-radius: 50%;\n        background-color: tokens.$ifxColorBaseWhite;\n        border: 1px solid #575352;\n\n        &:focus {\n            outline: none;\n\n            &::before {\n                content: '';\n                position: absolute;\n                width: calc(100% + 4px);\n                height: calc(100% + 4px);\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n                border: 2px solid tokens.$ifxColorOcean500;\n                border-radius: 50%;\n            }\n        }\n\n        .radioButton__wrapper-mark {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            background-color: #0A8276;\n            border-radius: 50%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            border-color: tokens.$ifxColorBaseTransparent;\n        }\n\n        &:hover {\n            background-color: tokens.$ifxColorEngineering200;\n        }\n\n        &.disabled {\n            background-color: #BFBBBB;\n            border-color: #BFBBBB;\n\n            &.error {\n\n                &:hover,\n                &:focus-visible {\n                    border-color: #CD002F;\n                }\n            }\n        }\n\n        &.checked {\n            border-color: #0A8276;\n\n            &::after {\n                content: \"\";\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n                width: 10px;\n                height: 10px;\n                background-color: #0A8276;\n                border-radius: 50%;\n            }\n\n            &.disabled::after {\n                background-color: #BFBBBB;\n            }\n\n\n            &:hover {\n                border-color: tokens.$ifxColorOcean600;\n\n                & .radioButton__wrapper-mark {\n                    background-color: tokens.$ifxColorOcean600;\n                }\n            }\n\n            &.disabled {\n                background-color: tokens.$ifxColorBaseWhite;\n                border-color: #BFBBBB;\n\n                &.disabled::after {\n                    background-color: #BFBBBB;\n                }\n\n                & .radioButton__wrapper-mark {\n                    background-color: #BFBBBB;\n                }\n            }\n        }\n\n        &.error:not(.disabled) {\n            border-color: #CD002F;\n\n            &:hover,\n            &:focus-visible {\n                border-color: #CD002F;\n            }\n        }\n    }\n\n    .label {\n        display: flex;\n        align-items: center;\n        height: tokens.$ifxSize250;\n        font-style: normal;\n        font-weight: 400;\n        font-size: tokens.$ifxFontSizeS;\n        line-height: tokens.$ifxLineHeightS;\n        color: tokens.$ifxColorBaseBlack;\n        flex: none;\n        order: 1;\n        flex-grow: 0;\n\n        &.label-m {\n            height: tokens.$ifxSize300;\n            font-size: tokens.$ifxFontSizeM;\n            line-height: tokens.$ifxLineHeightM;\n        }\n\n        &.disabled {\n            color: #BFBBBB;\n        }\n\n\n\n        &:hover {\n            cursor: pointer;\n        }\n    }\n}\n\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-radio-button',\n  styleUrl: 'radio-button.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class RadioButton {\n  @Element() el: HTMLElement;\n  @Prop() disabled: boolean = false;\n  @Prop() value: string;\n  @Prop() error: boolean = false;\n  @Prop({ reflect: true }) size: \"s\" | \"m\" = \"s\";\n  @Prop({ reflect: true }) name: string;\n  @Prop({ mutable: true }) checked: boolean;\n  @State() internalChecked: boolean = false;\n  @State() hasSlot: boolean = false;\n\n  private inputElement: HTMLInputElement;\n  private internals: ElementInternals;\n  private fallbackInput: HTMLInputElement;\n\n  @Event({ eventName: 'ifxChange' }) ifxChange: EventEmitter;\n\n  componentWillLoad() {\n    // Fallback for form association\n    this.fallbackInput = document.createElement('input');\n    this.fallbackInput.type = 'radio';\n    this.fallbackInput.hidden = true;\n    this.fallbackInput.className = '_ifx-radiobutton-fallback';\n    this.fallbackInput.style.cssText = `\n      display: none !important;\n      position: absolute !important;\n      opacity: 0 !important;\n      pointer-events: none !important;\n      width: 0 !important;\n      height: 0 !important;\n    `;\n    this.fallbackInput.setAttribute('aria-hidden', 'true');\n    this.fallbackInput.tabIndex = -1;\n    this.el.appendChild(this.fallbackInput);\n\n    // Initialize ElementInternals if supported\n    if ('attachInternals' in HTMLElement.prototype) {\n      try {\n        this.internals = this.el.attachInternals();\n      } catch (e) {\n        console.warn('ElementInternals not supported');\n      }\n    }\n\n    // Initial state\n    this.internalChecked = this.checked || false;\n    this.hasSlot = !!this.el.querySelector('[slot]') || this.el.innerHTML.trim() !== '';\n  }\n\n  @Watch('checked')\n  handleCheckedChange(newValue: boolean) {\n    this.internalChecked = newValue;\n  }\n\n  @Watch('internalChecked')\n  updateFormValue() {\n    // Update both ElementInternals and fallback input\n    if (this.internals?.setFormValue) {\n      this.internals.setFormValue(this.internalChecked ? this.value : null);\n    }\n    this.fallbackInput.checked = this.internalChecked;\n    this.fallbackInput.name = this.name;\n    this.fallbackInput.value = this.value;\n    this.fallbackInput.disabled = this.disabled;\n  }\n\n  handleRadioButtonClick(event: Event) {\n    if (this.disabled) {\n      event.stopPropagation();\n      return;\n    }\n\n    this.inputElement.click();\n    this.internalChecked = this.inputElement.checked;\n    this.checked = this.internalChecked;\n    this.ifxChange.emit(this.internalChecked);\n\n    const changeEvent = new CustomEvent('change', {\n      bubbles: true,\n      composed: true,\n      detail: { checked: this.internalChecked }\n    });\n    this.el.dispatchEvent(changeEvent);\n  }\n\n  @Listen('keydown')\n  handleKeyDown(ev: KeyboardEvent) {\n    if ([' ', 'Enter'].includes(ev.key)) {\n      ev.preventDefault();\n      this.handleRadioButtonClick(new PointerEvent('click'));\n    }\n  }\n\n  @Listen('change', { target: 'document' })\n  handleExternalChange(event: Event) {\n    const target = event.target as HTMLElement;\n    if (target === this.el || target.tagName.toLowerCase() !== 'ifx-radio-button') return;\n    \n    if (target.getAttribute('name') === this.name) {\n      this.internalChecked = false;\n    }\n  }\n\n  render() {\n    return (\n      <div\n        role=\"radio\"\n        aria-checked={String(this.internalChecked)}\n        aria-disabled={String(this.disabled)}\n        class={`radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`}\n        onClick={(e) => this.handleRadioButtonClick(e)}\n        tabindex={this.disabled ? -1 : 0}\n      >\n        <div\n          class={`radioButton__wrapper \n            ${this.internalChecked ? 'checked' : ''} \n            ${this.disabled ? 'disabled' : ''} \n            ${this.error ? 'error' : ''}`}\n        >\n          {this.internalChecked && <div class=\"radioButton__wrapper-mark\"></div>}\n        </div>\n\n        {this.hasSlot && (\n          <div class={`label ${this.size === \"m\" ? \"label-m\" : \"\"} ${this.disabled ? 'disabled' : ''}`}>\n            <slot />\n          </div>\n        )}\n\n        <input\n          type=\"radio\"\n          hidden\n          ref={el => this.inputElement = el}\n          name={this.name}\n          value={this.value}\n          checked={this.internalChecked}\n          disabled={this.disabled}\n          onClick={(e) => e.stopPropagation()}\n        />\n      </div>\n    );\n  }\n}"],"mappings":"yDAAA,MAAMA,EAAiB,qsGACvB,MAAAC,EAAeD,E,MCOFE,EAAW,MANxB,WAAAC,CAAAC,G,+CAQUC,KAAAC,SAAoB,MAEpBD,KAAAE,MAAiB,MACAF,KAAAG,KAAkB,IAGlCH,KAAAI,gBAA2B,MAC3BJ,KAAAK,QAAmB,K,CAQ5B,iBAAAC,GAEEN,KAAKO,cAAgBC,SAASC,cAAc,SAC5CT,KAAKO,cAAcG,KAAO,QAC1BV,KAAKO,cAAcI,OAAS,KAC5BX,KAAKO,cAAcK,UAAY,4BAC/BZ,KAAKO,cAAcM,MAAMC,QAAU,+MAQnCd,KAAKO,cAAcQ,aAAa,cAAe,QAC/Cf,KAAKO,cAAcS,UAAY,EAC/BhB,KAAKiB,GAAGC,YAAYlB,KAAKO,eAGzB,GAAI,oBAAqBY,YAAYC,UAAW,CAC9C,IACEpB,KAAKqB,UAAYrB,KAAKiB,GAAGK,iB,CACzB,MAAOC,GACPC,QAAQC,KAAK,iC,EAKjBzB,KAAKI,gBAAkBJ,KAAK0B,SAAW,MACvC1B,KAAKK,UAAYL,KAAKiB,GAAGU,cAAc,WAAa3B,KAAKiB,GAAGW,UAAUC,SAAW,E,CAInF,mBAAAC,CAAoBC,GAClB/B,KAAKI,gBAAkB2B,C,CAIzB,eAAAC,G,MAEE,IAAIC,EAAAjC,KAAKqB,aAAS,MAAAY,SAAA,SAAAA,EAAEC,aAAc,CAChClC,KAAKqB,UAAUa,aAAalC,KAAKI,gBAAkBJ,KAAKmC,MAAQ,K,CAElEnC,KAAKO,cAAcmB,QAAU1B,KAAKI,gBAClCJ,KAAKO,cAAc6B,KAAOpC,KAAKoC,KAC/BpC,KAAKO,cAAc4B,MAAQnC,KAAKmC,MAChCnC,KAAKO,cAAcN,SAAWD,KAAKC,Q,CAGrC,sBAAAoC,CAAuBC,GACrB,GAAItC,KAAKC,SAAU,CACjBqC,EAAMC,kBACN,M,CAGFvC,KAAKwC,aAAaC,QAClBzC,KAAKI,gBAAkBJ,KAAKwC,aAAad,QACzC1B,KAAK0B,QAAU1B,KAAKI,gBACpBJ,KAAK0C,UAAUC,KAAK3C,KAAKI,iBAEzB,MAAMwC,EAAc,IAAIC,YAAY,SAAU,CAC5CC,QAAS,KACTC,SAAU,KACVC,OAAQ,CAAEtB,QAAS1B,KAAKI,mBAE1BJ,KAAKiB,GAAGgC,cAAcL,E,CAIxB,aAAAM,CAAcC,GACZ,GAAI,CAAC,IAAK,SAASC,SAASD,EAAGE,KAAM,CACnCF,EAAGG,iBACHtD,KAAKqC,uBAAuB,IAAIkB,aAAa,S,EAKjD,oBAAAC,CAAqBlB,GACnB,MAAMmB,EAASnB,EAAMmB,OACrB,GAAIA,IAAWzD,KAAKiB,IAAMwC,EAAOC,QAAQC,gBAAkB,mBAAoB,OAE/E,GAAIF,EAAOG,aAAa,UAAY5D,KAAKoC,KAAM,CAC7CpC,KAAKI,gBAAkB,K,EAI3B,MAAAyD,GACE,OACEC,EAAA,OAAAT,IAAA,2CACEU,KAAK,QAAO,eACEC,OAAOhE,KAAKI,iBAAgB,gBAC3B4D,OAAOhE,KAAKC,UAC3BgE,MAAO,0BAA0BjE,KAAKG,QAAQH,KAAKC,SAAW,WAAa,KAC3EiE,QAAU3C,GAAMvB,KAAKqC,uBAAuBd,GAC5C4C,SAAUnE,KAAKC,UAAY,EAAI,GAE/B6D,EAAA,OAAAT,IAAA,2CACEY,MAAO,sCACHjE,KAAKI,gBAAkB,UAAY,oBACnCJ,KAAKC,SAAW,WAAa,oBAC7BD,KAAKE,MAAQ,QAAU,MAE1BF,KAAKI,iBAAmB0D,EAAA,OAAAT,IAAA,2CAAKY,MAAM,+BAGrCjE,KAAKK,SACJyD,EAAA,OAAAT,IAAA,2CAAKY,MAAO,SAASjE,KAAKG,OAAS,IAAM,UAAY,MAAMH,KAAKC,SAAW,WAAa,MACtF6D,EAAA,QAAAT,IAAA,8CAIJS,EAAA,SAAAT,IAAA,2CACE3C,KAAK,QACLC,OAAM,KACNyD,IAAKnD,GAAMjB,KAAKwC,aAAevB,EAC/BmB,KAAMpC,KAAKoC,KACXD,MAAOnC,KAAKmC,MACZT,QAAS1B,KAAKI,gBACdH,SAAUD,KAAKC,SACfiE,QAAU3C,GAAMA,EAAEgB,oB","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-60314d07.entry.js → p-98c50956.entry.js}

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

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

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s}from"./p-8f2b1db0.js";const o=".card-image{width:100%;height:100%;vertical-align:bottom;object-fit:cover}";const e=o;const c=class{constructor(s){t(this,s);this.imgPosition=i(this,"imgPosition",7)}handlePosition(t){this.imgPosition.emit(t)}componentWillLoad(){this.handlePosition(this.position)}componentDidUpdate(){this.handlePosition(this.position)}render(){return s("img",{key:"e08992cdb9c62e7b4f98d58d39457702233ee300",src:this.src,alt:this.alt,class:"card-image"})}};c.style=e;export{c as ifx_card_image};
-//# sourceMappingURL=p-96c3f39e.entry.js.map
+import{r as t,c as i,h as s}from"./p-e244bae4.js";const e=".card-image{width:100%;height:100%;vertical-align:bottom;object-fit:cover}";const o=e;const c=class{constructor(s){t(this,s);this.imgPosition=i(this,"imgPosition",7)}handlePosition(t){this.imgPosition.emit(t)}componentWillLoad(){this.handlePosition(this.position)}componentDidUpdate(){this.handlePosition(this.position)}render(){return s("img",{key:"e08992cdb9c62e7b4f98d58d39457702233ee300",src:this.src,alt:this.alt,class:"card-image"})}};c.style=o;export{c as ifx_card_image};
+//# sourceMappingURL=p-a2f7459e.entry.js.map

package/dist/infineon-design-system-stencil/{p-d398f16c.entry.js → p-aa5f89b6.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as o}from"./p-8f2b1db0.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card-overline{font-size:1rem;font-weight:400;color:#575352;padding-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}';const t=r;const i=class{constructor(o){e(this,o)}render(){return o("div",{key:"edb86d9c621859391a960610c81ab5fa3a3558fd",class:"card-overline"},o("slot",{key:"2b4846831c111a2b598b6632559b5346c152568f"}))}};i.style=t;export{i as ifx_card_overline};
-//# sourceMappingURL=p-d398f16c.entry.js.map
+import{r as e,h as o}from"./p-e244bae4.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card-overline{font-size:1rem;font-weight:400;color:#575352;padding-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}';const t=r;const i=class{constructor(o){e(this,o)}render(){return o("div",{key:"edb86d9c621859391a960610c81ab5fa3a3558fd",class:"card-overline"},o("slot",{key:"2b4846831c111a2b598b6632559b5346c152568f"}))}};i.style=t;export{i as ifx_card_overline};
+//# sourceMappingURL=p-aa5f89b6.entry.js.map

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

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

package/dist/infineon-design-system-stencil/{p-2cd5c632.entry.js → p-b120a552.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as o}from"./p-8f2b1db0.js";const e=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.dropdown-header{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #EEEDED;font-family:var(--ifx-font-family)}.dropdown-header span{color:#575352;font-family:var(--ifx-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:20px;}';const f=e;const d=class{constructor(o){a(this,o)}render(){return o("div",{key:"b42dc08dabda81dd0e8e604d07c8409686a5f0fd",class:"dropdown-header"},o("span",{key:"9f699e2874688216d23da95c3b96d78caad78695"},o("slot",{key:"f8b69b6e6840fcc1c8f3b877a9361e192a1d76a0"})))}};d.style=f;export{d as ifx_dropdown_header};
-//# sourceMappingURL=p-2cd5c632.entry.js.map
+import{r as a,h as o}from"./p-e244bae4.js";const e=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.dropdown-header{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #EEEDED;font-family:var(--ifx-font-family)}.dropdown-header span{color:#575352;font-family:var(--ifx-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:20px;}';const f=e;const d=class{constructor(o){a(this,o)}render(){return o("div",{key:"b42dc08dabda81dd0e8e604d07c8409686a5f0fd",class:"dropdown-header"},o("span",{key:"9f699e2874688216d23da95c3b96d78caad78695"},o("slot",{key:"f8b69b6e6840fcc1c8f3b877a9361e192a1d76a0"})))}};d.style=f;export{d as ifx_dropdown_header};
+//# sourceMappingURL=p-b120a552.entry.js.map

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

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

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

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

package/dist/infineon-design-system-stencil/{p-5371a750.entry.js → p-c2ff66ea.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a,a as r,g as d}from"./p-8f2b1db0.js";const o=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.card{position:relative;display:inline-flex;flex-direction:column;word-wrap:break-word;background-color:#FFFFFF;background-clip:border-box;border:1px solid #EEEDED;border-radius:1px;width:350px;height:auto;font-family:var(--ifx-font-family)}.card:has(.card-href:focus),.card:has(.card-href:hover){outline:none;border-color:#0A8276}.card:has(.card-href:focus) ::slotted(ifx-card-headline),.card:has(.card-href:hover) ::slotted(ifx-card-headline){color:#0A8276}.card.noBtns .vertical .lower__body-wrapper{padding-bottom:24px}.card.noBtns .horizontal .lower__body-wrapper{padding-bottom:24px}.card .horizontal{display:flex;flex-direction:row;min-height:218px}.card .horizontal .card-img{flex:1;text-decoration:none}.card .horizontal .card-img.noImage{display:none}.card .horizontal .card-img ::slotted([slot=img]){width:100%;vertical-align:bottom}.card .horizontal .lower__body-wrapper{flex:1;display:grid;grid-template-rows:1fr auto}.card .horizontal .lower__body-wrapper .upper-body{display:flex;flex-direction:column;text-decoration:none;color:#1D1D1D;padding:24px 24px 0px 24px}.card .vertical .upper__body-wrapper{text-decoration:none;color:#1D1D1D}.card .vertical .upper__body-wrapper .card-img{height:190px}.card .vertical .upper__body-wrapper .card-img.noImage{display:none}.card .vertical .upper__body-wrapper .upper-body{padding:24px 24px 0px 24px}.card .vertical .lower__body-wrapper:hover{border-color:#EEEDED}.card.horizontal{flex-direction:row;width:538px}.card.horizontal .card-img{flex:1;order:2}.card.horizontal .card-img ::slotted([slot=img]){width:100%;height:100%;vertical-align:bottom;object-fit:cover}.card.horizontal.left .horizontal .card-img{order:1}.card.horizontal.left .horizontal .lower__body-wrapper{order:2}.card .card-href:focus{outline:none}';const i=o;const t=class{constructor(a){e(this,a);this.direction="vertical";this.href="";this.internalHref="";this.target="_self"}setImgPosition(e){this.alignment=e.detail}handleComponentAdjustment(){const e=this.el.querySelector("ifx-card-image");const a=this.el.querySelector("ifx-card-links");if(!e){this.noImg=true}else this.noImg=false;if(!a){this.noBtns=true}else this.noBtns=false;if(this.href.trim()===""){this.internalHref=undefined}else this.internalHref=this.href}handleClassList(e,a,r){e.classList[a](r)}componentWillLoad(){this.handleComponentAdjustment()}componentWillUpdate(){this.handleComponentAdjustment()}render(){return a(r,{key:"01e7592f9bf887e80837db93ab637fa77fb1ce1f"},a("div",{key:"8b784dff18da8f47e57a293554dc18af013293f4","aria-label":this.AriaLabel,class:`card \n          ${this.noBtns?"noBtns":""}\n          ${this.direction} \n          ${this.alignment}`,role:"region"},this.direction==="horizontal"&&a("div",{key:"69e234c4c3302dd8bf6b5133016e3c0642cf0034",class:"horizontal"},a("a",{key:"c4e4288637327e7e0f68b68a3ee750e3567c327d",class:`card-img ${this.noImg?"noImage":""} ${this.internalHref?"card-href":""}`,href:this.internalHref},a("slot",{key:"d119095e1e71d459b160744276a2987b9596d076",name:"img"})),a("div",{key:"53b3816544b90daec193ced7b084aa2dfa12f7c6",class:"lower__body-wrapper"},a("a",{key:"61477913ea24a2bdc3765771bf60af809a5643f5",class:`upper-body ${this.internalHref?"card-href":""}`,href:this.internalHref},a("slot",{key:"aa49da1c6b7cefefb5d9f36f72f3166e09c2e494"})),a("div",{key:"da9e12e7e215397ed699f3158676235d3ec1e05c"},a("slot",{key:"dd43320f7bc1d0dce6f3c6a3bbf4de31c60d9f77",name:"buttons"})))),this.direction==="vertical"&&a("div",{key:"81a7e3a57402983a7544cb80c37609ca1189b8cd",class:"vertical"},a("a",{key:"3835c2cbb6de0e6b518f72d7752033e71e62e5f6",class:`upper__body-wrapper ${this.internalHref?"card-href":""}`,href:this.internalHref,target:this.target},a("div",{key:"57f555a369c10897d75058780993a45d0dc4b1da",class:`card-img ${this.noImg?"noImage":""}`},a("slot",{key:"fc23cd2f3575e0c8bf9dc4e50581527175d3dfa5",name:"img"})),a("div",{key:"abc7faafe9cb34acba6cd6db1daca948438511e9",class:"upper-body"},a("slot",{key:"9f8ed0bfa8ac124368b0fc0af24037ab9549d26b"}))),a("div",{key:"f13ded514016af3d5975224049db6c84c32e7c03",class:"lower__body-wrapper"},a("slot",{key:"3a6875e3f2daa209ad56bc5417facd8835af3ea0",name:"buttons"})))))}get el(){return d(this)}};t.style=i;export{t as ifx_card};
-//# sourceMappingURL=p-5371a750.entry.js.map
+import{r as e,h as a,a as r,g as o}from"./p-e244bae4.js";const d=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.card{position:relative;display:inline-flex;flex-direction:column;word-wrap:break-word;background-color:#FFFFFF;background-clip:border-box;border:1px solid #EEEDED;border-radius:1px;width:350px;height:auto;font-family:var(--ifx-font-family)}.card:has(.card-href:focus),.card:has(.card-href:hover){outline:none;border-color:#0A8276}.card:has(.card-href:focus) ::slotted(ifx-card-headline),.card:has(.card-href:hover) ::slotted(ifx-card-headline){color:#0A8276}.card.noBtns .vertical .lower__body-wrapper{padding-bottom:24px}.card.noBtns .horizontal .lower__body-wrapper{padding-bottom:24px}.card .horizontal{display:flex;flex-direction:row;min-height:218px}.card .horizontal .card-img{flex:1;text-decoration:none}.card .horizontal .card-img.noImage{display:none}.card .horizontal .card-img ::slotted([slot=img]){width:100%;vertical-align:bottom}.card .horizontal .lower__body-wrapper{flex:1;display:grid;grid-template-rows:1fr auto}.card .horizontal .lower__body-wrapper .upper-body{display:flex;flex-direction:column;text-decoration:none;color:#1D1D1D;padding:24px 24px 0px 24px}.card .vertical .upper__body-wrapper{text-decoration:none;color:#1D1D1D}.card .vertical .upper__body-wrapper .card-img{height:190px}.card .vertical .upper__body-wrapper .card-img.noImage{display:none}.card .vertical .upper__body-wrapper .upper-body{padding:24px 24px 0px 24px}.card .vertical .lower__body-wrapper:hover{border-color:#EEEDED}.card.horizontal{flex-direction:row;width:538px}.card.horizontal .card-img{flex:1;order:2}.card.horizontal .card-img ::slotted([slot=img]){width:100%;height:100%;vertical-align:bottom;object-fit:cover}.card.horizontal.left .horizontal .card-img{order:1}.card.horizontal.left .horizontal .lower__body-wrapper{order:2}.card .card-href:focus{outline:none}';const i=d;const t=class{constructor(a){e(this,a);this.direction="vertical";this.href="";this.internalHref="";this.target="_self"}setImgPosition(e){this.alignment=e.detail}handleComponentAdjustment(){const e=this.el.querySelector("ifx-card-image");const a=this.el.querySelector("ifx-card-links");if(!e){this.noImg=true}else this.noImg=false;if(!a){this.noBtns=true}else this.noBtns=false;if(this.href.trim()===""){this.internalHref=undefined}else this.internalHref=this.href}handleClassList(e,a,r){e.classList[a](r)}componentWillLoad(){this.handleComponentAdjustment()}componentWillUpdate(){this.handleComponentAdjustment()}render(){return a(r,{key:"01e7592f9bf887e80837db93ab637fa77fb1ce1f"},a("div",{key:"8b784dff18da8f47e57a293554dc18af013293f4","aria-label":this.AriaLabel,class:`card \n          ${this.noBtns?"noBtns":""}\n          ${this.direction} \n          ${this.alignment}`,role:"region"},this.direction==="horizontal"&&a("div",{key:"69e234c4c3302dd8bf6b5133016e3c0642cf0034",class:"horizontal"},a("a",{key:"c4e4288637327e7e0f68b68a3ee750e3567c327d",class:`card-img ${this.noImg?"noImage":""} ${this.internalHref?"card-href":""}`,href:this.internalHref},a("slot",{key:"d119095e1e71d459b160744276a2987b9596d076",name:"img"})),a("div",{key:"53b3816544b90daec193ced7b084aa2dfa12f7c6",class:"lower__body-wrapper"},a("a",{key:"61477913ea24a2bdc3765771bf60af809a5643f5",class:`upper-body ${this.internalHref?"card-href":""}`,href:this.internalHref},a("slot",{key:"aa49da1c6b7cefefb5d9f36f72f3166e09c2e494"})),a("div",{key:"da9e12e7e215397ed699f3158676235d3ec1e05c"},a("slot",{key:"dd43320f7bc1d0dce6f3c6a3bbf4de31c60d9f77",name:"buttons"})))),this.direction==="vertical"&&a("div",{key:"81a7e3a57402983a7544cb80c37609ca1189b8cd",class:"vertical"},a("a",{key:"3835c2cbb6de0e6b518f72d7752033e71e62e5f6",class:`upper__body-wrapper ${this.internalHref?"card-href":""}`,href:this.internalHref,target:this.target},a("div",{key:"57f555a369c10897d75058780993a45d0dc4b1da",class:`card-img ${this.noImg?"noImage":""}`},a("slot",{key:"fc23cd2f3575e0c8bf9dc4e50581527175d3dfa5",name:"img"})),a("div",{key:"abc7faafe9cb34acba6cd6db1daca948438511e9",class:"upper-body"},a("slot",{key:"9f8ed0bfa8ac124368b0fc0af24037ab9549d26b"}))),a("div",{key:"f13ded514016af3d5975224049db6c84c32e7c03",class:"lower__body-wrapper"},a("slot",{key:"3a6875e3f2daa209ad56bc5417facd8835af3ea0",name:"buttons"})))))}get el(){return o(this)}};t.style=i;export{t as ifx_card};
+//# sourceMappingURL=p-c2ff66ea.entry.js.map

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

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