@infineon/infineon-design-system-stencil 30.9.3--canary.1496.9fc4de9852ba9ec2e36ce3e0ff89d8fddb5acdc5.0 → 30.9.3--canary.1679.8d0c83c3f0040ae0386585c5203298c7d94911f3.0

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

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

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

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,g as r}from"./p-95a83b13.js";const a='.date__picker-container{display:flex;flex-direction:column}.date__picker-container .label__wrapper{color:#1D1D1D;font:400 1rem/1.5rem "Source Sans 3"}.date__picker-container.disabled .label__wrapper{color:#575352}.date__picker-container.error .caption__wrapper{color:#CD002F}.date__picker-container.disabled .caption__wrapper{color:#575352}.date__picker-container .caption__wrapper{margin-top:4px;color:#1D1D1D;font:400 0.75rem/1rem "Source Sans 3"}.date__picker-input{font-family:"Source Sans 3";outline:none;width:100%;cursor:pointer;border-radius:1px;border:1px solid #8D8786;height:100%}.date__picker-input.firefox__classes{padding:8px 16px;color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.date__picker-input:focus:not(.error,.success){border-color:#0A8276}.date__picker-input:hover:not(:disabled,:focus,.error,.success){border-color:#575352}.date__picker-input:disabled{border-color:#575352;background-color:#EEEDED}.date__picker-input.error{border-color:#CD002F}.date__picker-input.success:not(.error){border-color:#4CA460}.date__picker-input::-webkit-datetime-edit-text{color:#8D8786;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.date__picker-input.has-value::-webkit-datetime-edit-text{color:#1D1D1D}.date__picker-input.has-value::-webkit-datetime-edit{color:#1D1D1D}::-webkit-datetime-edit{color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px}::-webkit-datetime-edit-fields-wrapper{padding:8px 16px;padding-bottom:9px;transform:translateY(1px)}::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{position:absolute;right:15px;font-size:19px;cursor:pointer;border-radius:1px}::-webkit-calendar-picker-indicator:focus-within{outline:2px solid #0A8276;outline-offset:2px}.input__wrapper{display:flex;justify-content:space-between;align-items:center;align-self:stretch;background:#FFFFFF;position:relative}.input__wrapper.large{height:40px}.input__wrapper.small{height:36px}.input__wrapper.disabled .icon__wrapper{background-color:#EEEDED}.icon__wrapper{position:absolute;right:17px;padding:2px;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;z-index:100;background-color:#FFFFFF;line-height:16px}.icon__wrapper ifx-icon{vertical-align:middle}';const o=a;const s=class{constructor(i){e(this,i);this.ifxDate=t(this,"ifxDate",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.inputId=`ifx-date-picker-${++n}`;this.size="s";this.error=false;this.success=false;this.disabled=false;this.required=false}getDate(e){const t=e.target.value;const i=new Date(t);const r=i.getDate();const a=i.getMonth()+1;const o=i.getFullYear();if(!t){this.internals.setFormValue(null);this.ifxDate.emit({day:r,month:a,year:o});return}const s=this.el.shadowRoot.querySelector(".date__picker-input");s.classList.add("has-value");this.internals.setFormValue(i.toISOString().substring(0,10));this.ifxDate.emit({day:r,month:a,year:o})}handleInputFocusOnIconClick(){const e=this.el.shadowRoot.querySelector(".date__picker-input");if(e){e.focus()}}getBrowser(){if(navigator.userAgent.indexOf("Chrome")!=-1){return"Chrome"}else if(navigator.userAgent.indexOf("Opera")!=-1){return"Opera"}else if(navigator.userAgent.indexOf("MSIE")!=-1){return"IE"}else if(navigator.userAgent.indexOf("Firefox")!=-1){return"Firefox"}else{return"unknown"}}setFireFoxClasses(){const e=this.getBrowser();const t=this.el.shadowRoot.querySelector(".date__picker-input");if(e==="Firefox"){t.classList.add("firefox__classes")}else if(t.classList.contains("firefox__classes")){t.classList.remove("firefox__classes")}}componentDidLoad(){this.setFireFoxClasses();if(this.value){this.getDate({target:{value:this.value}})}}formResetCallback(){this.internals.setFormValue(null)}render(){var e,t;return i("div",{key:"8939525c9d1b6ca3d6d1d598f18c801eaa274925",class:`date__picker-container ${this.error?"error":""} ${this.disabled?"disabled":""}`},i("label",{key:"b6943a24e0b7b92826f8f0a951aa8ba07b07a602",class:"label__wrapper",htmlFor:this.inputId},(e=this.label)===null||e===void 0?void 0:e.trim()),i("div",{key:"dbb6810bec0365a771ee39feca14455d553f308f",class:`input__wrapper ${this.size==="l"?"large":"small"} ${this.disabled?"disabled":""}`},i("input",{key:"c4532643be4a7a29a9c8837787e997059bdaa7c1",type:"date",class:`date__picker-input ${this.error?"error":""} ${this.success?"success":""}`,disabled:this.disabled?true:undefined,"aria-invalid":this.error?true:undefined,"aria-label":this.AriaLabel,max:this.max,min:this.min,value:this.value,required:this.required,onChange:e=>this.getDate(e)}),i("div",{key:"401c972432d3c0a057a3fe812fa730372b12fcbe",class:"icon__wrapper",role:"button",onClick:()=>this.handleInputFocusOnIconClick()},i("ifx-icon",{key:"125529210997e8dd611e5bb394909a1cf08fc47b",icon:"calendar16","aria-hidden":"true"}))),((t=this.caption)===null||t===void 0?void 0:t.trim())&&i("div",{key:"1367a5dc715de1f7f0ea40a9995ce07a9030aae8",class:"caption__wrapper"},this.caption.trim()))}static get formAssociated(){return true}get el(){return r(this)}};let n=0;s.style=o;export{s as ifx_date_picker};
-//# sourceMappingURL=p-3f58926e.entry.js.map
+import{r as e,c as i,h as t,g as r}from"./p-6b122987.js";const a='.date__picker-container{display:flex;flex-direction:column}.date__picker-container .label__wrapper{color:#1D1D1D;font:400 1rem/1.5rem "Source Sans 3"}.date__picker-container.disabled .label__wrapper{color:#575352}.date__picker-container.error .caption__wrapper{color:#CD002F}.date__picker-container.disabled .caption__wrapper{color:#575352}.date__picker-container .caption__wrapper{margin-top:4px;color:#1D1D1D;font:400 0.75rem/1rem "Source Sans 3"}.date__picker-input{font-family:"Source Sans 3";outline:none;width:100%;cursor:pointer;border-radius:1px;border:1px solid #8D8786;height:100%}.date__picker-input.firefox__classes{padding:8px 16px;color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.date__picker-input:focus:not(.error,.success){border-color:#0A8276}.date__picker-input:hover:not(:disabled,:focus,.error,.success){border-color:#575352}.date__picker-input:disabled{border-color:#575352;background-color:#EEEDED}.date__picker-input.error{border-color:#CD002F}.date__picker-input.success:not(.error){border-color:#4CA460}.date__picker-input::-webkit-datetime-edit-text{color:#8D8786;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.date__picker-input.has-value::-webkit-datetime-edit-text{color:#1D1D1D}.date__picker-input.has-value::-webkit-datetime-edit{color:#1D1D1D}::-webkit-datetime-edit{color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px}::-webkit-datetime-edit-fields-wrapper{padding:8px 16px;padding-bottom:9px;transform:translateY(1px)}::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{position:absolute;right:15px;font-size:19px;cursor:pointer;border-radius:1px}::-webkit-calendar-picker-indicator:focus-within{outline:2px solid #0A8276;outline-offset:2px}.input__wrapper{display:flex;justify-content:space-between;align-items:center;align-self:stretch;background:#FFFFFF;position:relative}.input__wrapper.large{height:40px}.input__wrapper.small{height:36px}.input__wrapper.disabled .icon__wrapper{background-color:#EEEDED}.icon__wrapper{position:absolute;right:17px;padding:2px;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;z-index:100;background-color:#FFFFFF;line-height:16px}.icon__wrapper ifx-icon{vertical-align:middle}';const n=a;const o=class{constructor(t){e(this,t);this.ifxDate=i(this,"ifxDate",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.inputId=`ifx-date-picker-${++s}`;this.size="s";this.error=false;this.success=false;this.disabled=false;this.AriaLabel=undefined;this.value=undefined;this.max=undefined;this.min=undefined;this.required=false;this.label=undefined;this.caption=undefined}getDate(e){const i=e.target.value;const t=new Date(i);const r=t.getDate();const a=t.getMonth()+1;const n=t.getFullYear();if(!i){this.internals.setFormValue(null);this.ifxDate.emit({day:r,month:a,year:n});return}const o=this.el.shadowRoot.querySelector(".date__picker-input");o.classList.add("has-value");this.internals.setFormValue(t.toISOString().substring(0,10));this.ifxDate.emit({day:r,month:a,year:n})}handleInputFocusOnIconClick(){const e=this.el.shadowRoot.querySelector(".date__picker-input");if(e){e.focus()}}getBrowser(){if(navigator.userAgent.indexOf("Chrome")!=-1){return"Chrome"}else if(navigator.userAgent.indexOf("Opera")!=-1){return"Opera"}else if(navigator.userAgent.indexOf("MSIE")!=-1){return"IE"}else if(navigator.userAgent.indexOf("Firefox")!=-1){return"Firefox"}else{return"unknown"}}setFireFoxClasses(){const e=this.getBrowser();const i=this.el.shadowRoot.querySelector(".date__picker-input");if(e==="Firefox"){i.classList.add("firefox__classes")}else if(i.classList.contains("firefox__classes")){i.classList.remove("firefox__classes")}}componentDidLoad(){this.setFireFoxClasses();if(this.value){this.getDate({target:{value:this.value}})}}formResetCallback(){this.internals.setFormValue(null)}render(){var e,i;return t("div",{key:"8939525c9d1b6ca3d6d1d598f18c801eaa274925",class:`date__picker-container ${this.error?"error":""} ${this.disabled?"disabled":""}`},t("label",{key:"b6943a24e0b7b92826f8f0a951aa8ba07b07a602",class:"label__wrapper",htmlFor:this.inputId},(e=this.label)===null||e===void 0?void 0:e.trim()),t("div",{key:"dbb6810bec0365a771ee39feca14455d553f308f",class:`input__wrapper ${this.size==="l"?"large":"small"} ${this.disabled?"disabled":""}`},t("input",{key:"c4532643be4a7a29a9c8837787e997059bdaa7c1",type:"date",class:`date__picker-input ${this.error?"error":""} ${this.success?"success":""}`,disabled:this.disabled?true:undefined,"aria-invalid":this.error?true:undefined,"aria-label":this.AriaLabel,max:this.max,min:this.min,value:this.value,required:this.required,onChange:e=>this.getDate(e)}),t("div",{key:"401c972432d3c0a057a3fe812fa730372b12fcbe",class:"icon__wrapper",role:"button",onClick:()=>this.handleInputFocusOnIconClick()},t("ifx-icon",{key:"125529210997e8dd611e5bb394909a1cf08fc47b",icon:"calendar16","aria-hidden":"true"}))),((i=this.caption)===null||i===void 0?void 0:i.trim())&&t("div",{key:"1367a5dc715de1f7f0ea40a9995ce07a9030aae8",class:"caption__wrapper"},this.caption.trim()))}static get formAssociated(){return true}get el(){return r(this)}};let s=0;o.style=n;export{o as ifx_date_picker};
+//# sourceMappingURL=p-c82d6a95.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["datePickerCss","IfxDatePickerStyle0","DatePicker","this","inputId","datePickerId","getDate","e","inputValue","target","value","selectedDate","Date","day","month","getMonth","year","getFullYear","internals","setFormValue","ifxDate","emit","input","el","shadowRoot","querySelector","classList","add","toISOString","substring","handleInputFocusOnIconClick","focus","getBrowser","navigator","userAgent","indexOf","setFireFoxClasses","browser","contains","remove","componentDidLoad","formResetCallback","render","h","key","class","error","disabled","htmlFor","_a","label","trim","size","type","success","undefined","AriaLabel","max","min","required","onChange","role","onClick","icon","_b","caption"],"sources":["src/components/date-picker/date-picker.scss?tag=ifx-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx"],"sourcesContent":["@use '~@infineon/design-system-tokens/dist/tokens';\n\n.date__picker-container {\n  display: flex;\n  flex-direction: column;\n\n  & .label__wrapper {\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody03;\n  }\n\n  &.disabled {\n    .label__wrapper {\n      color: tokens.$ifxColorEngineering500;\n    }\n  }\n\n  &.error {\n    .caption__wrapper {\n      color: tokens.$ifxColorRed500;\n    }\n  }\n\n  &.disabled {\n    .caption__wrapper {\n      color: tokens.$ifxColorEngineering500;\n    }\n  }\n\n  & .caption__wrapper {\n    margin-top: tokens.$ifxSpace50;\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody05;\n  }\n}\n\n.date__picker-input {\n  font-family: 'Source Sans 3';\n  outline: none;\n  width: 100%;\n  cursor: pointer;\n  border-radius: 1px;\n  border: 1px solid tokens.$ifxColorEngineering400;\n  height: 100%;\n\n  &.firefox__classes {\n    padding: 8px 16px;\n    color: tokens.$ifxColorEngineering400;\n    font-size: 16px;\n    text-transform: uppercase;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px;\n    cursor: pointer;\n  }\n\n  &:focus:not(.error, .success) {\n    border-color: tokens.$ifxColorOcean500;\n  }\n\n  &:hover:not(:disabled, :focus, .error, .success) {\n    border-color: tokens.$ifxColorEngineering500;\n  }\n\n  &:disabled {\n    border-color: tokens.$ifxColorEngineering500;\n    background-color: tokens.$ifxColorEngineering200;\n  }\n\n  &.error {\n    border-color: tokens.$ifxColorRed500;\n  }\n\n  &.success:not(.error) {\n    border-color: tokens.$ifxColorGreen500;\n  }\n\n  &::-webkit-datetime-edit-text {\n    color: tokens.$ifxColorEngineering400;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px;\n  }\n\n  &.has-value::-webkit-datetime-edit-text {\n    color: tokens.$ifxColorBaseBlack;\n  }\n\n  &.has-value::-webkit-datetime-edit {\n    color: tokens.$ifxColorBaseBlack;\n  }\n}\n\n::-webkit-datetime-edit {\n  color: tokens.$ifxColorEngineering400;\n  font-size: 16px;\n  text-transform: uppercase;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n  padding: 8px 16px;\n  padding-bottom: 9px;\n  transform: translateY(1px);\n}\n\n::-webkit-inner-spin-button {\n  display: none;\n}\n\n::-webkit-calendar-picker-indicator {\n  position: absolute;\n  right: 15px;\n  font-size: 19px;\n  cursor: pointer;\n  border-radius: 1px;\n  &:focus-within {\n    outline: 2px solid tokens.$ifxColorOcean500;\n    outline-offset: 2px;\n  }\n}\n\n.input__wrapper {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  background: tokens.$ifxColorBaseWhite;\n  position: relative;\n  &.large {\n    height: 40px;\n  }\n\n  &.small {\n    height: 36px;\n  }\n\n  &.disabled {\n    & .icon__wrapper {\n      background-color: tokens.$ifxColorEngineering200;\n    }\n  }\n}\n\n.icon__wrapper {\n  position: absolute;\n  right: 17px;\n  padding: 2px;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  z-index: 100;\n  background-color: tokens.$ifxColorBaseWhite;\n  line-height: 16px;\n\n  & ifx-icon {\n    vertical-align: middle;\n  }\n}\n","import { AttachInternals } from '@stencil/core';\nimport { Component, Prop, h, Element, Event, EventEmitter } from '@stencil/core';\n \n\n@Component({\n  tag: 'ifx-date-picker',\n  styleUrl: 'date-picker.scss',\n  shadow: true,\n  formAssociated: true,\n})\n\nexport class DatePicker {\n  private inputId: string = `ifx-date-picker-${++datePickerId}`;\n\n  @Element() el: HTMLElement;\n  @Prop() size: string = 's';\n  @Prop() error: boolean = false;\n  @Prop() success: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() AriaLabel: string;\n  @Prop() value: string;\n  @Prop() max: string;\n  @Prop() min: string;\n  @Prop() required: boolean = false;\n  @Prop() label: string;\n  @Prop() caption: string;\n\n  @AttachInternals() internals: ElementInternals;\n\n  @Event() ifxDate: EventEmitter;\n\n  getDate(e) { \n    const inputValue = e.target.value;\n    const selectedDate = new Date(inputValue);\n    const day = selectedDate.getDate();\n    const month = selectedDate.getMonth() + 1; \n    const year = selectedDate.getFullYear();\n      \n    if (!inputValue) {\n      this.internals.setFormValue(null);\n      this.ifxDate.emit({day, month, year});\n      return;\n    }\n\n    const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\n    input.classList.add('has-value');\n\n    this.internals.setFormValue(selectedDate.toISOString().substring(0,10))\n    this.ifxDate.emit({day, month, year})\n  }\n\n  handleInputFocusOnIconClick() { \n    const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\n    if(input) { \n      input.focus()\n    }\n  }\n\n getBrowser() {\n    if( navigator.userAgent.indexOf(\"Chrome\") != -1 ) {\n      return \"Chrome\";\n    } else if( navigator.userAgent.indexOf(\"Opera\") != -1 ) {\n      return \"Opera\";\n    } else if( navigator.userAgent.indexOf(\"MSIE\") != -1 ) {\n      return \"IE\";\n    } else if( navigator.userAgent.indexOf(\"Firefox\") != -1 ) {\n      return \"Firefox\";\n    } else {\n      return \"unknown\";\n    }\n  }\n\n  setFireFoxClasses() { \n    const browser = this.getBrowser()\n    const input = this.el.shadowRoot.querySelector('.date__picker-input');\n\n    if(browser === 'Firefox') { \n      input.classList.add('firefox__classes')\n    } else if(input.classList.contains('firefox__classes')) { \n      input.classList.remove('firefox__classes')\n    }\n  }\n\n  componentDidLoad() { \n    this.setFireFoxClasses()\n    if (this.value) {\n      this.getDate({ target: { value: this.value } });\n    }\n  }\n\n  formResetCallback() {\n    this.internals.setFormValue(null);\n  }\n\n  render() {\n    return (\n      <div class={`date__picker-container ${this.error ? 'error' : ''} ${this.disabled ? 'disabled': ''}`}>\n\n        <label class='label__wrapper' htmlFor={ this.inputId }>\n        { this.label?.trim() }\n        </label>\n\n        <div class={`input__wrapper ${this.size === 'l' ? 'large' : 'small'} ${this.disabled ? 'disabled' : ''}`}>\n          <input\n          type=\"date\"\n          class={`date__picker-input ${this.error ? 'error' : \"\"} ${this.success ? \"success\" : \"\"}`}\n          disabled={this.disabled ? true : undefined}\n          aria-invalid={this.error ? true : undefined}\n          aria-label={this.AriaLabel}\n          max={this.max}\n          min={this.min}\n          value={this.value}\n          required={this.required}\n          onChange={(e) => this.getDate(e)} />\n          <div class=\"icon__wrapper\" role=\"button\" onClick={() => this.handleInputFocusOnIconClick()}>\n            <ifx-icon icon='calendar16' aria-hidden=\"true\"></ifx-icon>\n          </div>\n        </div>\n\n        { this.caption?.trim() && (\n            <div class='caption__wrapper'>\n              { this.caption.trim() }\n            </div> \n          )}\n      </div>\n    )\n  }\n}\n\nlet datePickerId = 0;"],"mappings":"yDAAA,MAAMA,EAAgB,6yEACtB,MAAAC,EAAeD,E,MCUFE,EAAU,M,0NACbC,KAAAC,QAAkB,qBAAqBC,I,UAGxB,I,WACE,M,aACE,M,cACC,M,kGAKA,M,4CAQ5B,OAAAC,CAAQC,GACN,MAAMC,EAAaD,EAAEE,OAAOC,MAC5B,MAAMC,EAAe,IAAIC,KAAKJ,GAC9B,MAAMK,EAAMF,EAAaL,UACzB,MAAMQ,EAAQH,EAAaI,WAAa,EACxC,MAAMC,EAAOL,EAAaM,cAE1B,IAAKT,EAAY,CACfL,KAAKe,UAAUC,aAAa,MAC5BhB,KAAKiB,QAAQC,KAAK,CAACR,MAAKC,QAAOE,SAC/B,M,CAGF,MAAMM,EAAQnB,KAAKoB,GAAGC,WAAWC,cAAc,uBAC/CH,EAAMI,UAAUC,IAAI,aAEpBxB,KAAKe,UAAUC,aAAaR,EAAaiB,cAAcC,UAAU,EAAE,KACnE1B,KAAKiB,QAAQC,KAAK,CAACR,MAAKC,QAAOE,Q,CAGjC,2BAAAc,GACE,MAAMR,EAAQnB,KAAKoB,GAAGC,WAAWC,cAAc,uBAC/C,GAAGH,EAAO,CACRA,EAAMS,O,EAIX,UAAAC,GACG,GAAIC,UAAUC,UAAUC,QAAQ,YAAc,EAAI,CAChD,MAAO,Q,MACF,GAAIF,UAAUC,UAAUC,QAAQ,WAAa,EAAI,CACtD,MAAO,O,MACF,GAAIF,UAAUC,UAAUC,QAAQ,UAAY,EAAI,CACrD,MAAO,I,MACF,GAAIF,UAAUC,UAAUC,QAAQ,aAAe,EAAI,CACxD,MAAO,S,KACF,CACL,MAAO,S,EAIX,iBAAAC,GACE,MAAMC,EAAUlC,KAAK6B,aACrB,MAAMV,EAAQnB,KAAKoB,GAAGC,WAAWC,cAAc,uBAE/C,GAAGY,IAAY,UAAW,CACxBf,EAAMI,UAAUC,IAAI,mB,MACf,GAAGL,EAAMI,UAAUY,SAAS,oBAAqB,CACtDhB,EAAMI,UAAUa,OAAO,mB,EAI3B,gBAAAC,GACErC,KAAKiC,oBACL,GAAIjC,KAAKO,MAAO,CACdP,KAAKG,QAAQ,CAAEG,OAAQ,CAAEC,MAAOP,KAAKO,Q,EAIzC,iBAAA+B,GACEtC,KAAKe,UAAUC,aAAa,K,CAG9B,MAAAuB,G,QACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,0BAA0B1C,KAAK2C,MAAQ,QAAU,MAAM3C,KAAK4C,SAAW,WAAY,MAE7FJ,EAAA,SAAAC,IAAA,2CAAOC,MAAM,iBAAiBG,QAAU7C,KAAKC,UAC3C6C,EAAA9C,KAAK+C,SAAK,MAAAD,SAAA,SAAAA,EAAEE,QAGdR,EAAA,OAAAC,IAAA,2CAAKC,MAAO,kBAAkB1C,KAAKiD,OAAS,IAAM,QAAU,WAAWjD,KAAK4C,SAAW,WAAa,MAClGJ,EAAA,SAAAC,IAAA,2CACAS,KAAK,OACLR,MAAO,sBAAsB1C,KAAK2C,MAAQ,QAAU,MAAM3C,KAAKmD,QAAU,UAAY,KACrFP,SAAU5C,KAAK4C,SAAW,KAAOQ,UAAS,eAC5BpD,KAAK2C,MAAQ,KAAOS,UAAS,aAC/BpD,KAAKqD,UACjBC,IAAKtD,KAAKsD,IACVC,IAAKvD,KAAKuD,IACVhD,MAAOP,KAAKO,MACZiD,SAAUxD,KAAKwD,SACfC,SAAWrD,GAAMJ,KAAKG,QAAQC,KAC9BoC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBAAgBgB,KAAK,SAASC,QAAS,IAAM3D,KAAK2B,+BAC3Da,EAAA,YAAAC,IAAA,2CAAUmB,KAAK,aAAY,cAAa,aAI1CC,EAAA7D,KAAK8D,WAAO,MAAAD,SAAA,SAAAA,EAAEb,SACZR,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACP1C,KAAK8D,QAAQd,Q,mEAQ7B,IAAI9C,EAAe,E","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as a,h as i,g as s}from"./p-6b122987.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{width:100%;display:flex}.search-bar{box-sizing:border-box;height:40px;background-color:#FFFFFF;display:flex;flex-direction:row;align-items:center;width:100%;font-family:var(--ifx-font-family)}.search-bar.closed{display:flex;width:auto;justify-content:flex-start}.search-bar .search-bar-wrapper{display:flex;align-items:center;gap:16px;width:100%}.search-bar .search-bar-wrapper a{text-decoration:none;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;color:#0A8276;cursor:pointer}.search-bar .search-bar-wrapper ifx-search-field{width:100%}.search-bar .search-bar__icon-wrapper{display:none;flex-direction:row;align-items:center}.search-bar .search-bar__icon-wrapper ifx-icon:hover{cursor:pointer}.search-bar.closed .search-bar__icon-wrapper{display:flex}.search-bar.closed .search-bar-wrapper{display:none}';const t=r;const h=class{constructor(i){e(this,i);this.ifxInput=a(this,"ifxInput",7);this.ifxSearchBarIsOpen=a(this,"ifxSearchBarIsOpen",7);this.handleCloseButton=()=>{this.internalState=!this.internalState;this.ifxSearchBarIsOpen.emit(this.internalState)};this.handleFocus=()=>{this.internalState=true};this.isOpen=true;this.disabled=false;this.internalState=undefined;this.value=undefined;this.maxlength=undefined}async onNavbarMobile(){this.ifxSearchBarIsOpen.emit(false);this.internalState=false}handlePropChange(){this.internalState=this.isOpen}setInitialState(){this.internalState=this.isOpen}componentWillLoad(){this.setInitialState();this.ifxSearchBarIsOpen.emit(this.internalState)}handleInput(e){this.value=e.detail}render(){return i("div",{key:"126123cf2e7c3bd9a362349c293ebc5be37be980","aria-label":"a search bar","aria-disabled":this.disabled,class:`search-bar ${this.internalState?"open":"closed"}`},this.internalState?i("div",{class:"search-bar-wrapper"},i("ifx-search-field",{disabled:this.disabled,value:this.value,maxlength:this.maxlength,onIfxInput:this.handleInput.bind(this)},i("ifx-icon",{icon:"search-16",slot:"search-icon"})),i("a",{tabindex:"-1",href:"javascript:void(0)",onClick:this.handleCloseButton},"Close")):i("div",{class:"search-bar__icon-wrapper",onClick:this.handleCloseButton},i("ifx-icon",{icon:"search-16"})))}get el(){return s(this)}static get watchers(){return{isOpen:["handlePropChange"]}}};h.style=t;export{h as ifx_search_bar};
+//# sourceMappingURL=p-c8728936.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["searchBarCss","IfxSearchBarStyle0","SearchBar","this","handleCloseButton","internalState","ifxSearchBarIsOpen","emit","handleFocus","onNavbarMobile","handlePropChange","isOpen","setInitialState","componentWillLoad","handleInput","event","value","detail","render","h","key","disabled","class","maxlength","onIfxInput","bind","icon","slot","tabindex","href","onClick"],"sources":["src/components/search-bar/search-bar.scss?tag=ifx-search-bar&encapsulation=shadow","src/components/search-bar/search-bar.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  width: 100%; //revert\n  display: flex;\n}\n\n.search-bar {\n  box-sizing: border-box;\n  height: tokens.$ifxSize500;\n  background-color: tokens.$ifxColorBaseWhite;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n  font-family: var(--ifx-font-family);\n\n  &.closed {\n    display: flex;\n    width: auto;\n    justify-content: flex-start;\n  }\n\n  & .search-bar-wrapper {\n    display: flex;\n    align-items: center;\n    gap: tokens.$ifxSpace200;\n    width: 100%;\n\n    & a {\n      text-decoration: none;\n      font-size: tokens.$ifxFontSizeM;\n      font-style: normal;\n      font-weight: tokens.$ifxFontWeightSemibold;\n      line-height: tokens.$ifxLineHeightM;\n      color: tokens.$ifxColorOcean500;\n      cursor: pointer;\n    }\n\n    & ifx-search-field {\n      width: 100%;\n    }\n  }\n\n  .search-bar__icon-wrapper {\n    display: none;\n    flex-direction: row;\n    align-items: center;\n\n    & ifx-icon:hover {\n      cursor: pointer;\n    }\n  }\n\n  &.closed {\n    .search-bar__icon-wrapper {\n      display: flex;\n    }\n\n    .search-bar-wrapper {\n      display: none;\n    }\n  }\n}","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element, Method } from '@stencil/core';\n \n\n@Component({\n  tag: 'ifx-search-bar',\n  styleUrl: 'search-bar.scss',\n  shadow: true,\n})\nexport class SearchBar {\n  @Prop() isOpen: boolean = true;\n  @Prop() disabled: boolean = false;\n  @State() internalState: boolean;\n  @Prop({ mutable: true }) value: string;\n  @Prop() maxlength?: number;\n  @Event() ifxInput: EventEmitter;\n  @Event() ifxSearchBarIsOpen: EventEmitter;\n  @Element() el;\n\n  @Method()\n  async onNavbarMobile() {\n    this.ifxSearchBarIsOpen.emit(false)\n    this.internalState = false;\n  }\n\n  @Watch('isOpen')\n  handlePropChange() {\n    this.internalState = this.isOpen;\n  }\n\n  handleCloseButton = () => {\n    this.internalState = !this.internalState;\n    this.ifxSearchBarIsOpen.emit(this.internalState)\n  }\n\n  setInitialState() {\n    this.internalState = this.isOpen;\n  }\n\n  \n\n  componentWillLoad() {\n    this.setInitialState();\n    this.ifxSearchBarIsOpen.emit(this.internalState)\n  }\n\n\n  handleInput(event: CustomEvent) {\n    this.value = event.detail;\n  }\n\n  handleFocus = () => {\n    this.internalState = true;\n  }\n\n\n  render() {\n    return (\n      <div aria-label='a search bar' aria-disabled={this.disabled} class={`search-bar ${this.internalState ? 'open' : 'closed'}`}>\n        {this.internalState ? (\n          <div class=\"search-bar-wrapper\">\n            <ifx-search-field disabled={this.disabled} value={this.value} maxlength={this.maxlength} onIfxInput={this.handleInput.bind(this)}>\n              <ifx-icon icon=\"search-16\" slot=\"search-icon\"></ifx-icon>\n            </ifx-search-field>\n\n            <a tabindex=\"-1\" href='javascript:void(0)' onClick={this.handleCloseButton}>Close</a>\n          </div>\n        ) : (\n          <div class=\"search-bar__icon-wrapper\" onClick={this.handleCloseButton}>\n            <ifx-icon icon=\"search-16\"></ifx-icon>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAe,y5BACrB,MAAAC,EAAeD,E,MCOFE,EAAS,M,mHAqBpBC,KAAAC,kBAAoB,KAClBD,KAAKE,eAAiBF,KAAKE,cAC3BF,KAAKG,mBAAmBC,KAAKJ,KAAKE,cAAc,EAmBlDF,KAAAK,YAAc,KACZL,KAAKE,cAAgB,IAAI,E,YA1CD,K,cACE,M,2EAS5B,oBAAMI,GACJN,KAAKG,mBAAmBC,KAAK,OAC7BJ,KAAKE,cAAgB,K,CAIvB,gBAAAK,GACEP,KAAKE,cAAgBF,KAAKQ,M,CAQ5B,eAAAC,GACET,KAAKE,cAAgBF,KAAKQ,M,CAK5B,iBAAAE,GACEV,KAAKS,kBACLT,KAAKG,mBAAmBC,KAAKJ,KAAKE,c,CAIpC,WAAAS,CAAYC,GACVZ,KAAKa,MAAQD,EAAME,M,CAQrB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,wDAAgB,eAAc,gBAAgBjB,KAAKkB,SAAUC,MAAO,cAAcnB,KAAKE,cAAgB,OAAS,YAC7GF,KAAKE,cACJc,EAAA,OAAKG,MAAM,sBACTH,EAAA,oBAAkBE,SAAUlB,KAAKkB,SAAUL,MAAOb,KAAKa,MAAOO,UAAWpB,KAAKoB,UAAWC,WAAYrB,KAAKW,YAAYW,KAAKtB,OACzHgB,EAAA,YAAUO,KAAK,YAAYC,KAAK,iBAGlCR,EAAA,KAAGS,SAAS,KAAKC,KAAK,qBAAqBC,QAAS3B,KAAKC,mBAAiB,UAG5Ee,EAAA,OAAKG,MAAM,2BAA2BQ,QAAS3B,KAAKC,mBAClDe,EAAA,YAAUO,KAAK,e","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,g as n}from"./p-6b122987.js";const a='.navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:16px;color:#1D1D1D}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s}.navbar__item.open .navItemIconWrapper{transform:rotate(-180deg);transition:0.3s}.navbar__item:hover{color:#0A8276;cursor:pointer}.navbar__item:hover .username__tooltip{display:block}.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{cursor:pointer;background-color:#08665C}.navbar__item.remove{display:none}.navbar__item.removeLabel .label__wrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip{display:none;position:absolute;top:35px;right:0;text-wrap:nowrap;padding:1px 5px;font-size:13px;font-family:"Source Sans 3";background-color:black;color:#fff;z-index:99}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip{display:block}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background-color:#0A8276}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials{color:#FFF;text-align:center;font-family:"Source Sans 3";font-size:14px;font-style:normal;font-weight:600;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img{width:24px;height:24px;border-radius:100%}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.container{position:relative}.container .sub__layer-back-button{display:none}.container .sub__layer-back-button.show{display:flex;justify-content:flex-start}.container .sub__layer-back-button.show .back__button-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0 16px 0;color:#0A8276;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container .sub__layer-back-button.show .back__button-wrapper span:hover,.container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover{cursor:pointer}.container.hide{display:none}.container .inner__content-wrapper{display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.navbar-menu.open:not(.itemInMobileMenu){display:flex}.navbar-menu.itemInMobileMenu{display:none}.navbar-menu.right{left:100%;top:-40%}.navbar-menu.left{top:-40%;right:100%}.navbar-menu.rightSideItemMenu{left:initial;right:0px}.navbar__item.layer__item-parent{color:#1D1D1D;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-0.24px;cursor:initial}.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg{width:24px;height:24px}.navbar__item.sidebarMenuItem{justify-content:space-between;padding:0}.navbar__item.menuItem{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__item.menuItem.hide{display:none}.navbar__item.menuItem .label__wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__item.menuItem:hover{cursor:pointer;background-color:#EEEDED}.navbar__item.menuItem:active{background-color:#BFBBBB}.sub__layer-menu{padding:5px;display:none}.sub__layer-menu.remove__margin{margin:0;padding:0}.sub__layer-menu.open{display:block}.navbar__item.hide{display:none}.menuItemRightIconWrapper.hide{display:none}.navItemIconWrapper.hide{display:none}';const s=a;const o=class{constructor(i){e(this,i);this.ifxNavItem=t(this,"ifxNavItem",7);this.showLabel=true;this.icon="";this.href="";this.target="_self";this.hideOnMobile=true;this.internalHref="";this.isMenuItem=false;this.hasChildNavItems=false;this.isSidebarMenuItem=false;this.itemPosition=undefined}handleOutsideClick(e){const t=e.composedPath();const i=this.getItemMenu();if(i){if(i.classList.contains("open")){if(!t.includes(this.el)){this.closeItemMenu()}}}}async hideComponent(){this.el.style.display="none"}async showComponent(){this.el.style.display=""}async toggleChildren(e){const t=this.getItemMenu();const i=this.getChevronDownIconWrapper();if(t){this.handleClassList(i,e,"hide");this.handleClassList(t,e,"itemInMobileMenu")}}async moveChildComponentsIntoSubLayerMenu(){const e=this.getItemMenu();if(e){const t=this.handleClassList(e,"contains","open");if(t){const e=this.getNavBarItem();const t=this.getSubLayerBackButton();this.handleClassList(e,"add","layer__item-parent");this.handleClassList(t,"add","show");this.ifxNavItem.emit({component:this.el,action:"hideFirstLayer"})}}const t=this.el.querySelectorAll('[slot="first__layer"]');this.isSidebarMenuItem=true;for(let e=0;e<t.length;e++){t[e].setAttribute("slot","second__layer");t[e].moveChildComponentsIntoSubLayerMenu()}}getSubLayerBackButton(){const e=this.el.shadowRoot.querySelector(".sub__layer-back-button");return e}async toggleFirstLayerItem(e,t){const i=this.getNavBarItem();const n=this.getSubLayerMenu();const a=this.getSubLayerBackButton();this.handleClassList(a,[e],"show");this.handleClassList(i,[t],"hide");this.handleClassList(n,[t],"remove__margin")}openSubLayerMenu(){if(this.hasChildNavItems){const e=this.getSubLayerBackButton();const t=this.getRightArrowIcon();const i=this.getNavBarItem();const n=this.getSubLayerMenu();const a=this.el.getAttribute("slot");this.handleClassList(e,"add","show");this.handleClassList(t,"add","hide");this.handleClassList(i,"add","layer__item-parent");this.handleClassList(n,"add","open");if(a.toLowerCase()==="second__layer"){this.ifxNavItem.emit({component:this.el,parent:this.el.parentElement,action:"hideSecondLayer"});this.handleClassList(i,"remove","menuItem")}else{this.ifxNavItem.emit({component:this.el,action:"hideFirstLayer"})}}}async addMenuItemClass(){const e=this.getNavBarItem();this.handleClassList(e,"add","menuItem");const t=this.getRightArrowIcon();if(this.hasChildNavItems){this.handleClassList(t,"remove","hide")}}async moveChildComponentsBackIntoNavbar(){const e=this.getSubLayerBackButton();const t=this.getNavBarItem();const i=this.getSubLayerMenu();this.handleClassList(e,"remove","show");this.handleClassList(t,"remove","layer__item-parent");this.handleClassList(i,"remove","remove__margin");this.ifxNavItem.emit({component:this.el,action:"show"});const n=this.el.querySelectorAll('[slot="second__layer"]');this.isSidebarMenuItem=false;this.showComponent();this.handleClassList(t,"remove","hide");for(let e=0;e<n.length;e++){n[e].setAttribute("slot","first__layer");n[e].moveChildComponentsBackIntoNavbar();n[e].addMenuItemClass();n[e].returnToFirstLayer()}}getRightArrowIcon(){const e=this.el.shadowRoot.querySelector(".menuItemRightIconWrapper");return e}getChevronDownIconWrapper(){const e=this.el.shadowRoot.querySelector(".navItemIconWrapper");return e}async returnToFirstLayer(){const e=this.getSubLayerBackButton();const t=this.getNavBarItem();const i=this.getRightArrowIcon();const n=this.getSubLayerMenu();const a=this.el.getAttribute("slot");this.handleClassList(e,"remove","show");this.handleClassList(t,"remove","layer__item-parent");this.handleClassList(n,"remove","open");if(this.hasChildNavItems){this.handleClassList(i,"remove","hide")}if(a.toLowerCase()==="second__layer"){this.ifxNavItem.emit({component:this.el,parent:this.el.parentElement,action:"returnToSecondLayer"});this.handleClassList(t,"add","menuItem")}else{this.ifxNavItem.emit({component:this.el,action:"return"})}}componentWillLoad(){this.setHref();this.checkIfItemIsNested();this.checkIfItemHasChildren()}componentDidLoad(){if(this.hasChildNavItems){const e=this.getNavbarItems();this.relocateItemsToFirstlayer(e)}}componentDidUpdate(){const e=this.getNavBarItem();const t=this.handleClassList(e,"contains","layer__item-parent");if(this.isSidebarMenuItem&&t){const e=this.getRightArrowIcon();this.handleClassList(e,"add","hide")}}async setMenuItemPosition(){if(this.isMenuItem&&this.hasChildNavItems){const e=this.getItemMenuPosition();if(e==="left"){this.itemPosition="left"}else if(e==="right"){this.itemPosition="right"}}}handleClassList(e,t,i){e.classList[t](i);if(t==="contains"){return e.classList.contains(i)}}getNavbarItems(){const e=this.el.querySelectorAll("ifx-navbar-item");return e}getNavBarItem(){const e=this.el.shadowRoot.querySelector(".navbar__item");return e}getSubLayerMenu(){const e=this.el.shadowRoot.querySelector(".sub__layer-menu");return e}relocateItemsToFirstlayer(e){e.forEach((e=>{e.setAttribute("slot","first__layer")}))}setHref(){if(this.href.toLowerCase().trim()===""){this.internalHref=undefined}else this.internalHref=this.href}checkIfItemIsNested(){const e=this.el.parentElement;if(e.tagName.toUpperCase()==="IFX-NAVBAR-ITEM"||e.tagName.toUpperCase()==="IFX-NAVBAR-PROFILE"){this.isMenuItem=true;return}else{this.isMenuItem=false}}checkIfItemHasChildren(){const e=this.getNavbarItems();if(e.length!==0){this.hasChildNavItems=true}else{this.hasChildNavItems=false}}async setItemSideSpecifications(){const e=this.el;const t=this.getItemMenu();const i=e.getAttribute("slot");if(i.toLowerCase().trim()==="right-item"){this.handleClassList(t,"add","rightSideItemMenu")}return true}getItemMenu(){const e=this.el.shadowRoot.querySelector(".navbar-menu");return e}closeItemMenu(){const e=this.getItemMenu();const t=this.getNavBarItem();if(e){this.handleClassList(e,"remove","open");this.handleClassList(t,"remove","open")}}getItemMenuPosition(){let e=this.el;while(e){if(e.tagName==="IFX-NAVBAR-PROFILE"||e.slot==="right-item"){return"left"}e=e.parentElement||e.getRootNode().host}return"right"}toggleItemMenu(){const e=this.el.getAttribute("slot");if(e.toLowerCase()==="mobile-menu-top"||e.toLowerCase()==="second__layer"){this.openSubLayerMenu()}if(!this.internalHref&&e.toLowerCase()!=="mobile-menu-top"&&e.toLowerCase()!=="second__layer"){const e=this.getItemMenu();if(this.hasChildNavItems){const t=this.getNavBarItem();this.handleClassList(e,"toggle","open");this.handleClassList(t,"toggle","open")}}}handleNestedLayerMenu(e){if(this.isMenuItem&&this.hasChildNavItems&&!this.isSidebarMenuItem){const t=this.getItemMenu();const i=this.getItemMenuPosition();if(e.type.toUpperCase()==="MOUSEENTER"){this.handleClassList(t,"add","open");if(i==="left"){this.handleClassList(t,"add","left")}else if(i==="right"){this.handleClassList(t,"add","right")}}if(e.type.toUpperCase()==="MOUSELEAVE"){this.handleClassList(t,"remove","open");if(i==="left"){this.handleClassList(t,"remove","left")}else if(i==="right"){this.handleClassList(t,"remove","right")}}}}render(){return i("div",{key:"6ff7d6a2325d44e4fdbcbdda8fd299890a080237",class:"container",onMouseLeave:e=>this.handleNestedLayerMenu(e),onMouseEnter:e=>this.handleNestedLayerMenu(e)},i("div",{key:"f39e9887ee956d9e35e8c8ea058a769d91355e43",class:"sub__layer-back-button"},i("div",{key:"7a5df0bdee1cc4c3cd6529d4f0acbf7c0bd1b8d9",class:"back__button-wrapper",onClick:()=>this.returnToFirstLayer()},i("ifx-icon",{key:"43f69fe60182744438d49827344e68ff095d92dc",icon:"arrow-left-16"}),i("span",{key:"b6d292fccd3c2e8e539bbf8b37f456732236d847"},"Back"))),i("a",{key:"7f51f40c4bdbfee4738ee87d9b6abb0baee777a0",href:this.internalHref,target:this.target,onClick:()=>this.toggleItemMenu(),class:`navbar__item ${this.isSidebarMenuItem?"sidebarMenuItem":""} ${!this.showLabel?"removeLabel":""} ${this.isMenuItem?"menuItem":""} ${this.hasChildNavItems?"isParent":""}`},i("div",{key:"6cdec578af960350371c7d2ce65512e499cc39cd",class:"inner__content-wrapper"},i("div",{key:"4432784789f1ea5bda62fa4c840f42be8a8c2c74",class:`navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon?"removeWrapper":""}`},this.icon&&i("ifx-icon",{key:"75937d113caa0480e934c0960778c51a82d94eb5",icon:this.icon})),this.itemPosition==="left"&&this.hasChildNavItems&&this.isMenuItem&&i("div",{key:"411a240382cdccc5857bfd3d3232fda11dece2eb",class:"menuItemLeftIconWrapper"},i("ifx-icon",{key:"a3d6fb775527a0d896da3d26577bfa909e97fd57",icon:"chevron-left-12"})),i("span",{key:"fc2307f8e62ae20727b76526ef661839465c4378",class:"label__wrapper"},i("slot",{key:"35fa2c5762cc7676146407f03986b6e65aacf356"}))),i("div",{key:"7bc21e2370abfeb56e2c551b07ac40e7dcf34cd7",class:`navItemIconWrapper ${this.hasChildNavItems&&!this.isMenuItem&&!this.isSidebarMenuItem?"":"hide"}`},i("ifx-icon",{key:"84154f7bebb4fbf3cdf992e3c1e3fb3f898e3479",icon:"chevron-down-12"})),i("div",{key:"872ad6a50578420c5fcfe990e328911df2cec8fa",class:`menuItemRightIconWrapper ${this.itemPosition==="right"&&this.hasChildNavItems&&this.isMenuItem||this.isSidebarMenuItem&&this.hasChildNavItems?"":"hide"}`},i("ifx-icon",{key:"5b1f1bb38a1b7a784c6f90161e923b6055a380b9",icon:"chevron-right-12"}))),this.hasChildNavItems&&!this.isSidebarMenuItem&&i("ul",{key:"f093cbb3bd72ad2062a1f5faca60f3402d582611",class:"navbar-menu"}," ",i("slot",{key:"9f100a38d2e8b1062c6d01263bddf452a0d962c3",name:"first__layer"})," "),this.isSidebarMenuItem&&i("ul",{key:"fa0e103d8b61280dd9d525daa4da1b344f050345",class:"sub__layer-menu"}," ",i("slot",{key:"5d01536bedd1abb83dcc9805935584b01834581e",name:"second__layer"})," "))}get el(){return n(this)}};o.style=s;export{o as ifx_navbar_item};
+//# sourceMappingURL=p-caff080b.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["navbarItemCss","IfxNavbarItemStyle0","NavbarItem","handleOutsideClick","event","path","composedPath","itemMenu","this","getItemMenu","classList","contains","includes","el","closeItemMenu","hideComponent","style","display","showComponent","toggleChildren","action","arrowIcon","getChevronDownIconWrapper","handleClassList","moveChildComponentsIntoSubLayerMenu","subLayerMenu","subLayerMenuIsOpened","navbarItem","getNavBarItem","subLayerBackButton","getSubLayerBackButton","ifxNavItem","emit","component","navItems","querySelectorAll","isSidebarMenuItem","i","length","setAttribute","sublayerBackButton","shadowRoot","querySelector","toggleFirstLayerItem","actionOne","actionTwo","secondLayerMenu","getSubLayerMenu","openSubLayerMenu","hasChildNavItems","rightArrowIcon","getRightArrowIcon","slotName","getAttribute","toLowerCase","parent","parentElement","addMenuItemClass","moveChildComponentsBackIntoNavbar","returnToFirstLayer","menuItemRightIconWrapper","componentWillLoad","setHref","checkIfItemIsNested","checkIfItemHasChildren","componentDidLoad","getNavbarItems","relocateItemsToFirstlayer","componentDidUpdate","isLayerItemParent","setMenuItemPosition","isMenuItem","menuPosition","getItemMenuPosition","itemPosition","type","className","navItem","forEach","item","href","trim","internalHref","undefined","tagName","toUpperCase","sidebarItems","setItemSideSpecifications","menuItem","slotValue","menu","slot","getRootNode","host","toggleItemMenu","handleNestedLayerMenu","e","render","h","key","class","onMouseLeave","onMouseEnter","onClick","icon","target","showLabel","name"],"sources":["src/components/navigation/navbar/navbar-item.scss?tag=ifx-navbar-item&encapsulation=shadow","src/components/navigation/navbar/navbar-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n\n.navbar__item {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0px 8px;\n  flex: none;\n  order: 0;\n  flex-grow: 0;\n  font-family: var(--ifx-font-family);\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 16px;\n  color: tokens.$ifxColorBaseBlack;\n\n  &.hide { \n    display: none;\n  }\n\n  &.isParent { \n    gap: 8px;\n  }\n\n  & .navItemIconWrapper { \n    transition: .3s;\n  }\n\n  &.open { \n    & .navItemIconWrapper { \n      transform: rotate(-180deg);\n      transition: .3s;\n    }\n  }\n\n  &:hover {\n    color: tokens.$ifxColorOcean500;\n    cursor: pointer;\n\n    & .username__tooltip { \n      display: block;\n    }\n\n    & .navbar__container-right-content-navigation-item-icon-wrapper { \n      & .initials__wrapper { \n        cursor: pointer;\n        background-color: tokens.$ifxColorOcean600;\n      }\n    }\n  }\n\n  &.remove {\n    display: none;\n  }\n\n  &.removeLabel {\n    & .label__wrapper {\n      display: none;\n    }\n  }\n\n  & .navbar__container-right-content-navigation-item-icon-wrapper {\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    padding: 0px;\n    gap: 8px;\n    flex: none;\n    order: 0;\n    flex-grow: 0;\n\n    & .username__tooltip { \n      display: none;\n      position: absolute;\n      top: 35px;\n      right: 0;\n      text-wrap: nowrap;\n      padding: 1px 5px;\n      font-size: 13px;\n      font-family: \"Source Sans 3\";\n      background-color: black;\n      color: #fff;\n      z-index: 99;\n    }\n\n    &:hover { \n      & .username__tooltip { \n        display: block;\n      }\n    }\n\n    & .initials__wrapper { \n      display: flex;\n      width: 24px;\n      height: 24px;\n      justify-content: center;\n      align-items: center;\n      border-radius: 100%;\n      background-color: tokens.$ifxColorOcean500;\n\n      & .initials { \n        color: #FFF;\n        text-align: center;\n        font-family: \"Source Sans 3\";\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 20px; \n\n        -webkit-touch-callout: none;\n        -webkit-user-select: none;\n        -khtml-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n      \n      }\n    }\n\n    & img { \n      width: 24px; \n      height: 24px;\n      border-radius: 100%;\n    }\n\n    &.removeWrapper {\n      display: none;\n    }\n\n    &.hide {\n      display: none;\n    }\n  }\n}\n\n.container { \n  position: relative;\n\n  & .sub__layer-back-button { \n    display: none;\n    &.show { \n      display: flex;\n      justify-content: flex-start;\n\n      & .back__button-wrapper { \n        display: flex;\n        align-items: center;\n        gap: tokens.$ifxSpace100;\n        padding: tokens.$ifxSpace100 0 tokens.$ifxSpace200 0;\n        color: tokens.$ifxColorOcean500;\n        font-size: 16px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 24px;\n\n        & span, & ifx-icon { \n          &:hover { \n            cursor: pointer;\n          }\n        }\n\n      }\n    }\n  }\n\n  &.hide { \n    display: none;\n  }\n\n  & .inner__content-wrapper { \n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 8px;\n    &.no-gap { \n      gap: 0px;\n    }\n  }\n}\n\n.navbar-menu  {\n  position: absolute;\n  display: none;\n  list-style-type: none;\n  visibility: visible;\n  flex-direction: column;\n  width: 224px;\n  min-width: 224px;\n  background: tokens.$ifxColorBaseWhite;\n  box-shadow: 0px 6px 9px 0px #1d1d1d1a;\n  border: 1px solid tokens.$ifxColorEngineering200;\n  padding: 8px 0px;\n  font-family: var(--ifx-font-family);\n\n  &.open:not(.itemInMobileMenu) {\n    display: flex;\n  }\n\n  &.itemInMobileMenu { \n    display: none;\n  }\n\n  &.right { \n    left: 100%;\n    top: -40%;\n  }\n\n  &.left { \n    top: -40%;\n    right: 100%;\n  }\n\n  &.rightSideItemMenu { \n    left: initial;\n    right: 0px;\n  }\n}\n\n.navbar__item { \n    &.layer__item-parent { \n      color: tokens.$ifxColorBaseBlack;\n      font-size: 24px;\n      font-style: normal;\n      font-weight: 600;\n      line-height: 32px; \n      letter-spacing: -0.24px;\n      cursor: initial;\n\n      & .navbar__container-right-content-navigation-item-icon-wrapper { \n        & ifx-icon { \n          & svg { \n            width: 24px;\n            height: 24px;\n          }\n        }\n      }\n    }\n\n\n  &.sidebarMenuItem { \n    justify-content: space-between;\n    padding: 0;\n  }\n\n\n  &.menuItem {\n    text-decoration: none;\n    color: tokens.$ifxColorBaseBlack;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 16px;\n    gap: 8px;\n    font-family: var(--ifx-font-family);\n  \n    &.hide {\n      display: none;\n    }\n  \n    & .label__wrapper {\n      color: tokens.$ifxColorBaseBlack;\n      font-size: 16px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 24px;\n    }\n  \n    &:hover {\n      cursor: pointer;\n      background-color: tokens.$ifxColorEngineering200;\n    }\n  \n    &:active {\n      background-color: tokens.$ifxColorEngineering300;\n    }\n  }\n}\n\n.sub__layer-menu { \n  padding: 5px;\n  display: none;\n\n  &.remove__margin { \n    margin: 0;\n    padding: 0;\n  }\n \n  &.open { \n    display: block;\n  }\n}\n\n.navbar__item { \n  &.hide { \n    display: none;\n  }\n}\n\n.menuItemRightIconWrapper { \n  &.hide { \n    display: none;\n  }\n}\n\n.navItemIconWrapper { \n  &.hide { \n    display: none;\n  }\n}\n\n","import { Component, h, Element, Prop, State, Listen, Method, Event, EventEmitter } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-navbar-item',\n  styleUrl: 'navbar-item.scss',\n  shadow: true\n})\n\nexport class NavbarItem {\n\n  @Element() el;\n  @Prop() showLabel: boolean = true;\n  @Prop() icon: string = \"\"\n  @Prop() href: string = \"\"\n  @Prop() target: string = \"_self\";\n  @Prop() hideOnMobile: boolean = true;\n  @State() internalHref: string = \"\"\n  @State() isMenuItem: boolean = false;\n  @State() hasChildNavItems: boolean = false;\n  @State() isSidebarMenuItem: boolean = false;\n  @State() itemPosition: string;\n  @Event() ifxNavItem: EventEmitter;\n \n  @Listen('mousedown', { target: 'document' })\n  handleOutsideClick(event: MouseEvent) {\n    const path = event.composedPath();\n    const itemMenu = this.getItemMenu()\n    if(itemMenu) { \n      if(itemMenu.classList.contains('open')) { \n        if (!path.includes(this.el)) {\n          this.closeItemMenu();\n        }\n      }\n    }\n  }\n\n  @Method()\n  async hideComponent() { \n    this.el.style.display = 'none';\n  }\n\n  @Method()\n  async showComponent() { \n    this.el.style.display = '';\n  }\n\n  @Method()\n  async toggleChildren(action) { \n    const itemMenu = this.getItemMenu()\n    const arrowIcon = this.getChevronDownIconWrapper()\n    if(itemMenu) { \n      this.handleClassList(arrowIcon, action, 'hide')\n      this.handleClassList(itemMenu, action, 'itemInMobileMenu')\n    }\n  }\n\n  @Method()\n  async moveChildComponentsIntoSubLayerMenu() { \n    const subLayerMenu = this.getItemMenu()\n    if(subLayerMenu) { \n      const subLayerMenuIsOpened = this.handleClassList(subLayerMenu, 'contains', 'open')\n      if(subLayerMenuIsOpened) { \n        const navbarItem = this.getNavBarItem()\n        const subLayerBackButton = this.getSubLayerBackButton()\n        this.handleClassList(navbarItem, 'add', 'layer__item-parent')\n        this.handleClassList(subLayerBackButton, 'add', 'show')\n        this.ifxNavItem.emit({component: this.el, action: 'hideFirstLayer'})\n      }\n    }\n\n    const navItems = this.el.querySelectorAll('[slot=\"first__layer\"]')\n    this.isSidebarMenuItem = true;\n\n    for(let i = 0; i < navItems.length; i++) { \n      navItems[i].setAttribute('slot', 'second__layer')\n      navItems[i].moveChildComponentsIntoSubLayerMenu()\n    }\n  }\n\n  getSubLayerBackButton() { \n    const sublayerBackButton = this.el.shadowRoot.querySelector('.sub__layer-back-button')\n    return sublayerBackButton\n  }\n\n  @Method()\n  async toggleFirstLayerItem(actionOne, actionTwo) { \n   const navbarItem = this.getNavBarItem()\n   const secondLayerMenu = this.getSubLayerMenu()\n   const subLayerBackButton = this.getSubLayerBackButton()\n   this.handleClassList(subLayerBackButton, [actionOne], 'show')\n   this.handleClassList(navbarItem, [actionTwo], 'hide')\n   this.handleClassList(secondLayerMenu, [actionTwo], 'remove__margin')\n  }\n\n  openSubLayerMenu() { \n    if(this.hasChildNavItems) { \n      const subLayerBackButton = this.getSubLayerBackButton()\n      const rightArrowIcon = this.getRightArrowIcon()\n      const navbarItem = this.getNavBarItem()\n      const subLayerMenu = this.getSubLayerMenu()\n      const slotName = this.el.getAttribute('slot')\n\n      this.handleClassList(subLayerBackButton, 'add', 'show')\n      this.handleClassList(rightArrowIcon, 'add', 'hide')\n      this.handleClassList(navbarItem, 'add', 'layer__item-parent')\n      this.handleClassList(subLayerMenu, 'add', 'open')\n    \n      if(slotName.toLowerCase() === 'second__layer') {\n        this.ifxNavItem.emit({component: this.el, parent: this.el.parentElement, action: 'hideSecondLayer'})\n        this.handleClassList(navbarItem, 'remove', 'menuItem')\n      } else { \n        this.ifxNavItem.emit({component: this.el, action: 'hideFirstLayer'})\n      }\n    }\n  }\n\n  @Method()\n  async addMenuItemClass() { \n    const navbarItem = this.getNavBarItem()\n    this.handleClassList(navbarItem, 'add', 'menuItem')\n    const rightArrowIcon = this.getRightArrowIcon()\n    if(this.hasChildNavItems) { \n      this.handleClassList(rightArrowIcon, 'remove', 'hide')\n    }\n  }\n\n  @Method()\n  async moveChildComponentsBackIntoNavbar() { \n    const subLayerBackButton = this.getSubLayerBackButton()\n    const navbarItem = this.getNavBarItem()\n    const secondLayerMenu = this.getSubLayerMenu()\n\n    this.handleClassList(subLayerBackButton, 'remove', 'show')\n    this.handleClassList(navbarItem, 'remove', 'layer__item-parent')\n    this.handleClassList(secondLayerMenu, 'remove', 'remove__margin')\n\n    this.ifxNavItem.emit({component: this.el, action: 'show'})\n\n    const navItems = this.el.querySelectorAll('[slot=\"second__layer\"]')\n    this.isSidebarMenuItem = false;\n    this.showComponent()\n    this.handleClassList(navbarItem, 'remove', 'hide')\n\n    for(let i = 0; i < navItems.length; i++) { \n      navItems[i].setAttribute('slot', 'first__layer')\n      navItems[i].moveChildComponentsBackIntoNavbar()\n      navItems[i].addMenuItemClass()\n      navItems[i].returnToFirstLayer()\n    }\n  }\n\n  getRightArrowIcon() { \n    const menuItemRightIconWrapper = this.el.shadowRoot.querySelector('.menuItemRightIconWrapper')\n    return menuItemRightIconWrapper;\n  }\n\n  getChevronDownIconWrapper() { \n    const arrowIcon = this.el.shadowRoot.querySelector('.navItemIconWrapper');\n    return arrowIcon;\n  }\n\n  @Method()\n  async returnToFirstLayer() { \n    const subLayerBackButton = this.getSubLayerBackButton()\n    const navbarItem = this.getNavBarItem()\n    const rightArrowIcon = this.getRightArrowIcon()\n    const subLayerMenu = this.getSubLayerMenu()\n    const slotName = this.el.getAttribute('slot')\n\n    this.handleClassList(subLayerBackButton, 'remove', 'show')\n    this.handleClassList(navbarItem, 'remove', 'layer__item-parent')\n    this.handleClassList(subLayerMenu, 'remove', 'open')\n    if(this.hasChildNavItems) { \n      this.handleClassList(rightArrowIcon, 'remove', 'hide')\n    }\n\n    if(slotName.toLowerCase() === 'second__layer') {\n      this.ifxNavItem.emit({component: this.el, parent: this.el.parentElement, action: 'returnToSecondLayer'})\n      this.handleClassList(navbarItem, 'add', 'menuItem')\n    } else { \n      this.ifxNavItem.emit({component: this.el, action: 'return'})\n    }\n  }\n\n  componentWillLoad() {\n    this.setHref()\n    this.checkIfItemIsNested()\n    this.checkIfItemHasChildren()\n  }\n\n  componentDidLoad() { \n    if(this.hasChildNavItems) { \n      const navItems = this.getNavbarItems();\n      this.relocateItemsToFirstlayer(navItems)\n    }\n  }\n\n  componentDidUpdate() { \n    const navbarItem = this.getNavBarItem()\n    const isLayerItemParent = this.handleClassList(navbarItem, 'contains', 'layer__item-parent')\n    if(this.isSidebarMenuItem && isLayerItemParent) {\n      const rightArrowIcon = this.getRightArrowIcon()\n      this.handleClassList(rightArrowIcon, 'add', 'hide')\n    }\n  }\n \n  @Method()\n  async setMenuItemPosition() { \n    if(this.isMenuItem && this.hasChildNavItems) { \n      const menuPosition = this.getItemMenuPosition()\n      if(menuPosition === 'left') { \n        this.itemPosition = 'left'\n      } else if(menuPosition === 'right') { \n        this.itemPosition = 'right'\n      }\n    }\n  }\n\n  handleClassList(el, type, className) {\n    el.classList[type](className)\n    if (type === 'contains') {\n      return el.classList.contains(className)\n    }\n  }\n\n  getNavbarItems() {\n    const navItems = this.el.querySelectorAll('ifx-navbar-item')\n    return navItems;\n  }\n  \n  getNavBarItem() { \n    const navItem = this.el.shadowRoot.querySelector('.navbar__item')\n    return navItem;\n  }\n\n  getSubLayerMenu() { \n    const subLayerMenu = this.el.shadowRoot.querySelector('.sub__layer-menu')\n    return subLayerMenu;\n  }\n\n  relocateItemsToFirstlayer(navItems) { \n     navItems.forEach(item => {\n      item.setAttribute('slot', 'first__layer')\n    })\n  }\n\n  setHref() {\n    if (this.href.toLowerCase().trim() === \"\") {\n      this.internalHref = undefined;\n    } else this.internalHref = this.href;\n  }\n\n  checkIfItemIsNested() {\n    const parentElement = this.el.parentElement;\n    if (parentElement.tagName.toUpperCase() === 'IFX-NAVBAR-ITEM' \n    || parentElement.tagName.toUpperCase() === 'IFX-NAVBAR-PROFILE') {\n      this.isMenuItem = true;\n      return;\n    } else {\n      this.isMenuItem = false;\n    }\n  }\n\n  checkIfItemHasChildren() { \n    const sidebarItems = this.getNavbarItems();\n    if (sidebarItems.length !== 0) {\n      this.hasChildNavItems = true;\n    } else {\n      this.hasChildNavItems = false;\n    } \n  }\n\n  @Method()\n  async setItemSideSpecifications() {  \n    const menuItem = this.el;\n    const itemMenu = this.getItemMenu()\n    const slotValue = menuItem.getAttribute('slot')\n \n    if(slotValue.toLowerCase().trim() === \"right-item\") { \n      this.handleClassList(itemMenu, 'add', 'rightSideItemMenu')\n    }\n\n    return true;\n  }\n\n  getItemMenu() { \n    const menu = this.el.shadowRoot.querySelector('.navbar-menu');\n    return menu;\n  }\n\n  closeItemMenu() { \n    const itemMenu = this.getItemMenu()\n    const menuItem = this.getNavBarItem()\n    if(itemMenu) { \n      this.handleClassList(itemMenu, 'remove', 'open')\n      this.handleClassList(menuItem, 'remove', 'open')\n    }\n  }\n\n  getItemMenuPosition() {\n    let parentElement = this.el;\n    while(parentElement) {\n      if(parentElement.tagName === 'IFX-NAVBAR-PROFILE' || parentElement.slot === 'right-item') {\n        return 'left'\n      }\n      parentElement = parentElement.parentElement || parentElement.getRootNode().host;\n    }\n    return 'right'\n  }\n  \n  toggleItemMenu() {\n    const slotName = this.el.getAttribute('slot')\n\n    if(slotName.toLowerCase() === 'mobile-menu-top' || slotName.toLowerCase() === 'second__layer') { \n      this.openSubLayerMenu()\n    }\n\n    if(!this.internalHref && slotName.toLowerCase() !== 'mobile-menu-top' && slotName.toLowerCase() !== 'second__layer' ) {   \n      const itemMenu = this.getItemMenu()\n    \n      if(this.hasChildNavItems) { \n        const menuItem = this.getNavBarItem()\n        this.handleClassList(itemMenu, 'toggle', 'open');\n        this.handleClassList(menuItem, 'toggle', 'open');\n      } \n    }\n  }\n\n  handleNestedLayerMenu(e) { \n    if(this.isMenuItem && this.hasChildNavItems && !this.isSidebarMenuItem) { \n      const itemMenu = this.getItemMenu()\n      const menuPosition = this.getItemMenuPosition()\n      if(e.type.toUpperCase() === 'MOUSEENTER') { \n        this.handleClassList(itemMenu, 'add', 'open')\n        if(menuPosition === 'left') { \n          this.handleClassList(itemMenu, 'add', 'left')\n        } else if(menuPosition === 'right') { \n          this.handleClassList(itemMenu, 'add', 'right')\n        }\n      }\n\n      if(e.type.toUpperCase() === 'MOUSELEAVE') { \n        this.handleClassList(itemMenu, 'remove', 'open')\n        if(menuPosition === 'left') { \n          this.handleClassList(itemMenu, 'remove', 'left')\n        } else if (menuPosition === 'right') { \n          this.handleClassList(itemMenu, 'remove', 'right')\n        }\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"container\" onMouseLeave={e => this.handleNestedLayerMenu(e)}  onMouseEnter={e => this.handleNestedLayerMenu(e)}>\n        <div class=\"sub__layer-back-button\">\n          <div class=\"back__button-wrapper\" onClick={() => this.returnToFirstLayer()}>\n            <ifx-icon icon=\"arrow-left-16\" />\n            <span>Back</span>\n          </div>\n        </div>\n        <a href={this.internalHref} target={this.target} onClick={() => this.toggleItemMenu()} class=   {`navbar__item ${this.isSidebarMenuItem ? 'sidebarMenuItem' : \"\"} ${!this.showLabel ? 'removeLabel' : \"\"} ${this.isMenuItem ? 'menuItem' : \"\"} ${this.hasChildNavItems ? 'isParent' : \"\"}`}>\n          <div class=\"inner__content-wrapper\">\n            <div class={`navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon ? \"removeWrapper\" : \"\"}`}>\n              {this.icon && <ifx-icon icon={this.icon}></ifx-icon>}\n            </div>\n\n            {this.itemPosition === 'left' \n            && this.hasChildNavItems \n            && this.isMenuItem && \n            <div class=\"menuItemLeftIconWrapper\">\n                <ifx-icon icon=\"chevron-left-12\" />\n            </div>}\n\n            <span class=\"label__wrapper\">\n              <slot />\n            </span>\n          </div>\n\n          <div class={`navItemIconWrapper ${this.hasChildNavItems && !this.isMenuItem && !this.isSidebarMenuItem ? '' : \"hide\"}`}>\n            <ifx-icon icon=\"chevron-down-12\" />\n          </div>\n          \n         {<div class={`menuItemRightIconWrapper ${((this.itemPosition === 'right' && this.hasChildNavItems && this.isMenuItem) || (this.isSidebarMenuItem && this.hasChildNavItems)) ? '' : \"hide\"}`}>\n            <ifx-icon icon=\"chevron-right-12\" />\n          </div>}\n        </a>\n        \n        {this.hasChildNavItems && !this.isSidebarMenuItem && <ul class='navbar-menu'> <slot name=\"first__layer\" /> </ul>}\n        {this.isSidebarMenuItem && <ul class='sub__layer-menu'> <slot name=\"second__layer\" /> </ul>}\n\n      </div>\n    )\n  }\n}"],"mappings":"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","ignoreList":[]}