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

package/dist/collection/components/navigation/navbar/navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../../src/components/navigation/navbar/navbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, State, Prop, Listen, Event, EventEmitter } from '@stencil/core';\r\nimport { trackComponent } from '../../../global/utils/tracking';\r\nimport { detectFramework } from '../../../global/utils/framework-detection';\r\n\r\n@Component({\r\n  tag: 'ifx-navbar',\r\n  styleUrl: 'navbar.scss',\r\n  shadow: true,\r\n})\r\n\r\nexport class Navbar {\r\n  @Element() el;\r\n  @State() main: boolean = true\r\n  @State() products: boolean = false\r\n  @State() applications: boolean = false\r\n  @State() design: boolean = false\r\n  @State() support: boolean = false\r\n  @State() about: boolean = false\r\n  @Prop() applicationName: string = \"\"\r\n  @State() hasLeftMenuItems: boolean = true;\r\n  @Prop() fixed: boolean = true;\r\n  @Prop() showLogoAndAppname: boolean = true;\r\n  @State() searchBarIsOpen: string;\r\n  @Prop() logoHref: string = \"\";\r\n  @State() internalLogoHref: string = \"\"\r\n  @Prop() logoHrefTarget: string = '_self';\r\n  @State() internalLogoHrefTarget: string = '_self';\r\n  @Event() ifxNavbarMobileMenuIsOpen: EventEmitter;\r\n\r\n  private addEventListenersToHandleCustomFocusState() {\r\n    const element = this.el.shadowRoot.firstChild;\r\n\r\n    if (!element) {\r\n      console.error('element not found');\r\n      return;\r\n    }\r\n    element.tabIndex = -1;\r\n\r\n    // Select all a elements in the navbar and set their tabIndex to -1 to make them non-focusable\r\n    const aElements = element.querySelectorAll('a');\r\n    for (let i = 0; i < aElements.length; i++) {\r\n      aElements[i].tabIndex = -1;\r\n    }\r\n\r\n    const slot = element.querySelector('slot');\r\n    if (slot) {\r\n      const assignedNodes = slot.assignedNodes();\r\n      for (let i = 0; i < assignedNodes.length; i++) {\r\n        const node = assignedNodes[i] as HTMLElement;\r\n        if (node.nodeName === 'IFX-NAVBAR-ITEM') {\r\n          const navbarItem = node as HTMLIfxNavbarItemElement;\r\n\r\n          // Get all navigation items\r\n          const aElements = navbarItem?.shadowRoot.querySelectorAll('a');\r\n          for (let i = 0; i < aElements.length; i++) {\r\n            aElements[i].tabIndex = -1;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @Listen('ifxNavItem') \r\n  clearFirstLayerMenu(event: CustomEvent) { \r\n    if(event.detail.action === 'hideFirstLayer') { \r\n      const leftMenuItems = this.getMobileMenuTop()\r\n      for(let i = 0; i < leftMenuItems.length; i++) { \r\n        if(!leftMenuItems[i].isSameNode(event.detail.component)) {\r\n          leftMenuItems[i].hideComponent()\r\n        }\r\n      }\r\n    }\r\n\r\n    if(event.detail.action === 'hideSecondLayer') { \r\n      const parent = event.detail.parent;\r\n      const children = parent.children;\r\n      parent.toggleFirstLayerItem('remove', 'add')\r\n      for(let i = 0; i < children.length; i++) { \r\n        if(!children[i].isSameNode(event.detail.component)) {\r\n          children[i].hideComponent()\r\n        }\r\n      }\r\n    }\r\n\r\n    if(event.detail.action === 'returnToSecondLayer') { \r\n      const parent = event.detail.parent;\r\n      const children = parent.children;\r\n      parent.toggleFirstLayerItem('add', 'remove')\r\n      for(let i = 0; i < children.length; i++) { \r\n        if(!children[i].isSameNode(event.detail.component)) {\r\n          children[i].showComponent()\r\n        }\r\n      }\r\n    }\r\n\r\n    if(event.detail.action === 'show') { \r\n      const leftMenuItems = this.el.querySelectorAll('[slot=\"left-item\"]')\r\n      for(let i = 0; i < leftMenuItems.length; i++) { \r\n        if(!leftMenuItems[i].isSameNode(event.detail.component)) {\r\n          leftMenuItems[i].showComponent()\r\n        }\r\n      }\r\n    }\r\n\r\n    if(event.detail.action === 'return') { \r\n      const leftMenuItems = this.getMobileMenuTop()\r\n      for(let i = 0; i < leftMenuItems.length; i++) { \r\n        if(!leftMenuItems[i].isSameNode(event.detail.component)) {\r\n          leftMenuItems[i].showComponent()\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  getWrappers() {\r\n    const rightContentNavigationGroup = this.el.shadowRoot.querySelector('.navbar__container-right-content-navigation-group')\r\n    const searchBarRightWrapper = this.el.shadowRoot.querySelector('.navbar__container-right-content-navigation-item-search-bar-icon-wrapper')\r\n    const searchBarLeftWrapper = this.el.shadowRoot.querySelector('.navbar__container-left-content-navigation-item-search-bar')\r\n    const rightSideItemSlot = rightContentNavigationGroup.querySelector('slot[name=\"right-item\"]');\r\n    const rightSideSlot = searchBarRightWrapper.querySelector('slot');\r\n    const leftSideSlot = searchBarLeftWrapper.querySelector('slot');\r\n    const rightAssignedNodes = rightSideSlot.assignedNodes();\r\n    const leftAssignedNodes = leftSideSlot.assignedNodes();\r\n    const navbarProfile = this.el.querySelector('ifx-navbar-profile');\r\n    const leftMenuItems = this.el.querySelectorAll('[slot=\"left-item\"]');\r\n    const rightMenuItems = this.el.querySelectorAll('[slot=\"right-item\"]');\r\n    const topRowWrapper = this.el.shadowRoot.querySelector('.navbar__sidebar-top-row-wrapper')\r\n    \r\n    return {rightSideItemSlot, rightSideSlot, leftSideSlot, rightAssignedNodes, leftAssignedNodes, navbarProfile, leftMenuItems, rightMenuItems, topRowWrapper};\r\n  }\r\n\r\n  hideNavItems() {\r\n    const { rightAssignedNodes, leftAssignedNodes, navbarProfile, leftMenuItems, rightMenuItems, topRowWrapper } = this.getWrappers();\r\n    \r\n    if(rightAssignedNodes.length !== 0) { \r\n      this.searchBarIsOpen = 'right'\r\n    } else if(leftAssignedNodes.length !== 0) {\r\n      this.searchBarIsOpen = 'left'\r\n    }\r\n\r\n    if(navbarProfile) { \r\n      navbarProfile.hideComponent()\r\n    }\r\n    \r\n    for(let l = 0; l < leftMenuItems.length; l++) { \r\n      if(!topRowWrapper.classList.contains('expand')) {\r\n        leftMenuItems[l].hideComponent()\r\n      }\r\n    }\r\n  \r\n    for(let r = 0; r < rightMenuItems.length; r++) { \r\n      if(topRowWrapper.classList.contains('expand')) {\r\n        if(!rightMenuItems[r].hideOnMobile) { \r\n          rightMenuItems[r].hideComponent()\r\n        }\r\n      } else { \r\n        rightMenuItems[r].hideComponent()\r\n      }\r\n    }\r\n  }\r\n\r\n  showNavItems() {\r\n    const { navbarProfile, leftMenuItems, rightMenuItems, topRowWrapper } = this.getWrappers();\r\n    this.searchBarIsOpen = undefined;\r\n    \r\n    if(navbarProfile) {\r\n      navbarProfile.showComponent()\r\n    }\r\n    \r\n    for(let l = 0; l < leftMenuItems.length; l++) { \r\n      if(!topRowWrapper.classList.contains('expand')) {\r\n        leftMenuItems[l].showComponent()\r\n      }\r\n    }\r\n  \r\n    for(let r = 0; r < rightMenuItems.length; r++) { \r\n      if(topRowWrapper.classList.contains('expand')) {\r\n        if(!rightMenuItems[r].hideOnMobile) { \r\n          rightMenuItems[r].showComponent()\r\n        }\r\n      } else { \r\n        rightMenuItems[r].showComponent()\r\n      }\r\n    }\r\n  }\r\n  \r\n  \r\n  @Listen('ifxOpen')\r\n  handleSearchBarToggle(event: CustomEvent) {\r\n   \r\n    if(event.detail) { \r\n      this.hideNavItems();\r\n    } else if(!event.detail) {\r\n      this.showNavItems();\r\n    }\r\n  }\r\n\r\n  toggleClass(el, className) {\r\n    el.classList.toggle(className)\r\n  }\r\n\r\n  handleSidebar(el) {\r\n    const sidebarIconWrapper = el.currentTarget.closest('.navbar__burger-icon-wrapper');\r\n    const sidebarIconOpen = sidebarIconWrapper.querySelector('.navbar__burger-icon')\r\n    const sidebarIconClose = sidebarIconWrapper.querySelector('.navbar__cross-icon')\r\n    const mainContainer = el.currentTarget.closest('.navbar__main-container');\r\n    const navbarWrapper = el.currentTarget.closest('.navbar__wrapper')\r\n    const sidebarWrapper = navbarWrapper.querySelector('.navbar__sidebar');\r\n    this.toggleClass(navbarWrapper, 'show')\r\n    this.toggleClass(mainContainer, 'show')\r\n    this.toggleClass(sidebarWrapper, 'show')\r\n    this.toggleClass(sidebarIconOpen, 'close')\r\n    this.toggleClass(sidebarIconClose, 'show')\r\n\r\n    if(sidebarIconClose.classList.contains('show')) { \r\n      this.handleBodyScroll('hide')\r\n    } else { \r\n      this.handleBodyScroll('show')\r\n    }\r\n  }\r\n\r\n  handleBodyScroll(action) { \r\n    const body = this.el.closest('body')\r\n    if(!this.fixed && action === 'hide') { \r\n      body.style.overflow = 'hidden'\r\n    } else if(action === 'show') { \r\n      body.style.overflow = 'visible'\r\n    }\r\n  }\r\n\r\n  handleDropdownMenu(el) {\r\n    const dropdownWrapper = el.currentTarget.querySelector('.navbar__dropdown-wrapper')\r\n    dropdownWrapper.classList.toggle('open')\r\n    const iconWrapper = el.currentTarget.querySelector('a')\r\n    iconWrapper.classList.toggle('open')\r\n  }\r\n\r\n  async setItemMenuPosition() { \r\n    const navbarItems = this.el.querySelectorAll('ifx-navbar-item')\r\n    const navbarProfile = this.el.querySelector('ifx-navbar-profile')\r\n\r\n    if(navbarProfile) {\r\n      const itemChildren = navbarProfile.querySelectorAll('ifx-navbar-item')\r\n      if (itemChildren.length !== 0) {\r\n        itemChildren.forEach(item => { \r\n          item.setMenuItemPosition()\r\n          this.setMenuItemChildrenPosition(item)\r\n        })\r\n      }\r\n    }\r\n   \r\n    if(navbarItems.length !== 0) { \r\n      for(let i = 0; i < navbarItems.length; i++) { \r\n        const item = navbarItems[i];\r\n        const itemChildren = item.querySelectorAll('ifx-navbar-item')\r\n        if (itemChildren.length !== 0) {\r\n         const hasNestedItems = await item.setItemSideSpecifications()\r\n         if(hasNestedItems) { \r\n          itemChildren.forEach(item => { \r\n            item.setMenuItemPosition()\r\n            this.setMenuItemChildrenPosition(item)\r\n          })\r\n         }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  setMenuItemChildrenPosition(item) {\r\n    const itemChildren = item.querySelectorAll('ifx-navbar-item');\r\n    if (itemChildren.length !== 0) {\r\n        itemChildren.forEach(subItem => { \r\n          subItem.setMenuItemPosition()\r\n          this.setMenuItemChildrenPosition(subItem)\r\n        })\r\n    }\r\n  }\r\n\r\n  getMediaQueryList() { \r\n    const mediaQueryList = window.matchMedia('(max-width: 800px)');\r\n    return mediaQueryList;\r\n  }\r\n\r\n  async componentDidLoad() {\r\n    const framework = detectFramework();\r\n    trackComponent('ifx-navbar', await framework)\r\n    this.setItemMenuPosition()\r\n    this.addEventListenersToHandleCustomFocusState();\r\n \r\n    const mediaQueryList = this.getMediaQueryList()\r\n\r\n    if (mediaQueryList.matches) {\r\n      this.moveNavItemsToSidebar();\r\n    }\r\n\r\n  }\r\n\r\n  handleMobileMenuBottom(e) { \r\n    const mobileMenuBottomWrapper = this.el.shadowRoot.querySelector('.navbar__sidebar-bottom-row')\r\n    const slotElement = e.target;\r\n    const nodes = slotElement.assignedNodes();\r\n    if(nodes.length > 0) { \r\n      mobileMenuBottomWrapper.classList.add('show')\r\n    } else { \r\n      mobileMenuBottomWrapper.classList.remove('show')\r\n    }\r\n  }\r\n\r\n  handleLogoHrefAndTarget(){\r\n    if(this.logoHref.trim() === \"\") {\r\n      this.internalLogoHref = undefined;\r\n    }else{\r\n      this.internalLogoHref = this.logoHref;\r\n    }\r\n\r\n    if(['_self', '_blank', '_parent'].includes(this.logoHrefTarget.trim())){\r\n      this.internalLogoHrefTarget = this.logoHrefTarget;\r\n    }else{\r\n      this.internalLogoHrefTarget = '_self';\r\n    }\r\n  }\r\n\r\n \r\n  componentWillLoad() {\r\n    this.RemoveSpaceOnStorybookSnippet()\r\n    const dropdownMenu = this.el.querySelector('ifx-navbar-menu')\r\n    const leftMenuItems = this.el.querySelectorAll('[slot=\"left-item\"]')\r\n    if (!leftMenuItems.length && !dropdownMenu) {\r\n      this.hasLeftMenuItems = false;\r\n    }\r\n    this.handleLogoHrefAndTarget();\r\n\r\n    const mediaQueryList = window.matchMedia('(max-width: 800px)');\r\n    mediaQueryList.addEventListener('change', (e) => this.moveNavItemsToSidebar(e));\r\n  }\r\n\r\n \r\n\r\n  getSearchBarLeftWrapper() { \r\n    const searchBarLeftWrapper = this.el.shadowRoot.querySelector('.navbar__container-left-content-navigation-item-search-bar')\r\n    return searchBarLeftWrapper;\r\n  }\r\n\r\n  getMobileMenuTop() { \r\n    const leftMenuItems = this.el.querySelectorAll('[slot=\"mobile-menu-top\"]');\r\n    return leftMenuItems;\r\n  }\r\n\r\n  getMobileMenuBottom() { \r\n    const rightMenuItems = this.el.querySelectorAll('[slot=\"mobile-menu-bottom\"]');\r\n    return rightMenuItems;\r\n  }\r\n\r\n  handleBurgerIcon() { \r\n    const leftMenuItems = this.getMobileMenuTop()\r\n    const rightMenuItems = this.getMobileMenuBottom()\r\n    if(!leftMenuItems.length && !rightMenuItems.length) { \r\n     const burgerIconWrapper = this.el.shadowRoot.querySelector('.navbar__burger-icon-wrapper')\r\n     this.toggleClass(burgerIconWrapper, 'hide')\r\n    }\r\n  }\r\n  \r\n  moveNavItemsToSidebar(e?: MediaQueryListEvent) {\r\n    const topRowWrapper = this.el.shadowRoot.querySelector('.navbar__sidebar-top-row-wrapper')\r\n    const mediaQueryList = this.getMediaQueryList();\r\n    const matches = e ? e.matches : mediaQueryList.matches;\r\n  \r\n    if (matches) {\r\n      /* The viewport is 800px wide or less */\r\n      topRowWrapper.classList.add('expand')\r\n      \r\n      //hide body scroll if sidebar was opened\r\n      const crossIcon = this.el.shadowRoot.querySelector('.navbar__cross-icon')\r\n      if(crossIcon.classList.contains('show')) { \r\n        this.handleBodyScroll('hide')\r\n      }\r\n      \r\n      //move search bar to right-side\r\n      const searchBarLeft = this.el.querySelector('[slot=\"search-bar-left\"]')\r\n      if(searchBarLeft) { \r\n        if(this.searchBarIsOpen) { \r\n          searchBarLeft.onNavbarMobile()\r\n        }\r\n        const searchBarLeftWrapper = this.getSearchBarLeftWrapper()\r\n        searchBarLeftWrapper.classList.add('initial')\r\n        searchBarLeft.setAttribute('slot', 'search-bar-right')\r\n      }\r\n      \r\n      //left-side\r\n      const leftMenuItems = this.el.querySelectorAll('[slot=\"left-item\"]')\r\n      for(let i = 0; i < leftMenuItems.length; i++) { \r\n        leftMenuItems[i].setAttribute('slot', 'mobile-menu-top')\r\n        leftMenuItems[i].moveChildComponentsIntoSubLayerMenu()\r\n        if(this.searchBarIsOpen) { \r\n          leftMenuItems[i].showComponent()\r\n        }\r\n      }\r\n      \r\n      //right-side\r\n      const rightMenuItems = this.el.querySelectorAll('[slot=\"right-item\"]')\r\n      for(let i = 0; i < rightMenuItems.length; i++) { \r\n        if(rightMenuItems[i].tagName.toUpperCase() === 'IFX-NAVBAR-PROFILE') { \r\n          rightMenuItems[i].showLabel = false;\r\n        } else { \r\n          if(rightMenuItems[i].hideOnMobile) { \r\n            rightMenuItems[i].setAttribute('slot', 'mobile-menu-bottom')\r\n            \r\n            rightMenuItems[i].toggleChildren('add')\r\n            \r\n            rightMenuItems[i].showLabel = true;\r\n            if(this.searchBarIsOpen) { \r\n              rightMenuItems[i].showComponent()\r\n            }\r\n          }\r\n        }\r\n      }\r\n      \r\n      this.handleBurgerIcon()\r\n\r\n    } else {\r\n      /* The viewport is more than 800px wide */\r\n      topRowWrapper.classList.remove('expand')\r\n\r\n      //show body scroll \r\n      this.handleBodyScroll('show')\r\n\r\n      //return search bar to its original position\r\n      const searchBarLeftWrapper = this.getSearchBarLeftWrapper()\r\n      const leftIsInitial = searchBarLeftWrapper.classList.contains('initial')\r\n      const searchBarRight = this.el.querySelector('[slot=\"search-bar-right\"]')\r\n      if(leftIsInitial) { \r\n        if(this.searchBarIsOpen) { \r\n          searchBarRight.onNavbarMobile()\r\n        }\r\n        if(searchBarRight) { \r\n          searchBarRight.setAttribute('slot', 'search-bar-left')\r\n        }\r\n      }\r\n\r\n      //left-side\r\n      const leftMenuItems = this.getMobileMenuTop()\r\n      for(let i = 0; i < leftMenuItems.length; i++) { \r\n        leftMenuItems[i].setAttribute('slot', 'left-item')\r\n        leftMenuItems[i].moveChildComponentsBackIntoNavbar()\r\n      }\r\n\r\n      //right-side\r\n      const rightMenuItems = this.getMobileMenuBottom()\r\n      const navbarProfileItem = this.el.querySelector('ifx-navbar-profile')\r\n      if(navbarProfileItem) { \r\n        const showProfileItemLabel = navbarProfileItem.getAttribute('show-label');\r\n        navbarProfileItem.setAttribute('show-label', showProfileItemLabel)\r\n      }\r\n\r\n      for(let i = 0; i < rightMenuItems.length; i++) { \r\n        rightMenuItems[i].setAttribute('slot', 'right-item')\r\n\r\n          rightMenuItems[i].toggleChildren('remove')\r\n          \r\n          const showLabel = rightMenuItems[i].getAttribute('show-label');\r\n          rightMenuItems[i].setAttribute('show-label', showLabel)\r\n          if(this.searchBarIsOpen) { \r\n            rightMenuItems[i].hideComponent()\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n  RemoveSpaceOnStorybookSnippet() { \r\n    let parent = this.el.parentElement;\r\n    if(parent) { \r\n      let storybookWrapper = parent.closest('.css-xzp052');\r\n      if(storybookWrapper) { \r\n        storybookWrapper.style.overflow = 'visible'\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  \r\n  render() {\r\n    return (\r\n      <div aria-label='a navigation navbar' class={`navbar__wrapper ${this.fixed ? 'fixed' : \"\"}`}>\r\n        <div class={`navbar__main-container ${this.fixed ? 'fixed' : \"\"}`}>\r\n          <div class={`navbar__container ${this.searchBarIsOpen ? \"expanded\" : \"\"}`}>\r\n            <div class={`navbar__container-left ${this.searchBarIsOpen === 'left' ? \"expand\" : this.searchBarIsOpen === 'right' ? 'hide' : \"\"}`}>\r\n              {this.showLogoAndAppname &&\r\n                <div class={`navbar__container-left-logo ${this.searchBarIsOpen === 'left' ? 'hide' : \"\"}`}>\r\n                  <div class=\"navbar__container-left-logo-default\">\r\n                    <a href={this.internalLogoHref} target = {this.internalLogoHrefTarget}>\r\n                      <svg width=\"91\" height=\"40\" viewBox=\"0 0 91 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                        <g clip-path=\"url(#clip0_2396_2480)\">\r\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\" />\r\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\" />\r\n                        </g>\r\n                        <defs>\r\n                          <clipPath id=\"clip0_2396_2480\">\r\n                            <rect width=\"91\" height=\"40\" fill=\"white\" />\r\n                          </clipPath>\r\n                        </defs>\r\n                      </svg>\r\n                    </a>\r\n                  </div>\r\n                  {this.applicationName && <h6>{this.applicationName}</h6>}\r\n                  {this.applicationName && this.hasLeftMenuItems &&\r\n                    <div class=\"navbar__container-left-logo-divider\"></div>}\r\n                </div>}\r\n              <div class=\"navbar__container-left-content\">\r\n                <div class=\"navbar__container-left-content-navigation-group\">\r\n                  <slot name='left-item' />\r\n                  <div class=\"navbar__container-left-content-navigation-item-search-bar\">\r\n                    <slot name='search-bar-left' />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class={`navbar__container-right ${this.searchBarIsOpen === 'right' ? \"expand\" : this.searchBarIsOpen === 'left' ? 'hide' : \"\"}`}>\r\n              <div class=\"navbar__container-right-content\">\r\n                <div class=\"navbar__container-right-content-navigation-group\">\r\n                  <div class=\"navbar__container-right-content-navigation-item-search-bar\">\r\n                  <div class={`navbar__container-right-content-navigation-item-search-bar-icon-wrapper`}>\r\n                      <slot name='search-bar-right' />\r\n                    </div>\r\n                  </div>\r\n                  <slot name='right-item' />\r\n                </div>\r\n              </div>\r\n\r\n              {/* MOBILE MENU BUTTON */}\r\n              <div class={`navbar__burger-icon-wrapper`} onClick={this.handleSidebar.bind(this)}>\r\n                <div class=\"navbar__burger-icon\">\r\n                  <ifx-icon icon=\"menu-right-16\"></ifx-icon>\r\n                </div>\r\n                <div class=\"navbar__cross-icon\">\r\n                  <ifx-icon icon=\"cross-16\"></ifx-icon>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* SIDEBAR */}\r\n        <div class=\"navbar__sidebar\">\r\n          {/* left side ifx-navbar-item  */}\r\n          <div class=\"navbar__sidebar-top-row\">\r\n            <div class=\"navbar__sidebar-top-row-wrapper\">\r\n              <slot name='mobile-menu-top' />\r\n            </div>\r\n          </div>\r\n\r\n          {/* right side ifx-navbar-item  */}\r\n          <div class=\"navbar__sidebar-bottom-row\">\r\n            <slot name='mobile-menu-bottom' onSlotchange={(e) => this.handleMobileMenuBottom(e)} />\r\n          </div>\r\n          \r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../../src/components/navigation/navbar/navbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, State, Prop, Listen, Event, EventEmitter } from '@stencil/core';\nimport { trackComponent } from '../../../global/utils/tracking';\nimport { detectFramework } from '../../../global/utils/framework-detection';\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\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  async componentDidLoad() {\n    const framework = detectFramework();\n    trackComponent('ifx-navbar', await framework)\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  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-16\"></ifx-icon>\n                </div>\n                <div class=\"navbar__cross-icon\">\n                  <ifx-icon icon=\"cross-16\"></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}"]}

