@infineon/infineon-design-system-stencil 30.9.3--canary.1679.8d0c83c3f0040ae0386585c5203298c7d94911f3.0 → 30.9.3--canary.1640.c246fbcdce3247ffada7a2fffa49d05593d4088f.0

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

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

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

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

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

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

package/dist/infineon-design-system-stencil/{p-bc8a4226.entry.js → p-ae1791a8.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as o,a as i,g as n}from"./p-6b122987.js";function a(e,t,o,i=20,n=0){const s=[];if(n>=i){return s}const d=e=>{const s=e.assignedNodes().filter((e=>e.nodeType===1));if(s.length>0){const e=s[0].parentElement;return a(e,t,o,i,n+1)}return[]};const r=Array.from(e.children||[]);for(const e of r){if(t(e)){continue}if(o(e)){s.push(e)}if(e.shadowRoot!=null){s.push(...a(e.shadowRoot,t,o,i,n+1))}else if(e.tagName==="SLOT"){s.push(...d(e))}else{s.push(...a(e,t,o,i,n+1))}}return s}function s(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&e.getAttribute("aria-hidden")!=="false"||e.style.display===`none`||e.style.opacity===`0`||e.style.visibility===`hidden`||e.style.visibility===`collapse`}function d(e){return e.hasAttribute("disabled")||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false"}function r(e){if(e.getAttribute("tabindex")==="-1"||s(e)||d(e)){return false}return e.hasAttribute("tabindex")||(e instanceof HTMLAnchorElement||e instanceof HTMLAreaElement)&&e.hasAttribute("href")||e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLIFrameElement}function c(e,t,o){const i=e.animate(t,Object.assign(Object.assign({},o),{fill:"both"}));i.addEventListener("finish",(()=>{i.commitStyles();i.cancel()}));return i}const l={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};const f={fadeIn:[Object.assign(Object.assign({offset:0},l),{opacity:0}),Object.assign(Object.assign({offset:1},l),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},l),{opacity:1}),Object.assign(Object.assign({offset:1},l),{opacity:0})]};const h=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.modal-container{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto;font-family:var(--ifx-font-family)}.modal-container.open{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1D1D1D;opacity:0.5;z-index:0}.modal-content-container{position:absolute;display:flex;justify-content:center;width:90%;min-height:218px;background-color:#fff;border-radius:0;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);overflow:hidden;box-sizing:border-box;align-items:stretch}@media screen and (min-width: 768px){.modal-content-container{width:540px;min-height:132px}.modal-content-container.m,.modal-content-container.l,.modal-content-container.s{width:90%}}@media screen and (min-width: 1024px){.modal-content-container.s{width:47vw}.modal-content-container.m{width:63vw}.modal-content-container.l{width:80%}}.modal-content{display:flex;flex-direction:column;width:100%;max-height:90vh}.modal-icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#0A8276;align-self:stretch}.modal-icon-container.danger{background-color:#CD002F}.modal-icon-container ifx-icon{color:#FFFFFF}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;min-height:76px;max-height:105px;box-sizing:border-box;border-radius:1px 1px 0px 0px;border-bottom:1px solid #EEEDED}.modal-caption{max-height:56px;display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-header h2{margin:0;font-weight:600;font-size:1.25rem;line-height:28px}.modal-header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.modal-close-button{align-self:flex-start;margin-right:-8px}.modal-body{padding:16px 24px;min-height:56px;box-sizing:border-box;flex:1;overflow-y:auto}.modal-footer.buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:16px;padding:16px 24px 32px 16px}.modal-border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}.modal-border.primary{background-color:#0A8276}.modal-border.secondary{background-color:#575352}.modal-border.danger{background-color:#CD002F}.modal-border.success{background-color:#4CA460}.modal-border.warning{background-color:#E16B25}.modal-border.orange{background-color:#E16B25}.modal-border.ocean{background-color:#0A8276}.modal-border.grey{background-color:#575352}.modal-border.grey-200{background-color:#EEEDED}.modal-border.red{background-color:#CD002F}.modal-border.green{background-color:#4CA460}.modal-border.berry{background-color:#9C216E}';const b=h;const m=class{constructor(o){e(this,o);this.ifxModalOpen=t(this,"ifxModalOpen",7);this.ifxModalClose=t(this,"ifxModalClose",7);this.focusableElements=[];this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())};this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())};this.handleKeypress=e=>{if(!this.showModal){return}if(e.key==="Escape"){this.doBeforeClose("ESCAPE_KEY")}};this.opened=false;this.showModal=this.opened||false;this.caption="Modal Title";this.closeOnOverlayClick=true;this.variant="default";this.size="s";this.alertIcon="";this.okButtonLabel="OK";this.cancelButtonLabel="Cancel";this.slotButtonsPresent=false;this.showCloseButton=true}componentDidLoad(){this.focusableElements=a(this.hostElement.shadowRoot,(e=>s(e)||e.matches("[data-focus-trap-edge]")),r)}getFirstFocusableElement(){return this.focusableElements[0]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(e){if(e==null){setTimeout((()=>{this.closeButton.focus()}));return}setTimeout((()=>{e.focus()}),0)}open(){this.showModal=true;try{const e=c(this.modalContainer,f.fadeIn,{duration:200});e.addEventListener("finish",(()=>{setTimeout((()=>{var e,t;(e=this.getLastFocusableElement())===null||e===void 0?void 0:e.focus();(t=this.getLastFocusableElement())===null||t===void 0?void 0:t.blur()}),0);this.ifxModalOpen.emit()}));this.hostElement.addEventListener("keydown",this.handleKeypress)}catch(e){this.ifxModalOpen.emit()}}close(){try{const e=c(this.modalContainer,f.fadeOut,{duration:200});e.addEventListener("finish",(()=>{this.showModal=false;this.ifxModalClose.emit()}));this.hostElement.removeEventListener("keydown",this.handleKeypress)}catch(e){this.showModal=false;this.ifxModalClose.emit()}}doBeforeClose(e){const t=[];t.push(e);const o=t.some((e=>e.defaultPrevented));if(!o){this.opened=false}}openedChanged(e){if(e===true){this.open()}else{this.close()}}handleOverlayClick(){if(this.closeOnOverlayClick){this.doBeforeClose("BACKDROP")}}handleButtonsSlotChange(e){var t;if(((t=e.currentTarget.assignedElements()[0])===null||t===void 0?void 0:t.childElementCount)>0){this.slotButtonsPresent=true}else{this.slotButtonsPresent=false}}render(){const e=this.variant!=="default";return o(i,{key:"622de26c143196380000861b977a483595799667"},o("div",{key:"62e5820014cbf03a4cda7d39dd8e9f7d58d81635",ref:e=>this.modalContainer=e,class:`modal-container ${this.showModal?"open":""}`},o("div",{key:"e023841191ff25390e9b5f8b24562f8ec22eb9af",class:"modal-overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"10d3e8232f6bc52e6bb337621fe53c96265a6b84","data-focus-trap-edge":true,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"83dbaf46f8461430da29f4ec0de615bae86fc1c2",class:`modal-content-container ${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},e?o("div",{class:`modal-icon-container ${this.variant==="alert-brand"?"":"danger"}`},this.alertIcon?o("ifx-icon",{icon:this.alertIcon}):null):null,o("div",{key:"080b7681bca959116bd2c48741a5fd6a4dc97cd8",class:"modal-content"},o("div",{key:"847772a8f8736914887a869ae7eabd443266ca4e",class:"modal-header"},o("h2",{key:"0ac26f87449e72c39afa3f672ae4c2f44ee4465f",class:"modal-caption"},this.caption),this.showCloseButton&&o("ifx-icon-button",{key:"dba0bc92c5bb0a695f9449bf146933529da935de",class:"modal-close-button",ref:e=>this.closeButton=e,icon:"cross-24",variant:"tertiary",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"571fca3750ca7df83c0c834e235674639d5e88a7",class:"modal-body"},o("slot",{key:"b7008875ccc46abe0b06d7f10dcc25a6d257ffdf",name:"content"})),o("div",{key:"f6639e282e3f856d648847c91752a7fca3fc3505",class:`modal-footer ${this.slotButtonsPresent?"buttons-present":""}`},o("slot",{key:"d12f3e70c2ba8f3ae52e1ec3087ea6dc916c9e92",name:"buttons",onSlotchange:e=>this.handleButtonsSlotChange(e)})))),o("div",{key:"05e2615fda33ac19d61f1845d3df042642634347","data-focus-trap-edge":true,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return n(this)}static get watchers(){return{opened:["openedChanged"]}}};m.style=b;export{m as ifx_modal};
-//# sourceMappingURL=p-bc8a4226.entry.js.map
+import{r as e,c as t,h as o,a as i,g as n}from"./p-f619bff3.js";function a(e,t,o,i=20,n=0){const s=[];if(n>=i){return s}const d=e=>{const s=e.assignedNodes().filter((e=>e.nodeType===1));if(s.length>0){const e=s[0].parentElement;return a(e,t,o,i,n+1)}return[]};const r=Array.from(e.children||[]);for(const e of r){if(t(e)){continue}if(o(e)){s.push(e)}if(e.shadowRoot!=null){s.push(...a(e.shadowRoot,t,o,i,n+1))}else if(e.tagName==="SLOT"){s.push(...d(e))}else{s.push(...a(e,t,o,i,n+1))}}return s}function s(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&e.getAttribute("aria-hidden")!=="false"||e.style.display===`none`||e.style.opacity===`0`||e.style.visibility===`hidden`||e.style.visibility===`collapse`}function d(e){return e.hasAttribute("disabled")||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false"}function r(e){if(e.getAttribute("tabindex")==="-1"||s(e)||d(e)){return false}return e.hasAttribute("tabindex")||(e instanceof HTMLAnchorElement||e instanceof HTMLAreaElement)&&e.hasAttribute("href")||e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLIFrameElement}function c(e,t,o){const i=e.animate(t,Object.assign(Object.assign({},o),{fill:"both"}));i.addEventListener("finish",(()=>{i.commitStyles();i.cancel()}));return i}const l={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};const f={fadeIn:[Object.assign(Object.assign({offset:0},l),{opacity:0}),Object.assign(Object.assign({offset:1},l),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},l),{opacity:1}),Object.assign(Object.assign({offset:1},l),{opacity:0})]};const h=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.modal-container{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto;font-family:var(--ifx-font-family)}.modal-container.open{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1D1D1D;opacity:0.5;z-index:0}.modal-content-container{position:absolute;display:flex;justify-content:center;width:90%;min-height:218px;background-color:#fff;border-radius:0;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);overflow:hidden;box-sizing:border-box;align-items:stretch}@media screen and (min-width: 768px){.modal-content-container{width:540px;min-height:132px}.modal-content-container.m,.modal-content-container.l,.modal-content-container.s{width:90%}}@media screen and (min-width: 1024px){.modal-content-container.s{width:47vw}.modal-content-container.m{width:63vw}.modal-content-container.l{width:80%}}.modal-content{display:flex;flex-direction:column;width:100%;max-height:90vh}.modal-icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#0A8276;align-self:stretch}.modal-icon-container.danger{background-color:#CD002F}.modal-icon-container ifx-icon{color:#FFFFFF}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;min-height:76px;max-height:105px;box-sizing:border-box;border-radius:1px 1px 0px 0px;border-bottom:1px solid #EEEDED}.modal-caption{max-height:56px;display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-header h2{margin:0;font-weight:600;font-size:1.25rem;line-height:28px}.modal-header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.modal-close-button{align-self:flex-start;margin-right:-8px}.modal-body{padding:16px 24px;min-height:56px;box-sizing:border-box;flex:1;overflow-y:auto}.modal-footer.buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:16px;padding:16px 24px 32px 16px}.modal-border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}.modal-border.primary{background-color:#0A8276}.modal-border.secondary{background-color:#575352}.modal-border.danger{background-color:#CD002F}.modal-border.success{background-color:#4CA460}.modal-border.warning{background-color:#E16B25}.modal-border.orange{background-color:#E16B25}.modal-border.ocean{background-color:#0A8276}.modal-border.grey{background-color:#575352}.modal-border.grey-200{background-color:#EEEDED}.modal-border.red{background-color:#CD002F}.modal-border.green{background-color:#4CA460}.modal-border.berry{background-color:#9C216E}';const b=h;const m=class{constructor(o){e(this,o);this.ifxOpen=t(this,"ifxOpen",7);this.ifxClose=t(this,"ifxClose",7);this.opened=false;this.showModal=this.opened||false;this.caption="Modal Title";this.closeOnOverlayClick=true;this.variant="default";this.size="s";this.alertIcon="";this.okButtonLabel="OK";this.cancelButtonLabel="Cancel";this.slotButtonsPresent=false;this.showCloseButton=true;this.focusableElements=[];this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())};this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())};this.handleKeypress=e=>{if(!this.showModal){return}if(e.key==="Escape"){this.doBeforeClose("ESCAPE_KEY")}}}componentDidLoad(){this.focusableElements=a(this.hostElement.shadowRoot,(e=>s(e)||e.matches("[data-focus-trap-edge]")),r)}getFirstFocusableElement(){return this.focusableElements[0]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(e){if(e==null){setTimeout((()=>{this.closeButton.focus()}));return}setTimeout((()=>{e.focus()}),0)}open(){this.showModal=true;try{const e=c(this.modalContainer,f.fadeIn,{duration:200});e.addEventListener("finish",(()=>{setTimeout((()=>{var e,t;(e=this.getLastFocusableElement())===null||e===void 0?void 0:e.focus();(t=this.getLastFocusableElement())===null||t===void 0?void 0:t.blur()}),0);this.ifxOpen.emit()}));this.hostElement.addEventListener("keydown",this.handleKeypress)}catch(e){this.ifxOpen.emit()}}close(){try{const e=c(this.modalContainer,f.fadeOut,{duration:200});e.addEventListener("finish",(()=>{this.showModal=false;this.ifxClose.emit()}));this.hostElement.removeEventListener("keydown",this.handleKeypress)}catch(e){this.showModal=false;this.ifxClose.emit()}}doBeforeClose(e){const t=[];t.push(e);const o=t.some((e=>e.defaultPrevented));if(!o){this.opened=false}}openedChanged(e){if(e===true){this.open()}else{this.close()}}handleOverlayClick(){if(this.closeOnOverlayClick){this.doBeforeClose("BACKDROP")}}handleButtonsSlotChange(e){var t;if(((t=e.currentTarget.assignedElements()[0])===null||t===void 0?void 0:t.childElementCount)>0){this.slotButtonsPresent=true}else{this.slotButtonsPresent=false}}render(){const e=this.variant!=="default";return o(i,{key:"38194353600e6e6ba689ff3c3bec631624c12f24"},o("div",{key:"f08db61f400c4af5d0384dc996ff47630537ab53",ref:e=>this.modalContainer=e,class:`modal-container ${this.showModal?"open":""}`},o("div",{key:"0f80cf4b8f04c46df7ccd8f3cff9fdeb4171cf90",class:"modal-overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"5fe062d671589f423ef9bbd8e485f4e345e2a7a9","data-focus-trap-edge":true,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"b4bd6f3cc799ed24e5eb4736b3d6f9b0d69e408c",class:`modal-content-container ${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},e?o("div",{class:`modal-icon-container ${this.variant==="alert-brand"?"":"danger"}`},this.alertIcon?o("ifx-icon",{icon:this.alertIcon}):null):null,o("div",{key:"09f8862f88cde0d410b50da912563db79e812f8d",class:"modal-content"},o("div",{key:"6770fefb279be63b37179a6e531214a94a43df41",class:"modal-header"},o("h2",{key:"babc6449e513fc3ef8513ef98fa192393b32918c",class:"modal-caption"},this.caption),this.showCloseButton&&o("ifx-icon-button",{key:"6d7fe6a29c39a3c5e3662107f78ca5768ac3ce00",class:"modal-close-button",ref:e=>this.closeButton=e,icon:"cross-24",variant:"tertiary",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"0488350e36fd845481e2bb779e7b54484dd9e070",class:"modal-body"},o("slot",{key:"269d38f446c6d3d80f89538b57256e19bcdf871d",name:"content"})),o("div",{key:"cbf98594014a535f7f8e08e59af6600f70a24350",class:`modal-footer ${this.slotButtonsPresent?"buttons-present":""}`},o("slot",{key:"08f41c2265ec73b466ce8c666d1d653aa2d6e114",name:"buttons",onSlotchange:e=>this.handleButtonsSlotChange(e)})))),o("div",{key:"a4d68099d24172497f3e5e20abb44a9d7279b236","data-focus-trap-edge":true,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return n(this)}static get watchers(){return{opened:["openedChanged"]}}};m.style=b;export{m as ifx_modal};
+//# sourceMappingURL=p-ae1791a8.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["queryShadowRoot","root","skipNode","isMatch","maxDepth","depth","matches","traverseSlot","$slot","assignedNodes","filter","node","nodeType","length","$slotParent","parentElement","children","Array","from","$child","push","shadowRoot","tagName","isHidden","$elem","hasAttribute","getAttribute","style","display","opacity","visibility","isDisabled","isFocusable","HTMLAnchorElement","HTMLAreaElement","HTMLButtonElement","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","HTMLIFrameElement","animationTo","element","keyframes","options","animated","animate","Object","assign","fill","addEventListener","commitStyles","cancel","keyframeDefaults","easing","KEYFRAMES","fadeIn","offset","fadeOut","modalCss","IfxModalStyle0","IfxModal","constructor","hostRef","this","opened","showModal","caption","closeOnOverlayClick","variant","size","alertIcon","okButtonLabel","cancelButtonLabel","slotButtonsPresent","showCloseButton","focusableElements","handleTopFocus","attemptFocus","getLastFocusableElement","handleBottomFocus","getFirstFocusableElement","handleKeypress","event","key","doBeforeClose","componentDidLoad","hostElement","el","setTimeout","closeButton","focus","open","anim","modalContainer","duration","_a","_b","blur","ifxOpen","emit","err","close","ifxClose","removeEventListener","trigger","triggers","prevented","some","defaultPrevented","openedChanged","newValue","handleOverlayClick","handleButtonsSlotChange","e","currentTarget","assignedElements","childElementCount","render","isAlertVariant","h","Host","ref","class","onClick","onFocus","tabindex","role","icon","name","onSlotchange"],"sources":["src/global/utils/focus-trap.ts","src/global/utils/animation.ts","src/components/modal/modal.scss?tag=ifx-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["/**\n * Copy/pasted from https://github.com/andreasbm/focus-trap\n */\n\n/**\n * Traverses the slots of the open shadowroots and returns all children matching the query.\n * We need to traverse each child-depth one at a time because if an element should be skipped\n * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll(\"*\")\n * the information of whether the children is within a hidden parent is lost.\n * @param {ShadowRoot | HTMLElement} root\n * @param skipNode\n * @param isMatch\n * @param {number} maxDepth\n * @param {number} depth\n * @returns {HTMLElement[]}\n */\nexport function queryShadowRoot(\n  root: ShadowRoot | HTMLElement,\n  skipNode: ($elem: HTMLElement) => boolean,\n  isMatch: ($elem: HTMLElement) => boolean,\n  maxDepth: number = 20,\n  depth: number = 0\n): HTMLElement[] {\n  const matches: HTMLElement[] = [];\n\n  // If the depth is above the max depth, abort the searching here.\n  if (depth >= maxDepth) {\n    return matches;\n  }\n\n  // Traverses a slot element\n  const traverseSlot = ($slot: HTMLSlotElement) => {\n    // Only check nodes that are of the type Node.ELEMENT_NODE\n    // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n    const assignedNodes = $slot\n      .assignedNodes()\n      .filter((node) => node.nodeType === 1);\n    if (assignedNodes.length > 0) {\n      const $slotParent = assignedNodes[0].parentElement!;\n      return queryShadowRoot(\n        $slotParent,\n        skipNode,\n        isMatch,\n        maxDepth,\n        depth + 1\n      );\n    }\n\n    return [];\n  };\n\n  // Go through each child and continue the traversing if necessary\n  // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\n  // Therefore we fallback to an empty array if it is undefined.\n  const children = Array.from(root.children || []) as HTMLElement[];\n  for (const $child of children) {\n    // Check if the element and its descendants should be skipped\n    if (skipNode($child)) {\n      // console.log('-- SKIP', $child);\n      continue;\n    }\n\n    // console.log('$child', $child);\n\n    // If the element matches we always add it\n    if (isMatch($child)) {\n      matches.push($child);\n    }\n\n    if ($child.shadowRoot != null) {\n      // If the element has a shadow root we need to traverse it\n      matches.push(\n        ...queryShadowRoot(\n          $child.shadowRoot,\n          skipNode,\n          isMatch,\n          maxDepth,\n          depth + 1\n        )\n      );\n    } else if ($child.tagName === 'SLOT') {\n      // If the child is a slot we need to traverse each assigned node\n      matches.push(...traverseSlot($child as HTMLSlotElement));\n    } else {\n      // Traverse the children of the element\n      matches.push(\n        ...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1)\n      );\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Returns whether the element is hidden.\n * @param $elem\n */\nexport function isHidden($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('hidden') ||\n    ($elem.hasAttribute('aria-hidden') &&\n      $elem.getAttribute('aria-hidden') !== 'false') ||\n    // A quick and dirty way to check whether the element is hidden.\n    // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\n    // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\n    // we won't be able to catch it here. We accept it due to the huge performance benefits.\n    $elem.style.display === `none` ||\n    $elem.style.opacity === `0` ||\n    $elem.style.visibility === `hidden` ||\n    $elem.style.visibility === `collapse`\n  );\n\n  // If offsetParent is null we can assume that the element is hidden\n  // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\n  // || $elem.offsetParent == null;\n}\n\n/**\n * Returns whether the element is disabled.\n * @param $elem\n */\nexport function isDisabled($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('disabled') ||\n    ($elem.hasAttribute('aria-disabled') &&\n      $elem.getAttribute('aria-disabled') !== 'false')\n  );\n}\n\n/**\n * Determines whether an element is focusable.\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\n * @param $elem\n */\nexport function isFocusable($elem: HTMLElement): boolean {\n  // Discard elements that are removed from the tab order.\n  if (\n    $elem.getAttribute('tabindex') === '-1' ||\n    isHidden($elem) ||\n    isDisabled($elem)\n  ) {\n    return false;\n  }\n\n  return (\n    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\n    $elem.hasAttribute('tabindex') ||\n    // Anchor tags or area tags with a href set\n    (($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) &&\n      $elem.hasAttribute('href')) ||\n    // Form elements which are not disabled\n    $elem instanceof HTMLButtonElement ||\n    $elem instanceof HTMLInputElement ||\n    $elem instanceof HTMLTextAreaElement ||\n    $elem instanceof HTMLSelectElement ||\n    // IFrames\n    $elem instanceof HTMLIFrameElement\n  );\n}","export function animationTo(\n  element: HTMLElement,\n  keyframes: Keyframe | Keyframe[],\n  options?: KeyframeAnimationOptions\n) {\n  const animated = element.animate(keyframes, { ...options, fill: 'both' });\n  animated.addEventListener('finish', () => {\n    // @ts-ignore\n    animated.commitStyles();\n    animated.cancel();\n  });\n\n  return animated;\n}\n\nconst keyframeDefaults = {\n  easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n};\n\nexport const KEYFRAMES = {\n  fadeIn: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n  ],\n  fadeOut: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n  ],\n};","@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: block;\n}\n\n.modal-container {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1060;\n  overflow-y: auto;\n  font-family: var(--ifx-font-family);\n\n}\n\n.modal-container.open {\n  display: flex;\n}\n\n.modal-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: tokens.$ifxColorBaseBlack;\n  opacity: 0.5;\n  z-index: 0;\n}\n\n.modal-content-container {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  width: 90%;\n  min-height: 218px;\n  background-color: #fff;\n  border-radius: tokens.$ifxBorderRadiusNone;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n  box-sizing: border-box;\n  align-items: stretch;\n}\n\n/* Add desktop size here */\n@media screen and (min-width: 768px) {\n  .modal-content-container {\n    width: 540px;\n    min-height: 132px;\n\n    &.m,\n    &.l,\n    &.s {\n      width: 90%;\n    }\n  }\n}\n\n@media screen and (min-width: 1024px) {\n  .modal-content-container {\n\n    &.s {\n      width: 47vw;\n    }\n\n    &.m {\n      width: 63vw;\n    }\n\n    &.l {\n      width: 80%;\n    }\n  }\n}\n\n.modal-content {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-height: 90vh;\n}\n\n.modal-icon-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  background-color: tokens.$ifxColorOcean500;\n  align-self: stretch;\n\n  &.danger {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  & ifx-icon {\n    color: tokens.$ifxColorBaseWhite;\n  }\n}\n\n.modal-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 24px;\n  min-height: 76px;\n  max-height: 105px;\n  box-sizing: border-box;\n  border-radius: 1px 1px 0px 0px;\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\n}\n\n.modal-caption {\n  max-height: 56px;\n  display: -webkit-box;\n  overflow: hidden;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical; \n}\n\n.modal-header h2 {\n  margin: 0;\n  font-weight: tokens.$ifxFontWeightSemibold;\n  font-size: tokens.$ifxFontSizeXl;\n  line-height: 28px;\n}\n\n.modal-header button {\n  background: none;\n  border: none;\n  font-size: 1.5em;\n  padding: 0;\n  cursor: pointer;\n}\n\n.modal-close-button {\n  align-self: flex-start;\n  margin-right: -8px;\n}\n\n.modal-body {\n  padding: 16px 24px;\n  min-height: 56px;\n  box-sizing: border-box;\n  flex: 1;\n  overflow-y: auto;\n}\n\n.modal-footer.buttons-present ::slotted(*){\n  display: flex;\n  justify-content: flex-end;\n  gap: 16px;\n  padding: 16px 24px 32px 16px\n}\n\n.modal-border {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  font-size: 1.5em;\n  flex-grow: 1;\n\n  &.primary {\n    background-color: tokens.$ifxColorOcean500;\n  }\n\n  &.secondary {\n    background-color: tokens.$ifxColorEngineering500;\n  }\n\n  &.danger {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  &.success {\n    background-color: tokens.$ifxColorGreen500;\n  }\n\n  &.warning {\n    background-color: tokens.$ifxColorOrange500;\n  }\n\n  &.orange {\n    background-color: tokens.$ifxColorOrange500;\n  }\n\n  &.ocean {\n    background-color: tokens.$ifxColorOcean500;\n  }\n\n  &.grey {\n    background-color: tokens.$ifxColorEngineering500;\n  }\n\n  &.grey-200 {\n    background-color: tokens.$ifxColorEngineering200;\n  }\n\n  &.red {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  &.green {\n    background-color: tokens.$ifxColorGreen500;\n  }\n\n  &.berry {\n    background-color: tokens.$ifxColorBerry500;\n  }\n}","import { Component, Prop, Element, State, Event, Host, EventEmitter, h, Watch } from '@stencil/core';\nimport { queryShadowRoot, isHidden, isFocusable } from '../../global/utils/focus-trap';\nimport { animationTo, KEYFRAMES } from '../../global/utils/animation';\n \n\ntype CloseEventTrigger = 'CLOSE_BUTTON' | 'ESCAPE_KEY' | 'BACKDROP';\n\nexport interface BeforeCloseEventDetail {\n  trigger: CloseEventTrigger;\n}\n@Component({\n  tag: 'ifx-modal',\n  styleUrl: 'modal.scss',\n  shadow: true\n})\nexport class IfxModal {\n  @Prop({ reflect: true, mutable: true }) opened?: boolean = false;\n  @State() showModal: boolean = this.opened || false;\n\n  @Prop() caption: string = 'Modal Title';\n  @Prop() closeOnOverlayClick: boolean = true;\n\n  @Event() ifxOpen: EventEmitter;\n  @Event() ifxClose: EventEmitter;\n\n  @Prop() variant: 'default' | 'alert-brand' | 'alert-danger' = 'default';\n  \n  @Prop() size: 's' | 'm' | 'l' = 's';\n\n  @Prop() alertIcon: string = '';\n  @Prop() okButtonLabel: string = 'OK';\n  @Prop() cancelButtonLabel: string = 'Cancel';\n  @Element() hostElement: HTMLElement;\n\n  @State() slotButtonsPresent: boolean = false;\n\n  @Prop() showCloseButton: boolean = true;\n\n  private modalContainer: HTMLElement;\n  private focusableElements: HTMLElement[] = [];\n  private closeButton: HTMLButtonElement | HTMLIfxIconButtonElement;\n\n  componentDidLoad() {\n    // Query all focusable elements and store them in `focusableElements`.\n    // Needed for the \"focus trap\" functionality.\n    this.focusableElements = queryShadowRoot(\n      this.hostElement.shadowRoot,\n      (el) => isHidden(el) || el.matches('[data-focus-trap-edge]'),\n      isFocusable\n    );\n\n  }\n\n  getFirstFocusableElement(): HTMLElement | null {\n    return this.focusableElements[0];\n  }\n\n  getLastFocusableElement(): HTMLElement | null {\n    return this.focusableElements[this.focusableElements.length - 1];\n  }\n\n  handleTopFocus = () => {\n    this.attemptFocus(this.getLastFocusableElement());\n  };\n\n  handleBottomFocus = () => {\n    this.attemptFocus(this.getFirstFocusableElement());\n  };\n\n\n  attemptFocus(element: HTMLElement | null) {\n    if (element == null) {\n      setTimeout(() => { //wait until DOM is fully loaded\n        this.closeButton.focus();\n      },);\n      return;\n    }\n\n    setTimeout(() => { //wait until DOM is fully loaded\n      element.focus();\n    }, 0);\n  }\n\n\n  open() {\n    this.showModal = true;\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        // Setting focus on last item and removing immediately\n        // so, on tab press first element is focused\n        setTimeout(() => {\n          this.getLastFocusableElement()?.focus();\n          this.getLastFocusableElement()?.blur();\n        }, 0);\n\n        this.ifxOpen.emit();\n      });\n\n      this.hostElement.addEventListener('keydown', this.handleKeypress);\n    } catch (err) {\n      this.ifxOpen.emit();\n\n    }\n\n\n  }\n\n  close() {\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeOut, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        this.showModal = false;\n        this.ifxClose.emit();\n      });\n      this.hostElement.removeEventListener('keydown', this.handleKeypress);\n    } catch (err) {\n      this.showModal = false;\n      this.ifxClose.emit();\n    }\n  }\n\n  handleKeypress = (event: KeyboardEvent) => {\n    if (!this.showModal) {\n      return;\n    }\n    if (event.key === 'Escape') {\n      this.doBeforeClose('ESCAPE_KEY');\n    }\n  };\n\n\n  doBeforeClose(trigger: CloseEventTrigger) {\n    const triggers = [];\n    triggers.push(trigger);\n    const prevented = triggers.some((event) => event.defaultPrevented);\n    if (!prevented) {\n      this.opened = false;\n    }\n  }\n\n\n\n  @Watch('opened')\n  openedChanged(newValue) {\n    if (newValue === true) {\n      this.open();\n    } else {\n      this.close()\n    }\n  }\n\n\n  handleOverlayClick() {\n    if (this.closeOnOverlayClick) {\n      this.doBeforeClose('BACKDROP')\n    }\n  }\n\n\n  handleButtonsSlotChange(e) {\n    if(e.currentTarget.assignedElements()[0]?.childElementCount > 0) {\n      this.slotButtonsPresent = true;\n    }else{\n      this.slotButtonsPresent = false;\n    }\n  }\n\n\n  render() {\n    const isAlertVariant = this.variant !== 'default';\n    return (\n      <Host>\n        <div\n          ref={(el) => (this.modalContainer = el)}\n          class={`modal-container ${this.showModal ? 'open' : ''}`}\n        >\n          <div\n            class=\"modal-overlay\"\n            onClick={() => this.handleOverlayClick()}\n          ></div>\n          <div\n            data-focus-trap-edge\n            onFocus={this.handleTopFocus}\n            tabindex=\"0\"\n          ></div>\n          <div\n            class={`modal-content-container ${this.size}`}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={this.caption}>\n            {isAlertVariant ? (\n              <div class={`modal-icon-container ${this.variant === 'alert-brand' ? '' : 'danger'}`}>\n                {this.alertIcon ? <ifx-icon icon={this.alertIcon} /> : null}\n              </div>\n            ) : null}\n            <div class=\"modal-content\">\n              <div class=\"modal-header\">\n                <h2 class=\"modal-caption\">{this.caption}</h2>\n                { \n                  this.showCloseButton && \n                  <ifx-icon-button class = 'modal-close-button' ref={(el) => (this.closeButton = el)} icon=\"cross-24\" variant=\"tertiary\" onClick={() => this.doBeforeClose('CLOSE_BUTTON') }>\n                  </ifx-icon-button>\n                }\n              </div>\n              <div class=\"modal-body\">\n                <slot name=\"content\" /*onSlotchange={() => console.log('slots children modified')}*/ />\n              </div>\n              <div class={`modal-footer ${this.slotButtonsPresent ? 'buttons-present' : ''}`}>\n                <slot name=\"buttons\" onSlotchange={(e)=>this.handleButtonsSlotChange(e)}>\n                </slot>\n              </div>\n            </div>\n          </div>\n          <div\n            data-focus-trap-edge\n            onFocus={this.handleBottomFocus}\n            tabindex=\"0\"\n          ></div>\n        </div>\n      </Host>\n\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

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

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