@infineon/infineon-design-system-stencil 32.9.0--canary.1690.0fd1d4f3930adff7951d6ac8fa7cd8a2f129f926.0 → 32.9.0--canary.1690.068dfcbe53f27141aecedef167d7bc4258a4c9cf.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["infineonIconStencilCss","IfxIconStyle0","InfineonIconStencil","constructor","hostRef","this","icon","convertStringToHtml","htmlString","div","document","createElement","innerHTML","firstChild","convertHtmlToObject","htmlElement","pathToObject","Array","from","attributes","name","value","reduce","acc","current","convertPathsToVnode","htmlPath","svgPaths","parentPath","parentPathToVnode","h","push","paths","querySelectorAll","pathLength","length","i","objToVnode","getSVG","svgPath","class","width","ifxIcon","height","xmlns","fill","viewBox","constructIcon","svgContent","SVG","console","error","consoleError","emit","componentWillLoad","removeHyphen","str","toLowerCase","replace","_m","chr","getIcon","render","Host","key","navbarCss","IfxNavbarStyle0","Navbar","main","products","applications","design","support","about","applicationName","hasLeftMenuItems","fixed","showLogoAndAppname","logoHref","internalLogoHref","logoHrefTarget","internalLogoHrefTarget","addEventListenersToHandleCustomFocusState","element","el","shadowRoot","tabIndex","aElements","slot","querySelector","assignedNodes","node","nodeName","navbarItem","clearFirstLayerMenu","event","detail","action","leftMenuItems","getMobileMenuTop","isSameNode","component","hideComponent","parent","children","toggleFirstLayerItem","showComponent","removeEmptyItem","getWrappers","rightContentNavigationGroup","searchBarRightWrapper","searchBarLeftWrapper","rightSideItemSlot","rightSideSlot","leftSideSlot","rightAssignedNodes","leftAssignedNodes","navbarProfile","rightMenuItems","topRowWrapper","hideNavItems","searchBarIsOpen","l","classList","contains","r","hideOnMobile","showNavItems","undefined","handleSearchBarToggle","toggleClass","className","toggle","handleSidebar","sidebarIconWrapper","currentTarget","closest","sidebarIconOpen","sidebarIconClose","mainContainer","navbarWrapper","sidebarWrapper","handleBodyScroll","body","style","overflow","handleDropdownMenu","dropdownWrapper","iconWrapper","setItemMenuPosition","navbarItems","itemChildren","forEach","item","setMenuItemPosition","setMenuItemChildrenPosition","hasNestedItems","setItemSideSpecifications","subItem","getMediaQueryList","mediaQueryList","window","matchMedia","componentDidLoad","matches","moveNavItemsToSidebar","display","handleMobileMenuBottom","e","mobileMenuBottomWrapper","slotElement","target","nodes","add","remove","handleLogoHrefAndTarget","trim","includes","RemoveSpaceOnStorybookSnippet","dropdownMenu","addEventListener","getSearchBarLeftWrapper","getMobileMenuBottom","handleBurgerIcon","burgerIconWrapper","crossIcon","searchBarLeft","onNavbarMobile","setAttribute","moveChildComponentsIntoSubLayerMenu","tagName","toUpperCase","showLabel","toggleChildren","leftIsInitial","searchBarRight","moveChildComponentsBackIntoNavbar","navbarProfileItem","showProfileItemLabel","getAttribute","parentElement","storybookWrapper","href","d","id","onClick","bind","onSlotchange","navbarItemCss","IfxNavbarItemStyle0","NavbarItem","internalHref","isMenuItem","hasChildNavItems","isSidebarMenuItem","handleOutsideClick","path","composedPath","itemMenu","getItemMenu","closeItemMenu","arrowIcon","getChevronDownIconWrapper","handleClassList","subLayerMenu","subLayerMenuIsOpened","getNavBarItem","subLayerBackButton","getSubLayerBackButton","ifxNavItem","navItems","sublayerBackButton","actionOne","actionTwo","secondLayerMenu","getSubLayerMenu","openSubLayerMenu","rightArrowIcon","getRightArrowIcon","slotName","addMenuItemClass","returnToFirstLayer","menuItemRightIconWrapper","setHref","checkIfItemIsNested","checkIfItemHasChildren","emitEmptyItem","handleItemGap","handleLabelWrapper","getNavbarItems","relocateItemsToFirstlayer","componentDidUpdate","isLayerItemParent","menuPosition","getItemMenuPosition","itemPosition","type","navItem","sidebarItems","menuItem","slotValue","menu","getRootNode","host","toggleItemMenu","handleNestedLayerMenu","labelWrapper","innerContentWrapper","numberIndicatorWrapper","numberIndicator","onMouseLeave","onMouseEnter","isNaN","numberIndicatorCss","IfxNumberIndicatorStyle0","NumberIndicator","inverted","handleSlotChange","text","_b","_a","flatten","textContent","num","parseInt","displayValue","searchBarCss","IfxSearchBarStyle0","SearchBar","isOpen","disabled","autocomplete","handleCloseButton","internalState","ifxOpen","handleFocus","handlePropChange","setInitialState","handleInput","maxlength","onIfxInput","tabindex","searchFieldCss","IfxSearchFieldStyle0","SearchField","insideDropdown","showDeleteIcon","showDeleteIconInternalState","size","isFocused","placeholder","query","inputElement","ifxInput","handleDelete","valueWatcher","newValue","focusInput","focus","componentWillUpdate","getWrapperClassNames","onFocus","ref","onInput","getSizeClass","classNames"],"sources":["src/components/icon/infineonIconStencil.scss?tag=ifx-icon","src/components/icon/infineonIconStencil.tsx","src/components/navigation/navbar/navbar.scss?tag=ifx-navbar&encapsulation=shadow","src/components/navigation/navbar/navbar.tsx","src/components/navigation/navbar/navbar-item.scss?tag=ifx-navbar-item&encapsulation=shadow","src/components/navigation/navbar/navbar-item.tsx","src/components/number-indicator/number-indicator.scss?tag=ifx-number-indicator&encapsulation=shadow","src/components/number-indicator/number-indicator.tsx","src/components/search-bar/search-bar.scss?tag=ifx-search-bar&encapsulation=shadow","src/components/search-bar/search-bar.tsx","src/components/search-field/search-field.scss?tag=ifx-search-field&encapsulation=shadow","src/components/search-field/search-field.tsx"],"sourcesContent":["ifx-icon {\n  display: inline-flex;\n  justify-content: center;\n\n  &:empty {\n    display: none;\n  }\n}","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\nimport { getIcon } from '@infineon/infineon-icons'\n \n\n\n@Component({\n  tag: 'ifx-icon',\n  styleUrl: './infineonIconStencil.scss'\n})\n\nexport class InfineonIconStencil {\n  @Prop({ mutable: true }) icon: string = \"\"\n  @Prop({ mutable: true }) ifxIcon: any;\n  @Event() consoleError: EventEmitter<boolean>;\n \n  convertStringToHtml(htmlString) { \n    const div = document.createElement('div')\n    div.innerHTML = htmlString\n    return div.firstChild\n  }\n\n  convertHtmlToObject(htmlElement) { \n    let pathToObject = Array\n      .from(htmlElement.attributes, ({ name, value }) => ({ name, value }))\n      .reduce((acc, current) => {\n        acc[current.name] = current.value\n        return acc\n      }, {})\n\n    return pathToObject\n  }\n\n  convertPathsToVnode(htmlPath) { \n    let svgPaths = []\n    const parentPath = this.convertHtmlToObject(htmlPath);\n    const parentPathToVnode = h(\"path\", parentPath);\n    svgPaths.push(parentPathToVnode)\n    if(htmlPath.firstChild) { \n      const paths = htmlPath.querySelectorAll('path');\n      const pathLength = htmlPath.querySelectorAll('path').length;\n      for(let i = 0; i < pathLength; i++) { \n        let pathToObject = this.convertHtmlToObject(paths[i])\n        let objToVnode = h(\"path\", pathToObject)\n        svgPaths.push(objToVnode)\n      }      \n    }\n    return svgPaths\n  }\n\n  getSVG(svgPath) {\n    return <svg class=\"inline-svg\" width={this.ifxIcon.width} height={this.ifxIcon.height} xmlns=\"http://www.w3.org/2000/svg\" fill={this.ifxIcon.fill} viewBox={this.ifxIcon.viewBox}>{...svgPath}</svg>\n  }\n\n  constructIcon() {\n    if(this.ifxIcon) {\n      const htmlPath = this.convertStringToHtml(this.ifxIcon.svgContent)\n      const svgPath = this.convertPathsToVnode(htmlPath)\n      const SVG = this.getSVG(svgPath)\n      return SVG;\n    } else if(this.icon !== \"\") {\n      console.error('Icon not found!')\n      this.consoleError.emit(true)\n      return;\n    }  else { \n      return;\n    }\n  }\n\n  componentWillLoad() {\n    const removeHyphen = (str) => str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (_m, chr) => chr);\n    this.ifxIcon = getIcon(removeHyphen(this.icon));\n  }\n\n\n\n  render() {\n    return (\n      <Host>\n      {this.constructIcon()}\n      </Host>\n    );\n  }\n}","@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n:host {\n  width: 100%;\n  display: block;\n}\n\n\n.navbar__wrapper {\n  font-family: var(--ifx-font-family);\n  height: 63px;\n  position: sticky;\n  //overflow: hidden;\n  z-index: 1030;\n  border-bottom: 1px solid #EEEDED;\n\n  &.fixed {\n    border-bottom: none;\n  }\n\n  // border-bottom: 1px solid #EEEDED; //when fixed is false\n}\n\n.navbar__main-container {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  //overflow: hidden;\n  transition: all 1s;\n  z-index: 1020;\n\n  &.fixed {\n    position: fixed;\n\n    & .navbar__container {\n      border-bottom: 1px solid #EEEDED;\n    }\n  }\n\n  &.show {\n    height: 100vh;\n    bottom: 0;\n    background-color: tokens.$ifxColorOverlayDark;\n    transition: 1s;\n    z-index: 1;\n  }\n}\n\n.navbar__sidebar {\n  box-sizing: border-box;\n  position: fixed;\n  right: -100%;\n  top: 64px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  // padding: 32px;\n  width: 375px;\n  height: calc(100vh - 64px);\n  background-color: tokens.$ifxColorBaseWhite;\n  transition: right 1s;\n  z-index: 1030;\n\n  &.show {\n    right: 0;\n    transition: right 1s;\n  }\n\n  & .navbar__sidebar-top-row { \n    display: flex;\n    padding: var(--borderRadius-none, 0px) var(--space-300, 24px) 30px var(--space-300, 24px);\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--space-200, 16px);\n    flex: 1 0 0;\n    align-self: stretch;\n\n    overflow-y: auto;\n\n    & .navbar__sidebar-top-row-wrapper { \n      display: flex;\n      padding-top: var(--space-200, 16px);\n      flex-direction: column;\n      align-items: flex-start;\n      align-self: stretch;\n      gap: 16px;\n\n      &.expand { \n        align-items: initial;\n      }\n\n      & .navbar__sidebar-top-row-item { \n        display: flex;\n        padding: var(--space-200, 0px) var(--space-50, 4px) var(--space-200, 0px) 0px;\n        align-items: center;\n        gap: var(--space-100, 8px);\n        align-self: stretch;\n        justify-content: space-between;\n\n        & .navbar__sidebar-top-row-item-icon-wrapper { \n          & ifx-icon { \n            vertical-align: middle;\n          }\n        }\n  \n  \n        &:hover { \n          cursor: pointer;\n        }\n  \n        & .navbar__sidebar-top-row-item-label { \n          color: var(--color-base-black, #1D1D1D);\n          font-family: \"Source Sans 3\";\n          font-size: 16px;\n          font-style: normal;\n          font-weight: 400;\n          line-height: 24px; \n        }\n  \n      }\n    }\n\n  }\n\n  & .navbar__sidebar-bottom-row { \n    //display: flex;\n    display: none;\n    padding: var(--space-150, 12px) var(--space-300, 24px) var(--space-150, 12px) var(--space-200, 16px);\n    flex-direction: column;\n    align-items: flex-start;\n    align-self: stretch;\n    background: var(--color-engineering-100, #F7F7F7);\n    border-top: 1px solid var(--color-engineering-200, #EEEDED);\n    gap: 10px;\n\n    max-height: 160px;\n    overflow-y: auto;\n\n    &.show { \n      display: flex;\n    }\n   \n\n    & .navbar__sidebar-bottom-row-item { \n      display: flex;\n      height: 40px;\n      padding-right: var(--space-50, 4px);\n      align-items: center;\n      gap: var(--space-100, 8px);\n      flex: 1 0 0;\n \n      & .navbar__sidebar-bottom-row-item-label {\n        color: var(--color-base-black, #1D1D1D);\n        font-family: \"Source Sans 3\";\n        font-size: 16px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 24px; \n      }\n\n      & .navbar__sidebar-bottom-row-item-icon-wrapper { \n       display: flex;\n       align-items: center;\n      }\n    }\n\n  }\n\n\n  & .navbar__sidebar-content-products,\n  & .navbar__sidebar-content-main {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 0px;\n    gap: 24px;\n    flex: none;\n    order: 0;\n    align-self: stretch;\n    flex-grow: 0;\n\n    & .navbar__sidebar-content-products-header,\n    & .navbar__sidebar-content-about-header {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      padding: 0px;\n      gap: 16px;\n      flex: none;\n      order: 0;\n      align-self: stretch;\n      flex-grow: 0;\n      color: #BFBBBB;\n\n      & span {\n        color: tokens.$ifxColorBaseBlack;\n        font-weight: 600;\n        font-size: 18px;\n        line-height: 28px;\n        display: flex;\n        align-items: center;\n      }\n    }\n\n    & .navbar__sidebar-content-products-menu,\n    & .navbar__sidebar-content-main-menu {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      padding: 0px;\n      gap: 16px;\n      flex: none;\n      order: 1;\n      flex-grow: 0;\n      width: 100%;\n\n      & .navbar__sidebar-content-products-menu-item,\n      & .navbar__sidebar-content-main-menu-item {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 0px;\n        flex: none;\n        order: 0;\n        flex-grow: 0;\n\n        & a {\n          text-decoration: none;\n          font-style: normal;\n          font-weight: 400;\n          font-size: 16px;\n          line-height: 24px;\n          display: flex;\n          align-items: center;\n          color: tokens.$ifxColorBaseBlack;\n        }\n      }\n\n      & .navbar__sidebar-content-main-menu-item {\n        color: tokens.$ifxColorEngineering300;\n\n        & a {\n          font-style: normal;\n          font-weight: 600;\n          font-size: 18px;\n          line-height: 28px;\n          display: flex;\n          align-items: center;\n          color: tokens.$ifxColorBaseBlack;\n          flex: none;\n          order: 0;\n          flex-grow: 1;\n        }\n      }\n    }\n\n    & .navbar__sidebar-content-main-menu {\n      align-items: normal;\n    }\n  }\n}\n\n.navbar__container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 40px;\n  gap: 16px;\n  background-color: tokens.$ifxColorBaseWhite;\n  font-family: var(--ifx-font-family);\n\n  &.expanded { \n    justify-content: initial;\n  }\n\n  // &.fixed { \n  //   border-bottom: 1px solid #EEEDED; //when fixed is true\n  // }\n\n  & .navbar__container-search-field-wrapper { \n    display: none;\n\n    &.show { \n      display: flex;\n    }\n  }\n\n  & .navbar__container-left {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0;\n    gap: 16px;\n    flex: none;\n    order: 0;\n    flex-grow: 0;\n\n    &.hide {\n      display: none;\n    }\n\n    &.expand { \n      justify-content: initial;\n      flex: 1;\n        & .navbar__container-left-content { \n          align-items: initial;\n          flex: 1;\n          & .navbar__container-left-content-navigation-group { \n            justify-content: initial;\n            flex: 1;\n            & .navbar__container-left-content-navigation-item-search-bar { \n              flex: 1;\n            }\n          }\n        }\n      \n    }\n\n    & .navbar__container-left-logo {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      padding: 0px;\n      gap: 16px;\n      flex: none;\n      order: 0;\n      flex-grow: 0;\n\n      &.hide { \n        display: none;\n      }\n\n      & h6 {\n        position: relative;\n        margin: 0;\n        padding: 0;\n        font-style: normal;\n        font-weight: 600;\n        font-size: 16px;\n        //line-height: 24px;\n        display: flex;\n        align-items: center;\n        color: tokens.$ifxColorBaseBlack;\n        flex: none;\n        order: 1;\n        flex-grow: 0;\n      }\n\n      & .navbar__container-left-logo-default {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        padding: 12px 0px;\n        flex: none;\n        order: 0;\n        flex-grow: 0;\n\n        & svg {\n          width: 91px;\n          height: 40px;\n          flex: none;\n          order: 0;\n          flex-grow: 0;\n          vertical-align: bottom;\n        }\n      }\n\n      & .navbar__container-left-logo-divider {\n        width: 1px;\n        height: 32px;\n        background: tokens.$ifxColorEngineering200;\n        flex: none;\n        order: 2;\n        flex-grow: 0;\n      }\n    }\n\n    & .navbar__container-left-content {\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      align-items: flex-start;\n      padding: 0px;\n      flex: none;\n      order: 1;\n      flex-grow: 0;\n\n      & .navbar__container-left-content-navigation-group {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 0px;\n        gap: 4px;\n        flex: none;\n        order: 0;\n        flex-grow: 0;\n\n        & .navbar__container-left-content-navigation-item-search-bar {\n          display: flex; //none\n          flex-direction: row;\n          align-items: center;\n          padding: 0px 8px;\n          flex: none;\n          order: 5;\n          flex-grow: 0;\n          //width: 256px;\n          //height: 40px;\n        }\n\n        & .navbar__container-left-content-navigation-item {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          padding: 0px 8px;\n          gap: 8px;\n          flex: none;\n          order: 0;\n          flex-grow: 0;\n\n          & a {\n            display: flex;\n            align-items: center;\n            font-weight: 400;\n            font-size: 16px;\n            line-height: 24px;\n            color: tokens.$ifxColorBaseBlack;\n            text-decoration: none;\n            flex: none;\n            order: 0;\n            flex-grow: 0;\n          }\n        }\n      }\n    }\n  }\n\n  & .navbar__container-right {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n    padding: 0;\n    gap: 8px;\n    flex: none;\n    order: 1;\n    flex-grow: 0;\n\n    &.hide { \n      display: none;\n    }\n\n    &.expand { \n      justify-content: initial;\n      flex: 1;\n        & .navbar__container-right-content { \n          align-items: initial;\n          flex: 1;\n          & .navbar__container-right-content-navigation-group { \n            justify-content: initial;\n            flex: 1;\n            & .navbar__container-right-content-navigation-item-search-bar { \n              flex: 1;\n              & .navbar__container-right-content-navigation-item-search-bar-icon-wrapper { \n                flex: 1;\n              }\n            }\n          }\n        }\n      \n    }\n\n    & .navbar__burger-icon-wrapper {\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      align-items: center;\n      padding: 4px 0px 4px 16px;\n      border-left: 1px solid tokens.$ifxColorEngineering300;\n      gap: 16px;\n      flex: none;\n      order: 1;\n      flex-grow: 0;\n      width: 41px;\n      height: 40px;\n\n      &.hide { \n        display: none;\n      }\n\n      & .navbar__burger-icon {\n        display: flex;\n        align-items: center;\n\n        &:hover { \n          cursor: pointer;\n        }\n\n        &.close {\n          display: none;\n        }\n      }\n\n      & .navbar__cross-icon {\n        display: none;\n        align-items: center;\n\n        &.show {\n          display: flex;\n\n          &:hover { \n            cursor: pointer;\n          }\n        }\n      }\n    }\n\n    & .navbar__container-right-content {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      padding: 0px;\n      flex: none;\n      order: 0;\n      flex-grow: 0;\n\n      & .navbar__container-right-content-navigation-group {\n        position: relative;\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-end;\n        align-items: center;\n        padding: 0px;\n        flex: none;\n        order: 0;\n        flex-grow: 0;\n\n        & .navbar__container-right-content-navigation-item,\n        & .navbar__container-right-content-navigation-item-profile,\n        & .navbar__container-right-content-navigation-item-search-bar {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          padding: 0px 8px;\n          gap: 4px;\n          flex: none;\n          order: 0;\n          flex-grow: 0;\n\n          & .navbar__container-right-content-navigation-item-search-bar-icon-wrapper {\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            //width: 24px;\n            //height: 24px;\n            //max-width: 200px;\n\n            &.isOpen { \n              position: absolute;\n              top: 10px;\n            }\n          }\n\n          & .navbar__container-right-content-navigation-item-navigation-profile {\n            position: relative;\n            width: 24px;\n            height: 24px;\n            background: tokens.$ifxColorOcean500;\n            border-radius: 100px;\n            flex: none;\n            order: 0;\n            flex-grow: 0;\n\n            & a {\n              position: absolute;\n              width: 22px;\n              height: 20px;\n              left: calc(50% - 22px/2);\n              top: calc(50% - 20px/2);\n              font-style: normal;\n              font-weight: 600;\n              font-size: 14px;\n              line-height: 20px;\n              text-decoration: none;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              text-align: center;\n              color: tokens.$ifxColorBaseWhite;\n            }\n          }\n\n          & .navbar__container-right-content-navigation-item-icon-wrapper {\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\n          & a {\n            font-style: normal;\n            font-weight: 400;\n            font-size: 14px;\n            line-height: 20px;\n            color: tokens.$ifxColorBaseBlack;\n            text-decoration: none;\n            display: flex;\n            align-items: center;\n            flex: none;\n            order: 1;\n            flex-grow: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n//burger icon exist, and left container is gone\n@media screen and (max-width: 800px) {\n  .navbar__container {\n    padding: 0px 16px;\n    height: 64px;\n    gap: initial;\n\n    &.expanded { \n      & .navbar__container-right {\n        & .navbar__burger-icon-wrapper {\n          display: none;\n        }\n      }\n    }\n\n    & .navbar__container-left {\n      & .navbar__container-left-content {\n        display: none;\n      }\n\n      & .navbar__container-left-logo {\n        & .navbar__container-left-logo-divider {\n          display: none;\n        }\n      }\n    }\n\n    & .navbar__container-right {\n      flex: 1;\n    }\n  }\n\n  .navbar__sidebar {\n    width: 0;\n    transition: 1s;\n\n    // &.show {\n    //   width: 100%;\n    // }\n\n  }\n}\n\n@media screen and (max-width: 500px) {\n  .navbar__sidebar {\n    &.show {\n      width: 100%;  // 100% of viewport width\n    }\n  }\n}\n\n@media screen and (min-width: 500px) {\n  .navbar__sidebar {\n    &.show {\n      width: 50%;  // 100% of viewport width\n    }\n  }\n}\n\n//burger icon disappears\n@media screen and (min-width: 800px) {\n  .navbar__wrapper {\n    height: 63px;\n  }\n\n  .navbar__container {\n    padding: 0px 16px;\n    height: 63px;\n    gap: initial;\n\n    & .navbar__container-right {\n      & .navbar__burger-icon-wrapper {\n        display: none;\n      }\n    }\n  }\n\n  .navbar__main-container {\n    &.show {\n      height: auto;\n      background-color: inherit;\n      transition: none;\n    }\n  }\n\n  .navbar__sidebar {\n    width: 0;\n    transition: 1s;\n    &.show { \n      right: -100%;\n    }\n  }\n\n}\n\n//left container appears\n@media screen and (min-width: 1024px) {\n  .navbar__wrapper {\n    height: 72px;\n  }\n\n  .navbar__container {\n    padding: 0px 24px;\n    height: 72px;\n\n    & .navbar__container-left {\n      gap: 12px;\n      display: flex;\n\n      & .navbar__container-left-content {\n        display: flex;\n      }\n\n      & .navbar__container-left-logo-default {\n        & svg {\n          width: 72.8px;\n          height: 32px;\n        }\n      }\n    }\n  }\n\n  .navbar__main-container {\n    &.show {\n      height: auto;\n      background-color: inherit;\n      transition: none;\n    }\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .navbar__wrapper {\n    height: 80px\n  }\n\n  .navbar__container {\n    padding: 0px 32px;\n    height: 80px;\n\n    & .navbar__container-left {\n      & .navbar__container-left-content {\n        justify-content: inherit;\n      }\n    }\n\n    & .navbar__container-right {\n      & .navbar__container-right-content {\n        justify-content: inherit;\n      }\n    }\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .navbar__wrapper {\n    height: 80px;\n  }\n\n  .navbar__container {\n    padding: 0px 40px;\n    height: 80px;\n\n    & .navbar__container-left {\n      & .navbar__container-left-content {\n        justify-content: center;\n      }\n    }\n\n    & .navbar__container-right {\n      & .navbar__container-right-content {\n        justify-content: inherit;\n      }\n    }\n  }\n}","import { Component, h, Element, State, Prop, Listen, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-navbar',\n  styleUrl: 'navbar.scss',\n  shadow: true,\n})\n\nexport class Navbar {\n  @Element() el;\n  @State() main: boolean = true\n  @State() products: boolean = false\n  @State() applications: boolean = false\n  @State() design: boolean = false\n  @State() support: boolean = false\n  @State() about: boolean = false\n  @Prop() applicationName: string = \"\"\n  @State() hasLeftMenuItems: boolean = true;\n  @Prop() fixed: boolean = true;\n  @Prop() showLogoAndAppname: boolean = true;\n  @State() searchBarIsOpen: string;\n  @Prop() logoHref: string = \"\";\n  @State() internalLogoHref: string = \"\"\n  @Prop() logoHrefTarget: string = '_self';\n  @State() internalLogoHrefTarget: string = '_self';\n  @Event() ifxNavbarMobileMenuIsOpen: EventEmitter;\n\n  private addEventListenersToHandleCustomFocusState() {\n    const element = this.el.shadowRoot.firstChild;\n\n    if (!element) {\n      console.error('element not found');\n      return;\n    }\n    element.tabIndex = -1;\n\n    // Select all a elements in the navbar and set their tabIndex to -1 to make them non-focusable\n    const aElements = element.querySelectorAll('a');\n    for (let i = 0; i < aElements.length; i++) {\n      aElements[i].tabIndex = -1;\n    }\n\n    const slot = element.querySelector('slot');\n    if (slot) {\n      const assignedNodes = slot.assignedNodes();\n      for (let i = 0; i < assignedNodes.length; i++) {\n        const node = assignedNodes[i] as HTMLElement;\n        if (node.nodeName === 'IFX-NAVBAR-ITEM') {\n          const navbarItem = node as HTMLIfxNavbarItemElement;\n\n          // Get all navigation items\n          const aElements = navbarItem?.shadowRoot.querySelectorAll('a');\n          for (let i = 0; i < aElements.length; i++) {\n            aElements[i].tabIndex = -1;\n          }\n        }\n      }\n    }\n  }\n\n  @Listen('ifxNavItem') \n  clearFirstLayerMenu(event: CustomEvent) { \n    if(event.detail.action === 'hideFirstLayer') { \n      const leftMenuItems = this.getMobileMenuTop()\n      for(let i = 0; i < leftMenuItems.length; i++) { \n        if(!leftMenuItems[i].isSameNode(event.detail.component)) {\n          leftMenuItems[i].hideComponent()\n        }\n      }\n    }\n\n    if(event.detail.action === 'hideSecondLayer') { \n      const parent = event.detail.parent;\n      const children = parent.children;\n      parent.toggleFirstLayerItem('remove', 'add')\n      for(let i = 0; i < children.length; i++) { \n        if(!children[i].isSameNode(event.detail.component)) {\n          children[i].hideComponent()\n        }\n      }\n    }\n\n    if(event.detail.action === 'returnToSecondLayer') { \n      const parent = event.detail.parent;\n      const children = parent.children;\n      parent.toggleFirstLayerItem('add', 'remove')\n      for(let i = 0; i < children.length; i++) { \n        if(!children[i].isSameNode(event.detail.component)) {\n          children[i].showComponent()\n        }\n      }\n    }\n\n    if(event.detail.action === 'show') { \n      const leftMenuItems = this.el.querySelectorAll('[slot=\"left-item\"]')\n      for(let i = 0; i < leftMenuItems.length; i++) { \n        if(!leftMenuItems[i].isSameNode(event.detail.component)) {\n          leftMenuItems[i].showComponent()\n        }\n      }\n    }\n\n    if(event.detail.action === 'return') { \n      const leftMenuItems = this.getMobileMenuTop()\n      for(let i = 0; i < leftMenuItems.length; i++) { \n        if(!leftMenuItems[i].isSameNode(event.detail.component)) {\n          leftMenuItems[i].showComponent()\n        }\n      }\n    }\n\n    this.removeEmptyItem(event.detail)\n  }\n\n  getWrappers() {\n    const rightContentNavigationGroup = this.el.shadowRoot.querySelector('.navbar__container-right-content-navigation-group')\n    const searchBarRightWrapper = this.el.shadowRoot.querySelector('.navbar__container-right-content-navigation-item-search-bar-icon-wrapper')\n    const searchBarLeftWrapper = this.el.shadowRoot.querySelector('.navbar__container-left-content-navigation-item-search-bar')\n    const rightSideItemSlot = rightContentNavigationGroup.querySelector('slot[name=\"right-item\"]');\n    const rightSideSlot = searchBarRightWrapper.querySelector('slot');\n    const leftSideSlot = searchBarLeftWrapper.querySelector('slot');\n    const rightAssignedNodes = rightSideSlot.assignedNodes();\n    const leftAssignedNodes = leftSideSlot.assignedNodes();\n    const navbarProfile = this.el.querySelector('ifx-navbar-profile');\n    const leftMenuItems = this.el.querySelectorAll('[slot=\"left-item\"]');\n    const rightMenuItems = this.el.querySelectorAll('[slot=\"right-item\"]');\n    const topRowWrapper = this.el.shadowRoot.querySelector('.navbar__sidebar-top-row-wrapper')\n    \n    return {rightSideItemSlot, rightSideSlot, leftSideSlot, rightAssignedNodes, leftAssignedNodes, navbarProfile, leftMenuItems, rightMenuItems, topRowWrapper};\n  }\n\n  hideNavItems() {\n    const { rightAssignedNodes, leftAssignedNodes, navbarProfile, leftMenuItems, rightMenuItems, topRowWrapper } = this.getWrappers();\n    \n    if(rightAssignedNodes.length !== 0) { \n      this.searchBarIsOpen = 'right'\n    } else if(leftAssignedNodes.length !== 0) {\n      this.searchBarIsOpen = 'left'\n    }\n\n    if(navbarProfile) { \n      navbarProfile.hideComponent()\n    }\n    \n    for(let l = 0; l < leftMenuItems.length; l++) { \n      if(!topRowWrapper.classList.contains('expand')) {\n        leftMenuItems[l].hideComponent()\n      }\n    }\n  \n    for(let r = 0; r < rightMenuItems.length; r++) { \n      if(topRowWrapper.classList.contains('expand')) {\n        if(!rightMenuItems[r].hideOnMobile) { \n          rightMenuItems[r].hideComponent()\n        }\n      } else { \n        rightMenuItems[r].hideComponent()\n      }\n    }\n  }\n\n  showNavItems() {\n    const { navbarProfile, leftMenuItems, rightMenuItems, topRowWrapper } = this.getWrappers();\n    this.searchBarIsOpen = undefined;\n    \n    if(navbarProfile) {\n      navbarProfile.showComponent()\n    }\n    \n    for(let l = 0; l < leftMenuItems.length; l++) { \n      if(!topRowWrapper.classList.contains('expand')) {\n        leftMenuItems[l].showComponent()\n      }\n    }\n  \n    for(let r = 0; r < rightMenuItems.length; r++) { \n      if(topRowWrapper.classList.contains('expand')) {\n        if(!rightMenuItems[r].hideOnMobile) { \n          rightMenuItems[r].showComponent()\n        }\n      } else { \n        rightMenuItems[r].showComponent()\n      }\n    }\n  }\n  \n  \n  @Listen('ifxOpen')\n  handleSearchBarToggle(event: CustomEvent) {\n   \n    if(event.detail) { \n      this.hideNavItems();\n    } else if(!event.detail) {\n      this.showNavItems();\n    }\n  }\n\n  toggleClass(el, className) {\n    el.classList.toggle(className)\n  }\n\n  handleSidebar(el) {\n    const sidebarIconWrapper = el.currentTarget.closest('.navbar__burger-icon-wrapper');\n    const sidebarIconOpen = sidebarIconWrapper.querySelector('.navbar__burger-icon')\n    const sidebarIconClose = sidebarIconWrapper.querySelector('.navbar__cross-icon')\n    const mainContainer = el.currentTarget.closest('.navbar__main-container');\n    const navbarWrapper = el.currentTarget.closest('.navbar__wrapper')\n    const sidebarWrapper = navbarWrapper.querySelector('.navbar__sidebar');\n    this.toggleClass(navbarWrapper, 'show')\n    this.toggleClass(mainContainer, 'show')\n    this.toggleClass(sidebarWrapper, 'show')\n    this.toggleClass(sidebarIconOpen, 'close')\n    this.toggleClass(sidebarIconClose, 'show')\n\n    if(sidebarIconClose.classList.contains('show')) { \n      this.handleBodyScroll('hide')\n    } else { \n      this.handleBodyScroll('show')\n    }\n  }\n\n  handleBodyScroll(action) { \n    const body = this.el.closest('body')\n    if(!this.fixed && action === 'hide') { \n      body.style.overflow = 'hidden'\n    } else if(action === 'show') { \n      body.style.overflow = 'visible'\n    }\n  }\n\n  handleDropdownMenu(el) {\n    const dropdownWrapper = el.currentTarget.querySelector('.navbar__dropdown-wrapper')\n    dropdownWrapper.classList.toggle('open')\n    const iconWrapper = el.currentTarget.querySelector('a')\n    iconWrapper.classList.toggle('open')\n  }\n\n  async setItemMenuPosition() { \n    const navbarItems = this.el.querySelectorAll('ifx-navbar-item')\n    const navbarProfile = this.el.querySelector('ifx-navbar-profile')\n\n    if(navbarProfile) {\n      const itemChildren = navbarProfile.querySelectorAll('ifx-navbar-item')\n      if (itemChildren.length !== 0) {\n        itemChildren.forEach(item => { \n          item.setMenuItemPosition()\n          this.setMenuItemChildrenPosition(item)\n        })\n      }\n    }\n   \n    if(navbarItems.length !== 0) { \n      for(let i = 0; i < navbarItems.length; i++) { \n        const item = navbarItems[i];\n        const itemChildren = item.querySelectorAll('ifx-navbar-item')\n        if (itemChildren.length !== 0) {\n         const hasNestedItems = await item.setItemSideSpecifications()\n         if(hasNestedItems) { \n          itemChildren.forEach(item => { \n            item.setMenuItemPosition()\n            this.setMenuItemChildrenPosition(item)\n          })\n         }\n        }\n      }\n    }\n  }\n\n  setMenuItemChildrenPosition(item) {\n    const itemChildren = item.querySelectorAll('ifx-navbar-item');\n    if (itemChildren.length !== 0) {\n        itemChildren.forEach(subItem => { \n          subItem.setMenuItemPosition()\n          this.setMenuItemChildrenPosition(subItem)\n        })\n    }\n  }\n\n  getMediaQueryList() { \n    const mediaQueryList = window.matchMedia('(max-width: 800px)');\n    return mediaQueryList;\n  }\n\n  componentDidLoad() {\n    this.setItemMenuPosition()\n    this.addEventListenersToHandleCustomFocusState();\n \n    const mediaQueryList = this.getMediaQueryList()\n\n    if (mediaQueryList.matches) {\n      this.moveNavItemsToSidebar();\n    }\n\n  }\n\n  removeEmptyItem(el) { \n    const { rightSideItemSlot } = this.getWrappers();\n    if(el) {  \n      rightSideItemSlot.style.display = 'none'\n    } else { \n      rightSideItemSlot.style.display = 'block'\n    }\n  }\n\n  handleMobileMenuBottom(e) { \n    const mobileMenuBottomWrapper = this.el.shadowRoot.querySelector('.navbar__sidebar-bottom-row')\n    const slotElement = e.target;\n    const nodes = slotElement.assignedNodes();\n    if(nodes.length > 0) { \n      mobileMenuBottomWrapper.classList.add('show')\n    } else { \n      mobileMenuBottomWrapper.classList.remove('show')\n    }\n  }\n\n  handleLogoHrefAndTarget(){\n    if(this.logoHref.trim() === \"\") {\n      this.internalLogoHref = undefined;\n    }else{\n      this.internalLogoHref = this.logoHref;\n    }\n\n    if(['_self', '_blank', '_parent'].includes(this.logoHrefTarget.trim())){\n      this.internalLogoHrefTarget = this.logoHrefTarget;\n    }else{\n      this.internalLogoHrefTarget = '_self';\n    }\n  }\n\n \n  componentWillLoad() {\n    this.RemoveSpaceOnStorybookSnippet()\n    const dropdownMenu = this.el.querySelector('ifx-navbar-menu')\n    const leftMenuItems = this.el.querySelectorAll('[slot=\"left-item\"]')\n    if (!leftMenuItems.length && !dropdownMenu) {\n      this.hasLeftMenuItems = false;\n    }\n    this.handleLogoHrefAndTarget();\n\n    const mediaQueryList = window.matchMedia('(max-width: 800px)');\n    mediaQueryList.addEventListener('change', (e) => this.moveNavItemsToSidebar(e));\n  }\n\n \n\n  getSearchBarLeftWrapper() { \n    const searchBarLeftWrapper = this.el.shadowRoot.querySelector('.navbar__container-left-content-navigation-item-search-bar')\n    return searchBarLeftWrapper;\n  }\n\n  getMobileMenuTop() { \n    const leftMenuItems = this.el.querySelectorAll('[slot=\"mobile-menu-top\"]');\n    return leftMenuItems;\n  }\n\n  getMobileMenuBottom() { \n    const rightMenuItems = this.el.querySelectorAll('[slot=\"mobile-menu-bottom\"]');\n    return rightMenuItems;\n  }\n\n  handleBurgerIcon() { \n    const leftMenuItems = this.getMobileMenuTop()\n    const rightMenuItems = this.getMobileMenuBottom()\n    if(!leftMenuItems.length && !rightMenuItems.length) { \n     const burgerIconWrapper = this.el.shadowRoot.querySelector('.navbar__burger-icon-wrapper')\n     this.toggleClass(burgerIconWrapper, 'hide')\n    }\n  }\n  \n  moveNavItemsToSidebar(e?: MediaQueryListEvent) {\n    const topRowWrapper = this.el.shadowRoot.querySelector('.navbar__sidebar-top-row-wrapper')\n    const mediaQueryList = this.getMediaQueryList();\n    const matches = e ? e.matches : mediaQueryList.matches;\n  \n    if (matches) {\n      /* The viewport is 800px wide or less */\n      topRowWrapper.classList.add('expand')\n      \n      //hide body scroll if sidebar was opened\n      const crossIcon = this.el.shadowRoot.querySelector('.navbar__cross-icon')\n      if(crossIcon.classList.contains('show')) { \n        this.handleBodyScroll('hide')\n      }\n      \n      //move search bar to right-side\n      const searchBarLeft = this.el.querySelector('[slot=\"search-bar-left\"]')\n      if(searchBarLeft) { \n        if(this.searchBarIsOpen) { \n          searchBarLeft.onNavbarMobile()\n        }\n        const searchBarLeftWrapper = this.getSearchBarLeftWrapper()\n        searchBarLeftWrapper.classList.add('initial')\n        searchBarLeft.setAttribute('slot', 'search-bar-right')\n      }\n      \n      //left-side\n      const leftMenuItems = this.el.querySelectorAll('[slot=\"left-item\"]')\n      for(let i = 0; i < leftMenuItems.length; i++) { \n        leftMenuItems[i].setAttribute('slot', 'mobile-menu-top')\n        leftMenuItems[i].moveChildComponentsIntoSubLayerMenu()\n        if(this.searchBarIsOpen) { \n          leftMenuItems[i].showComponent()\n        }\n      }\n      \n      //right-side\n      const rightMenuItems = this.el.querySelectorAll('[slot=\"right-item\"]')\n      for(let i = 0; i < rightMenuItems.length; i++) { \n        if(rightMenuItems[i].tagName.toUpperCase() === 'IFX-NAVBAR-PROFILE') { \n          rightMenuItems[i].showLabel = false;\n        } else { \n          if(rightMenuItems[i].hideOnMobile) { \n            rightMenuItems[i].setAttribute('slot', 'mobile-menu-bottom')\n            \n            rightMenuItems[i].toggleChildren('add')\n            \n            rightMenuItems[i].showLabel = true;\n            if(this.searchBarIsOpen) { \n              rightMenuItems[i].showComponent()\n            }\n          }\n        }\n      }\n      \n      this.handleBurgerIcon()\n\n    } else {\n      /* The viewport is more than 800px wide */\n      topRowWrapper.classList.remove('expand')\n\n      //show body scroll \n      this.handleBodyScroll('show')\n\n      //return search bar to its original position\n      const searchBarLeftWrapper = this.getSearchBarLeftWrapper()\n      const leftIsInitial = searchBarLeftWrapper.classList.contains('initial')\n      const searchBarRight = this.el.querySelector('[slot=\"search-bar-right\"]')\n      if(leftIsInitial) { \n        if(this.searchBarIsOpen) { \n          searchBarRight.onNavbarMobile()\n        }\n        if(searchBarRight) { \n          searchBarRight.setAttribute('slot', 'search-bar-left')\n        }\n      }\n\n      //left-side\n      const leftMenuItems = this.getMobileMenuTop()\n      for(let i = 0; i < leftMenuItems.length; i++) { \n        leftMenuItems[i].setAttribute('slot', 'left-item')\n        leftMenuItems[i].moveChildComponentsBackIntoNavbar()\n      }\n\n      //right-side\n      const rightMenuItems = this.getMobileMenuBottom()\n      const navbarProfileItem = this.el.querySelector('ifx-navbar-profile')\n      if(navbarProfileItem) { \n        const showProfileItemLabel = navbarProfileItem.getAttribute('show-label');\n        navbarProfileItem.setAttribute('show-label', showProfileItemLabel)\n      }\n\n      for(let i = 0; i < rightMenuItems.length; i++) { \n        rightMenuItems[i].setAttribute('slot', 'right-item')\n\n          rightMenuItems[i].toggleChildren('remove')\n          \n          const showLabel = rightMenuItems[i].getAttribute('show-label');\n          rightMenuItems[i].setAttribute('show-label', showLabel)\n          if(this.searchBarIsOpen) { \n            rightMenuItems[i].hideComponent()\n          }\n        }\n      }\n    }\n\n  RemoveSpaceOnStorybookSnippet() { \n    let parent = this.el.parentElement;\n    if(parent) { \n      let storybookWrapper = parent.closest('.css-xzp052');\n      if(storybookWrapper) { \n        storybookWrapper.style.overflow = 'visible'\n      }\n    }\n  }\n\n\n  \n  render() {\n    return (\n      <div aria-label='a navigation navbar' class={`navbar__wrapper ${this.fixed ? 'fixed' : \"\"}`}>\n        <div class={`navbar__main-container ${this.fixed ? 'fixed' : \"\"}`}>\n          <div class={`navbar__container ${this.searchBarIsOpen ? \"expanded\" : \"\"}`}>\n            <div class={`navbar__container-left ${this.searchBarIsOpen === 'left' ? \"expand\" : this.searchBarIsOpen === 'right' ? 'hide' : \"\"}`}>\n              {this.showLogoAndAppname &&\n                <div class={`navbar__container-left-logo ${this.searchBarIsOpen === 'left' ? 'hide' : \"\"}`}>\n                  <div class=\"navbar__container-left-logo-default\">\n                    <a href={this.internalLogoHref} target = {this.internalLogoHrefTarget}>\n                      <svg width=\"91\" height=\"40\" viewBox=\"0 0 91 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <g clip-path=\"url(#clip0_2396_2480)\">\n                          <path d=\"M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z\" fill=\"#005DA9\" />\n                          <path d=\"M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z\" fill=\"#E30034\" />\n                        </g>\n                        <defs>\n                          <clipPath id=\"clip0_2396_2480\">\n                            <rect width=\"91\" height=\"40\" fill=\"white\" />\n                          </clipPath>\n                        </defs>\n                      </svg>\n                    </a>\n                  </div>\n                  {this.applicationName && <h6>{this.applicationName}</h6>}\n                  {this.applicationName && this.hasLeftMenuItems &&\n                    <div class=\"navbar__container-left-logo-divider\"></div>}\n                </div>}\n              <div class=\"navbar__container-left-content\">\n                <div class=\"navbar__container-left-content-navigation-group\">\n                  <slot name='left-item' />\n                  <div class=\"navbar__container-left-content-navigation-item-search-bar\">\n                    <slot name='search-bar-left' />\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class={`navbar__container-right ${this.searchBarIsOpen === 'right' ? \"expand\" : this.searchBarIsOpen === 'left' ? 'hide' : \"\"}`}>\n              <div class=\"navbar__container-right-content\">\n                <div class=\"navbar__container-right-content-navigation-group\">\n                  <div class=\"navbar__container-right-content-navigation-item-search-bar\">\n                  <div class={`navbar__container-right-content-navigation-item-search-bar-icon-wrapper`}>\n                      <slot name='search-bar-right' />\n                    </div>\n                  </div>\n                  <slot name='right-item' />\n                </div>\n              </div>\n\n              {/* MOBILE MENU BUTTON */}\n              <div class={`navbar__burger-icon-wrapper`} onClick={this.handleSidebar.bind(this)}>\n                <div class=\"navbar__burger-icon\">\n                  <ifx-icon icon=\"menu-right-24\"></ifx-icon>\n                </div>\n                <div class=\"navbar__cross-icon\">\n                  <ifx-icon icon=\"cross-24\"></ifx-icon>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* SIDEBAR */}\n        <div class=\"navbar__sidebar\">\n          {/* left side ifx-navbar-item  */}\n          <div class=\"navbar__sidebar-top-row\">\n            <div class=\"navbar__sidebar-top-row-wrapper\">\n              <slot name='mobile-menu-top' />\n            </div>\n          </div>\n\n          {/* right side ifx-navbar-item  */}\n          <div class=\"navbar__sidebar-bottom-row\">\n            <slot name='mobile-menu-bottom' onSlotchange={(e) => this.handleMobileMenuBottom(e)} />\n          </div>\n          \n        </div>\n      </div>\n    );\n  }\n}","@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  & .number__indicator-wrapper { \n    position: relative;\n    top: -11px;\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 \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    position: relative;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 8px;\n    &.no-gap { \n      gap: 0px;\n    }\n\n    & .navbar__container-right-content-navigation-item-icon-wrapper {\n      &.no-gap { \n        gap: 0px;\n      }\n    }\n\n    & .number__indicator-wrapper { \n      position: relative;\n      top: -11px;\n    }\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  @Prop() numberIndicator: number;\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    this.emitEmptyItem()\n  }\n\n  componentDidLoad() { \n    this.handleItemGap()\n    this.handleLabelWrapper()\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  handleLabelWrapper() { \n    const labelWrapper = this.el.shadowRoot.querySelector('.label__wrapper');\n    const navItem = this.getNavBarItem();\n    const slot = labelWrapper.querySelector('slot');\n    if (!slot.assignedNodes().length) {\n      navItem.classList.add('removeLabel')\n    } else if(this.showLabel && navItem.classList.contains('removeLabel')) {\n      navItem.classList.remove('removeLabel')\n    }\n  }\n\n  handleItemGap() { \n    const innerContentWrapper = this.el.shadowRoot.querySelector('.navbar__item')\n    const numberIndicatorWrapper = innerContentWrapper.querySelector('.navbar__container-right-content-navigation-item-icon-wrapper');\n    if(this.numberIndicator) { \n      this.handleClassList(numberIndicatorWrapper, 'add', 'no-gap')\n    } else { \n      this.handleClassList(numberIndicatorWrapper, 'remove', 'no-gap')\n    }\n  }\n\n  emitEmptyItem() { \n    if(!this.showLabel && !this.icon) { \n      this.ifxNavItem.emit(this.el)\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              {this.icon && !this.showLabel && !isNaN(this.numberIndicator) && \n              <div class=\"number__indicator-wrapper\">\n                <ifx-number-indicator>{this.numberIndicator}</ifx-number-indicator>\n              </div>}\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          {this.showLabel && this.numberIndicator && !isNaN(this.numberIndicator) && \n            <div class=\"number__indicator-wrapper\">\n                <ifx-number-indicator>{this.numberIndicator}</ifx-number-indicator>\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}","@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-flex;\n}\n\n.numberIndicator__container {\n  height: 16px;\n  display: inline-flex;\n  padding: 0; // Remove fixed padding\n  min-width: 16px; // Ensure minimum size for small numbers\n  justify-content: center;\n  align-items: center;\n  border-radius: 100px;\n  background-color: tokens.$ifxColorOcean500;\n\n  & span {\n    padding: 0 4px;\n    color: tokens.$ifxColorBaseWhite;\n    text-align: center;\n    font-size: tokens.$ifxFontSizeS;\n    font-style: normal;\n    font-weight: tokens.$ifxFontWeightSemibold;\n    line-height: 16px;\n  }\n\n  &.inverted {\n    background-color: tokens.$ifxColorBaseWhite;\n\n    & span {\n      color: tokens.$ifxColorOcean500;\n    }\n  }\n}\n\n.content-wrapper { \n  display: none;\n}","import { Component, h, Prop, Element, State } from '@stencil/core';\n \n\n@Component({\n  tag: 'ifx-number-indicator',\n  styleUrl: 'number-indicator.scss',\n  shadow: true\n})\nexport class NumberIndicator {\n  @Element() el;\n  @State() displayValue: string | number;\n  @Prop() inverted: boolean = false;\n\n  private handleSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    const text = slot.assignedNodes({ flatten: true })[0]?.textContent?.trim() || '';\n    const num = parseInt(text, 10);\n    this.displayValue = !isNaN(num) && num > 99 ? '99+' : num;\n  }\n\n  render() {\n    return (\n      <div aria-label='a number indicator' class={`numberIndicator__container ${this.inverted ? 'inverted' : \"\"}`}>\n        <span class=\"content-wrapper\">\n          <slot onSlotchange={(e) => this.handleSlotChange(e)} />\n        </span>\n        <span>{this.displayValue}</span>\n      </div>\n    );\n  }\n}","@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() ifxOpen: EventEmitter;\n   @Prop() autocomplete: string = \"on\";\n  @Element() el;\n\n  @Method()\n  async onNavbarMobile() {\n    this.ifxOpen.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.ifxOpen.emit(this.internalState)\n  }\n\n  setInitialState() {\n    this.internalState = this.isOpen;\n  }\n\n  \n\n  componentWillLoad() {\n    this.setInitialState();\n    this.ifxOpen.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 autocomplete={this.autocomplete} 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","@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: flex;\n}\n\n.search-field {\n  box-sizing: border-box;\n  background-color: tokens.$ifxColorBaseWhite;\n  width: 100%;\n  font-family: var(--ifx-font-family);\n\n\n  .search-field__wrapper {\n    box-sizing: border-box;\n    height: tokens.$ifxSize500;\n    display: flex;\n    align-items: center;\n    border: 1px solid #8D8786;\n    border-radius: tokens.$ifxBorderRadius12;\n    padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n    gap: tokens.$ifxSpace150;\n    flex: none;\n    order: 0;\n    align-self: stretch;\n    flex-grow: 0;\n    position: relative;\n    width: 100%;\n    outline: none;\n    color: tokens.$ifxColorEngineering400;\n\n    &.focused {\n      border: 1px solid tokens.$ifxColorOcean500;\n\n      & ifx-icon {\n        color: tokens.$ifxColorEngineering500;\n      }\n    }\n\n    &.search-field__wrapper-s {\n      height: 36px;\n    }\n\n\n    &:hover:not(.focused, :focus) {\n      border: 1px solid #3C3A39;\n    }\n\n    &:focus {\n      outline: none;\n      border: 1px solid #0A8276;\n    }\n\n\n    .delete-icon {\n      right: 12px;\n      cursor: pointer;\n    }\n\n    input[type='text'] {\n      font-style: normal;\n      font-weight: 400;\n      font-size: 16px;\n      //line-height: 24px;\n      color: #8D8786;\n      border: none;\n      width: 100%;\n      outline: none;\n      //height: 100%;\n      height: 16px;\n\n      &:focus {\n        outline: none;\n        color: #1d1d1d;\n      }\n\n      &:disabled {\n        background-color: #EEEDED;\n      }\n    }\n\n    &:has(input[disabled]) {\n      background-color: #EEEDED;\n    }\n  }\n}","import { Component, EventEmitter, h, Event, Prop, Watch, State, Listen } from '@stencil/core';\nimport classNames from 'classnames';\n \n\n\n@Component({\n  tag: 'ifx-search-field',\n  styleUrl: 'search-field.scss',\n  shadow: true\n})\n\n\nexport class SearchField {\n  private inputElement: HTMLInputElement;\n  @Prop({ mutable: true }) value: string = '';\n\n  @Event() ifxInput: EventEmitter<String>;\n  @State() insideDropdown: boolean = false;\n\n  @Prop() showDeleteIcon: boolean = false;\n  @State() showDeleteIconInternalState: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() size: string = 'l';\n  @State() isFocused: boolean = false;\n  @Prop() placeholder: string = \"Search...\";\n  @Prop() autocomplete: string = \"on\";\n  @Prop() maxlength?: number = null;  \n\n  @Listen('mousedown', { target: 'document' })\n  handleOutsideClick(event: MouseEvent) {\n    const path = event.composedPath();\n    if (!path.includes(this.inputElement)) {\n      this.isFocused = false;\n    }\n  }\n\n  @Watch('value')\n  valueWatcher(newValue: string) {\n    if (newValue !== this.inputElement.value) {\n      this.inputElement.value = newValue;\n    }\n  }\n\n\n  handleInput = () => {\n    const query = this.inputElement.value;\n    this.value = query; // update the value property when input changes\n    this.ifxInput.emit(this.value);\n  };\n\n  handleDelete = () => {\n    this.inputElement.value = '';\n    this.value = \"\";\n    this.ifxInput.emit(this.value);\n  }\n\n  focusInput() {\n    this.inputElement.focus();\n    this.isFocused = true;\n  }\n  \n\n\n\n  componentWillUpdate() {\n    if (this.value !== \"\") {\n      this.showDeleteIconInternalState = true;\n    } else this.showDeleteIconInternalState = false;\n  }\n\n  render() {\n    return (\n      <div aria-label=\"a search field for user input\" aria-disabled={this.disabled} aria-value={this.value} class='search-field'>\n        <div class={this.getWrapperClassNames()}\n          tabindex={1}\n          onFocus={() => this.focusInput()}\n          onClick={() => this.focusInput()}\n        >\n          <ifx-icon icon=\"search-16\" class=\"search-icon\"></ifx-icon>\n          <input\n            ref={(el) => (this.inputElement = el)}\n            type=\"text\"\n            autocomplete={this.autocomplete}\n            onInput={() => this.handleInput()}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            maxlength={this.maxlength}\n            value={this.value} // bind the value property to input element\n          />\n          {this.showDeleteIcon && this.showDeleteIconInternalState ? (\n            <ifx-icon icon=\"cremove16\" class=\"delete-icon\" onClick={this.handleDelete}>\n            </ifx-icon>\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n\n  getSizeClass() {\n    return `${this.size}` === \"s\"\n      ? \"search-field__wrapper-s\"\n      : \"\";\n  }\n\n\n  getWrapperClassNames() {\n    return classNames(\n      `search-field__wrapper`,\n      `search-field__wrapper ${this.getSizeClass()}`,\n      `${this.isFocused ? 'focused' : \"\"}`\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

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

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