package/dist/collection/components/navigation/navbar/navbar.stories.js

@@ -222,57 +222,57 @@ export default {
         },
     },
 };
-const DefaultTemplate = args => `<ifx-navbar  show-logo-and-appname="${args.showLogoAndAppname}" application-name="${args.applicationName}" fixed="${args.navbarPositionFixed}" logo-href="${args.logoHref}" logo-href-target="${args.logoHrefTarget}">
-  <ifx-navbar-item icon="${args.iconOfNavbarItem}" slot="left-item" target="${args.targetOfnavbarItem}" href="${args.hrefOfNavbarItem}" hide-on-mobile="${args.hideOnMobile}">
-    Menu Item
-    <ifx-navbar-item icon="">
-      Layer 1 Nested Item 1
-      <ifx-navbar-item>
-        Layer 2 Nested Item 2
-        <ifx-navbar-item href="http://google.com" target="_blank">Link Layer 3 Nested Item 1</ifx-navbar-item>
-        <ifx-navbar-item>Layer 3 Nested Item 2</ifx-navbar-item>
-        <ifx-navbar-item>Layer 3 Nested Item 3</ifx-navbar-item>
-        <ifx-navbar-item>Layer 3 Nested Item 4</ifx-navbar-item>
-      </ifx-navbar-item>
-      <ifx-navbar-item >Layer 2 Nested Item 3</ifx-navbar-item>
-      <ifx-navbar-item>Layer 2 Nested Item 4</ifx-navbar-item>
-      <ifx-navbar-item>Layer 2 Nested Item 5</ifx-navbar-item>
-    </ifx-navbar-item>
-
-    <ifx-navbar-item>
-      Layer 1 Nested Item 2
-      <ifx-navbar-item>Layer 2 Item 1</ifx-navbar-item>
-      <ifx-navbar-item>Layer 2 Item 2</ifx-navbar-item>
-      <ifx-navbar-item>Layer 2 Item 3</ifx-navbar-item>
-    </ifx-navbar-item>
-
-    <ifx-navbar-item>Nested Item 3</ifx-navbar-item>
-
-    <ifx-navbar-item>
-      Layer 1 Nested Item 4
-      <ifx-navbar-item>Nested Item 4</ifx-navbar-item>
-    </ifx-navbar-item>
-
-  </ifx-navbar-item>
-
-  <ifx-navbar-item href="${args.hrefOfNavbarItem}" target="_self" slot="left-item" icon="" show-label="${args.showLabelOfNavbarItem}">
-    Menu Item
-  </ifx-navbar-item>
-
-  <ifx-navbar-item slot="left-item">
-    More
-    <ifx-navbar-item>Item1</ifx-navbar-item>
-    <ifx-navbar-item>Item2</ifx-navbar-item>
-  </ifx-navbar-item>
-
-  <ifx-search-bar slot="search-bar-${args.searchBarPosition}" is-open="${args.searchBarIsOpen}"></ifx-search-bar>
-
-  <ifx-navbar-item number-indicator="${args.numberIndicator}" slot="right-item" target="_blank" href="http://google.com" hide-on-mobile="${args.hideOnMobile}" show-label="false" icon="image-16">
-  </ifx-navbar-item>
-  <ifx-navbar-item dot-indicator="${args.dotIndicator}" slot="right-item" hide-on-mobile="true" show-label='false' icon="image-16">
-  </ifx-navbar-item>
-
-  <ifx-navbar-profile user-name="${args.userName}" slot="right-item" image-url="${args.profileImageUrl}" show-label="${args.showNavbarProfileLabel}" href="" target="${args.target}" alt="${args.alt}">${args.profileLabel}</ifx-navbar-profile>
+const DefaultTemplate = args => `<ifx-navbar  show-logo-and-appname="${args.showLogoAndAppname}" application-name="${args.applicationName}" fixed="${args.navbarPositionFixed}" logo-href="${args.logoHref}" logo-href-target="${args.logoHrefTarget}">
+  <ifx-navbar-item icon="${args.iconOfNavbarItem}" slot="left-item" target="${args.targetOfnavbarItem}" href="${args.hrefOfNavbarItem}" hide-on-mobile="${args.hideOnMobile}">
+    Menu Item
+    <ifx-navbar-item icon="">
+      Layer 1 Nested Item 1
+      <ifx-navbar-item>
+        Layer 2 Nested Item 2
+        <ifx-navbar-item href="http://google.com" target="_blank">Link Layer 3 Nested Item 1</ifx-navbar-item>
+        <ifx-navbar-item>Layer 3 Nested Item 2</ifx-navbar-item>
+        <ifx-navbar-item>Layer 3 Nested Item 3</ifx-navbar-item>
+        <ifx-navbar-item>Layer 3 Nested Item 4</ifx-navbar-item>
+      </ifx-navbar-item>
+      <ifx-navbar-item >Layer 2 Nested Item 3</ifx-navbar-item>
+      <ifx-navbar-item>Layer 2 Nested Item 4</ifx-navbar-item>
+      <ifx-navbar-item>Layer 2 Nested Item 5</ifx-navbar-item>
+    </ifx-navbar-item>
+
+    <ifx-navbar-item>
+      Layer 1 Nested Item 2
+      <ifx-navbar-item>Layer 2 Item 1</ifx-navbar-item>
+      <ifx-navbar-item>Layer 2 Item 2</ifx-navbar-item>
+      <ifx-navbar-item>Layer 2 Item 3</ifx-navbar-item>
+    </ifx-navbar-item>
+
+    <ifx-navbar-item>Nested Item 3</ifx-navbar-item>
+
+    <ifx-navbar-item>
+      Layer 1 Nested Item 4
+      <ifx-navbar-item>Nested Item 4</ifx-navbar-item>
+    </ifx-navbar-item>
+
+  </ifx-navbar-item>
+
+  <ifx-navbar-item href="${args.hrefOfNavbarItem}" target="_self" slot="left-item" icon="" show-label="${args.showLabelOfNavbarItem}">
+    Menu Item
+  </ifx-navbar-item>
+
+  <ifx-navbar-item slot="left-item">
+    More
+    <ifx-navbar-item>Item1</ifx-navbar-item>
+    <ifx-navbar-item>Item2</ifx-navbar-item>
+  </ifx-navbar-item>
+
+  <ifx-search-bar slot="search-bar-${args.searchBarPosition}" is-open="${args.searchBarIsOpen}"></ifx-search-bar>
+
+  <ifx-navbar-item number-indicator="${args.numberIndicator}" slot="right-item" target="_blank" href="http://google.com" hide-on-mobile="${args.hideOnMobile}" show-label="false" icon="image-16">
+  </ifx-navbar-item>
+  <ifx-navbar-item dot-indicator="${args.dotIndicator}" slot="right-item" hide-on-mobile="true" show-label='false' icon="image-16">
+  </ifx-navbar-item>
+
+  <ifx-navbar-profile user-name="${args.userName}" slot="right-item" image-url="${args.profileImageUrl}" show-label="${args.showNavbarProfileLabel}" href="" target="${args.target}" alt="${args.alt}">${args.profileLabel}</ifx-navbar-profile>
 </ifx-navbar>`;
 export const Default = DefaultTemplate.bind({});
 //# sourceMappingURL=navbar.stories.js.map

package/dist/collection/components/navigation/navbar/navbar.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.stories.js","sourceRoot":"","sources":["../../../../src/components/navigation/navbar/navbar.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { icons } from '@infineon/infineon-icons';\r\nexport default {\r\n  title: 'Components/Navigation/Navbar',\r\n  args: {\r\n    profileLabel: \"\",\r\n    applicationName: 'Application name',\r\n    showLabelOfNavbarItem: true,\r\n    targetOfnavbarItem: '_self',\r\n    hrefOfNavbarItem: '',\r\n    searchBarIsOpen: false,\r\n    navbarPositionFixed: false,\r\n    showLogoAndAppname: true,\r\n    logoHref: 'http://google.com',\r\n    logoHrefTarget: '_self',\r\n    searchBarPosition: 'left',\r\n    hideOnMobile: true,\r\n    profileImageUrl: \"\",\r\n    userName: \"\",\r\n    showNavbarProfileLabel: true,\r\n    href: \"http://google.com\",\r\n    target: \"_self\",\r\n    alt: \"profile image\",\r\n    numberIndicator: \"\",\r\n    dotIndicator: false\r\n  },\r\n  argTypes: {\r\n    profileLabel: {\r\n      name: 'Label of Profile',\r\n      control: { type: 'text' },\r\n      description: 'Set the label of *<ifx-navbar-profile>*.',\r\n      table: {\r\n        category: 'story controls',\r\n      },\r\n    },\r\n    applicationName: {\r\n      control: { type: 'text' },\r\n      description: 'The name of the application.',\r\n      table: {\r\n        category: 'ifx-navbar props',\r\n      },\r\n    },\r\n    navbarPositionFixed: {\r\n      name: 'fixed',\r\n      control: { type: 'boolean' },\r\n      description: 'Fix the navbar to the top of the page.',\r\n      table: {\r\n        defaultValue: { summary: 'true' },\r\n        category: 'ifx-navbar props',\r\n      },\r\n    },\r\n    showLogoAndAppname: {\r\n      control: { type: 'boolean' },\r\n      description: 'Show the logo and application name.',\r\n      table: {\r\n        defaultValue: { summary: 'true' },\r\n        category: 'ifx-navbar props',\r\n      },\r\n    },\r\n    logoHref: {\r\n      control: { type: 'text' },\r\n      description: 'The URL of the logo link.',\r\n      table: {\r\n        category: 'ifx-navbar props',\r\n      },\r\n    },\r\n    logoHrefTarget: {\r\n      description: 'The target of the logo link.',\r\n      options: ['_self', '_blank', '_parent'],\r\n      control: { type: 'radio' },\r\n      table: {\r\n        defaultValue: { summary: '_self' },\r\n        category: 'ifx-navbar props',\r\n        type: {\r\n          summary: '_self | _blank | _parent',\r\n        },\r\n      },\r\n    },\r\n    showLabelOfNavbarItem: {\r\n      name: 'showLabel',\r\n      control: { type: 'boolean' },\r\n      description: 'Show the label of the navbar item.',\r\n      table: {\r\n        defaultValue: { summary: 'true' },\r\n        category: 'ifx-navbar-item props',\r\n      },\r\n    },\r\n    iconOfNavbarItem: {\r\n      name: 'icon',\r\n      options: Object.keys(icons),\r\n      control: { type: 'select' },\r\n      description: 'The icon to display in the navbar item.',\r\n      table: {\r\n        category: 'ifx-navbar-item props',\r\n        type: {\r\n          summary: 'string',\r\n        },\r\n      },\r\n    },\r\n    numberIndicator: {\r\n      name: 'numberIndicator',\r\n      control: { type: 'number' },\r\n      description: 'A notifiying number indicator',\r\n      table: {\r\n        category: 'ifx-navbar-item props',\r\n        type: {\r\n          summary: 'string',\r\n        },\r\n      },\r\n    },\r\n    dotIndicator: {\r\n      name: 'dotIndicator',\r\n      control: { type: 'boolean' },\r\n      description: 'A notifiying dot indicator',\r\n      table: {\r\n        category: 'ifx-navbar-item props',\r\n        type: {\r\n          defaultValue: { summary: 'false' },\r\n          summary: 'boolean',\r\n        },\r\n      },\r\n    },\r\n    hrefOfNavbarItem: {\r\n      name: 'href',\r\n      control: { type: 'text' },\r\n      description: 'The URL of the navbar item link.',\r\n      table: {\r\n        category: 'ifx-navbar-item props',\r\n      },\r\n    },\r\n\r\n    targetOfnavbarItem: {\r\n      name: 'target',\r\n      control: { type: 'radio' },\r\n      options: ['_self'],\r\n      description: 'The target of the navbar item link.',\r\n      table: {\r\n        defaultValue: { summary: '_self' },\r\n        category: 'ifx-navbar-item props',\r\n        type: {\r\n          summary: '_self',\r\n        },\r\n      },\r\n    },\r\n    hideOnMobile: {\r\n      control: { type: 'boolean' },\r\n      description: 'Hide the navbar item on mobile.',\r\n      table: {\r\n        defaultValue: { summary: 'true' },\r\n        category: 'ifx-navbar-item props',\r\n      },\r\n    },\r\n    showNavbarProfileLabel: {\r\n      name: 'showLabel',\r\n      control: { type: 'boolean' },\r\n      description: 'Show label for the profile.',\r\n      table: {\r\n        defaultValue: { summary: 'true' },\r\n        category: 'ifx-navbar-profile props',\r\n      },\r\n    },\r\n    href: {\r\n      control: { type: 'text' },\r\n      description: 'The URL of the profile link.',\r\n      table: {\r\n        category: 'ifx-navbar-profile props',\r\n      },\r\n    },\r\n    profileImageUrl: {\r\n      name: 'imageUrl',\r\n      control: { type: 'text' },\r\n      description: 'The URL of the image.',\r\n      table: {\r\n        category: 'ifx-navbar-profile props',\r\n      },\r\n    },\r\n    target: {\r\n      control: { type: 'radio' },\r\n      options: ['_self'],\r\n      description: 'The target of the link.',\r\n      table: {\r\n        defaultValue: { summary: '_self' },\r\n        category: 'ifx-navbar-profile props',\r\n        type: {\r\n          summary: '_self',\r\n        },\r\n      },\r\n    },\r\n    alt: {\r\n      control: { type: 'text' },\r\n      description: 'The alternative text of the image.',\r\n      table: {\r\n        category: 'ifx-navbar-profile props',\r\n      },\r\n    },\r\n    userName: {\r\n      control: { type: 'text' },\r\n      description: 'The name of the user.',\r\n      table: {\r\n        category: 'ifx-navbar-profile props',\r\n      },\r\n    },\r\n    searchBarIsOpen: {\r\n      name: 'isOpen',\r\n      control: { type: 'boolean' },\r\n      description: 'Show the search bar.',\r\n      table: {\r\n        defaultValue: { summary: 'true' },\r\n        category: 'ifx-search-bar props',\r\n      },\r\n    },\r\n    searchBarPosition: {\r\n      name: 'search-bar-',\r\n      description: 'The position of the search-bar within the Navbar as specified in the slot name.',\r\n      options: ['left', 'right'],\r\n      control: { type: 'radio' },\r\n      table: {\r\n        defaultValue: { summary: 'left' },\r\n        category: 'ifx-search-bar-slot',\r\n        type: {\r\n          summary: 'left | right',\r\n        },\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst DefaultTemplate = args =>\r\n  `<ifx-navbar  show-logo-and-appname=\"${args.showLogoAndAppname}\" application-name=\"${args.applicationName}\" fixed=\"${args.navbarPositionFixed}\" logo-href=\"${args.logoHref}\" logo-href-target=\"${args.logoHrefTarget}\">\r\n  <ifx-navbar-item icon=\"${args.iconOfNavbarItem}\" slot=\"left-item\" target=\"${args.targetOfnavbarItem}\" href=\"${args.hrefOfNavbarItem}\" hide-on-mobile=\"${args.hideOnMobile}\">\r\n    Menu Item\r\n    <ifx-navbar-item icon=\"\">\r\n      Layer 1 Nested Item 1\r\n      <ifx-navbar-item>\r\n        Layer 2 Nested Item 2\r\n        <ifx-navbar-item href=\"http://google.com\" target=\"_blank\">Link Layer 3 Nested Item 1</ifx-navbar-item>\r\n        <ifx-navbar-item>Layer 3 Nested Item 2</ifx-navbar-item>\r\n        <ifx-navbar-item>Layer 3 Nested Item 3</ifx-navbar-item>\r\n        <ifx-navbar-item>Layer 3 Nested Item 4</ifx-navbar-item>\r\n      </ifx-navbar-item>\r\n      <ifx-navbar-item >Layer 2 Nested Item 3</ifx-navbar-item>\r\n      <ifx-navbar-item>Layer 2 Nested Item 4</ifx-navbar-item>\r\n      <ifx-navbar-item>Layer 2 Nested Item 5</ifx-navbar-item>\r\n    </ifx-navbar-item>\r\n\r\n    <ifx-navbar-item>\r\n      Layer 1 Nested Item 2\r\n      <ifx-navbar-item>Layer 2 Item 1</ifx-navbar-item>\r\n      <ifx-navbar-item>Layer 2 Item 2</ifx-navbar-item>\r\n      <ifx-navbar-item>Layer 2 Item 3</ifx-navbar-item>\r\n    </ifx-navbar-item>\r\n\r\n    <ifx-navbar-item>Nested Item 3</ifx-navbar-item>\r\n\r\n    <ifx-navbar-item>\r\n      Layer 1 Nested Item 4\r\n      <ifx-navbar-item>Nested Item 4</ifx-navbar-item>\r\n    </ifx-navbar-item>\r\n\r\n  </ifx-navbar-item>\r\n\r\n  <ifx-navbar-item href=\"${args.hrefOfNavbarItem}\" target=\"_self\" slot=\"left-item\" icon=\"\" show-label=\"${args.showLabelOfNavbarItem}\">\r\n    Menu Item\r\n  </ifx-navbar-item>\r\n\r\n  <ifx-navbar-item slot=\"left-item\">\r\n    More\r\n    <ifx-navbar-item>Item1</ifx-navbar-item>\r\n    <ifx-navbar-item>Item2</ifx-navbar-item>\r\n  </ifx-navbar-item>\r\n\r\n  <ifx-search-bar slot=\"search-bar-${args.searchBarPosition}\" is-open=\"${args.searchBarIsOpen}\"></ifx-search-bar>\r\n\r\n  <ifx-navbar-item number-indicator=\"${args.numberIndicator}\" slot=\"right-item\" target=\"_blank\" href=\"http://google.com\" hide-on-mobile=\"${args.hideOnMobile}\" show-label=\"false\" icon=\"image-16\">\r\n  </ifx-navbar-item>\r\n  <ifx-navbar-item dot-indicator=\"${args.dotIndicator}\" slot=\"right-item\" hide-on-mobile=\"true\" show-label='false' icon=\"image-16\">\r\n  </ifx-navbar-item>\r\n\r\n  <ifx-navbar-profile user-name=\"${args.userName}\" slot=\"right-item\" image-url=\"${args.profileImageUrl}\" show-label=\"${args.showNavbarProfileLabel}\" href=\"\" target=\"${args.target}\" alt=\"${args.alt}\">${args.profileLabel}</ifx-navbar-profile>\r\n</ifx-navbar>`;\r\n\r\nexport const Default = DefaultTemplate.bind({});\r\n"]}
+{"version":3,"file":"navbar.stories.js","sourceRoot":"","sources":["../../../../src/components/navigation/navbar/navbar.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { icons } from '@infineon/infineon-icons';\nexport default {\n  title: 'Components/Navigation/Navbar',\n  args: {\n    profileLabel: \"\",\n    applicationName: 'Application name',\n    showLabelOfNavbarItem: true,\n    targetOfnavbarItem: '_self',\n    hrefOfNavbarItem: '',\n    searchBarIsOpen: false,\n    navbarPositionFixed: false,\n    showLogoAndAppname: true,\n    logoHref: 'http://google.com',\n    logoHrefTarget: '_self',\n    searchBarPosition: 'left',\n    hideOnMobile: true,\n    profileImageUrl: \"\",\n    userName: \"\",\n    showNavbarProfileLabel: true,\n    href: \"http://google.com\",\n    target: \"_self\",\n    alt: \"profile image\",\n    numberIndicator: \"\",\n    dotIndicator: false\n  },\n  argTypes: {\n    profileLabel: {\n      name: 'Label of Profile',\n      control: { type: 'text' },\n      description: 'Set the label of *<ifx-navbar-profile>*.',\n      table: {\n        category: 'story controls',\n      },\n    },\n    applicationName: {\n      control: { type: 'text' },\n      description: 'The name of the application.',\n      table: {\n        category: 'ifx-navbar props',\n      },\n    },\n    navbarPositionFixed: {\n      name: 'fixed',\n      control: { type: 'boolean' },\n      description: 'Fix the navbar to the top of the page.',\n      table: {\n        defaultValue: { summary: 'true' },\n        category: 'ifx-navbar props',\n      },\n    },\n    showLogoAndAppname: {\n      control: { type: 'boolean' },\n      description: 'Show the logo and application name.',\n      table: {\n        defaultValue: { summary: 'true' },\n        category: 'ifx-navbar props',\n      },\n    },\n    logoHref: {\n      control: { type: 'text' },\n      description: 'The URL of the logo link.',\n      table: {\n        category: 'ifx-navbar props',\n      },\n    },\n    logoHrefTarget: {\n      description: 'The target of the logo link.',\n      options: ['_self', '_blank', '_parent'],\n      control: { type: 'radio' },\n      table: {\n        defaultValue: { summary: '_self' },\n        category: 'ifx-navbar props',\n        type: {\n          summary: '_self | _blank | _parent',\n        },\n      },\n    },\n    showLabelOfNavbarItem: {\n      name: 'showLabel',\n      control: { type: 'boolean' },\n      description: 'Show the label of the navbar item.',\n      table: {\n        defaultValue: { summary: 'true' },\n        category: 'ifx-navbar-item props',\n      },\n    },\n    iconOfNavbarItem: {\n      name: 'icon',\n      options: Object.keys(icons),\n      control: { type: 'select' },\n      description: 'The icon to display in the navbar item.',\n      table: {\n        category: 'ifx-navbar-item props',\n        type: {\n          summary: 'string',\n        },\n      },\n    },\n    numberIndicator: {\n      name: 'numberIndicator',\n      control: { type: 'number' },\n      description: 'A notifiying number indicator',\n      table: {\n        category: 'ifx-navbar-item props',\n        type: {\n          summary: 'string',\n        },\n      },\n    },\n    dotIndicator: {\n      name: 'dotIndicator',\n      control: { type: 'boolean' },\n      description: 'A notifiying dot indicator',\n      table: {\n        category: 'ifx-navbar-item props',\n        type: {\n          defaultValue: { summary: 'false' },\n          summary: 'boolean',\n        },\n      },\n    },\n    hrefOfNavbarItem: {\n      name: 'href',\n      control: { type: 'text' },\n      description: 'The URL of the navbar item link.',\n      table: {\n        category: 'ifx-navbar-item props',\n      },\n    },\n\n    targetOfnavbarItem: {\n      name: 'target',\n      control: { type: 'radio' },\n      options: ['_self'],\n      description: 'The target of the navbar item link.',\n      table: {\n        defaultValue: { summary: '_self' },\n        category: 'ifx-navbar-item props',\n        type: {\n          summary: '_self',\n        },\n      },\n    },\n    hideOnMobile: {\n      control: { type: 'boolean' },\n      description: 'Hide the navbar item on mobile.',\n      table: {\n        defaultValue: { summary: 'true' },\n        category: 'ifx-navbar-item props',\n      },\n    },\n    showNavbarProfileLabel: {\n      name: 'showLabel',\n      control: { type: 'boolean' },\n      description: 'Show label for the profile.',\n      table: {\n        defaultValue: { summary: 'true' },\n        category: 'ifx-navbar-profile props',\n      },\n    },\n    href: {\n      control: { type: 'text' },\n      description: 'The URL of the profile link.',\n      table: {\n        category: 'ifx-navbar-profile props',\n      },\n    },\n    profileImageUrl: {\n      name: 'imageUrl',\n      control: { type: 'text' },\n      description: 'The URL of the image.',\n      table: {\n        category: 'ifx-navbar-profile props',\n      },\n    },\n    target: {\n      control: { type: 'radio' },\n      options: ['_self'],\n      description: 'The target of the link.',\n      table: {\n        defaultValue: { summary: '_self' },\n        category: 'ifx-navbar-profile props',\n        type: {\n          summary: '_self',\n        },\n      },\n    },\n    alt: {\n      control: { type: 'text' },\n      description: 'The alternative text of the image.',\n      table: {\n        category: 'ifx-navbar-profile props',\n      },\n    },\n    userName: {\n      control: { type: 'text' },\n      description: 'The name of the user.',\n      table: {\n        category: 'ifx-navbar-profile props',\n      },\n    },\n    searchBarIsOpen: {\n      name: 'isOpen',\n      control: { type: 'boolean' },\n      description: 'Show the search bar.',\n      table: {\n        defaultValue: { summary: 'true' },\n        category: 'ifx-search-bar props',\n      },\n    },\n    searchBarPosition: {\n      name: 'search-bar-',\n      description: 'The position of the search-bar within the Navbar as specified in the slot name.',\n      options: ['left', 'right'],\n      control: { type: 'radio' },\n      table: {\n        defaultValue: { summary: 'left' },\n        category: 'ifx-search-bar-slot',\n        type: {\n          summary: 'left | right',\n        },\n      },\n    },\n  },\n};\n\nconst DefaultTemplate = args =>\n  `<ifx-navbar  show-logo-and-appname=\"${args.showLogoAndAppname}\" application-name=\"${args.applicationName}\" fixed=\"${args.navbarPositionFixed}\" logo-href=\"${args.logoHref}\" logo-href-target=\"${args.logoHrefTarget}\">\n  <ifx-navbar-item icon=\"${args.iconOfNavbarItem}\" slot=\"left-item\" target=\"${args.targetOfnavbarItem}\" href=\"${args.hrefOfNavbarItem}\" hide-on-mobile=\"${args.hideOnMobile}\">\n    Menu Item\n    <ifx-navbar-item icon=\"\">\n      Layer 1 Nested Item 1\n      <ifx-navbar-item>\n        Layer 2 Nested Item 2\n        <ifx-navbar-item href=\"http://google.com\" target=\"_blank\">Link Layer 3 Nested Item 1</ifx-navbar-item>\n        <ifx-navbar-item>Layer 3 Nested Item 2</ifx-navbar-item>\n        <ifx-navbar-item>Layer 3 Nested Item 3</ifx-navbar-item>\n        <ifx-navbar-item>Layer 3 Nested Item 4</ifx-navbar-item>\n      </ifx-navbar-item>\n      <ifx-navbar-item >Layer 2 Nested Item 3</ifx-navbar-item>\n      <ifx-navbar-item>Layer 2 Nested Item 4</ifx-navbar-item>\n      <ifx-navbar-item>Layer 2 Nested Item 5</ifx-navbar-item>\n    </ifx-navbar-item>\n\n    <ifx-navbar-item>\n      Layer 1 Nested Item 2\n      <ifx-navbar-item>Layer 2 Item 1</ifx-navbar-item>\n      <ifx-navbar-item>Layer 2 Item 2</ifx-navbar-item>\n      <ifx-navbar-item>Layer 2 Item 3</ifx-navbar-item>\n    </ifx-navbar-item>\n\n    <ifx-navbar-item>Nested Item 3</ifx-navbar-item>\n\n    <ifx-navbar-item>\n      Layer 1 Nested Item 4\n      <ifx-navbar-item>Nested Item 4</ifx-navbar-item>\n    </ifx-navbar-item>\n\n  </ifx-navbar-item>\n\n  <ifx-navbar-item href=\"${args.hrefOfNavbarItem}\" target=\"_self\" slot=\"left-item\" icon=\"\" show-label=\"${args.showLabelOfNavbarItem}\">\n    Menu Item\n  </ifx-navbar-item>\n\n  <ifx-navbar-item slot=\"left-item\">\n    More\n    <ifx-navbar-item>Item1</ifx-navbar-item>\n    <ifx-navbar-item>Item2</ifx-navbar-item>\n  </ifx-navbar-item>\n\n  <ifx-search-bar slot=\"search-bar-${args.searchBarPosition}\" is-open=\"${args.searchBarIsOpen}\"></ifx-search-bar>\n\n  <ifx-navbar-item number-indicator=\"${args.numberIndicator}\" slot=\"right-item\" target=\"_blank\" href=\"http://google.com\" hide-on-mobile=\"${args.hideOnMobile}\" show-label=\"false\" icon=\"image-16\">\n  </ifx-navbar-item>\n  <ifx-navbar-item dot-indicator=\"${args.dotIndicator}\" slot=\"right-item\" hide-on-mobile=\"true\" show-label='false' icon=\"image-16\">\n  </ifx-navbar-item>\n\n  <ifx-navbar-profile user-name=\"${args.userName}\" slot=\"right-item\" image-url=\"${args.profileImageUrl}\" show-label=\"${args.showNavbarProfileLabel}\" href=\"\" target=\"${args.target}\" alt=\"${args.alt}\">${args.profileLabel}</ifx-navbar-profile>\n</ifx-navbar>`;\n\nexport const Default = DefaultTemplate.bind({});\n"]}

