npm - @infineon/infineon-design-system-stencil - Versions diffs - 39.4.4--canary.1723.b577eb08ea34aa81e7d1054220d0f31ca92579a9.0 → 39.4.4-canary.0 - Mend

@infineon/infineon-design-system-stencil 39.4.4--canary.1723.b577eb08ea34aa81e7d1054220d0f31ca92579a9.0 → 39.4.4-canary.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1205) hide show

package/dist/infineon-design-system-stencil/p-46b370da.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["overviewTableCss","OverviewTable","constructor","hostRef","this","getPlannedComponents","plannedComponents","el","shadowRoot","querySelectorAll","length","setPlannedComponentsNumber","numberIndicator","getElementById","number","getCompletedComponents","completedComponents","setCompletedComponentsNumber","setTotalComponentsNumber","totalNumberOfComponents","componentWillLoad","parent","parentElement","style","padding","componentDidLoad","headerEl","querySelector","headerHeight","offsetHeight","wrapperEl","setProperty","render","h","key","class","id","variant","target","href","size","icon"],"sources":["src/components/overview-table/overview-table.scss?tag=ifx-overview-table&encapsulation=shadow","src/components/overview-table/overview-table.tsx"],"sourcesContent":["* { \r\n font-family: \"Source Sans 3\";\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: hidden;\r\n}\r\n\r\nheader { \r\n margin-bottom: 15px;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.header__info-wrapper { \r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.infoboard__wrapper { \r\n display: flex;\r\n gap: 15px;\r\n background-color: #f1f1f1;\r\n padding: 5px 10px;\r\n border-radius: 10px;\r\n}\r\n\r\n.title { \r\n font-size: 30px;\r\n font-weight: bold;\r\n}\r\n\r\n.view {\r\n margin: auto;\r\n // width: 100vw;\r\n}\r\n\r\n.wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: calc(100vh - var(--header-height) - 15px);\r\n overflow: auto;\r\n}\r\n\r\ntable { \r\n width: 100%;\r\n table-layout: fixed;\r\n border-spacing: 0;\r\n}\r\n\r\nthead tr th {\r\n border-top: 1px solid #dddddd;\r\n}\r\n\r\ntd, th { \r\n padding: 10px;\r\n background-color: white;\r\n border: none;\r\n box-shadow: 0 0 0 1px #dddddd;\r\n box-sizing: border-box;\r\n}\r\n\r\ntable th:nth-child(1) { \r\n width: 150px;\r\n}\r\n\r\ntable th:not(:nth-child(1)) {\r\n width: 240px; //300\r\n}\r\n\r\nth {\r\n position: sticky;\r\n top: 0;\r\n background-color: white;\r\n}\r\n\r\n.sticky-col {\r\n position: sticky;\r\n z-index: 1;\r\n}\r\n\r\nth.sticky-col {\r\n z-index: 2;\r\n}\r\n\r\n\r\n.second-col {\r\n left: 0;\r\n border-left: 1px solid #ddd;\r\n}\r\n\r\n.wrapped-content {\r\n width: 250px;\r\n white-space: normal;\r\n}\r\n\r\na { \r\n text-decoration: none;\r\n color: black;\r\n}\r\n\r\n.basic__info { \r\n display: flex;\r\n gap: 5px;\r\n}\r\n\r\nul { \r\n padding: 0 5px;\r\n margin: 0 15px;\r\n list-style-type: none;\r\n}\r\n\r\ntr:nth-child(even) td {\r\n background-color: #f1f1f1;\r\n}\r\n\r\nul li {\r\n font-size: 12px;\r\n display: flex;\r\n gap: 5px;\r\n line-height: 13px;\r\n\r\n & span:first-child { \r\n display: flex;\r\n }\r\n & span:last-child { \r\n line-height: 16px;\r\n }\r\n}\r\n\r\n// li.planned__component-wrapper { \r\n// align-items: center;\r\n// line-height: 16px;\r\n// }\r\n\r\n.version__wrapper { \r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\nifx-icon { \r\n color: rgb(10, 130, 118);\r\n}\r\n\r\n.check__icon { \r\n width: 10px;\r\n height: 10px;\r\n}\r\n\r\n.planned__icon { \r\n width: 12px;\r\n height: 12px;\r\n vertical-align: sub;\r\n}","import { Component, h, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'ifx-overview-table',\r\n styleUrl: './overview-table.scss',\r\n shadow: true\r\n})\r\n\r\nexport class OverviewTable {\r\n @Element() el;\r\n\r\n componentWillLoad() { \r\n let parent = this.el.parentElement;\r\n if(parent) { \r\n parent = parent.parentElement;\r\n parent.style.padding = '0px'\r\n }\r\n }\r\n\r\n componentDidLoad() { \r\n const headerEl = this.el.shadowRoot.querySelector('header');\r\n const headerHeight = headerEl.offsetHeight;\r\n const wrapperEl = this.el.shadowRoot.querySelector(\".wrapper\");\r\n wrapperEl.style.setProperty('--header-height', `${headerHeight}px`);\r\n this.setPlannedComponentsNumber()\r\n this.setCompletedComponentsNumber()\r\n this.setTotalComponentsNumber()\r\n }\r\n\r\n getPlannedComponents = () => { \r\n const plannedComponents = this.el.shadowRoot.querySelectorAll('.planned__component')\r\n return plannedComponents.length;\r\n }\r\n \r\n setPlannedComponentsNumber = () => { \r\n const plannedComponents = this.getPlannedComponents()\r\n const numberIndicator = this.el.shadowRoot.getElementById('number__indicator-planned')\r\n numberIndicator.number = plannedComponents;\r\n }\r\n \r\n getCompletedComponents = () => { \r\n const completedComponents = this.el.shadowRoot.querySelectorAll('.completed__component')\r\n return completedComponents.length;\r\n }\r\n \r\n setCompletedComponentsNumber = () => { \r\n const completedComponents = this.getCompletedComponents()\r\n const numberIndicator = this.el.shadowRoot.getElementById('number__indicator-completed')\r\n numberIndicator.number = completedComponents;\r\n }\r\n \r\n setTotalComponentsNumber = () => { \r\n const plannedComponents = this.getPlannedComponents()\r\n const completedComponents = this.getCompletedComponents()\r\n const numberIndicator = this.el.shadowRoot.getElementById('number__indicator-total')\r\n const totalNumberOfComponents = plannedComponents + completedComponents;\r\n numberIndicator.number = totalNumberOfComponents;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class='container'>\r\n <header class='header'>\r\n <div class=\"header__info-wrapper\">\r\n <div class=\"title\">DDS Components Overview</div>\r\n <div class=\"infoboard__wrapper\">\r\n <div class=\"basic__info\">\r\n <div>Total Number:</div>\r\n <div>\r\n <ifx-indicator id=\"number__indicator-total\" variant=\"number\"></ifx-indicator>\r\n </div>\r\n </div>\r\n <div class=\"basic__info\">\r\n <div>Completed:</div>\r\n <div>\r\n <ifx-indicator id=\"number__indicator-completed\" variant=\"number\"></ifx-indicator>\r\n </div>\r\n </div>\r\n <div class=\"basic__info\">\r\n <div>In Progress:</div>\r\n <div>\r\n <ifx-indicator id=\"number__indicator-planned\" variant=\"number\"></ifx-indicator>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </header>\r\n\r\n <div class=\"view\">\r\n <div class=\"wrapper\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th class=\"sticky-col second-col\">Component</th>\r\n <th>\r\n <div class=\"version__wrapper\">\r\n Version 1\r\n </div>\r\n </th>\r\n <th>\r\n <div class=\"version__wrapper\">\r\n Version 2\r\n </div>\r\n </th>\r\n <th>Version 3</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Includes essential functionality such as expand/collapse behavior and minimal customization options\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a simple and lightweight way to organize and display collapsible content\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Auto collapse feature\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Initial collapse feature\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Configurable close button\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Additional Info variant\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers simple customization options for displaying badges, allowing developers to indicate specific actions, statuses, or categories with visual cues\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Designed to seamlessly integrate with existing UI elements and adhere to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Possibility to add an icon\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Incorporated dropdown-menu for individual items\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Includes basic styling options such as colors, sizes, and states, providing essential functionality for initiating actions\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n fullWidth feature\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Icon integration\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Link integration\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Form integration\r\n </li>\r\n </ul>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a structured and customizable layout, featuring elements such as headings, images, text, and buttons\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Horizontal and Vertical layout\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Possibility to embed multiple buttons\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n A switch between a Link and a Button\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Enhanced stylying behavior\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers a simple and customizable checkbox input, allowing users to toggle between checked and unchecked states\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Indeterminate state variant\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\n <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox-group--development\" size=\"s\" variant=\"bold\">Checkbox Group</ifx-link>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a simple and customizable interface for grouping multiple checkbox inputs\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Allows users to set and display group label, caption text and caption icon\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Allows to display individual or group error\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a simple and customizable interface, representing discrete units of information or user interactions, such as labels, categories, or removable entities\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Incorporated dropdown-menu for individual item selection\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a flexible and intuitive interface for dynamically switching between different content sections or views within a web application\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers a customizable mechanism for users to toggle and display diverse content panels, facilitating seamless navigation and interaction with varying information or functional contexts\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a customized wrapper and theming for the standard date picker element, enhancing its appearance and user interaction\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Cross browser compatibility\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Form integration\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Range\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Default value\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Incorporated datetime-local type\r\n </li>\r\n </ul>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers a versatile and interactive user interface element for presenting a list of options or actions\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Search filter\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Header section\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Menu Item Divider\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Icon incorporated\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Extended customization and configurations\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Separate label trigger\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\n <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-file-upload--development\" size=\"s\" variant=\"bold\">File Upload</ifx-link>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a clear and interactive interface for users to transfer files from their devices to a web application\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Supports manual file selection and drag-drop interactions\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers real-time feedback on upload progress and status, file type validation, and customizable upload buttons\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a standardized and customizable way to display essential information, navigation links, and branding at the bottom of web pages or application interfaces\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers a flexible and configurable layout for organizing copyright notices, contact details, sitemap links, and other pertinent information\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Small, Medium and Large variants\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Customizable and removable links\r\n </li>\r\n </ul>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers a compact and interactive icon-based button element\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a limited scope of customization\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Additional Round and Square shape variants\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Small, Medium and Large size\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\n <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-indicator--development\" size=\"s\" variant=\"bold\">Indicator</ifx-link>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a compact and configurable display for showcasing numeric data or dot indicator\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Inverted option\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a flexible and customizable element for creating hyperlinks within a web application\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers essential functionality for defining clickable text or elements\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Small, Medium, Large, Extra Large size variants\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Icon incorporated\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Bold, Underlined, Title, Menu state variants\r\n </li>\r\n </ul>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a customizable modal window, typically used for displaying contextual information, user interactions, or additional content without navigating away from the current context\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to webstandards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Alert-brand and Alert-danger theme variants\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Extended customization\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Removable close button\r\n </li>\r\n </ul>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a standardized and customizable navigation bar for organizing and presenting essential links, menus, branding, and interactive elements within a web application\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web stadards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Navbar-profile component\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Mobile Responsiveness\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Mobile Sidebar\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Extended customization\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers a configurable set of controls for navigating through sequential pages of content, typically used for displaying large datasets or segmented information\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Extended customization\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Configurable Results Per Page option\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers a customizable and dynamic bar that visually represents the advancement of a process, typically used to convey loading status, or task completion\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Extended customization\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Show percentage option\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Small and With Label variants included\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\n <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-radio-button-group--development\" size=\"s\" variant=\"bold\">Radio Button Group</ifx-link>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a customizable interface for grouping multiple radio-button inputs\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Allows users to set and display group label, caption text and caption icon\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Allows to display individual or group error\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td ></td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Collapsable option\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Show Delete Icon option\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers search suggestions and history\r\n </li>\r\n </ul>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a clear and interactive interface for users to make mutually exclusive selections among multiple options within a web application\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a user-friendly and interactive dropdown list for selecting a single option from a set of choices within a web application\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Extended customization\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Option to enable and disable the search\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a dynamic and customizable dropdown list that allows users to make multiple selections from a list of options\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Extended customization\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Nestable options\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Option to enable and disable the search\r\n </li>\r\n </ul>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Extended customization\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Multi-layer nestable items and menu\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Initial collapse option\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Active and action item feature\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Number indicator integration\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Removable Footer, Header and Logo\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Removable and customizable Links\r\n </li>\r\n </ul>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Icon incorporated\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Percentage variant\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Text variant\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Brand variant\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a visual indicator for conveying the state, status, or condition of an item, process, or entity within a web application\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Ocean, Orange, Grey, Light-grey, Red, Green and Berry color variants\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Removable border\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers a customizable and intuitive control that allows users to navigate through sequential steps\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Default and Compact variants\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Vertical variant\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides an interactive and customizable interface for toggling between two states, typically representing an on/off or active/inactive status within a web application\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Incorporated label feature\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers essential functionality for organizing data into rows and columns, allowing users to view, sort, and interact with structured information efficiently\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Includes basic features such as column sorting\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Compact and Default variant\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Pagination\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Sidebar filter\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Topbar filter\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Nestable buttons\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers dynamic cols and rows\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Allows users to customize the items per page of the table pagination\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers a customizable and interactive layout that allows users to switch between different content panels, typically used for organizing related information or functional sections\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Horizontal and Vertical orientation\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Extended customization\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers a customizable and stylized marker that allows users to quickly identify and associate specific items or content with descriptive labels or categories\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Icon incorporated\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Offers a customizable and accessible interface that allows users to input and modify text, facilitating various data entry and form submission tasks\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Extended customization\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Possibility for icon configuration\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Form integration\r\n </li>\r\n </ul>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\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>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Provides a simple and informative interface for displaying supplementary text or contextual information when users interact with specific elements within a web application\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td >\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Compact, dismissible and Extended variants\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Auto-adjusting position\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Icon incorporated\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\n <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tree-view--development\" size=\"s\" variant=\"bold\">Tree View</ifx-link>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class=\"check__icon\" icon=\"check16\"></ifx-icon>\r\n \r\n Provides a structured and expandable interface for presenting hierarchical data\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class=\"check__icon\" icon=\"check16\"></ifx-icon>\r\n \r\n Enables users to navigate complex information architectures by expanding or collapsing nodes\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class=\"check__icon\" icon=\"check16\"></ifx-icon>\r\n \r\n React, Vue and Angular wrapper integration\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class=\"check__icon\" icon=\"check16\"></ifx-icon>\r\n \r\n Adheres to web standards\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"completed__component sticky-col second-col\">\r\n <ifx-link target='_blank' href=\"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-textarea--development\" size=\"s\" variant=\"bold\">Textarea</ifx-link>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n 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.\r\n </li>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Form integration\r\n </li>\r\n </ul>\r\n </td>\r\n <td>\r\n <ul>\r\n <li>\r\n \r\n <ifx-icon class='check__icon' icon=\"check16\"></ifx-icon>\r\n \r\n Incorporated required feature\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"planned__component sticky-col second-col\">\r\n <ifx-link href=\"\" size=\"s\" variant=\"bold\">Card Group</ifx-link>\r\n </td>\r\n <td>\r\n <ul>\r\n <li class=\"planned__component-wrapper\">\r\n \r\n <ifx-icon class=\"planned__icon\" icon=\"clock16\"></ifx-icon>\r\n \r\n On Hold\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n <td></td>\r\n </tr>\r\n <tr>\r\n <td class=\"planned__component sticky-col second-col\">\r\n <ifx-link href=\"\" size=\"s\" variant=\"bold\">Popover</ifx-link>\r\n </td>\r\n <td>\r\n <ul>\r\n <li class=\"planned__component-wrapper\">\r\n \r\n <ifx-icon class=\"planned__icon\" icon=\"roboticarm16\"></ifx-icon>\r\n \r\n In Progress\r\n </li>\r\n </ul>\r\n </td>\r\n <td></td>\r\n <td></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n }\r\n}"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-45dad0d1.entry.js → p-4a0ae909.entry.js} RENAMED Viewed

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