package/dist/collection/components/navigation/sidebar/sidebar-item.js

@@ -284,13 +284,13 @@ export class SidebarItem {
     render() {
         const isCollapsed = this.el.hasAttribute('data-sidebar-collapsed');
         const shouldHide = this.el.hasAttribute('data-hide-in-collapsed');
-        return (h("div", { key: 'c0da686ed7bfbcfb1637050b27e5a60129feceac', style: { display: shouldHide ? 'none' : 'block' } }, h("a", { key: '5c495c69f296c436dc7c2806d0f52b6b6e2a4f34', tabIndex: 1, onKeyDown: (event) => this.handleKeyDown(event), href: this.internalHref, onClick: () => this.toggleSubmenu(), target: this.target, class: `sidebar__nav-item ${!this.isNested && this.isExpandable ? 'header__section' : ""} ${this.isSubMenuItem ? 'submenu__item' : ""}`, title: this.titleText }, this.icon &&
-            h("div", { key: '9e1b5f6b65ec6ac4c06f7bf5e89c001d645ebe86', class: `sidebar__nav-item-icon-wrapper ${!this.showIcon && !isCollapsed ? 'noIcon' : ""}` }, h("ifx-icon", { key: 'b2fc6a9960dee7619058286748100a87660d5e38', icon: this.icon })), h("div", { key: '9521ce2438b9c0282d761017cf91203ac89bb731', class: "sidebar__nav-item-label" }, h("slot", { key: '3c1e691de3f6371b653422c723b278230da389a7' })), (this.isExpandable || !isNaN(this.numberIndicator)) &&
-            h("div", { key: '470e3593aadb94681d26fa7f0e2b17c53f5b3836', class: "sidebar__nav-item-indicator", style: {
+        return (h("div", { key: '491cbffba289bab9d633a08724a2bf1575b92d9f', style: { display: shouldHide ? 'none' : 'block' } }, h("a", { key: '50a8e5dd2298c86711260427549b7d86601d5b46', tabIndex: 1, onKeyDown: (event) => this.handleKeyDown(event), href: this.internalHref, onClick: () => this.toggleSubmenu(), target: this.target, class: `sidebar__nav-item ${!this.isNested && this.isExpandable ? 'header__section' : ""} ${this.isSubMenuItem ? 'submenu__item' : ""}`, title: this.titleText }, this.icon &&
+            h("div", { key: 'b27c805c73bd5404b648f493c4ded4d689b9eb3c', class: `sidebar__nav-item-icon-wrapper ${!this.showIcon && !isCollapsed ? 'noIcon' : ""}` }, h("ifx-icon", { key: '2049a5d0f58106ad977b68c848c8c0f21182a86d', icon: this.icon })), h("div", { key: 'c140a72eb126c87989c71066f287cea862060562', class: "sidebar__nav-item-label" }, h("slot", { key: 'ee9708e5f3591b34e7251546cab50224967abffe' })), (this.isExpandable || !isNaN(this.numberIndicator)) &&
+            h("div", { key: 'd5ac6af6cf668e3463626c7b0f8f5694d23d2d1f', class: "sidebar__nav-item-indicator", style: {
                     display: (!isCollapsed || this.icon) ? 'flex' : 'none'
                 } }, this.isExpandable &&
-                h("span", { key: '8427bdc7f7209db63dc1025902354cebae73c606', class: 'item__arrow-wrapper' }, h("ifx-icon", { key: '5fe69e9d047a68ee76137528a5fa6217595ab44b', icon: "chevron-down-16" })), this.numberIndicator > 0 && !this.isExpandable && !this.isNested &&
-                h("span", { key: 'ef42139f67caa2658a8ebc695bbc6349a4fccc69', class: "item__number-indicator" }, h("ifx-indicator", { key: 'd3447bc5aefae79b39293afeecb93fc88f78c777', variant: this.indicatorVariant, number: this.numberIndicator })))), this.isExpandable && h("ul", { key: 'ee2551afec6ac236ca1e377a90e9c0b5bb305f3e', class: 'expandable__submenu' })));
+                h("span", { key: '7ff6bd7e736d73392e8786980b740b0d1f1b1ac2', class: 'item__arrow-wrapper' }, h("ifx-icon", { key: 'dc62663bee631edbb5a1126b5b2cd4bfb6125c98', icon: "chevron-down-16" })), this.numberIndicator > 0 && !this.isExpandable && !this.isNested &&
+                h("span", { key: '2a02e2d009f260b57c7fb75cdce87366e56e5a53', class: "item__number-indicator" }, h("ifx-indicator", { key: '8dcaf820d27afd21722e4f02f81e4d52441d5458', variant: this.indicatorVariant, number: this.numberIndicator })))), this.isExpandable && h("ul", { key: 'c55eb1c02512807fe889dff1e2b9e3455bc5cc23', class: 'expandable__submenu' })));
     }
     static get is() { return "ifx-sidebar-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation/sidebar/sidebar-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-item.js","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, State, Listen, Watch, Event, EventEmitter, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-sidebar-item',\r\n  styleUrl: 'sidebar-item.scss',\r\n  shadow: true\r\n})\r\nexport class SidebarItem {\r\n  @Element() el;\r\n  @Prop() icon: string = \"\"\r\n  @State() showIcon: boolean = true;\r\n  @State() showIconWrapper: boolean = false;\r\n  @Prop() href: string = \"\";\r\n  @State() internalHref: string = \"\";\r\n  @Prop() target: string = \"_self\";\r\n  @State() isExpandable: boolean = false;\r\n  @State() isNested: boolean = true;\r\n  @State() isSubMenuItem: boolean = false;\r\n  @Prop() numberIndicator: number;\r\n  @Prop() active: boolean = false; // set to true manually or by clicking on a navigation item\r\n  @Prop() isActionItem: boolean = false; // if an item is an action item, it can not become active\r\n  @State() indicatorVariant: 'number' | 'dot' = 'number';\r\n\r\n  @State() internalActiveState: boolean = false;\r\n \r\n  @Event({ bubbles: true, composed: true }) ifxSidebarMenu: EventEmitter;\r\n  @Event({ bubbles: true, composed: true }) ifxSidebarNavigationItem: EventEmitter;\r\n  @Event({ bubbles: true, composed: true }) ifxSidebarActionItem: EventEmitter;\r\n\r\n  @Prop() handleItemClick: (item: HTMLElement) => void;\r\n\r\n  private titleText: string = '';\r\n\r\n  @Watch('active')\r\n  handleActiveChange(newValue: boolean, oldValue: boolean) {\r\n    // If the item is an action item, ignore the active prop\r\n    if (this.isActionItem) {\r\n      this.internalActiveState = false;\r\n      return;\r\n    }\r\n    this.internalActiveState = newValue;\r\n    if (newValue !== oldValue) {\r\n      let labelElement = this.getNavItem(this.el.shadowRoot)\r\n      if (!this.isExpandable && !newValue) {\r\n        this.handleClassList(labelElement, 'remove', 'active');\r\n      }\r\n      if (!this.isExpandable && newValue) {\r\n        this.handleClassList(labelElement, 'add', 'active');\r\n      }\r\n    }\r\n  }\r\n\r\n  @Watch('numberIndicator')  \r\n  handleNumberIndicatorChange() {\r\n    this.updateIndicatorVariant();\r\n  }\r\n\r\n  @Listen('consoleError')\r\n  handleConsoleError(event: CustomEvent<boolean>) {\r\n    if (event.detail) {\r\n      this.showIcon = false;\r\n    } else {\r\n      this.showIcon = true;\r\n    }\r\n  }\r\n\r\n  handleEventEmission() {\r\n    // Get the active item section\r\n    this.ifxSidebarMenu.emit(this.el)\r\n  }\r\n\r\n  handleClassList(el, type, className) {\r\n    el.classList[type](className)\r\n    if (type === 'contains') {\r\n      return el.classList.contains(className)\r\n    }\r\n  }\r\n\r\n  getExpandableMenu() {\r\n    const expandableSubmenu = this.el.shadowRoot.querySelector('.expandable__submenu')\r\n    return expandableSubmenu\r\n  }\r\n\r\n  getNavItem(el) {\r\n    return el?.querySelector('.sidebar__nav-item')\r\n  }\r\n\r\n\r\n\r\n  getSidebarMenuItems(el = this.el) {\r\n    const sidebarItems = el.querySelectorAll('ifx-sidebar-item');\r\n    if (sidebarItems.length === 0) {\r\n      return el.shadowRoot.querySelectorAll('ifx-sidebar-item');\r\n    }\r\n    return sidebarItems;\r\n  }\r\n\r\n  getSidebarMenuItem() {\r\n    const sidebarItem = this.el.shadowRoot.querySelector('.sidebar__nav-item')\r\n    return sidebarItem;\r\n  }\r\n\r\n\r\n  toggleSubmenu() {\r\n    if (this.isExpandable) {\r\n      const menuItem = this.getSidebarMenuItem();\r\n      const expandableMenu = this.getExpandableMenu();\r\n      this.handleClassList(expandableMenu, 'toggle', 'open');\r\n      this.handleClassList(menuItem, 'toggle', 'open');\r\n      // Emit an event with the current component\r\n      this.handleEventEmission();\r\n    } else {\r\n      // If the sidebar item is not expandable, it's a leaf item without a submenu.\r\n      // Emit an event to the parent `ifx-sidebar` component to notify it that a leaf item has been clicked.\r\n      if (this.isActionItem) { //its an action item that eg opens an overlay etc and should not influence the active state of the item\r\n        this.ifxSidebarActionItem.emit(this.el); // emit new event if isActionItem is true\r\n        return;\r\n      } else { //its a navigation item which becomes active after clicking it\r\n        this.handleActiveChange(true, this.internalActiveState)\r\n        this.ifxSidebarNavigationItem.emit(this.el);\r\n      }\r\n      // If the sidebar item is selectable (not expandable), then call the handler function with the current element.\r\n      if (this.handleItemClick) {\r\n        this.handleItemClick(this.el);\r\n      }\r\n    }\r\n    // // Emit an event with the current component\r\n    // this.handleEventEmission();\r\n  }\r\n\r\n\r\n\r\n  handleExpandableMenu(sidebarItems) {\r\n    const sidebarExpandableMenu = this.getExpandableMenu();\r\n    sidebarItems.forEach((el: HTMLElement) => {\r\n      const li = document.createElement('li')\r\n      li.appendChild(el)\r\n      sidebarExpandableMenu.appendChild(li)\r\n    })\r\n  }\r\n\r\n  parentElementIsSidebar() {\r\n    const parentElement = this.el.parentElement;\r\n    if (parentElement.tagName.toUpperCase() === 'IFX-SIDEBAR') {\r\n      return true;\r\n    } else return false;\r\n  }\r\n\r\n  checkIfMenuItemIsNested() {\r\n    const parentIsSidebar = this.parentElementIsSidebar()\r\n    if (parentIsSidebar) {\r\n      this.isNested = false;\r\n    }\r\n  }\r\n\r\n  checkIfMenuItemIsSubMenu() {\r\n    const parentElement = this.el.parentElement;\r\n    const navItem = this.getNavItem(parentElement.shadowRoot);\r\n    if(parentElement.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM' && !this.handleClassList(navItem, 'contains', 'header__section')) {\r\n      this.isSubMenuItem = true;\r\n    }else {\r\n      this.isSubMenuItem = false;\r\n    }\r\n  }\r\n\r\n  isActive(iteratedComponent) {\r\n    const activeAttributeValue = iteratedComponent.getAttribute('active');\r\n    const isActive = activeAttributeValue === 'true';\r\n    return isActive\r\n  }\r\n\r\n  getParentSection(el: HTMLElement) {\r\n    let parentElement = el.parentElement;\r\n\r\n    while (parentElement && parentElement.tagName.toUpperCase() !== 'IFX-SIDEBAR') {\r\n      if (parentElement.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM') {\r\n        return parentElement;\r\n      }\r\n      parentElement = parentElement.parentElement;\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n\r\n\r\n  handleBorderIndicatorDisplacement(menuItem) {\r\n    // Recursive function to handle each item\r\n    const handleItem = (item, menuItem) => {\r\n      const isActive = this.isActive(item);\r\n      if (isActive) {\r\n        const isOpen = this.handleClassList(menuItem, 'contains', 'open');\r\n        const activeMenuItemSection = this.getActiveItemSection();\r\n        if (!isOpen) {\r\n          this.handleClassList(activeMenuItemSection, 'add', 'active-section');\r\n        } else {\r\n          this.handleClassList(activeMenuItemSection, 'remove', 'active-section');\r\n        }\r\n      }\r\n\r\n      // Process each child item\r\n      const children = this.getSidebarMenuItems(item);\r\n      children.forEach((child) => handleItem(child, menuItem));\r\n    }\r\n\r\n    // Start with the top-level items\r\n    const topLevelItems = this.getSidebarMenuItems();\r\n    topLevelItems.forEach((item) => handleItem(item, menuItem));\r\n  }\r\n\r\n\r\n  setHref() {\r\n    if (this.href.toLowerCase().trim() === \"\") {\r\n      this.internalHref = undefined;\r\n    } else this.internalHref = this.href;\r\n  }\r\n\r\n  getActiveItemSection() {\r\n    const parentIsSidebar = this.parentElementIsSidebar()\r\n    if (parentIsSidebar) {\r\n      const labelElement = this.getNavItem(this.el.shadowRoot)\r\n      return labelElement;\r\n    } else {\r\n      const labelElement = this.getNavItem(this.el.shadowRoot)\r\n      return labelElement;\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async setActiveClasses() {\r\n    const activeMenuItem = this.getNavItem(this.el.shadowRoot)\r\n    this.handleClassList(activeMenuItem, 'add', 'active')\r\n  }\r\n\r\n  @Method()\r\n  async expandMenu(ac: boolean){\r\n      const menuItem = this.getSidebarMenuItem();\r\n      const expandableMenu = this.getExpandableMenu();\r\n      this.handleClassList(expandableMenu, 'add', 'open');\r\n      this.handleClassList(menuItem, 'add', 'open');\r\n      if(ac){\r\n        this.handleClassList(expandableMenu, 'remove', 'active-section')\r\n        this.handleClassList(menuItem, 'remove', 'active-section')\r\n      }\r\n  }\r\n\r\n  @Method()\r\n  async isItemExpandable(){\r\n    return this.isExpandable;\r\n  }\r\n\r\n  handleActiveState() {\r\n    if (this.internalActiveState) {\r\n      this.setActiveClasses()\r\n    }\r\n  }\r\n\r\n  handleKeyDown(event: KeyboardEvent) {\r\n    if (event.key === 'Enter') {\r\n      this.toggleSubmenu()\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.handleActiveState();\r\n    if (this.isExpandable) {\r\n      const sidebarItems = this.getSidebarMenuItems();\r\n      this.handleExpandableMenu(sidebarItems)\r\n    }\r\n    // Listen for collapsed state changes\r\n    this.updateIndicatorVariant();\r\n    // Set up MutationObserver to watch for CSS custom property changes\r\n    this.observeCollapsedState();\r\n    // Extract text content for title attribute\r\n    this.extractTitleText();\r\n  }\r\n\r\n  private extractTitleText() {\r\n    // Get the text content from the slot\r\n    const slotElement = this.el.shadowRoot.querySelector('slot');\r\n    if (slotElement) {\r\n      const assignedNodes = slotElement.assignedNodes();\r\n      this.titleText = assignedNodes\r\n        .filter(node => node.nodeType === Node.TEXT_NODE || node.nodeType === Node.ELEMENT_NODE)\r\n        .map(node => node.textContent?.trim() || '')\r\n        .join(' ')\r\n        .trim();\r\n    }\r\n  }\r\n\r\n  private updateIndicatorVariant() {\r\n    // Check the data attribute on this element\r\n    const isCollapsed = this.el.hasAttribute('data-sidebar-collapsed');\r\n    //this.indicatorVariant = isCollapsed ? 'dot' : 'number';\r\n    if (this.numberIndicator > 0) {\r\n        this.indicatorVariant = isCollapsed ? 'dot' : 'number';\r\n    }\r\n  }\r\n\r\n  private observeCollapsedState() {\r\n    // Create a MutationObserver to watch for data-sidebar-collapsed attribute changes\r\n    const observer = new MutationObserver(() => {\r\n      this.updateIndicatorVariant();\r\n    });\r\n\r\n    observer.observe(this.el, {\r\n      attributes: true,\r\n      attributeFilter: ['data-sidebar-collapsed']\r\n    });\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalActiveState = this.active;\r\n    this.checkIfMenuItemIsNested();\r\n    this.checkIfMenuItemIsSubMenu();\r\n    this.setHref()\r\n\r\n    // Set attribute to track if item has icon\r\n    this.el.setAttribute('data-has-icon', this.icon ? 'true' : 'false');\r\n\r\n    const sidebarItems = this.getSidebarMenuItems();\r\n    if (sidebarItems.length !== 0) {\r\n      this.isExpandable = true;\r\n    } else {\r\n      this.isExpandable = false;\r\n    }\r\n  }\r\n\r\n  componentWillUpdate() {\r\n    // If the active prop has been set to true and the internalActiveState has not been set to true yet\r\n    if (this.active && !this.internalActiveState) {\r\n      // Set the internal active state to true\r\n      this.internalActiveState = this.active;\r\n\r\n      // Emit the event to notify the parent Sidebar\r\n      this.ifxSidebarNavigationItem.emit(this.el);\r\n    }\r\n  }\r\n\r\n\r\nrender() {\r\n  const isCollapsed = this.el.hasAttribute('data-sidebar-collapsed');\r\n  const shouldHide = this.el.hasAttribute('data-hide-in-collapsed');\r\n\r\n  return (\r\n    <div style={{ display: shouldHide ? 'none' : 'block' }}>\r\n      <a\r\n        tabIndex={1}\r\n        onKeyDown={(event) => this.handleKeyDown(event)}\r\n        href={this.internalHref}\r\n        onClick={() => this.toggleSubmenu()}\r\n        target={this.target}\r\n        class={`sidebar__nav-item ${!this.isNested && this.isExpandable ? 'header__section' : \"\"} ${this.isSubMenuItem ? 'submenu__item' : \"\"}`}\r\n        title={this.titleText}\r\n      >\r\n        {this.icon &&\r\n          <div class={`sidebar__nav-item-icon-wrapper ${!this.showIcon && !isCollapsed ? 'noIcon' : \"\"}`}>\r\n            <ifx-icon icon={this.icon}></ifx-icon>\r\n          </div>}\r\n        <div class=\"sidebar__nav-item-label\">\r\n          <slot />\r\n        </div>\r\n        {\r\n        (this.isExpandable || !isNaN(this.numberIndicator)) &&\r\n          <div class=\"sidebar__nav-item-indicator\" style={{\r\n            display: (!isCollapsed || this.icon) ? 'flex' : 'none'\r\n          }}>\r\n            {this.isExpandable &&\r\n              <span class='item__arrow-wrapper'>\r\n                <ifx-icon icon=\"chevron-down-16\" />\r\n              </span>\r\n            }\r\n\r\n            {this.numberIndicator > 0 && !this.isExpandable && !this.isNested &&\r\n              <span class=\"item__number-indicator\">\r\n                <ifx-indicator\r\n                  variant={this.indicatorVariant}\r\n                  number={this.numberIndicator}>\r\n                </ifx-indicator>\r\n              </span>}\r\n\r\n          </div>\r\n        }\r\n      </a>\r\n      {this.isExpandable && <ul class='expandable__submenu'></ul>}\r\n\r\n    </div>\r\n  );\r\n}\r\n}\r\n"]}
+{"version":3,"file":"sidebar-item.js","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, State, Listen, Watch, Event, EventEmitter, Method } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-sidebar-item',\n  styleUrl: 'sidebar-item.scss',\n  shadow: true\n})\nexport class SidebarItem {\n  @Element() el;\n  @Prop() icon: string = \"\"\n  @State() showIcon: boolean = true;\n  @State() showIconWrapper: boolean = false;\n  @Prop() href: string = \"\";\n  @State() internalHref: string = \"\";\n  @Prop() target: string = \"_self\";\n  @State() isExpandable: boolean = false;\n  @State() isNested: boolean = true;\n  @State() isSubMenuItem: boolean = false;\n  @Prop() numberIndicator: number;\n  @Prop() active: boolean = false; // set to true manually or by clicking on a navigation item\n  @Prop() isActionItem: boolean = false; // if an item is an action item, it can not become active\n  @State() indicatorVariant: 'number' | 'dot' = 'number';\n\n  @State() internalActiveState: boolean = false;\n \n  @Event({ bubbles: true, composed: true }) ifxSidebarMenu: EventEmitter;\n  @Event({ bubbles: true, composed: true }) ifxSidebarNavigationItem: EventEmitter;\n  @Event({ bubbles: true, composed: true }) ifxSidebarActionItem: EventEmitter;\n\n  @Prop() handleItemClick: (item: HTMLElement) => void;\n\n  private titleText: string = '';\n\n  @Watch('active')\n  handleActiveChange(newValue: boolean, oldValue: boolean) {\n    // If the item is an action item, ignore the active prop\n    if (this.isActionItem) {\n      this.internalActiveState = false;\n      return;\n    }\n    this.internalActiveState = newValue;\n    if (newValue !== oldValue) {\n      let labelElement = this.getNavItem(this.el.shadowRoot)\n      if (!this.isExpandable && !newValue) {\n        this.handleClassList(labelElement, 'remove', 'active');\n      }\n      if (!this.isExpandable && newValue) {\n        this.handleClassList(labelElement, 'add', 'active');\n      }\n    }\n  }\n\n  @Watch('numberIndicator')  \n  handleNumberIndicatorChange() {\n    this.updateIndicatorVariant();\n  }\n\n  @Listen('consoleError')\n  handleConsoleError(event: CustomEvent<boolean>) {\n    if (event.detail) {\n      this.showIcon = false;\n    } else {\n      this.showIcon = true;\n    }\n  }\n\n  handleEventEmission() {\n    // Get the active item section\n    this.ifxSidebarMenu.emit(this.el)\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  getExpandableMenu() {\n    const expandableSubmenu = this.el.shadowRoot.querySelector('.expandable__submenu')\n    return expandableSubmenu\n  }\n\n  getNavItem(el) {\n    return el?.querySelector('.sidebar__nav-item')\n  }\n\n\n\n  getSidebarMenuItems(el = this.el) {\n    const sidebarItems = el.querySelectorAll('ifx-sidebar-item');\n    if (sidebarItems.length === 0) {\n      return el.shadowRoot.querySelectorAll('ifx-sidebar-item');\n    }\n    return sidebarItems;\n  }\n\n  getSidebarMenuItem() {\n    const sidebarItem = this.el.shadowRoot.querySelector('.sidebar__nav-item')\n    return sidebarItem;\n  }\n\n\n  toggleSubmenu() {\n    if (this.isExpandable) {\n      const menuItem = this.getSidebarMenuItem();\n      const expandableMenu = this.getExpandableMenu();\n      this.handleClassList(expandableMenu, 'toggle', 'open');\n      this.handleClassList(menuItem, 'toggle', 'open');\n      // Emit an event with the current component\n      this.handleEventEmission();\n    } else {\n      // If the sidebar item is not expandable, it's a leaf item without a submenu.\n      // Emit an event to the parent `ifx-sidebar` component to notify it that a leaf item has been clicked.\n      if (this.isActionItem) { //its an action item that eg opens an overlay etc and should not influence the active state of the item\n        this.ifxSidebarActionItem.emit(this.el); // emit new event if isActionItem is true\n        return;\n      } else { //its a navigation item which becomes active after clicking it\n        this.handleActiveChange(true, this.internalActiveState)\n        this.ifxSidebarNavigationItem.emit(this.el);\n      }\n      // If the sidebar item is selectable (not expandable), then call the handler function with the current element.\n      if (this.handleItemClick) {\n        this.handleItemClick(this.el);\n      }\n    }\n    // // Emit an event with the current component\n    // this.handleEventEmission();\n  }\n\n\n\n  handleExpandableMenu(sidebarItems) {\n    const sidebarExpandableMenu = this.getExpandableMenu();\n    sidebarItems.forEach((el: HTMLElement) => {\n      const li = document.createElement('li')\n      li.appendChild(el)\n      sidebarExpandableMenu.appendChild(li)\n    })\n  }\n\n  parentElementIsSidebar() {\n    const parentElement = this.el.parentElement;\n    if (parentElement.tagName.toUpperCase() === 'IFX-SIDEBAR') {\n      return true;\n    } else return false;\n  }\n\n  checkIfMenuItemIsNested() {\n    const parentIsSidebar = this.parentElementIsSidebar()\n    if (parentIsSidebar) {\n      this.isNested = false;\n    }\n  }\n\n  checkIfMenuItemIsSubMenu() {\n    const parentElement = this.el.parentElement;\n    const navItem = this.getNavItem(parentElement.shadowRoot);\n    if(parentElement.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM' && !this.handleClassList(navItem, 'contains', 'header__section')) {\n      this.isSubMenuItem = true;\n    }else {\n      this.isSubMenuItem = false;\n    }\n  }\n\n  isActive(iteratedComponent) {\n    const activeAttributeValue = iteratedComponent.getAttribute('active');\n    const isActive = activeAttributeValue === 'true';\n    return isActive\n  }\n\n  getParentSection(el: HTMLElement) {\n    let parentElement = el.parentElement;\n\n    while (parentElement && parentElement.tagName.toUpperCase() !== 'IFX-SIDEBAR') {\n      if (parentElement.tagName.toUpperCase() === 'IFX-SIDEBAR-ITEM') {\n        return parentElement;\n      }\n      parentElement = parentElement.parentElement;\n    }\n\n    return null;\n  }\n\n\n\n  handleBorderIndicatorDisplacement(menuItem) {\n    // Recursive function to handle each item\n    const handleItem = (item, menuItem) => {\n      const isActive = this.isActive(item);\n      if (isActive) {\n        const isOpen = this.handleClassList(menuItem, 'contains', 'open');\n        const activeMenuItemSection = this.getActiveItemSection();\n        if (!isOpen) {\n          this.handleClassList(activeMenuItemSection, 'add', 'active-section');\n        } else {\n          this.handleClassList(activeMenuItemSection, 'remove', 'active-section');\n        }\n      }\n\n      // Process each child item\n      const children = this.getSidebarMenuItems(item);\n      children.forEach((child) => handleItem(child, menuItem));\n    }\n\n    // Start with the top-level items\n    const topLevelItems = this.getSidebarMenuItems();\n    topLevelItems.forEach((item) => handleItem(item, menuItem));\n  }\n\n\n  setHref() {\n    if (this.href.toLowerCase().trim() === \"\") {\n      this.internalHref = undefined;\n    } else this.internalHref = this.href;\n  }\n\n  getActiveItemSection() {\n    const parentIsSidebar = this.parentElementIsSidebar()\n    if (parentIsSidebar) {\n      const labelElement = this.getNavItem(this.el.shadowRoot)\n      return labelElement;\n    } else {\n      const labelElement = this.getNavItem(this.el.shadowRoot)\n      return labelElement;\n    }\n  }\n\n  @Method()\n  async setActiveClasses() {\n    const activeMenuItem = this.getNavItem(this.el.shadowRoot)\n    this.handleClassList(activeMenuItem, 'add', 'active')\n  }\n\n  @Method()\n  async expandMenu(ac: boolean){\n      const menuItem = this.getSidebarMenuItem();\n      const expandableMenu = this.getExpandableMenu();\n      this.handleClassList(expandableMenu, 'add', 'open');\n      this.handleClassList(menuItem, 'add', 'open');\n      if(ac){\n        this.handleClassList(expandableMenu, 'remove', 'active-section')\n        this.handleClassList(menuItem, 'remove', 'active-section')\n      }\n  }\n\n  @Method()\n  async isItemExpandable(){\n    return this.isExpandable;\n  }\n\n  handleActiveState() {\n    if (this.internalActiveState) {\n      this.setActiveClasses()\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      this.toggleSubmenu()\n    }\n  }\n\n  componentDidLoad() {\n    this.handleActiveState();\n    if (this.isExpandable) {\n      const sidebarItems = this.getSidebarMenuItems();\n      this.handleExpandableMenu(sidebarItems)\n    }\n    // Listen for collapsed state changes\n    this.updateIndicatorVariant();\n    // Set up MutationObserver to watch for CSS custom property changes\n    this.observeCollapsedState();\n    // Extract text content for title attribute\n    this.extractTitleText();\n  }\n\n  private extractTitleText() {\n    // Get the text content from the slot\n    const slotElement = this.el.shadowRoot.querySelector('slot');\n    if (slotElement) {\n      const assignedNodes = slotElement.assignedNodes();\n      this.titleText = assignedNodes\n        .filter(node => node.nodeType === Node.TEXT_NODE || node.nodeType === Node.ELEMENT_NODE)\n        .map(node => node.textContent?.trim() || '')\n        .join(' ')\n        .trim();\n    }\n  }\n\n  private updateIndicatorVariant() {\n    // Check the data attribute on this element\n    const isCollapsed = this.el.hasAttribute('data-sidebar-collapsed');\n    //this.indicatorVariant = isCollapsed ? 'dot' : 'number';\n    if (this.numberIndicator > 0) {\n        this.indicatorVariant = isCollapsed ? 'dot' : 'number';\n    }\n  }\n\n  private observeCollapsedState() {\n    // Create a MutationObserver to watch for data-sidebar-collapsed attribute changes\n    const observer = new MutationObserver(() => {\n      this.updateIndicatorVariant();\n    });\n\n    observer.observe(this.el, {\n      attributes: true,\n      attributeFilter: ['data-sidebar-collapsed']\n    });\n  }\n\n  componentWillLoad() {\n    this.internalActiveState = this.active;\n    this.checkIfMenuItemIsNested();\n    this.checkIfMenuItemIsSubMenu();\n    this.setHref()\n\n    // Set attribute to track if item has icon\n    this.el.setAttribute('data-has-icon', this.icon ? 'true' : 'false');\n\n    const sidebarItems = this.getSidebarMenuItems();\n    if (sidebarItems.length !== 0) {\n      this.isExpandable = true;\n    } else {\n      this.isExpandable = false;\n    }\n  }\n\n  componentWillUpdate() {\n    // If the active prop has been set to true and the internalActiveState has not been set to true yet\n    if (this.active && !this.internalActiveState) {\n      // Set the internal active state to true\n      this.internalActiveState = this.active;\n\n      // Emit the event to notify the parent Sidebar\n      this.ifxSidebarNavigationItem.emit(this.el);\n    }\n  }\n\n\nrender() {\n  const isCollapsed = this.el.hasAttribute('data-sidebar-collapsed');\n  const shouldHide = this.el.hasAttribute('data-hide-in-collapsed');\n\n  return (\n    <div style={{ display: shouldHide ? 'none' : 'block' }}>\n      <a\n        tabIndex={1}\n        onKeyDown={(event) => this.handleKeyDown(event)}\n        href={this.internalHref}\n        onClick={() => this.toggleSubmenu()}\n        target={this.target}\n        class={`sidebar__nav-item ${!this.isNested && this.isExpandable ? 'header__section' : \"\"} ${this.isSubMenuItem ? 'submenu__item' : \"\"}`}\n        title={this.titleText}\n      >\n        {this.icon &&\n          <div class={`sidebar__nav-item-icon-wrapper ${!this.showIcon && !isCollapsed ? 'noIcon' : \"\"}`}>\n            <ifx-icon icon={this.icon}></ifx-icon>\n          </div>}\n        <div class=\"sidebar__nav-item-label\">\n          <slot />\n        </div>\n        {\n        (this.isExpandable || !isNaN(this.numberIndicator)) &&\n          <div class=\"sidebar__nav-item-indicator\" style={{\n            display: (!isCollapsed || this.icon) ? 'flex' : 'none'\n          }}>\n            {this.isExpandable &&\n              <span class='item__arrow-wrapper'>\n                <ifx-icon icon=\"chevron-down-16\" />\n              </span>\n            }\n\n            {this.numberIndicator > 0 && !this.isExpandable && !this.isNested &&\n              <span class=\"item__number-indicator\">\n                <ifx-indicator\n                  variant={this.indicatorVariant}\n                  number={this.numberIndicator}>\n                </ifx-indicator>\n              </span>}\n\n          </div>\n        }\n      </a>\n      {this.isExpandable && <ul class='expandable__submenu'></ul>}\n\n    </div>\n  );\n}\n}\n"]}

package/dist/collection/components/navigation/sidebar/sidebar-title.js

@@ -8,7 +8,7 @@ export class SidebarTitle {
         this.el.setAttribute('data-show-in-collapsed', this.showInCollapsed.toString());
     }
     render() {
-        return (h("div", { key: '3ad734ec12426830092ff07683c9a67e89f7bbe6', class: 'sidebar__title' }, h("div", { key: '7e2c82c559d180d331333f555d93c52145b5b4bd', class: 'sidebar__title-label' }, h("slot", { key: '3d464dba922417b36d51f2dea08938a3eea4a063' }))));
+        return (h("div", { key: 'd3aecfe3f2a5d62f265267cda82bcf7c0dd6aad3', class: 'sidebar__title' }, h("div", { key: 'e8b6d50f2d7cb7e622f6c533a745f64b0a1122d9', class: 'sidebar__title-label' }, h("slot", { key: '8c2ebf5d135bada72543aaae04ec61ca120977cb' }))));
     }
     static get is() { return "ifx-sidebar-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation/sidebar/sidebar-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-title.js","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar-title.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,OAAO,YAAY;IANzB;QAQY,oBAAe,GAAY,KAAK,CAAC;KAgB5C;IAdG,iBAAiB;QACb,uCAAuC;QACvC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,wBAAwB,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;IACpF,CAAC;IAED,MAAM;QACF,OAAM,CACF,4DAAK,KAAK,EAAG,gBAAgB;YACzB,4DAAK,KAAK,EAAG,sBAAsB;gBAC/B,8DAAQ,CACN,CACJ,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Element, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'ifx-sidebar-title',\r\n    styleUrl: 'sidebar-title.scss',\r\n    shadow: true\r\n})\r\n\r\nexport class SidebarTitle {\r\n    @Element() el;\r\n    @Prop() showInCollapsed: boolean = false;\r\n\r\n    componentWillLoad() {\r\n        // Set data attribute for CSS targeting\r\n        this.el.setAttribute('data-show-in-collapsed', this.showInCollapsed.toString());\r\n    }\r\n\r\n    render() {\r\n        return(\r\n            <div class = 'sidebar__title'>\r\n                <div class = 'sidebar__title-label'>\r\n                    <slot />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"sidebar-title.js","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar-title.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,OAAO,YAAY;IANzB;QAQY,oBAAe,GAAY,KAAK,CAAC;KAgB5C;IAdG,iBAAiB;QACb,uCAAuC;QACvC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,wBAAwB,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;IACpF,CAAC;IAED,MAAM;QACF,OAAM,CACF,4DAAK,KAAK,EAAG,gBAAgB;YACzB,4DAAK,KAAK,EAAG,sBAAsB;gBAC/B,8DAAQ,CACN,CACJ,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Element, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'ifx-sidebar-title',\n    styleUrl: 'sidebar-title.scss',\n    shadow: true\n})\n\nexport class SidebarTitle {\n    @Element() el;\n    @Prop() showInCollapsed: boolean = false;\n\n    componentWillLoad() {\n        // Set data attribute for CSS targeting\n        this.el.setAttribute('data-show-in-collapsed', this.showInCollapsed.toString());\n    }\n\n    render() {\n        return(\n            <div class = 'sidebar__title'>\n                <div class = 'sidebar__title-label'>\n                    <slot />\n                </div>\n            </div>\n        );\n    }\n}\n"]}