package/dist/infineon-design-system-stencil/p-4a0ae909.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["listEntryCss","ListEntry","valueChanged","newValue","this","host","setAttribute","removeAttribute","handleFilterEntryChange","event","value","detail","ifxListEntryChange","emit","label","type","render","h","key","class","size","checked"],"sources":["src/components/table-advanced-version/list/list-entry/list-entry.scss?tag=ifx-list-entry&encapsulation=shadow","src/components/table-advanced-version/list/list-entry/list-entry.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n\r\n.list-entry {\r\n display: flex;\r\n align-items: center;\r\n margin-top: tokens.$ifxSpace100; //gap doesnt apply to child elements\r\n align-self: stretch;\r\n}","import { Component, h, Prop, Event, EventEmitter, Listen, Watch, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'ifx-list-entry',\r\n styleUrl: 'list-entry.scss',\r\n shadow: true,\r\n})\r\nexport class ListEntry {\r\n @Element() host: HTMLElement;\r\n @Prop({ mutable: true }) value: boolean;\r\n @Prop() label: string;\r\n\r\n @Prop() type: string;\r\n @Event() ifxListEntryChange: EventEmitter;\r\n\r\n\r\n @Watch('value')\r\n valueChanged(newValue: boolean) {\r\n if (newValue) {\r\n this.host.setAttribute('value', 'true');\r\n } else {\r\n this.host.removeAttribute('value');\r\n }\r\n }\r\n\r\n @Listen('ifxChange')\r\n handleFilterEntryChange(event: CustomEvent) {\r\n this.value = event.detail;\r\n this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n <div class=\"wrapper\">\r\n {this.type === 'checkbox' ? (\r\n <div class=\"list-entry\">\r\n <ifx-checkbox size=\"s\" checked={this.value}>{this.label}</ifx-checkbox>\r\n </div>\r\n ) : (\r\n <div class=\"list-entry\">\r\n <ifx-radio-button size=\"s\" checked={this.value}>{this.label}</ifx-radio-button>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAe,iF,MCORC,EAAS,M,gFAUpB,YAAAC,CAAaC,GACX,GAAIA,EAAU,CACZC,KAAKC,KAAKC,aAAa,QAAS,O,KAC3B,CACLF,KAAKC,KAAKE,gBAAgB,Q,EAK9B,uBAAAC,CAAwBC,GACtBL,KAAKM,MAAQD,EAAME,OACnBP,KAAKQ,mBAAmBC,KAAK,CAAEC,MAAOV,KAAKU,MAAOJ,MAAON,KAAKM,MAAOK,KAAMX,KAAKW,M,CAIlF,MAAAC,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,MAAM,WACRf,KAAKW,OAAS,WACbE,EAAK,OAAAE,MAAM,cACTF,EAAc,gBAAAG,KAAK,IAAIC,QAASjB,KAAKM,OAAQN,KAAKU,QAGpDG,EAAA,OAAKE,MAAM,cACTF,EAAA,oBAAkBG,KAAK,IAAIC,QAASjB,KAAKM,OAAQN,KAAKU,Q","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-ce799b3d.entry.js → p-4b41a66f.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as o,a as i}from"./p-PqnYwNKt.js";import{d as e,t as s}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";import{c as l}from"./p-BfP9ezJQ.js";const d=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1D1D1D;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#FFFFFF;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}';const p=class{constructor(o){t(this,o);this.tooltipVisible=false;this.header="";this.text="";this.position="auto";this.internalPosition="auto";this.variant="compact";this.popperInstance=null;this.onMouseEnter=()=>{var t,o;(t=this.popperInstance)===null||t===void 0?void 0:t.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:true}]})));this.initializePopper();this.tooltipVisible=true;this.tooltipEl.style.display="block";(o=this.popperInstance)===null||o===void 0?void 0:o.update()};this.onMouseLeave=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"};this.onClick=()=>{var t;if(this.variant.toLowerCase()==="dismissible"){this.initializePopper();this.tooltipVisible=!this.tooltipVisible;this.tooltipEl.style.display=this.tooltipVisible?"block":"none";(t=this.popperInstance)===null||t===void 0?void 0:t.update()}};this.onDismissClick=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"}}componentWillLoad(){if(this.variant.toLowerCase().trim()===""){this.variant="compact"}}async componentDidLoad(){if(!a(this.el)){const t=e();s("ifx-tooltip",await t)}const t=this.el.shadowRoot.querySelector(".tooltip__container").firstChild;if(this.variant.toLowerCase()==="compact"||this.variant.toLowerCase()==="extended"){t.addEventListener("mouseenter",this.onMouseEnter);t.addEventListener("mouseleave",this.onMouseLeave)}else{t.addEventListener("click",this.onClick)}}initializePopper(){if(this.popperInstance)return;this.referenceEl=this.el;if(this.variant.toLowerCase()==="compact"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-compact")}else if(this.variant.toLowerCase()==="dismissible"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-dismissible")}else{this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-extended")}const t=this.position==="auto"?this.determineBestPosition():this.position;this.internalPosition=t;if(this.tooltipEl&&this.referenceEl){this.popperInstance=l(this.referenceEl,this.tooltipEl,{placement:this.internalPosition,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"arrow",options:{element:".tooltip-arrow-svg"}}]})}this.tooltipEl.setAttribute("data-placement",t)}determineBestPosition(){const t=this.referenceEl.getBoundingClientRect();const o=window.scrollY;const i=window.scrollX;const e=t.top+o+t.height/2;const s=t.left+i+t.width/2;if(this.position==="auto"){if(e>window.innerHeight/2){if(s>window.innerWidth/2){return"top-end"}else{return"top-start"}}else{if(s>window.innerWidth/2){return"bottom-end"}else{return"bottom-start"}}}else{return this.position}}positionChanged(t){var o;this.internalPosition=t;(o=this.popperInstance)===null||o===void 0?void 0:o.destroy();this.popperInstance=null}disconnectedCallback(){var t;(t=this.popperInstance)===null||t===void 0?void 0:t.destroy()}render(){const t={"tooltip-dismissible":true,visible:this.tooltipVisible};const i={"tooltip-compact":true,visible:this.tooltipVisible};const e={"tooltip-extended":true,visible:this.tooltipVisible};return o("div",{key:"73fe0cd0ba30b772907db89dc10248ca8fab5d5b","aria-label":this.ariaLabel,"aria-value":this.header,class:"tooltip__container"},o("slot",{key:"c322892c782277d8640de4d7f86c073c82ff5b87"}),this.variant.toLowerCase()==="dismissible"&&o("div",{key:"d268c502ee61550b6bb96512220bb10f73a6ec53",class:t},o("button",{key:"e2ef4f4709a58adca779f60afbae4d5d990bf2b0","aria-label":"Close Tooltip",class:"close-button",onClick:this.onDismissClick},o("ifx-icon",{key:"85c008fc5bb577d3ed6dc3dc7ae824f3e579217a",icon:"cross16"})),o("div",{key:"b6bbb49d16efdacb67596bd8006ad94be7895e24",class:"tooltip-dismissible-content"},this.header&&o("div",{key:"b62b5521156c7ae5a9ceb95d2bbf02322345f7ef",class:"tooltip-dismissible-header"},this.header),o("div",{key:"cec7a6ea9e7536d18916547646864729396eb60f",class:"tooltip-dismissible-body"},this.text)),o("svg",{key:"c51e82c058a9cb4c4e7a0cbb13bb476f8afeb928",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"1029a62c61d0357a731b2951ea38d05c7c269551",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="compact"&&o("div",{key:"830e279a14e2935f4e08021bd7399865e1ef44a2",class:i},this.text,o("svg",{key:"93e80185a37e7121f858790fb3fa33ffb18092f6",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"0158bcc8dcd9259d92d512f8e96d325b616d50a0",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="extended"&&o("div",{key:"661134a45b938246e9c58f2d456920a6035a90c9",class:e},o("slot",{key:"c601220c6b6d357800b3b697f78e68bb9d614431",name:"icon"},this.icon?o("div",{class:"extended_icon"},o("ifx-icon",{icon:this.icon})):o("svg",{class:"extended_icon",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24"},o("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round",d:"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z"}),o("path",{stroke:"#fff",d:"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z"}),o("path",{fill:"#fff",d:"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}))),o("div",{key:"cee24e9d36ca9f745c397ba328eae361fc19741a",class:"tooltip-extended-content"},this.header&&o("div",{key:"a7cd9c2a5614e33300e2ad18677655d96c8bb16f",class:"tooltip-extended-header"},this.header),o("div",{key:"04075ce9041db50760373c24d5b15481bc1803fb",class:"tooltip-extended-body"},this.text)),o("svg",{key:"003660f174f2d82b61fe122fc7102e5f5c345571",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"4212775539c5aad8f0b89edd938c9786c7662fef",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))))}get el(){return i(this)}static get watchers(){return{position:["positionChanged"]}}};p.style=d;export{p as ifx_tooltip};
-//# sourceMappingURL=p-ce799b3d.entry.js.map
+import{r as t,h as o,a as i}from"./p-PqnYwNKt.js";import{d as e,t as s}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";import{c as l}from"./p-BfP9ezJQ.js";const d=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1D1D1D;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#FFFFFF;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}';const p=class{constructor(o){t(this,o);this.tooltipVisible=false;this.header="";this.text="";this.position="auto";this.internalPosition="auto";this.variant="compact";this.popperInstance=null;this.onMouseEnter=()=>{var t,o;(t=this.popperInstance)===null||t===void 0?void 0:t.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:true}]})));this.initializePopper();this.tooltipVisible=true;this.tooltipEl.style.display="block";(o=this.popperInstance)===null||o===void 0?void 0:o.update()};this.onMouseLeave=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"};this.onClick=()=>{var t;if(this.variant.toLowerCase()==="dismissible"){this.initializePopper();this.tooltipVisible=!this.tooltipVisible;this.tooltipEl.style.display=this.tooltipVisible?"block":"none";(t=this.popperInstance)===null||t===void 0?void 0:t.update()}};this.onDismissClick=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"}}componentWillLoad(){if(this.variant.toLowerCase().trim()===""){this.variant="compact"}}async componentDidLoad(){if(!a(this.el)){const t=e();s("ifx-tooltip",await t)}const t=this.el.shadowRoot.querySelector(".tooltip__container").firstChild;if(this.variant.toLowerCase()==="compact"||this.variant.toLowerCase()==="extended"){t.addEventListener("mouseenter",this.onMouseEnter);t.addEventListener("mouseleave",this.onMouseLeave)}else{t.addEventListener("click",this.onClick)}}initializePopper(){if(this.popperInstance)return;this.referenceEl=this.el;if(this.variant.toLowerCase()==="compact"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-compact")}else if(this.variant.toLowerCase()==="dismissible"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-dismissible")}else{this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-extended")}const t=this.position==="auto"?this.determineBestPosition():this.position;this.internalPosition=t;if(this.tooltipEl&&this.referenceEl){this.popperInstance=l(this.referenceEl,this.tooltipEl,{placement:this.internalPosition,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"arrow",options:{element:".tooltip-arrow-svg"}}]})}this.tooltipEl.setAttribute("data-placement",t)}determineBestPosition(){const t=this.referenceEl.getBoundingClientRect();const o=window.scrollY;const i=window.scrollX;const e=t.top+o+t.height/2;const s=t.left+i+t.width/2;if(this.position==="auto"){if(e>window.innerHeight/2){if(s>window.innerWidth/2){return"top-end"}else{return"top-start"}}else{if(s>window.innerWidth/2){return"bottom-end"}else{return"bottom-start"}}}else{return this.position}}positionChanged(t){var o;this.internalPosition=t;(o=this.popperInstance)===null||o===void 0?void 0:o.destroy();this.popperInstance=null}disconnectedCallback(){var t;(t=this.popperInstance)===null||t===void 0?void 0:t.destroy()}render(){const t={"tooltip-dismissible":true,visible:this.tooltipVisible};const i={"tooltip-compact":true,visible:this.tooltipVisible};const e={"tooltip-extended":true,visible:this.tooltipVisible};return o("div",{key:"db77a175514f43f6d87fce4a44bd5b34a43d8840","aria-label":this.ariaLabel,"aria-value":this.header,class:"tooltip__container"},o("slot",{key:"dddb96441e9f1bc2bd459e5832f8ac111cf62738"}),this.variant.toLowerCase()==="dismissible"&&o("div",{key:"41cd64450ce410efc2c53732bfcff0dfed11e20a",class:t},o("button",{key:"ceac69ac420e41ed8ca53e4c37b7850740572d47","aria-label":"Close Tooltip",class:"close-button",onClick:this.onDismissClick},o("ifx-icon",{key:"945ac04ea9784fa803ac0ac174e99faaa763c84f",icon:"cross16"})),o("div",{key:"7a21f532bd22406ea40e05ac6debbc08a0c23ab6",class:"tooltip-dismissible-content"},this.header&&o("div",{key:"a8c263eeeab26d6c92308dc9d1d9c269dee19290",class:"tooltip-dismissible-header"},this.header),o("div",{key:"bcfce81c8e97e3a2a255054403e8b00ecc717345",class:"tooltip-dismissible-body"},this.text)),o("svg",{key:"167b9d3b6e6e03257d3569dcf1ab6c3b97b499fe",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"1aa1b98096286363436aebbff68651e6275ab112",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="compact"&&o("div",{key:"e64027a1dd4a0fb85bd6721bc7e8419a6360032b",class:i},this.text,o("svg",{key:"1bf955617ea956787e491b2f3faa3e05bf207e93",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"04bd4f0f6c64883048ca098888e99b01f7a42e02",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="extended"&&o("div",{key:"7778b2cb3ee86431fccff154dea032719b238133",class:e},o("slot",{key:"76448fe18c3123b3afd7b50abae9d4fe88d05018",name:"icon"},this.icon?o("div",{class:"extended_icon"},o("ifx-icon",{icon:this.icon})):o("svg",{class:"extended_icon",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24"},o("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round",d:"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z"}),o("path",{stroke:"#fff",d:"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z"}),o("path",{fill:"#fff",d:"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}))),o("div",{key:"ff1e017af43122e05a61d592bf02f449ea829de6",class:"tooltip-extended-content"},this.header&&o("div",{key:"3602b4b9683bf2c35a267a203f69022ca161d463",class:"tooltip-extended-header"},this.header),o("div",{key:"6020b7a3adb2d8878f39d6207b5f5e118f4f2a11",class:"tooltip-extended-body"},this.text)),o("svg",{key:"0411a37419cbd91524078e20d7be9a4a6800dda5",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"9ae039238136fb5a6f2b18e95c8682d099039664",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))))}get el(){return i(this)}static get watchers(){return{position:["positionChanged"]}}};p.style=d;export{p as ifx_tooltip};
+//# sourceMappingURL=p-4b41a66f.entry.js.map

package/dist/infineon-design-system-stencil/p-4b41a66f.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["tooltipCss","Tooltip","constructor","hostRef","this","tooltipVisible","header","text","position","internalPosition","variant","popperInstance","onMouseEnter","_a","setOptions","options","Object","assign","modifiers","name","enabled","initializePopper","tooltipEl","style","display","_b","update","onMouseLeave","onClick","toLowerCase","onDismissClick","componentWillLoad","trim","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","slotElement","shadowRoot","querySelector","firstChild","addEventListener","referenceEl","effectivePosition","determineBestPosition","createPopper","placement","offset","element","setAttribute","rect","getBoundingClientRect","yOffset","window","scrollY","xOffset","scrollX","verticalHalfwayPoint","top","height","horizontalHalfwayPoint","left","width","innerHeight","innerWidth","positionChanged","newVal","destroy","disconnectedCallback","render","tooltipDismissible","visible","tooltipCompact","tooltipExtended","h","key","ariaLabel","class","icon","viewBox","fill","xmlns","id","d","stroke"],"sources":["src/components/tooltip/tooltip.scss?tag=ifx-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n:host {\r\n display: inline-flex;\r\n}\r\n\r\n.tooltip__container {\r\n display: inline-flex;\r\n flex-direction: column;\r\n position: relative;\r\n font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n\r\n\r\n}\r\n\r\n%tooltip-common {\r\n background-color: tokens.$ifxColorBaseBlack;\r\n border: 1px solid black;\r\n z-index: 1080;\r\n display: none;\r\n transition: opacity 0.3s;\r\n position: absolute;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n color: tokens.$ifxColorBaseWhite;\r\n width: max-content;\r\n box-sizing: border-box;\r\n\r\n white-space: pre-wrap; /* wraps text at spaces and within words */\r\n word-wrap: break-word; /* breaks text within a word if necessary */\r\n overflow-wrap: anywhere; /* breaks text at arbitrary points when needed */\r\n\r\n &.visible {\r\n display: flex !important;\r\n align-items: start;\r\n //min-width: 100px;\r\n //width: auto;\r\n }\r\n}\r\n\r\n\r\n\r\n.tooltip-dismissible {\r\n @extend %tooltip-common;\r\n\r\n .close-button {\r\n all: unset;\r\n //position: absolute;\r\n //top: tokens.$ifxSpace150;\r\n //right: tokens.$ifxSpace150;\r\n cursor: pointer;\r\n position: relative;\r\n order: 2;\r\n margin-top: 12px;\r\n margin-right: 12px;\r\n line-height: 0px;\r\n }\r\n\r\n .tooltip-dismissible-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: tokens.$ifxSpace150;\r\n padding: tokens.$ifxSpace150;\r\n flex-grow: 1;\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n overflow-wrap: anywhere;\r\n\r\n }\r\n\r\n .tooltip-dismissible-header,\r\n .tooltip-dismissible-body {\r\n font-size: 14px;\r\n font-style: normal;\r\n line-height: 20px;\r\n }\r\n\r\n .tooltip-dismissible-header {\r\n font-weight: tokens.$ifxFontWeightSemibold;\r\n }\r\n\r\n .tooltip-dismissible-body {\r\n font-weight: tokens.$ifxFontWeightRegular;\r\n }\r\n}\r\n\r\n.tooltip-compact {\r\n @extend %tooltip-common;\r\n padding: 4px 8px;\r\n text-align: center;\r\n flex-grow: 1;\r\n}\r\n\r\n\r\n.tooltip-extended {\r\n @extend %tooltip-common;\r\n //padding-left: 36px; // Added this line, adjust as per your icon width\r\n //padding-left: tokens.$ifxSpace150; // Added this line, adjust as per your icon width\r\n align-items: center;\r\n padding: tokens.$ifxSpace150;\r\n gap: 10px;\r\n\r\n .extended_icon {\r\n display: flex;\r\n align-self: flex-start;\r\n align-items: center;\r\n //padding-top: tokens.$ifxSpace150;\r\n cursor: pointer;\r\n }\r\n\r\n\r\n\r\n .tooltip-extended-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: tokens.$ifxSpace150;\r\n //padding: tokens.$ifxSpace150;\r\n flex-grow: 1;\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n .tooltip-extended-header,\r\n .tooltip-extended-body {\r\n font-size: 14px;\r\n font-style: normal;\r\n line-height: 20px;\r\n }\r\n\r\n .tooltip-extended-header {\r\n font-weight: tokens.$ifxFontWeightSemibold;\r\n }\r\n\r\n .tooltip-extended-body {\r\n font-weight: tokens.$ifxFontWeightRegular;\r\n }\r\n}\r\n\r\n\r\n.tooltip__container .tooltip-arrow-svg {\r\n position: absolute;\r\n width: 8px;\r\n height: 8px;\r\n}\r\n\r\n\r\n%tooltip-arrow-positions {\r\n\r\n // For 'top' placement\r\n &[data-placement=\"top\"]>.tooltip-arrow-svg {\r\n bottom: -7px;\r\n left: 50%;\r\n transform: rotate(180deg) translateX(-50%);\r\n }\r\n\r\n // For 'top-start' placement\r\n &[data-placement=\"top-start\"]>.tooltip-arrow-svg {\r\n bottom: -7px;\r\n left: 10px; // Adjust as needed\r\n transform: rotate(180deg)\r\n }\r\n\r\n // For 'top-end' placement\r\n &[data-placement=\"top-end\"]>.tooltip-arrow-svg {\r\n bottom: -7px;\r\n right: 10px; // Adjust as needed\r\n transform: rotate(180deg);\r\n }\r\n\r\n // For 'bottom' placement\r\n &[data-placement=\"bottom\"]>.tooltip-arrow-svg {\r\n top: -7px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n\r\n // For 'bottom-start' placement\r\n &[data-placement=\"bottom-start\"]>.tooltip-arrow-svg {\r\n top: -7px;\r\n left: 10px; // Adjust as needed\r\n }\r\n\r\n // For 'bottom-end' placement\r\n &[data-placement=\"bottom-end\"]>.tooltip-arrow-svg {\r\n top: -7px;\r\n right: 10px; // Adjust as needed\r\n }\r\n\r\n // For 'left' placement\r\n &[data-placement=\"left\"]>.tooltip-arrow-svg {\r\n right: -3px;\r\n top: 50%;\r\n transform: rotate(90deg) translateY(-50%) translateX(-50%);\r\n }\r\n\r\n // For 'right' placement\r\n &[data-placement=\"right\"]>.tooltip-arrow-svg {\r\n left: -3px;\r\n top: 50%;\r\n transform: rotate(270deg) translateY(-50%) translateX(50%);\r\n }\r\n}\r\n\r\n\r\n.tooltip-compact {\r\n @extend %tooltip-arrow-positions;\r\n min-width: 28px !important;\r\n max-width: 145px !important;\r\n}\r\n\r\n.tooltip-dismissible {\r\n @extend %tooltip-arrow-positions;\r\n min-width: 145px !important;\r\n max-width: 310px !important;\r\n}\r\n\r\n.tooltip-extended {\r\n @extend %tooltip-arrow-positions;\r\n min-width: 145px !important;\r\n max-width: 310px !important;\r\n}\r\n","import { Component, Prop, h, Element, State, Watch } from '@stencil/core';\r\nimport { createPopper } from '@popperjs/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n tag: 'ifx-tooltip',\r\n styleUrl: 'tooltip.scss',\r\n shadow: true\r\n})\r\nexport class Tooltip {\r\n\r\n @Element() el: HTMLElement;\r\n @State() tooltipVisible: boolean = false;\r\n @Prop() header: string = '';\r\n @Prop() text: string = '';\r\n @Prop() position: 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto' = 'auto';\r\n @State() internalPosition: 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto' = 'auto';\r\n @Prop() ariaLabel: string | null;\r\n @Prop() variant: 'compact' | 'dismissible' | 'extended' = 'compact';\r\n @Prop() icon: string;\r\n\r\n tooltipEl: HTMLElement;\r\n referenceEl: HTMLElement;\r\n popperInstance: any = null;\r\n\r\n\r\n componentWillLoad() { \r\n if(this.variant.toLowerCase().trim() === \"\") { \r\n this.variant = 'compact'\r\n }\r\n }\r\n \r\n async componentDidLoad() {\r\n if(!isNestedInIfxComponent(this.el)) { \r\n const framework = detectFramework();\r\n trackComponent('ifx-tooltip', await framework)\r\n }\r\n const slotElement = this.el.shadowRoot.querySelector('.tooltip__container').firstChild;\r\n \r\n if(this.variant.toLowerCase() === 'compact' || this.variant.toLowerCase() === 'extended') {\r\n slotElement.addEventListener('mouseenter', this.onMouseEnter)\r\n slotElement.addEventListener('mouseleave', this.onMouseLeave)\r\n }else{\r\n slotElement.addEventListener('click', this.onClick);\r\n }\r\n\r\n }\r\n\r\n initializePopper() {\r\n if (this.popperInstance) return;\r\n\r\n this.referenceEl = this.el;\r\n this.tooltipEl;\r\n if (this.variant.toLowerCase() === 'compact') {\r\n this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-compact');\r\n }\r\n else if (this.variant.toLowerCase() === 'dismissible') {\r\n this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-dismissible');\r\n }\r\n else {\r\n this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-extended');\r\n\r\n }\r\n\r\n const effectivePosition = this.position === 'auto' ? this.determineBestPosition() : this.position;\r\n\r\n // Set the internalPosition\r\n this.internalPosition = effectivePosition;\r\n\r\n if (this.tooltipEl && this.referenceEl) {\r\n\r\n this.popperInstance = createPopper(this.referenceEl, this.tooltipEl, {\r\n placement: this.internalPosition,\r\n modifiers: [\r\n {\r\n name: 'offset',\r\n options: {\r\n offset: [0, 8] // this offset should be adjusted to ensure the tooltip doesn't overlap its reference element\r\n }\r\n },\r\n {\r\n name: 'arrow',\r\n options: {\r\n element: '.tooltip-arrow-svg'\r\n }\r\n }\r\n ]\r\n });\r\n\r\n }\r\n\r\n // Add this line to set the 'data-placement' attribute on the tooltip\r\n this.tooltipEl.setAttribute('data-placement', effectivePosition);\r\n\r\n\r\n }\r\n\r\n determineBestPosition() {\r\n // This is a simplified version, you can enhance this based on available viewport space.\r\n const rect = this.referenceEl.getBoundingClientRect();\r\n const yOffset = window.scrollY; // Get current scroll position\r\n const xOffset = window.scrollX; // Get current horizontal scroll position\r\n\r\n const verticalHalfwayPoint = rect.top + yOffset + rect.height / 2;\r\n const horizontalHalfwayPoint = rect.left + xOffset + rect.width / 2;\r\n\r\n if (this.position === 'auto') {\r\n if (verticalHalfwayPoint > window.innerHeight / 2) {\r\n if (horizontalHalfwayPoint > window.innerWidth / 2) {\r\n return 'top-end';\r\n } else {\r\n return 'top-start';\r\n }\r\n } else {\r\n if (horizontalHalfwayPoint > window.innerWidth / 2) {\r\n return 'bottom-end';\r\n } else {\r\n return 'bottom-start';\r\n }\r\n }\r\n } else {\r\n return this.position;\r\n }\r\n }\r\n\r\n @Watch('position')\r\n positionChanged(newVal: any) {\r\n this.internalPosition = newVal;\r\n this.popperInstance?.destroy();\r\n this.popperInstance = null; // Force re-initialization on next mouse enter\r\n }\r\n\r\n\r\n\r\n onMouseEnter = () => {\r\n // Enable the event listeners immediately\r\n this.popperInstance?.setOptions((options) => ({\r\n ...options,\r\n modifiers: [\r\n ...options.modifiers,\r\n { name: 'eventListeners', enabled: true },\r\n ],\r\n }));\r\n\r\n // Initialize the popper instance\r\n this.initializePopper();\r\n\r\n // Make the tooltip visible\r\n this.tooltipVisible = true;\r\n this.tooltipEl.style.display = 'block';\r\n\r\n // Update the popper instance immediately after initialization\r\n this.popperInstance?.update();\r\n }\r\n\r\n\r\n onMouseLeave = () => {\r\n this.tooltipVisible = false;\r\n this.tooltipEl.style.display = 'none';\r\n\r\n }\r\n\r\n disconnectedCallback() {\r\n this.popperInstance?.destroy();\r\n }\r\n\r\n onClick = () => {\r\n if (this.variant.toLowerCase() === 'dismissible') {\r\n this.initializePopper();\r\n this.tooltipVisible = !this.tooltipVisible;\r\n this.tooltipEl.style.display = this.tooltipVisible ? 'block' : 'none';\r\n this.popperInstance?.update();\r\n }\r\n }\r\n\r\n onDismissClick = () => {\r\n this.tooltipVisible = false;\r\n this.tooltipEl.style.display = 'none';\r\n }\r\n\r\n render() {\r\n const tooltipDismissible = {\r\n 'tooltip-dismissible': true,\r\n 'visible': this.tooltipVisible,\r\n };\r\n\r\n const tooltipCompact = {\r\n 'tooltip-compact': true,\r\n 'visible': this.tooltipVisible,\r\n };\r\n\r\n const tooltipExtended = {\r\n 'tooltip-extended': true,\r\n 'visible': this.tooltipVisible,\r\n };\r\n\r\n return (\r\n <div aria-label={this.ariaLabel} aria-value={this.header} class=\"tooltip__container\" >\r\n <slot></slot>\r\n\r\n {this.variant.toLowerCase() === 'dismissible' && <div class={tooltipDismissible}>\r\n <button aria-label=\"Close Tooltip\" class=\"close-button\" onClick={this.onDismissClick}>\r\n <ifx-icon icon=\"cross16\"></ifx-icon>\r\n </button>\r\n <div class=\"tooltip-dismissible-content\">\r\n {this.header && <div class=\"tooltip-dismissible-header\">{this.header}</div>}\r\n <div class=\"tooltip-dismissible-body\">{this.text}</div>\r\n </div>\r\n <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\r\n </svg>\r\n </div>\r\n }\r\n {this.variant.toLowerCase() === 'compact' &&\r\n <div class={tooltipCompact}>\r\n {this.text}\r\n <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\r\n </svg>\r\n </div>\r\n }\r\n {this.variant.toLowerCase() === 'extended' &&\r\n <div class={tooltipExtended}>\r\n <slot name=\"icon\">\r\n {this.icon ? <div class=\"extended_icon\"><ifx-icon icon={this.icon}></ifx-icon></div> :\r\n <svg class=\"extended_icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\r\n <path stroke=\"#fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z\" />\r\n <path stroke=\"#fff\" d=\"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z\" />\r\n <path fill=\"#fff\" d=\"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\" />\r\n </svg>\r\n }\r\n </slot>\r\n <div class=\"tooltip-extended-content\">\r\n {this.header && <div class=\"tooltip-extended-header\">{this.header}</div>}\r\n <div class=\"tooltip-extended-body\">{this.text}</div>\r\n </div>\r\n <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\r\n </svg>\r\n </div >\r\n }\r\n </div>\r\n );\r\n }\r\n\r\n\r\n}"],"mappings":"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","ignoreList":[]}